@charset "utf-8";
/* CSS Document */
* { font-family:Helvetica; }
a { text-decoration:none; color:#09C; cursor:pointer;  }
a:hover,a:active {color:#36F; }
body {color:#666; font-size:12px; line-height:18px;}
.clear {clear:both;}
.page {}
.seo  * {display:none;}

th,td{font-weight:normal; text-align:left;}
table.layout {width:100%; }
table.layout th {width:200px; text-align:left; font-weight:normal;}
table.layout td {}

table.lists {width:100%;margin:20px auto;}
table.lists thead td { background-color:#EAEAEA; text-align:center; white-space:nowrap }
table.lists td { vertical-align:top; padding:3px 5px; border:1px solid #CCC}


table.form {}
table.form th { padding:5px; }
table.form td { padding:5px; }


select,
.inpTxt { fon-size:12px; border:1px solid #CCC; border-radius:3px; padding:5px 10px; -moz-box-shadow:inset 3px 3px 3px #CCC; -webkit-box-shadow:inset 3px 3px 3px #CCC; box-shadow:inset 3px 3px 3px #CCC;}



#footer {margin:100px auto 20px auto; text-align:center; font-weight:lighter}
#footer .links a { font-size:15px; color:#7a7a7a; }
#footer .links a:hover { text-decoration:underline;}
#footer .links .spliter {margin:0 10px}
#footer .copyright {color:#c5c5c5; font-size:14px; margin-top:20px}



.blackbox {background-color:#000; color:#c1c1c1; padding:10px; margin:auto; border-radius:10px; box-shadow:3px 3px 3px rgba(0,0,0,0.3);  }
.blackbox { -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.3);  -ms-box-shadow:3px 3px 3px rgba(0,0,0,0.3); box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
.blackbox .errorMsg {color:#F00; text-align:center;}





.heading {display:block; font-size:32px; line-height:30px; color:#4ca8b8; font-weight:lighter; text-align:left; margin:0 0 10px 0; text-shadow:1px  1px  2px  rgba(0,0,0,0.3);  }



label.fieldname {display:block; float:left; width:220px;}
span.value {color:#000;}
.errorMsg {color:#F00; text-align:center;}

.tipsMsg {text-align:center; color:#0F0; margin:20px auto 0 auto; }

.box { overflow:hidden; margin:10px 0; padding:20px 20px 0 20px;  background-color:#F3F3F3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #CCC; -webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.1); box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.1); }
.box .subheading {font-size:16px; color:#06C; display:block; }
.box .action {width:100px; height:30px; padding:12px 0 0 0; float:right; overflow:hidden;}
.box .action a {background-color:#72bfcf; color:#FFF;  text-align:center; font-size:14px; display:block;  height:30px; padding-top:7px;   text-shadow:-1px -1px 1px rgba(0,0,0,0.3); }
.box .action a {  -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; border-top-right-radius:5px; border-top-left-radius:5px; /*box-shadow: inset 1px 1px 1px rgba(255,255,255,0.7);*/}
.box .action a:hover {background-color:#4ca8b8; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); padding-top:8px; }
.box .action a.hide {position:absolute; top:-9999px; left:-9999px; }
* html .box {width:92%}

.wigetBtn {display:inline-block; padding:10px 30px;  background-color:#CCC; border-radius:5px;  box-shadow: inset 0px 1px 1px rgba(255,255,255,0.7); border:1px solid #CCC; color:#FFF; text-shadow:-1px -1px 1px rgba(0,0,0,0.3); font-size:16px; text-align:center}
.wigetBtn:hover {background-color:#AAA; color:#FFF; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); padding:11px 30px 9px 30px;}



.addTheme .errorMsg {margin:20px;text-align:left;}
.addTheme label {display:block; float:left; width:270px; }
.addTheme select {width:300px;}
.addTheme .inpTxt {width:280px;}
.addTheme .msg { display:block; margin:10px;}

.settingForm {}
.settingForm select {width:300px;}
.settingForm .inpTxt {width:278px;}




.ma-blocker { background-color:#FFF; opacity:0.9; filter:alpha(opacity=90)}
.dialog {}
.dialog h3 {color:#4ca8b8; font-size:20px; font-weight:bold;}
.dialog p {margin:10px 0; }
.closeDialog {display:block; overflow:hidden; width:50px; height:22px; margin:20px auto 0 auto; padding:5px 8px 3px 8px;  border:1px solid #CCC;  text-align:center; color:#FFF; background-color:#72bfcf;  box-shadow: inset 1px 1px 1px rgba(255,255,255,0.7); border-radius:5px;  -webkit-transition:background-color 0.2s linear; -moz-transition:background-color 0.2s linear; transition:background-color 0.2s linear; }
.closeDialog:hover {color:#FFF; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2); padding:6px 8px 2px 8px;  }


#changeInPendingWarning  .box{ background-color:#FFDEE0; color:#900; border-color:#FFCBCF; font-size:14px;}
#changeInPendingWarning  .action a { background-color:#989898; }