@charset "UTF-8";

/*Common Style*/
* {margin:0; padding:0; font-family: tahoma, verdana, arial}
body, html{background:url(/img/body_bg.gif) repeat left top; margin:0; padding:0; font-size:12px; color:#444; height:100%;}
input, select, textarea, table, td, tr, th {font-family: tahoma, verdana, arial; font-size:12px; margin:0; padding:0;}
input {vertical-align:middle;}
div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
form, label, legend, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
ol, ul, li {list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
hr {display:none;}
img {border:0;}
ul, ol, li {list-style:none;}
a:link, a:visited, a:hover { color:#444; text-decoration:none}
.mgb3 {margin-bottom:3px;}
.mgb5 {margin-bottom:5px;}
.mgb7 {margin-bottom:7px;}
.mgb10 {margin-bottom:10px;}
.mgb13 {margin-bottom:13px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb35 {margin-bottom:35px;}
.mgt3 {margin-top:3px;}
.mgt5 {margin-top:5px;}
.mgt7 {margin-top:7px;}
.mgt10 {margin-top:10px;}
.mgt13 {margin-top:13px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.mgt30 {margin-top:30px;}
.mgt35 {margin-top:35px;}
.mgl5 {margin-left:5px}
.mgl10{margin-left:10px}
.mgl15{margin-left:15px}
.mgl20{margin-left:20px}
.mgl25{margin-left:25px}
.mgl30{margin-left:30px}
.mgr5 {margin-right:5px}
.pdt3 {padding-top:3px;}
.pdt5 {padding-top:5px;}
.pdt7 {padding-top:7px;}
.pdt10 {padding-top:10px;}
.pdt13 {padding-top:13px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt25 {padding-top:25px;}
.pdt30 {padding-top:30px;}
.pdt35 {padding-top:35px;}
.pdb3 {padding-bottom:3px;}
.pdb5 {padding-bottom:5px;}
.pdb7 {padding-bottom:7px;}
.pdb10 {padding-bottom:10px;}
.pdb13 {padding-bottom:13px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb25 {padding-bottom:25px;}
.pdb30 {padding-bottom:30px;}
.pdb35 {padding-bottom:35px;}
.emRed{color:#ef1212}
.emBlue{color:#076ad0}
.emGray{color:#686862}
.fontSizeSmall {font-size:0.9em;}
.fontSizeBig {font-size:1.5em;}
.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}
.fl {float:left;}
.fr {float:right;}
.cboth {clear:both; display: block; float: none; font-size: 0 !important; height: 0; line-height: 0 !important; margin: 0 !important; overflow: hidden; padding: 0 !important; width: 100%;}
.lh14 {line-height:1.4em}
.lh16 {line-height:1.6em}
.lh18 {line-height:1.8em}
.lh20 {line-height:2.0em}
h2 {font-size:1.2em; padding:0 0 15px 0}
h3 {font-size:1em; padding:0 0 10px 0}
h3 span{font-weight:normal}
.detailView a:link, .detailView a:visited, .detailView a:hover {text-decoration:underline; font-size:0.9em; color:#777;}
.block1 {border:3px solid #e1e0de;}
.block2 {border:1px solid #cac7c2; padding:14px 14px 8px 14px; width:345px}
.block3 {border:1px solid #cac7c2; padding:10px; background:#f8f8f8}
.paging {padding:20px 0 0 0 ; text-align:center;}
.paging  img {margin:0 7px; cursor:pointer}
.inputText {height:15px; padding:3px 0 0 3px; border-top:1px solid #afaeae; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-left:1px solid #afaeae;}
.inputTextSmall {height:14px; padding:2px 0 0 3px; border-top:1px solid #afaeae; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-left:1px solid #afaeae;}
.selectWidth {width:200px}
.selectWidth1 {width:100px}
.selectWidth2 {width:70px}
.selectWidth3 {width:60px}

.headerComment {display:inline-block; width:100%}
.headerComment h3, .headerComment p{float:left}

.textIndent {padding: 0 0 0 17px }
.listUp  li {padding:0 0 10px 0}
.listUp2  li {padding:0 0 4px 0}
.listUp2  li.addFunction {padding:6px 0 0 0}
.listUp2 input#filesize {width:80px; margin-left:50px;}
* + html .borderBlueBox input, * + html .fieldset input, * + html table input, * + html input.noMargin{margin:-5px -3px -5px -4px;}
* html  .borderBlueBox input, * html .fieldset input, * html table input, * html input.noMargin{margin:-5px -3px -5px -4px;}
* + html input.margin{margin:0}
* html input.margin{margin:0}
.fieldset {border:1px solid #c0c0c0 ; padding:0 5px 5px 12px;}
* + html .fieldset {border:1px solid #c0c0c0; padding:1px 5px 5px 12px}
* html .fieldset {border:1px solid #c0c0c0; padding:2px 5px 5px 12px}
.fieldsetContTable {margin:0 0 0 4px;}
.fieldsetCont {margin:0 3px 0 -4px; padding:0;}
.fieldsetCont2 {margin:0 3px 0 -4px; padding:7px 0 0 0;}
.fieldset legend {color:#076ad0; padding:3px 0 5px 4px}
* html  .fieldset legend {margin:0 0 0 -3px; padding:5px 0 5px 0}
* + html  .fieldset legend {margin:0 0 0 -3px; padding:4px 0 5px 0}
.titnIcon {*zoom:1}
.titnIcon:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.cloudOption {position:relative; *zoom:1; border-bottom:1px solid #c0c0c0; padding:0 0 30px 5px; margin:0 0 10px 0}
/* Anchor Button */
.btnSet {line-height:13px;}
.btnSet a {text-align:center; color:#595959; text-decoration:none}
.btnSet *:hover {color:#047bf6; text-decoration:underline;}
.btnSet_not_hover {line-height:13px; text-align:center; color:#595959;}
.button img {vertical-align:middle}
.button, .button span {margin:0;  position:relative; display:inline-block;  !important; background:transparent url(/img/btn_bg.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
.button {padding:0; background-position:left top; overflow:visible;}
.button span{left:2px; padding:3px 0 4px 0; _padding:4px 0 3px 0; background-position:right top;}
/* XSmall Size */
.button.xsmall { background-position:left -355px; height:20px; font-size:11px;}
.button.xsmall span{background-position:right -355px;}
.button.xsmallDisable { background-position:left -174px; height:20px; font-size:11px;}
.button.xsmallDisable span{background-position:right -174px;}
.button.xsmallDisable:hover, .button.xsmallDisable:hover span {text-decoration:none; color:#595959; cursor:default;}
.button.xsmallEm span {background-position:right -375px;}
.button.xsmallEm { background-position:left -375px; height:20px; font-size:11px;}
.button.xsmallEm:hover {background-position:left -375px; color:#333}
.button.xsmallEm:hover span{background-position:right -375px;color:#333}
/* Small Size */
.button.small { background-position:left -153px; height:21px;}
.button.small span{background-position:right -153px;}
.button.smallDisable { background-position:left -174px; height:21px;}
.button.smallDisable span{background-position:right -174px;}
.button.smallDisable:hover, .button.smallDisable:hover span {text-decoration:none; color:#595959; cursor:default;}
.button.smallWhite { background-position:left -253px; height:24px;}
.button.smallWhite span{background-position:right -253px; padding:5px 0 0 0; height:19px;}
.button.smallWhiteDisable { background-position:left -277px; height:24px;}
.button.smallWhiteDisable span{background-position:right -277px; padding:5px 0 0 0; height:19px;}
.button.smallWhiteDisable:hover, .button.smallWhiteDisable:hover span {text-decoration:none; color:#595959; cursor:default; }
/* product info */
.button.smallBlue { background-position:left -420px; position:absolute; top:340px; right:0; bottom:0; left:220px; height:0px; } 
.button.smallBlue span{background-position:center -410px; padding:15px 6px 0 6px; height:17px; width:63px; bottom:36px;}
/* Basic Size */
.button.basicBlue { background-position:left -58px; height:24px;}
.button.basicBlue span{background-position:right -58px; padding:6px 0 0 0; height:18px; color:#fff}
.button.basicBlue:hover {color:#fff568;}
.button.basicBlue:hover span {color:#fff568;}
.button.basicWhite {background-position:left -82px; height:24px;}
.button.basicWhite span{background-position:right -82px; padding:6px 0 0 0; height:18px;}
.button.basicWhiteDisable {background-position:left -106px; height:24px;}
.button.basicWhiteDisable span{background-position:right -106px; padding:6px 0 0 0; height:18px;}
.button.basicWhiteDisable:hover span{text-decoration:none; color:#595959; cursor:default;}
/* Login Btn */
.button.login { background-position:left 0; height:48px; font-weight:bold;}
.button.login span{background-position:right 0; padding:16px 0 0 0; height:32px; color:#fff}
.button.login:hover {color:#fff568;}
.button.login:hover span {color:#fff568;}
/* Btn Width */
.w162{width:160px}
.w106{width:104px}
.w93{width:91px} /*Left 2px minus*/
.w81{width:79px}
.w72{width:70px}
.borderBlueBox {border:1px solid #7f9db9; overflow:auto; padding:7px; background:#fff}

/*Table System*/
.tableWrap{overflow-y:auto; overflow-x:hidden;}
table {border-collapse:collapse}
table td {word-break:break-word}
table.list {table-layout:fixed;}
table.list th {padding:4px 10px 2px 10px; border:1px solid #c0c0c0; font-weight:normal; text-align:left; word-break:break-word; background:#f9fefa url(/img/th_bg.gif) repeat-x left bottom;}
table.list tr.gray td {background:#e5e4e2}
table.list tr.gray2 td {background:#f8f8f8}
table.list tr.select td {background:#cde6ff !important}
table.list td.bad {color:#999}
table.list td {padding:5px 10px 3px 11px; vertical-align:top}
table.list td.nodata {padding:80px 0; text-align:center;}
table.list td.nodata2{text-align:center;background:#f8f8f8; height:97px}
table.list th.thisMonth, table.list td.thisMonth  {font-weight:bold;}
table.list th.disable, table.list td.disable  {color:#999;}
table.list th.icon, table.list td.icon{padding-left:0; padding-right:0; text-align:center;}

table.data{border-top:1px solid #cac7c3; border-left:1px solid #cac7c3; }
table.data th{background:#f8f8f8; font-weight:normal; padding:3px 5px 2px 6px; border-bottom:1px solid #cac7c3; border-right:1px solid #cac7c3; text-align:left; }
table.data td{padding:0; border-bottom:1px solid #cac7c3; border-right:1px solid #cac7c3;   padding:3px 5px 2px 6px;}

table.centerTbl {margin:auto}
.logTable {overflow-x:scroll}
.tableWrap#log_list {overflow-x:scroll}

 /* PopUP Style */
.wrapPop {width: auto; padding:5px 5px 0 4px; line-height:14px;}
.wrapPop .popHeader {height:30px; color:#fff; font-size:1.2em; padding:15px 0 0 7px}
.wrapPop .popHeader2 {height:40px;  padding:10px 0 0 7px}
.wrapPop .popHeader2 .copyright {font-size:11px; color:#999; padding:2px 0 0 0; font-family:tahoma}
.wrapPop .popCont {width:100%;  position:relative;}
.wrapPop .popContBox{padding:4px 5px; background:#fff;}
.wrapPop .popContBox2{padding:4px 5px; background:linear-gradient(#ffffff 86%, #d2d2d2 14%);height:340px; }
.wrapPop .checkArea {height:90px;}
.wrapPop .checking  {padding:5px 7px 0 7px; }
.wrapPop .checking li {position:relative; padding:0 0 3px 0}
.wrapPop .popContBox .checking .text, .wrapPop .popContBox .checking .path { position:absolute; top:0; left:100px }
.wrapPop .checking .path{text-overflow:ellipsis; width: 440px; overflow:hidden;white-space : nowrap; display:block}
.wrapPop .checking .msg, .wrapPop .popContBox .checking .msg p {padding:6px 0 0 0}
.wrapPop .checking .msg p {color:#076ad0}
.wrapPop .checking:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.wrapPop .progressBtn{*zoom:1; padding:0 10px 5px 7px}
.wrapPop .progressBtn:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.wrapPop .progressBtn .progress {margin:5px 0 0 0; background:url(/img/check_progress_bg.gif) no-repeat left top; width:338px; height:11px; padding:2px; position:relative;}
.wrapPop .progressBtn .progressDisable {margin:5px 0 0 0; background:url(/img/check_progress_bg4.gif) no-repeat left top; width:338px; height:11px; padding:2px; position:relative;}
.wrapPop .checkArea .progress .ing {background:url(/img/check_progress_bar.gif) no-repeat left top; }
.wrapPop .checkArea .progressBtn .percent{position:absolute; left:355px; top:0}
.wrapPop .checkArea .progressBtn .progressDisable .percent{color:#999}
.wrapPop .checkListArea {border-top:1px solid #d1d1d1; padding:10px 0 0 0;}
.wrapPop .checkListBox {height:246px; border:1px solid #9f9fb3;  border-top:none; margin:4px 0 0 0;}
.wrapPop .checkArea .checkComplete {text-align:center; padding:30px 0 0 0; line-height:1.5em}
.wrapPop .checkArea .cure {padding:10px 0 0 10px}
.wrapPop .checkArea .cure .txt {color:#076ad0}
.wrapPop .checkArea .cure .progress {margin:5px 0 0 0; background:url(/img/check_progress_bg2.gif) no-repeat left top; width:498px; height:11px; padding:2px; position:relative;}
.wrapPop .checkArea .cure .progress .ing {background:url(/img/check_progress_bar2.gif) no-repeat left top; height:11px; }
.wrapPop .checkArea .cure .percent{position:absolute; left:510px; top:0}
.wrapPop .progressBt{*zoom:1; padding:7px 1px 0 2px}
.wrapPop .progressBt:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.wrapPop .progressBt .fl {padding:3px 0 0 0}
.wrapPop .popFooter {height:5px;  padding:0; margin:0;  font-size:5px; width:100%}

.wrapPopGray {background:#f3f3f3; width: auto; height:100%; line-height:14px}
.wrapPopGray .popCont {padding:13px 14px 0 14px}
.wrapPopGray .popCont .txtArea {padding:0 0 0 9px}
.wrapPopGray .fieldset {border:1px solid #c0c0c0 ; padding:0 5px 9px 8px}
.wrapPopGray .fieldset legend {color:#076ad0; padding:3px 4px 3px 0}
* + html .wrapPopGray .fieldset legend {padding:3px 0 3px 0; margin:0 0 0 -6px}
* html .wrapPopGray .fieldset legend {padding:3px 0 3px 0; margin:0 0 0 -6px}
.wrapPopGray .fieldsetCont {margin:0 3px 0 0; padding:0;}
.wrapPopGray .btnSet {padding-top:13px; text-align:right;}
.wrapPopGray .recovering {border:1px solid #fff; padding:26px 0 27px 0; text-align:center}
.wrapPopGray .recovering img {margin-right:10px; vertical-align:middle}
.update {padding:0 0 0 10px; height:60px}
.update .progress {margin:5px 0 0 0; background:url(/img/check_progress_bg3.gif) no-repeat left top; width:261px; height:11px; padding:2px; position:relative;}
.update .progress .ing {background:url(/img/check_progress_bar3.gif) no-repeat left top; height:11px;}
.update .percent{position:absolute; left:278px; top:2px}
.update .fileName{color:#076ad0; padding:9px 0 0 0; margin:0 0 -2px 0; width:300px; overflow:hidden; white-space:nowrap }

.reservDate .layer {display:none;}
.reservDate2 .layer {display:none;}
.reservDate .layer  input, .reservDate2 .layer input, .dateSelect input{vertical-align:top}
.indentation {padding:7px 0 0 10px}
.indentation li {padding:0 0 4px 0}
.indentation li ul li{padding:4px 0 4px 20px}
.indentation input#filesize {width:80px; margin-left:60px}

/*Popup Style - Product Info */
.prodInfo {padding:22px 20px 0 20px; color:#333; position:relative}
.prodInfo .prodInfoList{padding:0 0 12px 0}
.prodInfo li {padding:0 0 6px 10px; *zoom:1;}
.prodInfo a:link {text-decoration:none; color:#333;}
.prodInfo a:visited, .prodInfo a:hover {text-decoration:underline; color:#333;}
.prodInfo .prodInfoList li .copyright {font-size:11px; color:#999; padding:4px 0 5px 0; font-family:tahoma}
.prodInfo .btnSet{text-align:right; margin:15px 0 10px 0}
.prodInfoBar {position:relative; border-bottom:1px solid #c0c0c0; padding:0; margin:10px 0 10px 0}
.prodInfo .prodInfoList li .opensource {position:absolute; top:313px; right:0; bottom:0; left:30px; text-decoration:underline;}

/*Popup Style - Update Info */
.updateTit {padding:0 0 7px 0}
.updateTit .tit {float:left; font-weight:bold;}
.updateTit .copyright { float:right; color:#666; font-size:0.9em}
.updateInfo {height:222px}
.updateInfo ol {padding:16px 0  0 0}
.updateInfo li { list-style-type:decimal; padding:0 0 13px 0; line-height:145%; margin:0 0 0 22px; }
.updateInfo >pre >a { color: #076ad0; }

 /* Layout Common  Style */
.wrap {height:100%; width: auto; min-width:982px; line-height:14px;}
.topheader {height:23px; width:974px; position: relative; padding:8px 0 0 8px; background:rgb(248, 184, 23); font-size:1.1em;  color:#000 }
.header {height:45px; width:982px; position: relative; z-index: 1; background:url(/img/body_bg.gif) repeat left top;}
.container {min-height: 100%; margin: -45px 0 -5px 0; width: auto;  background:url(/img/wrap_bg.gif) repeat-y left top;}
*html .container {height: 100%;}
.contents-box { padding: 45px 0 5px 0;}
.contents {*zoom:1; width:982px;}
.contents:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.leftMenu {float:left; width:150px; color:#fff}
.cont {float:right; width:832px; *zoom:1;   background:#fff; position:relative;}
.cont:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.footer {height:5px; padding:0; margin:0; width:100%;  min-width:982px; font-size:5px; background:url(/img/body_bg.gif) repeat left top;}
.footerCont {margin:0 0 0 150px; width:832px;position:relative;}

.contBoxTop {background:url(/img/contlt.gif) no-repeat left top; position:absolute; top:0; left:0;  width:2px; height:2px;}
.contBoxTopRight {background:url(/img/contrt.gif) no-repeat  right top; position:absolute; top:0; right:0 !important; width:2px; height:2px;}
.contBoxBt {background:url(/img/contlb.gif) no-repeat left bottom; position:absolute; bottom:0; left:0;  width:2px; height:2px;}
.contBoxBtRight {background: url(/img/contrb.gif) no-repeat  right bottom; position:absolute; bottom:0; right:0; width:2px; height:2px;}
.contBox{ padding:30px 30px 100px 30px;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:linear-gradient(#ffffff 86%, #d2d2d2 14%);}
.r1{margin: 0 1px; background:#d2d2d2;}

.header .ci {float:left; width:200px}
.header .menu {float:right; color:#fff; width:300px; text-align:right; padding:15px 5px 0 0}
.header .menu li {display:inline; padding:0 0 0 20px; background:url(/img/top_menu_bar.gif) no-repeat 10px  top; }
.header .menu li.first {background:none;}
.header .menu li a:link, .header .menu li a:visited {color:#adaea9;}
.header .menu li a:hover {text-decoration:underline}

.leftMenu ul {margin:20px 0 0 0}
.leftMenu li a:link, .leftMenu li a:visited, .leftMenu li a:hover{color:#d9d3d3; display:block; padding:6px 0 6px 20px; height:13px}
* html .leftMenu li a:link, * html  .leftMenu li a:visited, * html .leftMenu li a:hover{color:#d9d3d3; display:block; padding:7px 0 4px 20px; height:13px}
.leftMenu li a:hover{text-decoration:underline}
.leftMenu li.select, .leftMenu li.select a:link, .leftMenu li.select a:visited, .leftMenu li.select a:hover {background:#0f62b8 url(/img/left_menu_bg.gif) no-repeat left top; font-weight:bold; color:#fff; text-decoration:none;}

/* Login */
.loginBox {background:url(/img/login_bg.gif) no-repeat left top; padding:24px 0px 0 0px;  position: absolute; top: 50%; left: 50%; margin: -143px 0 0 -183px; width:370px; height:268px;}
.loginBox  h1 {text-align:center;}
.loginBox .loginBoxBody {padding:0px 42px 0 42px;}
.loginBox .loginBoxCont {padding:55px 0px 0 0px;}
.loginBox .loginBoxCont .input {height:25px; }
.loginBox .loginBoxCont input{width:135px; float:left;}
.loginBox .loginBoxCont .btnSet {position:absolute; right:40px; top:103px;}
.loginBox label{float:left; width:60px; background:url(/img/bl_dash_blue.gif) no-repeat left 10px; padding: 5px 0 0 10px}
.loginBox .loginBoxNotice {margin: 43px -30px auto; font-size:0.97em; color: #999999;}
.loginBox .loginBoxNotice p {padding:3px 0;}
.loginBox .copyright {clear:left; width:100%; color:#999; text-align:center; font-size: 0.9em; position: absolute; bottom: 0;}

/*LoginChange*/
.loginChange .header{height:55px}
.loginChange .container{margin:-55px 0 -5px 0; background:url(/img/wrap_bg.gif) repeat-y -130px 0;}
.loginChange .cont{float:left; margin: 10px 20px 0;}
.loginChange .footerCont{margin: 0 0 0 20px;}
.loginChange .contBox{padding-bottom:30px;}
.loginChange h2{padding: 0 0 20px 15px; font-size: 1.8em; font-weight:normal;}
.loginChange h3{padding:0 0 15px 15px; }

.changeForm{margin:0 0 40px 35px;}
.changeForm:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.changeForm label, .LoginChange .inputBox {float:left;}
.changeForm p{height:22px; background:url(/img/bl_dash_gray.gif) no-repeat left 5px; padding:0 0 0 8px}
.changeForm label {width:150px}
.changeForm .changeInput {padding: 10px 0 0 10px}

.changeForm .btnSet{margin:0 0 2px 0}
* html .changeForm .btnSet{margin:0}
* + html .changeForm .btnSet{margin:0}
.loginChangeBar .btnSet label{line-height:14px;}
.loginChangeBar {position:relative; *zoom:1; border-bottom:1px solid #c0c0c0; padding:00; margin:0 0 30px 0}

/*Summary*/
.stateInfo {margin:12px 0 0 0; position:relative; width:100%;}
.stateInfo .stateInfoList {width:100%;}
.stateInfo .stateInfoListDiv {height:20px; background:url(/img/bl_sqr_gray.gif) no-repeat 7px 10px; padding:0px 0px 0px 15px}
.stateInfo .stateInfoListDiv .stateInfoListItem {float:left;margin-top:4px;width:75%;}
.stateInfo .stateInfoListDiv .stateInfoListItem2 {float:left;margin-top:4px;width:60%;}
.stateInfo .select {color:#487eb3}
.stateInfo .stateInfoListDiv label {width:132px; float:left;}
.stateInfo .btn {height:21px; position:absolute; right:13px; _right:13px; top:0; width:21%; float:right;position:relative;}
/*.stateInfo .btn {height:21px;}*/
.stateInfo .btn scanning {padding:15px 0 0 0; font-weight:bold; text-align:center; cursor:default; color:#000; text-decoration:underline;}
.stateInfo .btn scanning img {vertical-align:top;}
.stateInfo #mgrIP { text-align:right; position:absolute; float:right; top:44px; right:3px; width:92px;}

.stateInfo2 {margin:0 0 0 0; position:relative; width:100%;}
.stateInfo2 .stateInfoList {width:100%;}
.stateInfo2 .stateInfoListDiv {height:20px; background:url(/img/bl_sqr_gray.gif) no-repeat 7px 10px; padding:0px 0px 0px 15px}
.stateInfo2 .stateInfoListDiv .stateInfoListItem {float:left;margin-top:4px;width:75%;}
.stateInfo2 .stateInfoListDiv label {width:132px; float:left;}
.stateInfo2 .btn {height:21px; position:absolute; right:13px; _right:13px; top:0; width:21%; float:right;position:relative;}
/*.stateInfo .btn {height:21px;}*/
.stateInfo2 .btn scanning {padding:15px 0 0 0; font-weight:bold; text-align:center; cursor:default; color:#000; text-decoration:underline;}
.stateInfo2 .btn scanning img {vertical-align:top;}

.stateSafe {background:url(/img/state_safe.gif) no-repeat left top; width:345px; height:37px; padding: 13px 0 0 0; font-size:1.1em; text-align:center;font-weight:bold;}
.stateSafe img {vertical-align:middle; margin-top:-3px;}
.stateSafe .em {color:#34a10d}
.stateDanger {background:url(/img/state_danger.gif) no-repeat left top; width:345px; height:37px; padding: 13px 0 0 0; font-size:1.1em; text-align:center;font-weight:bold; color:#fff}
.stateDanger img {vertical-align:middle; margin-top:-3px;}
/* Summary - Statistics */
.graphAreaUnix {position:relative; padding:15px 0 0 0;}
.graphAreaUnix .text {position:absolute;  width:100%; top:45px; margin:0 auto;  text-align:center; font-weight:bold; color:#b6b6b6; line-height:1.8em}
.graphAreaUnix .sum {width:100%;  margin:15px 0px 0px 0px; position:absolute; left:-20px; top:0px;  background:url(/img/graph_line_bg.gif) no-repeat 50px -99px; height:108px;}
.graphAreaUnix .sum li {padding:0px 0px 20px 0px; width:40px; text-align:right; margin-top:0px}
.graphAreaUnix .graph {position:absolute; padding:0px; left:0px; margin:8px 0px 0px 35px; width:92%;}
.graphAreaUnix .graph ul{position:relative; margin:0; padding:0; height:99px;}
.graphAreaUnix .graph li{position:relative; float:left; display:inline; width:10%; height:100%; margin:0 19px 0px 0; text-align:center; white-space:nowrap;}

.graphAreaUnix .graph .gTerm{ position:absolute; display:inline-block; left:0px; width:100%; height:20px; line-height:30px; margin:0px 0px -20px 5px; padding-top:99px; vertical-align:bottom; color:#b6b6b6;}
.graphAreaUnix .graph .gTermCrruent{position:absolute; display:inline-block; left:0px; width:100%; height:20px; line-height:30px; margin:0px 0px -20px 5px; padding-top:99px; vertical-align:bottom; color:#000; font-weight:bold;}
* html .graphAreaUnix .graph .gTerm{ position:absolute; display:inline-block; left:0px; width:100%; height:20px; line-height:30px; margin:0px 0px 0px 0px; padding-top:99px; vertical-align:bottom; color:#b6b6b6;}
* html .graphAreaUnix .graph .gTermCrruent{position:absolute; display:inline-block; left:0px; width:100%; height:20px; line-height:30px; margin:0px 0px 0px 0px; padding-top:99px; vertical-align:bottom; color:#000; font-weight:bold;}

.graphAreaUnix .graph .gBar { position:absolute; display:inline-block; left:100%; width:11px; margin:0px 0px 0px -20px; background:url(/img/graph_bg_01.gif) repeat-y left bottom; vertical-align:top;}
.graphAreaUnix .graph .gBarCrruent { position:absolute; display:inline-block; left:100%; width:11px; margin:0px 0px 0px -20px; background:url(/img/graph_bg_02.gif) repeat-y left bottom; vertical-align:top;}
* html .graphAreaUnix .graph .gBar { position:absolute; display:inline-block; left:100%; width:11px; margin:0px 0px 0px -20px; background:url(/img/graph_bg_01.gif) repeat-y left bottom; vertical-align:top;}
* html .graphAreaUnix .graph .gBarCrruent { position:absolute; display:inline-block; left:100%; width:11px; margin:0px 0px 0px -20px; background:url(/img/graph_bg_02.gif) repeat-y left bottom; vertical-align:top;}

.graphAreaUnix .graph .gBar span, .graph .gBarCrruent span {position:absolute; top:-30px; color:#767676; background:url(/img/graph_alt.gif) no-repeat left top; font-weight:bold;  height:30px; color:#f12f2f;  display:block; margin:0 auto;}
.graphAreaUnix .graph .gBar span.right, .graph .gBarCrruent span.right {position:relative; left:0; top:0; background:url(/img/graph_alt.gif) no-repeat right top; margin:0 -5px 0 5px; display:block; height:30px; padding:4px 10px 0 5px;}

.graphAreaLinux {position:relative; padding:15px 0 0 0;}
.graphAreaLinux .text {position:absolute;  width:100%; top:75px; margin:0 auto;  text-align:center; font-weight:bold; color:#b6b6b6; line-height:1.8em}
.graphAreaLinux .sum {width:100%;  margin:15px 0px 0px 0px; position:absolute; left:-20px; top:0px;  background:url(/img/graph_line_bg.gif) no-repeat 50px -29px; height:188px;}
.graphAreaLinux .sum li {padding:0px 0px 20px 0px; width:40px; text-align:right; margin-top:0px}
.graphAreaLinux .graph {position:absolute; padding:0px; left:0px; margin:8px 0px 0px 35px; width:92%;}
.graphAreaLinux .graph ul{position:relative; margin:0; padding:0; height:169px;}
.graphAreaLinux .graph li{position:relative; float:left; display:inline; width:10%; height:100%; margin:0 19px 0px 0; text-align:center; white-space:nowrap;}

.graphAreaLinux .graph .gTerm{ position:absolute; display:inline-block; left:0px; width:100%; height:20px; line-height:30px; margin:0px 0px -20px 5px; padding-top:179px; vertical-align:bottom; color:#b6b6b6;}
.graphAreaLinux .graph .gTermCrruent{position:absolute; display:inline-block; left:0px; width:100%; height:20px; line-height:30px; margin:0px 0px -20px 5px; padding-top:179px; vertical-align:bottom; color:#000; font-weight:bold;}
* html .graphAreaLinux .graph .gTerm{ position:absolute; display:inline-block; left:0px; width:100%; height:20px; line-height:30px; margin:0px 0px 0px 0px; padding-top:179px; vertical-align:bottom; color:#b6b6b6;}
* html .graphAreaLinux .graph .gTermCrruent{position:absolute; display:inline-block; left:0px; width:100%; height:20px; line-height:30px; margin:0px 0px 0px 0px; padding-top:179px; vertical-align:bottom; color:#000; font-weight:bold;}

.graphAreaLinux .graph .gBar { position:absolute; display:inline-block; left:100%; width:11px; margin:0px 0px 0px -20px; background:url(/img/graph_bg_01.gif) repeat-y left bottom; vertical-align:top;}
.graphAreaLinux .graph .gBarCrruent { position:absolute; display:inline-block; left:100%; width:11px; margin:0px 0px 0px -20px; background:url(/img/graph_bg_02.gif) repeat-y left bottom; vertical-align:top;}
* html .graphAreaLinux .graph .gBar { position:absolute; display:inline-block; left:100%; width:11px; margin:0px 0px 0px -20px; background:url(/img/graph_bg_01.gif) repeat-y left bottom; vertical-align:top;}
* html .graphAreaLinux .graph .gBarCrruent { position:absolute; display:inline-block; left:100%; width:11px; margin:0px 0px 0px -20px; background:url(/img/graph_bg_02.gif) repeat-y left bottom; vertical-align:top;}

.graphAreaLinux .graph .gBar span, .graph .gBarCrruent span {position:absolute; top:-30px; color:#767676; background:url(/img/graph_alt.gif) no-repeat left top; font-weight:bold;  height:30px; color:#f12f2f;  display:block; margin:0 auto;}
.graphAreaLinux .graph .gBar span.right, .graph .gBarCrruent span.right {position:relative; left:0; top:0; background:url(/img/graph_alt.gif) no-repeat right top; margin:0 -5px 0 5px; display:block; height:30px; padding:4px 10px 0 5px;}
/*File Check*/
.tabMenu {background:url(/img/tabmenu_bg.gif) repeat-x bottom left; height:23px;}
.tabMenu:after{content:" "; display:block; clear:both; height:0; visibility:hidden; }
.tabMenu li {float:left; cursor:pointer; background:url(/img/tabmenu_normal_bg.gif) repeat-x bottom left; height:17px; padding:4px 25px 0 25px; border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-left:1px solid #c0c0c0; margin:0 -1px 0 0 }
.tabMenu li.select {background:url(/img/tabmenu_select_bg.gif) repeat-x top left; height:18px; font-weight:bold}
.tabCont {padding:20px 0}
.tabCont2 {border:1px solid #c0c0c0; border-top:none; padding:4px; margin:0 0 10px 0;  height:167px;}  /* Border*/
.fileCheckSelect {height:144px; padding:8px; overflow:auto; white-space:nowrap}
.iconTxt {padding:1px 10px 10px 0}
.iconTxt2 {padding:0 0 7px 0}
.iconTxt li, .iconTxt2 li {display:inline; padding:0 0 0 20px; cursor:pointer}
.iconTxt li img, .iconTxt2 li img{vertical-align:top; margin:0 4px 0 0}
.iconTxt li a:hover, .iconTxt2 li a:hover {text-decoration:underline}
.apcDesc { margin: 10px 0 0 10px }
.apcDesc::after {clear: both; content: ""; display: block;}
/*Statistics*/
.graphBox{border:3px solid #f8f8f8; padding:15px; margin:10px 0 0 0}
.graphBox2 {height:240px; border:3px solid #f8f8f8;position:relative;margin:10px 0 0 0}
.graphBox2 .sum {width:94%; margin-top:15px; position:absolute; left:10px; top:0;  background:url(/img/graph_line_bg.gif) no-repeat 50px -16px;}
.graphBox2 .sum li {margin:19px 20px 0 0; width:40px; text-align:right;}
.graphBox2 .graph { padding:0px; position:relative; left:30px; top:40px;  margin:0px; width:92%; height:166px;}
.graphBox2 .graph ul{ margin:0; padding:0; height:100%;}
.graphBox2 .graph ul:after{ content:""; display:block; clear:both;}
.graphBox2 .graph li{ float:left; display:inline; width:2%; height:100%; margin:0  0 0 6%; position:relative; text-align:center; white-space:nowrap;}

.graphBox2 .graph .gTerm{ position:absolute; left:0px; display:inline-block; width:100%; height:20px; line-height:30px; margin:0px 0% -20px 0px; padding:166px 0 0 0; vertical-align:bottom; color:#b6b6b6;}
.graphBox2 .graph .gTermCrruent{position:absolute; left:0px; display:inline-block; width:100%; height:20px; line-height:30px; margin:0px 0% -20px 0px; padding:166px 0 0 0; vertical-align:bottom; color:#000; font-weight:bold;}
* html .graphBox2 .graph .gTerm{ position:absolute; left:0px; display:inline-block; width:100%; height:20px; line-height:30px; margin:0px 0% -20px 0px; padding:166px 0 0 0; vertical-align:bottom; color:#b6b6b6;}
* html .graphBox2 .graph .gTermCrruent{position:absolute; left:0px; display:inline-block; width:100%; height:20px; line-height:30px; margin:0px 0% -20px 0px; padding:166px 0 0 0; vertical-align:bottom; color:#000; font-weight:bold}

.graphBox2 .graph .gBar{ position:absolute; left:100%; display:inline-block; width:11px; margin:0px 0px 0px -70%; background:url(/img/graph_bg_01.gif) repeat-y left bottom; vertical-align:bottom;}
.graphBox2 .graph .gBarCrruent{ position:absolute; left:100%; display:inline-block; width:11px; margin:0px 0px 0px -70%; background:url(/img/graph_bg_02.gif) repeat-y left bottom; vertical-align:bottom;}
* html .graphBox2 .graph .gBar{ position:absolute; left:100%; display:inline-block; width:11px; margin:0px 0px 0px -70%; background:url(/img/graph_bg_01.gif) repeat-y left bottom; vertical-align:bottom;}
* html .graphBox2 .graph .gBarCrruent{ position:absolute; left:100%; display:inline-block; width:11px; margin:0px 0px 0px -70%; background:url(/img/graph_bg_02.gif) repeat-y left bottom; vertical-align:bottom;}

.graphBox2 .graph .gBar span, .graph .gBarCrruent span{position:absolute; top:-30px; color:#767676; background:url(/img/graph_alt.gif) no-repeat left top; font-weight:bold;  height:30px; color:#f12f2f;  display:block; margin:0px;}
.graphBox2 .graph .gBar span.right, .graph .gBarCrruent span.right {position:relative; top:0; left:5px; background:url(/img/graph_alt.gif) no-repeat right top; margin:0 -5px 0 5px; display:block; height:30px; padding:4px 10px 0px 0px;}
.graphAreaUnix .bl , .graphAreaLinux .bl , .graphBox2 .bl {position:absolute; left:51%; top:18px; background:url(/img/graph_alt_arrow.gif) no-repeat left 2px; width:8px; height:100%;}
* html .graphAreaUnix .bl , .graphAreaLinux .bl ,  .graphBox2 .bl {position:absolute; left:51%; top:18px; background:url(/img/graph_alt_arrow.gif) no-repeat left 2px; width:8px; height:100%;}
/*Server Manage*/
.serverManage:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.serverManage .inputCheckbox label{width:auto; float:none;}
.serverManage label, .serverManage .inputBox {float:left; }
.serverManage p{height:22px; background:url(/img/bl_dash_gray.gif) no-repeat left 5px; padding:0 0 0 8px}
.serverManage p.noBl{background: none;}
.serverManage label {width:130px}
.serverManage .btnSet{margin:0 0 2px 0}
* html .serverManage .btnSet{margin:0}
* + html .serverManage .btnSet{margin:0}
.serverManage .btnSet label{line-height:14px;}
.serverAdminInfo {position:relative; *zoom:1; border-bottom:1px solid #c0c0c0; padding:0 0 30px 0; margin:0 0 30px 0}
.popPwChange {position:relative; *zoom:1; border-bottom:1px solid #c0c0c0; padding:10px 0 10px 15px;}
.popPwChange:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.popPwChange .label, .serverAdminInfo .inputBox {float:left; }
.popPwChange p{height:22px; background:url(/img/bl_dash_gray.gif) no-repeat left 5px; padding:0 0 0 8px}
.popPwChange label {width:110px}
.popPwChange .btnSet{padding-right:20px;}
/*Setting*/
.settingLabel {position:relative; *zoom:1;}
.settingLabel:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.settingLabel label {float:left; }
.settingLabel p{height:22px; background:url(/img/bl_dash_gray.gif) no-repeat left 5px; padding:0 0 0 8px}
.settingLabel label {width:175px}
.settingLabel select{width:150px}
.settingLabel2 {position:relative; *zoom:1;}
.settingLabel2:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.settingLabel2 label {float:left; }
.settingLabel2 p{height:22px; background:url(/img/bl_dash_gray.gif) no-repeat left 5px; padding:0 0 0 8px}
.settingLabel2 label {width:170px}
.settingLabel2 select{width:130px}
.settingLabel3 label {width:150px; display:inline-block;}
.settingLabel4 {position:relative; *zoom:1;}
.settingLabel4:after {content:" "; display:block; clear:both; height:20; visibility:hidden;}
.settingLabel4 label {width:175px; float:left; padding:8px 0 0 0}
.settingLabel4 select{width:130px; margin-top:6px;}
.settingRealtime:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}
.settingRealtime .inputCheckbox label{width:auto; float:none;}

/* calendar  */
#popCal{position:absolute;  top:0; z-index:20; display:none; width:172px; margin:0}
#popCal .date{position:relative; padding:6px 0 0 0; background:url(/img/cal_date_bg.gif) repeat-x left top; height:18px;}
#popCal .date .prev{position:absolute; top:0; left:0; width:60px}
#popCal .date .next{position:absolute; top:0; right:0;}
table.calTbl{width:100%; border-left:1px solid #d7d7d7;  border-bottom:1px solid #d7d7d7; background:#fff}
table.calTbl th.sun, table.calTbl td.sun, table.calTbl td.sun a{color:#e96365;}
table.calTbl th{height:18px; font-size:11px; letter-spacing:-2px; border-right:1px solid #d7d7d7; background:#dadada; text-align:center; font-weight:bold;}
table.calTbl td{height:15px;font-size:11px; color:#202020; text-align:center; border-right:1px solid #d7d7d7;  border-top:1px solid #d7d7d7; }
table.calTbl td a {color:#202020; display:block; width:100%; height:100%; padding:3px 0 0 0 ; text-align:center; }
table.calTbl td.today a{color:#000; background:#dadada !important;}
table.calTbl td a:hover, table.calTbl td.select, table.calTbl td.select a{background:#def4fe; color:#0049dd}
table.calTbl td.disable, table.calTbl td.disable a{background:#dadada}
/*Error*/
.err .top {height:70px; background:url(/img/body_bg.gif) repeat left top; }
.err .top h1 {width:614px; margin:0 auto; padding:25px 0 0 0}
.err .msgBox {min-height:100%;margin: -70px 0 -33px 0;}
*html .err .msgBox{height: 100%;}
.err .msg {height:100%;  background:url(/img/err_wrap.gif) no-repeat center 70px;}
.err .msg .text {width:614px; margin:0 auto; background:url(/img/err_msg_bg.gif) no-repeat right 170px; padding:200px 0 100px 0}
.err .msg .text .msg1, .err .msg .text .msg2 {width:450px; color:#000}
.err .msg .text .msg1 {font-size:19px; border-bottom:1px solid #e5e5e5; padding:0 0 35px 0; margin:0 0 15px 0; line-height:25px}
.err .msg .text .msg1 span {font-size:28px; font-weight:bold;}
.err .msg .text .msg2 {font-size:12px; line-height:16px}
.err .copyright {height:33px;background:url(/img/body_bg.gif) repeat left top; }
.err .copyright .text {width:614px; margin:0 auto; font-family:tahoma; color:#a1a1a1; font-size:11px; padding:5px 0 0 0;}
.err .copyright .text  img {margin:4px 15px 0 0;}

/*EULA*/
.eula {height:100%; overflow:auto; background:#fff}
.eula .top {height:70px; background:url(/img/body_bg.gif) repeat left top; }
.eula .top h1 {width:614px; margin:0 auto; padding:25px 0 0 0}

.eula .msgBox {min-height:89%;}

.eulaInfo {height:400px}
.eulaInfo >pre >a { color: #076ad0; }

.eula .text-noimg {width:614px; margin:0 auto; padding:10px 0 0px 0}
.eula .text-noimg .msg1 {width:450px; color:#000}
.eula .text-noimg .msg1 {font-size:19px; padding:0 0 20px 0;}
.eula .text-noimg .msg1 span {font-size:28px; font-weight:bold;}
.eula .fieldsetCont {width: 614px; margin:0 auto; padding:0;}
.eula .fieldsetCont .borderBlueBox {border:1px solid #7f9db9; padding:7px; background:#fff}
.eula .agreement {width:614px; margin:5px auto; padding:0}

.eula .copyright {height:33px; background:url(/img/body_bg.gif) repeat left top; }
.eula .copyright .text {width:614px; margin:0 auto; font-family:tahoma; color:#a1a1a1; font-size:11px; padding:5px 0 0 0;}
.eula .copyright .text  img {margin:4px 15px 0 0;}

/*ASD*/
.asd {height:100%; overflow:auto; background:#fff}
.asd .msgBox {min-height:89%;}
.asdConsent {height:350px}
.asdConsent >pre >a { color: #076ad0; }
.asdConsent2 {height:520px}
.asdConsent2 >pre >a { color: #076ad0; }
.asd .text {width:614px; margin:0 auto; padding:30px 0 30px 30px}
.asd .text .msg1 {width:450px; line-height:25px; vertical-align:middle; margin-top:-10px; padding:0 0 30px 0; color:#000; font-size:15px}
.asd .text .msg2 {width:600px; color:#000; font-size:13px; padding:0 0 15px 0; margin-left:-10px}
.asd .text .msg3 {width:600px; color:#076ad0; font-size:13px; padding:0 0 15px 0; margin-left:-10px}
.asd .fieldsetCont {width: 614px; margin:0 auto; padding:0; margin-top:-10px}
.asd .fieldsetCont .borderBlueBox {border:1px solid #7f9db9; padding:7px; background:#fff; margin-top:-10p}
.asd .fieldsetCont2 {width: 614px; margin:0 auto; padding:30px 0 0 0;}
.asd .fieldsetCont2 .borderBlueBox {border:1px solid #7f9db9; padding:7px; background:#fff}
.asd .btnTopStyle {position:relative; *zoom:1; width:585px; border-top:1px solid #c0c0c0; margin:30px 0 0 20px}

/*LICENSE*/
.lic {height:100%; overflow:auto; background:#fff}
.lic .msgBox {min-height:30%;}
.licenseContent {height:80px; padding:5px 0 5px 5px}
.licenseContent >pre >a { color: #076ad0; }
.lic .text {width:370px; margin:0 auto; padding:25px 0px 15px 15px}
.lic .text .msg1 {width:350px; line-height:25px; vertical-align:middle; margin-top:-10px; padding:0 0 30px 0; color:#000; font-size:15px}
.lic .fieldsetCont {width: 350px; margin:0 auto; padding:0; margin-top:-30px;}
.lic .fieldsetCont .borderBlueBox {border:1px solid #7f9db9; padding:2px 8px 7px 7px; background:#fff; margin-top:-10p}
.lic .btnTopStyle {position:absolute; *zoom:1; width:396px; border-top:1px solid #c0c0c0; margin:12px 0 0 0}

.strcut {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}