.FCK_content {
	areas: 1,2;
	background-color: #fff;
	background-image: none;
}

.title {
	color: #76b043;
	font-size: 13pt;
	font-family: "Trebuchet MS";
}
			
.sIFR-active .title {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}

body {
	margin: 0;
	padding: 0;
	background: #f0f0f0 url(images/body_background.gif) repeat-x;
	font: 9pt "Trebuchet MS";
	color: #404040;
}

ul.ei {
	list-style-image: url(images/no.gif);
}

ul.li {
	list-style-image: url(images/li.gif);
}


div {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding: 0;
	font: 700 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	color: #76b043;
	font-size: 14px;
}

h3 {
	margin: 0;
	padding: 0;
	font: 700 22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h4 {
	color: #76b043;
	font-size: 16px;
	margin: 0;
}

a {
	color: #76b043;
}

.clearAll {
	clear: both;
}



#top_bar {
	padding: 0 20px;
	height: 37px;
}

#top_bar_left {
	float: left;
	margin-top: 4px;
}

#top_bar_right {
	float: right;
	margin-top: 4px;
}

#top_bar_right img {
border: 0;
vertical-align: middle;
}

#top_bar_right a.g_arrow {
background: url(images/arrow.gif) no-repeat center left;
padding: 0 5px 0 15px;
margin-right: 15px;
text-decoration: none;
border-bottom: 1px dotted #bbdf87;
}

#top_bar_right a:hover {
border-bottom: 1px dotted #fff;
}


#container {
	width: 780px;
	margin: 0 auto;
}



#heady {
position: relative;
	width: 780px;
	height: 138px;
	background: url(images/heady.gif) no-repeat;
}



#middle_area {
	width: 780px;
	height: 205px;
}

#image_area {
	float: left;
	width: 516px;
	height: 205px;
	background: url(images/teemakuva.jpg) no-repeat;
}

#image_area_savings {
	float: left;
	width: 516px;
	height: 205px;
	background: url(images/savings_theme.jpg) no-repeat;
}

#image_area_main {
	float: left;
}

#image_area p {
margin: 0;
padding: 0;
}

#right_nosto {
	float: left;
	width: 253px;
	height: 205px;
	margin-left: 11px;
	background: url(images/right_nosto_bg.gif) no-repeat;
position: relative;
}

#right_nosto a {
text-decoration: none;
}

a#a_pumppu {
position: absolute;
top: 74px;
left: 39px;
width: 138px;
height: 30px;
}

a#a_multishower {
position: absolute;
top: 106px;
left: 39px;
width: 130px;
height: 30px;
}

a#a_huolenpito {
position: absolute;
top: 140px;
left: 43px;
width: 162px;
height: 30px;
}


#content {
	width: 780px;
	margin-top: 11px;
}

#content_left {
	float: left;
	width: 516px;
}

#content_right {
	float: left;
	width: 253px;
	margin-left: 11px;
}

#banners {
	width: 252px;
	margin: 5px auto -8px auto;
}

#banners img {
	margin-bottom: 8px;
}




.mainbox_bg {
	width: 516px;
	background: url(images/main_content_bg.gif);
}

.mainbox_bottom {
	width: 516px;
	background: url(images/main_content_bottom.gif) no-repeat bottom;
}

.mainbox_padding {
	padding: 15px 30px 30px 30px;
}

.mainbox_padding_links {
	padding: 15px 0px 30px 0px;
}

.content_column_left {
float: left;
width: 212px;
padding-right: 16px;
border-right: 1px dotted #919191;
}

.content_column_right {
float: left;
width: 212px;
margin-left: 15px;
}



.rightbox_bg {
	width: 253px;
	background: url(images/rightbox_bg.gif);
}

.rightbox_bottom {
	width: 253px;
	background: url(images/rightbox_bottom.gif) no-repeat bottom;
}

.rightbox_top2 {
	width: 253px;
}

