/* 
 *  APPLICATION BAR
 *
 ******************************/



 body {
 	scrollbar-face-color: #D3E4F7;
	scrollbar-highlight-color: #EDF5FD;
	scrollbar-arrow-color: #00318C;
	scrollbar-track-color: #EFF7FF;
	scrollbar-darkshadow-color: #2774D4;
	scrollbar-3dlight-color: #D3E4F7;

	scrollbar-shadow-color: #D3E4F7;

	}

 .appbar { 
	margin: 0px;
	font-family: Tahoma, Verdana, Arial, Sans Serif;
	font-size: 0.8em;
	}

 .appname { 
	background-color: #2774D4;
	background-image: url(/sovellukset/ek/img/bgapp.gif);
	background-repeat: repeat-y;
	color: #ffffff;
	font-weight: 700;
	font-size: 11pt;
	}

 .applinks { 
	background-color: #00318C;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
	font-size: 10px;
	}

 .applinks a { 
	color: #ffffff;
	text-decoration: none;
	}

 .applinks a:hover { 
	color: #FFCC66;
	}

 a.logo { 
	margin: 5px;
	}

 
 .bottombar { 
	background-color: #2774D4;
	}

 body.appbar {
	margin-top: 0px;
	margin-left: 0px;
	font-family: Tahoma, Verdana, Arial, Sans Serif;
	font-size: 8pt;
	}

 table.appbar { 
	background-color: #2774D4;
	color: #ffffff;
	font-weight: 700;
	font-size: 11pt;
	}


 td.appname { 
	background-color: #2774D4;
	background-image: url(/sovellukset/ek/img/bgapp.gif);
	background-repeat: repeat-y;
	color: #ffffff;
	font-weight: 700;
	font-size: 11pt;
	}


 li, ul {
	list-style-type: square;
	color: #00318C;
	font-size: 10pt;
	}

 a.li {
	color: #000000;
	text-decoration: none;
	}

 a.li:hover {
	color: #00318C;
	text-decoration: none;
	}	
 
 div.mostwanted	{
	font-family: Verdana, Arial, Sans Serif;
	font-size: 10pt;
	font-weight: 700;
	}


/* 
 *  SEARCH BAR
 *
 ******************************/
 body.search { 
	background-image: url(/sovellukset/ek/img/bgblue.gif);
	font-family:  Verdana, Tahoma, Arial, Sans Serif;
	font-size: 10pt;
	color: #000000; 	
	margin: 0px;
	}

 label {
	font-size: 10pt;
	}
	

/* 
 *  SEARCH
 *
 ******************************/

 input.hakusanat {
	font-family: Verdana, Tahoma, Arial, Sans Serif;
	width: 200px;
	font-size: 10pt;
	}


 td.haku {
	background-color: #D3E4F7;
	}

 td.selected {
	background-color: #D3E4F7;
	text-align: center;
	vertical-align: top;	
	}

 td.unselected {
	background-color: #B9D6F3;
	text-align: center;
	vertical-align: top;
	}

 form { 	
	margin: 0px;
	padding: 0px;
	}


 a.selected,  a.unselected {
	text-decoration: none;
	color: #000000;
	font-size: 8pt;
	} 

 a.selected:hover, a.unselected:hover {
	color: #FFCC66;
	color: #00318C;
	}

div.la {
     margin: 10px;
	 padding: 0px;
	 border: solid 1px #00318C; 
 }
 
 .la div.otsikko {
	 background-color:#00318C;
	 color: #FFFFFF;
	 border-bottom: solid 1px #00318C; 
	 font-size: 110%;
	 font-weight: 500;
     padding: 5px; 
 }
 
.la div.luku {
    padding: 5px;
}
 
.la a {
    color: #000000;
    text-decoration: none;
}	

.la a:hover {
    color: #000000;
    text-decoration: underline;
}	


/* 
 *  BROWSING & SEARCH RESULTS
 *
 ******************************/


 body.main {
	background-image: url(/sovellukset/ek/img/bglight.gif);
	font-family:  Verdana, Tahoma, Arial, Sans Serif;
	font-size: 10pt;
	margin: 20px;
	margin-left: 20px;
	margin-right: 0px;
	}

 body.art {
	font-family:  Verdana, Tahoma, Arial, Sans Serif;
	font-size: 10pt;
	}

 
 .main td {
	font-size: 9pt;
	}


 .even {
	background-color: #D3E4F7;
	}

 .odd {
	background-color: #EDF5FD; 
	}




 table.results {
	border: 1px solid #D3E4F7;
	background-color: #E7E7E7;
	width: 480px;
	}

 .restable {
	color: #ffffff;
	text-align: left;
	width: 100%;
	}

 .restitle {
	background-color: #2173D6;
	white-space: nowrap;
	}

 .booktitle {
	color: #ffffff;
	text-decoration: none;
	}

 .booktitle:hover {
	color: #FFCC66;
	}

 td.resnum {
	background-color: #00318C;
	color: #ffffff;
	width: 40px;
	text-align: right;
	padding-right: 5px;
	font-size: 7pt;
	}

 
