/* Common elements */



.editorContent {
   width: 930px; margin: auto;border: #DDDDDD 1px solid; border-radius: .5em; padding:20px 30px; background: #ffffff url(/site-res/img/headerbg.png) bottom left repeat-x;
}
.popupbody {
   padding:10px 15px 15px 15px; background-color: #ffffff; background-image:none;
}
.contentTitle {
   overflow:hidden; 
   /*white-space:nowrap;*/
   text-overflow:ellipsis;
   color:#444444;
   line-height: 18px;
   vertical-align:top;
   font-size:13px;
}
.contentTitle A, .contentTitle A:visited{
   color:#444444;
}
.contentText{
   overflow:hidden;
   /*white-space:nowrap;*/
   text-overflow:ellipsis;
   color :#444444;
   font-size:  11px;
   line-height: 16px;
}
.contentTitleFL{
   overflow:hidden;
   /*white-space:nowrap;*/
   text-overflow:ellipsis;
   color :#999999;
   font-size: 11px;
}
.contentTitleFL A, .contentTitleFL A:visited {
   color:#999999; 
}
.information {
   color:#666666;
   font-size:10px;
}
.returnmsg {
   border: #ff6600 2px solid;
   width:600px;   text-align:center; height:50px;
   padding: 10px;
}

#welcome { padding:5px 15px; }
#welcome h1 {  }
#welcome h2 { margin-bottom:25px; color: #333333; font-weight:normal; font-size:15px; }
#adminLang {
   font-size:11px; float:right; margin-top:3px;
}
.warning{
   color:#0A50A1;
   text-align:left;  font-size:13px;
}
.warningBox {
	padding: 10px; border: #cc0000 1px solid; background-color: #ffdddd;
   color: #cc0000; text-align: left; font-size: 13px; margin-bottom:20px; text-align:center;
}
.noticeBlock {
   border: #FEE9CC 1px solid; background-color: #FEF8EC;
   padding:10px 20px; color: #ff6600; margin-bottom:22px; margin-top:5px; line-height:24px;
}
.noticeBlock p {
   color: #ff6600;
}
.noticeBlock a {
   color: #3E94C3; font-weight:normal;
}