.rightbox_top {
	width: 253px;
	height: 27px;
	background: url(images/rightbox_top.gif) no-repeat;
}

.rightbox_padding {
	padding: 15px 20px 20px 20px;
}

.rightbox_top h2 {
	margin: 0;
	padding: 6px 0 0 20px;
	font-size: 9pt;
	color: #fff;
}




#bottom_nostot {
	width: 780px;
	margin-top: 10px;
}

.bottom_nosto {
	float: left;
	width: 254px;
	height: 115px;
	margin-left: 9px;
	background: url(images/bottom_nosto_bg.gif) no-repeat;
}

.bottom_nosto_padding {
	padding: 15px 20px;
}



#footy {
	width: 780px;
	height: 35px;
	margin-top: 10px;
	background: url(images/footy_bg.gif) no-repeat;

}

#footy_content {
	width: 780px;
	padding-top: 7px;
	font-size: 8pt;
	text-align: center;
}




p.news_title {
	margin: 0 0 3px 0;
	color: #76b043;
	font-weight: bold;
	font-size: 8pt;
}

a.news_title { text-decoration: none; }

p.news_date {
	margin: 0;
	font-size: 7pt;
}

div.news_ingress p { 
	margin-top: 0;
}



#menu {
	position: absolute;
	top: 85px;
	left: 5px;
}

.menuMainHorizontal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menuMainHorizontal ul li {
	float: left;
	display: inline;
	margin-left: 10px;
padding-right: 10px;
background: url(images/menu_spacer.gif) no-repeat right center;
}

.menuMainHorizontal ul li a {
	text-decoration: none;
}

.menuMainHorizontal ul li a span {
	color: #dbfdaf;
	font-weight: bold;
}

.menuMainHorizontal ul li.selected a span {
	color: #ffffff;
}

#sub_menu {
	position: absolute;
	top: 115px;
	left: 5px;
}

.menuSubHorizontal ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menuSubHorizontal ul li {
	float: left;
	display: inline;
	margin-left: 10px;
padding-right: 10px;
border-right: 1px solid #d8d8d8;
}

.menuSubHorizontal ul li a {
	text-decoration: none;
}

.menuSubHorizontal ul li a {
	color: #5f5f5f;
	font-weight: bold;
}

.menuSubHorizontal ul li.selected a {
	color: #508509;
}


#e_container { width: 510px; margin: 0 auto; }
#e_content { width: 510px; background: url(images/energiak_bg.png) repeat-y; }


/* FORM */

fieldset {
margin: 10px 0 0 0;
padding: 10px 1%;
border: 1px dotted #444;
}

fieldset fieldset {
clear: left;
margin: 5px 1%;
width: 94%;
}

legend {
background: #fff; /* TAUSTAN V?*/
padding: 0 1%;
font: 900 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

label {
width: 48%;
display: block;
float: left;
font: 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 0;
margin: 0 0 0 1%;
}

input, textarea, select {
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 1px solid #9ab;
background: #f5f7f9;
width: 98%;
display: block;
}

input:focus, textarea:focus, select:focus {
background: #eef0f2;
border: 1px solid #678;
}

.label1col, .cb1col { width: 98%; }
.label2col, .cb2col { width: 47%; }
.label3col, .cb3col { width: 32.3%; }
.label4col, .cb4col { width: 24%; }

.label1col input, .label1col select, .label1col textarea { width: 98%; }
.label2col input, .label2col select, .label2col textarea { width: 96%; }
.label3col input, .label3col select, .label3col textarea { width: 94%; }
.label4col input, .label4col select, .label4col textarea { width: 92%; }

.cb1col, .cb2col, cb3col, cb4col { cursor: pointer; cursor: hand; float: left; }
.cb1col input, .cb2col input, cb3col input, cb4col input { 
display: inline; 
padding: 0;
margin-right: 5px;
vertical-align: bottom;
width: auto;
border: none;
background: none;
}

.formButtons {
padding: 10px;
text-align: center;
}

.submitImage button, .navImage button {
border: none;
width: auto;
margin: 0 5px;
background: none;
cursor: pointer;
cursor: hand;
display: inline;
}

.submitButton button, .navButton button {
border: 3px double #587104;
background: #a1c529;
padding: 3px 10px;
width: auto;
color: #fff;
cursor: pointer;
cursor: hand;
margin: 0 5px;
display: inline;
}

.submitButton button:hover, .navButton button:hover {
border: 3px double #587104;
background: #b8da45;
}

.fieldsetIngress {
font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 5px 1%;
}

.warningText {
border: 1px dotted #cf839e;
background: #feeef4;
padding: 5px 2%;
font-size: 11px;
font-weight: bold;
}

.warning {
border: 1px solid #cf839e;
background: #feeef4;
}

#saastoratkaisut input {
display: inline;
width: auto;
}

