﻿
.k-grid-content table{border-bottom:1px solid #ccc;}
body {
    border: 0 none;
    font-family:tahoma,arial,verdana,sans-serif; 
    font-size:12px;
    font-style: normal;
    font-weight: normal;
    line-height: inherit;
    list-style: none outside none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}
ul,li,h1,h2,h3{ margin:0; padding:0;}
li{ list-style:none;}
  
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}  
.clear7 {
   clear: both;
   display: block;
   height: 7px;
   overflow: hidden;
}   
.blue1{ color:#9ebdd4;}
.blue2{ color:#5c9bda;}
.white{ color:#fff;}
.bold{font-weight:bold;}
.hidden{display:none;}
.gray{ color:#b4b4b4;}
.red{ color:#571212;}

.errorBox{ background:url(images/system/admin/admin-bg.png) no-repeat #fedbd5 15px -283px; border:1px solid #e18b7c; border-radius:5px; color:#571212; line-height:25px;
           padding:10px 25px 10px 45px; } 
.warningBox{ background:url(images/system/admin/admin-bg.png) no-repeat #fcefcd 15px -403px; border:1px solid #eac572; border-radius:5px; color:#4a3534; line-height:25px;
           padding:10px 25px 10px 45px; }
.successBox{ background:url(images/system/admin/admin-bg.png) no-repeat #e7f6b0 15px -360px; border:1px solid #b2c866; border-radius:5px; color:#617718; line-height:25px;
           padding:10px 25px 10px 45px; } 
             
cite, em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
.hid {
    display: none;
}
.bg {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}  

/*login start*/
.login{width:355px; height:345px; margin:80px auto; }   
.adminErrorMsg{ width:750px; height:auto;  position:absolute; top:95px;
border:1px solid #e18b7c;
border-radius:5px;               
/* if explorer does not supprt  gradient*/
background: #fdd3cb;
/* Webkit: Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffe1dc), to(#fccac1));
/* Webkit: Safari 5.1+, Chrome 10+ */
background: -webkit-linear-gradient(top, #ffe1dc, #fccac1);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #ffe1dc, #fccac1);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #ffe1dc, #fccac1);
/* IE 10 */
background: -ms-linear-gradient(top, #ffe1dc, #fccac1);
/* IE < 10 */
/* the follwing must be at last  */
FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffe1dc, endColorStr=#fccac1); 
}
.adminErrorMsg .left{ width:14px; height:47px; float:left; background:url(images/system/admin/error-info-bg.png); }
.adminErrorMsg .right{ width:14px; height:47px; float:left; background:url(images/system/admin/error-info-bg.png) no-repeat 0 -94px; }
.adminErrorMsg .innerBox{ width:718px; height:auto; min-height:28px; float:left; border:1px solid #ffffff; border-radius:5px; padding:10px 15px 5px 15px;}
.adminErrorMsg .content{ width:718px; height:auto; float:left; line-height:22px;
/*background:url(images/system/admin/error-info-bg.png) repeat-x 0 -47px; */
text-align:left; text-shadow:1px 1px 1px #fde6e2; 
}

.loginBorder{ width:355px; height:auto; position:absolute; border:1px solid #f2f2f2; border-radius:5px; top:160px; }
.loginHeader{ width:355px; height:46px; line-height:46px;  text-align:center;
              background-image:url(images/system/admin/login-header.png);
              font-size:14px; color:#fff;}
.loginContent{ width:353px; height:270px; border:1px solid #bcbcbc;  border-bottom:none;
               background-color:#fff; text-align:left;}   

.adminBaseText{width:200px; height:40px; border:1px solid #bcbcbc; border-radius:5px; 
               padding:0 20px 0 50px; line-height:40px; color:#686868;}               
.adminLoginText{ margin:0 0 12px 40px; background:url(images/system/admin/login-bg.png) no-repeat 13px 10px; }                  
.adminLoginPwd{margin:0 0 7px 40px; background:url(images/system/admin/login-bg.png) no-repeat 13px -32px;}   
.activeLoginText{ margin:0 0 12px 40px; background:url(images/system/admin/login-bg.png) no-repeat 13px 10px; 
                  border:1px solid #74ac12;}   
.activeLoginPassword{margin:0 0 7px 40px; background:url(images/system/admin/login-bg.png) no-repeat 13px -32px;
                 border:1px solid #74ac12;}  
                                  
.btnLogin{ width:272px; height:37px; cursor:pointer; background:url(images/system/admin/btnLogin.png) no-repeat 0 0; color:#fff;
           font-weight:bold; padding:0 0 0 30px; border:none; margin:0 0 0 40px;}  
.btnLogin:hover{ width:272px; height:37px; cursor:pointer; background:url(images/system/admin/btnLogin.png) no-repeat 0 -37px; color:#fff;
           font-weight:bold; padding:0 0 0 30px; border:none; margin:0 0 0 40px;}             
.loginPlaceHolder{ position:absolute; color:#b4b4b4; cursor:text;}  
.loginVersion{ width:353px; border:1px solid #bcbcbc; border-top:1px dashed #cccccc; text-align:center; line-height:45px;  background:#f2f2f2; border-radius:0 0 5px 5px;
               color:#888; font-size:12px;}
/*login end*/

/*side bar*/
#sidebar {
   float: left;
   width: 200px;
   border-right:2px solid #898989;
} 
#sidebar ul ul {
    display: none;
    border-bottom:1px solid #dbdbdb;
    background-color:#f7f7f7; 
}
#sidebar ul li a{ 
   display:block; width:150px; 
   padding:0 0 0 50px; 
   line-height:46px;                              
   color:#5a5a5a;          
   text-decoration:none;
}
#sidebar ul li a:hover{ color:#1a93c5;}     
#sidebar .firstMenu{ border-top:1px solid #ccc;}             
#sidebar .dashboard{ background:url("images/system/admin/admin-menu-bg.png") no-repeat 0 0; }   
#sidebar .templates{ background:url("images/system/admin/admin-menu-bg.png") no-repeat 0 -46px; }   
#sidebar .news{ background:url("images/system/admin/admin-menu-bg.png") no-repeat 0 -92px; }   
#sidebar .configuration{ background:url("images/system/admin/admin-menu-bg.png") no-repeat 0 -138px; }   
.subMenu li a{ line-height:30px !important;}  
.active, .active a{color:#1a93c5 !important;}              
 
#redbox {
    background-color:#f7f7f7; 
    border-top:1px solid #ccc;
    height: 110px;
    margin-top: 100px;
    padding: 0px 20px 0 20px;
    color:#5a5a5a;
    line-height:25px;
}

.contentBody {
    float: left;
    padding-left: 31px;
    width: 900px;
    overflow: hidden;
    min-height: 450px;
}

.waterfallContentBody {
    float: left;
    padding-left: 5px;
    width: auto;
}

 

#content h2 {
    background: url("images/system/admin/admin-bg.png") repeat-x 0 -231px;
    color: #5c9bda;
    font-size: 12px; 
    line-height: 44px;
    border:1px solid #ccc;
    border-radius:5px;
    margin:20px 0 0 0;
    padding:0 0 0 20px;
    font-weight:normal; 
} 

#tip span.icon {
    background: url("images/manager/icon_tip.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#congrats span.icon {
    background: url("images/manager/icon_congrats.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

/*header*/
#wrap { 
    width: 100%; font-size:12px;
}
#header {
    height:42px;
    background:url("images/system/admin/admin-bg.png") repeat-x 0 0; 
    line-height:42px;
}

#header h1 { 
    color: #FFFFFF;
    float: left; 
    font-size:14px;
    font-weight:bold;
    display:block; 
}
#header a{
   color:#9ebdd4;
   text-decoration:none;
}
#header a:hover{
   color:#fff;
   text-decoration:underline;
}  
   
/*html editor*/
.iconSelector img{ width:26px; height:26px; display:inline-block; background-color:#89bee5; border:1px solid #3a93d3; 
    padding:3px; margin:0 10px 0 0; cursor:pointer;}
.iconSelector img:hover,.iconSelector .x-item-selected{border:1px solid #126daf; background-color:#358ccb;}   
.iconPanel .x-mask,.iconSelector .x-mask{ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0;}
 

/*Design Home Body and banner detail style */
.text-center{
   text-align:center;
}
.design-container{
   margin-top:10px;
   border-right:#157fcc solid 3px;
   border-left:#157fcc solid 3px;
}

.design-header{
   height:36px;
   line-height:36px;
   background:#157fcc;
   padding:0 10px;
   color:#fff;
   font-weight:bold;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.design-container .design-left{
   width: 210px;
   max-height:420px;
   min-height:420px;
   overflow-x:hidden;
   padding:10px;
   position:absolute;
   left:0;
   top:0;
   /**width:200px;*/
   border-bottom:#157fcc solid 6px; 
}
.design-container .vertical-line{
   border:#157fcc solid 3px; 
   height:440px; 
   width:0;
   position:absolute;
   left:230px;
   top:0;
}
.design-container .design-right{
   width: 635px;
   max-height:425px;
   min-height:425px;
   overflow-x:hidden;
   padding:10px;
   position:absolute;
   left:240px;
   top:0;
}
.design-container .design-bottom{
   border-top:#157fcc solid 6px; 
   border-bottom:#157fcc solid 6px; 
   border-left:#157fcc solid 3px;
   border-right:#157fcc solid 3px;
   padding:5px 10px; 
   text-align:right;
}
.item{
   margin-bottom:6px;
   min-width:200px;
}
.item-title{
   border-radius: 5px 5px 0 0;
   position: relative;
   cursor:move;
}
.item-content{
   border-radius:0 0 5px 5px;
   border:6px solid #157fcc;
   min-height:30px; 
   padding:6px;
}

.close-button {
	height: 21px;
	width: 21px;
	border-radius: 10px;
	background: #a9cff6;
	position: absolute;
   top: 10px;
   right: 10px;
   cursor:pointer;
   border-style:none;
}
.close-button:hover {
	height: 21px;
	width: 21px;
	border-radius: 10px;
	background: #badff7;
	position: absolute;
   top: 10px;
   right: 10px;
}
.close-button:before{
	content: "";
	width: 11px;
	height: 0;
	border: #147ECC 1px solid;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
	position: absolute;
	left:4px;
	top:10px;
}
.close-button:after{
	content: "";
	width: 11px;
	height: 0;
	border: #147ECC 1px solid;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg); 	/* IE */
	-moz-transform:rotate(135deg); 	/* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg); 	/* Opera */
	position: absolute;
	left:4px;
	top:10px;
}
.nomalbutton{border:1px solid #ccc;min-width:68px;border-radius:3px;height:22px;}
.nomalbutton:hover, .nomalbutton:focus{background-color:#e8e8e8;}
.confirmImg{background:transparent no-repeat top left;background-image:url('images/system/icon-question.gif');}
.alertImg{background:transparent no-repeat top left;background-image:url('images/system/icon-info.gif');}

