.color_select_icon {
  border:outset 2px;
  line-height:18px;
  height:18px;
  width:20px;
  margin:0px;
  background-color:transparent;
  background-repeat:no-repeat;
  background-image:url(color_select_icon.jpg);
}

.color_select_icon:active {
border:inset 2px;
}

.color_select_box {
  position:absolute;
  width:320px;
  overflow: hidden;
  line-height:290px;
	background: #DDEEEE;
	border: outset 2px #93D6E6;
  padding:2px 2px 5px 2px;
  z-index:100000;
}

.sv_select_box_bg {
  width:256px;
  line-height:256px;
  border:solid 1px #000;
  padding:0px;
  float:left;
}

.sv_select_box {
  width:256px;
  line-height:256px;
  border:solid 0px #000;
  padding:0px;
  float:left;
  /* Mozilla doesn't support crazy MS image filters, so it will ignore the following */
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/lib/color/sv_blend.png');
}

/* IE ignores css styles with [attributes], so it will skip the following. */
.sv_select_box[class] {
  background:url(sv_blend.png) top left no-repeat;
}

.h_select_box {
  width:20px;
  height:256px;
  line-height:256px;
  border:solid 1px #000;
  padding:0px;
  margin:0px;
  margin-left:5px;
  float:left;
  background-image:url(hue_blend.png);
}

.hue_cursor {
  position:absolute;
  border:solid 1px #000;
  height:2px;
  line-height:2px;
  width:22px;
  padding:0px;
  margin-left:-2px;
}

.sv_crosshair_horiz_cursor {
position:absolute;
border:solid 0px #000;
border-top-width:1px;
background-color:transparent;
height:0px;
line-height:0px;
width:257px;
padding:0px;
}

.sv_crosshair_vert_cursor {
position:absolute;
border:solid 0px #000;
background-color:#000;
height:257px;
_margin-top:-257px;  /* Needed because IE sucks */
width:1px;
padding:0px;
}

.sv_crosshair_center_cursor {
position:absolute;
border:solid 1px #000;
background-color:#ffffff;
height:7px;
line-height:7px;
width:7px;
padding:0px;
z-index:100002;
}

.color_box {
  width:20px;
  height:256px;
  line-height:256px;
  border:solid 1px #000;
  padding:0px;
  margin:0px;
  margin-left:10px;
  float:left;
}

.color_select_box p {
	margin: 4px 0 0 0;
	clear: left;
	float: left;
	line-height: 20px;
	height: 20px;
	width: 92px;
	text-align: left;
}

.color_value_box {
	float:left;
	border: inset 1px #CCCCCC;
	margin:5px 2px 2px 2px;
	vertical-align:middle;
	padding-left:2px;
	height:17px;
	line-height:15px;
	font-family: 'Courier New', monospace, fixed;
	background: #ffffff;
	width:60px;
	font-size: 110%;
}

.color_button {
	float: left;
	cursor: pointer;
	cursor/**/: /**/hand;
	height:20px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	border-width: 1px;
	margin-top:5px;
	margin-right:5px;
	background: #37AFC8;
	color: #FFFFFF;
	font-weight: bold;
}

.ok_button {
	width: 30px;
}
.cancel_button {
	width: 55px;
}
.default_button {
	width: 60px;
}