/*COMMON ELEMENTS*/
body{background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin:0; padding:0;}
img{border:0;}
form{border:0; margin:0; padding:0;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
h3{font-size:13px;}
h4{font-size:12px;}

/*CONTENT ELEMENTS*/
/*YLÄOSA*/
div#content{width:912px; text-align:center;}
	div#topContainer{background:url(/gui/topBg.gif) no-repeat; width:912px; height:29px;}
	div#menuContainer{background:url(/gui/contentBg.gif) repeat-y; padding-left:7px; width:905px; height:273px;}
		div#liikuntaHaaste{width:156px; height:73px; background:url(/gui/liikuntapaivakirja.jpg) no-repeat; float:left; display:inline; padding:200px 10px 0 30px; text-align:left; line-height:20px}
			div#liikuntaHaaste a{ background:url(/gui/arrowBtn.gif) no-repeat left bottom; padding-left:15px; color:#216095; font-size:13px; font-weight:bold;}
		div#menuContent{float:left; display:inline; height:273px;}
			table#menuTable{border-collapse:collapse; margin:0; border:0; margin-left:2px; height:34px; padding:0;}
			table#menuTable td.menuItem{padding:0; padding-left:9px; padding-right:9px; border:0; margin:0;}
				table#menuTable td.menuItem a{color:#b6bcb1; font-size:13px; text-decoration:none;}
				table#menuTable td.menuItem a:hover{color:#216095;}
				table#menuTable td.menuItem a.currentLocation{color:#216095; font-size:13px;}
			table#menuTable td.menuSpace{width:10px; height:34px; background:url(/gui/menu_threeDotsH.gif) no-repeat; border:0; margin:0; padding:0;}
		div#ajankohtaista{width:511px; height:239px; float:left; text-align:left; display:inline;  background:url(/gui/kuva_etusivu.jpg);}
			div#ajankohtaistaUutiset{padding-left:24px; padding-top:7px; width:200px;}
				div#banneri { position:relative; float:right; padding-right:5px; padding-top:5px; bottom:-145px;}				
				div#ajankohtaistaUutiset h2{color:#216095; font-size:13px; font-weight:normal;}
				div#ajankohtaistaUutiset p{color:#989897; font-size:11px; line-height:15px; margin:8px 0;}
				div#ajankohtaistaUutiset a{color:#989897; font-size:11px; font-weight:bold; }
				div#ajankohtaistaUutiset div#ajankohtaistaKaikki{ background:url(/gui/lueKaikki_laatikko.gif) no-repeat; padding-left:6px; padding-top:4px; height:17px; top:265px; position:absolute; width:157px;}
				div#ajankohtaistaUutiset div#ajankohtaistaKaikki a{text-decoration:none;}
		div#energiaLaskuri{background:url(../gui/tuleMukaanH.jpg); width:191px; height:239px; float:left; display:inline; text-align:left;}
			div#energiaLaskuri div#laskuri{margin-top:168px; margin-left:30px; width:133px; color:#216095; font-size:14px; text-align:right; margin-bottom:6px;}
			div#energiaLaskuri div#laskuriLinkki {padding-left:35px;}
				div#energiaLaskuri div#laskuriLinkki a{color:#828a7a;}

/*SISÄLTÖOSUUS*/
table.noBorder{border:0; margin:0; padding:0; border-collapse:collapse;}

	div#contentContainer{background:url(/gui/contentBg.gif) repeat-y; clear:both; width:912px; text-align:left; padding:0 0 0 7px;}
	div#contentBg{background:url(/gui/bg.gif) repeat-y #FFFFFF; width:898px;}
		table#contentTable{border-collapse:collapse; margin:0; padding:0; border:0;}
			td#loginContainer{background-color:#e6e8e5; width:165px; padding-left:30px; padding-top:20px; vertical-align:top;}
				div#loginContent{color:#828a7a; margin-bottom:30px;}
					td#loginContainer div#loginContent h2{color:#656c5f; font-size:13px; font-weight:normal; margin-bottom:5px;}
					td#loginContainer div#loginContent a{ background:url(/gui/arrowBtn.gif) no-repeat left bottom; padding-left:15px; color:#838b7b; font-size:13px;}
					td#loginContainer div#loginContent input{width:132px; border-top:1px solid #99a093;  border-left:1px solid #99a093; margin-top:5px;  margin-bottom:5px;}
				div#registerContent{color:#62695c; margin-bottom:30px;}
					td#loginContainer div#registerContent h2{color:#62695c; font-size:11px; font-weight:normal; margin-bottom:5px;}
					td#loginContainer div#registerContent a{ background:url(/gui/arrowBtn.gif) no-repeat left bottom; padding-left:15px; color:#62695c; font-size:13px;}
					
			td#textContent{background-color:#ffffff; padding-top:20px; width:304px; padding-right:4px; padding-left:24px; vertical-align:top;}
				td#textContent h2{font-size:13px; font-weight:bold}
				td#textContent a.fp{color:#216095; font-weight:bold;}
				td#textContent p.linkit{color:#216095;}
			td#topFive{padding:0px; width:179px; background-color:#e7e9e6; vertical-align:top; margin:0;}
			td#topFive td{background-color:#e7e9e6; width:179px; color:#6e7567; font-size:11px; padding:0; padding-left:0px; vertical-align:top; margin:0;}
			td#topFive td.topic{height:20px; vertical-align:middle; padding-left:6px;}
			td#topFive td.topic2{height:20px; vertical-align:middle; padding-left:6px; padding-bottom:3px; padding-top:3px;}
				td#topFive td.topic2 a{text-decoration:none; color:#6e7567;}
			td#topFive td.topCompanies{background-color:#c7cbc4; height:20px; vertical-align:middle; padding-left:6px;}
				td#topFive td.topCompanies a{text-decoration:none; color:#6e7567;}
			div.chartList{border-bottom:thin; border-bottom-color:#c9cdc6; border-bottom-style:solid; border-bottom-width:thin; padding-bottom:2px; padding-top:2px; padding-left:6px; margin-bottom:0px;} 

			td#textContainer{width:477px; padding:20px 10px 10px 24px; vertical-align:top;}
				td#textContainer a{color:#000000;}
				
				
				td#textContainer h2{font-size:13px; font-weight:bold}
				td#textContainer h3{font-size:12px; font-weight:bold}
				td#textContainer h4{font-size:11px; font-weight:bold}
			td#textMenuContainer{width:118px; padding:20px 6px 10px 6px; vertical-align:top;}
				td#textMenuContainer a{color:#000000;}
				td#textMenuContainer h2{font-size:13px; font-weight:bold}
				td#textMenuContainer h3{font-size:12px; font-weight:bold}
				td#textMenuContainer h4{font-size:11px; font-weight:bold}
			td#textContentContainer{width:361px; padding:10px 10px 10px 10px; vertical-align:top;}
				td#textContentContainer a{color:#000000;}
				td#textContentContainer h2{font-size:13px; font-weight:bold}
				td#textContentContainer h3{font-size:12px; font-weight:bold}
				td#textContentContainer h4{font-size:11px; font-weight:bold}
			

			td#logoContainer{width:158px; padding-left:28px; vertical-align:top; padding-top:60px; line-height:15px; padding-bottom:30px;}
				td#logoContainer img{border:0; margin-top:15px; margin-bottom:10px;}
				td#logoContainer a{color:#000000; font-weight:bold;}


/*ALAOSA*/
	div#bottomContainer{background:url(/gui/bottomBg.gif) no-repeat; width:912px; height:7px; clear:both;}
		#bottomLeftColumn {width: 200px; background-color:#999900; float:left;}
		#bottomRightColumn {width: 200px; background-color:#009900; float:right;}
	
	div#infoIkkuna{position:absolute; display:none;top:50px; width:300px; border:1px solid #757d6e;}
	div#infoikkunaContent	 p {text-align: left;}
	div#infoIkkunaContent{background-color:#e9eae8; border-left:3px; border-right:3px; border-top:3px solid #fff; padding:10px;}
	div#suljeIkkuna{background-color:#cacec7; border-bottom:3px; border-left:3px; border-right:3px; padding-bottom:5px;padding-top:5px;text-align: right; }
	div#suljeIkkuna a {color:#2e69a1; padding: 0 10px 0 0;}

	div.graphLayer{ background:url(/gui/toolTipBG.gif) no-repeat 0 bottom; display:none; position:absolute; padding: 0 0 10px 0;}
		div.graphLayer div{ background:#d6ecf8; padding:10px; border:1px solid #296497; border-bottom:none; }
		div.graphLayer div a{ text-decoration:none; color:#000000;}