
#plugin
{
    display: none;
}

#mini
{
    display: none;
}

#plugin
{
    BACKGROUND: #0d0d0d;
    COLOR: #AAA;
    CURSOR: move;
    FONT-FAMILY: arial;
    FONT-SIZE: 11px;
    PADDING: 7px 8px 4px 8px;
    _PADDING-RIGHT: 0;
    Z-INDEX: 1;
    POSITION: absolute;
    WIDTH: 203px; /*199px;*/
    _width: 210px;
    _padding-right: 0px;
}

div#ie6_lte #plugin
{
    padding-right: 7px;
}

#plugin br
{
    CLEAR: both;
    MARGIN: 0;
    PADDING: 0;
}

#plugin select
{
    BORDER: 1px solid #333;
    BACKGROUND: #FFF;
    POSITION: relative;
    TOP: 4px;
}

#plugHEX
{
    FLOAT: left;
    position: relative;
    top: -3px;
}

#plugCLOSE
{
    position: relative;
    top: -3px;
    left: -1px;
    FLOAT: right;
    cursor: pointer;
    MARGIN: 0 8px 3px;
    _MARGIN-RIGHT: 10px;
    COLOR: #FFF;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    visibility: hidden;
}

    #plugHEX:hover,
    #plugCLOSE:hover
{
    COLOR: #FFD000;
}

#plugCUR
{
    position: relative;
    float: left;
    width: 8px;
    height: 8px;
    font-size: 1px;
    background: #FFF;
    margin-right: 3px;
    top: -2px;
    border: solid 1px #ffffff;
}

#SV
{
    background: #FF0000 url('/images/colorjack-colorPicker-1.0.4/SatVal.png');
    _BACKGROUND: #FF0000;
    POSITION: relative;
    top: -4px;
    CURSOR: crosshair;
    FLOAT: left;
    HEIGHT: 166px;
    WIDTH: 167px;
    _WIDTH: 166px;
    MARGIN-RIGHT: 10px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/colorjack-colorPicker-1.0.4/SatVal.png', sizingMethod='scale');
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    border: solid 1px #fff;
}

#SVslide
{
    BACKGROUND: url('/images/colorjack-colorPicker-1.0.4/slide.gif');
    HEIGHT: 9px;
    WIDTH: 9px;
    POSITION: absolute;
    _font-size: 1px;
    line-height: 1px;
}

#H
{
    BORDER: 1px solid #000;
    CURSOR: crosshair;
    FLOAT: left;
    HEIGHT: 152px;
    POSITION: relative;
    WIDTH: 19px;
    PADDING: 0;
    TOP: 0px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

#Hslide
{
    BACKGROUND: url('/images/colorjack-colorPicker-1.0.4/slideHue.gif');
    HEIGHT: 5px;
    WIDTH: 33px;
    POSITION: absolute;
    _font-size: 1px;
    line-height: 1px;
}

#Hmodel
{
    POSITION: relative;
    TOP: -5px;
    left: -1px;
    border: solid 1px #fff;
    width: 19px;
}

#Hmodel div
{
    HEIGHT: 1px;
    WIDTH: 19px;
    font-size: 1px;
    line-height: 1px;
    MARGIN: 0;
    PADDING: 0;
}

div#SVslide         /* This is the mouse cursor in the hue square */
{
    TOP: -5px;
    LEFT: -5px;
}

div#Hslide          /* This is the cursor in the vertical colour bar */
{
    TOP: -6px;
    LEFT: -8px;
}

div#plugID          /* This is the current colour box */
{
    width: 430px;
    height: 194px;
    position: relative;
    color: #ddd;
    background: #333;
    font-size: 25px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: 1px solid #333;
}

div#ieX div#plugID
{
    height: 196px;
}

div#ie7_lt div#plugID
{
    height: 199px;
}








