body {
	background:url(http://static2.wsoyoppimateriaalit.fi/images/oppijailo/paivitys/liuku.png) repeat-x top left;
	background-color:#A3DDF1;
	margin:0px;
	height:100%;
	font-family:Verdana,SansSerif,Arial;
	font-size:9pt;
}

img { behavior: url(http://www.oppijailo.fi/iepngfix.htc); }

input.img {
	padding:0px;
	border:none;
	margin:0px;	
	behavior: url(http://www.oppijailo.fi/iepngfix.htc);
}

#maintable {
	width:100%;
	padding:0px;
	margin:0px;	
}

#artikkelitmain h2 {
	font-size:9pt;
	color:#000;
}

#logotd {
	width:100px;
}

#logintd {
	width:140px;
	text-align:right;
	padding-right:15px;
}

.tagipilvi {
	background:url(http://static2.wsoyoppimateriaalit.fi/images/oppijailo/tagipilvi.jpg) no-repeat top left;
	width:960px;
	height:122px;
	margin-bottom:10px;
}

.tagipilvi_otsikko {
	text-align:center;
	color:#fff;
	font-size:8pt;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:2px;
}

.tagipilvi_sisalto {
	margin:4px 10px 6px 10px;
	height:80px;
	overflow:hidden;	
}


.pilvi {
	background:url(http://static2.wsoyoppimateriaalit.fi/images/oppijailo/pilvi.jpg) no-repeat top left;
	width:963px;
	height:184px;
	color:#0977CA;
	font-size:8.5pt;
}

.pilvi td {
	vertical-align:top;
	padding-left:15px;
}

.pilvi a {
	font-size:8pt;
}

.pilvi_vasen_otsikko {
	width:370px;
	height:50px;
	text-align:center;
	font-weight:bold;
}

.pilvi_keski_otsikko {
	text-align:center;
	font-weight:bold;	
}

.pilvi_oikea_otsikko {
	width:340px;
	text-align:center;
	font-weight:bold;	
}

#tagipilvi a {
	color:#fff;
}

.tagilinkki0 {
	font-size:12pt;
	color:#28B6EC;
	font-weight:bold;
	float:left;
	height:15px;
	padding:3px 24px 3px 24px;
}

.tagilinkki1 {
	font-size:11pt;
	float:left;
	height:9px;
	padding:6px 20px 6px 20px;
}

.tagilinkki2 {
	font-size:10pt;
	float:left;
	height:19px;
	padding:1px 22px 1px 22px;
}

#headertd {
	text-align:center;	
}

div.hahmot {
	text-align:center;
	display:inline;
	width:220px;
	float:left;
	padding:10px;	
}

div.hahmot2 {
	vertical-align:bottom;
	/*height:400px;*/	
}

div.hahmot3 {
	text-align:center;
	display:inline;
	width:220px;
	/*height:450px;*/
	float:left;
	padding:5px;
	margin:5px;
}

.buttontd {
	background:url(http://static2.wsoyoppimateriaalit.fi/images/oppijailo/paivitys/painike_taytto.gif) repeat-x top left;	
}

#buttontable {
	width:970px;

}

#headertable {
	width:970px;
	padding-top:10px;
	padding-bottom:10px;
}

#main0 {
	text-align:center;	
}

td.menutd {
	padding-right:0px;	
}

#main1 {
	text-align:center;
	padding-bottom:10px;
}

h2.white {
	color:#fff;
	font-size:12pt;	
}

a.buttonlink:visited {
	color:#fff;

}

a.buttonlink,a.buttonlink:link,a.buttonlink:active,a.buttonlink:visited {
	font-weight:bold;
	color:#fff;
	font-size:7pt;
	padding-left:4px;
	padding-right:5px;
	text-decoration:none;
	text-transform:uppercase;
}

a.buttonlink:hover {
	color:#dff2f7;
	text-decoration:none;
		
}

table.haku {
	padding:0px;
	border:5px solid #718DC2;
	background:#fff;
	width:180px;	
}

a.white,a.white:link,a.white:active,a.white:visited {
	text-decoration:none;
	font-size:8pt;
	color:#fff;	
}

a.crumb,a.crumb:link,a.crumb:visited,a.crumb:active {
	text-decoration:underline;
	font-size:8pt;
}

a.white:hover {
	text-decoration:underline;	
}

table.whitecontent {
	background:#fff;
}

td.whitecontent {
	background:#fff;	
}


table.whitecontent2 {
	background:#fff;
	border:1px solid #5F8EC4;	
}

#blogmain {
	padding:10px;
}

.blog_header {
	padding:0px;	
}

