html, body, *
{
	padding:0;
	margin:0;
	border:0;
}

body
	{
	background-color:#e6e6e6;
	background-attachment: fixed;
	font-family:serif;
	background-image:url(../img/ui/background.gif);
	font-family : arial, serif;
	font-size : 10pt;
	font-Weight: normal;
	color : #000000;
	}

	div.error/*, div.sqlerror /*Helpottaa debuggausta*/
	{
		position:absolute;
		top:2em;
		left:2em;
		border:solid 3px black;
		color:black;
		background-color:Red;
		margin:3px;
		z-index:5;
	}

	div.sqlerror
	{
	color:black;
	top:5em;
	left:2em;
	background-color:yellow;
	z-index:6;
	}
	
	#yla
	{
	margin:0;
	padding:0;
	}

	#pageWrapper
	{
	position:relative;
	margin: 0 auto;
	width: 770px;
	text-align: left;
	background: Transparent;
	padding-bottom:2em;
	padding-top:10px;
	}
	#leftbuffer
		{
		color:black;
		position:absolute;
		top:0;
		left:-10px;
		background:#4e808c;
		border-left:solid 1px #000000;
		border-right:solid 3px #ffffff;
		bottom:0;
		width:6px;
		}
	#rightbuffer
	{
		color:black;
		position:absolute;
		top:0;
		right:-10px;
		background:#4e808c;
		border-right:solid 1px #000000;
		border-left:solid 3px #ffffff;
		bottom:0;
		width:6px;

	}
#ylaBanneri
{
	position:relative;	
	top:1px;
	width:770px;
	height:104px;
	background-image:url(../img/ui/top.gif);
	background-repeat:repeat-x;
	margin: 0 0 0 0;
}
#linkit
{
/*	border:solid 1px #ff0000;*/
	position:relative;
	height:50%;
	top:35%;
	right:20px;
	width:100%;
	text-align:right;
	margin:0px 10px 0 0;
	background-color:Transparent;
}
#linkit a
{
	color:#000000;
	background-color:Transparent;
	font-weight:bolder;
	font-size:80%;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	text-decoration: none;
}
#linkit a:hover
{
	text-decoration: underline;
}
		#docs
		{
		position:relative;
		width:770px;
		float:left;
		background-color: #4a8358;
/*		border:pink solid 1px;
		background-image:url(../img/ui/tausta2.png);*/
		background-repeat:no-repeat;
		background-position:0 100%;
		margin-left:-23px;
		margin-bottom:-2em;
		}
		/*docsin sis?lt?*/
			#menu
			{
			position:relative;
			float:left;
			width:232px;
			height:573px;
			background-color:#4a8358;
			background-image:url('../img/ui/menu.gif');
			background-repeat:no-repeat;
			padding-bottom:0em;
			Font-family : Arial;
			Font-size : 11pt;
			Font-Weight: bold;
			Color : #ffffff;
			}
			a:visited
			{
			Color : #ffffff;
			}
				#menu a
				{
				background-color:Transparent;
				font-size:90%;
				vertical-align: bottom; /* This fixes the IE5 Win gap! */
				text-decoration: none;
				padding:3px;
				color:#ffffff;
				}
				
				#menu a:hover, #content a:hover
				{
				color:#ffffff;
				font-weight: bold;
				text-decoration: underline;
				}
				
				#menu a.underline
				{
				text-decoration: underline;
				margin:3px 0 3px 0;
				}
				
				#menu ul
				{
				list-style-type: none;
				list-style-position: outside;
				padding:0 0 0 0;
				margin:0 0 95px 0;
				text-indent: -5px;
				}
				#menu ul>li:hover, li.underline
				{
				list-style-type: none;
				/*background-color:black;*/
/*				opacity : 0.75;*/
				background-image:url(/img/menUlTtausta.png);
				background-repeat: repeat;
				}
				
				#menu ul li
				{
					padding: 3px 0 5px 30px;
				}
				
				#menu ul ul
				{
				margin:0 0 0 1em;
				list-style-type: none;
				padding:0px 0 0 4px;
				background-image:url(/img/menUlTtausta.png);
				}
				
				#menu ul ul li
				{
				background-image:none;
				padding:5px 0 3px 5px;
				margin:3px 0 3px 0;
				line-height:80%;
				/*text-indent:-1em;*/
				}
				
				#menu ul ul ul
				{
				margin:0 0 0 5px;
				padding:1px 0 0 5px;
				}
				
				#menu ul ul ul ul
				{
				margin:0 0 0 5px;
				padding:1px 0 0 5px;
				}
				
				#menu ul ul li a
				{
					color: #ffffff;
					/*font-weight: bold;*/
					font-size: 80%;
					/*text-decoration: none;*/
				}
				
				#menu ul ul ul li a
				{
					color: #ffffff;
/*					font-weight: bold;*/
					font-size: 80%;
					/*text-decoration: none;*/
				}
				
				#menu ul>li.activatedSubMenu>a, li.activatedSubSubMenu>a, #menu li.activatedSubSubSubMenu>a
				{
					color: #ffffff;
					font-weight: bold;
					font-size: 80%;
				}
				li .activatedMenu
				{
				background-image:url(/img/menUlTtausta.png);
				}
				
				.activatedMenu,  .activatedSubMenu, .activatedSubSubMenu, .activatedSubSubSubMenu
				{
				background-image:url(/img/menUlTtausta.png);
				background-repeat: repeat;
				}
				
				#menu a.unpublished, #menu li.activatedSubMenu>a.unpublished, #menu li.activatedSubSubMenu>a.unpublished, #menu li.activatedSubSubSubMenu>a.unpublished, #content h1.unpublished a, #content h2.unpublished a
				{
				color:red;
				}
				
			p.vasenLaita
			{
			background-color:#4a8358;
			font-family: Arial;
			text-align:center;
			font-size:14px;
			font-weight: bold;
			color:#ffffff;
			}
			p.vasenLaita>a
			{
			color:#779988;
			}
			
			#content table.calendar td.tyhja {
				background-color: #efefdf;
				font-size: 12px; font-family: Tahoma;
			}
			
			#content table.calendar td.normi {
				background-color: #deddb6;
				font-size: 12px; font-family: Verdana;
				border: 1px solid #444444;
			}
			#content table.calendar td.normi2 {
				background-color: #9e9d76;
				font-size: 12px; font-family: Tahoma;
				border: 1px solid #444444;
			}
			
			#content table.calendar td.tanaan {
				background-color: #deddb6;
				font-size: 12px; font-family: Tahoma;
				border: 3px solid #dd0000;
			}
			#content table.calendar td.tanaanvarattu {
				background-color: #dfaf9f;
				font-size: 12px; font-family: Tahoma;
				border: 3px solid #dd0000;
			}
			#content table.calendar td.tyhjadate {
				background-color: #dfdfcf;
				font-size: 12px; font-family: Tahoma;
				border: 1px solid #666666;
			}
			#content table.calendar td.varattu {
				background-color: #dfaf9f;
				font-size: 12px; font-family: Tahoma;
				border: 1px solid #444444;
			}
			#calendarContentTrue
			{
			    Font-family : Verdana;
			    Font-size : 10pt;
			    margin : 8px 8px 8px 0px;
				padding : 8px 8px 8px 8px;
			    border : 1px solid #acab92;
			    border-left:15px solid #dfaf9f;
			    border-right:15px solid #dfaf9f;
			}
			#calendarContent
			{
			    Font-family : Verdana;
			    Font-size : 10pt;
			    margin : 8px 8px 8px 0px;
				padding : 8px 8px 8px 8px;
			    border : 1px solid #acab92;
			}
			#calendarInnerContent
			{
			    Font-family : Verdana;
    			Font-size : 10pt;
    			margin : 8px 8px 8px 8px;
			}
			
			
			#oikea
			{
			width:180px;
			float:right;
			clear:right;
			}
 

			#content a:hover
			{
			color:#779977;
			}
			
			#footer
			{
				background: #165e2e;
				border-top: solid 1px #ffffff;
				border-bottom: solid 1px #ffffff;
				color: #eeeeee;
				bottom:0;
				left:0;
				clear:both;
				width:100%;
				text-align: right;
				height:22px;
				font-size:90%;
				margin:2em 0 1em 0;
				padding-top:3px;
			}
		#bottombuffer
			{
			position:absolute;
			width:800px;
			left:-23px;
			bottom:-40px;
			height:40px;
			background-image:url(../img/ui/varjostusBottomFull.gif);
			z-index:777;
			}
		/*EO docsin sis?lt?*/
	/*EOTekstiosio*/
	/*EO #page*/
	
