/* Oulun Sähkömyynti Oy/Oulun Energia */
/* Pääelementit */
body { margin: 0; padding: 0; text-align: center; background-color: #ffffff; height: 100%; color:#000000; font-family:verdana, tahoma, geneva, helvetica,arial, sans-serif; font-size:10px; }
div#container { width:986px; /*min-height:800px;*/ margin-left:auto; margin-right:auto; text-align:left; position:relative; background:url(../graf/line_right.jpg) top right repeat-y; }
div#header { position:relative; width:972px; height:195px; }

div#print { visibility:hidden;display:none; }

/* Peruselementit */
a, a:active { color:#7d9523; text-decoration:none; }
a:visited, a:hover { color:#254261; text-decoration:none; }
h1 { font-family: Georgia, verdana, tahoma, geneva, helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:16px; color:#7d9523; margin:0; padding:10px 0 10px 0; }
h2 { font-family: Georgia, verdana, tahoma, geneva, helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:12px; color:#7d9523; margin:0; padding:10px 0 5px 0; }
h3 { font-family: Georgia, verdana, tahoma, geneva, helvetica, arial, sans-serif; font-weight:bold; font-size:10px; color:#254261; margin:0; padding:10px 0 5px 0; }
img { border:0; }
p { padding-top:0; margin-top:0;}
hr { border:0; height:1px; width:100%; color:#e2eaba; background-color:#e2eaba; }
fieldset { margin-bottom:10px; border:0; padding-left:10px; }
legend { font-weight:bold; color:#7d9523; padding:5px 0; }
label { display:block; }
sup { color:#888888; font-size:9px; }
hr.contact { border:0; height:1px; width:100%; color:#000; background-color:#000; margin:20px 0; }
hr.print { border:0; height:1px; width:100%; color:#9BAAB2; background-color:#9BAAB2; }
ul { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }

/* Sisältöelementit */
div#main_navi { width:100%; position:relative; height:49px; }
div#logo_image { width:100%; position:relative; padding:0; margin:0; }
div#main { width:100%; min-height:540px; position:relative; padding-bottom:68px; background:url(../graf/line_left.jpg) top left repeat-y; }
table#footer { background:url('../graf/footerbg.jpg') #e8e8e8 repeat-x; color:#2a4665; margin-top:20px; font-size:10px; text-align:center; width:100%; }
div#footer a, div#footer a:visited, div#footer a:hover, div#footer a:active { color:#2a4665; text-decoration:none; }
table#footer td { empty-cells:show; font-size:10px; vertical-align:top; padding-bottom:20px; }
table#footer h1 { color:#254262; font-size:12px; }
table#footer a, table#footer a:visited, table#footer a:active { color:#254262; }
table#footer a:hover { color:#254262; text-decoration:underline; }
table#footer td.footer_spacer { height:5px; }
table#footer td.f1 { width:180px; padding-left:10px; border-left:1px solid #dcdcdc; text-align:left; }
table#footer td.f0 { width:180px; padding-left:10px; text-align:left; }
table#footer td ul { list-style-type:none; margin:0; padding:0; }
table#footer td ul li {
	background-image:url("../graf/listitem_small.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left:10px;
	list-style-type: none;
	margin-top:4px;
}

div#corner { padding:20px 10px 0 0; color:#e7e9ea; font-size:10px; }
div#corner a, div#corner a:visited, div#corner a:hover, div#corner a:active { color:#e7e9ea; text-decoration:none; font-weight:normal; }
div#corner a.top, div#corner a.top:visited, div#corner a.top:hover, div#corner a.top:active { text-transform:uppercase; padding-bottom:5px; border-bottom: 1px solid #405f7e; }

div#worm { width: 650px; position:absolute; top:10px; left:20px; font-size:11px; }
div#left { width:210px; font-size:10px; padding-top:40px; color:#7d9523; float:left; position:relative; left:30px; top:0; }
div#middle { width:395px; float:left; padding-top:40px; position:relative; left:70px; top:0; }
div#right { width:256px; float:left; position:relative; left:95px; min-height:560px; padding-left:15px; top:0; background:url(../graf/line_middle.jpg) top left repeat-y; }
div#right_sitemap { width:256px; float:left; position:relative; left:65px; min-height:565px; padding-left:15px; top:0; background:url(../graf/line_middle.jpg) top left repeat-y; }
div#left_wide { width: 635px; float:left; padding-top:40px; position:relative; left:60px; top:0; }
.clear { clear:both; }
div#middle_text { line-height:14px; }

div#right_content br { padding:0; margin:0; display:none; }
div#right_content div div { text-align:right; }
div#front_right br { padding:0; margin:0; display:none; }

/* Etusivun elementit */
div#main_front { width:100%; position:relative; /*padding-bottom:60px;*/ background:url(../graf/line_left.jpg) top left repeat-y; }
div#front_left { width:699px; color:#FFFFFF; float:left; position:relative; left:12px; top:0; }
div#front_right { width:261px; float:left; position:relative; left:12px; min-height:550px; }
div#front_right br { padding:0;margin:0;display:none; }

div#front_pic_top { width:100%; height:163px; background:url(../graf/front_top.jpg) #c4d579 top right no-repeat; }
div#front_pic_middle { width:100%; height:201px; background:url(../graf/front_middle.jpg) #c4d579 top right no-repeat; }
div#front_pic_bottom { width:100%; height:185px; position:relative; background:url(../graf/front_bottom.jpg) #c4d579 top right no-repeat; }

div#front_menu_left { float:left; position:relative; top:65px; left:30px; }
div#front_menu_center { float:left; position:relative; top:65px; left:70px; }
div#front_menu_right { float:left; position:relative; top:65px; left:105px; }

div#front_right img { padding:0; margin-bottom:7px; vertical-align:top; }

div#front_news { height:186px; padding-left:45px; background:url(../graf/front_huoltokatkokset.jpg) #b4c8d3 top left no-repeat; }
div#front_news a, div#front_news a:visited, div#front_news a:hover, div#front_news a:active { color:#254262; }
div#front_news h1 { color:#254262;padding-top:20px; }
div#front_news img { display:inline;padding-right:3px; vertical-align:top;}

div#front_news_green div.news_list_front img { vertical-align:middle; }
div#front_news_green { height:180px; width:238px; padding-left:15px;background:url(../graf/front_huoltokatkokset_green.gif) #729600 top left no-repeat; color:#ffffff; }
div#front_news_green a, div#front_news_green a:visited, div#front_news_green a:hover, div#front_news_green a:active { color:#ffffff; }
div#front_news_green h1 { color:#ffffff; padding-top:20px; }
div#front_news_green img { display:inline; padding-right:3px; vertical-align:top;}
div#front_news_green span.news_cat { color:#ffffff; font-style:italic; }

span.news_cat { color:#575e63; font-style:italic; }
div.more_news_link { position:absolute; left:20px; bottom:3px; font-style:italic; font-weight:bold; font-size:12px; }

div.front_news_liftup h1 { font-size:14px; color:#ffffff; padding:4px 0 10px 0; margin:0; }
div.front_news_liftup a, div.front_news_liftup a:visited, div.front_news_liftup a:hover, div.front_news_liftup a:active { 
	color:#FFFFFF; font-size:11px; padding:0; margin:0; font-family:verdana, tahoma, geneva, helvetica,arial, sans-serif; text-decoration:underline; font-weight:bold; }

table.front_liftup { width:670px; padding:40px 0 0 20px; margin:0; border:0; font-family:verdana, tahoma, geneva, helvetica,arial, sans-serif; font-size:10px; }
table.front_liftup h1 { color:#FFFFFF; font-size:14px; padding:0; margin:0; }
table.front_liftup td { vertical-align:top; }
table.front_liftup a, table.front_liftup a:visited, table.front_liftup a:hover, table.front_liftup a:active { 
	color:#FFFFFF; font-size:11px; padding:0; margin:0; text-decoration:none;font-family: Georgia, verdana, tahoma, geneva, helvetica, sans-serif; font-weight:bold; font-style:italic; }

table.front_news_liftup { width:100%; margin:0; border:0; font-family:verdana, tahoma, geneva, helvetica,arial, sans-serif; font-size:10px; }
table.front_news_liftup h1 { color:#FFFFFF; font-size:14px; padding: 5px 0 10px 0;}
table.front_news_liftup td { vertical-align:top; }
table.front_news_liftup td img { vertical-align:middle; }
table.front_news_liftup a, table.front_news_liftup a:visited, table.front_news_liftup a:hover, table.front_news_liftup a:active { 
	color:#FFFFFF; font-size:11px; padding:0; margin:0; font-family:verdana, tahoma, geneva, helvetica,arial, sans-serif; text-decoration:underline; font-weight:bold; }


/* Päänavigaatio */
div#navi_left a, div#navi_left a:visited, div#navi_left a:hover, div#navi_left a:active,
div#navi_right a, div#navi_right a:visited, div#navi_right a:hover, div#navi_right a:active { 
	font-family: Georgia, Garamond; font-size:12px; text-decoration:none; font-weight:bold; font-style:italic; margin: 5px 20px 5px 20px; padding-bottom:5px;  }

div#logo_left { float:left; width:522px; position:relative; height:146px; }
div#navi_left { float:left; height:41px; padding-top:8px; text-align:center; width:522px; background:url(../graf/bg_navi_left.jpg) top right no-repeat; }
a.mLl, a.mLl:visited,a.mLl:hover, a.mLl:active { color:#f0edeb; background-color:#729600; }
a.mLAl, a.mLAl:visited, a.mLAl:hover, a.mLAl:active { color:#f0edeb; border-bottom: 1px solid #bacd71; background-color:#729600; }

div#logo_right { float:left; text-align:right; width:450px; position:relative; height:146px; background-image:url(../graf/top_right.jpg); background-position: top right; background-repeat:no-repeat; }
div#navi_right { float:left; height:41px; padding-top:8px; text-align:center; width:450px;background-image:url(../graf/bg_navi_right.jpg); background-position: top left; background-repeat:repeat-x; }
a.mLr, a.mLr:visited,a.mLr:hover, a.mLr:active { color:#dad7d4; background-color:#013f63; }
a.mLAr, a.mLAr:visited, a.mLAr:hover, a.mLAr:active { color:#dad7d4; background-color:#013f63; border-bottom: 1px solid #405f7e; }

div#main_navi img { vertical-align:middle; }

/* Vasemman palstan navigaatiolinkit */
a.sL, a.sL:visited, a.sL:hover, a.sL:active { font-weight:bold; font-size:10px; color:#7d9523; text-decoration:none; margin-left:5px; }
a.sLA, a.sLA:visited, a.sLA:hover, a.sLA:active { font-weight:bold; font-size:10px;color:#254261; text-decoration:none; margin-left:5px; }

a.sL0, a.sL0:visited, a.sL0:hover, a.sL0:active { font-size:12px; text-decoration:none; }

/* Muut elementit */
div#nosto1 { background-color:#7d9523; margin-top:5px; color:#ffffff; font-size:12px; }
div#nosto2 { background-color:#a4bd38; margin-top:5px; color:#ffffff; font-size:12px; }
div#nosto3 { background-color:#c4d579; margin-top:5px; color:#ffffff; font-size:12px; }

div#nosto1 a, div#nosto2 a, div#nosto3 a,
div#nosto1 a:visited, div#nosto2 a:visited, div#nosto3 a:visited,
div#nosto1 a:hover, div#nosto2 a:hover, div#nosto3 a:hover,
div#nosto1 a:active, div#nosto2 a:active, div#nosto3 a:active { 
	color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none; }
	
div#right_contact { width:236px; background-color:#c7e2f1; padding:20px 10px; margin-bottom:5px; }
div#right_contact img, div#text_change img { vertical-align:middle; }
div#right_contact h2 { font-size:11px; font-weight:bold; font-style:normal; color:#000000; margin:0 0 10px 0; padding:0; }
div.formHeader { padding:3px 0; }
div#text_change { border:1px solid #e2eaba; padding:5px 10px; font-weight:bold; }
div#text_change a:hover { text-decoration:none; }
div.newsList { padding-left:5px; padding-top:5px; }
span.news_head { font-weight:bold; font-size:11px;}
a.news_right { color:#000000; }
div.news_list_right { padding-bottom:5px; text-transform:uppercase; font-size:10px; }
div#right_content img { padding:0; margin-bottom:7px; vertical-align:top; text-align:right; }
div#contact_text {  }
div#contact_text a, div#contact_text a:visited, div#contact_text a:hover, div#contact_text a:active { color:#254262; }
div#contact_text h1 { color:#254262; font-size:12px; margin:0; padding: 5px 0; }

/* Lomake-elementit */
form { margin:0; padding:0; }
input.text_search { width:125px; border: 1px solid #7b7b7b; margin-bottom:10px; }
input.textInput { width: 300px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
input.textNarrower { width: 150px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
select.selectNarrower { width: 150px; margin-bottom:8px; font-size:12px; vertical-align:middle; }
textarea.txtarea { width: 300px; height:70px; margin-bottom:5px; font-size:12px; }
input.mInput, input.muuInput { width:50px; margin:5px 0; font-size:12px; }
div.formHeader { font-weight:bold; }
input.contact_button { border:0; background-color:transparent; font-style:italic; font-size:10px; font-weight:bold; padding:0; margin:0; }
select.frontSelect { width:185px; border: 1px solid #7b7b7b; font-size:12px; }

td.header { font-weight:bold; padding-bottom:5px; padding-right:15px; }
td.header_right { font-weight:bold; text-align:right; padding-bottom:5px; }
td.type { text-align:right; }
td.footer { padding-top:5px; text-align:right; }
td.kiinteisto_header { background-color:#c4d579; padding:3px; margin-bottom:5px; }
td.kiinteisto_opt { padding:3px; }
td.tarjous_header { padding-top:10px; padding-bottom:3px; }
span.search_header { font-family: Georgia, verdana, tahoma, geneva, helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:12px; color:#7d9523; }

table.kiinteisto { width:100% }
div.percentpanel { border:1px solid #9BAAB2; padding:5px; margin:10px 0; display:none; }

table.phonebook_results { width:395px; empty-cells:show; }
table.phonebook_results td { border-bottom:1px solid #e2eaba; padding:5px 2px; font-size:9px; }

/* kampanjasivu */
div#mainwrapper { background-color:#ffffff; }
div#main_campaign { width:100%; position:relative; background:url(../graf/line_left.jpg) top left repeat-y; }
div#campaign_top { width:964px; padding-left:12px; }
div#campaign_pics { width:100%; position:relative;  padding-top:10px; /*border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;*/ }
div.campaign_menu { float:left; position:relative; }
div#campaign_body { padding:20px 30px 20px 55px; }