#lahtoarvot input {
display: inline;
width: auto;
}

#laskuri_loppu table {
width: 450px;
padding: 3px;
}


td.td_info {
width: 150px;
}

th.td_info {
text-align: left;
border-top: 1px dotted #919191;
}

th.td_val, th.td_val_s {
border-top: 1px dotted #919191;
}


td.td_val, td.td_val_s, th.td_val, th.td_val_s {
width: 60px;
text-align: right;
font-size: 8pt;
}

td.td_val_s, th_val_s {
background-color: #a3d166;
}

td.td_val {
background-color: #d3fb9d;
}



.ui-tabs-hide { display: none; }
.ui-tabs-nav { list-style-type: none; }

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

#miesbg {
	width: 456px;
	height: 345px;
	position: relative;
	background: url(images/etusivu_mies.gif) no-repeat;
}

#miesbg .title {
	position: absolute;
	width: 220px;
}

#miesbg .link {
	position: absolute;
	width: 211px;
	height: 206px;
	top: 53px;
}

#miesbg .link a {
	display: block;
	height: 206px;
	text-decoration: none;
}

#miesbg .kupla {
	position: absolute;
	width: 185px;
	height: 214px;
	top: 12px;
	left: 254px;
}

#miesbg .kupla p {
margin: 8px 0;
}

#miesbg .text {
	position: absolute;
	width: 225px;
	top: 270px;
}

#miesbg .banner {
	position: absolute;
	top: 282px;
	left: 235px;
}

#vaihebg {
	width: 456px;
	height: 243px;
	position: relative;
}

#vaihebg h2 {
margin-top: 0;
}

#vaihe1kuluttaja {
	width: 456px;
	height: 243px;
	position: relative;
	background: url(images/energiamiesbg_011.gif) no-repeat;
}

#vaihe1 {
	width: 456px;
	height: 243px;
	position: relative;
	background: url(images/energiamiesbg_01.gif) no-repeat;
}

#vaihe2 {
	width: 456px;
	height: 243px;
	position: relative;
	background: url(images/energiamiesbg_02.gif) no-repeat;
}

#vaihe3 {
	width: 456px;
	height: 243px;
	position: relative;
	background: url(images/energiamiesbg_03.gif) no-repeat;
}

#vaihe4 {
	width: 456px;
	height: 243px;
	position: relative;
	background: url(images/energiamiesbg_04.gif) no-repeat;
}

#vaihebg .title {
	position: absolute;
	top: 10px;
	left: 15px;
width: 220px;
}

#vaihebg .text {
	position: absolute;
	top: 70px;
	left: 35px;
	width: 220px;
}

#laskin {
	width: 456px;
	height: 243px;
	position: relative;
	background: url(images/energiamiesbg_021.gif) no-repeat;
}

#tabContainer ul {
margin: 0;
padding: 0;
}

#tabContainer ul li {
float: left;
}

#tabContainer img {
border: 0;
}

.fleft {
	float: left;
}