body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: center;	
	
}

.ingress, .ingress p {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	padding:0 0 20px;
}

.ingressi {
	font-family: Verdana, sans-serif;
	font-size: 15px;
}

input, textarea, select {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
}


/* Paaotsikko Dax OT Medium */
h1 {
	color: #57A50B;
	font-size: 20px;
	padding:0;
	margin: 0;
	margin-bottom: 6px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	clear: both;	
}

/* Valiotsikko, Paneeliotsikko Dax OT Bold */
h2 {
	color: #57A50B;
	font-size: 16px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	padding:0;
	padding-top: 6px;
	margin:  6px 0 4px 0;
	clear: both;
}

h2.white, .greyBox h2 {
	color: #fff;
}	

/* Tekstissa otsikko Dax OT Bold */
h3 {
	color: #57A50B;
	font-size: 14px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;	
	padding:0;
	margin:  6px 0 4px 0;
	clear: both;	
}

a, a:link {
	color: #0BAE02;
	text-decoration: underline;
	font-size:12px;	
	cursor:pointer;
}

a:visited {
	color: #4F5D5D;
	text-decoration: underline;
	font-size:12px;
}

a:hover  {
	color:#A7DE79;
	text-decoration:none;
}

p {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	margin:  0 0 8px 0;
	padding: 0;
}

.mainContent ul, .mainContent ol {
	overflow: auto;
	zoom: 1;
	padding:10px 0 10px 30px;
	margin: 0;
}

blockquote, h6 {
	color: #57A50B;
	font-size: 16px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	float: right;
	width: 120px;
	padding:0;
	margin: 15px 10px 15px 25px;
}


/*           Kuvan asemointi            */

.imagespan_left {
	display:inline;
	float:left;
	margin-right: 8px;
	}

.imagespan_left_row {
	display:block;
	text-align:left;
	clear:both;
	}

.imagespan_right {
	display:inline;
	float:right;
	margin-left: 8px;	
	}

.imagespan_right_row {
	display:block;
	text-align:right;
	clear:both;
	}

.imagespan_center {
	display:block;
	text-align:center;
	clear:both;
	}



/*             Table              */
.TableBlock table, .TableBlock table tr, .TableBlock table tr td{
	border:0px solid white;
}

.TableBlock table {
	border-collapse:collapse;
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	vertical-align:middle;
	text-align:left;
	border-color:white;
	}

.TableBlock table {
	width:100%;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	margin: 10px 0;
	}

.TableBlock table caption {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:bold;
	background:#336699;
	color:#fff;
	}	

.TableBlock table tr.gray td {
	background:#DADFE1;
	color:#000;
	}

.TableBlock table tr.gray th {
	background:#DADFE1;
	color:#000;
	}
	
.TableBlock table tr.colored td {
	background:#57a50b;
	color:#fff;
	}	

.TableBlock table tr.colored th {
	background:#57a50b;
	color:#fff;
	}			
	
.TableBlock table tr.underline td {
	border-bottom:solid 1px #57a50b;;
	padding-bottom: 8px;
	}

.TableBlock table tr.underline th {
	border-bottom:solid 1px #57a50b;;
	padding-bottom: 8px;
	}

.TableBlock table td {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:solid 1px #fff;
	}

.TableBlock table th {
	text-decoration:bold;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:solid 1px #fff;
	}

.TableBlock table th {
	background: #57A50B;
	color: white;
	text-align: left;
}

.TableBlock table.default th {
	background: #fff;
	color: #000;
}

.TableBlock table.vertical {

}

.TableBlock table td, .TableBlock table th {
	padding: 4px 6px;
}

.TableBlock table tr.grey {
	background: #DADFE1;
}

/* SOLUN ASEMOINTI */

.TableBlock table tr td.TDAlignLeft, .TableBlock table tr th.TDAlignLeft {text-align:left;}
.TableBlock table tr td.TDAlignCenter, .TableBlock table tr th.TDAlignCenter {text-align:center;}
.TableBlock table tr td.TDAlignRight, .TableBlock table tr th.TDAlignRight {text-align:right;}

.TableBlock table tr td.TDValignTop, .TableBlock table tr th.TDValignTop {vertical-align:top;}
.TableBlock table tr td.TDValignMiddle, .TableBlock table tr th.TDValignMiddle {vertical-align:middle;}
.TableBlock table tr td.TDValignBottom, .TableBlock table tr th.TDValignBottom {vertical-align:bottom;}


.vrContent .formSubmit {
	clear: both;
	margin: 10px 115px 20px 0;
}

.vrContent .searchResults input.submit {
	float: left;
}

.vrContent .searchResults input.text {
	margin-top: 4px;
}

.vr-form .form-row {
	clear: both;
	margin: 20px 0;
}

.vr-form .form-input {
	margin: 3px 0;
}

.form-radios label, .form-checkboxes label {
	font-weight: normal;
}

.vr-form .form-textarea label {
	display: block;
}

.vr-form .form-input label {
	display: inline-block;
	width: 100px;
}

.vrContent .lomake_div {
	clear: both;
	padding-top: 0;	
	padding-bottom: 0;
}

