.mainbg {background-color: #DBD5C9;}

.maintopleft {
	background-image: url(webimg/topleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	width: 235px;
}

.maintopleftteacher {
	background-image: url(webimg/topleftteacher.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 69px;
	width: 235px;
}

.maintopright {
	background-image: url(webimg/topright.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 69px;
	width: 565px;
}
.mainmenu {
	background-image: url(webimg/menubg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
}
.mainmain {
	width: 635px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	top: 0px;
	vertical-align: top;
	background-color: #FFFFFF;
}
.menulink {
	color: #000000;
	text-decoration: none;
}

.menulink:hover {text-decoration: underline;}

A {
	color: #BB3333;
	text-decoration: none;
}

A:hover {text-decoration: underline;}

.toptable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	height: 69px;
	width: 800px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.middletable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	width: 800px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.fronttop {
	background-image: url(webimg/etusivu_tausta.gif);
	background-repeat: repeat-y;
	height: 30px;
	width: 375px;
}
.frontlogo {
	background-image: url(webimg/etusivu_logo2.gif);
	background-repeat: no-repeat;
	height: 69px;
	width: 375px;
}
.frontlogoimg {
	background-image: url(webimg/etusivu_logo_img2.gif);
	background-repeat: no-repeat;
	height: 69px;
	width: 375px;
}
.frontlogoteacher {
	background-image: url(webimg/etusivu_logoteacher2.gif);
	background-repeat: no-repeat;
	height: 69px;
	width: 375px;
}
.frontmiddle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(webimg/etusivu_tausta.gif);
	background-repeat: repeat-y;
	height: 300px;
	width: 375px;
}
.frontbottom {
	background-image: url(webimg/etusivu_alaosa.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 375px;
}
.fronttable {vertical-align: top;}

.leipateksti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TEXTAREA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.bottomtable {
	vertical-align: top;
	width: 800px;
	background-image: url(webimg/bottomclip.gif);
	background-repeat: no-repeat;
}

.tulostaulu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	width: 500px;
	border-style: none;
}	

.rightanswer {
	vertical-align: top;
	width: 100;
	height: 75;
	background-color: #009900;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

.wronganswer {
	vertical-align: top;
	width: 100;
	height: 75;
	background-color: #990000;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

.settable {
	background-color: #E5E5E5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;	
}

.resultpic {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.approved {color: #007F00;}

.failed {color: #990000;}

.explaintable {
	width: 902;
}

.xptop {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	background-image: url(webimg/result_topbg.gif);
	height: 24px;
	background-repeat: no-repeat;
}

.xpimage {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	background-image: url(webimg/result_mainbg.gif);
	background-repeat: repeat-y;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

.xphigh {
	background-image: url(webimg/result_highbg.gif);
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: repeat-y;
}

.xpcommonbg {
	background-image: url(webimg/result_mainbg.gif);
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-repeat: repeat-y;
}

.xpbottom {
	background-image: url(webimg/result_bottombg.gif);
	background-repeat: no-repeat;
}

.normaltxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.border1 {
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

.sideborder {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	border-righ-color: #000000;
}

.tablehead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background-color:#EEEEEE;
}