.mCcInputBox{
	float: left;
	border: 1px solid;
	border-left-color: #666666;
	border-top-color: #666666;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	background-color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 16px;
}
	.mCcInputBox[class]{
		height: 12px;
	}
.mCcInputPreview{
	float: left;
	display: block;
	background-color: #ff0000;
	margin-left: 2px;
	border: 1px solid #000000;
	height: 16px;
	width: 16px;
}

#jsCc
{
	position: absolute;
	display: none;
	background-color: #FFFFCC;
	width: 250px;
	height: 146px;
	border: 1px solid #000000;
}
	#jsCcSl
	{
		position: absolute;
		top: 8px;
		left: 8px;
		background-color: #000000;
		width: 128px;
		height: 128px;
		border: 1px solid;
		border-left-color: #666666;
		border-top-color: #666666;
		border-right-color: #eeeeee;
		border-bottom-color: #eeeeee;
	}
		#jsCcSlI
		{
			width: 128px;
			height: 128px;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://martincaine.com/images/gradient.png');
		}
			#jsCcSlI[id]
			{
				background-image:url('../images/gradient.png');
			}
		#jsCcSlC
		{
			position: absolute;
			line-height: 1px;
			top: 50px;
			left: 50px;
			width: 7px;
			height: 7px;
			background-image: url('../images/circle.gif');
			background-repeat: repeat-x;
		}
			#jsCcSlB
			{
				position: absolute;
				top: 8px;
				left: 8px;
				width: 130px;
				height: 130px;
				border: 1px solid;
				border-left-color: #666666;
				border-top-color: #666666;
				border-right-color: #eeeeee;
				border-bottom-color: #eeeeee;
			}
				#jsCcSlB[id]
				{
					width: 128px;
					height: 128px;
				}
			#jsCcSlE
			{
				position: absolute;
				top: 2px;
				left: 2px;
				width: 142px;
				height: 142px;
				border: 6px solid #FFFFCC;
			}	
				#jsCcSlE[id]
				{
					width: 130px;
					height: 130px;
				}
			

	#jsCcHue
	{
		position: absolute;
		top: 8px;
		left: 148px;
		background-color: #000000;
		width: 16px;
		height: 128px;	
		border: 1px solid;
		border-left-color: #666666;
		border-top-color: #666666;
		border-right-color: #eeeeee;
		border-bottom-color: #eeeeee;
	}
		#jsCcHueA
		{
			position: absolute;
			line-height: 1px;
			left: 141px;
			top: 15px;
			width: 30px;
			height: 7px;
			background-image: url('../images/hue.gif');
			background-repeat: no-repeat;
		}

			
	#jsCcPtop
	{
		position: absolute;
		top: 8px;
		left: 176px;
		background-color: #000000;
		width: 64px;
		height: 32px;
		border: 1px solid;
		border-left-color: #666666;
		border-top-color: #666666;
		border-right-color: #eeeeee;
		border-bottom-width: 0px;
	}
	#jsCcPbottom
	{
		position: absolute;
		top: 40px;
		left: 176px;
		background-color: #000000;
		width: 64px;
		height: 32px;
		border: 1px solid;
		border-left-color: #666666;
		border-right-color: #eeeeee;
		border-bottom-color: #eeeeee;
		border-top-width: 0px;
	}
		#jsCcPbottom[id]
		{
			top: 41px;
		}
	
	#jsCcHex
	{
		position: absolute;
		top: 84px;
		left: 176px;
		width: 64px;
		height: 22px;
		border: 1px solid;
		border-left-color: #666666;
		border-top-color: #666666;
		border-right-color: #eeeeee;
		border-bottom-color: #eeeeee;
		background-color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		padding-top: 3px;
		letter-spacing: 1px;
	}
			#jsCcHex[id] input
			{
				height: 16px;
			}

	#jsCcB
	{
		position: absolute;
		top: 116px;
		left: 176px;
		width: 64px;
		height: 22px;
		border: 1px solid;
		border-right-color: #666666;
		border-bottom-color: #666666;
		border-left-color: #eeeeee;
		border-top-color: #eeeeee;
		background-color: #CCCCCC;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	#jsCcTri
	{
		position: absolute;
		left: -6px;
		top: 4px;
		width: 6px;
		height: 9px;				
	}
		
#jsCcSlO
{
	position: absolute;
	top: 2px;
	left: 2px;
	width: 142px;
	height: 142px;
}	
#jsCcHueO
{
	position: absolute;
	top: 2px;
	left: 143px;
	width: 27px;
	height: 142px;
}