@import url("reset.css");
/* CSS Document */
body{background-image:url(../images/config_bg.gif);font-size:12px;font-family:tahoma, Verdana, Arial, Helvetica, sans-serif}
.popup_bg{ background-image:url(../images/bottom_bg.gif);}
input, select, textarea {font-family:'tahoma', Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.login-wrap{display:block;margin:0 auto;width:540px;border:2px solid #BFC4CA; margin-top:90px;}
.whitetop{display:block;position:relative;background:#FFFFFF;height:50px;width:100%;}
.bluetop{display:block;position:relative;background:#0C2F83;height:50px;width:100%;}
.logo{display:block;position:absolute;background:url(../images/logo.jpg);width:169px;height:50px;left:0;top:0}
.redline{display:block;background:#aa1931;height:4px;width:100%;}
.login-content{display:block;background:url(../images/config_bg.gif); padding:20px;text-align:center;}
.login-content h1{font-size:14px;color:#666;}
.hint{font-size:10px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.btnstyle{font-family:'tahoma', Verdana, Arial, Helvetica, sans-serif;font-size:11px;padding:1px 6px;margin-left:10px;}
.strong {font-weight:bold;}

/* hot keys group */
.hotkey {display:block;position:absolute;height:22px;right:15px;bottom:4px;text-align:right;width:300px;}
.h-help a{display:block;background:url(../images/i_help.gif);width:22px;height:22px;margin-left:5px;float:right;}
.h-help a:hover{background:url(../images/i_help_on.gif);}
.h-logout a{display:block;background:url(../images/i_logout.gif);width:22px;height:22px;margin-left:15px;float:right;}
.h-logout a:hover{background:url(../images/i_logout_on.gif);}

/*  tree panel */
.tree-top{display:block;margin-top:13px;width:178px;height:75px;}
.tree-top a{display:block;width:178px;height:75px;background:url(../images/panel_menu_bg1.gif);}
.tree-top a:hover{background:url(../images/panel_menu_bg1_on.gif);}
.tree-mid{display:block;width:158px;background:url(../images/panel_menu_bg2.gif);padding:0 0 0 20px}
.tree-bottom{display:block;background:url(../images/panel_menu_bg3.gif);width:178px;height:73px;}
.panel{font-weight:bold;color:#00ffff;}
.sub1{font-weight:bold;color:#ffffff;}

/* full path  */
.fullpath{display:block;background:url(../images/full_path_bg.gif);height:19px;}
.fullpath span{background:url(../images/dot_2.gif) left no-repeat;margin-left:6px;font-size:11px;font-weight:bold;color:#fff;padding-left:16px;line-height:17px;}


/* show message */
.showmesg{display:block;position:relative;background:url(../images/bottom_1.gif) left no-repeat;height:34px;}
.mesg-title{display:block;position:absolute;background:url(../images/i_mesg.gif) left no-repeat;color:#fff;font-weight:bold;padding-left:30px;line-height:34px;left:10px;}
.mesg-area{display:block;position:absolute;left:110px; top:7px;height:21px; background:url(../images/status_2.gif);width:80%;}
.mesg-area .left{display:block;width:100%;height:21px;background:url(../images/status_1.gif) left no-repeat;}
.mesg-area .left .right{display:block;width:100%;height:21px;background:url(../images/status_3.gif) right no-repeat;}
.t-normal {line-height:19px; margin-left:16px;font-weight:bold;color:#008f28;}
.t-error {line-height:19px; margin-left:16px;font-weight:bold;color:#d80202;}

/* tabs */
.tabs {display:block;margin:0 auto;width:96%;height:24px;margin-top:20px;}
.tabs ul {margin: 0;list-style-type: none;}
.tabs li {float: left;font-weight: bold;}
.tabs li .focus {background-image:url(../images/sub_on_1.gif);background-repeat:no-repeat;background-position:left;display:block;padding-left:14px;}
.tabs li .focus span {background-image:url(../images/sub_on_2.gif);background-repeat:no-repeat;background-position:right;display:block;padding-right:14px;color:#fff;line-height:24px;font-size:11px;}
.tabs li a {background-image:url(../images/sub_1.gif);background-repeat:no-repeat;background-position:left;display:block;padding-left:14px;text-decoration:none;}
.tabs li a span {background-image:url(../images/sub_2.gif);background-repeat:no-repeat;background-position:right;display: block;padding-right:14px;color:#a3a3a3;line-height:24px;text-decoration:none;font-size:11px;}
.tabs li a:hover {color:#333;}
.tabs li a:hover span {color:#333;cursor:pointer;}

/* tabs status */
.tabs2 {display:block;margin:0 auto;width:100%;height:24px;}
.tabs2 ul {margin: 0;list-style-type: none;}
.tabs2 li {float: left;font-weight: bold;}
.tabs2 li .focus {background-image:url(../images/sub_on_1.gif);background-repeat:no-repeat;background-position:left;display:block;padding-left:14px;}
.tabs2 li .focus span {background-image:url(../images/sub_on_2.gif);background-repeat:no-repeat;background-position:right;display:block;padding-right:14px;color:#fff;line-height:24px;font-size:11px;}
.tabs2 li a {background-image:url(../images/sub_1.gif);background-repeat:no-repeat;background-position:left;display:block;padding-left:14px;text-decoration:none;}
.tabs2 li a span {background-image:url(../images/sub_2.gif);background-repeat:no-repeat;background-position:right;display: block;padding-right:14px;color:#a3a3a3;line-height:24px;text-decoration:none;font-size:11px;}
.tabs2 li a:hover {color:#333;}
.tabs2 li a:hover span {color:#333;cursor:pointer;}


/* config area */
.config-block{display:block;margin:0 auto;width:96%;border-top:1px solid #787878;border-right:1px solid #787878;border-left:1px solid #787878;background:url(../images/config_bo_t.gif) repeat-x #fff;}
.config-block .left{ display:block;background:url(../images/config_bo_l.gif) left repeat-y;}
.config-block .left .right{ display:block;background:url(../images/config_bo_r.gif) right repeat-y;}
.config-bottom{display:block;margin:0 auto;width:96%;height:3px;border-bottom:1px solid #787878;border-right:1px solid #787878;border-left:1px solid #787878;background:url(../images/config_bo_b.gif) repeat-x #fff;margin-bottom:15px;}
.headline{display:block;height:22px;background:#d7e0df;margin:0 auto;margin:20px 3px 10px 3px;font-weight:bold;color:#5c6682;line-height:19px;padding-left:20px;}

/* config button */
.btn-block{display:block;width:300px;border-top:1px dotted #ccc;margin:0 auto;margin-top:15px;margin-bottom:10px;padding-top:5px;padding-bottom:20px;text-align:center;}
.btn-block2{display:block;width:300px;margin:0 auto;margin-top:15px;margin-bottom:10px;padding-top:5px;padding-bottom:20px;text-align:center;}

/* config table cell padding */
.cfgpadding td {padding:2px;}

/* text indent */
.tindent {margin-left:18px;}

.desc{display:block;margin:0 auto;width:90%;padding:4px 0;text-align:left;}
.root{display:block;margin:0 auto;width:90%;padding:4px 0;text-align:left;margin-top:15px;}

/* table list style */
.t-border{ border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.t-title{background:url(../images/tabtitle_bg.gif);font-weight:bold;color:#fff;text-align:center;padding:4px;}
.t-title2{background:url(../images/tabtitle_bg.gif);font-weight:bold;color:#fff;text-align:left;padding:4px;}
.t-row1{background:#e3ecf2;padding:4px;text-align:center;}
.t-row2{background:#fff;padding:4px;text-align:center;}
.t-row3{background:#e3ecf2;padding:4px;text-align:left;}
.t-row4{background:#fff;padding:4px;text-align:left;}

/* note and warning */
.note {display:block;margin:0 auto;width:90%;font-weight:bold;margin-top:10px;}
.note .title {display:block;background:url(../images/i_note.gif) left no-repeat;line-height:16px;text-indent:17px;text-transform:uppercase;}
.warning {display:block;margin:0 auto;width:90%;font-weight:bold;margin-top:10px;color:#980000;}
.warning .title {display:block;line-height:17px;text-indent:19px;text-transform:uppercase;background-image: url(../images/i_caution.gif);background-repeat: no-repeat;background-position: left;}

/* Default Over status */
a { color:#0000FF;}
a:hover{ color: #990000;text-decoration: none;}
.content{display:block; height:20px;line-height:20px;}

/* Percent Bar */
.percent_bar{ display:block; height:18px; width:20%; background-image:url(../images/percent_bar_1.gif); background-repeat:repeat-x;}
.percent_border{ border:solid 1px #666666;}


/* Home basic define */
#Main{position:relative; margin:0 auto; }
#AreaLeft{position:relative; width:45%; padding-left:40px; padding-top:5px;}
#AreaRight{position:absolute; width:45%; right:35px; top:5px; z-index:100}
#toplayer{ position:relative; height:40px;}
.Refresh{position:absolute; right:35px; width:300px; height:30px; background-image:url(../images/refresh_bg.gif); line-height:26px; padding-left:15px; color:#58586f;}

 /* Table */
.Table .TableContent {margin:0 auto;background-color:#CCCCCC;border: 2px solid #FFFFFF;}
.CfgTabBg1 {height:20px; line-height:20px; background-color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.CfgTabBg2 {height:20px; line-height:20px; background-color: #E1E1E1;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
.StatusText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #260897;}

#bottom{position:absolute;padding-left:40px;height:100px; width:93%; margin-top:100px;}