BODY { 
      font-family: "Arial", "Helvetica", "Sans-serif" ;
       font-size: 10pt;
      margin-left: 0px; 
      /* margin-right: 1%; */
/*      margin-top: 10px; */
      color: black;
      /* position: relative;
      top: auto; left: auto; */
      width: 100%;
}

H1 { font-size: 12pt; /* font-weight: bold; */
     font-family: "Arial", "Helvetica", "Sans-serif" ;
     /* padding-top: 10px; */
}
.hakuh1 {position:relative; top:auto; left:20px; }
   
.error {position:relative; top:auto; left:20px; color:red; }

H2 { font-size: 12pt; /* font-weight: bold; */
     font-family: "Arial", "Helvetica", "Sans-serif" ;
}

H3 { font-size: 12pt; font-weight: bold; 
	font-family: "Arial", "Helvetica", "Sans-serif" ;
}
.Logopalkki TABLE { border-top: 1px solid #018D70; border-bottom: 1px solid #018D70; }
.Logopalkki TH { padding: 15px 0px 15px 0px; }
.Logopalkki TD { font-weight: bold; background: url(../images/ylapalkintaus.jpg) no-repeat; padding: 25px 0px 15px 20px; }
.Alapalkki TABLE {
	border-top: #018d70 1px solid
}
/*
.Logopalkki TABLE { border-bottom: 1px solid #018D70; }
.Logopalkki TD { background: url(../images/ylapalkintaus.jpg) right top no-repeat; } */
/* .Logopalkki H1 { margin: 0px; padding: 15px 0px 15px 0px; } */
/* .Logopalkki H1 { margin: 0px; padding: 10px 0px 10px 0px; } */

.nowrap   { white-space: nowrap }

td {font-size: 10pt; }

.main_pos {
/* position: absolute;
top: 10px;
left: 10px; */
position: relative;
top: auto;
left: auto;
/*width: auto;
height: auto;
right: auto
bottom: auto;
padding-top: 80px;*/
z-index: 10;
}
.layermain {
/* position: absolute;
top: 10px;
left: 10px; */
position: relative;
top: auto;
left: auto;
/*width: auto;
height: auto;
right: auto
bottom: auto;
padding-top: 80px;*/
z-index: 10;
}
.kuntasel { position: absolute;
display:block;
top: 50px;
left: 500px;
background-color: #ffffff;
z-index: 2;
visibility: hidden;
padding-left: 5px;
border: thin #000000 solid;
height: 500px;
width: 175px;
overflow: scroll;
}
.pophdr { 
	position: absolute; 
	top: 50px;
	left: 500px; 
	width: 150px; 
	height: 20px; 
	background-color: darkblue; 
	color: #ffffff;
	visibility: hidden; 
	padding-left: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	font-weight: bold; z-index: 8;
}
#kuntaselL { 
	position: absolute;
	display:block;
	top: 50px;
	/*left: 50px;*/
	background-color: #ffffff;
	z-index: 2;
	visibility: hidden;
	padding-left: 5px;
	border: thin #000000 solid;
	height: 500px;
	overflow: scroll;
}
.namesbox { display:block;
position: absolute;
top: 50px;
left: 130px;
background-color: #ffffff;
visibility: hidden;
/*padding-left: 5px; */
border: none;
overflow: hidden;
width: 300px;
z-index: 2;
}
#namesboxl { 
	display:block;
	position: absolute;
	top: 50px;
	left: 130px;
	background-color: #ffffff;
	visibility: hidden;
	/* padding-left: 5px; */
	border: none;
	overflow: hidden;
	width: 300px;
	z-index: 2;
}

.blackbox {
	position:relative;
	top:auto;
	left:auto;
	width: 5px;
	height: 5px;
	background-color:#000000;
}

/*

.cmenu { 
	text-decoration:underline;
}
.cmenu:visited { 
	text-decoration:underline;
}

.cmenu:active { 
	font-weight:bold; 
	text-decoration:underline;
}

.cmenu:link { 
	text-decoration:underline;
}
*/

