@charset "utf-8";

/* CSS Document */
html, body{margin:0px; background-color:#f0f4f6; font-family:Arial,Tahoma}
body, th, td, body, ul, li, dl, dd, dt, p, div, input, select, textarea{font-family:Arial,Tahoma;color:#212121;line-height:1.5em}
body, th, td, select, input{font-size:14px}
select option, select optgroup{font-size:100%}
textarea{overflow:auto;font-size:100%;white-wrap:pre-wrap}
img{border:0px;}
td img, td input, td select, td .button{vertical-align:middle}
td .button{background-color:#f8f8f8;font-family:Arial,Tahoma;font-size:11px;height:29px;border-top:1px solid #b5b5b5;border-right:1px solid #7f7f7f;border-bottom:1px solid #7f7f7f;border-left:1px solid #b5b5b5;padding:3px 10px 2px 10px;margin-right:3px;line-height:1em}
td .point{background:#338ecc!important;color:#fff!important;border-top:1px solid #42a6da;border-right:1px solid #2576bd;border-bottom:1px solid #2576bd;border-left:1px solid #42a6da}
td{list-style-type:none;margin:0;padding:0}
ul, dl, li, ol, h1, h2, h3, h4, h5, h6, dd, dt, p, div{list-style-type:none;margin:0;padding:0}
em, address{font-style:normal}
form{margin:0;padding:0}
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline}
body, div{scrollbar-face-color:#fff;scrollbar-shadow-color:#ccc;scrollbar-highlight-color:#ccc;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#f7f7f7;scrollbar-arrow-color:#b8b8b8}
button{height:20px;font-size:11px;vertical-align:top;cursor:pointer}
input {vertical-align:middle}
select{padding:1px;border-width:1px;border-style:solid;border-color:#c0c0c0}
textarea{border:1px solid #c0c0c0}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary{display:block}

#pageWrap{margin:0 auto;width:100%;min-width:1260px}

/* Top */
#headerWrap{overflow:hidden;height:95px;margin-bottom:20px;background-color:#3a3a3a}
#headerWrap #gnbWrap {height:17px}
#headerWrap #gnbWrap ul{float:right;margin:5px 19px 0 0}
#headerWrap #gnbWrap li {float:left;padding:0 10px 0 10px;margin-top:5px;font-family:Arial,Tahoma;font-size:12px;text-align:right;color:#fff}
#headerWrap #gnbWrap li a{color:#fff}
#headerWrap #gnbWrap li a:hover{text-decoration:underline;color:#fff}
#headerWrap #gnbWrap .userName{padding-left:20px;color:#00bae8}
#headerWrap #gnbWrap .userName a{color:#00bae8}
#headerWrap #gnbWrap .userName a:hover{color:#00bae8}
#headerWrap .logo{cursor:pointer;float:left;width:223px;height:55px;margin:7px 0 0 20px;background:url(../images/logo.png) no-repeat}
#headerWrap #lnbWrap{padding-top:18px;padding-left:10%}
#headerWrap #lnbWrap ul{cursor:pointer;/* width:840px; */margin:0 auto}
#headerWrap #lnbWrap li{float:left;width:140px;padding-top:3px;font-family:Arial,Tahoma;font-size:16px;font-weight:bold;text-align:center}
#headerWrap #lnbWrap li a{color:#ffffff}
#headerWrap #lnbWrap li a:hover{text-decoration:none;color:#00bae8}
#headerWrap #lnbWrap .now{font-size:16px;color:#00bae8;padding:10px 0 32px 0;border-bottom:5px solid #00bae8}
#headerWrap #lnbWrap .now a{color:#00bae8}

/* Content */
#containerWrap{clear:both;display:table;behavior: url(../js/display-table.min.htc);width:100%;min-width:1260px;min-height:600px}
#containerLeftWrap{display:table-cell;-dt-display: table-cell;vertical-align:top;width:20px}
#snbWrapOpen{width:225px}
h1{height:35px;font-family:Arial,Tahoma;color:#fff;font-size:16px;padding:15px 0 0 20px;line-height:25px;background-color:#00bae8}
#snbWrapOpen ul{float:left;cursor:pointer;width:205px}
#snbWrapOpen > ul > li{overflow:hidden;font-family:Arial,Tahoma;font-family:Arial;font-size:13px;color:#555;line-height:14px;padding:14px 0 14px 20px;border:1px solid #ccc;border-top:none}
#snbWrapOpen ul li a{color:#555;text-decoration:none}
#snbWrapOpen ul li a:hover{text-decoration:underline}
#snbWrapOpen ul li ul{border-left:1px solid #ccc;margin-top:10px;padding-left:10px;margin-bottom:10px;}
#snbWrapOpen ul li li{padding:2px 0 2px 0;font-family:Arial,Tahoma;font-size:11px;font-weight:normal;color:#555}
#snbWrapOpen .now{color:#00bae8;font-weight:bold}
#snbWrapOpen .now a{color:#00bae8;font-weight:bold}

.snbWrap{float:left;width:20px;height:48px}
.snbWrap img{display:block;margin-bottom:300px}
.snbWrap div{display:none}
#snbOpen{cursor:pointer;width:19px;background:url(../images/bg_snb_open.png) no-repeat center center;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border:1px solid #ccc;border-left:none}
#snbClose{cursor:pointer;width:19px;background:url(../images/bg_snb_close.png) no-repeat 5px center;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border:1px solid #ccc;border-left:none}

#containerRightWrap{display:table-cell;-dt-display: table-cell;vertical-align:top;min-height:590px;padding:15px 20px 20px 15px}
.titleWrap{height:25px;margin-bottom:20px}
h2{float:left;font-family:Arial,Tahoma;color:#3a3a3a;font-size:20px;margin:0 0 0 0;padding:0 0 0 20px}
h2 span{font-size:16px;font-weight:normal;padding-left:20px}
.pathWrap{float:right;font-family:Arial,Tahoma;font-size:11px;font-weight:normal;padding:10px 20px 0 15px}
.pathWrap a{color:#00bae8}
.pathWrap img{margin:5px;margin-top:3px;vertical-align:middle}
.pathWrap b{font-weight:normal;color:#00bae8}

.tabWrap{clear:both;font-family:Arial,Tahoma;font-size:14px;font-weight:normal;text-align:center;color:#6b6b6b}
.tabWrap li{float:left;width:100px;height:27px;padding-top:7px;margin:3px 2px -1px 0;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;background-color:#ababab}
.tabWrap li a{color:#fff}
.tabWrap li a:hover{text-decoration:none;font-weight:bold}
.tabWrap .now{height:30px;padding-top:7px;margin-top:0;font-size:14px;text-align:center;color:#ffffff;background-color:#3a3a3a}
.tabWrap .now a{color:#ffffff}
.tabWrap .now a:hover{text-decoration:none;color:#ffffff}

#contentWrap{min-width:93px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:30px 0}
#contentWrap p{clear:both;line-height:2em;word-break:keep-all;padding:0 0 30px 0}
#contentWrap p b{font-family:Arial,Tahoma}
#contentWrap > ul{margin:0 0 40px 0}
#contentWrap > li{padding:5px 0 5px 15px!important}
#contentWrap td ul{margin:0 0 0 0}
#contentWrap h3{font-family:Arial,Tahoma;color:#000;font-size:14px;width:50%;margin-bottom:10px}
#contentWrap h3 span{color:#555555;font-size:12px}
#contentWrap h4{font-family:Arial,Tahoma;color:#000;font-size:14px;line-height:1.5em;padding:0 0 5px 0}
#contentWrap h4 span{font-family:Arial,Tahoma}
#contentWrap h5{font-family:Arial,Tahoma;color:#000;font-size:12px;margin-bottom:20px}
#contentWrap h5 span{background:#e5c5d2;font-family:Arial,Tahoma;font-size:16px}
#contentWrap h6{font-family:Arial,Tahoma;color:#981749;font-size:11px;margin-bottom:-10px}
#contentWrap dl{border-top:1px #ccc solid;padding:10px 0 10px 0}
#contentWrap dl:last-child{border-bottom:1px #ccc solid}
#contentWrap dt{float:left;width:35%}
#contentWrap dd{margin:0 0 0 40%}

/* Table */
.searchWrap{clear:both;background-color:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 20px 10px 0;margin-bottom:30px}
.searchTable{border-collapse:collapse;width:100%}
.searchTable th{white-space:nowrap;color:#333;padding:10px 10px 1px 20px;text-align:left;vertical-align:top}
.searchTable td{white-space:nowrap;height:30px;padding:5px 0}
.searchTable td.buttonWrap{text-align:right}
.searchTable td .btSearch{cursor:pointer;padding:0 20px!important;margin-left:20px;background-color:#00bae8}
.searchTable .userSelectWrap{position:absolute;z-index:2;margin-top:-15px;background-color:#fff;border:1px solid #d0d0d0;width:30%;min-width:350px;min-height:20px;padding:5px}
.searchTable .userSelectWrap .btIcon{float:right;cursor:pointer;width:30px;height:20px;border-radius:5px;padding:0 10px!important;margin-left:5px}
.searchTable .userSelectWrap .btUp{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -86px}
.searchTable .userSelectWrap .btDown{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -126px}
.searchTable .userSelectWrap .userWrap{height:150px;padding-right:35px}
.userSelectWrap > div{color:#6d8390}

.detailWrap {overflow:auto;background-color: #fff;border: 1px solid #d0d0d0;padding: 20px 20px 10px 20px}
.detailTable{border-collapse:collapse;width:100%;margin-bottom:5px;border-top:2px solid #00bae8;border-bottom:1px solid #00bae8}
.detailTable th{white-space:nowrap;color:#005b71;padding:9px 10px 3px 5px;border-top:1px solid #e0e0e7;text-align:left;font-size:12px;vertical-align:top}
.detailTable td{white-space:nowrap;height:21px;padding:4px 10px 4px 0;border-top:1px solid #e0e0e7}
.detailTable table{width:100%}
.detailTable table.floatL{width:48%}
.detailTable table.floatR{width:48%}
.detailTable table .folder{padding-left:20px;height:20px;background:url(../images/ic_folder.gif) no-repeat 0 2px}
.detailTable table .object{padding-left:20px;height:20px;background:url(../images/ic_object.gif) no-repeat 0 2px}
.detailTable td .table1 th{display:none}
.detailTable td th{padding-top:3px;background-color:#00bae8;color:#fff}
.detailTable td th span{color:#a3edff;padding:2px 10px 0}
.detailTable td th span.now{color:#fff;border-top:3px solid #a3edff}
.detailTable td th span a{color:#a3edff}
.detailTable td th span.now a{color:#fff}
.detailTable td td{border-top:none}
.detailTable td .head{font-size:11px;color:#00bae8;border-top:1px solid #e0e0e7;height:15px}
.detailTable td .tree{height:100px}
/* .detailTable td .tree iframe{height:100px;background-color:#fff;border:1px solid #d0d0d0} */
.detailTable td .tree iframe{height:300px;background-color:#fff;border:1px solid #d0d0d0}
.mdt{padding-left:15px;background:url(../images/bul_common.png) no-repeat 5px 4px}

.listWrap{overflow:auto;background-color:#fff;border:1px solid #d0d0d0;padding:20px}
.listWrap .listTable{width:100%}
.listTable{border-collapse:collapse;border-top:2px solid #00bae8;border-bottom:1px solid #00bae8;width:100%}
/* .listTable th{white-space:nowrap;color:#0081a1;padding:4px 5px 4px 5px;border-bottom:1px solid #00bae8;border-right:1px solid #00bae8;background-color:#d9f7ff;font-size:11px}
.listTable th:last-child{border-right:none}
.listTable td{white-space:nowrap;padding:4px 5px 3px 5px;text-align:center;border-top:1px solid #e1e1e1;font-size:12px;background-color:#fff} */

.listTable th{white-space:nowrap;color:#075566;padding:4px 5px 4px 5px;border-bottom:1px solid #00bae8;border-right:1px solid #00bae8;background-color:#d9f7ff;font-size:11px}
.listTable th:first-child{border-left:1px solid #00bae8}
.listTable td{white-space:nowrap;padding:4px 5px 3px 5px;text-align:center;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1;font-size:12px;}
.listTable td:first-child{border-left:1px solid #e1e1e1}


.btDetail{width:20px;height:20px;background:#00bae8 url(../jquery.jqGrid-4.6.0/Colum_Reordering/images/ui-icons_d8e7f3_256x240.png) no-repeat -30px -95px;border:none;border-radius:4px;}

table.total{border-color:#ff7800}
.total th{color:#c75e00;background-color:#ffe6cf;border-color:#ff7800}
.total td{background-color:#fff;border-color:#ff7800}

/* Grid */
.boxWrap{clear:both;overflow: hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0}
.boxWrap .floatL{margin-right:2%}
.boxWrap .floatR{width:49%}
.boxWrap .floatL1{width:30%!important;margin-right:2%!important}
.boxWrap .floatR1{width:68%!important;min-width:600px}
.boxWrap .floatL2{width:65%!important;min-width:600px;margin-right:2%!important;}
.boxWrap .floatR2{width:33%!important}
.boxWrap .floatL3{width:33%!important;margin-right:2%!important}
.boxWrap .floatR3{width:65%!important;min-width:600px}
.boxWrap .floatL > div{height:485px}
.boxWrap .floatR > div{height:485px}
.boxWrap .floatL iframe{height:510px}
.boxWrap .floatR iframe{height:510px}
.boxWrap .chartWrap{height:460px!important;background-color:#fff;border:1px solid #d0d0d0}
.boxWrap .chartWrap iframe{height:460px}
.boxWrap h3{padding-left:20px}
.gridWrap{background-color:#fff;border:1px solid #d0d0d0;padding:20px}
.tableXWrap div{overflow-x:auto;margin-bottom:20px}
.treeWrap iframe{height:420px;background-color:#fff;border:1px solid #d0d0d0}
.tdHead{background-color:#f0f0f0!important}
.tdBody{background-color:#f9f9f9!important}
.tdLine .ui-widget-content > td{border-right:1px solid #e1e1e1!important}
#pageNave1{clear:both;font-size:11px;color:#848484;text-align:center;margin-top:10px}
#pageNave1 span{padding:0 5px}

/* Table Head */
.tableHead{clear:both;margin-bottom:10px;padding-left:5px;height:30px}
.tableHead .floatL{}
.tableHead .floatR{}
.tableHead .floatC{float:left}
.tableHead .floatL3{float:left;width:30%}
.tableHead .floatC3{float:left;width:40%;text-align:center}
.tableHead .floatR3{float:right;width:30%}
.tableTail{overflow:hidden;margin:10px 0;height:31px}
.boxHead{overflow:hidden;clear:both;margin-bottom:10px;padding-left:5px}
.boxHead .floatL{}
.boxHead .floatR{}
.boxHead .floatC{float:left}
.boxHead .floatL3{float:left;width:30%}
.boxHead .floatC3{float:left;width:40%;text-align:center}
.boxHead .floatR3{float:right;width:30%}
.boxTail{clear:both;overflow:hidden;padding-top:10px;height:31px!important;text-align:center}
.legend{background-color:#f2f2f5;padding:5px 5px 5px 0;margin-bottom:4px}
.legend b{background-color:#fff;padding:0 3px;margin-left:10px}
.legend b:first-child{margin-left:5px}

/* Array */
.floatL{float:left!important}
.floatR{float:right!important}
.vaT{vertical-align:top!important}
.vaM{vertical-align:middle!important}
.vaB{vertical-align:bottom!important}
.pT0{padding-top:0!important}
.pB0{padding-bottom:0!important}
.mT0{margin-top:0!important}
.mB0{margin-bottom:0!important}
.mB10{margin-bottom:10px!important}
.borderNone{border:none!important}
.borderNone td{border:none!important}
.left td{text-align:left}
.left{text-align:left!important}
.center{text-align:center!important}
.right{text-align:right!important}
.nowrap{white-space:nowrap}
.numRight{text-align:right!important}

/* Text Color */
.blueT{color:#37a0be!important}
.greenT{color:#788d18!important}
.orangeT{color:#ff3900!important}
.pinkT{color:#981749!important}
.yellowT{color:#d56d7a!important}
.violetT{color:#00bae8!important}
.violetT a{color:#00bae8!important}
.blackT{color:#212121!important}
.t120{font-size:120%!important}
.boldT{font-weight:bold}
.m10{margin-bottom:10px!important}

/* Form */
td input.form{width:100px}
td select.form{}
input.form{height:24px;padding:0px 3px 4px 4px}
select.form{height:30px}
select.multi{width:80%;background-color:#fff;color:#666;border:#abafbe 1px solid;direction:rtl;text-align:right}

.form{padding-left:4px;background-color:#fff;color:#666;border:#abafbe 1px solid}
.form2{width:20px!important}
.form3{width:20px!important}
.form4{width:30px!important}
.form5{width:40px!important}
.form6{width:45px!important}
.form7{width:50px!important}
.form8{width:55px!important}
.form9{width:60px!important}
.form10{width:65px!important}

select.form2{width:40px!important}
select.form3{width:45px!important}
select.form4{width:60px!important}
select.form5{width:55px!important}
select.form6{width:60px!important}
select.form7{width:65px!important}
select.form8{width:70px!important}
select.form9{width:75px!important}
select.form10{width:165px!important}

input[disabled="disabled"] {background:#f2f2f5;border:1px solid #e0e0e7;color:#aaa}
input[disabled] {background:#f2f2f5;border:1px solid #e0e0e7;color:#aaa}
select[disabled="disabled"] {background:#f2f2f5;border:1px solid #e0e0e7;color:#aaa}
select[disabled] {background:#f2f2f5;border:1px solid #e0e0e7;color:#aaa}

.formFullTd{padding-right:19px!important}
.formFullTd .form{width:100%}
.detailTable td.formFullTd{padding-right:14px!important}
.detailTable td.formIconTd .form{width:102%}
.selectFullTd{}
.selectFullTd .form{width:100%}
.formButtonTd{padding-right:80px!important;min-height:21px}
.formButtonTd .form{width:100%}
.formIconTd{padding-right:44px!important;min-height:21px}
.formIconTd .form{width:100%}
.formIconTd .btIcon{}
.formIconFormTd{}
.formIconFormTd .btIcon{}
.formIconFormTd .form:first-child{margin-right:-20px}
.formIconFormTd .form{width:43%}
.formIconFormIconTd{padding-right:47px!important}
.formIconFormIconTd .form:first-child{margin-right:-20px}
.formIconFormIconTd .form{width:43%}
.formIconIconTd{padding-right:69px!important}
.formIconIconTd .btIcon{}
.formIconIconTd .form{width:100%}
.detailTable td.formIconIconTd{padding-right:65px!important}
.formDateTd .form{width:90px}
.form2Td{}
.form2Td .form{width:43%}
.form2Td select.form{width:47%}
.form3Td .form{width:26%}
.form3Td select.form{width:32%}
.textareaFullTd{padding-right:12px!important}
.textareaFullTd .form{width:100%}
.multiFullTd{padding-right:6px!important}
.multiSelect{width:100%}
.formReadonly{background:#f2f2f5}
.formDisabled{background:#f2f2f5;border:1px solid #e0e0e7;color:#aaa}
.formDel{}
.formDel div{position:relative;padding-left:15px!important;padding-top:2px}
.formDel div:first-child{padding-top:0px!important}
.formDel div .btDel{position:absolute;top:2px;left:0px;}
.btDel{cursor:pointer;width:10px;height:20px;border:none;background:url(../images/bul_bt_td.png) no-repeat -19px 6px}
.formDel .formFile{width:100%}
.formDel .btAdd{margin:3px 0 0 15px}
.formRed{border:1px solid #ff3900}
.formBlue{border:1px solid #37a0be}
.formMdt{border:2px solid #ff3900}

.yellowBg{background-color:#fff7ca!important}

/* Button */
.btCommon{cursor:pointer;height:31px;font-size:14px;color:#fff;padding:1px 10px!important;border:none;-webkit-border-radius:5px;border-radius:5px;background-color:#808080}
.btStrong{background-color:#3a3a3a}
.btDisable{color:#aaa!important;background-color:#ccc}
.btExcel{background-color:#62bc00}
.buttonWrap{text-align:right;}


td .buttonWrap{text-align:right}
td .buttonWrap input{height:20px;background:#abafbe;color:#fff;border:1px solid #c2c5d0;border-right:1px solid #797c86;border-bottom:1px solid #797c86;font-family:Arial,Tahoma;font-size:11px;font-weight:normal;vertical-align:bottom}
.btDark input{background-color:#30323a!important}
.btLight input{background-color:#abafbe!important;border:1px solid #c2c5d0!important;border-right:1px solid #797c86!important;border-bottom:1px solid #797c86!important}

.btIcon{cursor:pointer;width:30px;height:30px;border:none;-webkit-border-radius:5px;border-radius:5px;padding:0 10px!important}

.btLeft{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px 0}
.btRight{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -41px}
.btUp{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -81px}
.btDown{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -121px}
.btDate{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -161px}
.btFind{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -201px}
.btReset{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -241px}
.btClose{background:#00bae8 url(../images/bul_bt.gif) no-repeat -1px -241px}
.btAdd{background:#3a3a3a url(../images/bul_bt.gif) no-repeat -1px -321px}

/* Etc */
.action{cursor:pointer;color:#3195c4!important}
.action a{color:#3195c4!important}
.action a:hover{color:#3195c4!important;text-decoration:underline!important}
.ui-widget-content a:hover{text-decoration:underline!important}
.ms-drop li{text-align:left}
.ui-widget-content tr.validNo td{color:#ff3900!important;border-color:#ffbfac!important}

/* Loading */
.loadingWrap{width:100%; height:100%;position:absolute; left:0; top:0; z-index:1000;background:url(/static_root/S5D/images/loading.gif) no-repeat center center;}

/* Footer */
/* #footerWrap{overflow:hidden;width:100%;margin:0 auto} */
#footerWrap{overflow:hidden;width:100%;margin:0 auto; }
#footerWrap .copyright{height:50px;margin:20px 0 10px 0;padding-top:6px;color:#777;font-family:Arial,Tahoma;font-size:11px!important;background:url(../images/footer_logo.gif) no-repeat;padding-left:100px}

/* Popup */
#popupWrap{width:auto}
#popupWrap .titleWrap{height:60px;background-color:#3a3a3a}
#popupWrap .titleWrap h2{color:#fff;margin-top:20px}
#popupWrap #contentWrap{min-width:258px;padding:20px;margin:20px;background-color:#fff;}
#popupWrap .titleWrap .floatR{padding:15px 20px 0 0}
#popupWrap .buttonWrap{height:30px;marign:10px 0;text-align:right;}
#popupWrap #footerWrap{height:30px;margin-bottom:20px;text-align:center}

/* Main */
.mainWrap{}
.mainWrap .imgWrap{height:350px;background:url(../images/bg_main.png);margin-bottom:20px}
.mainWrap .imgWrap .floatL{width:49%!important}
.mainWrap .imgWrap > div{width:100%;height:350px;background:url(../images/bg_main_line.png) no-repeat 120% 0;text-align:right}
.mainWrap .imgWrap .floatL img{margin:145px 220px 0 0}
.mainWrap .imgWrap .floatR{width:49%!important;text-align:center}
.mainWrap .imgWrap .floatR img{margin:50px 80px 0 0}
.mainWrap h3{width:100%!important;font-size:16px!important;overflow:hidden}
.mainWrap h3 b{float:left;font-weight:bold}
.mainWrap h3 span{float:right}
.mainWrap .treeWrap iframe{height:200px}
.mainWrap #contentWrap{min-width:970px;background:none;border:none;padding:30px}
.mainWrap #contentWrap .floatL{width:49%;margin-right:2%}
.mainWrap #contentWrap .floatR{width:49%}
.mainWrap #contentWrap .treeWrap{}
.mainWrap #footerWrap .copyright{border-top:1px solid #cdcdcd;padding-top:26px;background-position:0 20px;margin:20px 30px 0}
.mainWrap #contentWrap .treeWrap iframe{background-color:#fff;border:1px solid #d0d0d0}

/*Login*/
#loginWrap{margin:150px auto 0;width:620px;height:290px;background:url(../images/bg_main.png) repeat-x 0 bottom;border:1px solid #e7e7e7}
#loginWrap #headerWrap{margin:0!important;height:40px}
#loginWrap #headerWrap h2{color:#fff;font-size:16px;margin:10px 0 0 5px}
#loginWrap #headerWrap .logo{float:right;width:130px;height:30px;background:url(../images/logo.png) no-repeat -45px -4px;margin:0 0 0 10px}
#loginWrap #contentWrap{overflow:hidden;width:100%;min-width:100%;padding:0!important;border:none;background:none!important}
#loginWrap #contentWrap .floatL{height:215px;padding:35px 0 0 60px;background:url(../images/bg_main_left.png) no-repeat left bottom}
#loginWrap #contentWrap .floatR{height:215px;padding:35px 20px 0 0;background:url(../images/bg_main_right.png) no-repeat right bottom}
.loginTable{border-collapse:separate;border-spacing:10px}
.loginTable th{width:100px;text-align:right;font-size:14px;color:#fff}
.loginTable .alert{color:#fff;font-size:12px}
.loginTable .alert span{background:url(../images/bul_common.png) no-repeat 0 -198px;padding-left:15px}
.loginTable .form{width:120px;height:25px}
.loginTable .btLogin{cursor:pointer;width:80px;height:73px;font-size:14px;font-weight:bold;color:#fff!important;background-color:#00bae8!important;border:2px solid #fff;border-radius:5px;padding:0 7px!important}
#loginWrap .loginTr td{padding-top:8px}
#loginWrap .loginTr a{color:#fff;padding-left:8px;background:url(../images/bul_common.png) no-repeat 0 -96px;font-size:11px;font-weight:bold}
#loginWrap #footerWrap{border:none;background:none}
#loginWrap #footerWrap ul{margin:10px 25px 0 25px;padding-bottom:15px;border-bottom:1px solid #fff}
#loginWrap #footerWrap li{color:#404d72}

/*Error*/
#errorWrap{margin:150px auto 0;width:520px}
#errorWrap #headerWrap{margin:0!important;height:40px}
#errorWrap #headerWrap h2{color:#fff;font-size:16px;margin:10px 0 0 5px}
#errorWrap #headerWrap .logo{float:right;width:130px;height:30px;background:url(../images/logo.png) no-repeat -45px -4px;margin:0 0 0 10px}
#errorWrap #contentWrap{min-width:468px;border:1px solid #e0e0e7;border-top:none;padding:15px;background:#fff!important}
#errorWrap .messageImg{float:left;width:175px;text-align:center;padding:30px 0 20px 0}
#errorWrap .messageWrap{float:left;padding-top:30px;margin-bottom:5px}
#errorWrap h3{font-size:20px;color:#00bae8}
#errorWrap .messageWrap .email{padding-left:10px;background:url(../images/bul_common.png) no-repeat 0 -92px}
#errorWrap .messageWrap .titleWrap h2{padding:20px 0 0 0}
#errorWrap .buttonWrap{clear:both;text-align:center;border-top:1px solid #e0e0e7;padding:20px 0}
#errorWrap #footerWrap{border:none}

/* Grid ui-th-div-ie ui-jqgrid-sortable*/
.ui-jqgrid .ui-jqgrid-titlebar{display:none}
.ui-paging-info{color:#00bae8!important}
#pager2_left{width:20%!important}
#pager2_left table{width:200px}
#pager2_right{width:20%!important;vertical-align:top!important}
#pager2_right div{margin-top:0!important}
.ui-jqgrid .ui-pg-button:hover{padding:0 1px!important}
.ui-jqgrid .ui-paging-info{margin-right:0!important}
#pg_pager2{margin-left:-4px!important}
.ui-jqgrid-view .ui-corner-top{-webkit-border-top-right-radius: 0;border-top-right-radius: 0;-webkit-border-top-left-radius: 0;border-top-left-radius: 0}

.paginate table td{font-size:11px;color:#797c86}
.paginate table td a{font-size:11px;color:#797c86}
.page{}
.page_s{font-size:12px;color:#0081a1;font-weight:bold}
.ui-widget-content .ui-state-default{color:#0081a1!important;background-image:none!important;border-bottom:none!important;background-color:#d9f7ff!important}
th.ui-state-default{border-right:1px solid #00bae8!important;}
.ui-jqgrid-sortable{color:#0081a1!important}
.jqg-third-row-header th{border-top:1px solid #00bae8!important;vertical-align:top}
.ui-jqgrid .ui-jqgrid-view{border-top:2px solid #00bae8;border-bottom:1px solid #00bae8}
.ui-jqgrid .ui-jqgrid-hdiv{border-bottom:1px solid #00bae8!important;}
/* .ui-widget-content{border:1px solid #fff!important;background:#fff!important} */
.ui-widget-content{border:1px solid #fff!important}
/* .ui-widget-content > td{border-top:none!important;border-right:none!important;border-bottom:1px solid #e1e1e1!important;border-left:none!important} */
.ui-widget-content > td{border-top:none!important;border-right:1px solid #e1e1e1!important;border-bottom:1px solid #e1e1e1!important;border-left:none!important}
.ui-widget-content tr:first-child td{border:none!important}
.ui-jqgrid TR.jqgrow TD{padding: 0 5px 0 5px!important}
.ui-jqgrid .ui-jqgrid-htable th div{font-size:11px}
.ui-jqgrid tr.jqgrow td{font-size:12px}
.ui-jqgrid .ui-pg-table td{font-size:11px}
.ui-widget-header{border-bottom:1px solid #00bae8!important}
.ui-jqgrid-pager{border-color:#fff!important}
.ui-jqgrid .ui-jqgrid-pager{height:35px!important;background-color:#fff!important}
.ui-pager-control{margin-top:5px!important}
.ui-jqgrid .ui-pg-button .ui-icon{border-radius:3px;padding:1px;background-color:#00bae8;background-image:url(../jquery.jqGrid-4.6.0/Colum_Reordering/images/ui-icons_d8e7f3_256x240.png)}
.ui-jqgrid .ui-separator{border:none!important}
/* .ui-state-hover{background:none!important} */
.ui-state-hover{background:#d9f7ff none!important}
.ui-jqgrid .ui-pg-input{height:14px!important}
.ui-jqgrid .ui-pg-selbox{height:20px!important}
.ui-icon-export{background-position:-240px -128px}

.floatL1 .ui-jqgrid .ui-jqgrid-pager, .floatR2 .ui-jqgrid .ui-jqgrid-pager{height:65px!important}
.floatL1 #pager2, .floatR2 #pager2{background: url(../images/bg_grid.gif) repeat-x 0 35px!important}
.floatL1 #pager2_center, .floatR2 #pager2_center{vertical-align:top}
.floatL1 #pager2_left, .floatR2 #pager2_left{float:left;padding-top:35px}
.floatL1 #pager2_right, .floatR2 #pager2_right{float:right}
.floatL1 #pager2_right .ui-paging-info, .floatR2 #pager2_right .ui-paging-info{margin-top:-25px;margin-left:-90px}
.floatL3 .ui-jqgrid .ui-jqgrid-pager, .floatR2 .ui-jqgrid .ui-jqgrid-pager{height:65px!important}
.floatL3 #pager2, .floatR2 #pager2{background: url(../images/bg_grid.gif) repeat-x 0 35px!important}
.floatL3 #pager2_center, .floatR2 #pager2_center{vertical-align:top}
.floatL3 #pager2_left, .floatR2 #pager2_left{float:left;padding-top:35px}
.floatL3 #pager2_right, .floatR2 #pager2_right{float:right}
.floatL3 #pager2_right .ui-paging-info, .floatR2 #pager2_right .ui-paging-info{margin-top:-25px;margin-left:-90px}

/* Calendar */
.ui-corner-all{border-radius:0!important}
.ui-datepicker{width:213px!important;background-color:#f0f4f6!important;border:1px solid #3a3a3a!important;padding:0 0 0!important}
.ui-datepicker-header{background:#3a3a3a!important;padding:5px!important;border:none!important;border-radius:0!important}
.ui-datepicker-header .ui-datepicker-title{font-size:14px;color:#fff}
.ui-datepicker-header .ui-state-hover .ui-icon{background-image:url(../jquery.jqGrid-4.6.0/Colum_Reordering/images/ui-icons_d8e7f3_256x240.png)}
table.mtz-monthpicker{border-collapse:separate!important;border-spacing:5px!important;width:100%;background-color:#f0f4f6!important;border-top:1px solid #fff!important}
table.mtz-monthpicker .ui-state-default{cursor:pointer!important;background-color:#e9e9ee!important;border:1px solid #fff!important;border-top:1px solid #9e9ea3!important;border-left:1px solid #9e9ea3!important;height:30px;font-size:16px}
table.mtz-monthpicker .ui-state-default:hover{background-color:#fff!important;}
table.mtz-monthpicker tr:first-child td{border:1px solid #fff!important;border-top:1px solid #9e9ea3!important;border-left:1px solid #9e9ea3!important;height:30px}
.ui-datepicker .ui-widget-content{border-top:1px solid #c8c8ce!important;border-right:none!important;border-left:none!important}
.ui-datepicker-calendar{border-top:1px solid #e0f4ff;border-left:5px solid #f0f4f6;border-right:5px solid #f0f4f6;border-spacing:5px!important}
.ui-datepicker-calendar .ui-state-default{font-weight:normal!important;color:#000!important;padding-right:5px;background-color:#fff!important;border:none!important}
.ui-datepicker-calendar .ui-state-default:hover{color:#fff!important;background-color:#00bae8!important;text-decoration:none!important}
.ui-datepicker-calendar th{font-size:12px;padding:5px 0!important}
.ui-datepicker-calendar td{font-size:12px}
.ui-datepicker-calendar tr .ui-datepicker-week-end:first-child{color:#ff7800!important}
.ui-datepicker-calendar tr .ui-datepicker-week-end:first-child a{color:#ff7800!important}
.ui-datepicker-calendar tr .ui-datepicker-week-end:first-child a:hover{color:#fff!important}
.ui-datepicker-calendar tr .ui-datepicker-week-end:last-child{color:#00bae8!important}
.ui-datepicker-calendar tr .ui-datepicker-week-end:last-child a{color:#00bae8!important}
.ui-datepicker-calendar tr .ui-datepicker-week-end:last-child a:hover{color:#fff!important}
.ui-datepicker-today .ui-state-default{background-color:#fffdd0!important}
.ui-datepicker-buttonpane .ui-state-default{height:22px!important;padding:0 10px 5px 10px!important;background:#808496!important;color:#fff!important;font-weight:bold!important;border:1px solid #a3a6b3!important;border-right:1px solid #5a5d6a!important;border-bottom:1px solid #5a5d6a!important;font-family:Arial,Tahoma;font-size:11px;font-weight:normal}
.ui-priority-secondary{filter:Alpha(Opacity=100)!important;opacity:1!important}

/* Dialog-Modal*/
.ui-widget-overlay{background:none!important;background-color:#000!important;opacity: .4!important;filter: Alpha(Opacity=40)!important}
.ui-dialog{padding:0!important;border-left:1px solid #d0d0d0!important;border-right:1px solid #d0d0d0!important;background-color:#f0f3f7!important;width:550px!important;top:100px!important;}
.ui-dialog > .ui-widget-content{border:none!important;padding: .5em 1em 0 1em!important}
.ui-dialog > .ui-widget-header{border:none!important;background-color:#3a3a3a!important;font-family:Arial,Tahoma!important;color:#fff!important;font-size:20px!important;font-weight:bold!important}
.ui-dialog #colchooser_list4{margin-top:8px}
.ui-dialog #colchooser_list4 > div{background-color:#fff;border:1px solid #d0d0d0;padding:10px 2%;width:96%!important;height:230px!important}
.ui-dialog .ui-dialog-content{background-color:#f0f3f7!important;border:none!important}
.ui-dialog .ui-multiselect{border:none;width:100%!important}
.ui-dialog .ui-multiselect div.available{border-left:none; height: 228px!important;}
.ui-dialog .ui-multiselect .ui-widget-header {color:#00bae8!important}
.ui-dialog .ui-multiselect .ui-widget-header a{color:#00bae8!important}
.ui-dialog .ui-multiselect .ui-widget-header .count{color:#212121!important;font-size:16px!important}
.ui-dialog .ui-multiselect .selected .ui-icon-minus{margin-right:5px}
.ui-dialog .ui-multiselect .available .ui-icon-plus{margin-right:5px}
.ui-dialog .ui-multiselect > .selected{border-bottom: 1px solid #00bae8!important; width: 250px!important;}
.ui-dialog .ui-multiselect > .available{border-bottom: 1px solid #00bae8!important;width:250px!important;}
/* .ui-dialog .ui-multiselect > .available{border-bottom: 1px solid #00bae8!important;width:249px!important} */
.ui-dialog .ui-dialog-title{padding:0!important}
.ui-dialog .ui-dialog-buttonpane{text-align: left;border:none!important;border-bottom:1px solid #d0d0d0!important;background-image:none;background-color:#f0f3f7!important;margin-top:0!important;padding:0 1em .5em .4em!important}
.ui-dialog .ui-widget-content .ui-dialog-buttonset .ui-state-default{font-family:Arial;font-weight:normal;height:31px!important;font-size:14px!important;color:#fff!important;padding:1px 10px!important;border:1px solid #d0d0d0!important;border-radius:5px!important;background-color:#3a3a3a!important}
.ui-dialog .ui-widget-header{background:#fff;-moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0}
.ui-dialog .ui-widget-header .ui-state-default{width:22px!important;height:21px!important;border:1px solid #1d253b!important;background:#1d253b!important;font-family:Arial,Tahoma!important;font-size:11px!important;color:#fff!important}
.ui-dialog .ui-state-default a, .ui-dialog .ui-state-default a:link, .ui-dialog .ui-state-default a:visited {color: #fff!important}
.ui-dialog .ui-dialog-buttonpane button{margin:.5em 0 .5em .4em!important}
.ui-dialog .ui-dialog-titlebar-close {margin: -10px 10px 0 0!important}
.ui-dialog .ui-button-text-only .ui-button-text{padding: 0 1em!important}
.ui-dialog .ui-state-default{border-right:none!important}
.ui-dialog .ui-dialog-titlebar-close .ui-icon{border:none!important;border-radius:3px!important;background:#00bae8 url(../images/bul_bt.gif) no-repeat -7px -247px!important}
.ui-dialog .ui-state-hover{border:none!important}
.ui-dialog .ui-resizable-handle{display:none!important}


.ui-dialog .ui-dialog-content > div{width:96%!important;}

/* Sort */
.ui-icon-triangle-1-s{background-position:-65px -15px!important}
.ui-icon-triangle-1-n{background-position:-0px -15px!important}

/* Chart */
table.jqplot-table-legend{border:1px solid #ffffff!important}

/* Modal */
.modalBg {background:url(../images/bg.png); width:100%; height:100%; clear:both; position:absolute; left:0; top:0; z-index:1; display:none;}
.modalWrap{margin:38px auto 0;width:70%;background:#fff!important;border-radius: 10px;}
.modalWrap #headerWrap{margin:0!important;height:63px;background:none}
.modalWrap #headerWrap .btIcon{width:15px;height:20px;background-position:-5px -245px;}
.modalWrap #headerWrap h2{float:none;color:#00bae8;font-size:18px;margin:0 20px;border-bottom:2px solid #00bae8!important;padding:30px 0 10px}
.modalWrap #contentWrap{min-width:239px;border:none;padding:15px}
.modalWrap .messageImg{float:left;width:73px;text-align:center;padding:20px 0 20px 0}
.modalWrap .messageWrap{float:left;padding-top:10px}
.modalWrap .buttonWrap{clear:both;text-align:center;border-top:1px solid #e0e0e7;padding:20px 0}

.reportMenu{display:none}

select { border:0; color:#0081a1; background:transparent;
		font-size:12px; font-weight:bold; padding:2px 10px; width:170px;
		-webkit-appearance: none; }
		
		#mainselection { overflow:hidden; width:170px;
		-moz-border-radius: 9px 9px 9px 9px;
		-webkit-border-radius: 9px 9px 9px 9px;
		border-radius: 9px 9px 9px 9px;
		/*box-shadow: 4px 4px 11px #7e7e7e;*/
		  border: 1px solid rgb(0, 186, 232);
		background: url("/static_root/S5D/images/arrow1.gif") no-repeat scroll 139px 1px #d9f7ff; 
		}	
#tooltip{
	position:absolute;
border:1px solid #bdbdbd;
	background:#00bae8;
	padding:2px 5px;
	color:#fff;
	display:none;
	}