/* BASIC */


* { margin:0; padding:0;}
/** { font-family: verdana, Arial, helvetica; font-size: 11px; color: #555555; }*/

h1 {display: none; }

body             { background: url(/images/bg_global.gif) repeat-x; 
				   scrollbar-3dlight-color: #B3B2B2;
			       scrollbar-arrow-color: #B3B2B2;
	               scrollbar-track-color: #F2F2F2;
	               scrollbar-darkshadow-color:#B3B2B2;
	               scrollbar-face-color:#FFFFFF;
	               scrollbar-highlight-color:#FFFFFF;
	               scrollbar-shadow-color:#FFFFFF
				   /* 2010.03.08 kisa hompage footer */
				   font-family: verdana, Arial, helvetica;
				   font-size: 11px;
				   color: #555555;
				   }
table            { border-collapse: collapse; margin:0px; padding:0px; }
ul, ol, li       { list-style: none outside; }
hr, legend       { display:none; }
img, fieldset    { border:0 none; }

img, input, select, textarea { vertical-align: middle; }

a:link     { color: #555555; text-decoration: none; }
a:visited  { color: #555555;  text-decoration: none; }
a:hover    {  color: #09428C; text-decoration: underline; } 
a:active   { color: #555555; text-decoration: none; }

a.rollover img          { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover        { position: relative; }
a.rollover:hover img    { display:none; }
a.rollover:hover img.rollover { display:block; }

.msg { font-size: 11px; color: #09418C; }



/* LAYOUT */
#wrapper {
    margin-left:5px;
	width: 996px;
}

#header {
	width: 996px; 
	height:92px;
	float: left; 
}


/* TOP NAVIGATION */

#homeLink{
	display: inline;
	margin-top:10px; margin-left:20px; margin-bottom: 6px;
	float: left;
}

#ip{
    text-align: right;
    padding-right: 82px;
	height: 25px;
	font-family: verdana; font-size: 9px; color: #5E89C7;
	float: right; line-height:20px;
}


ul#topNav{
	display: inline;
	width: 498px; height: 23px;
	padding-right: 79px;
	float: right;
}

ul#topNav li{
	float: right;
}



/* GLOBAL NAVIGATION */

ul#mainNav {
	margin: 0px; padding: 0px;
	width: 921px; height: 43px;
	float: left;
}	

ul#mainNav li {
	display: inline;
	float: left;
}

.navSub {
	position: absolute;
	top: 92px; left: 5px;
	height:30px;
	float: left;
}

#sub1, #sub3, #sub4, #sub5, #sub6 { visibility: hidden;}

ul#navSub1{
	float: left;	
	display: inline;
	background: url(/eng/images/navsub1_bg.gif) no-repeat top left;
	width: 473px; height:30px;
    margin: 0px 0px 0px 15px;
    padding: 6px 0px 0px 7px;
}

ul#navSub1 li{
	float: left;
	padding: 0px 15px 0px 15px;
}

ul#navSub3{
	float: left;
	display: inline;
	background: url(/eng/images/navsub3_bg.gif) no-repeat top left;
	width: 428px; height:30px;
    margin: 0px 0px 0px 386px;
    padding: 6px 0px 0px 47px;
}

ul#navSub3 li{
	float: left;
}

ul#navSub4{
	float: left;
	display: inline;
	background: url(/eng/images/navsub4_bg.gif) no-repeat top left;
	width: 428px; height:30px;
    margin: 0px 0px 0px 566px;
    padding: 6px 0px 0px 0px;
}

ul#navSub4 li{
	float: left;
	padding: 0px 15px 0px 15px;
}

ul#navSub5{
	float: left;	
	display: inline;
	background: url(/eng/images/navsub5_bg.gif) no-repeat top left;
	width: 557px; height:30px;
    margin: 0px 0px 0px 376px;
    padding:6px 0px 0px 7px;
}

