/******************************************************* /* 기본 스타일 */ /*******************************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0px;padding:0px;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-family:돋움, 돋움체, Tahoma, Arial; font-size: 12px; line-height: 18px; color: #fff; background-color:#000; scrollbar-face-color:#EBEBEB; scrollbar-shadow-color:#CDCDCD; scrollbar-highlight-color:#CDCDCD; scrollbar-3dlight-color:#F3F3F3; scrollbar-darkshadow-color:#F3F3F3; scrollbar-track-color:#F3F3F3; scrollbar-arrow-color:#FFFFFD; } body.popup { background: #FFFFFF url(../image/monitoring/blank.gif) no-repeat; font-size: 12px; line-height: 18px; padding: 0px 20px 0px 20px;} div { clear:both; padding: 0px; font: 12px 돋움, 돋움체, Tahoma, Arial; color: #FFF; } strong { letter-spacing:0px;} /* 기본 table 스타일 */ table, th, td, ul, p, h1, h2 { font: 14px 돋움, 돋움체,Tahoma; color: #FFF; line-height: 20px} table { border-collapse: collapse; word-break: break-all;border:0px} td {padding: 0px; border:0px} /******************************************************* /* 링크된 텍스트 글자 색상 스타일 */ /*******************************************************/ img { border: 0px; margin: 0px;} div img { vertical-align: middle} /******************************************************* /* link style */ /*******************************************************/ a { text-decoration: none; padding: 0px; margin: 0px; border:0px;} a:link { color: #888888;} a:visited { color: #656565;} a:hover { color: #FF9900;} .cursorHand{ cursor: hand;} /******************************************************* /* input style */ /*******************************************************/ input, select { vertical-align:middle; margin-bottom:3px;} input { color: #333 ;padding:4px 5px 0px 5px; line-height: 100%;} select,textarea { font-family: Arial, Helvetica, sans-serif, 돋움, 돋움체; color: #666666 ; font-size : 12px; border: 1px solid #b7b7b7; } select { margin: 0px; line-height: 100%;} select.multi { margin: 0px; line-height: 150%;} textarea { padding: 2px;line-height: 150%;margin-bottom:3px;} textarea.none { border: 0px; overflow: auto; background: transparent;} textarea.border0, select.border0, input.border0{ border: 0px;} input.none { border: 0px; color: #FFFFFF; font-weight:bold; background-color: transparent; } .bgcEE { background-color: #EEEEEE;} /******************************************************* /* text style */ /*******************************************************/ .textNode { color: #FF9900; font: 600 20px Arial, 돋움체; } .textChannel{ color: #FFF;} .textGroup { color: #66CCFF} /******************************************************* /* layout */ /*******************************************************/ /* 전체 기본 layout */ #top { width:100%; height:80px; vertical-align:top; background: transparent url(../image/common/monitoringTopBg02.jpg) no-repeat top left; } #middle, .mainCont{ width:1231px; font: 14px bold 돋움체, Tahoma, Arial; margin:0px 10px 0px 10px} #bottom { vertical-align:top; margin: 0px 0px 0px 0px;} /* top layout */ #topLeft { width:300px; padding:21px 0px 5px 22px; vertical-align:top;} .topRight { width:312px; padding:4px 10px 0px 0px; text-align: right; vertical-align:top; background: transparent url(../image/common/monitoringTopBgRight.jpg) no-repeat top right;} .topMenuArea{ padding-top:8px; font-size:0px; text-align:center; vertical-align:top} .mainMenuSlash{ padding:0px 20px 0px 20px; } .time { width:187px; height:20px; background: #072C41 url(../image/common/timeBg.gif) no-repeat; color:#FFF; text-align:center;font-size: 13px; padding-top:6px } .quickLink { margin-right:15px; margin-top:2px} .subMenuBg, .subMenuBg01, .subMenuBg02, .subMenuBg03 { width:607px; height:30px; vertical-align:top; text-align:center; margin-top:6px; position:absolute; top:34px; left:323px; visibility:hidden} .subMenuBg { background: #9A9C6E url(../image/menu/subMenuBg.gif) no-repeat} .subMenuBg01 { background: #9A9C6E url(../image/menu/subMenuBg01.jpg) no-repeat} .subMenuBg02 { background: #9A9C6E url(../image/menu/subMenuBg02.jpg) no-repeat} .subMenuBg03 { background: #9A9C6E url(../image/menu/subMenuBg03.jpg) no-repeat} .subMenuBg img, .subMenuBg01 img, .subMenuBg02 img, .subMenuBg03 img { margin: 7px 25px 2px 25px} /* middle layout */ /* main layout */ /* bottom layout */ /******************************************************* /* Title style */ /*******************************************************/ .mainTitle01 { padding: 2px 5px 3px 7px} .titleChannel{ text-align: center; padding-top: 1px;} .titleSession{ padding: 8px; background-color: #807F68} .textSession { color: #FFF; font:bold 16px Tahoma; margin:13px 0px 0px 26px} /*******************************************************/ /* box text-align */ /*******************************************************/ .left { text-align: left;} .center { text-align: center;} .right { text-align: right;} /* float style */ .floatLeft {display: inline; float:left;} .floatLeftBig {display: inline; float:left; margin:7px 0px 0px 2px;} .floatRight {display: inline; float:right;} /******************************************************* /* node style */ /*******************************************************/ .nodeS { width:142px; height:220px; margin: -5px 5px 3px 5px; background: transparent url(../image/node/nodS_001.png) no-repeat; text-align:left} .nodeSOn { width:142px; height:220px; margin: -5px 5px 3px 5px; background: transparent url(../image/node/nodS_001.png) no-repeat; text-align:left} .nodeSDown { width:142; height:220px; margin: -5px 5px 3px 5px; background: transparent url(../image/node/image003.png) no-repeat;} .nodeSNone { width:142px; height:220px; margin: -5px 5px 3px 5px; background: transparent url(../image/node/boxNodeSNoneBg001.png) no-repeat;} .nodeB { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBBg.gif) no-repeat;} .nodeBOn { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBOnBg.gif) no-repeat;} .nodeBDown { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBDownBg.gif) no-repeat;} .nodeBDown02 { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBDownBg02.gif) no-repeat;} .nodeBDownBatch { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBDownBgBatch.gif) no-repeat;} .nodeBNone { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBNoneBg.gif) no-repeat;} .nodeBNone02{ width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBNoneBg02.gif) no-repeat;} .nodeBNoneBatch { width:196px; height:395px; margin: 0px 2px 0px 2px; background: transparent url(../image/node/boxNodeBNoneBgBatch.gif) no-repeat;} .nodeNo { width:99px; height:22px; text-align:right; padding:5px 40px 0px 0px} .nodeNoBox { width:146px; height:39px; margin:5px 0px 0px 14px} .nodeBNo { margin:7px 0px 0px 130px} .adapterBBox img.nodeBNo { margin:0px 0px 0px 79px; vertical-align:-4px} .nodeBDown div.nodeNo, .nodeBDown02 div.nodeNo, .nodeBDownBatch div.nodeNo { text-align:right; padding:6px 0px 0px 50px} .adapterRTBox { width:100px; height:26px; margin-left: 11px; margin-top: 0px; background: transparent url(../image/node/adapterRTBg.png) no-repeat; text-align:right; padding:0px 5px 0xp 0px} .adapterRTBox img { display: block; margin:3px 9px 3px 2px;} .adapterBox { width:100px; height:26px; margin-left: 11px; margin-top: 4px; background: transparent url(../image/node/adapterBg001.png) no-repeat; text-align:right; padding:0px 5px 0xp 0px} .adapterBox img { display: block; margin:3px 9px 3px 2px;} /* channal adapter style */ .adapterBBox { width:145px; height:186px; margin: 0px 0px 0px 12px; background: transparent url(../image/node/adapterBBg.gif) no-repeat; padding:3px 0px 0px 5px; font-size:0px;} .adapterBBox img.adapterBBall{ margin:5px 2px 6px 3px} .adapterBBox img.adapterBall{ display: block; margin:2px 2px 2px 6px;} .adapterBBox02 { width:145px; height:154px; margin: 0px 0px 0px 12px; background: transparent url(../image/node/adapterBBg02.gif) no-repeat; padding:0px 0px 0px 2px; font-size:0px;} .adapterBBoxBatch { width:145px; height:154px; margin: 0px 0px 0px 12px; background: transparent url(../image/node/adapterBBgBatch.gif) no-repeat; padding:0px 0px 0px 2px; font-size:0px;} .adapterBBox02 img.adapterBBall, .adapterBBoxBatch img.adapterBBall{ margin:0px 2px 4px 3px} .adapterBBox02 img.adapterBall, .adapterBBoxBatch img.adapterBall{ display: block; margin:2px 2px 2px 6px;} .instanceArea{ width:95px; height:33px; margin-left: 10px; margin-bottom: 0px} .instanceLine{ width:95px; border-top: 1px solid #989792; border-bottom: 1px solid #989792; margin-top:8px} .instanceLine2{ width:95px; border-top: 1px solid #989792; border-bottom: 1px solid #989792;} .instanceBox{ border: 1px solid #4D7171; background-color: #003336; padding:1px 1px 2px 2px } .instanceBox img { margin:0px 1px 1px 0px;} .instanceAreaB { width:145px; height:79px; margin-left: 12px; margin-top: 2px;background: transparent url(../image/node/instanceAreaB.gif) no-repeat;} .instanceList { width:135px; height:60px; margin:7px 5px 5px 5px } .instanceBar { height: 36px; border-right: 1px solid #FFF; border-left: 1px solid #FFF; background-color: #FFF; padding:2px 0px 0px 0px; vertical-align:bottom; font-size:0px } .instanceGreen { background-color: #339944;font-size:0px} .instanceYellow { background-color: #FFCC00;font-size:0px} .instanceGray { background-color: #6C6C6C;font-size:0px} .instanceRed { background-color: #FF0000;font-size:0px} .instanceNum { font-size:0px; height:25px; vertical-align:top} .systemBox { width:80px; height:43px; margin: 4px 0px 2px 7px; background: transparent url(../image/node/systemBg.gif) no-repeat; padding:4px 0px 0px 30px} .barBg { width:40px; height:8px; padding-bottom:3px} .barBg div { height:8px; font-size:0px;} .barGreen { height:8px; background: transparent url(../image/node/barGreen.gif) repeat-x;} .barYellow { height:8px; background: transparent url(../image/node/barYellow.gif) repeat-x;} .barRed { height:8px; background: transparent url(../image/node/barRed.gif) repeat-x;} .textSystem { font: bold 14px/14px DotumChe; color: #3399FF; padding:0px 2px 0px 1px; text-align: right;} .systemBBox { width:93px; height:60px; margin: 3px 0px 0px 12px; background: transparent url(../image/node/systemBBg.gif) no-repeat; padding:8px 0px 0px 52px} .barBBg { width:52px; height:13px; padding-bottom:7px; } .barBBg div { height:13px; font-size:0px;} .barBGreen { height:13px; background: transparent url(../image/node/barBGreen.gif) repeat-x;} .barBYellow { height:13px; background: transparent url(../image/node/barBYellow.gif) repeat-x;} .barBRed { height:13px; background: transparent url(../image/node/barBRed.gif) repeat-x;} .textSystemB{ font: bold 20px/20px DotumChe; color: #3399FF; padding:0px 5px 0px 1px; text-align: right } .conCountBox,.conCountBox02{ width:97px; height:24px; margin: 0px 0px 0px 7px; background: transparent url(../image/node/conCountBg.gif) no-repeat; font:18px/18px Arial; color: #3399FF; padding:4px 5px 0px 0px; text-align:right;} .conCountBox02{ font:16px/18px Arial;} .conCountBBox, .conCountBBox02{ width:138px; height:39px; margin: 3px 0px 0px 12px; background: transparent url(../image/node/conCountBBg.gif) no-repeat; font: 600 24px/24px Arial; color: #3399FF; padding:8px 7px 0px 0px; text-align:right;} .conCountBBox02{ font:600 20px/22px Arial;} .tranBox { width:836px; margin:20px 0px;} .tranBox01 { width:100%; height: 403px; margin-top:15px}/*main bigTable view*/ .tranBox02 { width:100%; margin-top:5px}/*sub tranBox view*/ .peakdayBox { width:390px; height: 209px; margin:20px 0px 0px 5px; position:absolute; right:3%} .obstacleBox{ width:100%; height: 154px; margin-top:0px} /*****************************************************************************************/ /* table00 style /**************************************************************************************** */ table.table00 { width: 100%; margin: 0px; word-break: break-all;} /* th */ table.table00 th {border: 1px solid #666; text-align: center; height: 20px; padding: 1px 5px 1px 5px; background-color: #494949; color: #CCC; font:bold 18px Tahoma;} table.table00 th.rowspan { line-height: 100%; height: 9px; padding: 2px 5px 0px 5px;} table th.view {width: 110px; background-color: #494949;} table.table00 th.sum, table.table00 th.sumRight { height: 24px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; } table.table00 th.sumRight { text-align: right;} table.table00 th a:link {color: #CCC;} table.table00 th a:visited {color: #CCC;} table.table00 th a:hover {color: #6699CC;} /* td */ table.table00 td {border: 1px solid #666; line-height: 140%; height: 20px; padding: 2px 5px 1px 5px; color: #FFF; font:bold 15px Tahoma; background-color: #000} table.table00 td.second, table.table00 tr.second td {background-color: #191919;} table.table00 td.th01 {background-color: #1D1D1C; color: #CCC;} table.table00 tr.second td.th02 {background-color: #151414; color: #CCC;} .second {background-color: #191919;} table.table00 td.img {padding: 1px 4px 1px 4px; vertical-align: middle;} table.table00 td.english {font-family:Tahoma;} table.table00 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;} table.table00 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;} table.table00 td.emphasis{background-color: #FFEECC;} table td.styleNone {padding: 0px; border: 0px; margin: 0px;} table td.sum {background-color: #05303E; color: #FBO; font-size:16px} table.table00 td a:link { color: #FFFFEE;} table.table00 td a:visited { color: #FFFFEE;} table.table00 td a:hover { color: #FFEE99;} /*****************************************************************************************/ /* table01 style /**************************************************************************************** */ table.table01 { width: 100%; margin: 0px; word-break: break-all;} /* th */ table.table01 th {border: 1px solid #666; text-align: center; height: 22px; padding: 3px 5px 2px 5px; background-color: #494949; color: #CCC; font:bold 18px Tahoma;} table.table01 th.rowspan { line-height: 100%; height: 9px; padding: 2px 5px 0px 5px;} table th.view {width: 110px; background-color: #494949;} table.table01 th.sum, table.table01 th.sumRight { height: 24px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; } table.table01 th.sumRight { text-align: right;} table.table01 th a:link {color: #CCC;} table.table01 th a:visited {color: #CCC;} table.table01 th a:hover {color: #6699CC;} /* td */ table.table01 td {border: 1px solid #666; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px Tahoma; background-color: #000} table.table01 td.second, table.table01 tr.second td {background-color: #191919;} table.table01 td.th01 {background-color: #1D1D1C; color: #CCC;} table.table01 tr.second td.th02 {background-color: #151414; color: #CCC;} .second {background-color: #191919;} table.table01 td.img {padding: 1px 5px 1px 5px; vertical-align: middle;} table.table01 td.english {font-family:Tahoma;} table.table01 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;} table.table01 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;} table.table01 td.emphasis{background-color: #FFEECC;} table td.styleNone {padding: 0px; border: 0px; margin: 0px;} table td.sum {background-color: #05303E; color: #FBO; font-size:16px} table.table01 td a:link { color: #FFFFEE;} table.table01 td a:visited { color: #FFFFEE;} table.table01 td a:hover { color: #FFEE99;} /*****************************************************************************************/ /* tableBig style /**************************************************************************************** */ table.tableBig { width: 100%; margin: 0px; word-break: break-all;} /* th */ table.tableBig th {border: 1px solid #666; text-align: center; height: 46px; padding: 3px 5px 2px 5px; background-color: #494949; color: #CCC; font:500 32px Tahoma;} table.tableBig th.rowspan { line-height: 100%; height: 30px; padding: 2px 5px 0px 5px;} table th.view {width: 150px; background-color: #494949;} table.tableBig th.sum, table.tableBig th.sumRight { height: 46px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; } table.tableBig th.sumRight { text-align: right;} table.tableBig th a:link {color: #CCC;} table.tableBig th a:visited {color: #CCC;} table.tableBig th a:hover {color: #6699CC;} table.table01 th.sumRight a:link, table.table01 th.sum a:link, table.tableBig th.sumRight a:link, table.tableBig th.sum a:link {color: #FB0;} table.table01 th.sumRight a:visited,table.table01 th.sum a:visited, table.tableBig th.sumRight a:visited,table.tableBig th.sum a:visited {color: #FB0;} table.table01 th.sumRight a:hover, table.table01 th.sum a:hover, table.tableBig th.sumRight a:hover, table.tableBig th.sum a:hover {color: #FE0;} /* td */ table.tableBig td {border: 1px solid #666; line-height: 140%; height: 46px; padding: 3px 5px 1px 5px; color: #FFF; font:normal 32px Tahoma; background-color: #000} table.tableBig td.second, table.tableBig tr.second td {background-color: #191919;} table.tableBig td.th01 {background-color: #1D1D1C; color: #CCC; font-weight:bold; letter-spacing:-2px} table.tableBig tr.second td.th02 {background-color: #151414; color: #CCC; font-weight:bold; letter-spacing:-2px} .second {background-color: #191919;} table.tableBig td.img {padding: 1px 5px 1px 5px; vertical-align: middle;} table.tableBig td.english {font-family:Tahoma;} table.tableBig td table td {border: 0px solid #666; line-height: 140%; padding: 0px;} table.tableBig td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;} table.tableBig td.emphasis{background-color: #FFEECC;} table td.styleNone {padding: 0px; border: 0px; margin: 0px;} table td.sum {background-color: #05303E; color: #FBO; font-size:32px} table.tableBig td a:link { color: #FFF;} table.tableBig td a:visited { color: #FFF;} table.tableBig td a:hover { color: #FFEE99;} table.table01 td.th01 a:link, table.table01 td.th02 a:link, table.tableBig td.th01 a:link, table.tableBig td.th02 a:link { color: #CCC;} table.table01 td.th01 a:visited, table.table01 td.th02 a:visited, table.tableBig td.th01 a:visited, table.tableBig td.th02 a:visited { color: #CCC;} table.table01 td.th01 a:hover, table.table01 td.th02 a:hover, table.tableBig td.th01 a:hover, table.tableBig td.th02 a:hover { color: #FFCC00;} /*****************************************************************************************/ /* tableBig2 style /**************************************************************************************** */ table.tableBig2 { width: 100%; margin: 0px; word-break: break-all;} /* th */ table.tableBig2 th {border: 1px solid #666; text-align: center; height: 40px; padding: 1px 5px 1px 5px; background-color: #494949; color: #CCC; font: 34px Tahoma;} table.tableBig2 th.rowspan { line-height: 100%; height: 30px; padding: 2px 5px 0px 5px;} table th.view {width: 150px; background-color: #494949;} table.tableBig2 th.sum, table.tableBig2 th.sumRight { height: 46px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; } table.tableBig2 th.sumRight { text-align: right;} table.tableBig2 th a:link {color: #CCC;} table.tableBig2 th a:visited {color: #CCC;} table.tableBig2 th a:hover {color: #6699CC;} table.table00 th.sumRight a:link, table.table00 th.sum a:link, table.tableBig2 th.sumRight a:link, table.tableBig2 th.sum a:link {color: #FB0;} table.table00 th.sumRight a:visited,table.table00 th.sum a:visited, table.tableBig2 th.sumRight a:visited,table.tableBig2 th.sum a:visited {color: #FB0;} table.table00 th.sumRight a:hover, table.table00 th.sum a:hover, table.tableBig2 th.sumRight a:hover, table.tableBig2 th.sum a:hover {color: #FE0;} /* td */ table.tableBig2 td {border: 1px solid #666; line-height: 140%; height: 40px; padding: 2px 5px 1px 5px; color: #FFF; font:normal 30px Tahoma; background-color: #000} table.tableBig2 td.second, table.tableBig2 tr.second td {background-color: #191919;} table.tableBig2 td.th01 {background-color: #1D1D1C; color: #CCC; font-weight:bold; letter-spacing:-2px} table.tableBig2 tr.second td.th02 {background-color: #151414; color: #CCC; font-weight:bold; letter-spacing:-2px} .second {background-color: #191919;} table.tableBig2 td.img {padding: 1px 5px 1px 5px; vertical-align: middle;} table.tableBig2 td.english {font-family:Tahoma;} table.tableBig2 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;} table.tableBig2 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;} table.tableBig2 td.emphasis{background-color: #FFEECC;} table td.styleNone {padding: 0px; border: 0px; margin: 0px;} table td.sum {background-color: #05303E; color: #FBO; font-size:32px} table.tableBig2 td a:link { color: #FFF;} table.tableBig2 td a:visited { color: #FFF;} table.tableBig2 td a:hover { color: #FFEE99;} table.table00 td.th01 a:link, table.table00 td.th02 a:link, table.tableBig2 td.th01 a:link, table.tableBig2 td.th02 a:link { color: #CCC;} table.table00 td.th01 a:visited, table.table00 td.th02 a:visited, table.tableBig2 td.th01 a:visited, table.tableBig2 td.th02 a:visited { color: #CCC;} table.table00 td.th01 a:hover, table.table00 td.th02 a:hover, table.tableBig2 td.th01 a:hover, table.tableBig2 td.th02 a:hover { color: #FFCC00;} /*****************************************************************************************/ /* table02 style /**************************************************************************************** */ table.table02 { width: 370px; margin-left: 15px; margin-top: 5px; word-break: break-all;} /* th */ table.table02 th {border: 1px solid #999; text-align: center; height: 22px; padding: 3px 5px 2px 5px; background-color: #4B5449; color: #CCC; font:bold 18px 돋움체,Tahoma;} table.table02 th a:link {color: #CCC;} table.table02 th a:visited {color: #CCC;} table.table02 th a:hover {color: #6699CC;} /* td */ table.table02 td {border: 1px solid #999; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px 돋움체, Tahoma; background-color: #283B19} table.table02 td a:link { color: #FFFFEE;} table.table02 td a:visited { color: #FFFFEE;} table.table02 td a:hover { color: #FFEE99;} /*****************************************************************************************/ /* table03 style /**************************************************************************************** */ table.table03 { width:100%; margin: 0px; word-break: break-all;} /* th */ table.table03 th {border: 1px solid #666; text-align: center; height: 22px; padding: 3px 5px 2px 5px; background-color: #494949; color: #CCC; font:bold 18px Tahoma;} table.table03 th.rowspan { line-height: 100%; height: 9px; padding: 2px 5px 0px 5px;} table th.view {width: 110px; background-color: #494949;} table.table03 th.sum, table.table03 th.sumRight { height: 24px; border-top: 3px double #666; border-bottom: 3px double #666; background-color: #05303E; color: #FB0;padding: 0px 5px 0px 5px; } table.table03 th.sumRight { text-align: right;} /* td */ table.table03 td {border: 1px solid #666; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px Tahoma; background-color: #000} table.table03 td.second, table.table03 tr.second td {background-color: #191919;} table.table03 td.th01 {background-color: #1D1D1C; color: #CCC;} table.table03 tr.second td.th02 {background-color: #151414; color: #CCC;} .second {background-color: #191919;} table.table03 td.img {padding: 1px 5px 1px 5px; vertical-align: middle;} table.table03 td.english {font-family:Tahoma;} table.table03 td table td {border: 0px solid #666; line-height: 140%; padding: 0px;} table.table03 td.rowspan {height: 12px; line-height: 120%; padding: 3px 5px 0px 5px;} table.table03 td.emphasis{background-color: #FFEECC;} table td.styleNone {padding: 0px; border: 0px; margin: 0px;} table td.sum {background-color: #05303E; color: #FBO; font-size:16px} /*****************************************************************************************/ /* table04 style /**************************************************************************************** */ table.table04 { width: 600px; margin-left: 15px; margin-top: 5px; word-break: nowrap;} /* th */ table.table04 th {border: 1px solid #999; text-align: center; height: 16px; padding: 3px 5px 2px 5px; background-color: #4B5449; color: #CCC; font:bold 14px 돋움체,Tahoma;} table.table04 th a:link {color: #CCC;} table.table04 th a:visited {color: #CCC;} table.table04 th a:hover {color: #6699CC;} /* td */ table.table04 td {border: 1px solid #999; line-height: 140%; height: 22px; padding: 4px 5px 1px 5px; color: #FFF; font:bold 15px 돋움체, Tahoma; background-color: #283B19} table.table04 td a:link { color: #FFFFEE;} table.table04 td a:visited { color: #FFFFEE;} table.table04 td a:hover { color: #FFEE99;} /* 테이블 기타 관련 */ .ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*******************************************************/ /* 버튼 관련 */ /*******************************************************/ /***********************************************/ /* box */ /************************************/ .moniBox01 {background: transparent url(../image/box/moniBox01.gif) no-repeat top left; padding: 5px 5px 4px 5px; height:524px} .moniBox02 {background: #9F9F9F url(../image/box/moniBox02.gif) repeat-x top left;} .moniBox03 {background: transparent url(../image/box/moniBox03.gif) no-repeat top right;} .moniBox04 {background: transparent url(../image/box/moniBox04.gif) repeat-y top left;} .moniBox05 {background: transparent url(../image/box/moniBox05.gif) repeat-y top right;} .moniBox06 {background: transparent url(../image/box/moniBox06.gif) no-repeat bottom left;} .moniBox07 {background: transparent url(../image/box/moniBox07.gif) repeat-x bottom left;} .moniBox08 {background: transparent url(../image/box/moniBox08.gif) no-repeat bottom right;} /* 업무별모니터링 channelBox */ .channelBox00 {background: #093D43 url(../image/box/channelBox00.jpg) repeat-x; width:816px; height:425px} .channelBox01 {background: transparent url(../image/box/channelBox01.jpg) no-repeat top left; padding: 21px 7px 8px 8px; height:396px } .channelBox02 {background: transparent url(../image/box/channelBox02.jpg) repeat-x top left; width:816px;} .channelBox03 {background: transparent url(../image/box/channelBox03.jpg) no-repeat top right;} .channelBox04 {background: transparent url(../image/box/channelBox04.jpg) repeat-y top left;} .channelBox05 {background: transparent url(../image/box/channelBox05.jpg) repeat-y top right;} .channelBox06 {background: transparent url(../image/box/channelBox06.jpg) no-repeat bottom left;} .channelBox07 {background: transparent url(../image/box/channelBox07.jpg) repeat-x bottom left;} .channelBox08 {background: transparent url(../image/box/channelBox08.jpg) no-repeat bottom right;} /* 전체모니터링 channelBox */ .channelBoxBg01 {background: #063A3D url(../image/box/channelBoxBg01.jpg) repeat-x top left; width:608px; height:253px; margin:2px 2px 1px 2px} .channelBoxBg02 {background: transparent url(../image/box/channelBoxBg02.jpg) repeat-x top left; width:608px; height:224px; margin:2px} .channelBoxLeft {background: transparent url(../image/box/channelBoxLeft.jpg) no-repeat top left; height:100%; text-align:center} .channelBoxRight01{background: transparent url(../image/box/channelBoxRight01.jpg) no-repeat top right;height:100%;} .channelBoxRight02{background: transparent url(../image/box/channelBoxRight03.jpg) no-repeat top right;height:100%;} .channelTitleBg { width:260px; height:26px; margin:5px; background: transparent url(../image/common/channelTitleBg.gif) no-repeat top left; text-align:center; font-size:0px } .channelTitleBg02{ width:260px; height:26px; background: transparent url(../image/common/channelTitleBg02.gif) no-repeat top left; text-align:center; font-size:0px } .instanceSmsBox00 {background: #0A4420 url(../image/box/instanceSmsBox00.jpg) repeat-x; width:400px; height:425px} .instanceSmsBox01 {background: transparent url(../image/box/instanceSmsBox01.gif) no-repeat top left;width:400px; height:425px } .instanceSmsBox02 {background: #0A4420 url(../image/box/instanceSmsBox00.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px} .instanceSmsBox03 {background: transparent url(../image/box/instanceSmsBox03.gif) no-repeat top right;} .instanceSmsBox04 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-y top left;} .instanceSmsBox05 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-y top right;} .instanceSmsBox06 {background: transparent url(../image/box/instanceSmsBox06.gif) no-repeat bottom left;} .instanceSmsBox07 {background: transparent url(../image/box/instanceSmsBox02.gif) repeat-x bottom left;} .instanceSmsBox08 {background: transparent url(../image/box/instanceSmsBox08.gif) no-repeat bottom right;} .instanceSmsBox10 {background: #363B10 url(../image/box/instanceSmsBox10.jpg) repeat-x; width:400px; height:425px} .instanceSmsBox11 {background: transparent url(../image/box/instanceSmsBox01.gif) no-repeat top left;width:400px; height:425px } .instanceSmsBox12 {background: #363B10 url(../image/box/instanceSmsBox10.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px} .instanceSmsBox13 {background: transparent url(../image/box/instanceSmsBox13.gif) no-repeat top right;} .instanceSmsBox14 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-y top left;} .instanceSmsBox15 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-y top right;} .instanceSmsBox16 {background: transparent url(../image/box/instanceSmsBox16.gif) no-repeat bottom left;} .instanceSmsBox17 {background: transparent url(../image/box/instanceSmsBox12.gif) repeat-x bottom left;} .instanceSmsBox18 {background: transparent url(../image/box/instanceSmsBox18.gif) no-repeat bottom right;} .instanceSmsBox20 {background: #260F41 url(../image/box/instanceSmsBox20.jpg) repeat-x; width:400px; height:425px} .instanceSmsBox21 {background: transparent url(../image/box/instanceSmsBox21.gif) no-repeat top left;width:400px; height:425px } .instanceSmsBox22 {background: #260F41 url(../image/box/instanceSmsBox20.jpg) repeat-x top left; width:400px; height:425px; margin-left:4px} .instanceSmsBox23 {background: transparent url(../image/box/instanceSmsBox23.gif) no-repeat top right;} .instanceSmsBox24 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-y top left;} .instanceSmsBox25 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-y top right;} .instanceSmsBox26 {background: transparent url(../image/box/instanceSmsBox26.gif) no-repeat bottom left;} .instanceSmsBox27 {background: transparent url(../image/box/instanceSmsBox22.gif) repeat-x bottom left;} .instanceSmsBox28 {background: transparent url(../image/box/instanceSmsBox28.gif) no-repeat bottom right;} .instanceSmsTitle01{ width:400px; height:37px; background: #fff url(../image/box/instanceSmsTitleBg01.jpg) no-repeat; text-align:center; padding-top:8px} .instanceSmsTitle02{ width:400px; height:37px; background: transparent url(../image/box/instanceSmsTitleBg02.jpg) no-repeat; text-align:center; padding-top:8px } .instanceSmsTitle03{ width:400px; height:37px; background: transparent url(../image/box/instanceSmsTitleBg03.jpg) no-repeat; text-align:center; padding-top:8px } .instanceSmsTitle04{ width:400px; height:37px; background: #fff url(../image/box/instanceSmsTitleBg01.jpg) no-repeat; text-align:right; padding-top:8px} .instanceState01 { width:372px; height: 254px; background: transparent url(../image/node/instanceState01.gif) no-repeat; margin:18px 0px 20px 13px; padding-left:2px } .instanceState02 { width:372px; height: 254px; background: transparent url(../image/node/instanceState03.gif) no-repeat; margin:18px 0px 20px 13px; padding-left:2px} .instanceState01 img, .instanceState02 img { margin: 42px 0px 60px 93px} .tableBoxBg01 {background: #000033 url(../image/box/tableBoxBg.jpg) repeat-y top left; margin-top:5px} .tableBox01 {background: transparent url(../image/box/tableBox01.jpg) no-repeat top left; padding: 7px;} .tableBox02 {background: transparent url(../image/box/tableBox02.jpg) repeat-x top left;} .tableBox03 {background: transparent url(../image/box/tableBox03.jpg) no-repeat top right;} .tableBox04 {background: transparent url(../image/box/tableBox04.gif) repeat-y top left;} .tableBox05 {background: transparent url(../image/box/tableBox05.gif) repeat-y top right;} .tableBox06 {background: transparent url(../image/box/tableBox06.jpg) no-repeat bottom left;} .tableBox07 {background: transparent url(../image/box/tableBox07.gif) repeat-x bottom left;} .tableBox08 {background: transparent url(../image/box/tableBox08.jpg) no-repeat bottom right;} .tableBoxBg02 {background: #000033 url(../image/box/tableBoxBg.jpg) repeat-y top right; margin-top:4px} .tableBox011 {background: transparent url(../image/box/tableBox011.gif) no-repeat top left; padding: 7px; } .tableBox021 {background: transparent url(../image/box/tableBox02.jpg) repeat-x top right;} .tableBox031 {background: transparent url(../image/box/tableBox031.gif) no-repeat top right;} .tableBox041 {background: transparent url(../image/box/tableBox04.gif) repeat-y top left;} .tableBox051 {background: transparent url(../image/box/tableBox05.gif) repeat-y top right;} .tableBox061 {background: transparent url(../image/box/tableBox061.gif) no-repeat bottom left; height:100%} .tableBox071 {background: transparent url(../image/box/tableBox07.gif) repeat-x bottom left;} .tableBox081 {background: transparent url(../image/box/tableBox081.gif) no-repeat bottom right;} .tableBox01 div, .tableBox011 div { padding:1px 3px 6px 3px; vertical-align: middle} .tableBox01 div img, .tableBox011 div img { vertical-align: top} .popBgBox01 {background: transparent url(../image/popup/popBgBox01.gif) no-repeat top left; padding: 5px;} .popBgBox02 {background: #595755 url(../image/popup/popBgBox02.gif) repeat-x top left;} .popBgBox03 {background: transparent url(../image/popup/popBgBox03.gif) no-repeat top right;} .popBgBox04 {background: transparent url(../image/popup/popBgBox04.gif) repeat-y top left;} .popBgBox05 {background: transparent url(../image/popup/popBgBox05.gif) repeat-y top right;} .popBgBox06 {background: transparent url(../image/popup/popBgBox06.gif) no-repeat bottom left;} .popBgBox07 {background: transparent url(../image/popup/popBgBox07.gif) repeat-x bottom left;} .popBgBox08 {background: transparent url(../image/popup/popBgBox08.gif) no-repeat bottom right;} .boxYellow { border:3px solid #ECCC00; background-color: #223326; padding:1px;} .boxRed { border:3px solid #EE3300; background-color: #111522; padding:1px;} .boxBlue { border:3px solid #2233DD; background-color: #223326; padding:1px;} .boxOrange { border:3px solid #FF9900; background-color: #111522; padding:1px;} .boxYellowBg{ background: #223326 url(../image/popup/popBoxBg03.gif) repeat-x top left; padding:20px 20px 20px 20px; text-align:center} .boxRedBg { background: #111522 url(../image/popup/popBoxBg02.gif) repeat-x top left; padding:5px 0px 1px 5px;} .boxBlueBg { background: #111522 url(../image/popup/popBoxBg02.gif) repeat-x top left; padding:5px 0px 1px 5px;} .boxOrangeBg{ background: #223326 url(../image/popup/popBoxBg01.gif) repeat-x top left; padding:5px 0px 1px 5px;} .boxYellowBg table {width:270px; } .boxYellowBg table td {width:90px; vertical-align:top; text-align:center; vertical-align:bottom;} .boxYellowBg img, .boxRedBg img, .boxBlueBg img, .boxOrangeBg img {padding:0px 2px 5px 0px; vertical-align:middle} .boxYellowBg span, .boxRedBg span, .boxBlueBg span, .boxOrangeBg span {margin:0px 2px 5px 0px; font: 14px/150% Dotumche;} .boxYellowTitle, .boxRedTitle, .boxBlueTitle, .boxOrangeTitle { height:23px; color: #FFF; font:bold 14px Dotumche; word-spacing:-1px;} .boxYellowTitle img, .boxRedTitle img, .boxYellowTitle img, .boxRedTitle img{ vertical-align:top} .boxYellowTitle span, .boxRedTitle span, .boxBlueTitle span, .boxOrangeTitle span{ vertical-align:-6px; color: #FFF; font:bold 14px/100% Dotumche; word-spacing:-1px;} .boxYellowTitle { border-left:3px solid #ECCC00; border-right:3px solid #ECCC00; background-color: #ECCC00;} .boxRedTitle { border-left:3px solid #EE3300; border-right:3px solid #EE3300; background-color: #EE3300;} .boxBlueTitle { border-left:3px solid #2233DD; border-right:3px solid #2233DD; background-color: #2233DD;} .boxOrangeTitle { border-left:3px solid #FF9900; border-right:3px solid #FF9900; background-color: #FF9900;} .gageBox { width:70px; height:220px; font-size:0px; background: transparent url(../image/popup/gageBoxBg.gif) no-repeat top left;} .gageBox div{ vertical-align:bottom} .gageBgGreen { background: #33CC00 url(../image/popup/gageGreen.gif) repeat-y bottom left;} .gageStartGreen { background: transparent url(../image/popup/gageGreenStart.gif) no-repeat bottom left;} .gageEndGreen { background: transparent url(../image/popup/gageGreenEnd.gif) no-repeat top left;} .gageBgRed { background: #FF3300 url(../image/popup/gageRed.gif) repeat-y bottom left; } .gageStartRed { background: transparent url(../image/popup/gageRedStart.gif) no-repeat bottom left;} .gageEndRed { background: transparent url(../image/popup/gageRedEnd.gif) no-repeat top left;} .gageTextGreen { font:bold 18pt/100% Dotumche; margin:10px 0px 10px 8px; color:#7AFF51; text-align:center} .gageTextRed { font:bold 18pt/100% Dotumche; margin:10px 0px 10px 8px; color:#FF5C51; text-align:center} table.gageBox { width:70px; height:220px; font-size:0px; background: transparent url(../image/popup/gageBoxBg.gif) no-repeat top left;} table.gageBox tr td {padding:10px; vertical-align:bottom} /* help popup style */ #helpBox {} .helpBox01 {background: transparent url(../image/monitoring/helpBox01.gif) no-repeat top left; padding: 4px 14px 14px 14px; height:280px} .helpBox02 {background: #276072 url(../image/monitoring/helpBox02.gif) repeat-x top left;} .helpBox03 {background: transparent url(../image/monitoring/helpBox03.gif) no-repeat top right;} .helpBox04 {background: transparent url(../image/monitoring/helpBox04.gif) repeat-y top left;} .helpBox05 {background: transparent url(../image/monitoring/helpBox05.gif) repeat-y top right;} .helpBox06 {background: transparent url(../image/monitoring/helpBox06.gif) no-repeat bottom left;} .helpBox07 {background: transparent url(../image/monitoring/helpBox07.gif) repeat-x bottom left;} .helpBox08 {background: transparent url(../image/monitoring/helpBox08.gif) no-repeat bottom right;} .helpBox011 {background: transparent url(../image/monitoring/helpBox01.gif) no-repeat top left; padding: 5px 14px 14px 14px; height:79px} .helpBox021 {background: #276072 url(../image/monitoring/helpBox021.gif) repeat-x top left;} .helpBox031 {background: transparent url(../image/monitoring/helpBox031.gif) no-repeat top right;} .helpBox041 {background: transparent url(../image/monitoring/helpBox041.gif) repeat-y top left;} .helpBox051 {background: transparent url(../image/monitoring/helpBox051.gif) repeat-y top right;} .helpBox061 {background: transparent url(../image/monitoring/helpBox061.gif) no-repeat bottom left;} .helpBox071 {background: transparent url(../image/monitoring/helpBox071.gif) repeat-x bottom left;} .helpBox081 {background: transparent url(../image/monitoring/helpBox081.gif) no-repeat bottom right;} .helpInnerBox01 {background: transparent url(../image/monitoring/helpInnerBox01.gif) no-repeat top left; padding: 10px 10px 7px 10px; height:210px; font:normal 14px/18px 돋움, Tahoma; color: #333;} .helpInnerBox02 {background: #FFF url(../image/monitoring/helpInnerBox02.gif) repeat-x top left;} .helpInnerBox03 {background: transparent url(../image/monitoring/helpInnerBox03.gif) no-repeat top right;} .helpInnerBox04 {background: transparent url(../image/monitoring/helpInnerBox04.gif) repeat-y top left;} .helpInnerBox05 {background: transparent url(../image/monitoring/helpInnerBox05.gif) repeat-y top right;} .helpInnerBox06 {background: transparent url(../image/monitoring/helpInnerBox06.gif) no-repeat bottom left;} .helpInnerBox07 {background: transparent url(../image/monitoring/helpInnerBox07.gif) repeat-x bottom left;} .helpInnerBox08 {background: transparent url(../image/monitoring/helpInnerBox08.gif) no-repeat bottom right;} .helpTitle { background: transparent url(../image/monitoring/helpTitleIcon.gif) no-repeat 5px 25px; height: 45px; padding: 14px 0px 0px 30px; font:bold 16px/18px 돋움, Tahoma; color: #FFF;} .helpClose { padding: 0px 5px 0px 0px; vertical-align:top} /*******************************************************/ /* popup style */ /*******************************************************/ /*******************************************************/ /* etc */ /*******************************************************/ .widthAuto{ width: auto; } .width100p{ width: 100%; } .width98p{ width: 98%; } .hr01 {width: 100%; height: 1px; color:#eeeeee;} hr.green { height: 2px; color:#E8F5C8;} .scroll{ scrollbar-face-color:#EBEBEB; scrollbar-shadow-color:#CDCDCD; scrollbar-highlight-color:#CDCDCD; scrollbar-3dlight-color:#F3F3F3; scrollbar-darkshadow-color:#F3F3F3; scrollbar-track-color:#F3F3F3; scrollbar-arrow-color:#FFFFFD; }