* { 
	margin : 0;
	padding : 0;
}
html { 
	height: 100% 
}
body {
	height: 100%; 
	margin: 0; 
	padding: 0;
	font-size: 12px;
	font-family: sans-serif; 
	overflow: hidden;
	background-color:#e5e3df;
	
}
li { list-style:none; }
div#title{
	height:35px;
	background-color:#424242;
	border-top: 4px solid #A20000;
}

div#title_logo{
	color:#ffffff;
	width:110px;
	float:left;
	padding-left:5px;
}

div#title_logo img{
	border:0px;
	vertical-align:bottom;
}

div#control_area{
	padding-left:110px;
	margin-top:6px;
	height:34px;
}

input#keyword_textbox{
	height:18px;
	width:300px;
	vertical-align:bottom;
}

a.css_button{
	vertical-align:bottom;
}

div#searchform{
	z-index:100;
	display:none;
	position:absolute;
	background-color:#ffffff;
	margin-left:10px;
	margin-left:10px;
	padding:10px;
  border-bottom-right-radius: 5px;  
  border-bottom-left-radius: 5px; 
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  
}

div#keywordsearch{
	display: none;
	margin:5px;
}

div#prefsearch{
	display: none;
	margin:5px;
}

div#contentsarea{
	clear:both;
	position:static;
	z-index:10;
	height:100%;
}

div#map_canvas{
	height:100%;
	margin-right:270px;
	
}

div#side_bar{
	width:270px;
	height:100%;
	float:right;
	border-left: 1px solid #424242;
	background-color:#FFFFFF;
}

div#footer{
	border-top: 1px solid #424242;
	background-color:#FFFFFF;
	height:15px;
}

div.sb_title{
	padding-left:5px;
	background-color:#424242;
	color:#ffffff;
}
div.sb_content{
	padding:4px 0px;
}

div#wether_content{
	text-align: center;
	height:135px;
}

div#zoom_map{
	width:100%;
	height:150px;
}

div#pr_content{
	text-align: center;
	padding-top: 2px;
}


div#link_content{
	width:100%;
	padding-left:10px;
}

div#link_content li{
	list-style-type: none;
}

div#template_area{display:none;}
div.sf_form{height: 200px; width:750px;}
div.sf_method_area{height:100%;width:150px;float:left;}
div.sf_result_area{height:100%;width:600px;padding-left:150px;}
div.sf_method{height:100%; width:140px; border:solid 1px;overflow-x:hidden;overflow-y:scroll;}
div.sf_result{height:100%; width:600px; border:solid 1px;overflow-x:hidden;overflow-y:scroll;}
div.sf_element{cursor: pointer;clear:both;}
div.sf_element:hover {background-color:#aaaaaa;}
div.sf_element:active {background-color:#000000;color:#ffffff;}
div.sf_selected{background-color:#424242;color:#ffffff;}
div.sf_selected:hover {background-color:#424242;color:#ffffff;}
div.sf_method_element{}
div.sf_result_element{}

div.sf_damname{
	float:left;
	width:250px;
}

div.sf_address{
	padding-left:250px;
	width:350px;
}

div.sf_dummy{
	clear:both;
}

div.wt_form table{
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
div.wt_area{
	text-align:center;
	padding:0px 2px;
}

div.wt_pinpoint{
	text-align:center;
	padding:0px 2px;
}

div.di_title{
	white-space: nowrap;
	vertical-align: bottom;

}

div.di_spec table{
}

div.di_spec table td{
	padding:2px 4px;
}

div.di_link {
	width:80%;
	float:left;

}
div.di_link li{
	list-style-type: none;
}
div.di_selection{
	text-align: left;
}

td.wt_ele{
	text-align:center;
}

td.tabletitle{
	white-space: nowrap;
	background-color:#777777;
	color:#ffffff;
}

td.tablevalue{
	white-space: nowrap;	
	background-color:#eeeeee;
}
div.pi_form{
	width:300px;
	position:absolute;
    bottom: 0;

}
div.pi_title{
	height:20px;
	font-weight:bold;
}

div.pi_list{
	height:200px;
}

div.pi_list_row{
	height:40px;
	margin-top:2px;
	margin-bottom:2px;
	background-color: #eeeeee;
}

div.pi_list_row:hover{
	background-color: #aaaaaa;
}

div.pi_list_row div{
	padding:0px;
	margin:0px;
}

div.pi_link{
	height:30px;
}

a#c_position_button{
	margin-left:50px;
}

div.olmapcredit{
	background:rgba(255,255,255,0.5);
}

div.mapcredit{
	background:rgba(255,255,255,0.5);
}

div#overlay_content ul{
	padding: 0px 0px 5px 0px;
}

div#overlay_content ul li{
	padding: 5px 20px 0px 20px;
}