/*
 * 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:2em; top:1.5em; width: 320px; text-align: right; }
				#tools ul { list-style-type: none; padding-top:0.3em;}
					#tools li { position:relative; 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: 0px; top: 30px; border: 1px solid #ddd;}
					#prdSearch .textField {  padding: 0.35em; margin-right: 25px;border: 0px;font-size:11px;}
					#prdSearch .searchSubmit {text-indent: -10000px;overflow: hidden;position: absolute;width: 13px;height: 13px;right: 5px;margin-top: 4px;border: none;cursor: pointer;border: 0px;}
				
				#mainMenu { position: absolute; width: 770px; height: 23px; top:98px; left:182px; 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;
				}
				
				#leftCol_jobs {
					float: left;
					width: 244px;
					padding-top: 185px;
				}
					
					#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;margin-left:-1px;}
						#bulletins li { color:#000;margin-bottom: 1em;}
						#bulletins a { color:#000; text-decoration: none;}
						#bulletins h3 { border-bottom:1px solid #ccc; width:90%; margin: 0px 0 9px 1px; padding-top:4px;}

				
				#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, #content_col_wide {
						position: relative;
						padding-top:1em;
						padding-left: 18px;
						width: 440px;
						min-height: 400px;
					}
						
					#content_col_wide { width: 680px;}	
						/* pagename */
						#contentCol #pageName, #content_col_wide #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, #content_col_wide td.otsikko  { font-weight:bold; color:#ffffff; background:#d95318; }
						#contentCol td.reunaviivat, #content_col_wide td.reunaviivat { border:1px solid #8c9db3; }
								 
						#contentCol tr.otsikkorivi, #content_col_wide tr.otsikkorivi {
						 	background:#d95318;
						 	color:#ffffff;
						 }
						#contentCol tr.harmaarivi, #content_col_wide tr.harmaarivi {
						 	background:#d9d9d9;
						 }
						 
						#contentCol table.eirakoja, #content_col_wide table.eirakoja {
						 	border-collapse:collapse;
						 }
						 
						#contentCol tr.esl-otsikkorivi, #content_col_wide tr.esl-otsikkorivi {
							background:#3994d2;color:#fff;font-weight:bold;
							} 
						#contentCol tr.esl-sinertava_rivi, #content_col_wide 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;
					text-align: center;
				}
					#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:1.6em;}
					#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;}
		
/* SsearchResults */

	#searchResults {width: 600px;padding: 0 0 50px 0;}
	#searchResults #contentCol {width: 100%;}
	#searchResults div.even, #searchResults div.odd {margin: 0 0 20px 0;padding: 2px;}
	#searchResults .p1 {margin-bottom: 5px;}