ul#navSub5 li{
	float: left;
	padding: 0px 15px 0px 15px;
}





/* LEFT NAVIGATION */
#left{	
	float: left;
	clear: both;
	background: url(/eng/images/bg_left.gif) no-repeat top left;
	width: 209px;
	height:428px;
}

#leftTitle{
	float: left;
	padding:0 0 30px  25px;
}

ul#leftNav{
	float: left;	
	display: block;
	width: 166px;
}

ul#leftNav li{
	float: left;
}


	


/* SIDEBAR */
#quickLinkDiv{
    background: url(/eng/images/side_0.gif) no-repeat top left;
	margin: 33px 0px 0px 0px;
	width:70px; height: 350px;
	float:right;
}

#sidebar{
	background: url(/eng/images/side_0.gif) no-repeat top left;
	margin: 33px 0px 0px 0px;
	width:70px; height: 350px;
	float:right; 
}

ul.sidebar{ 
	display: block;
	margin: 58px 0px 0px 7px;
	text-align: center;
	width:56px;
}

ul.sidebar li{
	border: 0px;
}


/* CONTENT */
#content{
    margin: 0px; padding: 0px;
	width: 707px; float: left;
}

#vis{ margin: 0px; padding: 0px; z-index:0;}

*html #vis{ margin-top:-1px;}

.linemap{
	float: left;
	margin-top: -32px;
	padding-left: 18px;
    font-size: 10px;
	color: #888B97;
	position: relative;
	z-index: 3;
}

/* LOGIN*/

#meLogin{
	clear: both;
	margin-top: -77px;
}

#opLogin{
	clear: both;
	margin-top: -290px;
}

input#userid, input#pass {
	border: 1px solid #C8C8C8;
	background-color: #ffffff;
	padding: 3px; margin: 1px; 
	width: 152px;
}

input#openid {
	background: url(/eng/images/login/op_bg.gif) no-repeat;
	padding-left: 18px; padding-top: 3px; padding-bottom:3px; padding-right:3px;
	border: 1px solid #C8C8C8;
	background-coloSr: #ffffff;
	width: 137px;
}

.loginBG{ background: url(/eng/images/login/login_bg.gif) no-repeat center top ; height:196px;}

/* Footer */
/*
#footer{
	clear: both;
	margin-top:20px;
	padding-top: 14px;
	width: 926px;
	height:115px;
	float:left;
}
*/
#footer {
	margin: 40px 0 0 30px;
	width: 881px;
	height: 185px;
	position: relative;
	border-top: 1px solid #eaeaea;
	clear: both;
}
#footer p.logo {
	position: absolute;
	left: 26px;
	top: 10px;
}
#footer address {
	padding: 25px 0 10px 210px;
}
#footer address p {
	font-family: Arial, "Arial", sans-serif;
	font-size: 12px;
	/*font-style: normal;*/
	/*letter-spacing: -0.05em;*/
}
#footer p.copy {
	padding: 0 0 0 210px;
}




/* popup */


#popup { background: #E9E9E9; padding: 8px; }

#popup #Title   { width: 782px; height: 33px; padding-left:35px; 
				  color: #FFFFFF; font-weight: bold; line-height:33px;
                  background: url(/eng/images/sub/bg_pop.gif) no-repeat top left;} 

#popup #mapView { width: 780px; height: 530px; border: 1px solid #CCCCCC; margin-top:8px; background: #FFFFFF; }

#popup #close   { width: 780px; padding-top:10px; text-align: right; } 






/* main */

#MainCtn            { float: left; width:921px; margin-top:30px;}
#MainLeft           { float:left; width: 204px;  background: url(/images/bg_main_left_top.gif) no-repeat top left;}  
#MainLeft #Info     { float:left; width:175px; margin:8px 0 0 19px; padding-top: 21px;
                      background: url(/eng/images/main_leftinfo_top.gif) no-repeat top left; display:inline;} 


