@media screen { 

	a:link {
		background: transparent;
		color: #1f7fd1;
		text-decoration: underline;
		}
	
	a:visited {
		background: transparent;
		color: #1f7fd1;
		text-decoration: underline;
		}
	
	a:hover {
		background: transparent;
		color: #305f86;
		text-decoration: underline;
		}
	
	a:active {
		background: transparent;
		color: #1f7fd1;
		text-decoration: underline;
		}

	html {		
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
	}
		
	body {		
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.content {		
		background-color: transparent;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		line-height: 150%;
		}

	h1 {
		border-bottom: 1px solid #D0D0D0;
		background-color: transparent;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #305f86;
		text-transform: uppercase;
		margin-bottom: 4px;
		margin-top: 0;
		letter-spacing: 0.04em;				
		}

	h2 {
		border-bottom: 1px solid #D0D0D0;
		background-color: transparent;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #305f86;
		margin-bottom: 2px;
		margin-top: 7px;
		}		
	
	h3 {
		background-color: transparent;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #3C3C3C;
		margin: 10px 0 0px 10px;
		}						
	
	h3.mobile {
		background-image: url('/j/gfx/mobile.png');
		background-position: left;
		background-repeat: no-repeat;
		padding-left: 10px;
		}
		
	h3.conclusion {
		background-image: url('/j/gfx/conclusion.png');
		background-position: left;
		background-repeat: no-repeat;
		padding-left: 10px;
		}		
		
	.bodyLeftShadow {
		background-image: url('/j/gfx/leftshadow.png');
		background-position: top right;
		background-color: #c0c0c0;
		background-repeat: repeat-y;
		} 
		
	.bodyRightShadow {
		background-image: url('/j/gfx/rightshadow.png');
		background-position: top left;
		background-color: #c0c0c0;
		background-repeat: repeat-y;		
		}

	.leftContent {
		background-color: #eeeeee;		
		}
		
	.rightContent {
		background-color: #eeeeee;		
		}
		
	.middleContent {
		background-image: url('/j/gfx/1x1_darkgrey.png');	
		background-position: top left;
		background-repeat: repeat-y;				
		background-color: #808080;		
		}
		
	.middleContentShadow {
		background-image: url('/j/gfx/rightshadowmiddle.png');	
		background-position: top left;
		background-repeat: repeat-y;				
		background-color: #ffffff;		
		}		
		
	.mainContent {
		background-color: #ffffff;		
		}			

	div.navi {
		padding: 0px;
		width: 150px;
		border-bottom: 0;
		font-family: arial,sans-serif,sans-serif;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.05em;		
		}
	
	div.navi ul {
		margin: 0 0 5px 0;
		width: 150px;
		padding: 0;
		}
	
	div.navi ul li {
		margin: 0; 
		padding: 0;
		border-bottom: 1px solid #D0D0D0;
		list-style-type: none;
		width: 150px;
		}
	
	div.navi ul li a {
		padding: 2px;
		margin: 0px;
		width: 146px;
		text-decoration: none;
		font-weight: bold;
		display: block;
		text-decoration: none;
		background: #F8F8F8;
		}
			
	div.navi ul li a:active {
		color: #1f7fd1;
		text-decoration: none;
		}	
	div.navi ul li a:visited {
		color: #1f7fd1;
		text-decoration: none;	
		}	
	div.navi ul li a:link {
		color: #1f7fd1;
		text-decoration: none;	
		}				

	div.navi ul li a:hover {
		color: #305f86;
		text-decoration: none;	
		background: #E2E2E2;
		}					
						

	p {	
		margin: 1px 10px 8px 10px;
		text-align:justify;

		}
	
	small {
		margin: 0;
		font-family: arial,sans-serif,sans-serif;
		font-size: 10px;
		line-height: 13px;
		}
	
	.imgDiv {
		float: right;
		margin: 0px 10px 5px 10px;	
		}
		
	table.galleryTable {	
		margin: 1px 0 10px 10px;
		}		

	.img {
		background: #ffffff;
		padding: 2px;
		border: 1px solid #D0D0D0;
		margin: 0 auto;
	}		

	.imgTable {
		background: #ffffff;
		padding: 2px;
		border: 1px solid #D0D0D0;
		margin: 0 auto;
	}	

	.imgBackground {
		background: #E2E2E2;
		padding-top: 1px;
		padding-bottom: 1px;		
		border-top: 3px solid #1f7fd1;		
		border-bottom: 3px solid #1f7fd1;		
	}		
	
	.greyNum {
		padding: 7px;
		margin: 0;
		font-family: arial,sans-serif,sans-serif;
		font-size: 30px;
		font-weight: bold;
		color: #c0c0c0;
		letter-spacing: 0.05em;			
	}

	.bigTable {	
		background-color: lightgrey;	
		}
				
	td.bg1 {
		vertical-align: top;
		padding: 2px;
		margin: 0px;
		color: #5E5E5E;
		background-color: #ffffff;		
		}
		
	td.bg2 {
		vertical-align: top;
		padding: 2px;
		margin: 0px;
		color: #5E5E5E;
		background-color: #eeeeee;		
		}
		
	ol li {
		list-style-type: decimal-leading-zero;
		}
		
	ul.list {
		padding: 1px 0 3px 12px;
		margin: 0 0 0 0;
#		margin: 1px 0 5px 0px;

		}
		
	ul.list li {
		padding: 0 0 0 10px;
		background: url(http://www.jesse.fi/j/gfx/list_arrow_big.png) 0 50% no-repeat;
		list-style-type: none;	

	}
		
		
	li {
		margin-bottom: 2px;
		}

	p.description {
		text-align: left;
		background: url(http://www.jesse.fi/j/gfx/quote.png) 0px 3px no-repeat;
		padding: 0 0 0 18px;
		margin: 14px 0 0 7px;
		}
		
	.important {
		color: #c02c1a;
	}
	
	.error {
		color: #c02c1a;
	}	
	
	.ok {
		color: #008000;
	}
	
	.time {
		color: #666;
	}		
	
	p.pagination {
		text-align: center;
	}	
	
}