/* CSS Document */

body{ padding:0; margin:0; font-size:12px;}
img{ border:0}

#editor{width:568px; border:1px solid #CBCBCB;background:#F7F7F7}
#editor-bt{padding:5px}
#editor-bt div.button{float:left;padding:1px;border:1px solid #F7F7F7;margin:0 5px 2px 0}
#editor-bt div.select{float:left;padding:5px 3px 3px;border:1px solid #F7F7F7;margin:0 5px 2px 0}
#editor-bt div.buttonHover,#editor-bt div.buttonActive{background:#eff3ff;border:1px solid #9cb2c6;}

#editor-tab{ height:22px; margin-bottom:-1px; font-family:tahoma}
#editor-tab ul{ padding:0 2%; margin:0; list-style:none; position:absolute}
#editor-tab ul li{ float:left; width:100px; text-align:center; color:#A1CEF4; background:#fff url(editortab.gif) repeat-x; border:1px solid #C3D6E3; border-bottom:0; height:17px; padding-top:3px; margin-left:.3em;cursor:pointer}
#editor-tab ul li.active{ border-color:#8EBFE1; height:18px; background:#fff; font-weight:bold; color:#4599E0}
#editor-area{ margin:0 5px 5px; border:1px solid #8EBFE1;}
#editor-area textarea{border:0;font-family:Verdana;font-size:12px;padding:2px}

#editor-tab .fr{ float:right; padding-right:5px}
#editor-tab .fr a img{ height:16px; width:16px}
#editor-tab .fr a { border:1px solid #CBCBCB; float:left; margin-left:1px}
#editor-tab .fr a:hover { border:1px solid #000}
.htmlarea{background:#fff;}

.menu ul{background:#fff;padding:0; margin:0;border:1px solid #9cb2c6;}
.menu li{padding:0;margin:0;list-style:none;}
.menu a{display:block;padding:3px 15px 3px 15px;background:#fff;}
.menu a:hover{background:#2f5fa1;text-decoration:none;color:#fff;}

#colorbox{width:91px;height:78px;padding:3px 0 0 3px;overflow:hidden;border:1px solid #9cb2c6;}
#colorbox div{cursor:pointer;width:8px;height:8px;float:left;margin:0 3px 3px 0;border:1px #000 solid;font:0/8px arial}