.vrContent input.text {
	background: url(../images/input-bg.png) top left no-repeat;
	width: 234px;
	padding: 3px 6px 3px 6px;
	font-size: 11px;
}

.vrContent input.text-medium {
	background: url(../images/input-bg-medium.png) top left no-repeat;
	width: 98px;
	padding: 3px 6px 3px 6px;
	font-size: 11px;
}

.form-row input {
	border: none;
}

.form-row .form-title {
	font-weight: bold;
	margin: 8px 0 4px 0;
}

.form-table th {
	font-weight: normal;
}

.form-sum-title {
	text-align: right;
}

/*       Formeditor styles     */

.vrContent .lomake_radioset, .vrContent .lomake_checkboxes, .vrContent .lomake_dropdown {
	clear: both;
	padding-top: 6px;	
	padding-bottom: 30px;
}

.vrContent .FormContacts .lomake_div {
	padding-top: 4px;	
	padding-bottom: 2px;
	height: 30px;
}

.vrContent .lomake_radioset label, .vrContent .lomake_checkboxes label {
	width: auto;
	padding-right: 10px;
	white-space: nowrap;
}

.vrContent .lomake_input_submit {
	clear: both;
	margin: 10px 115px 20px 0;
	background: url(../images/submit.png) top left no-repeat;
	width: 84px;
	height: 25px;
}

.lomake_input_valuetext { width: 200px; }

.vrContent textarea {
	background-attachment: fixed;
	width: 232px;
	height: 78px;
	padding-left: 4px;
	padding-right: 4px;	
	padding-bottom: 4px;	
	padding-top: 2px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}


.vrContent input.lomake_input_text {
	border: none;
	background: url(../images/input-bg.png) top left no-repeat;
	width: 240px;
	height: 20px;
	line-height: 20px;
	padding-left: 6px;
	padding-top: 0px;
	float: left;	
}

.vrContent .form_item {
	float: left;
}

.vrContent .lomake_div .left, .lomake_input_title {
	font-weight: bold;
	font-family:Verdana,sans-serif;
	font-size:12px;
}

.vrContent .lomake_checkbox2 {
	float: left;
}


/* Wrapper div */

.bodyBackground {
	background: url(../images/subpage-bg.jpg) top center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	margin: 0 auto;	
	z-index: 0;	
	min-width:960px;	
}

.greenBg {
	background: url(../images/subpage-bg.jpg) top center no-repeat;
}


.vrContent {
	position: relative;
	width: 960px;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;	
	z-index: 10;
}


/* Header */

.vrContent .header {
	height: 100px;
}

.vrContent .header .logo {
	background: url(../images/vrlogo.png) top left no-repeat;
	width: 160px;
	height: 85px;
	float: left;
}

.popupContent .header .logo {
	background: url(../images/vr_logo_popup.gif) top left no-repeat;
	width: 110px;
	height: 51px;
}

.popupContent .header .logo img {
	display: none;
}


.vrContent .header .navigation {
	background: url(../images/header-bg.png) top left no-repeat;
	float: left;
	width: 800px;
	height: 85px;
}


/* Links on top */

.vrContent .header .navigation .topLinks {
	color: #0BAE02;
	padding: 2px 6px 2px 28px;
	height: 18px;
}

.vrContent .header .navigation .topLinks .extraLinks {
	float: left;
}	

.vrContent .header .navigation .topLinks .languageLinks {
	float: right;
	margin-right: 6px;
}

.vrContent .header .search {
 width: 250px;
 float:right;
}

.vrContent .header input {
	border: 0;
	padding: 3px 4px 1px 4px;
	float:left;
	margin-right: 6px;
}

.vrContent .header input.submit {
	padding: 0;
	margin-right: 0;
}

.vrContent .header input.text {
	background: url(../images/search-bg.png) top left no-repeat;
	width: 162px;
	height: 15px;
	margin-top: 5px;	
}

.vrContent .submit {
	background: url(../images/search-button.png) top left no-repeat;
	width: 62px;
	height: 24px;
	margin-top: 2px;	
	margin-left: 2px;
	margin-right: 10px;
	cursor: pointer;
	float: right;
}

.vrContent .submitGrey {
	background: url(../images/search-button-grey.png) top left no-repeat transparent;
	width: 62px;
	height: 24px;
	margin-top: 2px;	
	margin-left: 2px;
	cursor: pointer;
}	

/* Extra navigation */

.vrContent .header .navigation .extraNavigation {
	clear:both;
	font-family: Tahoma; /* will be changed to dax */
	width: 800px;
	padding: 0;
	height: 35px;
	position: absolute;
}

.vrContent .header .navigation .extraNavigation ul {
	list-style-type: none;
	padding: 0;
	padding-left: 40px;
	margin: 0;
	float:left;		
}

.vrContent .header .navigation .extraNavigation ul li {
	float:left;
	height: 35px;
	margin-left: -18px;
}

.vrContent .header .navigation .extraNavigation ul li a {
	background: url(../images/extranav-center.png) top left repeat-x;
	padding-top: 8px;
	padding-left: 2px;	
	height: 29px;
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;	
}

.vrContent .header .navigation .extraNavigation ul li .selected a {
	background: url(../images/extranav-center-grey.png) top left repeat-x;
	color: #616D6E;
}

