/* CSS Document */
html { height: 100%; margin-bottom: 1px; }
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5;
	background:#c9dbff;	
}
td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
.p {
        padding: 0px 0px 5px 0px;
}
.pagetable {

}
a {
	color: #6d768d;
}
#content{
	height:100%;
margin:0;
padding:0;
}
.sisalto {
margin:0;
padding:0;
}
.otsikko {
	color: #87AED6;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: normal;
}
.otsikko2 {
	color: #87AED6;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: normal;
}

/* Styles for footer */
.footer {font-size: 10px; font-weight: normal; color: #666666}
.footer A:link {text-decoration: underline; color: #666666}
.footer A:visited {text-decoration: underline; color: #666666}
.footer A:active {text-decoration: underline; color: #666666}
.footer A:hover {text-decoration: underline; color: #666666}


#nav1 {
	margin-left:20px;
	margin-top: -60px;
	z-index:100;
	position:relative;
}
/*
#nav2 {
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
}
#nav2 li {
	list-style-type: none;
	display: inline;
	line-height: 30px;
}	
#nav2 li a { 
	text-decoration: none; 
	color: #6799CB;
	border-bottom: 0px none;
	float: left;
	margin: 0px 28px 0 0px;
	font-weight: bold;
	outline:0;
}
#nav2 li .menu_current { text-decoration: underline; }
*/
ul.menu {
	font-size:10px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	background:url(../images/bg.png) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	margin:0;
	padding:0;
	font-weight: bold;
	letter-spacing: 1px;
}
ul.menu li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul.menu li a {
	float:left;
	color:#586878;
	text-decoration: none;
	height:24px;
	padding:9px 15px 0;
}
ul.menu li a:hover,.current {

	background:url(../images/bg.png) repeat-x top left;
}
ul.menu.orange li a.current {

	color:#000000;

}
/*sininenviiva alempi on hover*/
ul.menu.orange{
	background-color:#99d2ff;
}
ul.menu.orange li a:hover, .menu.orange li.current {
	background-color:#0b92ff;
}


#sidebar {
        width:180px;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size:12px;
	margin-left:10px;
}
#sidebar ul {
	padding-left:0;
	margin-left:0;
}
#sidebar li {
        list-style-type: none;
	margin-left:0;
	padding-left:0;
	margin-bottom:10px;
}
#sidebar ul ul {
	padding-left: 16px;
}
#sidebar li a {
        voice-family: "\"}\"";
        voice-family: inherit;
        text-decoration: none;
        border-bottom: 1px solid #f3f4f8;
}
#sidebar li a:link, #sidebar li a:visited {
        color: #283A50;
        display: block;
        margin: 0px 0px 0px 0px;
        text-decoration: none;
}
#sidebar li a:hover, #sidebar li a:active {
        color: #888;
        text-decoration: underline;
	margin: 0px 0px 0px 0px;
	outline:0;
}
#sidebar li .menu_current { font-weight: bold; }


/* Formien css määrittely */
/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}
/*Transparent items*/
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
	border:0px solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(../images/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(../images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(../images/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(../images/checkbox.gif) no-repeat left bottom;
}

/*Text inputs*/
.email, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textfield, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(../images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}