body {
font-family:Arial;
text-align:left;
margin:0;
padding:0; 
background-image:url('../images/header_body_bg.png');
background-repeat:no-repeat;
}

a{outline: none; font-weight:bold; font-size:14px; line-height:16px; margin:0px; padding:0px;color:#00737a;}

a.no-img {outline: none; font-weight:normal; font-size:12px; text-decoration:none; line-height:16px; margin-left:11px; padding:0 0 0 15px; display:inline-block; color:#fff;

}

p{font-size:14px; line-height:16px; margin:0; margin-bottom:14px; padding:0px;color:#010101;}
pre{font-family:Arial; font-size:14px; line-height:16px; margin:0; margin-bottom:14px; padding:0px;color:#010101;}
h1{font-weight:bold; font-size:14px; line-height:16px; margin:20px 0 10px 0; padding:0px; color:#00737a;}
h1.no_bottom{font-weight:bold; font-size:14px; line-height:16px; margin:20px 0 0 0; padding:0px; color:#00737a;}
h2{font-weight:bold; font-size:14px; line-height:16px; margin:0; margin-bottom:14px; padding:0px; color:#000000;}

h3{font-weight:bold; font-size:14px; line-height:16px; margin:0 0 6px 0; padding:0px; color:#000000;}

ul{ padding: 0px; margin:0px; list-style: none;}
li{ padding: 0px; margin:0px; list-style: none;}

img{border:none; margin:0px; padding:0px;}
label{font-family:Arial; font-size:14px; margin:0px; padding:0px;}
img, body, div{ behavior: url('/assets/css/iepngfix/iepngfix.htc') }
span.date{font-family:Arial; font-style:italic; font-size:12px; margin:0px; padding:0px;color:#010101;text-align:left;}
span.link{outline: none; font-weight:bold; font-size:14px; line-height:16px; margin:0px; padding:0px;color:#00737a;}

table{border-left: solid #00737A 1px; border-top: solid #00737A 1px; font-size:12px; empty-cells:show;border-collapse:collapse;}
tr.alt_row{background-color:#E6EFC2;}
tr.heading_alt_row{background-color:#fff;}
th{margin:0; border-right: solid #00737A 1px; border-bottom: solid #00737A 1px;}
td{margin:0; border-right: solid #00737A 1px; border-bottom: solid #00737A 1px;}

.ua-table{padding:5px; font-size:1.5em;}

table.palaute{margin-top:20px; width:100%; text-align:center; color:#333; font-family: Arial; font-size:17px; border: solid #00737A 2px; }
.palaute th{background-color:#006666; color:#fff; font-family: Arial; font-size:17px; border-right: solid #fff 1px;}
.palaute td{margin:0; border:0;}
.palaute tr.alt_row{background-color:#E6EFC2;}
.first_col{width:450px; text-align:left;}
.last_head{width:50px; text-align:left; border-: solid #00737A 1px;}

table.palaute_koulutus{margin-top:20px; width:100%; text-align:left; color:#333; font-family: Arial; font-size:17px; border: solid #00737A 2px; }
.palaute_koulutus th{background-color:#006666; color:#fff; font-family: Arial; font-size:17px; border-right: solid #fff 1px;}
.palaute_koulutus td{margin:0; border:0;}
.palaute_koulutus tr.alt_row{background-color:#E6EFC2;}
.first_col{width:450px; text-align:left;}
.last_head{width:50px; text-align:left; border-: solid #00737A 1px;}

ul.pykala{}
ul.pykala li{list-style:none}
ul.pykala blockquote{margin-top:-20px;margin-bottom:40px;}

select#koulutus{width:145px;}

.text-ok{color:green;}
.text-not-ok{color:red}

/* messages*/

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; clear:both; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.msg-container{clear:both;}

.user-notice{margin-top:15px; width:850px}

.message-container{border: 1px solid #00737a; padding:4px;}

.compose-message textarea{width:600px; height:400px}
.compose-message label{font-weight:bold; margin-top:5px;}
.compose-message div{margin-top:10px;}

#wrap {
width:1024px;
text-align:left;
margin-left:0px;

}
	#container {
	width:1024px;
	float:left;
	display:inline;
	background-image:url('../images/header_bg.png');
	background-repeat:no-repeat;
	}
	#admin-container {
	width:1024px;
	float:left;
	display:inline;
	background-image:url('../images/admin_header_bg.png');
	background-repeat:no-repeat;
	}
	
		div.header-content-wrap{
		width:1000px;
		float:left;
		display:inline;
		text-align:left;
		margin-left:24px;
		}
		
			div.navi-wrap{
			width:703px;
			height:288px;
			float:left;
			display:inline;
			margin-top:11px;
			}
			
			div.navi-block{
			float:left;
			display:inline;
			margin:0px;
			padding:0px;
			border:0px;
			}
			
				div.navi-block div{
				margin:0px;
				padding:0px;
				border:0px;
				
				}
			
				
					a.menu{
					margin:0px;
					padding:0px;
					border:0px;
					}
					
			div.kirjautuminen{
			height:29px;
			width:295px;
			margin:0;
			margin-top:8px;
			padding:0;
			float:left;
			display:inline;
			background-image:url('../images/kirjaudu.png');
			background-repeat:no-repeat;
			text-align:right;
			}
			div.input-container a{
			font-family:Arial; font-weight:bold; font-size:10px; line-height:16px; margin:0px 75px 10px 0; padding:0px; color:#00737a; text-align:right;
			}
			
			div.kirjautuminen p.error{
			background-color: #FBE3E4;
			color: #666666; 
			border-color: #ff0000; 
			margin:2px 8px 0 2px;
			padding:3px 3px 3px 5px;
			text-align:left;
			float:left;
			width:255px;
			}
			div.spostijasalasana{
			margin:2px 0px 5px 5px;
			text-align:left;
			height:15px;
			float:left;
			}
			div.spostijasalasana span.salasana{
				margin-left:27px;
			}

			div.spostijasalasana a{
			font-size:10px;
			margin-left:22px;
			}

			div.kirjautuminen span{
			font-family:Arial; font-size:11px; line-height:11px; margin:0; padding:0px;color:#333333;text-align:left;
			}
			
			div.kirjaudu-ulos{
			height:29px;
			width:295px;
			margin:0;
			margin-top:8px;
			padding:0px;
			float:left;
			display:inline;
			background-image:url('../images/tervetuloa.png');
			background-repeat:no-repeat;
			color:#ffffff;
			}
			div.username{
			font-family: arial, helvetica, sans-serif;
			font-size:12px;
			margin:4px 0 0 80px;
			color:#ffffff;
			}
			div.kirjaudu-ulos a.button{
				margin:10px 0 0 0;
				float:right;
				color:#ffffff;
			}
			div.kirjaudu-ulos p{
				color:#ffffff;
				margin:3px 10px 0 0;
				float:left;
			}	
				div.input-container{
				height:12px;
				margin:13px 0px 0px 0px;
				float:left;
				display:inline;
				padding:0px;
				}
				
				
				
					div.input-container .input {
						font-size:11px;
						width:108px;
						margin:0px 0px 0px 5px;
						border:none;
						background: none;
						float:left;
						display:inline;	
						color:#666666;
						}
					
						
						a.log-button{
						font-weight:normal;
						margin:0px 0px 0px 3px;
						padding:0 3px 0 3px;
						height:16px;
						font-size:11px;
						color:#ffffff;
						border: 1px solid #ffffff;
						background: #006699;
						float:left;
						display:inline;
						text-decoration:none;
						}
					
						.log-button{
						margin:0px 0px 0px 3px;
						padding-bottom:3px;
						height:16px;
						font-size:11px;
						color:#ffffff;
						border: 1px solid #ffffff;
						background: #006699;
						float:left;
						display:inline;
						text-decoration:none;
						}
					
			div.nimio{
			background-image:url('../images/nimio.png');
			height:25px;
			width:645px;
			margin-top:325px;
			}
			
			div.nimio_admin{
			background-image:url('../images/nimio_admin.png');
			background-repeat:no-repeat;
			height:25px;
			width:645px;
			margin-top:325px;
			}			
			
			div.alamenu-container{
			width:1000px;
			margin:0px 0px 0px 0px;
			float:left;
			display:inline;
			}
			
				div.otsikko{
				height:22px;
				width:1000px;
				margin:0px;
				margin-top:20px;
				padding:0px;
				float:left;
				display:inline;
				}
			
				div.alamenu{
				height:26px;
				margin:0px;
				padding:0px;
				float:left;
				display:inline;
				}
				div.alamenu div{
				float:left;
				display:inline;
				}
				
			div.nostolaatikko{
			width:400px;
			height:300px;
			margin:0px;
			margin-top:20px;
			margin-left:24px;
			padding:0;
			float:left;
			display:inline;
			}					
			
			div.etusivu-content{
			width:400px;
			float:left;
			display:inline;
			margin:0px;
			margin-left:50px;		
			}
			
			div.etusivu-otsikko{
			width:400px;
			height:22px;
			margin:0px;
			margin-top:20px;
			margin-bottom:8px;
			padding:0px;
			float:left;
			display:inline;
			}
			div.uutinen{
			margin:0px;
			padding:0px;
			margin-bottom:8px;
			}
			
	div.content-container{
	width:650px;
	float:left;
	display:inline;
	text-align:left;
	margin:0;
	padding:0;
	margin-left:24px;
	display:inline;
	}
	
	div.side-info{
		float:right;
		margin-left:20px;
		width:400px;
	}
	
	div.koulutuskalenteri{
	width:650px;
	margin:0px;
	margin-top:20px;
	padding:0px;
	float:left;
	display:inline;
	}
		div.koulutus{
		width:650px;
		margin:0px;
		margin-top:10px;
		padding:0px;
		float:left;
		display:inline;
		}
		
	div.formi{
	margin:10px 0px 0px 0px;
	padding:0px;
	}
		form.formi label{display:block;font-weight:bold;}
		
			form.formi ul {  
			padding: 0px;
			margin:0px;
			list-style: none;
			float:left;
			}
				form.formi li {  
				padding:0px;
				margin:0px;
				margin-bottom:10px;
				}
					
					a.button{  
					border: solid 1px #00698b;
					background-color:#D4D0C8;
					font-weight:normal;
					text-decoration: none;
					color:#000;
					margin: 0 5px 0 5px;
					padding:1px 5px 1px 5px;

					}	
					form.formi input{
					border: 1px solid #00698b;
					}
					
	
			div.footer{
			width:1000px;
			height:25px;
			margin-top:30px;
			clear:both;
			float:left;
			display:inline;
			}
			div.footer p{
			text-align:center;
			font-size:11px;
			}
			div.footer a{
			font-size:11px;
			}
			
#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('../images/overlay.png') repeat 0 0;
    display: none;
    text-align: center;
}

#overlay-panel {
    margin: 10% auto 0 auto;
    width: 350px;
    background: #FFF;
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('../images/overlay-ie6.png');
    height: 100%;
    position: absolute;
}