.splitHeader { }
.splitHeader h1 { float:left; }
.splitHeader h2 { float:right; font-weight:normal; color: #888888; font-size:12px; margin-top:5px;}

.systemMsg{
   text-align:left;  font-size:13px;
} 
.wiz_font_on, .wiz_font_off {
   color:#ce2200;
   text-align:left;
   font-size:13px;   font-weight:bold;
   padding-left:10px;   padding-right:10px;
}
.wiz_font_off{
   color:#999999;
}
.date{
   font-size: 11px;
   color:#666666;
}
.navigation, .navigation td{
   font-size: 13px;
   padding-top: 4px; padding-bottom: 4px;
}
.navigation a {
   font-size: 13px;
}
.popupscroll {
   padding:15px;
}
.popupscrolldiv {
   display:block; overflow-y:scroll; 
}

.pageTitleBox {
   PADDING-LEFT: 15px; PADDING-TOP:6px; PADDING-BOTTOM:3px; 
   BACKGROUND-COLOR: #dddddd;
   FONT-SIZE: 13px; FONT-WEIGHT: bold; LINE-HEIGHT: 18px;
}

.nextPgBar, .nextPgBarPP {
   background-color:#dddddd;
  font-size:13px;
  color:#444444;
}
.nextPgBarPP{
   background-color:#FFD19D;
}
.nextPgBar A {
  font-size:13px;
   font-weight: bold;
}

.reqField {
   font-size: 15px;
   vertical-align:center;
   color:#FF6600;
}
.reqFieldHelp {
   font-size: 12px; color:#777777;
}
.formSection{
   background-color:#eeeeee;
   font-size: 13px; text-align: center;
   font-weight: bold;   line-height: 20px;
   padding:2px 0;
   /*border-bottom: #cccccc 1px solid;*/
}
.fromLabel{
   font-size: 13px;
   font-weight: bold;
}
.langBox, .offLangBox {
   line-height: 22px;   font-size: 13px;  font-weight:bold;
   padding:5px 5px 10px 5px; color: #111111;
}
.offLangBox {
   color: #666666;
}
.disableTextBox{
   font-size: 13px;
}
.help {
   font-size:  11px;
}
.imgBorder{
   /*border: solid 1px #999999;*/ 
}
.gallBorder {
   border: solid 1px #cccccc;
   display:inline-block; padding:2px;
}



.rowOdd {background-color: #FFFFFF;}
.rowEven {background-color: #f6f6f6;}

.nextBar {
   padding:15px 10px; border-bottom:#dddddd 1px dotted;  text-align:right;   
}
.nextBar a {
   padding:0 5px;   
}
.nextBar b {
   padding:0 5px;   
}

.th {background: #eeeeee; font-weight: bold;text-align: left;}

.formErr {} 
.formErr div {
   font-size:11px;   color:#CE2200;
   padding: 1px;
}
.formOk{}
.formOk input, .formOk select{border:1px solid #ccc;}

.formOk div {
   color:#000000;
   padding: 2px; font-size:11px;
}
.vis2 { visibility:hidden;display:none  }

TABLE.fixedlayout {
   table-layout:fixed; 
}
TD.fixedlayoutTD {
   overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

.blockBorder {
   BORDER: #CECECE 1px solid;
}
.normalBlock td {
   FONT-SIZE:13px; BACKGROUND-COLOR: #f6f6f6;   padding:20px;
}
.normalBlock  li{
   list-style-image: url(/dir-res/img/bullet3.gif);
}

.hilite {
   COLOR: #ce2200
}

input.selectCategory {
   font-size:12px; color: #cc0000; font-weight:bold;
}



.starText {
   color: #999999; font-weight:bold; line-height:28px;
}
.starText A, .starText A:visited {
   color: #ce2200; TEXT-DECORATION: none;
}

.popupTitleBox {
   PADDING-LEFT: 15px; PADDING-TOP:6px; PADDING-BOTTOM:3px; 
   BACKGROUND-COLOR: #0A50A1; COLOR:#ffffff;
   FONT-SIZE: 13px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px;
}
.popupTitleBox a, .popupTitleBox a:link, .popupTitleBox a:visited {
   COLOR:#ffffff !important;
}

.optLangFormTD {
   padding-left:20px;
}

select.designer {
   font-size:11px;
}



.contactTable td {
   FONT-SIZE:13px; 
}


.noticeCnt {
   font-size:12px;
}

.ds_itemBottom {
   border-bottom:#cecece 2px solid; 
}
.ds_websiteTitle {
   width:500px; height:25px;
   color:#ffffff;
   background-image: url(/site-res/img/iebar.gif);
   background-repeat: no-repeat;
   padding-left:22px;
   font-weight:bold; font-family:Times New Roman   ;
}

.endDate{
   font-size: 14px;
   color:#666666;
   padding: 5 5 0 ;
}


#tpleditor #left {
   float:left; min-width:160px; width:17.77%;
}
#tpleditor #right {
   min-width:738px; width:82.00%;
   border: #cccccc 1px solid; float:right;   
}

.previewWebsite {
   text-align:right; margin:8px;
}
table.mgrTable {
   width:100%;
   /*BACKGROUND-COLOR: #cccccc;*/
   border-collapse: collapse;
}
table.mgrTable th, table.mgrTable td {
   padding:12px; vertical-align:top;
   border:#e0e0e0 1px solid;
}
table.mgrTable th {
   BACKGROUND-COLOR: #eeeeee;
   min-width:230px;
   text-align:left; width:25.55%;
}
table.mgrTable td.links {
   min-width:180px; width:20.00%;
}







#quicknav {
   margin:13px 0; font-size:12px; border: #f6f6f6 4px solid; background-color: #FDFDFD; padding:20px;
}
#quicknav ul#left {
   min-width:409px; width:48.02%; margin:0 10px 0 0; padding:0; 
   float:left; list-style-image:none; list-style-type:none;
}
#quicknav ul#right {
    min-width:409px; width:48.02%; margin:0 0 0 10px; padding:0;
   float:left; list-style-image:none; list-style-type:none;
}
#quicknav ul li {
   clear:both; margin-bottom:33px;
}
#quicknav h3 {
  display:inline-block; font-size:15px; margin:5px 0;
}
#quicknav h3 a {
   font-family: Helvetica, "microsoft yahei", Arial; font-weight:normal; font-size:15px;  color:#444444; 
}

#quicknav p {
    
}
#quicknav span.editor-icon {
   float:left; margin-right:6px;
}

.free-icon { color: #3f95c6; font-size:11px; position:relative; top:-7px;left:3px; }
.new-icon { color: #ff6600; font-size:11px; position:relative; top:-7px;left:3px; }

.help {
   font-size: 12px; color:#777777; margin-top:10px;
   padding:5px; line-height:20px; 
}
.help-type2 {
   border-top: #dddddd 1px solid;    
}
.btns {
   padding:5px;  border-top: #dddddd 1px solid;
   text-align: center; 
}
.boxButton a {
   font-size:15px;   font-weight: bold;
}
#idWebIM {
   margin-left:5px;
}


#buttonList { margin-bottom:10px; }
#buttonList:after { clear:both; }
#buttonList #btnleft { float:left; }
#buttonList #btnright { float:right; }




#errors {
   margin:15px 0 25px 0; text-align:center; color:#cc0000;
   font-weight:bold;
}
.addButton{
   /*padding:5px 5px 5px 5px;*/
}