.closedfooter {
	background-color: #ffffff;
	height: 2px;
	}

 .resfooter {
	background-color: #2173D6;
	color: #ffffff;
	width: 100%;
	height: 2px;
	}

 .reslink {
	text-decoration: none;
	color: #00318C;
	color: #000000;
	font-size: 8pt;
	}

 .reslink:hover {
	color: #000000;
	color: #00318C;
	}

 .reslink:active {
	color: #00318C;
	font-weightx: 700;
	}



/* 
 *  BROWsER
 *
 ******************************/


 .browse {
	background-image: url(/sovellukset/ek/img/bgwhite.gif);
	font-family:  Verdana, Tahoma, Arial, Sans Serif;
	font-size: 8pt;
	}

 .browse td { 
	font-size: 6pt;
 }


 .browse a {
	text-decoration: none;
	color: #000000;
	font-size: 8pt;
	}

 .browse a:hover {
	text-decoration: none;
	color: #00318C;
	}

 .browse a:active {
	color: #00318C;
	font-weight: 300;
	}

 .browse .brnum { 
	font-size: 7pt;
	}




 td.right { 
	border-right: 1px solid #AECBEF;
	}

 td.bottom { 
	border-bottom: 1px solid #AECBEF;
	}


 table.main { 
	width: 400px
	}

 div.explanation {
	margin-left: 10px;
	}

 div.h1, h1{	
	font-familyx: Arial;
	margin-bottom: 2px;
	font-size: 11pt;
	font-weight: 300;
	color: #00318C;
	font-weight: 700;
	letter-spacing: -1pt;
	}


 div.h2, h2 {	
	margin-top: 6px;
	margin-bottom: 3px;
	font-weight: 700;
	font-size: 10pt;
	color: #00318C;
	}

 div.sanakirja {	
	font-weight: 300;
	font-size: 13pt;
	color: #00318C;
	margin-top: 0px;
	margin-bottom: 8px;
	}

 table.sanakirja {
	width: 500px;
	}

 div.translation {	
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 700;
	color: #000088;
	color: #00318C;
	color: #000000;
	}

 div.example {
	margin-bottom: 8px;
	line-height: 13pt;
	}

 div.synonym {
	margin-bottom: 8px;
	line-height: 13pt;
	}


 div.copy {
	font-size: 8pt;
	text-align: center;
	margin: 10px;
	}

 a.copy {
	color: #000000;
	text-decoration: none;
	}

 a.copy:hover {
	color: #00318C;
	}

 div.hr { 
	height: 1px;
	background-color: #00318C;
	color: #00318C;
	margin: 8px;
	}

 hr { 
	height: 1px;
	color: #00318C;
	padding: 0px;
	}



 a.link { 
	color: #00318C;
	text-decoration: underline;
	}


 ul {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 12pt;
	line-height: 12pt;
	}

 ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 12pt;
	}

 span.concept {
	line-height: 16pt;
	}

 span.attribute {
	font-weight: 300;
	font-size: 0.9em;
	}

 span.speciality {
	font-weight: 300;
	font-size: 0.9em;
	}

 span.hits {
	font-size: 0.9em;
	}

 span.translation {	
	font-weight: 700;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
        line-height: 16pt;
	}

 span.detail {
	font-weight: 300;
	color: #000000;
        line-height: 16pt;
	}  

 div.description {
	margin-top: 5px;
	margin-bottom: 5px;
        line-height: 12pt;
	}

 table.results a { 
	color: #00318C;
	text-decoration: underline;
	}

 table.results td { 
	padding-left: 20px;
	}

 div.h1 {
	padding-leftx: -10px;
	margin-left: -10px;
	}

 br    {
	line-height: 2px;
	}

 tr.alihaku, td.alihaku {
	font-size: 10pt;
	font-weight: 700;
	color: #00318C;
	background-color: #ffffff;
	margin-left: -20px;
	padding-left: -20px;
 }

 div.alihaku {
	margin-top: 10px;
	}