/* tag default property */

body {font-size: 9pt; font-family: Tahoma; color: #333333; }
td { font-size: 9pt; font-family: Tahoma; color: #333333; line-height: 160%;} 
p { font-size: 9pt; font-family: Tahoma; color: #666666; line-height: 170%;}

td.grey { color: #000000; background-color: #F6F8FF; }
td.gray { color: #000000; background-color: #F6F8FF; }
td.reverse { color: #FFFFFF; background-color: #999999; }
td.list { line-height: 150%; }
td.dotlineH { background-image: url(/images/dot_line.gif); background-repeat: repeat-x; background-position: left center; }
/* background-attachment: fixed; */
ul{	list-style-image: url(/images/dot_list.gif); line-height: 170%; }
select {  font-size: 9pt; font-family: Tahoma; }
input {  font-size: 9pt; font-family: Tahoma; color: #000000; border:1px solid #AAAAAA; }
input.serviceLogin {  font-size: 8pt; font-family: Tahoma; color: #0000CC; border:1px solid #DD0000; }
textarea {  font-size: 9pt; font-family: Tahoma; color: #000000; border:1px solid #AAAAAA; line-height: 170%;}   
textarea.txtcomment {  font-size: 9pt; font-family: Tahoma; color: #333333; border:0px; line-height: 24px; background-color: #FFFFDF; width: 100%; height: 80px;}   
img { border: 0px; }
div{
text-align: left;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#C3C3C3;

scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#C3C3C3;
scrollbar-shadow-color:#C3C3C3;
}

/* layout */
/* comment 2006.05
	S. IE에서 "//" 은 주석이 아님. 이를 이용하여 재정의 
	A. Watch your DIV and table widths
		Setting WIDTH:100% in a DIV can cause it to not match the width of DIVs set to auto (the default) in IE and, in IE5.5 when using table width="100%" IE assumes entire window width, not the DIV width, so you can use //width:100% in a surrounding DIV and width:inherit in a table's style sheet.

		#topBar{background:#FC0;//width:100%;}
		#topBar form{display:inline;}
		table.c{font:.8em/1em Arial,Geneva,sans-serif;width:100%;//width:inherit;}

		IE doesn't inherit as it should, our guess is that it will inherit the value from the last ancestor that has a declared width value (absolute and relative values or 'inherited' keyword, IE doesn't support 'auto' keyword). The percentages are calculated based on the inherited value so the above rules for percentage values also applies.

	B. E5x PC that will prematurly close a style rule when it runs into the string "\"}\"". 
		...
		ex)	voice-family: "\"}\"";  << IE 
			voice-family: inherit;  << none IE
			   margin-left: 201px;
			   margin-right:201px;
			}
*/

table { width:100%;//width:inherit; }

#loComHeader {
	//width:100%;
	padding: 0px 0px 10px 0px;
}

#loComMenu {
	/* layout & style */
	width: auto;
	background-color: #444444;
	border: 1px solid;
	margin: 2px 10px 10px 10px;
	padding: 3px 10px 3px 3px;
	border-color: #666666 #222222 #222222 #666666;
	white-space: nowrap;
}
#loComBmk {
	//width:100%;
	margin: 2px 10px 2px 10px;
}
#loComBody {
	//width:100%;
	margin: 2px 10px 2px 10px;
}
#loComFooter {
	clear: both;
	//width:100%;
	margin: 20px 10px 2px 10px;
	padding: 0px;
}

/* loRptLeft id is controled by class name */
#loRptLeft {
	padding: 0px 5px 0px 0px;
	width:175px;
	vertical-align: top;
}


#loRptMain {
	//width:100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#loMngLeft {
	padding: 0px 5px 0px 0px;
	width:185px;
	vertical-align: top;
}
#loMngMain {
	//width:100%;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#loCenterMain {
	//width:100%;
	margin: 30px 20% 20px 20%;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: center;
}


#loadingMsg { position:absolute; width:250; height:80; top:-1000; left: -1000; visibility:visible; filter: Alpha(Opacity=90); opacity: .90; z-index: 1000; }
#resultMsg { position:absolute; top:-1000; left: -1000; visibility: hidden; filter: Alpha(Opacity=90); opacity: .90; z-index: 900;}
#pngFloat { Z-INDEX: 51; LEFT: 20px; POSITION: absolute; TOP: 10px }
#autoHideMsg { background-color: #FFFFEE; border: 1px solid #000000; padding: 3px; margin: 3px; font-family: dotum; font-size: 8pt; }
#screenShadow { position:absolute; left:0; top:0; width:0; height:0; visibility:visible; filter: Alpha(Opacity=40); opacity: .40; z-index: 2000;  background-color: #000000; }
#inlineManager { position:absolute; visibility: hidden; z-index: 2010; text-align: center; background-color: #EFEFEF; padding: 0px; border: 2px solid #002266;}
#inlineMangerFrame { position:relative; z-index: 2020; background-color: #EFEFEF; }

/* style */

div.moduleTab { 
	//width: 100%; 
	border: 0px solid; 
	margin: 0px; 
	padding: 0px; 
}

div.moduleTabBody { 
	//width:100%;
	border-top: 0px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 10px 10px;
	background-color: #FFFFFF;
	border-color: #666666 #666666 #666666 #666666;
}
div.moduleBox { 
	//width:100%;
	border: 1px solid;
	margin: 0px 0px 5px 0px;
	padding: 4px 8px 8px 8px;
	border-color: #666666 #666666 #666666 #666666;
}
div.moduleBoxIn { 
	//width:100%;
	border: 1px solid;
	margin: 2px 2px 2px 2px;
	padding: 8px 8px 8px 8px;
	border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD;
}
div.moduleBoxCut { 
	//width:100%;
	border: 0px solid;
	margin: 2px 2px 2px 2px;
	padding: 8px 8px 8px 8px;
}

.tblFull {
	//width:100%;
}

.moduleTabLeft { 
	background-color: #FFFFFF;
	background-image: url(/images/bxheader_orange.gif);
	background-repeat:repeat-x;
	background-position: left top;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 0px solid;
	border-left: 1px solid;
	margin: 0px;
	border-color: #666666 #666666 #666666 #666666;	
	padding: 3px 12px 0px 8px; 
	//padding: 4px 8px 4px 8px;

}
.moduleTabRight { 
	border: 0px 0px 1px 1px;
	margin: 1px; 
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid;
	border-left: 0px solid;
	border-color: #666666 #666666 #666666 #666666; 
	padding: 3px 8px 0px 8px; 
	//padding: 4px 8px 4px 8px; 
}

.termTabOn { 
	background-color: #DCDCF8;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 0px solid;
	border-left: 1px solid;
	margin: 0px;
	padding: 2px 0px 0px 0px; 
	border-color: #666666 #666666 #666666 #666666;
}
.termTabOnR { 
	background-color: #666666;
	color: #FFFFDD;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 0px solid;
	border-left: 1px solid;
	margin: 0px;
	padding: 2px 0px 0px 0px; 
	border-color: #666666 #666666 #666666 #666666;
}
.termTabOff { 
	background-color: #F3F3F3;
	background-repeat:repeat-x;
	background-position: left top;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	border-color: #666666 #666666 #666666 #666666;
}

.leftBlockDiv { 
	//width: 175px;
	position: relative;
	border-top: 0px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	margin: 0px 0px 2px 0px;
	padding: 6px 6px 6px 6px;
	border-color: #666666 #666666 #666666 #666666;
}

.reportTabLeft { 
	background-color: #FFFFFF;
	background-image: url(/images/bxheader_orange.gif);
	background-repeat:repeat-x;
	background-position: left top;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 0px solid;
	border-left: 1px solid;
	margin: 0px;
	/* padding: 4px 8px 4px 8px; */ 
	padding: 0px 8px 0px 8px; 
	border-color: #666666 #666666 #666666 #666666;
}
.reportTabRight { 
	border: 0px 0px 1px 1px;
	margin: 1px; 
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 1px solid;
	border-left: 0px solid;
	/* padding: 4px 8px 4px 8px; */
	padding: 0px 8px 0px 8px; 
	border-color: #666666 #666666 #666666 #666666; 
}


.leftMenuOn { background-image: url(/images/bg_left_menu_orange.gif); background-repeat: no-repeat; cursor: hand; }
.leftMenuOver { background-image: url(/images/bg_left_menu_gray.gif); background-repeat: no-repeat; cursor: hand; }
.leftMenuOut { background-image: url(/images/dot.gif); }

.mngTabOff { 
    /* 
    background-image: url(/images/bg_mngTabOff.gif); 
    */
    background-color: #EEEEEE; 
}
.mngTabOn
{

	background-image: url(/images/bg_mngTabOn.gif); 
	background-repeat: repeat-y;
	background-color: #F3F3FF;
}


/* 8DB5E0, 709BD2, 4E7DB7, 32609A */
/* btnblue is renewed to black btn */
input.btn 			{ background-image: url(/images/bg_btn.gif);
					background-color: #ededed;
					border-top: 1px solid #a5a5a5;
					border-left: 1px solid #a5a5a5;
					border-right: 1px solid #c8c8c8;
					border-bottom: 1px solid #c8c8c8;
					FONT-SIZE: 12px; FONT-FAMILY: Malgun Gothic,tahoma,돋움; color: #6d6d6d;
					font-weight: bold;
					height:28px; }
input.btnSmall 		{ background-image: url(/images/bg_btnSmall.gif);
					background-color: #ededed;
					border-top: 1px solid #a5a5a5;
					border-left: 1px solid #a5a5a5;
					border-right: 1px solid #c8c8c8;
					border-bottom: 1px solid #c8c8c8;
					FONT-SIZE: 12px; FONT-FAMILY: Malgun Gothic,tahoma,돋움; color: #6d6d6d;
					height:20px; }
input.btnBBlue		{ background-image: url(/images/bg_btnBlue.gif);
					background-color: #dfeff3;
					border-top: 1px solid #3888dc;
					border-left: 1px solid #3888dc;
					border-right: 1px solid #95cae8;
					border-bottom: 1px solid #95cae8;
					FONT-SIZE: 12px; FONT-FAMILY: Malgun Gothic,tahoma,돋움; color: #ffffff;
					font-weight: bold;
					height:28px; }
input.btnBlueSmall	{ background-image: url(/images/bg_btnBlueSmall.gif);
					background-color: #dfeff3;
					border-top: 1px solid #3888dc;
					border-left: 1px solid #3888dc;
					border-right: 1px solid #95cae8;
					border-bottom: 1px solid #95cae8;
					FONT-SIZE: 12px; FONT-FAMILY: Malgun Gothic,tahoma,돋움; color: #ffffff;
					height:20px; }
input.btnblue { font-weight: normal; background-image: url(/images/bg_graybtn.gif); background-color: #EEEEEE; color: #000000;  border: 1px solid; border-color: #999999 #666666 #666666 #999999; }
input.btnred { font-weight: normal; background-color: #663333; color: #FFFFFF; border: 1px solid; border-color: #CC6666 #330000 #330000  #CC6666; }
input.btngreen { font-weight: normal; background-color: #336633; color: #FFFFFF; border: 1px solid; border-color: #66CC66 #003300 #003300  #66CC66; }
input.btngray { font-weight: normal; background-color: #999999; color: #FFFFFF;  border: 1px solid; border-color: #CCCCCC #606060 #606060 #AAAAAA; }
input.btngrey { font-weight: normal; background-color: #999999; color: #FFFFFF;  border: 1px solid; border-color: #CCCCCC #606060 #606060 #AAAAAA; }
input.fullwidth   { width: 95%;}


a:link  {     text-decoration: none; color: "#000099"; }
a:visited  {     text-decoration: none; color: "#000099";}
a:hover {     text-decoration: none; color: "#3333FF"; }
a:active {     text-decoration: none; color: "#FF9900"; }

a.white:link  {   text-decoration: none;     color: "#FFFFFF" ; }
a.white:visited  {    text-decoration: none;    color: "#FFFFFF" ;}
a.white:hover {  text-decoration: underline;     color: "#FFFFFF" ; background-color: Transparent;}
a.white:active {   text-decoration: underline;     color: "#FFFFAA" ; background-color: Transparent;}

a.black:link  {  text-decoration: none;     color: "#000000" ; }
a.black:visited  {  text-decoration: none;    color: "#000000" ;}
a.black:hover {   	 text-decoration: none;     color: "#000000" ; background-color: Transparent;}
a.black:active {    text-decoration: none;     color: "#FF0000" ; background-color: Transparent;}

a.grey_bold:link  {  text-decoration: none;     color: "#333333" ; font-weight: bold; }
a.grey_bold:visited  {  text-decoration: none;    color: "#333333" ; font-weight: bold; }
a.grey_bold:hover {   	 text-decoration: none;     color: "#CC0000" ;  font-weight: bold; background-color: Transparent;}
a.grey_bold:active {    text-decoration: none;     color: "#FF0000" ;  font-weight: bold; background-color: Transparent;}


a.txtbtn, a.txtbtn:visited
{
	line-height: 16px;
	background-image: url(/images/bg_graybtn.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid;
	border-color: #999999 #666666 #666666 #999999;
	color: #000000;
	font-family: "Tahoma";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	left: 0px;
	top: 1px;
	padding: 1px 4px 1px 4px;
	position: relative;
	cursor: hand;
	z-index: 10;
	height: 20px;
	text-decoration: none;
	white-space: nowrap;
}

a.txtbtn:hover {
	background-image: url(/images/bg_bluebtn.gif); 
	background-repeat: repeat-x; 
	background-position: left top;
  border-color: #6666CC #333399 #333399 #6666CC;
	color: #000099;
}

a.txtbtn:active {
	background-image: url(/images/bg_yellowbtn.gif); 
	background-repeat: repeat-x; 
	background-position: left top;
  border-color: #CC0000 #660000 #660000 #CC0000;
	color: #990000;
  left: 1px;
  top: 1px;
  
}

a.txtbtnsmall, a.txtbtnsmall:visited
{
	line-height: 16px;
	background-image: url(/images/bg_graybtn.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid;
	border-color: #999999 #666666 #666666 #999999;
	color: #000000;
	font-family: "Dotum,Tahoma";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	left: 0px;
	top: 0px;
	padding: 2px 4px 0px 4px;
	position: relative;
	cursor: hand;
	z-index: 10;
	height: 20px;
	text-decoration: none;
	white-space: nowrap;
}

a.txtbtnsmall:hover {
	background-image: url(/images/bg_bluebtn.gif); 
	background-repeat: repeat-x; 
	background-position: left top;
  border-color: #6666CC #333399 #333399 #6666CC;
	color: #000099;
}

a.txtbtnsmall:active {
	background-image: url(/images/bg_yellowbtn.gif); 
	background-repeat: repeat-x; 
	background-position: left top;
  border-color: #CC0000 #660000 #660000 #CC0000;
	color: #990000;
  left: 1px;
  top: 1px;
  
}


a.tabmenutxt, a.tabmenutxt:visited, a.tabmenutxt:active
{
	color: #000000;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	left: 0px;
	top: 2px;
	padding: 0px 2px 0px 2px;
	position: relative;
	cursor: hand;
	line-height: 20px;
	height: 20px;
	text-decoration: none;
	white-space: nowrap;
}

a.tabmenutxt:hover 
{
    color: #000099;
}


.btnimg { vertical-align: middle; margin-top: 0px; border: 0px; }
.btn { cursor: hand; font-size: 9pt; }
.hand {	cursor: hand; }
.row_off { background-color: ""; }
.row_on { background-color: #E8E8F3; }
.row_off_a { background-color: #EEEEEE; }
.row_on_a { background-color: #FFDD99; }
/*  cursor: hand; */

.black { color: #000000; }
.white { color: #FFFFFF; }
.bold { font-weight: bold }

.btitle { color: #000000; font-family: malgun gothic,tahoma; font-weight: bold; font-size: 15pt; line-height: 120%; }
.mtitle { color: #3399FF; font-family: malgun gothic,tahoma; font-weight: bold; font-size: 11pt; line-height: 120%; letter-spacing: -1px;} 
.mtitleS { color: #3399FF; font-family: malgun gothic,tahoma; font-weight: bold; font-size: 9pt; letter-spacing: -1px;} 
.mtitleB { color: #000000; font-family: malgun gothic,tahoma; font-weight: bold; font-size: 11pt; line-height: 120%; letter-spacing: -1px;}
.mtitleR { color: #ff4f64; font-family: malgun gothic,tahoma; font-weight: bold; font-size: 11pt; line-height: 120%; letter-spacing: -1px;} 
.stitle, .managerTitle { color: #000000; font-family: tahoma; font-weight: bold; font-size: 9pt;  }
.stitleA { color: #555555; font-family: tahoma; font-weight: bold; font-size: 9pt; }
.stitleW { color: #FFFFFF; font-family: tahoma; font-weight: bold; font-size: 9pt; }
.stitleR { color: #CC0000; font-family: tahoma; font-weight: bold; font-size: 9pt; }
.small8pt { font-size: 8pt; font-family: dotum,Tahoma;}
.small8ptW { color: #EEEEEE; font-size: 8pt; font-family: dotum,Tahoma;}
.smalldate { color: #999999; font-size: 8pt; font-family: dotum,Tahoma;}
.small8ptT { font-size: 8pt; font-family: dotum,Tahoma; letter-spacing: -1px;}
.small9ptT { font-size: 9pt; font-family: Tahoma; letter-spacing: -1px; }

.bmk_report		{ background-color: #F3F3E8; }
.bmk_manager	{ background-color: #E8E8F3; }

.ajaxEditDo		{ width: 90%; font-size: 9pt; font-family: Tahoma; color: #CC0000; border: 1px solid #FF6666; margin: 0px; background-color: #FFFFDD;}
.ajaxEditOn		{ width: 90%; font-size: 9pt; font-family: Tahoma; color: #000000; border: 1px solid #6666FF; margin: 0px; background-color: #FFFFDD;}
/* IE margin, FF padding */
.ajaxEditOff	{ width: 90%; font-size: 9pt;	font-family: Tahoma; color: #0000CC; border: 0px solid; margin: 1px; background-color: Transparent;}
.ajaxEditOver	{ width: 90%; font-size: 9pt; font-family: Tahoma; color: #000000; border: 1px solid #AAAAAA; margin: 0px; background-color: #FFFFFF;}

.greyBorder		{ font-size: 9pt; font-family: Tahoma; color: #000000; border:0px solid #AAAAAA; }
.border1grey	{ border: 1 solid #444444 }
.noborder		{ border: 0; } 
.price			{ text-align: right }
.priceR			{ color: #CC3333; text-align: right; }
.pricenoborder	{ text-align: right ; border: 0;  }

.imp, titleblack { color: #000000; }
.tip			{ font-size: 8pt; font-family: Dotum,tahoma; font-weight: normal; color: #DD0000; font-variant: normal; }
.red			{ color: #DD0000; }
.redB			{ color: #DD0000; font-weight: bold;}
.blueB			{ COLOR: #4189cf; FONT-WEIGHT: bold; }
.orgB			{ COLOR: #ff8927; FONT-WEIGHT: bold; }

.luminous{ color: #000000; background-color: #FFFFAA; }

.gradOrange { background-image: url(/images/bg_gradation_orange.gif); background-repeat: repeat-y; background-position: left top;  }
.gradRed { background-image: url(/images/bg_gradation_red.gif); background-repeat: repeat-y; background-position: left top; }
.gradBlue { background-image: url(/images/bg_gradation_blue.gif); background-repeat: repeat-y; background-position: left top; }
.gradGreen { background-image: url(/images/bg_gradation_green.gif); background-repeat: repeat-y; background-position: left top; }
.gradSea, .gradManager { background-image: url(/images/bg_gradation_sea.gif); background-repeat: repeat-y; background-position: left top; }

.boxred { background-color: #CC3300; color: white; font-weight: bold; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; }
.boxblue { background-color: #3366CC; color: white; font-weight: bold; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; }
.boxgreen { background-color: #00AA33; color: white; font-weight: bold; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; }

.layerBalloon        {       
  background-color: Transparent  ;
  position: absolute;
  border: 0px solid;
  padding: 0px;
  /* width: 200px; */
  filter:Alpha(Opacity=90);
  opacity: .90;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  visibility: hidden;
  z-index: 1000;
}

.nodata
{
	position: relative;
	padding: 5px 20px 5px 20px;
	filter: Alpha(Opacity=95);
	opacity: .95;
	z-index: 2;
	width: 50%;
	text-align: center;
}

.scenarioDD
{
    color: #000000;
    background-color: #FFFFFF  ;
    border: 1px solid #AAAAAA;
	z-index: 1;
    background-position: center center;
    font-weight: bold;
}

.dashboardA
{
    color: #000000;
    background-color: #FFFFFF  ;
    border: 1px solid #AAAAAA;
	z-index: 1;
    background-image: url('/images/dashboard_dragdrop.gif'); 
    background-repeat: no-repeat;
    background-position: center center;
    font-weight: bold;
}

.dashboardB
{
    color: #FFFFFF;
    background-color: #4C4C4C  ;
    border: 1px solid #000000;
	z-index: 1;
    background-image: url('/images/dashboard_dragdrop_black.gif'); 
    background-repeat: no-repeat;
    background-position: center center;
    font-weight: bold;
}

.bottom-line
{
	border-bottom:1px solid #ebebeb;
}

/* phone: tag */
.contentbox { BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW: hidden; BORDER-LEFT: #000000 0px solid; COLOR: #000000; BORDER-BOTTOM: #000000 0px solid; FONT-FAMILY: 돋움; }