body {font-size: 90%;}
body, p, td, th, li {
	font-family: arial,verdana,sans-serif;
}
p {margin: 0px;}

body, td {margin: 0px; padding: 0px;}                
A:active, A:link, A:visited {
	color: #660;
} 
h1,h2,h3,h4 {
	color: #6c6;
	font-family: arial,verdana,sans-serif;
}
h1 {font-size: 1.4em; margin-top: 6px; 
	background: url(/userfiles/image/layout/puudot20.png) no-repeat center left; 
	padding-left: 36px; border-bottom: 1px solid #dd0;}
h2 {font-size: 1.3em; margin-bottom: 0px;  font-variant: small-caps; }
h3 {font-size: 1.0em;}

h4 {font-size: 0.9em; font-weight: normal; color: #c63; padding: 4px; border: 3px double #c63;
margin: 8px 20px 8px 40px;}

#sisus img {border-width: 1px; border-color: #dd0;} 

.debug {
	font-size: .8em;
	color: #fc9;
	background-color: #699;
}
.muokkaus {
	margin: 2px;
	padding: 2px;
	font-size: .9em;
	color: #930;
}
.riv1a { background-color: #ffc; }
.riv1b { background-color: #fcf; }
.sol1  { border: 1px solid #ccc;}

ul, li {
	margin-top: 0px;
	margin-bottom: 0px;
}

.Bold {	font-weight: bold;}

.Title	{
	font-weight: bold;
	font-size: 1.6em;
	color: #cc3300;
}

.Code	{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

.vali0, .vali1, .vali2, .vali3 {
	border-top: 1px solid #eee; border-bottom: 1px solid #eee; 
	font-family: arial, sans-serif;
}

.vali0 a:active, .vali0 a:link, .vali0 a:visited, .vali0 a:hover {
    color: #666; text-decoration: none;
}
.vali1 a:active, .vali1 a:link, .vali1 a:visited, .vali1 a:hover {
    color: #990; text-decoration: none;
}
.vali2 a:active, .vali2 a:link, .vali2 a:visited, .vali2 a:hover {
    color: #660; text-decoration: none;
}
.vali3 a:active, .vali3 a:link, .vali3 a:visited, .vali3 a:hover {
    color: #330; text-decoration: none;
}

.vali0  {
        padding-left: 22px;
        line-height: 150%;
        font-size: 120%;
        font-weight: normal;
        border: none;
}
.vali1  {
        font-weight: bold;
        font-size: 95%;
        margin: 0px;
        padding: 0px;
        padding-left: 22px;
        line-height: 120%;
}
td.vali1 {
	background-color: #fff;
	opacity: .75;
	filter: alpha(opacity=75);
}

.vali2  {
        font-size: 90%;
		background-color: #f9f9f9;
        margin: 0px;
        padding: 0px;
        padding-left: 38px;
        line-height: 110%;
}

td.vali2 {
	opacity: .9;
	filter: alpha(opacity=90);
}

.vali3  {
		background-color: #e0e0e0;
        margin: 0px;
        padding: 0px;
        padding-left: 54px;
        font-size: 90%;
        line-height: 110%;
}
.vali1 a:hover, .vali2 a:hover, .vali3 a:hover  {
        text-decoration: underline;  
}

tr.trnyt td.vali1 {background: #fff url(/userfiles/image/layout/puudot13.png) no-repeat 4px 2px;} 
tr.trnyt td.vali2 {background: #f9f9f9 url(/userfiles/image/layout/puudot11.png) no-repeat 20px 2px;} 
tr.trnyt td.vali3 {background: #ddd url(/userfiles/image/layout/puudot11.png) no-repeat 36px 1px;}


.valitau        {
        border-collapse: collapse;
        margin: 0px;
        padding: 0px;
        border: none;
        width: 100%;
}

.opaque {
	opacity: .75;
	filter: alpha(opacity=75);
}

.opaque85 {
	opacity: .85;
	filter: alpha(opacity=85);
}

.opaque90 {
	opacity: .9;
	filter: alpha(opacity=90);
}

.opaque95 {
	opacity: .95;
	filter: alpha(opacity=95);
}

#sisus {
	position: absolute;
	top: 110px;
	left: 280px;
	margin-bottom: 20px;
	background-color: #fff;
	width: 450px;
	padding: 10px;
	border: 1px solid #ddd;
}

#sisus img {margin: 2px 4px 2px 4px;}

#valikko {
	position: absolute;
	top: 0px;
	left: 50px;
	margin-bottom: 20px;
	width: 210px;	
	padding: 0px;
	border: 0px solid #eee;

}

.decvas, .decoik { vertical-align: text-bottom;}
.decvas {margin-right: 8px; }
.decoik {margin-left: 8px; }

.img_decoik {width: 18px; height: 18px;} 

td.muusivu, td.aktiivi, td.nytsivu { width: 12px; border: 1px solid #fc9; margin-right: 6px;}
td.muusiv2, td.aktiiv2, td.nytsiv2 { width: 12px; border: 1px solid #fc9; margin-left: 6px;}
td.nytsivu {background-color: #fc9; border: 1px solid #f96;}

@media screen {
	#alatunniste {display: none;}
}

@media print {
	#valikko { display: none; }
	#sisus {position: relative; width: 620px; opacity: 1; filter: alpha(opacity=100); 
          margin: 12px; top: 10px; left: 30px; border: none; }
	#puite {display: none; }
	#feedy {display: none; } 
	body {background: #fff; }
}