/*
 * General style definitions for webbrowsers
 * 
 * General elements
 * 	header
 * 		logo
 * 		Country site selection
 * 		main navigation
 * 	page
 * 		left column
 * 			subpage navigation
 * 			bulletins
 * 		right column	
 * 			imageplace
 * 			content area
 * 				pagename
 * 				headings
 * 				text-styles
 * 	footer
 * 		group logo
 * 		sitemap
 * 
 * Other Modules
 * 	Bulletin Manager 2
 * 
 */

/* * { margin:0;padding:0;} resets all margins, but not used atm */
/* clears all the margins and paddings for elements, expect for tables */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { margin: 0;padding:0;}


blockquote { margin-left: 20px;}
span.strong { color: yellow;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a { outline: none;} /* removes all outlines from the links for Firefox */

body { font-family: arial,verdana,serif; font-size: 12px; background:#03bcee url(/pics/telko/body.gif) left top repeat-y; width: 100%;}

	#wrapper { position:relative; background: url(/pics/telko/bluishGradient.png) left top no-repeat; width: 100%; }
		#wrapperContentArea {  position: relative; width: 998px; margin: 0 auto;  }
		/* header */
		#headerWrapper { position: relative; background: #fff; width: 998px; background: url(/pics/telko/header_new.png) left top no-repeat; height: 153px; }
			#header { background: #fff; position: relative; width: 952px; left:23px; height: 130px; border-bottom: 1px solid #fff; top: 32px;}
				#header #logo {  position: absolute; width: 210px; height: 73px; background: url(/pics/telko/logo.gif) no-repeat; left: 23px; top: 21px; text-indent: -999999px;}
				#tools { position: absolute; right: 0em; top:0.5em; width: 300px; text-align: right;}
					#tools ul { list-style-type: none;float:left;padding-top:0.3em;}
						#tools li { display: inline; padding: 0 0.5em; border-right: 1px solid #ddd;}
							#tools li a { font-size: 11px; color: #4D4D4D;font-size: 11px; text-decoration: none;}
							#tools li.currentLanguage a { text-decoration: underline;}
						#tools form { margin-left: 1em;float:left;}
						#tools select { vertical-align: top;border:1px solid #B8B8B8;color: #4D4D4D;font-size: 11px;}
				
				#prdSearch { position: absolute; right: 0em; top: 35px;}
					#prdSearch label { font-weight: bold;}
					#prdSearch .textField { border: 1px solid #ddd; padding: 0.25em; margin-right: 20px;}
					#prdSearch .searchSubmit { position: absolute; width: 13px; height: 13px; background: url(/pics/telko/prdSearchSubmit.gif) no-repeat; right: 0px; margin-top: 4px; border: none; cursor: pointer;}
				#mainMenu { position: absolute; width: 708px; height: 23px; top:98px; left:244px; background: #e7e7e7; overflow: hidden; }
					#mainMenu ul {
						list-style-type: none;
						padding-top:0.3em;
					}
					#mainMenu li {
						padding: 0 0.8em;
						padding-top: 0.2em;
						padding-bottom: 0.4em;
						display:inline;
						border-left: 1px solid #919396;	
					}
					#header .mainMenuRu {width: 770px;left: 182px;}
					#header .mainMenuRu li { padding-right:5px;padding-left: 5px;  }
					#mainMenu li:first-child { border:none;}
					#mainMenu li a { color: #3a3a3a;text-decoration: none;}
					#mainMenu a:hover { text-decoration: underline;}
					#mainMenu a#selected { color:#005cac;}
		#pageWrapper { position: relative; width: 998px; background: url(/pics/telko/page.png) repeat-y;}			
			#page {  position: relative;  width: 952px; left: 23px; }
			.frontpage {}
				.frontpage #leftCol, .frontpage #rightCol {padding-top: 0px;}
				
				#leftCol {
					float: left;
					width: 244px;
					padding-top: 217px;
				}
					
					#subNav { position: relative; display:block;width:80%;margin-left:35px;}
						#subNav ul { list-style-type: none;}
						#subNav li { margin:0.5em;}
						#subNav li a { color:#009de8;text-decoration:none;}
						#subNav ul ul { margin-left: 0.5em;}
						#subNav ul li ul li { }
						#subNav a#subSelected  { color:#000;font-weight: bold;}
						#subNav a:hover { text-decoration: underline;}
					#greyBox {
						width: 244px;
						height: 179px;
						background: #e7e7e7;
						
					}
					#bulletins { position: relative; width: 90%; margin: 0 auto;margin-top:1em;}
						#bulletins ul { list-style-type: none; }
						#bulletins li  span.date { color:#009de8;}
						#bulletins li { color:#000;margin-bottom: 1em;}
						#bulletins a { color:#000; text-decoration: none;}
				
				#rightCol {
					float: left;
					width: 708px;
					padding-top: 180px;
				}
					#imageplace img {
						width: 952px;
						height: 179px;
						background:#e7e7e7;
						text-align: right;
						position: absolute;
						top: 0px;
						left: 0px;
						overflow: hidden;
					}
					
				
					#contentCol {
						position: relative;
						padding-top:1em;
						padding-left: 18px;
						width: 440px;
						min-height: 400px;
					}
						
					#content_col_wide { width: 690px;}	
						/* pagename */
						#contentCol #pageName { font-size: 18px; color:#005cac;font-weight: normal;}
						
						/* headings */
						#contentCol h1, #contentCol h2, #content_col_wide h1, #content_col_wide h2 { font-size: 18px; color:#005cac;font-weight: normal; margin-bottom: 0.5em; }
						/* #contentCol h3, #contentCol h5, #contentCol h6 { font-size: 16px; font-weight:normal;margin-bottom:0.5em;} */
						#contentCol h2, #content_col_wide h2 { color:#004a9d;font-family:verdana,arial;font-size:15px;font-weight:bold;margin:20px 0px 8px 0px;padding:0px;line-height: 20px;}
						#contentCol h3, #content_col_wide h3 { color:#004a9d;font-family:verdana,arial;font-size:13px;font-weight:bold;margin:20px 0px 8px 0px;padding:0px;}
						#contentCol h4, #content_col_wide h4 { font-size: 11px;font-weight: bold;font-family:verdana;margin:20px 0px 8px 0px;padding:0px;color:#004a9d;} 
	 				
						/* text-styles */
						#contentCol p, #content_col_wide p { margin-bottom: 1em;}
						#contentCol a, #content_col_wide a { color:#009de8; }
						
						#contentCol ul,#contentCol ol, #content_col_wide ul, #content_col_wide ol { margin-left: 2em;}
							#contentCol li, #content_col_wide li { margin-bottom:.5em;}
							#contentCol ul ul,#contentCol ol ol, #content_col_wide ul ul, #content_col_wide ol ol  { margin-left:1em;}
							
						/* table styles */
						#contentCol td.otsikko { font-weight:bold; color:#ffffff; background:#d95318; }
						#contentCol td.reunaviivat { border:1px solid #8c9db3; }
								 
						#contentCol tr.otsikkorivi {
						 	background:#d95318;
						 	color:#ffffff;
						 }
						#contentCol tr.harmaarivi {
						 	background:#d9d9d9;
						 }
						 
						#contentCol table.eirakoja {
						 	border-collapse:collapse;
						 }
						 
						#contentCol tr.esl-otsikkorivi {
							background:#3994d2;color:#fff;font-weight:bold;
							} 
						#contentCol tr.esl-sinertava_rivi {
							background:#d0ebff;
							}
						 

		#footerWrapper { position: relative; width: 998px; margin: 0 auto; background: url(/pics/telko/footer.png) no-repeat; height: 106px;}
			#footer {
				clear: both;
				position: relative;
				width: 952px;
				left: 23px;
				border-top: 1px solid #fff;
				background: #e7e7e7;
				padding-top: 10px;
			}
				#footerDetails { }
				#footerDetails p { color:#999999; font-size: 11px; margin: 0;}
				#footerLogo {
					float: left;
					width: 227px;
				}
					#footerLogo h3 {
						margin-left: 20px;
						width: 173px;
						height: 27px;
						text-indent: -999999px;
						background: url(/pics/telko/logo-group.gif) no-repeat;
					}
				
				#footerNav {
					float: left;
					width: 691px;
				}
					#footerNav h3 {
						font-size: 11px;
						color: #999;
						border-bottom: 1px solid #acacac;
						text-indent: 1em;
						padding-bottom:0.5em;
						font-weight: normal;
					}
					#footerNav ul { list-style-type: none;margin-top:0.5em;margin-left:1em;}
					#footerNav li { display: inline; margin-right:2em;}
					#footerNav li a { color: #999;text-decoration: none; font-size: 11px;}
					#footerNav a:hover { text-decoration: underline;}
					
				/* RU Style */
				
				#footerContent .footerNavRu {}
				#footerContent .footerNavRu li {margin: 0px; padding: 0 8px 0 0; }
				
				 
/*
 * Other modules
 * ****************************
 */

/* Bulletin Manager 2 */
	#bm2 { padding:20px; }
		#bm2 ul { list-style-type: none;margin:0;}
		#bm2 a.bulletinLink { float: right;font-size: 11px;margin-top:-1.5em;}
		#bm2 h2 { font-size: 14px;}