option.topic{font-weight:bold;background-color:#F5F5F5}
option.tpage{}


/* login page start */

#loginBox {
   padding-top: 30px; width: 990px; height:460px;
   /*background: url(/site-res/img/login.jpg) no-repeat;*/
   background-position: 0 65px;margin: auto;line-height: 17px;
}

#loginBox h2 {
   padding: 6px 0; color: #FF6505; font-weight: normal;
   FONT-SIZE: 20px; line-height: 36px;font-family: "microsoft yahei", Arial, Helvetica, sans-serif;
}
#loginBox h3 {
   padding: 3px 0; color: #333333; font-weight: normal;
   FONT-SIZE: 13px;
}
#loginBox ul {
   margin: 8px 0 8px 0px;
   padding:0; list-style-type: square;
}
#loginBox li {
   line-height:24px;list-style-image: url(/dir-res/img/bullet3.gif);
   list-style-position: outside;margin: 0 0 0 15px; padding: 0px;
}
#loginBox li {
   line-height: 24px;
   list-style-image: url(/dir-res/img/bullet3.gif);
   list-style-position: outside;
   margin: 0 0 0 15px;
   padding: 0px;
}
#loginBox #left {
   float:left; 
   width:400px; margin-left:25px; margin-top:20px;
} 
#loginBox #right {
   float:right; 
   width:450px; 
   margin-right:25px;
   margin-top:10px;
   padding-bottom:20px;
} 

.loginMsg, .loginFail {
   text-align:center; margin:25px 0 0 0; color: #ce2200;
}

.popupbody #loginBox {
	width: 800px; height:440px;
   background-position: 0px 35px;
}
.popupbody #loginBox #right .boxBody {
	background: rgba(255,255,255,0.7);
}

/* for diysite */

.diysite #loginBox {
   background: none;  height:auto; margin-top:15px;
}
.shopHeader {
	width:990px; margin:auto; padding:20px 10px; 
}

.diysite #loginBox #right {
   float:none; margin:auto; width:550px;
}

.diysite #loginBox .boxTable2 { border-radius:4px; border:#dddddd 1px solid; }
.diysite #loginBox .boxTable2 .boxTitle {
	 clear: both; white-space: nowrap; height:auto; 
    padding: 15px; border-bottom:#dddddd 1px solid;
    background: none; color: #444444;
}
.diysite #loginBox .boxTable2 .boxTitle h4 { font-size:16px; float:none; margin:0;}
.diysite #loginBox #loginTable { width:100%; }
.diysite #loginBox #loginTable th, .diysite #loginBox #loginTable td {
	padding: 10px; font-size:15px;
}
.diysite #loginBox #loginTable th { width: 40%; }
.diysite #loginBox #loginTable td {width:60%; }
.diysite #loginBox #loginTable th br {
   display:none;
}
.diysite #loginBox #loginTable input[type=text], .diysite #loginBox #loginTable input[type=password] { 
    height: 28px;
    line-height: 28px;
    color: #595959;
    width: 85%;
    border-radius: 4px;
}
.diysite .loginFail { font-size:15px;}
/* login page end */


.mgrPart {
   margin-bottom: 10px; border-bottom: #eee 1px solid;
   padding:10px 0 20px 0;
}

.mgrPart h3{
	font-size:13px;
}

table.mgrcontent {
   width:600px; margin-bottom: 20px;
   border-collapse: collapse;
   border:#eee 4px solid;
}
table.mgrcontent th, table.mgrcontent td {
   padding:8px 17px; vertical-align:top;
   border-bottom:#cccccc 1px dotted;
   font-size:13px;
}  
table.mgrcontent th {
   text-shadow: 0px 1px 1px #fff;
   font-weight: normal;
   background:#e1e1e1 url(/site-res/css/ui-lightness/images/ui-bg_widget_header2.png) left bottom repeat-x;
}


