body
{
	background: white;
	font-family : Verdana, sans-serif; 
	font-size : 10pt; 
	color: black;
	margin: 0px;
	margin-bottom: 25px;
	text-align: center;
	padding: 0px;
}

a, a:visited
{
	color: #255897;
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: underline;
}

#alapalkki a, #alapalkki a:visited, #ylapalkki a, #ylapalkki a:visited
{
	color: white;
	text-decoration: none;
	font-weight: normal;
}

#alapalkki a:hover, #alapalkki a:active, #ylapalkki a:hover, #ylapalkki a:active
{
	text-decoration: underline;
	font-weight: normal;
}

/****** DIVIT ******/

#header
{
	width: 100%;
	height: 107px;
	margin: auto;
	text-align: left;
	background-image: url(images/ylatausta.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#indexYlapalkki, #ylapalkki
{
	background-color: #009055;
	width: 100%;
	color: white;
	border: none;
	border-top: 1px solid #140047;
	border-bottom: 1px solid #140047;
}

#ylapalkki
{
	text-align: right;
}

#alapalkki
{
	clear: both;
	color: white;
	background-image: url(images/alatausta.jpg);
	background-repeat: repeat-x;
	width: 100%;
	border: none;
	text-align: right;
	vertical-align: baseline;
	padding-top: 7px;
	padding-bottom: 1px;
}

#container
{
	width: 95%;
	margin: auto;
	margin-bottom: 23px;
	text-align: left;
	clear: both;
}

#intro
{
	clear: both;
	position: absolute;
	left: 25%;
	right: 25%;
	top: 20px;
	text-align: center;
}

#akkilahdot
{
	float: left;
	width: 35%;
	min-width: 250px;
	margin-right: 10px;
	margin-bottom: 23px;
	text-align: left;
}

#oikea
{
	float: right;
	width: 63%;
	min-width: 450px;
	margin-bottom: 23px;
	text-align: left;
}

.msgBox, .errorBox
{
	padding: 10px;
	margin-bottom: 20px;
	background-position: top right;
	background-repeat: no-repeat;
	width: 380px;
}

.errorBox
{
	background-color: #FFD5D2;
	background-image: url(images/errorbox.gif);
	border-left: 2px solid #B22222;
	border-top: 2px solid #B22222;
	border-right: 1px solid #EB95A7;
	border-bottom: 1px solid #EB95A7;
}

.msgBox
{
	background-color: #D0EBDF;
	background-image: url(images/msgbox.gif);
	border-left: 2px solid #006400;
	border-top: 2px solid #006400;
	border-right: 1px solid #8EE28F;
	border-bottom: 1px solid #8EE28F;
}


/*** Taulukko ja sen solut ***/

table
{
	border: 1px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	
}

table#muuta
{
	margin-top: 20px;
}

tr
{
	border-right: 1px solid black;
	border-left: 1px solid black;
}

tr.dark
{
	background-color: #EEEEEE;
}
tr.light
{
	background-color: white;
}
tr.startedDark
{
	background-color: #DDDDDD;
}
tr.startedLight
{
	background-color: #EEEEEE;
}

td
{
	padding-top: 5px;
}

#akkilahdot td
{
	border-top: 1px solid #DDE7F0;
	padding-left: 4px;
	padding-right: 4px;
}

th
{
	padding: 3px;
	text-align: left;
	vertical-align: top;
}

th.otsikko
{
	background-repeat: repeat;
	border-bottom: 1px solid #140047;
	font-weight: bold;
	font-size: 13px;
	background-color: #009055;
	color: white;
}

td.rightColHeaders
{
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 3px;
	width: 100px;
}

/** Kurssitietojen taulukon solut, jotta ovat joka taulukossa saman leveyksisiä suhteellisesti **/
.firstCell
{
	width: 150px;
}

.price
{
	width: 10%;
}


/*********** KUVAT *********/

/* Kuvalinkistä IE:n lisäämät automaattiborderit pois */

img
{
	border: none;
}

#etreLogo
{
	float: right;
	margin-right: 16px;
	margin-top: 30px;
}

#etupaLogo
{
	float:left;
	left: 0px;
	top: 0px;
	margin-bottom: 5px;
}

/****** HEADERIT *******/

h1, h2, h3, h4, h5
{
	margin-bottom: 5px;
}

h1
{
	font-size: 16px;
	margin-top: 6px;
}

h2
{
	font-size: 15px;
}

h3
{
	font-size: 14px;
}

h4
{
	font-size: 13px;
}

h5
{
	font-size: 12px;
}


/***** LOMAKKEET *****/

form
{
	margin: 0px;
	margin-top: 20px;
}

select
{
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input, select, textarea
{
	margin-top: 3px;
	margin-bottom: 5px;
	border-left: 2px solid #06558D;
	border-top: 2px solid #0869AD;
	border-right: 1px solid #097BCC;
	border-bottom: 1px solid #097BCC;
}
input.nappi
{
	border: 2px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 2px;
	background-image: url("images/liukuvari_nappi.gif");
	background-repeat: repeat-x;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
}
input.nappi:active
{
	border: 2px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
	background-image: url("images/liukuvari_nappi_active.gif");
	background-repeat: repeat-x;
}
.center
{
	text-align: center;
}
.mustInput
{
	background-color: #E6F3FD;
}
.admin input, .admin textarea, .admin select
{
	width: 400px;
}
input.radioButton, input.checkBox
{
	vertical-align: middle;
	border: none;
	margin-right: 6px;
}

/***** MUUTA *****/

.marginTop
{
	padding-top: 7px;
}

p#introText
{
	font-weight: bold;
	margin-top: 0px;
	text-align: justify;
}

p.inputDesc
{
	margin-bottom: 0px;
	margin-top: 15px;
	width: 400px;
}

p.adminIntro
{
	width: 600px;
	text-align: justify;
	margin-left: 3px;
	margin-bottom: 30px;
}

hr, hr.short
{
	color: #77A2C4;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	border: none;
	border-bottom: 1px solid #548BB5;
	border-top: 1px solid #9DBCD5;
}

hr.short
{
	text-align: left;
	width: 400px;
	margin-top: 5px;
	margin-bottom: 15px;
} 

.palkkiVasen
{	
	margin-top: 3px;
	color: white;
	float: left;
	margin-left: 30px;
}

.palkkiOikea
{
	margin-top: 3px;
	margin-right: 30px;
	color: white;
}

.tulostusValinnat
{
	margin-top: -14px;
}
.tulostusValinnat input
{
	margin-bottom: 2px;
	margin-top: 7px;
}

.cleared
{
	clear: both;
}

.admin .autowidth
{
	width: auto;
	margin-bottom: 2px;
	margin-top: 7px;
}

.floatRight
{
	float: right;
}

.floatLeft
{
	float: left;
}

.alignRight
{
	text-align: right;
}

.alignLeft
{
	text-align: left;
}