.vrContent .header .navigation .extraNavigation ul li .leftBg {
	background: url(../images/extranav-left.png) top left no-repeat;
	width: 15px;
	height: 35px;
	display: block;
	float: left;
	z-index: 1;
	position: relative;
}



.vrContent .header .navigation .extraNavigation ul li .rightBg,
.vrContent .header .navigation .extraNavigation ul li .rightBgLast {
	background: url(../images/extranav-right.png) top left no-repeat;
	width: 22px;
	height: 35px;
	display: block;
	float: left;
	z-index: 2;
	position: relative;
}

.vrContent .header .navigation .extraNavigation ul li .leftBgSelected,
.vrContent .header .navigation .extraNavigation ul li .leftBgLastSelected {
	background: url(../images/extranav-left-grey.png) top left no-repeat;
	width: 15px;
	height: 35px;
	display: block;
	float: left;
	z-index: 1;
	position: relative;	
}



.vrContent .header .navigation .extraNavigation ul li .rightBgSelected,
.vrContent .header .navigation .extraNavigation ul li .rightBgLastSelected {
	background: url(../images/extranav-right-grey.png) top left no-repeat;
	width: 22px;
	height: 35px;
	display: block;
	float: left;
	z-index: 2;
	position: relative;
}



/* Main navigation */

.vrContent .header .navigation .mainNavigation {
	clear:both;
	height: 29px;
	top: 28px;
	position: relative;
	width: 800px;
	overflow:hidden;
	z-index: 3;
}

.vrContent .header .navigation .mainNavigation ul {
	list-style-type: none;
	padding: 0 0 0 8px;
	margin:0;
}

.vrContent .header .navigation .mainNavigation ul li {
	float:left;
	height: 29px;	
}

.vrContent .header .navigation .mainNavigation ul li.index a, .vrContent .header .navigation .mainNavigation ul li.index .selected a {
	background: url(../images/index-logo.png) top left no-repeat;
	padding-top: 0;
	width: 29px;
	height: 29px;
}

.vrContent .header .navigation .mainNavigation ul li.index .selected a {
	background: url(../images/index-logo-selected.png) top left no-repeat;
}

.vrContent .header .navigation .mainNavigation ul li a {
	background: url(../images/nav-center.png) top left repeat-x;
	padding-top: 6px;
	height: 23px;
	display: block;
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 16px;	
}

.vrContent .header .navigation .mainNavigation ul li .leftBg {
	background: url(../images/nav-left.png) top left no-repeat;
	width: 13px;
	height: 29px;
	display: block;
	float: left;
}



.vrContent .header .navigation .mainNavigation ul li .rightBg {
	background: url(../images/nav-right.png) top left no-repeat;
	width: 13px;
	height: 29px;
	display: block;
	float: left;
}

.vrContent .header .navigation .mainNavigation ul li .leftBgSelected {
	background: url(../images/nav-left-grey.png) top left no-repeat;
	width: 13px;
	height: 29px;
	display: block;
	float: left;
}



.vrContent .header .navigation .mainNavigation ul li .rightBgSelected {
	background: url(../images/nav-right-grey.png) top left no-repeat;
	width: 13px;
	height: 29px;
	display: block;
	float: left;
}

.vrContent .header .navigation .mainNavigation ul li .selected a {
	background: url(../images/nav-center-grey.png) top left repeat-x;
	color: #000000;
}

.vrContent .header .navigation .mainNavigation ul li .rightBgLast {
	background: url(../images/nav-last.png) top left no-repeat;
	width: 27px;
	height: 29px;
	display: block;
	float: left;
}

.vrContent .header .navigation .mainNavigation ul li .rightBgLastSelected {
	background: url(../images/nav-last-grey.png) top left no-repeat;
	width: 27px;
	height: 29px;
	display: block;
	float: left;
}


/* Content area */

.vrContent .mainContent {
	width: 100%;
	clear: both;
}

.popupContent .vrContent,
.popupContent .mainContent,
.popupContent .header {
	width: 600px;
}

.popupContent .bodyBackground {
	display: none;
}

/* Tracker */

.vrContent .tracker {
	position: absolute;
	margin-top: -15px;
	margin-left: 12px;
	font-size: 11px;
	color: white;
}
.vrContent .tracker a {
	font-size: 11px;
	color: white;
}

.vrContent .tracker span.selected {
	text-decoration: none;
	font-weight: bold;
}

/* Breadcrumb Styles */

.vrContent .breadCrumb{
margin-top:-23px;
margin-left:-3px;
}




.page_wide #tracker {
 width:800px;
 }
 
