/* new css for 2008 */

.mobile, #alkuunlinkki {display:none;}

/* commented backslash hack v2 \*/
html, body{height:100%;}
/* end hack */

body {
	padding:0;
	margin:0;
	background:url(../img/stable/bg_taustaruudut.gif);
	color: #000000;
}

	body, p, td {font-family: verdana, arial, helvetica, sans-serif; font-size:12px; line-height: 15px;}
	h1, h2, h3, h4 {font-weight:normal;}
	h1, h2 {font-family: arial, helvetica, sans-serif;}
	h1 {font-size:1.8em; padding:0px; margin-top:0px; margin-bottom:0px; letter-spacing:0px; color:#ee7313; line-height: 25px;}
	h2 {font-size:1.4em; margin-top:0px; margin-bottom:0px; color:#000000; line-height: 20px;}
	h3 {font-size:1.0em; font-weight:bold; margin-top:20px; margin-bottom:0px; color:#ee7313;}
	h4 {font-size:1.4em; font-style:italic; margin-bottom:0px; color:#735D4A;}
	.blue {color:#015777;}
	.orange {color:#ee7313;}
	.white {color:#ffffff;}
	.green {color:#00ff00;}
	.red {color:#ff0000;}

	a, a:active, a:visited {text-decoration: underline; color: #ee7313;}
	a:hover {text-decoration: none;}
	a.oranssi, a.oranssi:active, a.oranssi:visited {text-decoration: none;}
	a.oranssi:hover {text-decoration: underline;}
	a.sis_oranssi, a.sis_oranssi:active, a.sis_oranssi:visited {text-decoration: none;}
	a.sis_oranssi:hover {text-decoration: underline;}
	a.musta, a.musta:active, a.musta:visited {text-decoration: none; color:#000000;}
	a.musta:hover {text-decoration: underline; color:#000000;}
	#oranssi {text-decoration: none;}
	a.ext_link {padding-right:13px; background: url(/img/icons/icon_ext_link2.gif) right no-repeat;}
	#musta {text-decoration: none; color:#000000;}
	#musta:hover {text-decoration: underline; color:#000000;}
	#oranssi:hover {text-decoration: underline;}
	#tools 		{position:absolute; top:144px; left:520px;}

	hr { color: #ee7313; width: 100%; height: 1px; background-color: #ee7313; border: 0; margin-top:0px; margin-bottom:0px;}
	ul,ol {margin:10px; padding:5px;}
	li {margin-left:0px; margin-top:2px;}
	.viiva {list-style-type: none; margin-left:0px;}
	.viiva li {background-image: url(/oranssi/img/stable/listaviiva.gif); background-repeat: no-repeat; background-position: 0 0.2em; padding-left: 1em;}
	.nobr {margin-top:-15px;}

	form {margin:0px; padding:0px; }
	button, .button {font-weight:bold; font-size:11px; padding:2px 5px 1px 5px; color:#ffffff; border:solid 1px #CB5904;  background:#FF8200; }
	button:hover, .button:hover {background:#FF9210; text-align:center;}
	input.text, textarea, select {border:solid 1px #a1b3b9; font-family: verdana, arial, helvetica, sans-serif;}
	textarea {font-size:1.1em;}
	input[type="text"] {border:solid 1px #a1b3b9;}
	input[type=text]:hover, input.text:hover, textarea:hover, textarea:hover, select:hover {border-color:#015777;}
	fieldset {background:#fafaff; padding:6px; border: solid 1px #c1d3d9; margin-bottom:10px;}
	legend {color:#015777; background:#ffffff; padding:1px; clear:right;}
	label {font-style:italic; color:#015777;}

/* Sivupohja */
	#outer{
	background: #ffffff url(../../img/stable/bg_sivu.gif) repeat-y left top;
	height:100%;
	min-height:100%;
	width:790px;
	color: #000000;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

/* Yläpalkki */
	#header 	{height:150px; margin-left:5px; font-family:arial;}
/* rivi 1 */
	#month, #year {position: absolute; left: 40px;}
	#month 		{top: 52px;}
	#month img		{border:none;}
	#otsikko_ylateksti {font-size:0.5em; font-weight:bold; letter-spacing:1px; margin-left:2px;}
	.otsikko3_ylateksti {font-size:0.8em; font-weight:bold;}
	#tekijat {font-size:0.9em; font-weight:bold; margin-left:2px; margin-top:0px;}
	#tekijat_engl {font-size:0.9em; font-weight:bold; margin-left:2px; margin-top:0px; color:#735D4A; font-style:italic;}
	.tekijat {font-size:0.9em; font-weight:bold; margin-left:2px; margin-top:0px;}
	.tekijat_engl {font-size:0.9em; font-weight:bold; margin-left:2px; margin-top:0px; color:#735D4A; font-style:italic;}
	#engl {color:#735D4A; font-style:italic;}
	#ingressi {margin-top:20px; line-height: 18px;}
	.kuvateksti {font-size:0.9em; font-style:italic; margin:0 0 0 0;}
	#oranssilainaus {font-size:1.2em; color:#ee7313; text-align:center;}
	#mustalainaus {font-size:1.2em; color:#000000; text-align:center;}
	#mustateksti {font-size:1.1em; color:#000000; text-align:left; font-style:italic;}
	.ruskeatausta {background:#F3EED8;}
	.ruskeatausta h3 {margin-top:0;}
	.ruskealiuku {background:url(../img/stable/bg_ruskealiuku.jpg) no-repeat top left;}
	.valkeatausta {background:#F3EED8;}
	.iso {font-size:1.4em;}
	.pd10px {padding:10px;}
	.pd20px {padding:20px;}
	.fl {float:left;}
	.fr {float:right;}
	#lisatietoa {font-style:italic;}
	#tools img 	{border:none; width:17px; height:17px;}
	#tools a	{display:block; position:absolute;}
	#tools a:hover {background:#D9E4EA;}
	#zoom_b 	{left:20px;}
	#print		{left:40px;}
#pikavalikko {position:absolute; top:14px; right:17px;}
#pikavalikko select {width:190px; font-size: 11px; border:solid 1px #BBBBDD; color: #000000; background: #F5F5FF;}
#pikavalikko #gobutton {font-size: 10px; width:10px; border:none; margin-left:-2px; margin-right:-8px; color:#ffffff; background:#E6862A;}
/* rivi 2 */
	#orangebox {display:none; position:absolute; top:85px; left:17px; width:210px; height:135px; background: #F38E34 /*url(../img/stable/bg_orangebox.jpg)*/; color:#ffffff; text-align:right;}
	#orangebox a {display:block; color:#ffffff; text-decoration:none; font-weight:bold;}
	#orangebox a:hover {text-decoration:underline;}
	#orangebox form { position:relative; top:20px; right:24px;}
.searchtext {padding-left:20px; margin-right:3px; background: #ffffff url(../img/stable/bg_searchtext.gif); height:16px; width:90px; border:solid 1px #CB5904;}
#searchbutton {text-align:center; font-weight:bold; letter-spacing:0px; font-size:11px; color:#ffffff; /* border:none; */ width:47px; padding:2px; height:20px; /* background:#EC1D00 url(../../img/stable/bg_searchbutton.gif) no-repeat top left; */ }
	#headerbox {position:absolute; top:0px; left:200px; width:575px; height:150px; color:#ffffff; padding:0px;}
	#oamkfi 	{border:none; position:absolute; right:58px; bottom:-1px !important; bottom:-2px; /*ie hack*/}
/* rivi3 */
	#navibar {position:absolute; left:17px; top:155px; margin:0px; padding:4px 10px 3px 10px; width:735px; font-size:1.0em; font-weight:bold; background: #F3EED8;}
	#navibar a {display:block; text-decoration:none; color:#ee7313; padding:0 9px 0 9px;}
	#navibar a:hover {color:#ee7313; text-decoration:underline; background:#ffffff;}
	#navibaractive {background:#ffffff;}

/* Vasen palsta (kainalo) */
	#left {float:left; padding-left:17px;}
	#left_cover {width:252px; margin-top:40px; padding:15px 20px 20px 20px; text-align:left; border:solid 1px #D1E3E9;}
	#left_content {width:265px; float:left; margin-top:-7px !important; margin-top:4px; /*ie hack*/ padding:0px 0px 0px 0px;}
	#left_content img {margin:0 10px 0 0; border:none; text-align:center;}
	.sisluettelo {padding:5px 5px 5px 5px; border:solid 1px #c1d3d9; background:#f9f9ff;}
	.sisluettelo a, .sisluettelo a:active, .sisluettelo a:visited {text-decoration:none;}
	.sisluettelo a:hover {text-decoration:underline;}
	.sisluettelo .sisotsikko, .sisluettelo .sisotsikko a, .sisluettelo .sisotsikko a:hover {color:#015777; background:#f9f9ff; text-decoration:none; font-weight:normal;}
	.sisluettelo ul {margin:0px; padding-top:0px;}
	.sisluettelo ul ul {margin-left:8px; list-style:disc;}
	.sisluettelo ul ul ul {margin-left:8px; list-style:circle;}
	.naviitem ul, .sisluettelo ul {list-style: square outside; margin-top:3px; padding:4px;}
	.naviitem li, .sisluettelo li {padding-bottom:1px; margin-left:12px; color:#F7931E;}
	#aktiivisivulinkki {background:#ffffff; color:#000000; text-decoration:none;}

/* Oikea palsta (tekstiosio) */
	#right {padding-bottom:30px;}
	#right_cover {width:438px; margin-left:329px !important; margin-left:327px; /*ie hack*/ margin-top:40px; padding:0px 0px 0px 0px;}
	#right_cover img {border:solid 1px #D1E3E9; text-align:center;}
	#right_content {width:428px; margin-left:290px; margin-right:0px !important; margin-right:-30px; /*ie hack*/ margin-top:0px; padding:0px 0px 0px 0px;}
	#right_content img {border:none;}
	#right_content h3 {text-transform: uppercase;}

/* Sisältö */
	#content {float:left; width:718px; margin:40px 17px 58px 17px !important; margin-left:9px; margin-right:-45px; /*ie hack*/ padding:17px; border:solid 1px #D1E3E9;}
	.sis_num {width:20px; float:left; margin-top:-5px;}
	.sis_ots {width:220px; position:relative; margin-left:25px; margin-top:-5px !important; margin-top:-5px; /*ie hack*/ }
	.sis_num_sis {float:left; margin-top:0px;}
	.sis_ots_sis {width:680px; position:relative; margin-left:20px; margin-top:0px; margin-bottom:5px;}
	.sis_ots_sis span {color:#000; font-size:0.9em;  font-style:normal;}
	.sis_ots_sis img {width:120px; margin-left:10px; margin-top:-8px !important; margin-top:0px; border:1px solid #D1E3E9;}
	/* .sis_ing_sis {width:380px; position:relative; margin-left:155px;} */
	.sis_komm_sis {width:510px; color:#777777; font-style:italic; margin-top:10px; padding:5px; background:#fcfcfc; border:1px dashed #D1E3E9;}
	#ml40 {position:relative; margin-left:40px; margin-top:-15px;}
	#ml50iso {position:relative; margin-left:50px; margin-top:-16px;}
	.ml40 {position:relative; margin-left:40px; margin-top:-15px;}
	.ml50iso {position:relative; margin-left:50px; margin-top:-16px;}
	.infoboksi {padding:12px 15px 15px 15px;  border:solid 1px #c1d3d9; background:#f9f9ff;}

/* Alaosa */
	#left_end {width:300px; height:20px; float:left; position:relative; bottom:-18px; margin-left:0px !important; margin:-21px 20px 0px -440px; /*background:url(/oranssi/img/stable/bg_left.gif);*/}
	#shadow {float:left; position:relative; bottom:58px; background:#F5F7F9; margin-left:25px !important; margin:0px 6px 14px 13px; height:6px; width:738px;}
	#kommentti_div {clear:both; background:url(/oranssi/img/stable/bg_left.gif) left top repeat-y; margin:-13px 0px 0px 0px;}
	#kommentit {float:left; position:relative; bottom:58px !important; bottom:38px; margin-left:315px !important; margin:-21px 20px 0px -450px; width:158px; height:17px; padding-top:4px; border:solid 1px #D1E3E9; border-top:none; background:#ffffff; text-align:center; font-size:0.9em;}
	#kommentit a, #kommentit a:active, #kommentit a:visited {text-decoration:none;}
	#kommentit a:hover {text-decoration:underline;}
	#kommentit_left {width:265px; height:250px; float:left;}
	#kommentit_right {margin-left:29px; width:424px; float:right; text-align:left;}
	#kommentit_shadow {float:left; position:relative; bottom:58px !important; bottom:60px; background:#F5F7F9; margin-top:0px !important; margin-left:330px !important; margin:3px 0px 0px 168px; height:5px; width:129px;}
	#clearfooter{clear:both; height:1px;}	/* Varaa tilaa footterille */
	#clearfooter_cover{clear:both; height:18px;}	/* Varaa etusivulla tilaa footterille */
	#alanavi {position:absolute; bottom:48px; left:27px; color:#5DA9B5; font-size:0.9em; width:736px;}
	#alanavi img {border:none;}
	#alanavi a {display:block; width:11px;}
	#alanavi a:hover {background:#D9E4EA;}
	#footer {position:absolute;	bottom:0; left:9px;	height:46px; background:#ffffff; width:772px; text-align:left;}
	#osoite {float:left;}
	#osoiterivi {height:19px; margin:8px; padding:6px 10px 3px 10px; background:#F3EED8;}
	#yksikkonimilinkki {font-family: arial, helvetica, sans-serif; color:#83b8ca; font-size:12px; font-weight:bold; text-decoration:none;}

/* kaksipalstainen taulukko diveillä */
.taulukko {width:100%;}
.tr {width:100%;}
.tr div {padding:2px;}
.tdleft { float:left; width:49%;}
.tdright { margin-left:50%;}
.th {font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc; margin-top:5px;}
.thleft { float:left; width:49%; font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
.thright { margin-left:50%; font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
/* sama, mutta vasen palsta 100px leveä */
.taulukko2 .tdleft {width:120px;}
.taulukko2 .tdright {margin-left:125px;}

/* sisältöihin liittyvää muotoilua */
	.bordered {border:solid 1px #D1E3E9;}
.kuvitus {float:right; margin:0 0 10px 10px;}
a.backlink {padding:2px 5px 2px 12px; border:solid 1px #c1d3d9; font-size:0.9em; background:url('../img/stable/bg_backlink.gif') left center no-repeat; text-decoration:none;}
.yhteystieto {margin:0px 1%; padding:6px; background:#f9f9fa; border-bottom:solid 1px #dddddd;}
.doc {display:none;}
a.lightbox {text-decoration:none; position:relative; display:block; padding:0px; margin-bottom:10px; float:left;}
a.lightbox span.zoom-icon {visibility: hidden; position: absolute; left: 10px; bottom: 15px;}
a.lightbox:hover span.zoom-icon {visibility:visible;}

/* Dropdownmenuun liittyvät asetukset */
a.polku, a:active.polku, a:visited.polku 	{
	line-height:12px;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	display:block;
}
a:hover.polku {
	font-size:10px;
	color:#ee7313;
	text-decoration:none;
	display:block;
}
#dropmenudiv{
	position:absolute;
	border:1px solid #D1E3E9;
	border-top:0px solid #7DC242;
	z-index:100;
	font-size:9px;
	padding:0px;
}
table.dropdown td {
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	border-bottom:solid 1px #D1E3E9;
	text-align:left;
}
table.dropdown td.osionr {
	background-color:#ffffff;
	width:15px;
	color:#ee7313;
	font-weight:bold;
	border-bottom:solid 1px #D1E3E9;
}
table.dropdown td.osionr_ots {
	background-color:#ECF4F6;
	color:#ffffff;
	border-bottom:dotted 0px #7DC242;
}

.poller{	/* The poller box */
	padding:5px 13px 0px 13px;
}
.poller_question{
	color:#015777;
}
/* Poller title above radio buttons */
.pollerTitle{
	margin-bottom:5px; font-weight:bold;
}
/* Label for each radio button */
.pollerOption{
	margin:0px;
}
/* Label for each option above graph - i.e. results */
.result_pollerOption{
	margin:0px;
	font-size:0.8em;
}
/* Title of poller - when ajax shows the results */
.result_pollerTitle{
	margin-bottom:5px;
	font-weight:bold;
	color:#015777;
}
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
	float:left;
	margin:0px;
}
/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
	float:left;
	height:16px;
	background-repeat:repeat-x;
	color:#FFF;
	font-size:0.9em;
	line-height:16px;
	margin-left:-10px;
}
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
	height:16px;
}

/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
	display:none;	
}	

.result_totalVotes{
	clear:both;
	font-size:0.8em;
	padding-top:5px;
	font-style:italic;
}

/* TULOSTUKSEN CSS */
@media print {
	body {background:none;}
	#outer{	background:none; width:100%; color: #000000; text-align:left;}
	#header, #paivitetty img, #osoiterivi, .noprint, .backlink, #alanavi {display:none;}
	#left {margin:0px; width:40%;}
	#right {margin:0px; width:60%;}
	#paivitetty {position:relative; width:100%; left:0; text-align:left;}
}