@charset "utf-8";
/* CSS Document */

.buttonWrap div                          { display:inline-block; text-align:center; padding:1px; padding-left:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.buttonWrap div input                    { height:27px; padding-right:10px; border:0; padding-left:17px; font-size:12px; font-family:"DevGothicExtraBold"; }
.buttonWrap div input:hover              { cursor:pointer; }
.buttonWrap div.basicBtn                 { background:url(../image/button/baseNone.jpg) 0 bottom repeat-x; border:1px solid #adadad; }
.buttonWrap div.basicBtn:hover           { background:url(../image/button/baseOver.jpg); border-color:#fff; }
.buttonWrap div.basicBtn:active          { background:url(../image/button/baseOver.jpg); border-color:#fff; }
.buttonWrap div.basicBtn input           { color:#454545; }
.buttonWrap div.blueBtn                  { background:url(../image/button/blueNone.jpg) 0 bottom repeat-x; border:1px solid #2798f8; }
.buttonWrap div.blueBtn:hover            { background:url(../image/button/blueOver.jpg); border-color:#fff; }
.buttonWrap div.blueBtn:active           { background:url(../image/button/blueOver.jpg); border-color:#fff; }
.buttonWrap div.blueBtn input            { color:#fff; }
.buttonWrap div.greenBtn                 { background:url(../image/button/greenNone.jpg) 0 bottom repeat-x; border:1px solid #84ad58; }
.buttonWrap div.greenBtn:hover           { background:url(../image/button/greenOver.jpg); border-color:#fff; }
.buttonWrap div.greenBtn:active          { background:url(../image/button/greenOver.jpg); border-color:#fff; }
.buttonWrap div.greenBtn input           { color:#fff; }
.buttonWrap div.disableBtn               { border:1px solid #adadad; background:#f0f0f0; cursor:not-allowed; }
.buttonWrap div.disableBtn input         { background:url(../image/button/buttonIcon.png) 0 -98px no-repeat !important; color: #a0a0a0; }
.buttonWrap div.disableBtn input:hover   { cursor:not-allowed; }
.buttonWrap div.whiteBtn                 { border:1px solid #2798f8; background:#fff; }
.buttonWrap div.whiteBtn:hover           { background:#2798f8; border-color:#f1f1f1; }
.buttonWrap div.whiteBtn:active          { background:#2798f8; border-color:#f1f1f1; }
.buttonWrap div.whiteBtn input           { color:#2798f8; }
.buttonWrap div.whiteBtn:hover input     { color:#fff; }
.buttonWrap input[type=button].searchBtn { background:url(../image/button/buttonIcon.png) 0 7px no-repeat;}
.buttonWrap input[type=button].dataBtn   { background:url(../image/button/buttonIcon.png) 0 -16px no-repeat; }
.buttonWrap input[type=button].linkBtn   { background:url(../image/button/buttonIcon.png) 0 -38px no-repeat; }
.buttonWrap input[type=button].downBtn   { background:url(../image/button/buttonIcon.png) 0 -59px no-repeat; }
.buttonWrap input[type=button].xlsBtn    { background:url(../image/button/buttonIcon.png) 0 -170px no-repeat; }
.buttonWrap input[type=button].newriteBtn    { background:url(../image/button/buttonIcon.png) 0 -276px no-repeat; }
.buttonWrap.etc { margin:0px; width:100%; text-align:center; margin-top:5px; margin-bottom:5px; }

/* #headerWrap           { z-index:990; } */
.location             { z-index:990; }
.snb                  { z-index:991; }
.userInfo             { z-index:992; }
.layerWrap            { z-index:993; width:100%; height:100%; position:fixed; left:0px; top:0px; background:url(../image/background/layerAlphaBackground.png) repeat; margin:0; }
.contentsLyWrap       { z-index:994; width:0px; height:0px; top:50%; left:50%; position:fixed; background:none; margin:0; }
.contentsLy           { z-index:995; width:auto; height:auto; position:relative; background:#ffffff; border:1px solid #d7d7d7; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-shadow:0 0 10px 5px rgba(0,0,0,0.5); margin:0; padding:10px 0 10px 0; display:none; }
.contentsLy .lyClose  { right: -40px;} 
.messageLyWrap        { z-index:996; }
.loadingLyWrap        { z-index:998; width:100%; height:100%; position:fixed; left:0px; top:0px; background:url(../image/background/loadingLayerAlphaBackground.png) repeat; margin:0; }
.loadingLy            { z-index:999; width:150px; height:85px; background:url(../image/common/loadingGif.gif) center center no-repeat #ffffff; font-family:"DevGothicExtraBold"; letter-spacing:0; font-size:12px; text-align:center; padding:65px 0 0 0; border:1px solid #d7d7d7; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 10px 5px rgba(0,0,0,0.5); position:absolute; top:50%; left:50%; margin:-75px 0 0 -75px; }

.extendBtn            { width:27px; height:27px; background:url(../image/button/layerOpenNone.png) no-repeat; padding:0; margin:0 0 0 5px; border:0 none; display:inline-block; vertical-align:top; }
.extendBtn:hover      { background:url(../image/button/layerOpenOver.png) no-repeat; }
.extendBtn:action     { background:url(../image/button/layerOpenOver.png) no-repeat; }

.buttonFull           { width:auto; margin:0px; float:right; }

.hidden               { display:none; }
.center               { text-align:center; }

.message {
	background-color:#ccc; color:#000; padding:10px;
	position: absolute; top:0; left:0; z-index:99999; min-width:200px; min-height:30px; display:none;
}

.message, .moreinfo, .server_blank  {
	-ms-filter:alpha(opacity=75); /* IE 8 */
	filter:alpha(opacity=75);     /* IE 5-7 */
	-moz-opacity:0.75;            /* FF, Netscape */
	-khtml-opacity:0.75;          /* Safari 1.x */
	opacity:0.75;                 /* Good browsers */
}
.moreinfo { display:none; position:absolute; z-index:2; background-color:#fff; font-weight:bold; text-align:right; padding:5px; }

textarea.label {
	width:100%; min-height:40px; border:0px; background-color:#fff;
}
.plus {
	background:url(../image/icon/plus2.gif) no-repeat; width:16px; height:15px; border:0px; vertical-align:middle; cursor:pointer;
}
.minus {
	background:url(../image/icon/minus2.gif) no-repeat; width:16px; height:15px; border:0px; vertical-align:middle; cursor:pointer;
}
.imageUploadWrap {
	width:90%; height:200px; margin-left:3%; border:1px solid #ccc; float:left; padding:10px;"
}
.imageUploadWrap       { height:300px; margin-bottom:10px; }
.imageUpload           { width:100%; }
.imageUpload ol li     { width:204px; height:170px; border:1px solid #ccc; float:left; margin:2px; text-align:center; }
.imageUpload .moreinfo { display:none; position:absolute; z-index:2; width:200px; background-color:#fff; font-weight:bold; text-align:right; }
.imageUpload .preview  { width:200px; height:143px; border:0px; }
.imageUpload input[type=file] { width:200px; }

.treeview ul { width:99%; }

.inchargeWrap li { width:33%; float:left; margin-right:0.3%; }
.inchargeWrap li:last { margin-right:0px; }
.inchargeWrap table tr th { width: 30%; }
.inchargeWrap table tr td { width: 70%; }

.titleArea h4 { float:left; }

ul li a.selected { font-weight:bold; color:red; }
.b_on            { color:red; margin-right:2px; }
.b_of            { color:gray; margin-right:2px; }

.margin1          { margin:0px 3% 20px 3%; }
.titleSub2        { width:94%; margin:0px 3% 5px 3%; float:left; padding:0; }
.titleOption      { width:94%; float:left; margin:10px 3% 20px 3%; font-size:14px; font-weight:bold; background-color:#f1f1f1; padding:10px 0px; }
.titleOption input[type=radio] { font-size:18px; font-weight:bold; margin-left:4px; }
.titleOption.disabledBtn span { padding:0px; background:none; }
.titleOption span { font-size:18px; font-weight:bold; margin:0px 5px; }

.systemWrap li          { float:left; width:120px; height:180px; margin:5px; padding:5px; border:1px dotted #ccc; text-align:center; }
.systemWrap li:hover    { background-color:#CCFF33; cursor:pointer; }
.systemWrap span        { font-size:15px; font-weight:bold; word-break:break-all; }
.systemWrap .server     { width:100%; background:url(../image/icon/hwServerRegNone.jpg); }
.systemWrap .storage    { width:100%; background:url(../image/icon/hwServerDeskNone.jpg); }
.systemWrap .backupEq   { width:100%; background:url(../image/icon/hwStorageNone.jpg); }
.systemWrap .securityEq { width:100%; background:url(../image/icon/hwBaseNone.jpg); }
.systemWrap .router     { width:100%; background:url(../image/icon/cpRouterNone.jpg); }
.systemWrap .switch     { width:100%; background:url(../image/icon/cpSwitchNone.jpg); }
.systemWrap .hub        { width:100%; background:url(../image/icon/cpHubNone.jpg); }
.systemWrap .ups        { width:100%; background:url(../image/icon/erpNone.jpg); }
.systemWrap .itsystem   { width:100%; background:url(../image/icon/itamNone.png); }
.systemWrap .moreinfo   { display:none; position:absolute; z-index:2; padding-top:10px; text-align:right; }
.systemWrap .moreinfo a { font-size:15px; font-weight:bold; }

.systemWrap .030101     { width:100%; background:url(../image/icon/hwServerRegNone.jpg); width:100%; }
.systemWrap .030102     { width:100%; background:url(../image/icon/hwServerDeskNone.jpg); }

.systemWrap.row5 li        { width:15.9%; float:left; margin:5px; border:1px dotted #ccc; text-align:center; }
.systemWrap.row5 .moreinfo { width:14%; display:none; position:absolute; z-index:2; padding-top:5px; text-align:right; }
.systemWrap.row3 li        { width:150px; float:left; margin:5px; border:1px dotted #ccc; text-align:center; cursor:pointer; }
.systemWrap.row3 .moreinfo { width:140px; display:blcok; position:absolute; z-index:2; padding-top:5px; text-align:right; }

.partition3 > li { float:left; width:32.9%; border:1px solid #f1f1f1; margin-right:0.3%; }
.partition3 > li:last-child { margin:0px; }

.w20f { width:20%; height:100%; float:left; background-color:#f1f1f1; }
.w80f { width:80%; height:100%; float:left; }



#doc table { width:100%; border:0; }
#doc11, #doc21, #doc31 { margin:10px 0px; }

input[name=mant_rate] {
	width: 50px;
}
table caption { text-align:left; }

.image_area_1 { float:left; width:93.2%; border:1px solid #ccc; padding:5px; }
.image_area_1 ol li { float:left; display:block; margin:0px 5px; }

.layerDel          { position:absolute; z-index:2; margin-top:-5px; display:none; }

.total             { background-color:#FFFF99; }
.sub_total         { background-color:#CCFFFF; }

.summaryInfo          { width:100%; border-collapse:collapse; font-size:11px; background-color:#fff; }
.summaryInfo tr       { height:26px; }
.summaryInfo tr.title { background-color:#ccc; }
.summaryInfo tr th    { background-color:#f1f1f1; text-align:right; padding-right:10px; }
.summaryInfo tr td    { border:1px solid #f1f1f1; }

.mg_l_10 { margin-left:10px; }
.mg_r_10 { margin-right:10px; }
.pd_l_10 { padding-left:10px; }

.bar2    { border-radius:5px; padding:5px !important; margin-left:-5px !important; background-color:#88a7d8; }
.bar2 h2 { color:#fff; }
.bar3    { border-radius:5px; padding:5px !important; margin:0 3% 5px 3%; background-color:#D0D0D0; width:93% !important; }

.border_l_1 { border-left:1px dashed #d7d7d7 !important; }
.txt_left   { text-align:left !important; }

.server_blank { width:170px; height:15.6px; background-color:gray; cursor:pointer; font-size:12px; color:red; font-weight:bold; border-bottom:1px dotted red; }
.server_blank:hover { background-color:#99CCFF; }

.server_blank_over  { width: 189px; position:absolute; z-index:9999; background-color:red; display:none; cursor:pointer; }

.opacity_3{
	-ms-filter:alpha(opacity=30); /* IE 8 */
	filter:alpha(opacity=30);     /* IE 5-7 */
	-moz-opacity:0.30;            /* FF, Netscape */
	-khtml-opacity:0.30;          /* Safari 1.x */
	opacity:0.30;                 /* Good browsers */
}

.tableLayout { width:188px; position:absolute; z-index:9; border:0; margin:0; border-collapse:collapse; left:0; bottom:86px; }
.tableLayout tr { height:13px; }
/* .tableLayout tr:hover { background-color:#FF9966; } */
.tableLayout tr td { border-top:1px dotted #ccc; font-size:8px; color:#f1f1f1; padding-left:3px; font-size:6px !important; }

map > area,
map > area:active,
map > area:focus { outline:red; border:1px solid red; position:absolute; z-index:1; padding:1px; display:none; }


html, body {
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-font-size-adjust:none;
}