@CHARSET "UTF-8";

@font-face {
    font-family: 'open_sanslight';
    src: url('font/opensans-light-webfont.eot');
    src: url('font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-light-webfont.woff') format('woff'),
         url('font/opensans-light-webfont.ttf') format('truetype'),
         url('font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotoregular';
    src: url('font/Roboto-Regular-webfont.eot');
    src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Regular-webfont.woff') format('woff'),
         url('font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('font/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotolight';
    src: url('font/Roboto-Light-webfont.eot');
    src: url('font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Light-webfont.woff') format('woff'),
         url('font/Roboto-Light-webfont.ttf') format('truetype'),
         url(font/'Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotomedium';
    src: url('font/Roboto-Medium-webfont.eot');
    src: url('font/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Medium-webfont.woff') format('woff'),
         url('font/Roboto-Medium-webfont.ttf') format('truetype'),
         url('font/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

.btnStyle2, .btnStyle2:hover, .btnStyle2:active{background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);background-image: -o-linear-gradient(top, #ffffff, #eeeeee);background-image: linear-gradient(to bottom, #ffffff, #eeeeee); border-color:#bbb; /*padding:3px 8px;*/}
.btnStyle2 > i{color:#555 !important;margin-right:5px;}
.btnStyle2 {color:#555 !important;}


* {font-family:'robotoregular', arial;font-size:12px; color:#666}
html, body {margin:0px;padding:0px;width:100%;}
.cssMasterPanel {width:100%;height:100%; position:relative;}
.cssClt {border:none !important;background-image: linear-gradient(bottom, #545454 0%, #888888 100%) !important;background-image: -o-linear-gradient(bottom, #545454 0%,#888888 100%) !important;background-image: -moz-linear-gradient(bottom, #545454 0%, #888888 100%) !important;background-image: -webkit-linear-gradient(bottom, #545454 0%, #888888 100%) !important;background-image: -ms-linear-gradient(bottom, #545454 0%, #888888 100%) !important; background-color:#545454 !important; color:#fff !important;text-align:right;border-width:0px 0 1px 0;border-style:solid;border-color:#ddd; padding: 5px 20px;}
.cssClt h3{font-family:'robotomedium', arial;float:left; font-size:13px; color:#444;margin: 0;padding:0;line-height: 20px; color:#fff;}
.cssClt button{float:right; }
.cssClt i{color:#fff;margin-right:5px;}
.cssFolders {padding:0;top:30px;left:0px;position:absolute;height:600px;border-width:0 1px 0 0;border-style:solid;border-color:#ccc; }
.cssFolders .cssCurrent {padding:5px 10px;}
.cssFolders .cssCurrent div {border-radius: 2px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03);box-shadow: inset 0 1px 1px rgba(0,0,0,.03);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:23px;overflow-y:hidden;border-width:1px;border-style:solid;border-color:#ccc; line-height:23px;}
.cssFolders .cssList {height:480px;overflow-y:auto;}
.cssFolders .cssList div {padding:5px 10px;}
.cssFolders .cssList a, .cssFolders .cssList i {color:#444;text-decoration:none;}
.cssFolders .cssList .cssRow {padding:0px;}
.cssFolders .cssList .cssLL {float:left;width:200px;} 
.cssFolders .cssList .cssRm {float:right;}
.cssFolders .cssCreate {height:70px;border-width:1px 0 0 0;padding:0 20px; border-style:dotted;border-color:#ccc;}
.cssFolders .cssCreate div {padding:10px 0px;text-align:left;}
.cssFilelists {padding:0;top:30px;right:0px;position:absolute;height:600px;}
.cssFilelists .cssFrame {padding:10px 0;}
.cssFilelists .cssList {height:350px;overflow-y:auto; background-color:#f8f8f8;}
.cssFilelists .cssList .cssRow .cssBloc {padding:0 0 10px 0;width:170px;float:left;}
.cssFilelists .cssList .cssFF {padding:0 10px;}
.cssFilelists .cssList .cssFF .cssRow{padding:3px 0; border-bottom:1px dotted #ddd;}
.cssFilelists .cssList a {color:#444;text-decoration:none;}
.cssFilelists .cssInfo {height:150px;padding:0px 10px;background-color:#f8f8f8;}
.cssFilelists .cssMiddle{background-color:#f8f8f8;}
.cssFilelists .cssSplit{border-width:3px 0 0 0;width:98%; margin:0 auto; height:1px;border-style:solid;border-color:#d9d9d9; }
.cssFilelists .cssInfo h3{color:#666; font-size:12px; margin:0; padding:10px 0 0 0 ;}
.cssFilelists .cssInfo .cssPreview {margin-top:10px;float:left;width:200px;}
.cssFilelists .cssInfo .cssPreview div {width:100px;height:100px;overflow:hidden;}
.cssFilelists .cssInfo .cssBB {float:left;margin-top:10px;}
.cssFilelists .cssCreate {height:60px; border-top:1px solid #ddd;}
.cssFilelists .cssCreate div {padding:5px 10px;}
.cssClear {clear:both}

.cssClose, .cssClose:active, .cssClose:hover{color: #fff;background-color: transparent;border:none;}
.cssCreateInput{width: 60%; height: auto; padding: 0px 12px;}