/* ######### CSS classes para mudar o checkbox (imagem)  ######### */

.jquery-checkbox       {float:left; display: inline; font-size: 11px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {float:left; display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-checkbox img{background: transparent url(../../img/global/page/checkbox2.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -16px;
}
.jquery-checkbox-checked img{
	background-position: 0px -32px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -48px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -64px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -80px;
}


/* ################### Radio group ################## */

.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-safari-checkbox img{background: transparent url(../../img/global/page/safari-checkbox.png) no-repeat;}

.jquery-safari-checkbox img{
	background-position: 0px 0px;
}
.jquery-safari-checkbox-hover img{
	background-position: -16px 0px;
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -16px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -16px -16px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -32px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -48px;
}