.body_vaal  {background-color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:black; margin:0px;}

body  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:black; background-color:#ffffff;}

.sisalto_kehys {border: 1px #CCCCCC solid; margin-left:3px; background-color:#ffffff;}
td  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:black; }

.nimi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF;}

.otsikko { background-color: #f5f5f5; height: 25px; text-decoration: none; color: #000000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; padding-left:4px;}

.alaotsikko { background-color: #f5f5f5; text-decoration: none; color: #000000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; padding-left:4px; letter-spacing: 1px;}

.alaotsikko2 { background-color: #f5f5f5; text-decoration: none; color: #000000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; padding-left:3px; letter-spacing: 1px;}

.navi{ height: 10px; text-decoration: none; color: #000000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; padding-left: 0px; padding-top: 1px; padding-right: 4px; padding-bottom: 12px; vertical-align: top;}

.navi a:link {text-decoration:none; color:#000000; font-size: 12px; font-weight: normal; vertical-align: top;}
.navi a:visited {text-decoration:none; color:#000000; font-size: 12px; font-weight: normal; vertical-align: top;}
.navi a:hover {text-decoration:none; color:#000000; font-size: 12px; font-weight: normal; vertical-align: top;}
.navi a:active {text-decoration:none; color:#000000; font-size: 12px; font-weight: normal; vertical-align: top;}

.nav_teksti a:link {text-decoration:none; color:#000000; font-size: 12px; font-weight: normal; vertical-align: top; padding: 0px;}
.nav_teksti a:visited {text-decoration:none; color:#000000; font-size: 12px; font-weight: normal; vertical-align: top; padding: 0px;}
.nav_teksti a:hover {text-decoration:none; color:#000000; font-size: 12px; font-weight: normal; vertical-align: top; padding: 0px;}
.nav_teksti a:active {text-decoration:none; color:#000000; font-size: 12px; font-weight: normal; vertical-align: top; padding: 0px;}

.pallo { background-image: url(http://www.otsola.net/photo/img/docs.gif); background-repeat: no-repeat; width:15px;}

.navi_bgr { background-image: url(img/navi_bgr.jpg); }

.listaus{height: 25px; text-decoration: none; color: #000000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; padding-left:4px;  padding-right:4px;}

.vali { background-image: url(img/piste.jpg); background-color: #cccccc;}
.tulostus{height: 20px; text-decoration: none; color: #000000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; padding-left:2px; }

.punainen_listaus{height: 20px; text-decoration: none; color: Red ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; padding-left:2px; padding-top:9px;}

.punainen {height: 25px; text-decoration: none; color:#ff0000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; padding-left:3px; }

.varoitus:link {  height: 25px; text-decoration: none; color: #ff0000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; padding-left:4px;  padding-right:4px; padding-top:5px; }

.varoitus:visited {  height: 25px; text-decoration: none; color: #ff0000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; padding-left:4px;  padding-right:4px; padding-top:5px; }

a:link {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#000000; font-size: 10px; font-weight: normal; }
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#000000; font-size: 10px; font-weight: normal; }
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#ff0000; font-size: 10px; font-weight: normal; }
a:active {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#ff0000; font-size: 10px; font-weight: normal; }

.linkki {border:0px;}
.linkki a:link {text-decoration:none; color:#ff0000; font-size: 12px; font-weight: normal; }
.linkki a:visited {text-decoration:none; color:#ff0000; font-size: 12px; font-weight: normal; }
.linkki a:hover {text-decoration:none; color:#ff0000; font-size: 12px; font-weight: normal; }
.linkki a:active {text-decoration:none; color:#ff0000; font-size: 12px; font-weight: normal; }

.login {font-family:verdana; font-size:12px; color:#666666; margin:5px}

.popup {
border-width: 1px;
border-color: #cccccc;
border-style: solid;
margin-right: 10px;
}

.readonly {
		background-color: #ffffff;  
		text-decoration: none; 
		color: #000000 ; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		font-style: normal; 
		font-weight: bold; 
		padding-left:5px;
		border-top: solid 0px; 
		border-right:solid 0px; 
		border-left: solid 0px; 
		border-bottom:solid 0px}
		
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #000000;
margin-top:5px; 
padding-left:5px; 
border-top: solid 2px #484444; 
border-right:solid 1px #cccccc; 
border-left: solid 2px #484444; 
border-bottom:solid 1px #cccccc}


.input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #000000;
padding-left:5px; 
border-top: solid 2px #484444; 
border-right:solid 1px #cccccc; 
border-left: solid 2px #484444; 
border-bottom:solid 1px #cccccc}

.as_id{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; 
font-weight: normal;
color: #666666;
height: 15px;
padding-left:5px; 
border-top: solid 0px #f1f1f1; 
border-right:solid 0px #f1f1f1; 
border-left: solid 0px #f1f1f1; 
border-bottom:solid 0px #f1f1f1;
background-color:#ffffff
}

.tallennusbutton {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; 
		font-weight: bold; 
		color: #ffffff; 
		border-top: 2px solid #cccccc;
		border-right: 2px solid #666666;
		border-bottom: 3px solid #666666;
		border-left: 3px solid #cccccc;
		background-color: #ff0000;
	}

.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #000000; 
border-top: 2px solid #cccccc;
border-right: 2px solid #666666;
border-bottom: 3px solid #666666;
border-left: 3px solid #cccccc;
background-color: #F3F5F9;
}

	.copyright { text-decoration: none; color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: normal;}
	.copyright:link { text-decoration: none; color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: normal;}
	.copyright:visited { text-decoration: none; color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: normal;}
	.copyright:hover { text-decoration: none; color: #000087; font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: normal;}
	.copyright:active { text-decoration: none; color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: normal;}

.copytext{ text-decoration: none; color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: normal; letter-spacing: -1px;}

.copytext:link, .copytext:visited, .copytext:hover, .copytext:active  { text-decoration: none; color: #666666; font-family: Verdana, Arial, Helvetica; font-size: 9px; font-weight: normal; letter-spacing: -1px;}
	
 .current a.page {font-weight: bold; color: #ff0000; border: 1px solid #CC081F; width: 14px; height: 14px; padding-left:2px; padding-right:2px;}
  
.mini { padding-top:1px; margin-top:2px; border: 2px solid #e5e5e5; width: 170px; height: 140px;} 
.mini_dok { padding-top:2px; margin-top:2px; border: 2px solid #e5e5e5; width: 170px; height: 145px;} 
 
.img:link {padding: 0px; border: 2px solid #f5f5f5; display: block; margin-left: auto; margin-right: auto }
.img:visited {padding: 0px; border: 2px solid #f5f5f5; display: block; margin-left: auto; margin-right: auto }
.img:hover {padding: 0px; border: 2px solid #cccccc; display: block; margin-left: 0px; margin-right: 0px }

.popup {border-width: 1px; border-color: #cccccc; border-style: solid; margin-left: 2px; }
.kuvaus {height: 70px; text-decoration: none; color: #000000 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; padding-left:10px;  padding-right:4px;}

.popup_body
{
font-family:verdana;
font-size: 12px;
color: #000000;
margin: 0px;
background-color: #ffffff;
}

.minikuva { height:120px; vertical-align:top; }
.albumi {  padding-left:16px; padding-top:3px; padding-right:3px; padding-bottom:3px;}

.unseen {
    background: #ffffff;
}
tr.unseen:hover, tr.unseen-over {
    background: #FFE9C9;
}