#faqmain {
	padding:10px;
	padding-top:5px;
}

#content {
	margin-left:10px;
	margin-right:10px;
	text-align:left;
}

#loginmain {
	padding:20px;
	border:1px solid #eee;	
}

#helpmain {
	padding:20px;

}

#feedbackmain {
	padding:20px;
	border:1px solid #eee;	
}

h1 {

font-size: 11pt;
color: #000000;
font-weight: bold;
margin-bottom: 4px;
margin-top: 4px;
}

h2 {
font-size: 14px;
color: #ffffff;
font-weight: bold;
margin-bottom: 8px;
margin-top: 6px;
}


h3 {
font-size: 11px;
color: #000000;
font-weight: bold;
}


a img { 
	border: 0px;
	}

a:link, a:visited {
	text-decoration: none;
	color: #006bb7;
}

a.adults {
	color:#fff;
	text-transform:uppercase;
	font-size:10pt;
	font-weight:bold;
	font-family: sans-serif;
}

a {
	font-weight:normal;	
}


a:hover {
	/*color: #006bb7;*/
	text-decoration: underline;
}

h1.adults {
	font-size: 12pt;
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	margin-top: 6px;
	margin-left: 5px;
	font-family: sans-serif;
}

p.normaali {
	font-size:9pt;	
}

p.pieni {
	font-size:7.5pt;	
}

td.tieto {
	 background:#F2F8FD;
	 padding:4px;
	 font-size:9pt;	
}

div.tieto {
	 text-align:left;
	 width:250px;
	 background:#F2F8FD;
	 padding:10px;
	 font-size:7.5pt;	
}

div.tieto_otsikko {
	border-bottom:1px dotted #BFDCEE;
	text-align:center;
}

strong.tieto {
	font-size:9pt;	
}

p.adults {
	font-size: 12px;
	color: #fff;
	margin:5px;
	font-weight:bold;
}

p.adults_small {
	font-size: 8pt;
	color: #fff;
	margin:5px;
	font-weight:normal;
}



span.smallblack {
	font-size:8pt;	
}

div.banner {
	width:236px;
	height:226px;
	text-align:center;
	padding:10px;	
}


a.login {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:10pt;
	padding-right:10px;
	background:url(http://static2.wsoyoppimateriaalit.fi/images/oppijailo/paivitys/nuoli_valkea.gif) no-repeat center right;
	vertical-align:middle;	
}

a.login:hover {
	text-decoration:underline;	
}

div.navibar {
	background:#fff;
	border-bottom:1px solid #fef;
	font-size:8pt;	
	padding:5px;
}

div.etusivuteksti {
	color:#fff;
	font-size:8pt;
	margin-bottom:4px;
	margin-left:30px;
	margin-right:30px;
		
}

span.uutisaika {
	color:#555;
	font-size:8pt;	
}

div.ruutu_otsikko {
	width:175px;
	height:19px;
	padding-top:7px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:7.5pt;
}

td.gray {
	text-align:left;
	color:#222;
	font-size:9pt;	
}

strong.gray {
	color:#222;
	font-size:9pt;	
}

td.ajankohtaista {
	border-bottom:1px dotted #EB9107;
	font-weight:bold;
	font-size:8.5pt;
	height:42px;
	text-align:left;
}

td.ajankohtaista_taytto {
	width:25px;
	text-align:center;	
}

div.ruutu_sisalto {
	text-align:left;
	width:148px;
	height:54px;
	margin-top:5px;
	margin-left:16px;
	margin-right:16px;
	font-size:7.5pt;

}

div.hahmoesittely {
	width:700px;	
}

a.uutuudet {
	font-weight:bold;	
}

div.kilpailu {
	font-size:8.5pt;
	text-align:left;
	vertical-align:middle;
	height:75px;
	margin-top:6px;
	margin-left:12px;
	margin-right:12px;
}

div.ruutu_painike {
	margin-left:9px;
	text-align:left;	
}

input.haku {
	width:100px;
	border:1px solid #ccc;	
}

input.text, input.textfield1 {
	border:1px solid #ccc;
}

input.fronttext {
	border:1px solid #ccc;
	width:130px;
}

textarea.text {
	border:1px solid #ccc;
	font-family:Verdana,SansSerif,Arial;
}

input.text_fixed {
	border:1px solid #ccc;
	width:180px;
}

.black_overlay{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eee;
    z-index:1001;
    opacity:.80;
}
 
.white_content {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    min-height: 250px;
    padding: 10px;
    border: 5px solid #3986F4;
    background-color: #fff;
    z-index:1002;
    overflow: auto;
}