/*the button that spawns the color picker*/


img.colorpickerbutton
{
  cursor:pointer;
  vertical-align:bottom;
  border: 0px;
}

div#colorpicker
{
    margin:0px;
    padding:4px;
    width:156px;
    border:1px solid #cccccc;
    background-color: #f1f3eb;
    position:absolute;
    display:none;
    z-index:300;
}
div#colorpicker img#saturationValue,
div#colorpicker img#hue
{
    cursor:crosshair;
}
div#colorpicker img#pick_ok
{
    cursor:pointer;
    padding:2px 0px;
    float: left
}
div#colorpicker img#pick_cancel
{
    cursor:pointer;
    padding:2px 0px;
    float: right
}
div#colorpicker input#tinput
{
    float: left;
	width:64px;
}
div#tinputbox
{
    float: left;
	width:70px;
}
div#colorpicker img#saturationValue
{
    margin:0px;
    padding:0px;
    width:128px;
    height:128px;
    background-color:#ff0000;
}
div#colorpicker img#hueIndicator
{
    position:absolute;
    top:3px;
    left:151px;
}
div#colorpicker img#satValIndicator
{
    position:absolute;
    top:2px;
    left:129px;
    cursor:crosshair;
}
div#colorpicker div#swatch
{
    width:32px;
    height:42px;
    background-color:#ff0000;
    border:1px solid #cccccc;
    float:left;
    margin-right:5px;
}
div#colorpicker div#black,
div#colorpicker div#full,
div#colorpicker div#white
{
    position:absolute;
    width:6px;
    height:6px;
    left:32px;
    border:1px solid #cccccc;
}
div#colorpicker div#black
{
    background-color:#000000;
    top:135px;
}
div#colorpicker div#full
{
    background-color:#ff0000;
    top:144px;
}
div#colorpicker div#white
{
    background-color:#ffffff;
    top:153px;
}
div#colorpicker form
{
    margin:0px;
    padding:0px;
}