.breadCrumb
{
 margin: 0;
 margin-bottom: 30px;
 padding: 0;
 float: left;
 display: block;
 height: 21px;
 overflow: hidden;
 width: 540px;
 padding:4px 15px;
 
 margin-top: -9px;
 margin-left: -15px; 
}
.breadCrumb ul
{
 margin: 0;
 padding: 0;
 height: 21px;
 display: block;
 
}
.breadCrumb ul li
{
color:#fff;
 display: block;
 float: left;
 position: relative;
 height: 21px;
 overflow: hidden;
 line-height: 21px;
 margin: 0px 0px 0px 0;
 padding: 0px 25px 0px 0;
 background:url("../images/gt.png") no-repeat scroll 100% 1px transparent;
}
.breadCrumb ul li div.chevronOverlay
{
 position: absolute;
 right: 0;
 top: 0;
 z-index: 2;
}
.breadCrumb ul li span
{
 display: block;
 overflow: hidden;
}
.breadCrumb ul li a,
.breadCrumb ul li a:visited
{
 display: block;
 
 height: 21px;
 line-height: 21px;
 overflow: hidden;
 float: left;

 
}
.breadCrumb ul li.first a
{
 
}
.breadCrumb ul li.first a:hover
{

}
.breadCrumb ul li.last
{
 background: none;
 margin-right: 0;
 padding-right: 0;
 text-decoration: underline;
}
.chevronOverlay
{
 display: none;
 background:url("../images/gt.png") no-repeat scroll 100% 1px transparent;
 width: 15px;
 height: 20px;
 margin-left:-5px;
 padding:0;
}



/* Center column */

.vrContent .mainContent .center {
	width: 534px;
	overflow: hidden;	
	float: left;
	margin-left: 3px;
}

.vrContent .mainContent .center h1 {
	width: 480px;
}

.vrContent .mainContent .wide h1 {
	width: 700px;
}

.vrContent .mainContent .wide {
	width: 747px;
	overflow: hidden;	
	float: left;
	margin-left: 3px;
}

.vrContent .mainContent .center .textSize { 
	position: absolute;
	margin-left: 470px;
	color: #0BAE02;
	height: 20px;
}

.vrContent .mainContent .wide .textSize { 
	margin-left: 680px;
}


.vrContent .mainContent .center .textSize div, .vrContent .mainContent .center .textSize span {
	float: left;
}

.vrContent .mainContent .center .textSize .zoomOut { background: url(../images/zoom-out.png) top left no-repeat; width: 11px; height: 10px; margin-top: 4px; margin-right: 2px; }
.vrContent .mainContent .center .textSize .zoomIn { background: url(../images/zoom-in.png) top left no-repeat; width: 16px; height: 15px; margin-left: 2px; }

.vrContent .mainContent .centerContent {
	padding: 0 11px;
	overflow: hidden;
}

.vrContent .mainContent .centerBgTop {
	background: url(../images/content-bg-top.png) top left no-repeat;
	width: 534px;
	height: 16px;
}

.vrContent .mainContent .wide .centerBgTop {
	background: url(../images/content-bg-top-wide.png) top left no-repeat;
	width: 753px;
	height: 19px;
}

.vrContent .mainContent .centerBgBottom {
	background: url(../images/content-bg-bottom.png) top left no-repeat;
	width: 534px;
	height: 16px;
}

.vrContent .mainContent .wide .centerBgBottom {
	background: url(../images/content-bg-bottom-wide.png) top left no-repeat;
	width: 753px;
	height: 19px;
}

.vrContent .mainContent .whiteBg {
	background: white;
}

.vrContent .mainContent .center .columns {
	width: 100%;
	margin: 10px 0;
}

.vrContent .mainContent .center .columns .column {
	width: 242px;
	float:left;
	margin-right: 10px;
	overflow: hidden;
}

.vrContent .mainContent .center .links {
	margin-bottom: 12px;
}
.vrContent .mainContent .center img {
	margin-bottom: 12px;
}

.vrContent .mainContent .center .intro {
	margin-bottom: 30px;
}

.vrContent .mainContent .center .intro h1 {
	margin: 10px 0;
}

.vrContent .mainContent .center .intro p {
	margin-bottom: 10px;
}


.vrContent .mainContent .center .searchResults p.more {
	padding-left: 20px;
	padding-bottom: 14px;
}


/* Sidebars */

.vrContent .mainContent .sidebar { 
	width: 210px;
	overflow: hidden;
}

.vrContent .mainContent .leftbar {
	float: left;
}

.vrContent .mainContent .rightbar {
	float: right;
}

.vrContent .mainContent .sidebar .image{ 
	margin-bottom:6px;
	
}

/* IE6 */
.vrContent .mainContent .sidebar .first .boxContent {
	min-height: 208px;
	height: auto !important;
	height: 208px;
}

.vrContent .mainContent .sidebar .navigationBox .boxContent {
	min-height: 230px;
	height: auto !important;
	height: 230px;
	overflow: visible;
}


.vrContent .mainContent .box .allNews {
	margin-top: 30px;
	padding:0;
}

.vrContent .mainContent .box .allNews a {
	text-decoration: none;
}

.vrContent .mainContent .leftbar .extendedSearch span {
	display: none;
}

.vrContent .mainContent .leftbar .box .date {
	font-weight: bold;
	font-size: 12px;
}

/* Banners */

.vrContent .mainContent .bannerPlacer {
	height: 260px;
}

.vrContent .mainContent .banners {
	height: 258px;
}

.vrContent .mainContent .banners .banner {
	margin-bottom: 10px;
}

.vrContent .mainContent .center .banners {
	width: 100%;
	height: 260px;	
}

.vrContent .mainContent .center .banners .bannerCol {
	width: 240px;
	float:left;
	margin-right: 8px;
}

