BODY { background-color: #FDF5E6
font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:hover { color: red }

H2 {
	color: #440000;
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
TH.TITLE   { background-color: #EF8429;
             font-size: 28px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header {
	background-color: #2c5683;
	color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.header a{
	color: white;
    text-decoration : none;
	font-size : 12px;
}

	
.RED {
    color: red;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  80%;
    font-weight: bold;
    text-decoration : none;
}

.ALUEJAKOLIST {
	list-style-type: none;
	margin-left: 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;           
}

.DATATABLEROW{
	margin-left: 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;   
	vertical-align: top;        
}

.DATATABLEHEADER{
	margin-left: 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;          
}

.INFOLIST {
	list-style-type: none;
	margin-left: 0px ;
	margin-left: 0px; 
	color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration : none;                
}
.INFOKOHDELIST {
	list-style-type: none;
	margin-left: 0px; 
	color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration : none;                
}

.LINKKILIST {
	list-style-type: none;
	margin-left: 0px; 
	color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration : none;                
}

.LINKKILISTHEADER {
	list-style-type: none;
	margin-left: 0px; 
	color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration : none; 
    font-weight: bold;               
}

.TITLE {
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-decoration : none;
}

.SUBTITLE {
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    text-decoration : none;
}

.SUBTITLE2 {
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration : none;
}

.white {
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold;
    text-decoration : none;
}
.dark { background-color: black;
}

.mainPanel {
/*		border: 1 solid silver; */
	background-color: white;
	vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    
}

.leftPanel {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	
		border-bottom: 1 solid silver; 
		width: 350px;
		vertical-align: top;
	background-color: #f6f6f6;
	font-size: 11px;
	
	
}

.rightPanel {
/*		border: 1 solid silver; */
		vertical-align: top;
	background-color: #f6f6f6;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	    
		
}
.tkPanel {
/*	border: 1 solid silver;  */
	width: 350px;
	background-color: white;
	vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    
}

.virhePanel {
/*	border: 1 solid silver;  */
	background-color: white;
	vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    
}


.panel1 {
/*	border: 1 solid silver; */
	background-color: #f6f6f6;
	vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    
}



.panel1facet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;	
	font-size: 12px;
	text-align: left;
	background-color: #A7AEBA;
	height: 25px;
}

.panel1facet2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
	background-color: #A7AEBA;
	height: 25px;
	width:240px;
	padding: 0;
}

.tableheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;	
	font-size: 12px;
	text-align: left;
	background-color: #e9e9e9;
	height: 25px;
}

.facettext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;	
	text-align: left;
	cellpadding:0;
	width:215px;
}

.facettextright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
    font-weight: bold;	
	text-align: right;
	cellpadding:0;
	width:25px;
}

.panel2 {
	width: 100%;
	background-color: #f6f6f6;
	font-size: 11px;
	vertical-align: top;
	border-bottom: 1 solid silver; 
	font-family: Verdana, Arial, Helvetica, sans-serif;

	
}
.even{
	background-color: #f6f6f6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.odd{
	background-color: #dcdcdc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

.mainMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #dcdcdc;
    padding: 3;
	font-weight:bold;	
}

.mainMenu a {
	color: black;
	text-decoration:none;
}
.mainMenu a:hover {
	color: black;
	background-color: #a7aeba;

}
.subMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #dcdcdc;
    padding: 3;
	font-weight:bold;	

}

.subMenu a {
	color: black;
	text-decoration:none;
}
.subMenu a:hover {
	color: black;
	background-color: #a7aeba;

}

.pagedTableContainer {
	width: 100%;
	overflow: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* seuraava korjaa ärsyttävän tilanteen IE:llä tilannekuvissa, PATHT-56, /aa */

* .tkPanel .pagedTableContainer {
	width: 350px;
	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 19 : 4);
}

.panel3 {
	border: 1 solid silver;
	width: 240px;
	background-color: #f6f6f6;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.panel4 {
	border: 1 solid silver;
	width: 240px;
	background-color: #f6f6f6;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cellpadding:0;
}

input[type="submit"] {
/*	font-variant: small-caps; */
	font-size: 10px;
}

.linkButton {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	background-color: #dcdcdc;
    padding: 2;
}
.linkButton a:hover {
	color: black;
	background-color: #a7aeba;

}

.treeItem {
/*	color: black;  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.legendColumn {
	vertical-align: top;
	font-size: 12px;
}

.leftColumn {
	horisontal-align: left;
}

.rightColumn {
	horisontal-align: right;
}
	

.footer {
	background-color: #f6f6f6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}

.font11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}	

