@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-family:'robotoregular', arial;font-size:12px; color:#777}
body, html {width:100%;height:100%;margin:0px;padding:0px;}
a, img {border:0px;outline:0px;}
a{color:#ee3475;}
table {border-width:0px;padding:0px;border-collapse:collapse;}
table td {vertical-align:top]}
.cssClear {clear:both}
.cssHide {display:none}

i{margin-right:3px;}

.cssUploadrow{margin:0 0 15px 0;}
.cssSave{width:100px; font-size:14px; margin-top:10px;text-shadow: 2px 1px #da2766; }

.btnStyle1{background-image: linear-gradient(bottom, #303030 0%, #4c4c4c 100%);background-image: -o-linear-gradient(bottom, #303030 0%,#4c4c4c 100%);background-image: -moz-linear-gradient(bottom, #303030 0%, #4c4c4c 100%);background-image: -webkit-linear-gradient(bottom, #303030 0%, #4c4c4c 100%);background-image: -ms-linear-gradient(bottom, #303030 0%, #4c4c4c 100%);border-color:#222;border-radius: 30px; padding:3px 10px;}
.btnStyle1 > i{color:#fff !important;margin-right:5px;}
.btnStyle1 {color:#fff !important;}

.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;}

.btnStyle3, .btnStyle3:hover, .btnStyle3:active{
background-image: linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -o-linear-gradient(bottom, #ee3475 0%,#ff5293 100%);background-image: -moz-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -webkit-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -ms-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-color: #ee3475;webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);border-color:#ee3475; color:#fff;  border-radius: 3px;}
.btnStyle3 > i{color:#fff !important;margin-right:5px;}
.btnStyle3 {color:#fff !important;}

.btnStyle4{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);}
.btnStyle4 > i{color:#555 !important;margin-right:5px;}
.btnStyle4 {color:#555 !important;}

input{padding: 6px 10px;border: 1px solid #ddd;display: inline-block;background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
background-color: #F9F9F9;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.cssAlert {color:#ee3475; clear:both;}
.cssAlertMsg {color:#444444;}
.cssErr {color:#ee3475;}

body {text-align:center}

.form-control{font-size:13px;background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);border-color: #ddd;background-color: #F9F9F9; border-radius: 3px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03);
box-shadow: inset 0 1px 1px rgba(0,0,0,.03);}
.form-control.cssNumber{height:auto;}

.cssMasterPanel {margin:0;width:100%; /*auto;width:900px;*/}

.cssMasterPanel .cssContentPanel {}
.cssMasterPanel .cssFooterPanel {height:73px;}
.cssMasterPanel .cssFooterPanel div {text-align:left;color:#ffffff;padding:20px;font-size:10px;}

.cssLogo span{margin-left:10px; color:#bbb;font-family:'robotoregular', arial; font-size:15px;}

.cssFullPage {text-align:center; }
.cssFullPage.login {text-align:center; background:#020202 url('admin/login/bg.gif') left top repeat-x; height:100%; width:100%;}
.cssFullPage .cssForm {margin:10% auto;padding:80px 50px; max-width:480px;width:480px;/* background-color:#fff; -moz-border-radius: 5px;-webkit-border-radius:5px;border-radius: 5px;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);*/height:420px;background:url('admin/loginBg.png') left top no-repeat; }
.cssFullPage .cssForm .row{margin:0 30px;}
.cssFullPage .cssForm .cssLogo{margin:0 auto 20px auto;}
.cssFullPage .cssForm .cssLabel {width:150px;}
.cssFullPage .cssForm .cssField {padding:3px 0 10px 0;}
.cssFullPage .cssForm input.cssTextBox {width:100%}
.cssFullPage .cssForm textarea.cssTextBox {width:330px;height:100px;}
.cssFullPage .cssForm .left-inner-addon {position: relative; margin:0 0 15px 0;}
.cssFullPage .cssForm .left-inner-addon input {padding-left: 30px; color:#7d7d7d;}
.cssFullPage .cssForm .left-inner-addon span {position: absolute; padding: 10px 12px; pointer-events: none; left:0; color:#7d7d7d;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 50px white inset; color:#7d7d7d;
}

.breadcrumb{background-color:transparent; text-align:left; color:#333; border-bottom:1px solid #e1e0e5;}
.breadcrumb a{color:#000; font-size:15px;font-family:'robotoregular', arial;}
.breadcrumb a:hover{text-decoration:none;}

.cssForm {}
.cssForm .cssLabel {text-align:left;/*float:left;*/}
.cssForm .cssField {text-align:left;/*float:left;*/}
.cssForm .cssRow {padding:0;line-height:18px;margin: 0 0 10px 0;}
.cssForm .cssTextBox {border-width:1px;border-style:solid;border-color:#ddd;color:#444;}
.cssForm .cssBtn {background-image: linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -o-linear-gradient(bottom, #ee3475 0%,#ff5293 100%);background-image: -moz-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -webkit-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -ms-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-color: #ee3475;webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);border-color:#ee3475; color:#fff; width:100%; border-radius: 3px;}

.cssForm2 {margin: 0; width:600px; padding:0;}
.cssForm2 .cssRow {padding:0; margin:0 0 10px 0;}
.cssForm2 .cssLabel {text-align:left;float:left;}
.cssForm2 .cssField {text-align:left;float:left;}
.cssForm2 .cssBtn{background-image: linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -o-linear-gradient(bottom, #ee3475 0%,#ff5293 100%);background-image: -moz-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -webkit-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-image: -ms-linear-gradient(bottom, #ee3475 0%, #ff5293 100%);background-color: #ee3475;webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);border-color:#ee3475; color:#fff; border-radius: 3px;}
.cssForm2 .cssArrow{width:5px; height:10p; background:url('admin/arrow.png') left center no-repeat;padding-right:10px; color:#fff; font-size:10px;}

.cssViews {}
.cssViews .cssMenu {margin:10px 0 0 0;float:left;width:200px;text-align:left;}
.cssViews .cssMenu ul {margin:0px;padding:0px;}
.cssViews .cssMenu li {margin:0px;padding:0px;list-style-type:none;}
.cssViews .cssMenu span {display:block;width:150px;padding:5px 0 5px 5px;border-width:0 0 1px 0;border-color:#000000;border-style:solid;}
.cssViews .cssMenu a {text-decoration:none;color:#000000;text-decoration:none;}
.cssViews .cssContent {margin:10px 0 0 0;float:left;width:700px;text-align:left;}

.cssGrid {}
.cssGrid .cssCtl {padding:5px 0px;color:#666;margin:0 0 25px 0;border: 0px !important;}
.cssGrid .cssCtl .btn{margin:0 5px 0 0;}
.cssGrid .cssDatas {}
.cssGrid .cssDatas table{ border:1px solid #e0e0e0;border-collapse: separate; border-spacing: 0;border-radius: 4px; -moz-border-radius: 4px; }
.cssGrid .cssDatas table.cssTextContent td{padding: 10px 5px;}
.cssGrid .cssDatas .cssRow th.firstHead{border-collapse:collapse;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;}
.cssGrid .cssDatas .cssRow th.lastHead{border-collapse:collapse;-webkit-border-top-right-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;}
.cssGrid .cssDatas .cssRow td {border-width:0 0 1px 0;border-style:dotted;border-color:#ddd;padding: 20px 5px;}
.cssGrid .cssDatas .cssRow td > a > i{color:#ee3475;}
.cssGrid .cssDatas .cssRow td:hover > a > i, .cssGrid .cssDatas .cssRow td:hover > a{color:#ee3475;}
.cssGrid .cssDatas .cssRow1 {}
.cssGrid .cssDatas .cssRow2 {}
.cssGrid .cssDatas .cssRowHeader {background-color: #616161; line-height:30px; height:30px; color:#fff;}
.cssGrid .cssDatas .cssRowHeader th {border-collapse:collapse;border:0;padding:5px 10px;text-align:left;color:#fff; font-weight:normal; font-size:13px;}
.cssGrid .cssDatas .cssCell {}
.cssGrid .cssCtl .col-sm-8{padding-left:0;}
.cssGrid .cssCtl .col-sm-4{padding-right:0;}

.cssViews .cssForm {margin:0px;}
.cssViews .cssForm .cssLabel {width:150px;}
.cssViews .cssForm .cssField {width:350px;}
.cssViews .cssForm input.cssTextBox {width:300px}
.cssViews .cssForm textarea.cssTextBox {width:330px;height:100px;}
.mce-tinymce {-webkit-border-radius: 4px !important; -moz-border-radius: 4px !important;border-radius: 4px !important;}

/*****rich text editor*****/
.mce-panel{border:1px solid #ddd !important;}
.mce-container-body{}
.mce-stack-layout-item{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;}
.mce-path-item, i.mce-i-resize{color:#fff !important;}
.mce-menu-item{background:#fff !important;}
.mce-menu-item:hover .mce-text, .mce-menu-item.mce-selected .mce-text{color:#222 !important;}
.mce-menu-item:hover .mce-ico, .mce-menu-item.mce-selected .mce-ico, .mce-menu-item:focus .mce-ico{color:#222 !important;}