﻿.custom-checkbox, .custom-radio{position:relative}
.custom-checkbox input, 
.custom-radio input{position:absolute; left:2px; top:3px; margin:0; z-index:0}
.custom-checkbox label, 
.custom-radio label{display:block; position:relative; z-index:1; padding-right:1em; padding:.5em 0 .5em 2.5em; margin:0 0 .3em; cursor:pointer; text-align:left}
.custom-checkbox label{background:url(../images/checkbox.gif) no-repeat}
.custom-radio label{background:url(../images/checkbox.gif) no-repeat}
.custom-checkbox label, .custom-radio label{background-position:-10px -14px}
.custom-checkbox label.hover, 
.custom-checkbox label.focus, 
.custom-radio label.hover, 
.custom-radio label.focus{background-position:-10px -114px}
.custom-checkbox label.checked, 
.custom-radio label.checked{background-position:-10px -214px; color:Red}
.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus{background-position:-10px -314px}
.custom-checkbox label.focus, 
.custom-radio label.focus{outline:1px dotted #ccc}
.bt3d{-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb; -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb; box-shadow:inset 0px 1px 0px 0px #dcecfb; background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#bddbfa),color-stop(1,#80b5ea) ); background:-moz-linear-gradient( center top,#bddbfa 5%,#80b5ea 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa',endColorstr='#80b5ea'); background-color:#bddbfa; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #84bbf3; display:inline-block; color:#000; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #528ecc; cursor:pointer}
.bt3d:hover{background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#80b5ea),color-stop(1,#bddbfa) ); background:-moz-linear-gradient( center top,#80b5ea 5%,#bddbfa 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea',endColorstr='#bddbfa'); background-color:#80b5ea}
.bt3d:active{position:relative; top:1px}
.bt3d2{-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb; -webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb; box-shadow:inset 0px 1px 0px 0px #dcecfb; background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#FABDCD),color-stop(1,#EA8080) ); background:-moz-linear-gradient( center top,#bddbfa 5%,#80b5ea 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa',endColorstr='#80b5ea'); background-color:#bddbfa; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #84bbf3; display:inline-block; color:#000; padding:6px 24px; text-decoration:none; text-shadow:1px 1px 0px #528ecc; cursor:pointer}
.bt3d2:hover{background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#EA8080),color-stop(1,#FABDCD) ); background:-moz-linear-gradient( center top,#80b5ea 5%,#bddbfa 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea',endColorstr='#bddbfa'); background-color:#80b5ea}
.bt3d2:active{position:relative; top:1px}
