/* COLORJACK PLUGIN */

#colorjack { BACKGROUND: white; border: 1px solid #98c8ff; box-shadow: 3px 3px 10px rgba(0,0,0,.5); border-radius: 5px; COLOR: #444; CURSOR: pointer; DISPLAY: none; FONT-SIZE: 12px; PADDING: 20px; Z-INDEX: 1; TOP: 0; LEFT: 0; POSITION: absolute; WIDTH: 210px; }
#colorjack br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#colorjack select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#colorjackHEX { display: inline-block; margin-top: -10px; height: 20px; line-height: 20px; margin-bottom: 10px; cursor: text; }

#SV { background: #FF0000 url('images/colorjack/SatVal.png'); POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 170px; WIDTH: 170px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/colorjack/SatVal.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; border: 2px solid #ddd; }
#SVslide { BACKGROUND: url('images/colorjack/slide.gif'); HEIGHT: 9px; WIDTH: 9px; margin: -4px 0 0 -4px; POSITION: absolute; line-height: 1px; }

#H { BORDER: 2px solid #ddd; CURSOR: crosshair; FLOAT: left; POSITION: relative; margin-left: 16px; PADDING: 0; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('images/colorjack/slideHue.png'); HEIGHT: 9px; WIDTH: 34px; margin-top: -4px; POSITION: absolute; left: -8px; line-height: 1px; opacity: 0.7; }
#Hmodel { POSITION: relative; }
#Hmodel div { HEIGHT: 1px; WIDTH: 16px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }

#colorjackID { HEIGHT: 120px; WIDTH: 63%; MARGIN: 12px 0 0 250px; PADDING-TOP: 76px; COLOR: #000; BORDER: 2px solid #333; TEXT-ALIGN: center; FONT-SiZE: 25px; BACKGROUND: #F1FFCC; }