#flt-header,#flt-content,#flt-ui{width:100%;position:absolute;top:0}
#flt-content{height:100%}
#flt-header{height:20px;visibility:hidden;border-bottom:1px solid #ddd}
#flt-hdr-handle{cursor:pointer;width: 45px; border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;right:15px;height:15px;color:#bbb}
#flt-hdr-handle img{position:absolute;top:0;left:45px}
#flt-hdr-handle a{text-decoration:none}

.ui-tooltip{max-width:350px;z-index:2000;border:1px solid #000;background-color:#ffd}
.win .thumb{padding:4px;height:120px;overflow:hidden; float:left;}
.win .link-item{float:right}
.win .thumb img{width:100px;cursor:pointer;padding:4px;border:1px solid #888;background-color:#eee}
.win .thumb a{font-size:10px}
.ui-menu{padding:2px}
.ui-sel{background-color:#ccc}
.ui-inline{margin:0;float:left}
.ui-button{border-left: 2px solid #eee; cursor:pointer;background-color:#ccc;font-size:12px;font-weight:bold;color:#444}
.ui-button:hover{background-color:#999;color:#fff}
.ui-hbar{height:20px}
.win{border:1px solid #ddd;color:#666;z-index:100}
.ui-hbox{vertical-align:middle;height:18px;min-width:14px;float:left}
.ui-hbox .icontxt{font-size:18px; font-family:serif; cursor:pointer}
.ui-vbox{cursor:pointer;padding-bottom:3px}
.ui-icon{background-repeat:no-repeat;width:18px;height:18px;border-left:1px solid #eee}
.ui-titling{font-size:16px;font-variant:small-caps;color:#888}
.ui-dlg{padding:2px;min-height:100px; max-height:400px; min-width:150px; max-width:600px; z-index:200}
.ui-dlg-title{height:20px;width:100%;font-weight:700;color:#aaa;padding:2px}
.ui input[type=button]{ border-width:1px; height:19px;font-size:12px;padding:0;color:#666;cursor:pointer}
.ui input[type=text], .ui input[type=password], .ui textarea
  {border:1px solid #dda; background-color:#ffe; color:#886}
.vtext .ui-vbox:hover{background-color:#888;color:#fff}
.ui-farbtastic {width:200px}
.win div.scrollbox {height:300px; overflow: auto; border:2px solid #ddd; background-color:#fff}
.win div.hdr .title{background-color:#ddd;  color:#aaa; font-weight:bold ; float:left}
.win div.close{position:absolute; right:0; top:0; width:12px; height:12px; cursor:pointer}
.win div.hdr { background: #ddd url(../img/win_hdr_handle.png)}
.win div.hdr-top {height:16px; width:100%; font-weight:bold;margin-bottom:5px}
.win div.hdr-left{float:left; width: 16px; height:100%}
.win div.drag{cursor:move}
.ui div.shadow{position:absolute;background-image:url(../img/shadow.png);background-repeat:repeat-x;
  height:4px;bottom:-4px; left:0; width:100%}

div.marquee-fade{opacity:0.4}
div.marquee-full{opacity:0.8}
div.marquee{height:0px;width:0px;position:absolute;border:0px dashed #888;background-color:#fff}
div.marquee-top{border-top-width:1px}
div.marquee-left{border-left-width:1px}
div.marquee-bottom{border-bottom-width:1px}
div.marquee-right{border-right-width:1px}
div.marquee-label{width:16px;height:10px;font-size:8px;top:0px;left:0px; background-color:#888;
 color:#fff;}

.ui-farbtastic{float:left;clear:left;}

.ui-icon,.ui-small-icon{cursor:pointer}
.ui-icon{float:left; background-image:url(../img/icons.png)}
.win div.close, .ui-small-icon{background-image:url(../img/small-icons.png)}
.ui-small-icon{padding-left:11px}
.small-icon-file{background-position:0 5px}
.small-icon-right{background-position:0 -97px}
.win div.close, .small-icon-close{background-position:0 -199px}
.small-icon-down{background-position:0 -293px}
.small-icon-back{background-position:0 -395px}
.icon-css{background-position:0 0}
.icon-list{background-position:0 -18px}
.icon-links{background-position:0 -36px}
.icon-save{background-position:0 -54px}
.icon-site{background-position:0 -72px}
.icon-edit{background-position:0 -90px}
.icon-justifycenter{background-position:0 -108px}
.icon-justifyright{background-position:0 -126px}
.icon-upload{background-position:0 -144px}
.icon-maximize_right{background-position:0 -162px}
.icon-share{background-position:0 -180px}
.icon-fontsize{background-position:0 -198px}
.icon-dom_forward{background-position:0 -306px}
.icon-justifyleft{background-position:0 -234px}
.icon-search{background-position:0 -252px}
.icon-justifyfull{background-position:0 -270px}
.icon-trash{background-position:0 -288px}
.icon-dom_back{background-position:0 -216px}
.icon-box{background-position:0 -324px}
.icon-background-color{background-position:0 -342px}
.icon-mail{background-position:0 -360px}
.icon-bookmark{background-position:0 -378px}
.icon-maximize_down{background-position:0 -396px}
.icon-page{background-position:0 -414px}
.icon-fontname{background-position:0 -432px}
.icon-justify{background-position:0 -450px}
.icon-insertorderedlist{background-position:0 -468px}
.icon-insertunorderedlist{background-position:0 -486px}
.icon-image{background-position:0 -504px}
.icon-facebook{background-position:0 -522px}
.icon-digg{background-position:0 -540px}
.icon-delicious{background-position:0 -558px}
.icon-stumbleupon{background-position:0 -576px}
.icon-view{background-position:0 -594px}
.icon-message{background-position:0 -612px}
.icon-linkto{background-position:0 -630px}
.icon-layout{background-position:0 -648px}
.icon-position{background-position:0 -666px}
.icon-video{background-position:0 -684px}
.icon-css_selected{background-position:0 -702px}
.icon-folder{background-position:0 -720px}
.icon-code{background-position:0 -738px}

#file,#upload_target{opacity:0}
#file{z-index:2}
#search_input input,#color_input{font-size:12px;width:60px}
#span_mode_tb,#box_mode_tb{opacity:0}

img{border:0}
body{font-family:sans-serif;font-size:14px;margin:0}

/*.default{overflow:auto;border:0px solid #000}*/

.hdl{opacity:.6}
.hdl-resize{cursor:se-resize}
.box-guide{border:1px dotted #888}

.flt-shadow,#flt-hdr-handle,.ui-tooltip,.ui-hbar,.win,#file,.default,.hdl{position:absolute}
#flt-hdr-handle,#flt-header,.win{background-color:#eee}
.ui-tooltip,.fakefile,.win{font-size:12px}

input.newsite{border: 3px solid #ccc; height:20px}
input.newsite-button{ height:30px; font-size: 16px; font-variant: small-caps; font-weight:bold}

div.template-box{width:500px;position:absolute;background-color:white}

.cmp-blog {width:600px;background-color:#eee;padding:5px}
.cmp-blog .title {font-size: 24px}
.cmp-blog .entry {background-color:#fff}
.cmp-blog .entry .title {float:left;font-weight:bold}
.cmp-blog .entry .date {float:right;font-style:italic}
.cmp-blog .entry .content {clear:both}

.farbtastic{position:relative}
.farbtastic *{cursor:crosshair}
.farbtastic,.farbtastic .wheel{height:195px;width:195px}
.farbtastic .color,.farbtastic .overlay{width:101px;height:101px;top:47px;left:47px}
.farbtastic .wheel{background:url(../img/wheel.png) no-repeat;height:195px;width:195px}
.farbtastic .overlay{background:url(../img/mask.png) no-repeat}
.farbtastic .marker{width:17px;background:url(../img/marker.png) no-repeat;margin:-8px 0 0 -8px;overflow:hidden;height:17px}
.farbtastic *{position: absolute}