/*------MISC------*/

fieldset 
	{
	position:relative;
	clear: both;
	border:solid 1px #808080;
	padding: 10px 10px 0 10px;
	margin: 1em 0 0 0;
	background-color:#DADBBC
	}

fieldset legend
{
	line-height:150%;
	color: #0D391B;
	padding: 0 5px;
	font-size:16px;
	border:1px solid #808080;
	font-weight:bolder;
	background-color:#DADBBC;
}

fieldset input, fieldset label, fieldset textarea
{
margin:0.5em 0 0.4em 5px;;
font-size:120%;
text-align:left;
font-family: serif;
}
fieldset tr
{
	height:1.5em;
}
label
{
	display: block;
	float: left;
	width: 130px;
	padding: 3px 5px;
	margin: 2px 0 5px 0;
	text-align: right;
	clear:left;
}
input, select, textarea
{
float:left;

border:inset 1px #e4eaec;
margin: 2px 0 5px 0;
background-color:Transparent;
}
	div.announcements>h4
		{
		font-size:100%;
		color:black;
		}

input.pakollinenMissing, textarea.pakollinenMissing
{
	border:dashed 1px red;
}

/*Koristellut nappulat*/
input.button, a.button 
			{
			font-family:sans-serif;
			position:relative;
			padding:3px;
			margin:5px;
			text-decoration:none;
			background-image:url(../img/button_paivita3_slice.gif);
			border:groove 2px green;
			color:white;
			font-weight:bolder;
			}
input.button:hover, a.button:hover
			{
			background-image:url(../img/button_paivita2_slice.gif);
			}
input.button:active, a.button:active
			{
			background-image:url(../img/button_paivita1_slice.gif);
			}



	.small
	{
	font-size:80%;
	clear:both;
	}
	
	span.super
	{
		font-size:30%;
		vertical-align:super;
	}
	li.dummy {display: none; }

	
#logot
{
	width:100%;
	padding-top:10px;
	border-top:solid 1px #d9d9d9;
	/*text-align:center;*/
}
img.verifiointi
{
position:relative;
/*margin:0 auto 0 14em;*/
border:inset 1px #e4eaec;
}
.piilo
	{
	visibility: hidden;
	}