/* navigation elements */ @import url("navi_annual.css");
body, html {
  font-family: Arial, sans-serif;
  font-size:12px;
  color:#000;
  background-color:#fff;
  /text-align:center;
  margin:0;
  width:100%;
  height:100%;
}
table{
	font-family: Arial, sans-serif;
	font-size:12px;
}
table td {
	padding: 3px;
}

h1{
	font-size: 18px;
	color: #0570bd;
	margin-top: 0;
	padding:0;
}
h2{
	display:block;
	/*width:527px;*/
	border-left: 10px #2091c1 solid;
	background: url(../gfx/blue_fade_wide.gif) repeat-y #349ac5;
	font-size: 14px;
	color: #fff;
	margin-top: 0;
	height: 18px;
	padding: 6px;
}
h3{
	font-size: 15px;
	color: #0570bd;
	margin-top:20px;
	margin-bottom:0px;
	/*letter-spacing:0.5px;*/
	padding:0;
}
h4{
	font-size: 12px;
	color: #000;
	margin-top:20px;
	margin-bottom:0px;

	padding:0;
}
a{
	color:#0570bd;
}
a:visited{
	color:#0570bd;
}
a:active{
	color:#0570bd;
}
#main{
	width: 960px;
	text-align:left;
	margin: auto;
	height:100%;

}
/* --------header-------------------------> */
#header{
	width: 958px;
	_width: 960px;
	height: 97px;
	border-right: 1px solid #dfe0e2;
	border-left: 1px solid #dfe0e2;
	background: #003688;
}
#header a{
	color: #fff;
	text-decoration: none;
}
#header a:visited{
	color: #fff;
	text-decoration: none;
}
#header a:hover{
	color: #79b9e6;
	text-decoration: none;
}
#header_left{
	float: left;
	width: 859px;
	height: 67px;
	background: url(../gfx/download_bg.gif) no-repeat right;
	
}

#header_left_txt{
	color: #fff;
	padding-left: 747px;
	padding-top: 14px;
	/padding-top: 13px;
	_padding-top: 16px;
	font-size:11px;
	line-height: 19px;
}
#header_right{
	float: right;
	width: 97px;
	height: 67px;

}

#header_right_txt{
	color: #fff;
	padding-top: 14px;
	/padding-top: 13px;
	_padding-top: 16px;
	padding-left: 16px;
	font-size:11px;
	line-height: 19px;
}
#head_logo{
	margin-right: 8px;
	border: none;
}
#head_navi{
	/*width: 99,9% !important;*/
	height: 30px;
	background: #1a89bf;
	padding-left:10px;
	_padding-left:17px;
}
#head_navi ul{
/*#head_navi ul{
	margin: 0;
	margin-top: 10px;
	padding: 0;
	float:left;
*/
	margin:0;
	padding:0;
	list-style-type: none;
	float:left;
}
#head_navi li{
	margin:0;
	padding:0;
	list-style-type: none;
	float:left;
	height: 18px;
	display:block;
	}
#head_navi li a{
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	color: #fff;
	padding: 4px;
	margin-right:8px;
	margin-top: 4px;
	_margin-top: 6px;
	height:18px;
	_height:10px;
	width: auto;
	display:block;
	_display:inline;
}
#head_navi li a:hover {
	height: 18px;
	_height: 10px;
	margin-right:8px;
	margin-top: 4px;
	_margin-top: 6px;
	background-color: #91cdff;
	padding: 4px;
	width: auto;
	color: #fff;
}
#head_navi li.menuSelected a {
	height: 18px;
	_height: 10px;
	margin-right:8px;
	margin-top: 4px;
	_margin-top: 6px;
	background-color: #91cdff;
	padding: 4px;
	width: auto;
	color: #fff;
}
#head_search{
	width: 180px;
	float:right;
	text-align:right;
	margin-right: 5px;
}
#search_input{
	width: 100px;
	margin-top:2px;
}
#search_button{
	margin-left: 4px;
	margin-top: 2px;
	color: #003688;
	font-size:10px;
	padding:2px;
}
#searchForm{
	margin:0;
	padding:0;
}
 ul.searchList{
	margin:0;
	padding-left: 20px; 
}
 ul.searchList li{
	font-weight: normal;
 }
