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

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

.color_select_box {
position:absolute;
width:290px;
line-height:290px;
border:outset 2px;
background-color:#cccccc;
padding:2px;
z-index:100000;
}


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

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

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

.sv_crosshair_horiz_cursor {
position:absolute;
border:solid 0px #000000;
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 #000000;
background-color:#000000;
height:257px;
width:1px;
padding:0px;
z-index:100001;
}

.sv_crosshair_center_cursor {
position:absolute;
border:solid 1px #000000;
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 #000000;
width:256px;
height:20px;
line-height:30px;
}

.color_value_box {
float:right;
border:solid 1px #000000;
margin:2px;
vertical-align:middle;
padding-left:2px;
height:15px;
line-height:15px;
font-family:courier, fixed;
font-size:8pt;
background-color:#ffffff;
width:11ex;
}

/* 
  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;
}
