.color_select_icon {
 margin: 8px 0 0 4px;
 display: inline;
/*
 float: left;

  border:outset 2px;
  line-height:16px;
  height:16px;
  width:16px;
  margin:0px 0px 0px 4px;

  background-color:transparent;
  background-repeat:no-repeat;
  background-image:url(color_select_icon.jpg);
*/
}

/*
#colorswatch3:focus {
    outline: none;
}

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

.color_select_box {
  color: black;
  position:absolute;
/*  width:162px;
  line-height:162px;
*/
  width:243px;
  line-height:243px;
  border: 0px;
/*
  border:outset 2px;
*/
  background-color:#cccccc;
  padding:2px;
  z-index:100000;
}

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

.sv_select_box {
  width:192px;
  line-height:192px;
  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, src='colorpick/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:40px;
  height:192px;
  line-height:192px;
  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:46px;
  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:193px;
padding:0px;
}

.sv_crosshair_vert_cursor {
position:absolute;
border:solid 0px #000;
background-color:#000;
height:193px;
_margin-top:-193px;  /* 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 {
float:left;
clear:left;
margin-top:5px;
border:solid 1px #000;
width:192px;
height:30px;
line-height:45px;
}

.color_value_prefix {
color: #bbb;
float:right;
height:25px;
line-height:25px;
font-family:courier, fixed;
font-size:13pt;
font-weight:bold;
margin-top:3px;
/*text-shadow: 0px 0px 3px #000;*/
text-shadow: 1px 1px 1px #000;
}

.color_value_box {
float:right;
border:solid 1px #000;
margin:2px;
vertical-align:middle;
padding-left:2px;
height:25px;
line-height:25px;
font-family:courier, fixed;
font-size:14pt;
background-color:#ffffff;
width:9ex;
z-index:100005;
}

.ok_button {
float:left;
text-align:center;
vertical-align:middle;
border:outset 1px #000;
margin-top:5px;
margin-left:5px;
width:40px;
height:30px;
line-height:30px;
font-family:helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
cursor:pointer;
cursor:hand;
}

/* 
  You can delete the styles below this comment.  
  They're only for the demo page.  
*/

div.content_box {
border:1px solid;
border-color:#b76637;
padding: 5px;
margin: 1em 0 2.5em;
}

span.title {
font-weight:bold;
padding:5px;
margin-bottom:0px;
border:1px solid;
border-color:#b76637;
background-color:#efd0a0;
position: relative; 
top: -0.66em;
}

p {
  margin-top:0px;
  margin-bottom:10px;
}

div {
  margin-top:0px;
  margin-bottom:0px;
}