.vrContent .mainContent .center .banners .bannerCol img {
	margin-bottom: 0;
}

.vrContent .mainContent .center ul.news {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 20px;
}

.vrContent .mainContent .center ul.news li {
	padding: 2px 0;
	clear: left;
}

.vrContent .mainContent .center ul.news li span {
	width: 90px;
	float: left;	
}

.vrContent .mainContent .center ul.news li a {
	display: block;
	float: left;
	width: 400px;	
}


.vrContent .mainContent .newsMonth {
	text-transform: capitalize;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	font-weight: bold;
	color:#57A50B;
}


.vrContent .mainContent .center ul.sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 20px;
	font-size: 14px;
}

.vrContent .mainContent .center h4.sitemap {
	background: url(../images/sitemap-bg.png) top left no-repeat;
	width: 741px;
	height: 24px;
	padding: 0 0 0 8px;
	margin: 10px 0 20px -6px;
	font-weight: normal;
	font-size: 16px;
	clear: both;
	
}

.vrContent .mainContent .center h4.sitemap a:link, .vrContent .mainContent .center h4.sitemap a:visited {
	font-weight: normal;
	font-size: 16px;
	
}

.vrContent .mainContent .center h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	clear: both;	
}

.vrContent .mainContent .center ul.sitemapFloater {
	float: left;
	color: #0BAE02;
	margin-bottom: 10px;
	width: 200px;
}

.vrContent .mainContent .center .floater {
	float: left;
	margin-bottom: 10px;
	width: 232px;
	margin-right: 10px;
}

.vrContent .mainContent .center .floaters .ingress {
	width: 464px;
	margin-right: 10px;	
	float: left;
}

.vrContent .mainContent .center .floaters .liftBox {
	float: left;
}

.vrContent .mainContent .center ul.news li .date {
	font-weight: bold;
	font-size: 12px;
}




/* Footer */

.vrContent .footer {
	background: url(../images/footer-bg.png) top left no-repeat;
	clear:both;
	width: 930px;
	height: 23px;
	margin-top: 20px;
	padding: 10px 20px 0 20px;
	position:relative;
	left: -5px;
	margin-bottom: 20px;
}

.vrContent .footer.popup {
	background: url(../images/footer_bg_popup.jpg) top left no-repeat;
	width: 560px;
}

.vrContent .footer span {
	font-weight: bold;
	margin: 0 4px;
	color: #0BAE02;	
}

.vrContent .footer .footerLinks {
	float: left;
}

.vrContent .footer .copy {
	float: right;
	font-family: Verdana, sans-serif;
	font-size: 12px;	
}

/* Boxes */


.vrContent .whiteArrow {
	background: url(../images/arrow-white-down.png) top left no-repeat;	
	width: 17px;
	height: 15px;
}

.vrContent .box h2 {
	padding: 0;
	margin: 0;
}

.vrContent .box p {
	margin:0;
	padding: 4px 0;
}

.vrContent .box {
	width: 210px;
	overflow:hidden;
	margin-bottom: 10px;
}

.vrContent .box .boxHeader {
	padding-top: 6px;
	padding-left: 12px;	
	width: 198px;
	height: 24px;
}

.vrContent .box .boxContent {
	width: 186px;	
	padding: 2px 12px;
}

.vrContent .box .boxFooter {
	width: 210px;
	height: 30px;
}


.vrContent .greyBox .boxHeader {
	background: url(../images/box-header-grey.png) top left no-repeat;
	color: #FFFFFF;
}

.vrContent .greyBox .boxContent {
	background: url(../images/box-content-grey.png) top left repeat-y;
}

.vrContent .greyBox .boxContent h2 {
	color: #57A50B;
}

.vrContent .greyBox .boxFooter {
	background: url(../images/box-footer-grey.png) top left no-repeat;
	height: 53px;
}


.vrContent .whiteBox .boxHeader {
	background: url(../images/box-header-white.png) top left no-repeat;
	height: 12px;
}

.vrContent .whiteBox .boxHeader h2 {
	display: none;
}

.vrContent .whiteBox .boxContent {
	background-color: #FFFFFF;
}

.vrContent .whiteBox .boxContent h1 {
	margin: 10px 0 0 0;
}

.vrContent .whiteBox .boxFooter {
	background: url(../images/box-footer-white.png) top left no-repeat;
	height: 18px;	
}

.vrContent .liftBox .boxHeader {
	background: url(../images/box-header-lift.png) top left no-repeat;
	height: 10px;	
	width: 231px;
	padding-left:0;
}

.vrContent .liftBox {
	width: 231px;
}

.vrContent .liftBox .boxContent {
	background: url(../images/box-content-lift.png) top left repeat-y;
	width: 231px;	
}

.vrContent .liftBox .boxContent h1 {
	margin: 0;
}

.vrContent .liftBox .boxFooter {
	background: url(../images/box-footer-lift.png) top left no-repeat;
	height: 16px;	
	width: 231px;	
}


.vrContent .greenBox .boxHeader {
	background: url(../images/box-header-green.png) top left no-repeat;
	color: #FFFFFF;
}

.vrContent .greenBox .boxHeader h2 {
	color: #FFFFFF;
	font-weight: bold;
}