ul.tabs {
   margin: 15px 0px;
   padding: 0;
   list-style-image: none;
   list-style-type: none;
   background: #ffffff url(/site-res/css/ui-lightness/images/ui-bg_widget_header.png) 50% 10px repeat-x;
   display:block; border-bottom: #dddddd 1px solid;
}
ul.tabs::after {
   content: ".";  display: block;
   height: 0;  clear: both; visibility: hidden;
}
ul.tabs li {
   border: #dddddd 1px solid; border-bottom:0;
   padding: 9px 15px; margin-right:6px;
   float: left; position:relative; top:1px;
}
ul.tabs li a, ul.tabs li a:visited {
   color: #000000;
   text-decoration:none;
}

ul.tabs li.on {
   background-color: #ffffff;
}
ul.tabs li.on a {
   color: #ff6600;
   text-decoration:none;
}
ul.tabs li.other {
   float:right; border:0; padding: 0 5px; 
}

#csLiveChat ul {
   margin: 15px 0 25px 5px; padding: 0; list-style-image: none; list-style-type: none;
}
#csLiveChat li {
   margin: 0 0 5px 0;
}


#resultBox {
  position: absolute; 
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  width:100%;  text-align:center;
}
body > div#resultBox {
   position:fixed; top:0px; left:0px; width:100%;  text-align:center;
}
#resultBox .successmsg {
   color: #fff;
   padding:10px; display:inline-block; margin:0;
   background-color: #D14836;
}
#resultBox .errormsg {
   color: #ffffff;
   display:inline-block; margin:0;
   display: none; background-color:#cc0000;
}
#errBox {
	text-align:center;
}
#errBox h2 {
   color: #dd0000;
}

.boxTable { border: #ededed 1px solid; margin-bottom:10px;  }
.boxTable .boxTitle { 
   clear:both;
   line-height: 24px;
   height:24px;
   white-space: nowrap;
   padding: 2px 20px;
   background: #d6d6d6 url(/site-res/css/ui-lightness/images/ui-bg_widget_header.png) 50% 50% repeat-x;
   font-family:  "robotoregular", "microsoft yahei", Arial,sans-serif;
   color: #444444;
   font-weight: bold;
}
.boxTable .boxTitle h4 { float:left; margin:0; padding:0; }
.boxTable .boxTitle h5 { float:right; }
.boxTable .boxTitle h5 a { color: #ff6600; }
.boxTable .boxBody { padding:10px; background-color: #ffffff; }

.boxTable2 { border: #e8e8e8 1px solid;  margin-bottom:10px; }
.boxTable2 .boxTitle { 
	clear:both; height: 24px; 
	white-space: nowrap;
	padding: 6px 20px 4px 20px;
	background: #BCE25B url(/site-res/css/ui-lightness/images/ui-bg_widget_active.png) 50% 50% repeat-x;
	color: #444444;
	font-weight: bold;
}
.boxTable2 .boxTitle h4 { float:left; }
.boxTable2 .boxTitle h5 { float:right; }
.boxTable2 .boxTitle h5 a { color: #ff6600; }
.boxTable2 .boxBody { padding:10px; background-color: #ffffff; }


.boxTable3 { margin-bottom:10px; }
.boxTable3 .boxTitle { 
   clear:both; height: 24px; border: #eee 1px solid;line-height: 20px; box-shadow: inset 0 0px 1px 1px rgba(255,255,255,1);
   white-space: nowrap;
   padding: 6px 20px 4px 20px;
   background: #d6d6d6 url(/site-res/css/ui-lightness/images/ui-bg_widget_header.png) 50% 50% repeat-x;
   color: #444444;
   font-weight: bold;
}
#uploadfile {
   border:0;
} 
.boxTable3 .boxTitle h4 { float:left; }
.boxTable3 .boxTitle h5 { float:right; }
.boxTable3 .boxTitle h5 a { color: #ff6600; }
.boxTable3 .boxBody { padding:10px; }

.richTxtTitle{
   font-size: 12px;
	line-height: 15px;
	
}

.richTxtArea{
	margin-left: 8px;
   display: inline-block;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
     a:link:after, a:visited:after {  
      display: none;
      content: "";    
    }
  
}

input + label {
   padding-left: 5px;
}

.btnLogin {
   width: 180px;  
}

#rpVerCode{
   float: left;
    font-size: 24px;
    font-family: Courier New;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 100px;
}

.realperson-challenge {
   float:left;
}

.selNoticeBlock {
    border: #dcdcdc 1px solid;
    background-color: white;
    padding: 10px 20px;
    color: #696969;
    margin-bottom: 22px;
    margin-top: 5px;
    line-height: 20px;
}

.fieldCheckMsg {      
    z-index: 1;
    /* float: left; */
    clear: both;
    line-height: 18px;
    vertical-align: middle;
    color: #CC3333;
    font-size: 12px;
    display: none;
}