/* -------------------------------------*/
#img_flash, #img_flash_en{
	height:234px;
	width: 958px;
	border-right: 1px solid #dfe0e2;
	border-left: 1px solid #dfe0e2;
	background: url(../gfx/flash_iso.jpg) no-repeat;
}
#img_flash_en{
	background: url(../gfx/flash_iso_en.jpg) no-repeat;
}
/* headings ----------------------------*/
.vaisala_logo{
	float: left;
	width: 114px;
	height: 30px;
	margin-left: 20px;
	margin-top:15px;
	border:none;
}
#highlight_heading_front{
	width:475px;
	_width: 527px;
	height:24px;
	background: url(../gfx/blue_fade.gif) repeat-y #2191c0;
	float: left;
	font-size: 13px;
	color: #fff;
	font-weight:bold;
	padding-left: 53px;
	padding-top:6px;
	margin-bottom: 11px;
}
#key_heading_front{
	width:383px;
	_width:430px;
	height:24px;
	background-color: #bae800;
	float: right;
	font-size: 13px;
	color: #003688;
	font-weight:bold;
	padding-left: 46px;
	padding-top:6px;
}


/* content front----------------------*/
#content{
	border: 1px solid #dfe0e2;
	border-top: none;
	height:auto !important;
	min-height: 200px;
	/height: 200px;
	position:relative;
}
#column_left{
	float: left;
	width:527px;	
}
#column_right{
	float: right;
	width:431px;
}
#highlight_brief{
	display:block;
	width: 473px;
	_width:527px;
	height:44px;
	margin-top: 1px;
	/margin-bottom: 1px;
	.margin_bottom: 1px;
	background-color: #f0f9fd;
	border-left: 6px solid #b1daeb;
	padding-left: 47px;
	
	
}

#highlight_brief a{
	font-size: 12px;
	font-weight: bold;
	color: #003688;
	text-decoration: none;
	
}
#highlight_brief a:visited{
	font-size: 12px;
	font-weight: bold;
	color: #003688;
	text-decoration: none;
}
#highlight_brief a:hover{
	font-size: 12px;
	font-weight: bold;
	color: #003688;
	text-decoration: underline;
}
#brief_image{
	height:44px;
	width:42px;
	float:left;
}
#brief_txt{
	position: absolute;
	width:412px;
	_width:370px;
	color:#003688;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 14px;
	
}
#brief_txt_heading{
	font-weight:bold;
}
/* content templates -----------------*/


div#excelLink  {
	margin: -20px 0 0 480px;
	width:190px;
	text-align:right;

}


#excelLink a {
	width: auto;
	list-style-type: none;
	text-decoration: none;
}



#page{
	width: 784px;
	float: right;
	right:0;
	margin-top:26px;


	height:auto !important;
	min-height: 400px;
	/height: 400px;
	position:relative;
}
#page img.normal_image{
	max-width:220px;
	height: auto;
	margin: 0 0 15px 15px;
}
#page img.bigger_image{
	max-width:340px;
	height:auto;
	margin:0 0 15px 15px;
}
#left_widecolumn_tpl{
	float: left;
	width:535px;
	padding-bottom: 10px;
}
#left_widecolumn_tpl p{
	padding:0;
	margin:  5px 0 15px 0;
}

.floatingImage{
	float:left;
	width:260px;
}
.floatingImage img{
	max-width:240px;
	width:240px;
	border:none;
}
#right_column_tpl{
	float: right;
	right:0;
	width:225px;
	background-color: #f7fcfe; 
	/*#f7fcfe;*/
	height: 100%;
	min-height: 100%;
	position: absolute;
	color: #003688;
}
*html #right_column_head{
	width:225px;
	height:24px;
	background: url(../gfx/blue_fade.gif) repeat-y #2191c0;
	font-size: 14px;
	color: #fff;
	font-weight:bold;
	padding-left: 17px;
	padding-top:6px;
	margin-bottom: 11px;
}
#right_column_head{
	width: 208px;
	height:24px;
	background: url(../gfx/blue_fade.gif) repeat-y #2191c0;
	font-size: 14px;
	color: #fff;
	font-weight:bold;
	padding-left: 17px;
	padding-top:6px;
	margin-bottom: 11px;
}
#right_column_txt{
	color: #003688;
	padding:  0 18px 18px 18px;
}
#right_column_txt h3{
	font-size: 12px;
	color: #0570bd;
	margin-top:20px;
	margin-bottom:6px;
	letter-spacing:0.5px;
	padding:0;
}
#right_column_txt h3 a{
	font-size: 12px;
	color: #013588;
}
#right_column_txt p{
	margin: 0 0 15px 0 ;
}
.docuLinkTxt{
	color: #013588;
	text-decoration:none;
	float:right;
	width:149px;
}
#right_column_txt .docuLinkTxt a{
	color: #013588;
	text-decoration:none;
	font-weight:bold;
}
.docuLinkIcon{
	margin-right: 12px;
	width:28px;
	float:left;
}
.docuLinkIcon img{
	height:auto;
	width:16px;
}
#right_column_tpl img{
	max-width:188px;
	height: auto;

}