.vrContent .greenBox .boxHeaderOpen {
	background: url(../images/box-header-green-open.png) top left no-repeat;
	height: 25px;
}	
	
.vrContent .greenBox .boxHeader .whiteArrow {
	float: right;
	position: relative;
	top: -22px;
	left: -16px;
	cursor: pointer;
}

.vrContent .greenBox .boxContent {
	background: url(../images/box-content-green.png) top left repeat-y;
	color: #FFFFFF;
}

.vrContent .greenBox .boxFooter {
	background: url(../images/box-footer-green.png) top left no-repeat;
	height: 44px;
}


.vrContent .greyBox.wideBox  {
	background:url("../images/box-wide_bg.gif") no-repeat scroll left bottom transparent;
	width:512px;
	overflow:hidden;
	padding:0 0 40px;
}
.vrContent .box .boxHeader.wideBox  {
	background:url("../images/box-wide_h3_bg.gif") no-repeat scroll left top #4F5D5D;
	width:512px;
	
}
.vrContent .box .boxContent.wideBox{
	background:none;
	width:512px;
	padding:10px 15px 0;
	overflow:hidden;
}
.vrContent .box .kulkutiedot-wide{
	float:left;
	width:233px;
	padding:10px 3px 15px;
}
.vrContent .box .kulkutiedot-wide.right{
	padding-left:10px;

}

.navigationBox {
	min-height: 260px;
	height: auto !important;
	height: 260px;
}

.vrContent .navigationBox .boxHeader {
	background: url(../images/nav-left-top.png) top left no-repeat;
	height: 12px;	
}

.vrContent .navigationBox .boxContent {
	background: url(../images/nav-left-center.png) top left repeat-y;
	margin: 0;
	padding: 0;
	width: 208px;	
}

.vrContent .navigationBox ul li.selected {
	background: #CAE1B6 url(../images/nav-left-selected.png) top left no-repeat;
	background-position:0px 2px;
}

.vrContent .navigationBox .boxFooter {
	background: url(../images/nav-left-bottom.png) top left no-repeat;
	height: 51px;	
}

.vrContent .navigationBox .boxContent ul {
	margin: 0;
	padding: 0px 0 0 0;
	list-style-type: none;
	overflow:hidden;
}

