/* 	Author: Volkan ALTINBAS
	Date: 22/01/2009
	Modified: 16/04/2009 */

.customCheckBoxBlock {
	padding-top:9px;
	width:100%;
	overflow:hidden;
}
.customCheckBoxBlock .customCheckBox {
	border:solid 1px #cccccc;
	cursor:pointer;
	float:left;
	height:16px;
	width:16px;
	margin:3px 2px;
	position:relative;
	overflow:hidden;
}
.customCheckBoxBlock .customCheckBox span {
	position:absolute;
	top:0;
	left:0;
	height:16px;
	width:16px;
	font-size:0;
}

/* Custom Checkbox Color Alternate */
.customCheckBoxBlock .customCheckBoxBlack {background-color:#000000}
.customCheckBoxBlock .customCheckBoxBlue {background-color:#0000FF}
.customCheckBoxBlock .customCheckBoxBrown {background-color:#996633}
.customCheckBoxBlock .customCheckBoxCream {background-color:#FFFFCC}
.customCheckBoxBlock .customCheckBoxGold {background-color:#FFD700}
.customCheckBoxBlock .customCheckBoxGray {background-color:#999999}
.customCheckBoxBlock .customCheckBoxGreen {background-color:#33CC33}
.customCheckBoxBlock .customCheckBoxNavy {background-color:#000066}
.customCheckBoxBlock .customCheckBoxOrange {background-color:#FF6600}
.customCheckBoxBlock .customCheckBoxPink {background-color:#FF66CC}
.customCheckBoxBlock .customCheckBoxPurple {background-color:#993399}
.customCheckBoxBlock .customCheckBoxRed {background-color:#EE0000}
.customCheckBoxBlock .customCheckBoxSilver {background-color:#CCCCCC}
.customCheckBoxBlock .customCheckBoxWhite {background-color:#FFFFFF}

.customCheckBoxBlack.customCheckBoxBlackActive span, 
.customCheckBoxBlue.customCheckBoxBlueActive span, 
.customCheckBoxBrown.customCheckBoxBrownActive span, 
.customCheckBoxNavy.customCheckBoxNavyActive span, 
.customCheckBoxPurple.customCheckBoxPurpleActive span, 
.customCheckBoxPink.customCheckBoxPinkActive span, 
.customCheckBoxRed.customCheckBoxRedActive span {
	background:url(../image/custom_checkbox_icon_white.gif) no-repeat;
}

.customCheckBoxCream.customCheckBoxCreamActive span, 
.customCheckBoxGold.customCheckBoxGoldActive span, 
.customCheckBoxGray.customCheckBoxGrayActive span, 
.customCheckBoxGreen.customCheckBoxGreenActive span, 
.customCheckBoxOrange.customCheckBoxOrangeActive span, 
.customCheckBoxSilver.customCheckBoxSilverActive span, 
.customCheckBoxWhite.customCheckBoxWhiteActive span {
	background:url(../image/custom_checkbox_icon_black.gif) no-repeat;
}

.customCheckBoxBlack.customCheckBoxBlackDisabled, 
.customCheckBoxBlue.customCheckBoxBlueDisabled,
.customCheckBoxBrown.customCheckBoxBrownDisabled, 
.customCheckBoxNavy.customCheckBoxNavyDisabled, 
.customCheckBoxPurple.customCheckBoxPurpleDisabled, 
.customCheckBoxPink.customCheckBoxPinkDisabled, 
.customCheckBoxRed.customCheckBoxRedDisabled,
.customCheckBoxGold.customCheckBoxGoldDisabled,
.customCheckBoxGray.customCheckBoxGrayDisabled,
.customCheckBoxGreen.customCheckBoxGreenDisabled,
.customCheckBoxOrange.customCheckBoxOrangeDisabled,
.customCheckBoxSilver.customCheckBoxSilverDisabled,
.customCheckBoxCream.customCheckBoxCreamDisabled, 
.customCheckBoxWhite.customCheckBoxWhiteDisabled {
	border:solid 1px #FFFFFF !important;
	background-color:#FFFFFF !important;
}