@charset "utf-8";
/* global style */
html,body { height:100%; margin:0 }
* {font-size:9pt; font-family: malgun gothic, gulim, sans-serif; }
a { text-decoration: none; color:#000000;}
a:hover { text-decoration: underline; }
img { vertical-align: middle }
table { border-spacing:0; border:0 }
table td, table th { padding: 0}
/* tag class style */
table.cellpad2 td, table.cellpad2 th { padding:2px }
table.cellpad4 td, table.cellpad4 th { padding:4px }
table.outset, table.note  {border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; }
table.note { width:100%; }
button, input[type=button] { height:22px; border-color: #c4cccc #acb5b5 #6f7777 #acb5b5; border-width:1px; border-style:solid; cursor: pointer; overflow:visible; padding:1px 4px; background-image: url(../img/btn.gif); background-repeat:repeat;}
select {height: 21.5px}
select[multiple] {height:auto}

/* class style */
.btnp {margin:5px 0} .btnr {margin-right:3px}
.def { border-spacing:0; border:0 }
.def td, .def th { padding: 0}
.fullsize { width:100%; height:100% }
.fullwidth { width:100%; }
.noborder { border:0 }
.vtop { vertical-align: top }
.vmiddle {vertical-align:middle}
.vbottom { vertical-align: bottom }
.nowrap  { white-space:nowrap }
.text-left { text-align: left }
.text-right { text-align:right }
.text-center { text-align:center }
.tree .checkbox { cursor:pointer; vertical-align:bottom; }
.tree span { vertical-align:middle; }

/* used in list table */
.row { background-color: #ffffff; }
.alter_row { background-color: #eeeeee; }
/* used in property table */
.item {  border:1px solid #f0f0f0}
.header { background-color: #e4e7ee; font-weight:bold; padding-left:12px !important; width:140px;  border:1px solid #f0f0f0}
/*used in page number */
.page { border:1px solid #e0e0e0; background-color:#ffffff; padding: 0 2px; cursor:pointer; }
.page_selected { border:1px solid #c0c0c0; background-color:#f0f0f0; padding: 0 2px; font-weight:bold}

/* used in top menu */
.topmenu { padding:3px; }
.topmenu_selected { padding:3px; font-weight:bold; text-decoration:underline;}
.topmenu_current { padding:2px; font-weight:bold; background-color:#efefef; border-width: 1px; border-style:solid; border-color: #808080 #ffffff #ffffff #808080}
/* used in side menu */
.sidemenu_group { color: #0000CC; font-size:9pt; font-weight:bold; padding: 2px 3px; }
.sidemenu_item { color: black; font-size:9pt; cursor:pointer; padding: 2px 3px; }
.sidemenu_selected { color: white; font-size:9pt; cursor:pointer; background-color:#4f73a6; padding: 2px 3px; }
/* used in left menu */
#menu { list-style:none; font-weight:bold}
#menu ul { list-style:none; margin:0; padding:0; border:0 }
#menu li { border-bottom:1px solid #90bade; }
#menu li.group { border:0; padding:5px 0 5px 15px ; color:#000000; text-decoration: none; }
#menu li a { display: block; padding:5px 15px; background-color: #ffffeb; color:#000000; text-decoration: none; }
#menu li a:hover, #menu li a.active  { background-color: #ffff90; color:#000000; }
/* used in list table */
.header_item, .hi { height: 23px; text-align: left; background-color: #e4e7ee; padding:3px; font-weight:bold;}
.list_item, .li { height: 23px; text-align: left; padding:3px;}
/* used in property table */
.property_header_item { height: 23px; text-align: right; background-color: #e4e7ee; padding: 0 12px 0 6px; width:100px; font-weight:bold;}
.ph { height: 23px; text-align: center; background-color: #e4e7ee; padding:0; font-weight:bold; white-space:nowrap}
.hb { background-color: #e4e7ee; }
.default_item, .di { height: 23px; text-align: left; background-color: #ffffff; padding: 3px 6px}
.dot_bg { background-image: url(../img/dot.gif); background-repeat:repeat-x; padding:0; height:1px}
/* used */
.select_item { padding: 3px 0 0 0; font-size: 10pt; color: #000000; background-color: #ffffff; text-align: left}
.nopad_item { color: #000000; padding-top: 6px; height: 26px; background-color: #ffffff; text-align: left}
/* used in outline */
.form_table { background-color: #4f73a6; }
.form { background-color:#ffffff; border:1px solid #354e69; padding:10px}
.tree_form { background-color:#ffffff; border:1px solid #354e69;}
.tab_form { background-color:#ffffff; border:1px solid #354e69; border-top:0; padding:10px}
.form_tab { border-bottom: 1px solid #354e69;}
/* used in multi-column list */
.tab_nav { color: #ffffff; text-decoration: none; }
/* used in tree */
.readonly_text {font-weight:bold}
.disabled_text {color:gray; margin: 0 4px}
.node_text { color:black; cursor:pointer; margin: 0 4px}
.selected_text {background-color:#e0e0e0; color:black; cursor:pointer; padding: 0 2px; margin: 0 2px;}
.tab { text-align:center; border:1px solid #c0c0c0; padding: 4px 9px 3px 9px; cursor:pointer; background-color:buttonface}
.tab_selected { text-align:center; background-color:#ffffff; font-weight:bold; border:1px solid #c0c0c0; border-top:3px solid #ffa500; padding: 1px 9px 3px 9px; border-bottom: 0; cursor:default}
.tab_spacer { border-bottom:1px solid #c0c0c0; }
.tab_text { }

/* extended */
.inherited {color:gray}
.editor {color:#000000; white-space: pre-wrap; overflow-x:auto; width:600px; display:inline; }
.border { border: 1px solid #7f9db9; white-space:nowrap }

label { height:18px; vertical-align:baseline; white-space:nowrap;}
span.section { display:block; border-bottom:1px solid #cccccc;}
span.notice { height: 23px; text-align: left; background-color: #e4e7ee; padding:3px; font-weight:bold; display:block;}
span.warn { height: 23px; text-align: left; color:red; padding:3px; font-weight:bold; display:block;}
pre.wrap, pre.log { white-space: normal; word-wrap:break-word; word-break:break-all; }
pre.log { color:#000000; border:1px solid #c0c0c0; margin: 0; background-color:#ffffcc; padding:8px; }
div.block { display:inline-block; vertical-align:top }
div.message {border-bottom: #cccccc 1px solid; padding: 8px; background-color: #ffffee; font-size: 11pt; border-top: #cccccc 1px solid; font-weight: bold; margin-bottom:8px}

.listtable tr.row { background-color: #ffffff; }
.listtable tr.alter_row { background-color: #eeeeee; }
.proptable, .listtable, .propctrl { width:100%; border:0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-collapse:collapse;}
.proptable th, .propctrl_th, .proptable th.compact, .proptable th.wide { height:20px; padding:0 12px; width:10%; text-align: right; background-color: #e4e7ee; border-right:1px solid #e4e7ee; border-bottom:1px solid #e4e7ee; white-space:nowrap}
.proptable th.compact { padding:0 6px; width:auto;}
.proptable th.wide { width:150px;}
.proptable td, .proptable td.section { height:20px; text-align: left; border-bottom:1px dotted #c0c0c0; padding:3px 6px; }
.proptable td.section { background-color:#ffffee; font-weight:bold; color:#354e69; border-top:1px solid #c0c0c0; border-bottom:1px solid #ffa500}

.listtable th { width:1%; height:20px; padding:3px; text-align:left; border-bottom:1px solid #cccccc; border-right:0; background-color: #e4e7ee; white-space:nowrap; /* border-left:1px solid #cccccc; */ }
.listtable td { height:20px; padding:3px; text-align:left; white-space:nowrap; border:0; /* border-left:1px solid #e4e7ee; */ }
.listtable th.pad { width:100%; white-space:nowrap}
.listtable td.note { height:5px; padding-top:0; font-size:7pt; color:gray }

.defaulttable, .timetable, .fixedtable { width:auto; margin:0; padding:0; border:0; border-collapse:collapse }
.defaulttable th, .timetable th, .fixedtable th { width:auto; height:auto; padding:0; border:0; text-align:center; }
.defaulttable td, .timetable td, .fixedtable td { width:auto; height:auto; padding:0; border:0; text-align:left;}
.fixedtable { table-layout: fixed }
.timetable { cursor:pointer; border-collapse:separate; border-spacing: 1px}
.timetable th { padding:3px; }
.timetable td { padding:3px; }

.objecttable { width:100%; border:1px solid #a0a0a0; border-collapse:collapse}
.objecttable th { text-align:left; padding:0 8px; white-space:nowrap; word-wrap:normal; word-break:normal; width:auto}
.objecttable td, td.key, td.value { border:1px solid #e0e0e0; padding:2px; width:auto}
.objecttable td.key { font-weight:bold; text-align:left; width:10%; white-space:nowrap; padding-left:8px}
.objecttable td.value { word-wrap:break-word; word-break:break-all; white-space:normal}

.assigntable { width:auto; border:0; border-collapse:collapse; }
.assigntable th { width:auto; height:23px; padding:0; border:0; text-align:center; background-color: #e4e7ee; }
.assigntable td { padding:0; border:0; text-align:center;}

.authtable { width:100%; border:0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-collapse:collapse; }
.authtable th { height:23px; text-align: right; background-color: #e4e7ee; border-bottom:1px solid #e4e7ee; padding:0 6px; white-space:nowrap}
.authtable td.container { width:320px; height:183px; border-bottom:1px solid #e4e7ee; padding:0; }
.authtable td.border { height:23px; text-align: left; border-bottom:1px dotted #c0c0c0; padding:3px 6px; }

.mcselect { border:0; }
.mcselect th { width:1%; white-space:nowrap; height:auto; text-align:left; padding: 2px 4px 2px 1px; border-width: 1px; border-style:solid; border-color:white gray gray white; background-color:buttonface; }
.mcselect td { width:1%; white-space:nowrap; height:auto; text-align:left; padding: 1px 4px 0 1px; }
.mcselect td.ignore { width:1%; white-space:nowrap; height:auto; text-align:left; padding: 1px 4px 0 1px; font-style:italic; background-color:infobackground; }

.tabheader { border:0; border-collapse:collapse; margin-bottom:1px }
.tabheader th { white-space:nowrap; width:1%; text-align:center; border:1px solid #c0c0c0; font-weight:normal; padding:4px 9px 3px 9px; cursor:pointer; background-color:buttonface;  }
.tabheader th.active { white-space:nowrap; width:1%; text-align:center; border:1px solid #c0c0c0; font-weight:bold;   padding:1px 9px 3px 9px; cursor:default; background-color:#ffffff;    border-top:3px solid #ffa500; border-bottom: 0; }
.tabheader td { white-space:nowrap; border-bottom:1px solid #c0c0c0; padding:0; width:4px; }

.rule_table { background-color:#cccccc; border-collapse:collapse; border:1px solid #c0c0c0; }
.rule_table th { background-color: #e4e7ee; height:26px; text-align:center; font-weight:normal; color:#000000; white-space:nowrap; }
.rule_table td { background-color:white; height:26px; word-wrap:break-word; word-break:break-all; border:1px solid #c0c0c0 }
.rule_tabs { border:0 }
.rule_tabs th { text-align:center; background-color: #f0f0f0; border-bottom:1px solid #ffffff; border-right:1px solid #cccccc; padding:1px 6px; cursor:pointer; white-space:nowrap; height:26px; font-weight:normal}
.rule_tabs th.selected { background-color: #e4e7ee; padding:0 5px; border:1px solid #cccccc; border-right:1px solid #ffffff;cursor:text; white-space:nowrap}
.rule_tabbox { border:1px solid #cccccc; background-color:#e4e7ee; font-weight:normal; padding:4px 8px; }

/* multi select */
.multi-select {border:1px solid #b6bdca;height:25px;cursor:pointer;float:left;vertical-align:bottom;padding-bottom:2px}
.multi-select ul{list-style:none none outside;margin:0;padding:0}
.multi-select li{list-style:none none outside;float:left;display:block;vertical-align:middle;margin:2px;border:1px solid #dbe6ec;background-color:#e8f3f8;color:#228ef1;white-space: nowrap}
.multi-select .span-text {padding:2px 0 4px 3px;vertical-align:middle;line-height:1.5;cursor:text;box-sizing:content-box}
.multi-select .span-close {cursor:pointer;text-align:center;vertical-align:middle;line-height:1.5}
.multi-select .span-close:after {content:"\2716"}
.multi-select .span-close::after {content:"\2716"}
/*.multi-select .span-close-disable {background-position:-112px -144px}*/

.nav-tabs { float:left; width:100%; padding-left: 0; margin-top:0; margin-left:0; margin-bottom: 2px; list-style: none; white-space:nowrap; border-bottom:1px solid #ccc}
.nav-tabs li { position: relative; display: block; float:left; margin-bottom:-1px; margin-top:4px;}
.nav-tabs li a { position: relative; display: block; padding: 5px 8px; margin-right:4px; border: 1px solid #ccc; border-radius: 4px 4px 0 0; background-color: #f8f8f8}
.nav-tabs li a:hover { text-decoration: none; background-color:#f0f0f0; }
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus { text-decoration: none; color: #000; cursor: default; background-color: #fff; border: 1px solid #aaa; border-bottom-color: transparent; border-top:3px solid #ffa500; padding-top:3px}

/* calendar ctlr */
.cal-ctrl {position:relative;max-width:142px}
.cal-ctrl-time {max-width:201px}
.cal-ctrl .cal-ctrl-on {padding:6px;cursor:pointer;font-size:11px}
.cal-ctrl .back {width:16px;padding:3px;border-left:0 none;border-top-right-radius:4px !important;border-top-left-radius:0;border-bottom-right-radius:4px !important;border-bottom-left-radius:0;font-size:9px}
.cal-ctrl .cal-ctrl-on:hover {color:#54718d}
.cal-ctrl .cal-foucs {background-color:#54718d;color:#fff}
.cal-ctrl-warp {position:absolute;top:0;left:0;z-index:9999;filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0;opacity:0;background-color:#fff;cursor:not-allowed}
.cal-pop-warp {display:none;position:absolute;text-align:center;z-index:9999}
.cal-pop  {border:1px solid #b8c6d3;padding:5px;text-align:center;background-color:#fff;z-index:9999}
.cal-pop > table {border-collapse:collapse;background-color:#fff}
.cal-pop > table > tbody > tr > td {text-align:right;vertical-align:middle;padding:3px;white-space:nowrap;border:1px solid #fff}
.cal-pop tr.year {background-color:#428bca}
.cal-pop td.year {text-align:center;vertical-align:middle;color:#fff;border:0 none;font-weight:bold;height:28px}
.cal-pop td.year-text {margin:2px 0}
.cal-pop td.month-before, .cal-pop td.month-after {color:#fff;vertical-align:middle;margin-right:15px;cursor:pointer}
.cal-pop .arrow {font-size:9px}
.cal-pop td.month3-before, .cal-pop td.month3-after {color:#fff;font-size:9px;vertical-align:middle;cursor:pointer}
.cal-pop td.month-before:hover, .cal-pop td.month-after:hover, .cal-pop td.month3-before:hover, .cal-pop td.month3-after:hover {color:#d74b4b}
.cal-pop td.today {font-weight:bold}
.cal-pop td.day {cursor:pointer}
.cal-pop td.day:hover {border:1px solid #428bca}
.cal-pop td.sun {color:#a94442} .cal-pop td.sat{color:#3c763d}
.cal-pop .cal-bottom {background-color:#d9edf7;height:28px}
.cal-pop .cal-bottom td {border:0 none;vertical-align:middle;padding:0 5px;color:#31708f;font-weight:bold}
.cal-bottom .today-text, .cal-bottom .pre-year, .cal-bottom .next-year, .cal-bottom .delete-text {margin:2px 0;cursor:pointer}
.cal-bottom .delete-text {padding-left:8px}
.cal-bottom .today-text:hover, .cal-bottom .pre-year:hover, .cal-bottom .next-year:hover, .cal-bottom .delete-text:hover {color:#d74b4b}
.cal-time-ok {display:inline-block;background-image:none;border:1px solid transparent}

/*popup dialog*/
.popup-dialog {padding:10px;display:none;position:absolute;background-color:#e5eedd;z-index:10000;border:1px solid #889c74}
.popup-dialog .popuptitle {border-bottom:#ccc 1px solid;vertical-align:middle}
.popup-dialog .popupcontents {padding-top:5px}
.popupmask {position:absolute;left:0;top:0;z-index:9000;background-image:url('../script/images/ui-bg_diagonals-thick_20_666666_40x40.png');background-repeat:repeat;display:none;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5}