.vrContent .navigationBox .boxContent li {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.vrContent .navigationBox .boxContent li.selected ul {
	background-color:#F1F5F1;		
}

.vrContent .navigationBox ul a {
	color: black;
	text-decoration: none;
	display: block;
	_height: 1%;
	margin: 0;
	padding: 3px 14px 3px 14px;
}
		
.vrContent .navigationBox .boxContent li.current a {
	color: #4f5d5d;
}

.vrContent .navigationBox .boxContent li.current ul a {
	color: black;
}

.vrContent .navigationBox .boxContent ul a:hover {
	background-color: #c0dba9;
}

.vrContent .navigationBox .boxContent li.selected a:hover {
	background-color: transparent;
}

.vrContent .navigationBox .boxContent li.selected ul a:hover {
	background-color: #c0dba9;
}

.vrContent .navigationBox .boxContent ul ul {
	margin: 0;
	padding: 0;
}

.vrContent .navigationBox .boxContent ul ul li {
	font-weight: normal;
}

.vrContent .navigationBox .boxContent ul ul a {
	margin: 0;
	padding: 3px 14px 3px 30px;
}

.vrContent .navigationBox .boxContent ul ul ul a {
	margin: 0;
	padding: 3px 14px 3px 45px;
}



/* News in navigation box */

.vrContent .navigationBox .boxContent p {
	margin: 0px 15px;
	width: 208px;
}
	
.vrContent .navigationBox .boxContent ul.news {
	margin: 0;
	padding: 0px 0 0 0;
	list-style-type: none;
	overflow:hidden;
}

.vrContent .navigationBox .boxContent .news li {	
	margin: 0;
	padding: 0;
}

.vrContent .navigationBox .boxContent .news li .date {
	color:black;		
}

.vrContent .navigationBox .boxContent .news li .email {
	color:black;	
}

.vrContent .navigationBox .boxContent .news li.selected ul {
	background-color:#F1F5F1;	
}

.vrContent .navigationBox .boxContent .news a {
	color: #0BAE02;
	font-weight: normal;
	font-size:12px;	
	text-decoration: none;
	display: block;
	_height: 1%;
	margin: 0;
	padding: 3px 14px 3px 14px;
}

.vrContent .navigationBox .boxContent .news li.current a {
	color: #4f5d5d;
}

.vrContent .navigationBox .boxContent .news a:hover {
	background-color: #c0dba9;
}

.vrContent .navigationBox .boxContent .news li.selected a:hover {
	background-color: transparent;
}

.vrContent .navigationBox .boxContent .news li.selected ul a:hover {
	background-color: #c0dba9;
}

.vrContent .navigationBox .boxContent ul.news ul {
	margin: 0;
	padding: 0;
}

.vrContent .navigationBox .boxContent ul.news ul li {
	font-weight: normal;
}

.vrContent .navigationBox .boxContent ul.news ul a {
	margin: 0;
	padding: 3px 14px 3px 30px;
}

.vrContent .navigationBox .boxContent ul.news ul ul a {
	margin: 0;
	padding: 3px 14px 3px 45px;
}

.vrContent .navigationBox ul.news li .date {
	display: inline;
}

.vrContent .navigationBox ul.news li.selected {
	background:none;
}


/* Helper classes */

.clearer { clear: both; height: 1px; }

img { border: none; }

.nodeco { text-decoration: none; }



/* vr.fi 2010 */

form {
	padding: 0;
	margin: 0;
}

/* INFOBOX */
.infobox-wide {
	background:url("../images/box-wide_bg.gif") no-repeat scroll left bottom transparent;
	margin:0;
	padding:0 0 40px;
	width:512px;
}

.vrContent .tiedote .infobox-wide-heading {
	background:url("../images/box-wide-h3_clear_bg.gif") no-repeat scroll left top #EEF3EE;
	padding:0 7px 0 15px;
}

.infobox-wide-heading {
	background:url("../images/box-wide_h3_bg.gif") no-repeat scroll left top #4F5D5D;
	margin:0;
	min-height:20px;
	padding:9px 7px 7px 15px;
}

.vrContent .tiedote .infobox-content {
	padding-bottom:3px;
	padding-top:0;
}

.infobox-content {
	padding:10px 15px 0;
}



.journey-search {
	margin: 0 0 7px 0;
	padding: 0;
	width: 512px;
	background: transparent url(../images/journey-search_bg_kukkanen.gif) no-repeat bottom left;
	min-height: 206px;
	_height: 206px;
	color: white;
}
.journey-search label {
	width: auto;
	float: none;
	display: inline;
}

.journey-search input {
	width: auto;
	float: none;
	display: inline;
}

.journey-search a {
	color: white;
}

.journey-search-heading {
	position: relative;
	margin: 0;
	padding: 9px 17px 7px 17px;
	background: transparent url(../images/journey-search_h3_bg.gif) no-repeat top left;
}
	
.journey-search .journey-search-heading h2 {
	color:#FFFFFF;
	font-weight:bold;
	font-size: 17px;
	margin: 0;
	padding: 0;
}

.journey-search .journey-search-heading p {
	font-size:11px;
}	
.journey-search-heading .journey-search-label {
	position: absolute;
	right: 17px;
	top: 9px;
}

.journey-search-heading h3 {
	margin: 0;
	padding: 0;
	color: white;
}

.journey-search-content  {
	margin: 0;
	padding: 0 17px 19px 17px;
}

.journey-search-error {
	background-color: #4f5d5d;
	border-top: 1px dashed white;
	border-bottom: 1px dashed white;
	margin: 9px -17px 9px -17px;
	padding: 3px 17px 3px 17px;
	overflow: hidden;

}

.sidebar .journey-search {
	margin: 0 0 7px 0;
	padding: 0 0 50px 0;
	width: 210px;
	background: transparent url(../images/journey-search_leftcol_bg_k.gif) no-repeat bottom left;
}

.sidebar .journey-search .journey-search-heading h2 {
	font-size: 14px;
}

.sidebar .journey-search-heading {
	background: transparent url(../images/journey-search_leftcol_h3_b.gif) no-repeat top left;
}

.sidebar .journey-search .extended-search-link {
	text-align: left;
}

.sidebar .journey-search .imagesubmit {
	margin: 5px 0 5px 0;
}

.sidebar .journey-search .tb-small {
	width: 110px;
}

.sidebar .journey-search .tb-small input {
	width: 100px;
	font-size: 92%;	
}

.sidebar .journey-search .tb-xsmall {
	width: 48px;
}

.sidebar .journey-search .tb-xsmall input {
	width: 35px;
	font-size: 92%;
}

.sidebar .journey-search .tb-xxsmall {
	width: 28px;
}

.sidebar .journey-search .tb-xxsmall input {
	width: 15px;
	font-size: 92%;
}

.sidebar .journey-search .type-container {
	vertical-align: top;
}

.ui-datepicker-trigger {
	/*margin: 5px 0 0 5px;*/
	position: absolute;
	left: 45px;
	top: 1px;
	cursor: pointer;
}

.datetime {
	font-weight: bold;
}

.extended-search-link {
	text-align: right;
	padding: 5px 0 5px 0;
}

.journey-search-links {
	padding: 20px 0 5px 0;
}

.journey-search-links a {
	margin-right: 10px;
}

.textbox {
	background: transparent url(../images/textbox_left_bg.gif) no-repeat top left;
	float: left;
	margin: 2px 5px 2px 2px;
}	

.textbox div {
	background: transparent url(../images/textbox_right_bg.gif) no-repeat top right;
	width: 100%;
	float: left;
}

.textbox input {
	margin: 1px 4% 1px 4%;
	*margin: 0px 4% 1px 4%;
	width: 92%;
	height: 16px;
	border: 0px;
	background: transparent;
}

.journey-search-from, 
.journey-search-to {
	background: white url(../images/textbox-fixtest.gif) repeat-x top left;
	margin: 1px 5% 1px 5%;
	*margin: 0px 5% 1px 5%;
	width: 90%;
}

.tb-xlarge {
	width: 290px;
}

.tb-large {
	width: 230px;
}

.tb-medium {
	width: 170px;
}

.tb-small {
	width: 110px;
}

.tb-date {
	width: 83px;
}

.tb-xsmall {
	width: 70px;
}

.tb-xxsmall {
	width: 40px;
}

.journey-search .textbox {
	background: transparent url(../images/textbox_left_bg_green.gif) no-repeat top left;
	margin: 2px 1px 2px 2px;
}

.journey-search .textbox input {
	margin:1px 30px 1px 5px;
	width: 124px;
}

.journey-search .datepicker-container {
	width: 190px;
}

.journey-search .departure-container {
	width: 130px;
}

.journey-search .ui-datepicker-trigger {
	margin-left: 18px;
}

.sidebar .journey-search .ui-datepicker-trigger {
	margin-left: 8px;
}

.journey-search .textbox div {
	background: transparent url(../images/textbox_right_bg_green.gif) no-repeat top right;
	position: relative;
}

.journey-search .tb-small {
	width: 146px;
	_width: 144px;
}

.journey-search .tb-xsmall {
	width: 60px;
	_width: 58px;
}

.journey-search .tb-xsmall input {
	margin: 1px 6px 1px 6px;
	width: 48px;
	_width: 46px;
	text-align: center;	

}

.journey-search .tb-xxsmall {
	width: 40px;
	_width: 38px;
}

.journey-search .tb-xxsmall input {
	margin: 1px 6px 1px 6px;
	width: 28px;
	_width: 26px;
	padding: 1px 0 1px 0;
	text-align: center;
}

.textarea textarea {
	background-color: transparent;
	border: 0px solid white;
	padding: 5px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	overflow: auto;
}

.ta-xlarge {
	width: 350px;
	height: 150px;
	background: transparent url(../images/textarea-xlarge_bg.gif) no-repeat top left;
}

.ta-xlarge textarea {
	width: 340px;
	height: 140px;
}

.ta-large {
	width: 230px;
	height: 150px;
	background: transparent url(../images/textarea-large_bg.gif) no-repeat top left;
}

.ta-large textarea {
	width: 220px;
	height: 140px;
}

.ta-medium {
	width: 170px;
	height: 100px;
	background: transparent url(../images/textarea-medium_bg.gif) no-repeat top left;
}

.ta-medium textarea {
	width: 160px;
	height: 90px;
}

.ta-small {
	width: 110px;
	height: 90px;
	background: transparent url(../images/textarea-small_bg.gif) no-repeat top left;
}

.ta-small textarea {
	width: 100px;
	height: 80px;
}

label {
	font-weight: bold;
}
.radiolabel {
	font-weight: normal;
}
.extralabel {
	font-weight: normal;
}

.traffic-situation select {
float:left;
margin:2px;
width:110px;
}

.timestamp {
	display: block;
	font-weight: bold;
}

/* Asemantiedot */

.stations-search {
	padding: 10px 0;
	overflow: hidden;
}

.searchbutton1 {
	background:url("../images/search_button_left_g.gif") no-repeat scroll left top transparent;
	border:medium none;
	cursor:pointer;
	float:left;
	height:26px;
	width:6px;
}
.searchbutton2 {
	background:url("../images/search_button_bg_g.gif") repeat-x scroll left top transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:26px;
	overflow:visible;
	padding:0;
}
.searchbutton3 {
	background:url("../images/search_button_right_g.gif") no-repeat scroll left top transparent;
	border:medium none;
	cursor:pointer;
	float:left;
	height:26px;
	width:16px;
}
.searchlink {
	text-decoration:none;
}
.searchdiv {
	clear:both;
	padding-bottom:16px;
}

.searchdivsub1  {
	clear:both;
	margin-left:3px;
}

.searchdivsub2 {
	float:left;
	margin-left:3px;
	padding-top:5px;
}

.searchdivsub3  {
	float:left;
	margin-left:5px;
	padding-top:5px;
}

.sidebar .searchdivsub2 {
	float:none;
}

.sidebar .searchdivsub3 {
	float:none;
}

/* Footer tools */

#footer-tools {
	clear: both;
	overflow: auto;
	margin-top: 20px;
	margin-left: 226px;
}
#footer-tools a {
	line-height: 16px;
}
#footer-tools a:visited {
	color: #0bae02;
}
.icon-send-link {
	background: transparent url(../images/icon-send-link.gif) no-repeat 0 2px;
	padding-left: 22px;
	margin-left: 11px;
}
.icon-print {
	background: transparent url(../images/icon-print.gif) no-repeat 0 0;
	padding-left: 20px;
	margin-left: 11px;
}


.grey-contentbox {
	padding: 10px;
	background: #eaeaea;
	margin-bottom: 10px;
}

.anchorlinks {
	margin: 10px 0;
}

.anchorlinks select {
	position: relative;
	top: -5px;
}

.pagetop {
	margin-bottom: 20px;
}

.title-img-text {
	overflow: hidden;
	margin-bottom: 10px;
}

.title-img-text img {
	float: left;
	margin-right: 18px;
}

.tickets-dropdown-form select {
	float:left;
	margin:2px;
}

.ticket-info {
	overflow: hidden;
	margin-bottom: 10px;
}

.select-list {
	margin: 10px 0;
}

.watermark {
color:#999999;
}