.coolbt input, .coolbt input[type="submit"]:active, .coolbt button:active {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: inherit;
}

.coolbt{
    background-color: #ccc;
    
    background-image: -webkit-linear-gradient(top,#eee, #ccc);
    background-image: -moz-linear-gradient(top,#eee, #ccc);
    background-image: -ms-linear-gradient(top,#eee, #ccc);
    background-image: -o-linear-gradient(top,#eee, #ccc);
    background-image: linear-gradient(top,#eee, #ccc);
    
    border: 1px solid #999;
    border-radius: 2px 2px 2px 2px;
    display: inline-block;
    color:#333;
    height: inherit;
    line-height: inherit;
    vertical-align: middle;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    padding: 0 8px;
    cursor: pointer;
}
.coolbt:hover {
    background-color: #999;
    
    background-image: -webkit-linear-gradient(top,#ccc, #999);
    background-image: -moz-linear-gradient(top,#ccc, #999);
    background-image: -ms-linear-gradient(top,#ccc, #999);
    background-image: -o-linear-gradient(top,#ccc, #999);
    background-image: linear-gradient(top,#ccc, #999);
    
    border: 1px solid #666;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.coolbt:active{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.coolbt:focus {
    box-shadow: 0 0 0 1px #FFFFFF inset;
    outline: 0 none transparent;
}


.coolck, .coolck span, .coolck input{
    cursor: pointer;
}

.coolck input{
    display: inherit;
    opacity:0;
    width: inherit;
    height: inherit;
}
.coolck span{
    display: inherit;
    width: inherit;
    height: inherit;
}
.coolck.checked span{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNzZDMUU0M0E3RDExMUUwOTg1QUMwOUIwOEY0NTVFQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNzZDMUU0NEE3RDExMUUwOTg1QUMwOUIwOEY0NTVFQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3NkMxRTQxQTdEMTExRTA5ODVBQzA5QjA4RjQ1NUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE3NkMxRTQyQTdEMTExRTA5ODVBQzA5QjA4RjQ1NUVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+37CpkQAAAUBJREFUeNpi/P//PwOtARMDHQALDcxUAGJvqNnLgPg1tX0SCcTHgXgKEHMC8UewKChOqICZgbjzPwJkIctTwwJeIN6IZEEVuhpKLZAE4qNIFkzCpo4SC2SA+CySBbuhwUY1S6SA+CqSBXeBWAKXenKD6DySBT+A2AyfHnQBVgIWcAHx4f+ooISQw2AMJiDOAOJzQOyAQzEjEK9Ds2AzMb6HMVSB+C9U408gbgJiFjTFXWgWPINGPgMpPulGMwSUWtSg8on/MUEgsfGIzAG5/AiaQW+AuAGI36GJLyElsaALaAHx+//4wSMgFqPEEhBOJmBJCKnJHpfEMhwWrCMn8+KSEAHih2gWfAJiJWpaAsL+aJZUkVvOEVIwG2rBBSDmoJUlQkD8GIh9KakSGIloragD8T0g/k1uncw4bJpEAAEGAL0zrpAWB1pUAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;
}
.coolck.unchecked span{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNzZDMUU0N0E3RDExMUUwOTg1QUMwOUIwOEY0NTVFQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNzZDMUU0OEE3RDExMUUwOTg1QUMwOUIwOEY0NTVFQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3NkMxRTQ1QTdEMTExRTA5ODVBQzA5QjA4RjQ1NUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE3NkMxRTQ2QTdEMTExRTA5ODVBQzA5QjA4RjQ1NUVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MIRPlAAAAVpJREFUeNrklrtKQ0EQhnMUFBG0UsFCsAt2aqNI8AoxIgQbEXwDa59AfBSxs1GwERu19Am0slDj/YbXIus3uIIednf2BLTJwFflz/xnmX/YTYwxub+uhtw/VH2YtMI6lJUeBdiATq9CBu+gGbbMVz3DpEc3CFdWdwDtLp3rj22waX7XPZRSuiE4S+n2oUszSWDNuOsJxq2uHy49uh1o0k5ShDtPgwdYhlPP72+wYD82aCKMwLXJVi8wGzuTb8bgNtLgFeZ8vUImwjCcKwbyITOhPpqJsKSYrGg9NANJ0YliIimbqNVE9uAiciYS7+msJgMRszCOhR2NNZH4VgIpWoWbwB6VtD1phG1Pg3coW13BNnTVIbRoJ+mxwvQJ5lO6KcceHUFf7Ew6fhh9BBZNZvBodcfQmzVd3bALi0rMJVV7kPdpEuUhkciVE3n5VWu9fmOfMtX6eEh8CjAAwOZfgTEGHxkAAAAASUVORK5CYII=") no-repeat scroll center center transparent;
}

.coolck.mixing span{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMUZDQkE0NkE3RDMxMUUwOTg1QUMwOUIwOEY0NTVFQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMUZDQkE0N0E3RDMxMUUwOTg1QUMwOUIwOEY0NTVFQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE3NkMxRTQ5QTdEMTExRTA5ODVBQzA5QjA4RjQ1NUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE3NkMxRTRBQTdEMTExRTA5ODVBQzA5QjA4RjQ1NUVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5eD/ewAAAX9JREFUeNrs1csrRFEcwHGTmIWi2JCNsvBIeSw0eeQ1KwsWJFLKazGF2dhY25GSf4DmP1D8Bx7ZShbsRmKiK2MhJl3fq9/o53YPczMTizn1qTvnMb9zfveccwO2bRfkugTyQf4ySBi3OPtS6wTJoiVcoUHXp1dSiCLD7N6QMrTVox+l8juEYdxgDAd6JSO4NDjHDppcs17Ak20uL2j/WIQMiNg/l0fUGvonpf1Z1e2jSqerCzOGlNSgD0eSmkYcI4gHzOLESYo8ryKGebz6efEr6JTnQ5lpCoOuflFsu8f73T1zKh1bHu2VXuP8BKhGQgLEUZHpWD9BYmoVk4Y+Zb8JElUBdqVuGt0e23rdPT69u1rlEHmVOozL8z3aUIxTJDCKC2mPYA0bWHZfK5mcEwthdX3oQxcXlqp3DnC5TtcE7gyuJUXNKgVBbGYwsQ6dLmf5Jd/cXUlDWw965e5y/qgFA3JIp7CXi1t4UVIW8nrx2SpDsD5v3/zn998GeRdgAF1/2VU8D6ejAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;
}

/*** COLORI ***/
.coolbt.blu{
    background-color: #4D90FE;
    
    background-image: -webkit-linear-gradient(top,#4D90FE, #4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE, #4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE, #4787ED);
    background-image: -o-linear-gradient(top,#4D90FE, #4787ED);
    background-image: linear-gradient(top,#4D90FE, #4787ED);
    
    border-color: #3079ED;
    color: #fff;
}
.coolbt.blu:hover {
    background-color: #357AE8;
    
    background-image: -webkit-linear-gradient(top,#4D90FE, #357AE8);
    background-image: -moz-linear-gradient(top,#4D90FE, #357AE8);
    background-image: -ms-linear-gradient(top,#4D90FE, #357AE8);
    background-image: -o-linear-gradient(top,#4D90FE, #357AE8);
    background-image: linear-gradient(top,#4D90FE, #357AE8);
    
    border-color:#2F5BB7;
    color: #fff;
}

.coolbt.rosso{
    background-color: #D14836;
    
    background-image: -webkit-linear-gradient(top,#DD4B39, #D14836);
    background-image: -moz-linear-gradient(top,#DD4B39, #D14836);
    background-image: -ms-linear-gradient(top,#DD4B39, #D14836);
    background-image: -o-linear-gradient(top,#DD4B39, #D14836);
    background-image: linear-gradient(top,#DD4B39, #D14836);
    
    border-color: #992A1B;
    color: #fff;
}
.coolbt.rosso:hover {
    background-color: #357AE8;

    background-image: -webkit-linear-gradient(top,#DD4B39, #C53727);
    background-image: -moz-linear-gradient(top,#DD4B39, #C53727);
    background-image: -ms-linear-gradient(top,#DD4B39, #C53727);
    background-image: -o-linear-gradient(top,#DD4B39, #C53727);
    background-image: linear-gradient(top,#DD4B39, #C53727);
    
    border-color:#B0281A;
    color: #fff;
}


.coolbt.verde{
    background-color: #3D9400;
    
    background-image: -webkit-linear-gradient(top,#3D9400, #398A00);
    background-image: -moz-linear-gradient(top,#3D9400, #398A00);
    background-image: -ms-linear-gradient(top,#3D9400, #398A00);
    background-image: -o-linear-gradient(top,#3D9400, #398A00);
    background-image: linear-gradient(top,#3D9400, #398A00);
    
    border-color:#29691D;
    color: #fff;
}
.coolbt.verde:hover {
    background-color: #368200;
    
    background-image: -webkit-linear-gradient(top,#3D9400, #368200);
    background-image: -moz-linear-gradient(top,#3D9400, #368200);
    background-image: -ms-linear-gradient(top,#3D9400, #368200);
    background-image: -o-linear-gradient(top,#3D9400, #368200);
    background-image: linear-gradient(top,#3D9400, #368200);
    
    border-color:#2D6200;
    color: #fff;
}