/*
#amenu1 A:visited { background-color: #ffffff; color: #000000; text-decoration:none;}
#amenu1 A:link { background-color: #ffff99; color: #000000; text-decoration:none;}
#amenu1 A:hover { background-color: #00ffff; color: #ffffff; text-decoration:none;}
*/

/* .korosta A:hover { background-color: #ff00ff; color: #ffffff; text-decoration:none;} */

.ylanavlogo {display: table-cell; position: relative; top: 0px; left: 0px; width: 160px; height: 35px;  border-color: #009933; border-style: solid; background-color: #ffffff; color: #009933; 
	 border-width: 1px;  vertical-align: top;}

.ylanav { /* display: table-cell; position: relative; top: 0px; left: auto; width: auto; height: 20px; border-color: #009933; border-style: solid; color: #009933; 
	text-align: center; border-width: 1px; border-left: 0px none;  vertical-align: top; padding-left: 52px; padding-right: 51px;
	border-bottom: 1px solid #009933; border-top: 0px; */
	/* background-color: #ffe4c4; */ /* #ffa07a; */ /* #F4A460; */ /* #fffacd; */ 
	background: url(../images/navi_04.gif) repeat; }
.ylanavcur { display: table-cell; position: relative; top: 0px; left: auto; width: auto; height: 20px; border-color: #009933; border-style: solid; color: #009933; 
	text-align: center; border-width: 1px; border-left: 0px none;  vertical-align: top; padding-left: 52px; padding-right: 52px;
	border-bottom: 1px solid #009933; /* border-top: 0px; */ border-top: 3px solid #ffa07a;
	background-color: #ffe4c4; /* #ffa07a; */  /* #F4A460; */ /* #fffacd; */ }
.ylanavohje { display: table-cell; position: relative; top: 0px; left: auto; width: auto; height: 20px; border-color: #009933; border-style: solid; color: #009933; 
	text-align: center; border-width: 1px; border-left: 0px none;  vertical-align: top; padding-left: 51px; padding-right: 51px;
	border-bottom: 1px solid #009933; border-top: 0px; 
	background-color: #ffe4c4; /* #ffa07a; */ /* #F4A460; */ /* #fffacd; */ }

.ylanav A:visited { /* background-color: #ffe4c4; */ color: #000000; text-decoration: underline;}
.ylanav A:link { /* background-color: #ffe4c4; color: #009933; */ color: #000000; text-decoration: underline;}
.ylanav A:hover { /* background-color: #ffe4c4; color: #009933; */ color: #000000; text-decoration: underline;}
.ylanavohje A:visited { background-color: #ffe4c4; color: #009933; text-decoration: underline;}
.ylanavohje A:link { background-color: #ffe4c4; color: #009933; text-decoration: underline;}
.ylanavohje A:hover { background-color: #ffe4c4; color: #009933; text-decoration: underline;}

.prompt {top: auto; left: auto; width: 110px; height: 20px; font-weight: bold; }
.kentta {top: auto; left: auto; width: 300px; height: 20px; }
.haku {top: 15px; left: auto;}
.syote {top: auto; left: 110px; width: 300px; height: 20px; }

.nappin { position: relative; top: auto; left: 110px; }
.nappin2 { position: relative; top: auto; left: 150px; }

.nappi { display: table-cell; position: relative; top: auto; left: auto; width: 150px; height: 35px; border-color: #009933; border: solid; background-color: #ffe4c4; color: #009933; 
	text-align: center; font-weight: bold; border-width: 1px; padding-top: 8px; }
.nappi2 { display: table-cell; position: relative; top: auto; left: auto; width: 150px; height: 35px; border-color: #009933; border: solid; background-color: #ffe4c4; color: #009933; 
	text-align: center; font-weight: bold; border-width: 1px; padding-top: 8px; }
.ohjenappi { display: block; position: relative; top: auto; left: 450px; width: 40px; height: 21px; border-color: #009933; border: solid; /* background-color: #ffe4c4; */ color: #009933; 
	text-align: center; font-weight: bold; border-width: 1px; /* padding-top: 2px;*/ 
	/*alignment: left;*/ }
.nappi3 { display: table-cell; position: relative; top: auto; left: 507; width: 150px; height: 26px; border-color: #009933; border: solid; background-color: #ffe4c4; color: #009933; 
	text-align: center; font-weight: bold; border-width: 1px; padding-top: 6px; }
.nappi4 { display: table-cell; position: relative; top: auto; left: 10; width: 150px; height: 26px; border-color: #009933; border: solid; background-color: #ffe4c4; color: #009933; 
	text-align: center; font-weight: bold; border-width: 1px; padding-top: 6px; }

.nappi  A:visited, .nappi2  A:visited, .nappi3  A:visited, .nappi4  A:visited { background-color: #ffe4c4; color: #009933; text-decoration:none;}
.nappi  A:link, .nappi2  A:link, .nappi3  A:link, .nappi4  A:link { background-color: #ffe4c4; color: #009933; text-decoration:none;}
.nappi  A:hover, .nappi2  A:hover, .nappi3  A:hover, .nappi4  A:hover { background-color: #ffe4c4; color: #009933; text-decoration: underline;}

.suljepop {  position: absolute; top: 8px; left: 0px; width: 130px; font-size: 12px; font-weight: bold; text-align: right; color: #ffffff; }
.suljepop A:visited 	{ font-size: 12px; color: #ffffff; /* text-decoration:none; */}
.suljepop A:link 	{ font-size: 12px; color: #ffffff; /* text-decoration:none; */}
.kuntasel .suljepop A:hover 	{ font-size: 12px; color: #ffffff; text-decoration:underline;}

.oikeareuna {
	position: relative;
	top: auto;
	left: 450px;
	width: 100px;
}

.legenda {
	padding: 5px 5px 5px 5px;
	border: 1px solid #000000; 
	display: block; 
	width: 250px;
}

.sortForm {
	display: block; 
	position: relative; 
	top: 20px;
	width: 250px;
	padding: 5px 5px 5px 5px;
}

.valiots { 
	position: absolute; 
	top:auto; 
	left: -20px; 
	height: 20px; 
	width: 100%; 
	color: #000000; 
	font-size: 12pt; 
	font-weight: bold; 
	padding-top: 5px; 
	padding-left: 20px; 
	background-image: url(../images/navi_ruskea_02.gif);
}

.painike { top: 0px; left: -1px; width: 145px; }
.lajpainike { top: 0px; left: -1px; width: 200px; }

.otsikko { font-size: 14pt; font-weight: bold; }


.korostarivi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #ffeecc;  /*  #ffe4c4; */
	border-bottom: 1px solid #009933;
	height: 20px;
	width: 100%;
}
.alareuna {
	border-bottom: 1px solid #009933;
}
.kehys {
	border: 1px solid #009933;
	top: auto;
	left: auto;
	width: 650px;
}
.kehys2 {
	border-top: 1px solid #009933;
	border-left: 1px solid #009933;
	border-bottom: 1px solid #009933;
}
FORM {
	position: relative; top: auto; left: 20px;
} 
.sivu {
	position: relative; top: auto; left: 20px;
}
.helpText {
	/*position: absolute; left: 20px;*/
	margin: 20px;
}
.courseList {
	/*position: absolute; left: 10px;*/
	margin: 10px;
}
.courseData {
	/*position: absolute; left: 10px;*/
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: -20px;
}
/*
.kehys2 TD   {
	margin: 5px; 
}
*/
.kehys TD   {
	margin: 0px 2px 0px 2px;
}
.munListItem {
	cursor: pointer;
}

.navi_text{
	color: #0000FF;
	text-decoration:underline;
}