body,html{margin:0;padding:0;background:#e4e4e4;font:14px helvetica, arial, sans-serif;background-image:url('../images/backcolor_001.png');background-attachment:fixed;background-repeat:repeat-y;background-position:top center;}
#header{height:80px;margin:0 auto;width:640px;}
#logo{width:400px;height:65px;float:left;margin:15px 0px 0px 15px;}
#exit{float:right;margin-right:5px;margin-top:44px;font-size:16px;}
#colorcodes{width:640px;margin:0 auto;}
#main{float:left;width:622px;margin-left:10px;color:#4d4d4d;}
h1{color:#489cdf;font-size:40px;margin:20px 0px;}
h2{color:#489cdf;font-size:28px;margin:40px 0px 20px 0px;}
#main a{color:#489CDF;font-weight:bold;text-decoration:none;}
#main a:hover, #main a:active{text-decoration:underline;}
img{border:0px;}
#colorchart{border:0;padding:0;border-collapse:collapse;}
#colorchart td{width:23px;height:23px;}
.wrapper{height:100px;}
.holder{width:68px;height:68px;float:left;margin-right:1px;}
.wrapper div div{height:68px;float:left;}
.wrapper div div div{width:38px;height:38px;margin:15px;}
.off{background-image:url('../images/onoff_001.png');background-position:0 -68px;}
.on{background-image:url('../images/onoff_001.png');background-position:-68px -136px;}
.htmlcode{border:1px solid gray;background-color:gray;color:white;padding:5px;}
.yui-picker-hue-thumb{cursor:default;width:18px;height:18px;top:-8px;left:-2px;z-index:9;position:absolute;}
.yui-picker-hue-bg{-moz-outline:none;outline:0 none;position:absolute;left:375px;height:366px;width:28px;background:url(../images/hue_bg.png) no-repeat;top:4px;}
.yui-picker-bg{-moz-outline:none;outline:0 none;position:absolute;top:4px;left:4px;height:364px;width:364px;background-color:#F00;background-image:url(../images/picker_mask_001.png);}
*html .yui-picker-bg{background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/picker_mask_001.png',sizingMethod='scale');}
.yui-picker-thumb{cursor:default;width:11px;height:11px;z-index:9;position:absolute;top:-4px;left:-4px;}
.yui-picker-swatch{position:absolute;left:415px;top:10px;height:155px;width:195px;border:2px solid #7c7c7c;}
.yui-picker-controls{position:absolute;top:180px;left:415px;font:1.6em monospace;}
.yui-picker-controls .hd{background:transparent;border-width:0!important;}
.yui-picker-controls .bd{height:100px;border-width:0!important;}
.yui-picker-controls ul{float:left;padding:0 2px 0 0;margin:0;}
.yui-picker-controls li{padding:2px;list-style:none;margin:0;}
.yui-picker-controls input{font-size:20px;width:2.4em;}
.yui-picker-hex-controls{clear:both;padding:20px 0 0 0;font:2em monospace;}
.yui-picker-hex-controls input{width:160px;font:40px monospace;margin-left:-20px;}
.yui-picker-controls a{font:20px arial,helvetica,clean,sans-serif;display:block;*display:inline-block;padding:0;color:#000;}
#container{background-color:#eee;height:380px;width:625px;position:relative;}
#insertcolor{background-color:#EEE;width:615px;font-size:20px;position:relative;text-align:right;padding:5px;margin:5px 0;}
input#startcolor{font-size:16px;width:90px;}
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;