#Info p             { color:#737272;line-height:130%; }
#Info p.num         { color:#737272;line-height:130%; font-weight:bold;}
#Info p.add         { color:#999999; font-size:10px; line-height:130%; }
#Info img			{ margin-left:12px; }

#Info .kr			{  padding: 6px 0px 8px 0px; margin-left:12px;}
#Info .ip			{  padding: 6px 0px 8px 0px;  margin-left:12px;}
#Info .ft			{  padding: 6px 0px 8px 0px;  margin-left:12px;}
#Info .us           {  padding: 6px 0px 8px 0px;  margin-left:12px;}
#Info .bt           {  padding: 6px 0px 10px 0px; background: url(/eng/images/main_leftinfo_bt.gif) no-repeat bottom left; }
.normal             {  color:#737272; font-weight:normal;}


#MainLeft  #Info2    { clear: both;  margin-left: 19px; padding-bottom: 13px; width:175px; vertical-align:top; 
					   background: url(/eng/images/main_global_bt.gif) no-repeat bottom left; }

#Info2 table         { width: 154px; margin-left:12px;}
#Info2 td.title      { width: 27%; border-bottom:1px solid #E3DED9; }
#Info2 td.data       { width: 73%; color:#75664E; line-height:130%; padding:5px 0 5px 0;  border-bottom:1px solid #E3DED9;}
#Info2 td.data strong{  color:#75664E; line-height:130%; font-weight: bold;}

#MainLeft  #Info3    { padding: 20px 0px 0px 19px; 
					   background: url(/eng/images/bg_main_left_bt.gif) no-repeat bottom left; }



#MainImg             { float: left; width:231px;}

#RightType1          { float:right; width:484px;  }

#RightType1 #Gong    { float:left; width: 252px;}
#RightType1 #history { float: right;}

#RightType1 #GTab    { width:248px; margin: 8px 0 0 4px; 
					   background: url(/eng/images/main_tab_bg.gif) no-repeat bottom left;}
#GTab li             { float: left; display: inline; }

#RightType1 #GTxt    { width:248px; padding: 44px 0 0 16px; 
					   background: url(/eng/images/main_top_report.gif) no-repeat top left;}
#GTxt li             { float: left; display: block; width: 235px; color:#666666;  line-height:145%; }
#GTxt li a           { color:#666666;  line-height:145%; }
#GTxt li a:hover     { color: #09428C; text-decoration: underline; }



#RightType2         { float:right;  width: 484px; margin-top:0px;}

#RightType3         { float:right;  width: 484px; 
                      background: url(/eng/images/bg_main_right.gif) no-repeat top right;}

#RightType3 #localMap {float:left;}
#RightType3 #report   {float:right; width:184px; margin-right:18px;}

#RightType3 #localMap #Title { padding-top:25px; padding-bottom:7px; }
#RightType3 #report #Title   { padding-top:28px; padding-bottom:8px; width:100%; 
							   background: url(/eng/images/main_tab_bg.gif) no-repeat bottom left;}
#report .Rt      { float: left; }
#report .more    { float:right;}


#report dt            { float:left; width:184px; height:17px;}
#report dd img        { float:left; border:1px solid #E2E4E4; margin-left:3px;}
#report dd.RtM        { width:69px;}
#report dd            { width:112px; float:left; color:#666666; }
#report dd           a{ color:#666666; }
#report dd.Txt a:hover{ color:#09428C }



/* error*/

#errorBox { width: 562px; margin: 20px auto 0 auto;}

#errorBox #logo { margin:50px 0 0 0; }
#errorBox #error { width: 562px; padding-top:20px; 
				   background: url(/eng/images/error_top.gif) no-repeat top left; text-align: center; margin-top:0px;}
#errorBox #error  p { color: #3697D0; font-weight:bold; line-height:160%;}
#errorBox #error img{ margin: 15px 0 15px 0;}