@charset "utf-8";
/* CSS Document */
/*  Predefined  */
body{background:#fff url(../images/bg.gif) repeat-x ;margin:0;font:11px Helvetica,Arial,sans-serif;color:#363636;padding:0;overflow:hidden}
p,form,img,ul,ol,dl,li,input,select,textarea,table,tbody{padding:0;margin:0;border:0;list-style:none;border-collapse:collapse}
a{text-decoration:none;color:#5bb5db;}
a:hover{text-decoration:none;color:#aaa}
/*a:hover{text-decoration:underline;}
*/
h1{font:bold 13px Helvetica,Arial,sans-serif;color:#363636;margin:0 0 20px 0;}
h2{font:bold 13px Helvetica,Arial,sans-serif;color:#363636;margin:0 0 5px 0;}
h3{font:bold 14px Helvetica;color:#5bb5db;margin:3px 0px 8px 10px;text-align:left;clear:both;}
input,select,textarea{margin:0;border:1px solid #999;font:11px Arial,Helvetica,sans-serif;color:#363636;padding:2px 3px 1px 3px}
.clear{clear:both;}
.hr{border-bottom:1px solid #dfdfdf;height:2px;font-size:2px;line-height:2px;clear:both;position:absolute;top:30px;width:100%}
.fleft{float:left}
.red {color:red}
/* layout */
#bottom{background:url(../images/bg_bottom.gif) repeat-x bottom left;position:absolute;bottom:0px;height:40px;padding:1px 0px 0px 0px;width:100%;border-top:solid 1px #dfdfdf;}
#bottom span {color:#363636}
#bottom span.red {color:red}
#head {background:#fff url(../images/bg.gif) repeat-x ;z-index:9999;height:32px;position:relative}
#title {position:absolute;top:10px;left:20px; font-weight:bold;color:#555}
#login{position:absolute;top:0px;right:50px}
#logo{position:absolute;top:50%;left:80%;}
#logo img{position:absolute;left:-115px;top:-33px}
#stripes {background:url(../images/stripes.png) repeat-y;height:100%;width:201px;display:block;position:absolute;top:0;margin:34px 0 0;left:10px;overflow:hidden}
#inbottom{padding:5px 20px 0px 5px;margin:0;color:#8f8f8f;}
span.date{color:#73caee;padding-left:6px;}
#inbottom ul{margin:0px;padding:0px;float:left;color:#363636}
#inbottom ul li{float:left;display:block;position:relative;margin:0px;padding:5px 10px 0px 15px;border-right:solid 1px #787878;height:19px;text-align:center;}
#inbottom ul li img{border:solid 1px #9a9a9a; position:relative;left:-2px;top:-2px}
#inbottom ul li a{color:#363636}
#inbottom ul li strong{color:#363636;float:left;font-weight:normal;margin-right:10px}
#inbottom ul li a.red{color:red}
#inbottom ul li.nobor{padding:5px 0px 0px 15px;border:none;}
#inbottom ul li em{display:block; position:absolute; bottom:37px; left:11px; padding:0; text-align:center; font-style:normal; font-weight:normal}
#inbottom ul li em a{display:block; padding:2px 5px; position:relative; color:#5bb5db;font-weight:bold}
#menu{float:right;z-index:1;position:absolute;top:7px;right:20px; height:25px; overflow:hidden;}
#nav li a{display:block;font-weight:normal;float:left;color:#363636;height:25px;text-decoration:none;padding:4px 12px ;background-repeat:no-repeat}
#nav li a:hover{color:#5bb5db}
#menu .open {color:#999}
#nav li{float:left;position:relative;text-align:center;cursor:pointer;height:95px;overflow:hidden}
#nav li .indication{display:block;background:url(../images/indicator.gif) no-repeat;width:6px;height:5px;z-index:999;position:absolute;top:0px;left:47%;}
#login-info{float:right;position:absolute;right:20px;top:31px;}
#login-info label{float:left;display:block;position:relative;top:0}
#LgoFrm button{background:none;font:bold 11px Arial;border:none;color:#5bb5db;float:left;cursor:pointer;position:relative;top:0}
.drsElement{position:absolute;border:1px solid #333;}
.drsMoveHandle{height:20px;cursor:move;background:#fff url(../images/box_bg.gif) repeat-x;margin:0 0 0 7px;padding:5px 0 0 0;text-indent:20px;font:bold 12px/20px Arial;color:#555;position:absolute;top:0;left:-7px;width:100%;overflow:hidden;-moz-border-radius-topleft: 15px;-webkit-border-top-left-radius: 15px}
.dragresize{position:absolute;width:5px;height:5px;font-size:1px;background:transparent;border:none;}
.dragresize-tl{top:-3px;left:-3px;cursor:nw-resize;width:22px;height:20px;background:url(../images/box_corner.gif) no-repeat;}
.dragresize-tm{top:-3px;left:12px;margin-right:-200px;cursor:n-resize;width:95%;height:5px;background:url(../images/drag-tm.gif) 0 -2px repeat-x;}
.dragresize-tr{top:-3px;right:-3px;cursor:ne-resize;width:22px;height:20px;background:url(../images/drag-tr.gif) 3px -3px no-repeat;}
.dragresize-ml{top:32px;margin-top:-25px;left:-3px;cursor:w-resize;width:3px;height:90%;background:url(../images/drag-ml.gif) -1px 0 repeat-y;}
.dragresize-mr{top:22px;margin-top:-25px;right:-3px;cursor:e-resize;width:3px;height:100%;background:url(../images/drag-mr.gif) 1px 0 repeat-y;}
.dragresize-bl{bottom:-3px;left:-3px;cursor:sw-resize;width:22px;height:20px;background:url(../images/drag-bl.gif) -3px 3px no-repeat;}
.dragresize-bm{bottom:-3px;left:0;cursor:s-resize;width:100%;height:4px;background:url(../images/drag-bm.gif) 0 2px repeat-x;}
.dragresize-br{bottom:-3px;right:-3px;cursor:se-resize;width:22px;height:20px;background:url(../images/drag-br.gif) 3px 3px no-repeat;}

.box{background:#fff url(../images/box_bg.gif) repeat-x;border:3px solid #e2e2e2;width:500px;position:absolute;overflow:visible;-moz-border-radius-topleft: 15px;-webkit-border-top-left-radius: 15px;-webkit-box-shadow:4px 4px 7px #eee;-moz-box-shadow: 4px 4px 7px #eee;}
.box .btns{border-left:1px solid #b8b8b8; border-right:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; border-top:1px solid #e2e2e2;width:94px;height:19px;float:right;position:absolute;top:-1px;right:20px;}
.btn1{width:31px;height:19px;display:block;float:left;background:url(../images/btn1.gif) no-repeat;cursor:pointer}
.btn1:hover{background:url(../images/btn1_over.gif) no-repeat}
.btn2{width:31px;height:19px;display:block;float:left;background:url(../images/btn2.gif) no-repeat;border-left:1px solid #b8b8b8;border-right:1px solid #b8b8b8;cursor:pointer}
.btn2:hover{background:url(../images/btn2_over.gif) no-repeat}
.btn3{width:30px;height:19px;display:block;float:left;background:url(../images/btn3.gif) no-repeat;cursor:pointer}
.btn3:hover{background:url(../images/btn3_over.gif) no-repeat}
.box label{width:120px;float:left;clear:both;margin-bottom:7px;}
.box .title {color:#555; padding: 5px 10px 5px 5px;}
.box a.title {cursor:pointer}
.box a.title:hover {color:#777}
.box input,.box select,.box textarea{float:left;width:200px;}
.box input[type=checkbox] {width:15px;border:none}
.box input{background:#fff url(../images/bg_bottom.gif) 0 -40px repeat-x;}
.box input.tiny-checkbox {width:15px;border:none}
.box select{width: 208px;}
.box textarea{width:99%}
.box .clone {clear:both;float:left}
.box .menu{position:absolute;top:25px;left:10px;border:2px solid #eee;background-color:#fff;text-align:left;font:bold 13px Helvetica; z-index: 999;}
.box .menu a{display:block;padding:3px 6px; z-index: 999;}
.box .menu a:hover{text-decoration:none;color:#aaa}
.box .menu .separator{height:1px;font-size:1px;line-height:1px;border-top:1px solid #bbb}
.box .hider{overflow:hidden;width:100%;height:100%;margin:0;padding:0}
.box .content{padding:30px 10px 10px;margin:0;}
.box .tab p{margin:0;padding:0}
.box .corner{display:block;float:left;position:absolute;top:-3px;left:-3px;width:13px;height:12px;background:url(../images/box_corner.gif) no-repeat;}
.box .submit{background:url(../images/submit_bg.gif) repeat-x;height:19px; margin-left: 5px;border:1px solid #999;font:bold 12px Helvetica;color:#333;padding:0 30px;margin-top:10px;float:right;}
.box .cancel-btn{background:url(../images/cancel_bg.gif) repeat-x;height:19px; margin-left: 5px;border:1px solid #999;font:bold 12px Helvetica;color:#333;padding:0 30px;margin-top:10px;float:left}
#loader{position:absolute;right:10px;bottom:55px;padding:3px 20px 0 20px;border:1px solid #eee; background-color:#fff }
#loader span{position:relative;bottom:7px;color:#5bb5db;padding:0px 10px}
table.list{width:100%;}
table.list tr, .filetree tr{height:16px; line-height:16px;}
table.list tr.row-over{background-color:#edfaff}
table.list tr.row-over1{background-color:#e0f6ff}
table.list tr.row-over a,table.list tr.row-over1 a{color:#888}
table.list tr.head,.filetree tr.head{font-weight:bold; background:url(../images/thead_bg.gif) 0 100% repeat-x; height:30px;text-indent:0}
table.list tr.bottom, .filetree tr.bottom{background:url(../images/tbottom_bg.gif) repeat-x; height:30px;}
table.list td.photo{padding:4px 0}
table.list td.gap, .filetree td.gap{width:3%;}
table.list .bgC-eee, .filetree .bgC-eee{background-color:#eee}
table.list p.total{float:right;position:relative;top:0;right:3%;}
table.list p.paging{float:right;position:relative;top:0;right:3%;}
table.list input.filtering{float:left;position:relative;left:3%;border-color:#aaa}
table.list img{padding: 1px 4px;float:right;position:relative;right:9%}
table.list span{float:right;padding: 1px;position:relative;right:9%}
#errors{margin:80px auto 0;width:400px;padding:10px;position:relative;border:3px solid #ededed;;text-align:center;font:bold 14px Helvetica;z-index:9999;background:#fff url(../images/box_bg.gif) repeat-x;}
#errors img{float:left}
#errors span{position:relative; top:20px;}
#todo {position:absolute;left:20px;top:60px;}
.imp3{color:red;border:3px solid #fcc;}
.imp2{color:#ffcb4f;border:3px solid #ffcb4f;}
.imp1{color:green;border:3px solid #fff;}
.tabs-nav li{float:left;background:url(../images/tab-bg.gif) repeat-x;padding:0;margin:5px 0 5px 2px;height:22px;}
.tabs-nav li.on {position:relative;top:-4px}
.tabs-nav li a{background:url(../images/tab-l.gif) no-repeat;padding:3px 20px;margin:0;height:22px;display:block;float:left}
.tabs-nav li a:hover{text-decoration:none;color:#aaa}
.tabs-nav li em{background:url(../images/tab-r.gif) no-repeat;height:22px;width:4px;display:block;float:left;cursor:pointer}
input.searching{height:17px;width:189px;border:solid 1px #b4b4b4;float:right;padding-top:4px;font-size:11px;}
.hidden{display:none}
table.list span.search-cross{background:url(../images/delete.gif) no-repeat 3px 3px;display:block;position:relative;top:1px;right:2px;cursor:pointer;float:left}
#bottom .search-cross {background:url(../images/delete.gif) no-repeat 3px 3px;display:block;position:absolute;right:20px;top:9px;cursor:pointer;}
.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 990;display:none;float:left;}
.img-crop{width:150px;height:100px;overflow:hidden;position:relative;float:left;margin: 2px;border: 1px solid #ddd;text-align:center}
.img-crop:hover {border: 1px solid #aaa;}
table.list .img-crop img {position:relative;margin:0 auto;float:none;right:0}
.img-crop em {position:absolute;top:0;right:0;background-color:#fff;padding:1px}
.img-crop em.photo-name {position:absolute;top:80px;font-weight:bold;font-style:normal;display:block;text-align:center;width:100%;height:20px;}

.separator {height:20px;margin-bottom:20px;width:100%;border-bottom:1px dotted #ddd}
.social a {padding:10px;color:#555}
.social a:hover{color:#999}
.social img{position:relative;top:8px;left:-3px}

.mass-actions{text-align:right;padding: 0 7px 0 0;height:20px;margin-top:10px}
.mass-actions button.img{border:none;padding:0;margin:0;cursor:pointer;background:none}
table.list .mass-actions img{padding: 0px 1px;float:none;position:static;}

input.valid {border-color:#0a0;background-color:#dfd}
input.not-valid {border-color:#a00;background-color:#fdd}

.fileinfo label{margin-bottom:0}
.box-management {float:right;margin-right:10px;}
.file-upload {float:right;margin-top:10px;}
.file-link {padding: 0 0 3px 25px;height:20px;margin: 2px 0;float:left}
.file-container img{float:left;position:relative;top:3px;left:10px}

#bottom_shade {background:url(../images/bottom_shade.png) repeat-x;height:233px;width:100%;position:absolute;bottom:43px}

input:active, input:focus, textarea:active, textarea:focus {border-color:#666}
/* tooltip */

#tooltip {position: absolute; z-index: 3000; border: 1px solid #fff;background-color: #000; padding: 3px; opacity: 0.5;}
#tooltip h3, #tooltip div { margin: 0; color: #fff; font-size:11px}

/* FILE TREE */
input.tree-path{width:200px;margin-left: 4px;float:right;}
#filetree{clear:both;}
#filetree .tree{width:30%;overflow:auto;padding:5px}
#filetree .side{float:right;width:65%;padding:5px}
UL.jqueryFileTree{font-family:Verdana,sans-serif;font-size:11px;line-height:18px;padding:0px;margin:0px;}
UL.filetree {list-style:none;padding:0px;padding-left:20px;margin:0px;white-space:nowrap;}
UL.jqueryFileTree A{color:#333;text-decoration:none;display:block;padding:0px 2px;}
UL.jqueryFileTree A:hover{background:#BDF;}
/* Core Styles */
.filetree a{color:#363636;display:block;float:left;width:100%}
.filetree tr{text-indent:20px}
.filetree tr.head a {display:inline;width:auto;position:relative;top:-2px}
.filetree a.delete, .filetree span a {display:inline;width:auto;float:none}
.filetree span a {color:#5bb5db;}
.filetree tr.head em {float:right;font-style:normal;position:relative;top:3px;left:-2px}
.filetree tr.head img {position:relative;top:4px;margin-right:3px}
table.filetree  {width:100%;}
.ext{background: transparent url(../images/files/txt.png) left top no-repeat; }

.directory{background: transparent url(../images/files/directory.png) left top no-repeat; }
.expanded{background:url(../images/files/folder_open.png) left top no-repeat; }
.file{background:url(../images/files/file.png) left top no-repeat; }
.wait{background:url(../images/files/spinner.gif) left top no-repeat; }
/* File Extensions*/
.ext_txt{background:url(../images/files/txt.png) left top no-repeat; }
.ext_3gp{background:url(../images/files/film.png) left top no-repeat; }
.ext_afp{background:url(../images/files/code.png) left top no-repeat; }
.ext_afpa{background:url(../images/files/code.png) left top no-repeat; }
.ext_asp{background:url(../images/files/code.png) left top no-repeat; }
.ext_aspx{background:url(../images/files/code.png) left top no-repeat; }
.ext_avi{background:url(../images/files/film.png) left top no-repeat; }
.ext_bat{background:url(../images/files/application.png) left top no-repeat; }
.ext_bmp{background:url(../images/files/picture.png) left top no-repeat; }
.ext_c{background:url(../images/files/code.png) left top no-repeat; }
.ext_cfm{background:url(../images/files/code.png) left top no-repeat; }
.ext_cgi{background:url(../images/files/code.png) left top no-repeat; }
.ext_com{background:url(../images/files/application.png) left top no-repeat; }
.ext_cpp{background:url(../images/files/code.png) left top no-repeat; }
.ext_css{background:url(../images/files/css.png) left top no-repeat; }
.ext_doc{background:url(../images/files/doc.png) left top no-repeat; }
.ext_exe{background:url(../images/files/application.png) left top no-repeat; }
.ext_gif{background:url(../images/files/picture.png) left top no-repeat; }
.ext_fla{background:url(../images/files/flash.png) left top no-repeat; }
.ext_h{background:url(../images/files/code.png) left top no-repeat; }
.ext_htm{background:url(../images/files/html.png) left top no-repeat; }
.ext_html{background:url(../images/files/html.png) left top no-repeat; }
.ext_jar{background:url(../images/files/java.png) left top no-repeat; }
.ext_jpg{background:url(../images/files/picture.png) left top no-repeat; }
.ext_jpeg{background:url(../images/files/picture.png) left top no-repeat; }
.ext_js{background:url(../images/files/script.png) left top no-repeat; }
.ext_lasso{background:url(../images/files/code.png) left top no-repeat; }
.ext_log{background:url(../images/files/txt.png) left top no-repeat; }
.ext_m4p{background:url(../images/files/music.png) left top no-repeat; }
.ext_mov{background:url(../images/files/film.png) left top no-repeat; }
.ext_mp3{background:url(../images/files/music.png) left top no-repeat; }
.ext_mp4{background:url(../images/files/film.png) left top no-repeat; }
.ext_mpg{background:url(../images/files/film.png) left top no-repeat; }
.ext_mpeg{background:url(../images/files/film.png) left top no-repeat; }
.ext_ogg{background:url(../images/files/music.png) left top no-repeat; }
.ext_pcx{background:url(../images/files/picture.png) left top no-repeat; }
.ext_pdf{background:url(../images/files/pdf.png) left top no-repeat; }
.ext_php{background:url(../images/files/php.png) left top no-repeat; }
.ext_png{background:url(../images/files/picture.png) left top no-repeat; }
.ext_ppt{background:url(../images/files/ppt.png) left top no-repeat; }
.ext_psd{background:url(../images/files/psd.png) left top no-repeat; }
.ext_pl{background:url(../images/files/script.png) left top no-repeat; }
.ext_py{background:url(../images/files/script.png) left top no-repeat; }
.ext_rb{background:url(../images/files/ruby.png) left top no-repeat; }
.ext_rbx{background:url(../images/files/ruby.png) left top no-repeat; }
.ext_rhtml{background:url(../images/files/ruby.png) left top no-repeat; }
.ext_rpm{background:url(../images/files/linux.png) left top no-repeat; }
.ext_ruby{background:url(../images/files/ruby.png) left top no-repeat; }
.ext_sql{background:url(../images/files/db.png) left top no-repeat; }
.ext_swf{background:url(../images/files/flash.png) left top no-repeat; }
.ext_tif{background:url(../images/files/picture.png) left top no-repeat; }
.ext_tiff{background:url(../images/files/picture.png) left top no-repeat; }

.ext_vb{background:url(../images/files/code.png) left top no-repeat; }
.ext_wav{background:url(../images/files/music.png) left top no-repeat; }
.ext_wmv{background:url(../images/files/film.png) left top no-repeat; }
.ext_xls{background:url(../images/files/xls.png) left top no-repeat; }
.ext_xml{background:url(../images/files/code.png) left top no-repeat; }
.ext_zip{background:url(../images/files/zip.png) left top no-repeat; }

div.suggestions {background:#fff url(../images/box_bg.gif) 0 -5px repeat-x;z-index:999;background-color:#fff; border: 1px solid #eee; position: absolute; color: #363636; font: 11px Helvetica, Arial, sans-serif;}
div.suggestions div { padding: 3px 8px; margin: 1px}
div.suggestions div.current { background-color:#eee; color: #5bb5db }
div.suggestions .even{ background-color:#eee}
div.suggestions a span {color: #363636;font-weight:bold}
div.suggestions a {display:block;width:100%;}

#context-menu{border: 1px solid #ccc;margin-right:10px;}
#context-menu a{ padding: 4px 8px; margin: 0 1px 0 20px;border-left: 1px solid #eee;display:block;width:auto}