#right_column_txt h1{
	font-size:12px;
	color:#003688;
	font-weight: bold;
	margin:0;
	padding:0;
}
#right_column_txt a{
	color:#0570bd;
}
#right_column_txt a:visited{
	color:#0570bd;
}
#right_column_txt .file img{
	width:16px;
	height:16px;
}
#related_txt{
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom:20px;
}
img.left{
	border-right: #c4e0ef 1px solid;
	float:left;
	margin-right: 20px;
	margin-right:1px;
}

div .right {
	float: right;
	width: auto;
}

img.right{
	border-left: #c4e0ef 1px solid;
	width: 220px;
	float:right;
	margin-left: 20px;
	margin-right:1px;
}
.upperClass{
	font-size: 12px;
	font-weight: bold;
	color: #003688;
	margin-top: 8px;
	padding:0;
	width:500px;
}
.middleClass{
	background-color: #f0f9fd;
	height: 16px;
	border-left: solid  4px #b1daeb;
	margin-bottom:2px;
	padding:3px;
	color: #003688;
}
.alternative{
	background-color: #fff;
}
#page img.middleClassIcon{
	margin-left:5px;
	margin-right:11px;
	height: auto;
	max-width:16px;
	width:16px;
}
#left_widecolumn_tpl form#downloadForm{
	color: #003688;
	font-size: 12px;
	font-weight: bold;
	background:none;
	/*position:relative;*/
}
#left_widecolumn_tpl form#downloadForm a{
	color: #003688;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#left_widecolumn_tpl form#downloadForm .submitRow{
	text-align: right;
	margin-bottom: 3px;
	float:right;
	width: 533px;
	position:absolute;
}
 form#downloadForm input.button{
	border:none;
	background: none;
	font-family: Arial, sans-serif;
	cursor: pointer;
	padding:0;
	margin:0;
	color: #003688;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#green_table{
	width: 664px;
	border-collapse: collapse;
	
}
#left_widecolumn_tpl table p{
	margin:0;
	padding:0;
}
#green_table #heading{
	background-color: #83b552;
	color: #fff;
	font-weight: bold;
	height: 30px;
	vertical-align: top;
}
#green_table #green{
	background-color: #c4daab;
}
#green_table #white{
	background-color: #fff;
}
#green_table td{
	border: none;
	border-right: 4px solid #fff;
	padding: 3px;
	padding-right: 5px;
}
#green_table td#name{
	width: 260px;
}
#green_table td#note{
	width: 40px;
}
#green_table td#date{
	width: 122px;
}
#green_table td#pros{
	width: 50px;
}
/* sitemap ---------------------------*/
ul#sitemap{
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#sitemap li{
	margin-top:6px;
	font-weight:bold;
}
ul#sitemap ul li {
	margin-top:2px;
	font-weight:normal;
}
ul#sitemap ul{
	margin:0;
	padding-left:15px;
	list-style-type:none;
}
ul#sitemap ul ul{
	margin:0;
	padding-left:25px;
}
/* footer ----------------------------*/
#footer{
	font-size: 11px;
	color: #6d7170;
	margin-top:5px;
	margin-left: 22px;
}
#footer a{
	font-size: 11px;
	color: #6d7170;
	text-decoration:none;
}
#footer a:visited{
	font-size: 11px;
	color: #6d7170;
	text-decoration:none;
}
#footer a:hover{
	font-size: 11px;
	color: #6d7170;
	text-decoration:underline;
}
/* -----------------------------------*/
#clear{
	clear:both;
}


