/* VR 2009 */

/* Basic styles */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	color: #000000;
	background: white url(../img/body_bg.jpg) no-repeat top center;
}
	body#vr-frontpage {
		background: white url(../img/body_bg2_narsissi.jpg) no-repeat top center;
	}
	/* Kayta tata jos jonkun kieliversion etusivuun tulee ns. kaareton taustakuva */
	body#vr-frontpage_2 {
		background: white url(../img/body_bg2_narsissi_v2.jpg) no-repeat top center;
	}
h1 {
	color: #57a50b;
	font-size: 175%;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}
h2 {
	color: #57a50b;
	font-size: 145%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h3 {
	color: #57a50b;
	font-size: 125%;
	font-weight: normal;
}
h4 {
	color: #57a50b;
	font-size: 110%;
}
a,
a:link {
	color: #0bae02;
	text-decoration: underline;
	cursor: pointer;
}
a:visited {
	color: #4f5d5d;
}
a:hover {
	color: #a7de79;
	text-decoration: none;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-right_2 {
	float: right;
	font-size: small;
	margin-left: 15px;
	margin-bottom: 5px;
	text-align: center;
}
	.float-right_2 img {
		margin-bottom: 3px;
	}
/* even smaller italic caption */	
.float-right_3 {
	float: right;
	font-size: x-small;
	font-style: italic;
	margin-left: 15px;
	margin-bottom: 5px;
	text-align: center;
}
	.float-right_2 img {
		margin-bottom: 3px;
	}
img {
	border: none;
}
	img.float-right {
		float: right;
		margin-left: 15px;
		margin-bottom: 5px;
	}
	img.float-left {
		float: left;
		margin-right: 15px;
		margin-bottom: 5px;
	}
form {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0 0 10px 0;
}
th {
	text-align: left;
	vertical-align: top;
}
#column-center ul,
#column-right ul {
	/*line-height: 1.5em;*/
	margin: 0;
	padding: 0 0 5px 1.3em;
}
#column-center ol,
#column-right ol {
	/*line-height: 1.5em;*/
	margin: 0;
	padding: 0 0 5px 1.8em;
}
	#column-center li,
	#column-right li {
		margin: 0;
		padding: 0 0 3px 0;
	}
		#column-center li ul, #column-center li ol {
			padding-top: 3px;
		}
		#column-center li img {
			margin: 4px 0px 0px 0px;
		}
#column-right .infobox-content ul.link-list {
	list-style-type: none;
   	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
#column-right .infobox-content ul.link-list li{
	padding: 0 0 5px 0;
}
.clearer {
	clear: both;
}
.hidden {
	visibility: hidden;
}
.displaynone {
	display: none;
}
.no-background {
	background-image: none;
	background-color: transparent;
}
.not-selectable {
	font-weight: bold;
	font-style: italic;
}


/* DIVs etc */

#container {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 92%;
}
#header {
	margin: 0;
	padding: 0;
}
	#logo {
		margin: 0;
		padding: 0;
		width: 160px;
		float: left;
	}
	#headercontent {
		margin: 0;
		padding: 0;
		width: 800px;
		float: left;
		background: transparent url(../img/headercontent_bg.png) no-repeat bottom left;
		min-height: 85px;
		_height: 85px;
	}
	#header-links {
		float: left;
		width: 230px;
		margin: 0;
		padding: 3px 0 0 35px;
		color: #0bae02;
	}
	#language-links-and-search {
		float: left;
		width: 515px;
		margin: 0;
		padding: 3px 10px 0 0;
		text-align: right;
		color: #0bae02;
		position: relative;
	}
		#search {
			position: absolute;
			right: 5px;
			top: 21px;
			z-index: 100;
			width: 240px;
			_width: 250px;
		}
			#en #search {
				width: 265px;
				_width: 275px;
			}
			#ru #search {
				width: 265px;
				_width: 275px;
			}
		#search .textbox {
			margin: 2px 5px 2px 2px;
		}
		#search input {
			float: left;
		}
#navi {
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	clear: both;
}
	#navi ul {
		clear: both;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#navi li {
		margin: 0; 
		padding: 0;
		float: left;
		list-style-type: none;
	}
	#first-level {
		position: absolute;
		height: 37px;
		top: 4px;
		left: 10px;
	}
		#first-level-li-first {
			position: absolute;
			left: 0px;
			top: 0;
			z-index: 3;
		}
		#first-level-li-second {
			position: absolute;
			left: 103px;
			top: 0;
			z-index: 2;
		}
		#first-level-li-third {
			position: absolute;
			left: 205px;
			top: 0;
			z-index: 1;
		}
	#second-level {
		position: absolute;
		top: 31px;
		left: 0;
		z-index: 10;
	}

	
#breadcrumb {
	clear: both;
	margin: 0;
	padding: 0 0 0 230px;
	color: white;
	font-size: 90%;
	line-height: 17px;
	font-weight: normal;
}
	#breadcrumb a {
		color: white;
		font-weight: normal;
	}
	#breadcrumb .breadcrumb-current {
		font-weight: bold;
	}
#content {
	clear: both;
	margin: 0;
	padding: 0;
}
#column-left {
	margin: 0;
	padding: 0;
	width: 210px;
	float: left;
	background: transparent url(../img/column-left_bg.png) no-repeat top left;
	min-height: 280px;
	_height: 280px;
}
	#vr-subpage #column-left, #vr-section-frontpage #column-left  {
		background: none;
	}
	#traffic-situation,
	#frontpage-intro {
		margin: 0;
		padding: 10px 8px 10px 23px;
		min-height: 250px;
		_height: 250px;
	}
		#column-center #traffic-situation {
			padding: 10px 0 15px 0;
			min-height: 50px;
			_height: 50px;
		}
		#traffic-situation h2 {
			margin: 0;
			padding: 0;
			font-size: 125%;
		}
		#traffic-situation p {
			clear: both;
			margin: 0;
			padding: 5px 0 9px 0;
		}
		#traffic-situation form {
			clear: both;
		}
		#traffic-situation .textbox {
			float: left;
			margin: 2px;
		}
		#traffic-situation select {
			float: left;
			margin: 2px;
			width: 110px;
		}
		#column-left #traffic-situation .imagesubmit {
			float: right;
			margin: 0;
		}
	#press-releases {
		margin: 0;
		padding: 0 13px 13px 13px;
	}
	#column-left-info {
		margin: 0;
		padding: 0 13px 13px 13px;
	}
	#subnavi {
		margin: 0;
		padding: 0;
		background: transparent url(../img/subnavi_bg_top.png) no-repeat top left;
		width: 210px;
	}
	#subnaviwrap {
		margin: 0;
		padding: 0;
		background: transparent url(../img/subnavi_bg_bottom.gif) no-repeat bottom left;
		min-height: 250px;
		_height: 250px;
		padding-bottom: 52px;
	}
	#subnavi ul {
		margin: 0;
		padding: 20px 0 0 0;
		list-style-type: none;
	}
	#subnavi li {
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	#subnavi li.current {
		background: #c0dba9 url(../img/subnavi_li_current_bg.gif) no-repeat top left;
	}
	#subnavi li.current ul {
		background: transparent url(../img/subnavi_li_current_ul_bg.gif) repeat-y top left;
	}
	#subnavi a {
		color: black;
		text-decoration: none;
		display: block;
		_height: 1%;
		margin: 0;
		padding: 3px 14px 3px 14px;
	}
	#subnavi li.current a {
		color: #4f5d5d;
	}
	#subnavi li.current ul a {
		color: black;
	}
	#subnavi a:hover {
		background-color: #c0dba9;
	}
	#subnavi li.current a:hover {
		background-color: transparent;
	}
	#subnavi li.current ul a:hover {
		background-color: #c0dba9;
	}
	#subnavi ul ul {
		margin: 0;
		padding: 0;
	}
	#subnavi ul ul li {
		font-weight: normal;
	}
	#subnavi ul ul a {
		margin: 0;
		padding: 3px 14px 3px 30px;
	}
	#subnavi ul ul ul a {
		margin: 0;
		padding: 3px 14px 3px 45px;
	}
	/* unofficial fourth dimension of subnavi :) */
	#subnavi ul ul ul ul a {
		margin: 0;
		padding: 3px 14px 3px 60px;
	}

#column-center {
	margin: 0;
	padding: 15px 14px 10px 14px;
	width: 512px;
	float: left;
	background: transparent url(../img/column-center_bg.png) no-repeat top left;
	min-height: 280px;
	_height: 280px;
}
#vr-frontpage #column-center {
	background-color: transparent;
	background-image: none;
	margin: 0;
	padding: 0 14px 10px 14px;
}
#vr-frontpage_2 #column-center {
	background-color: transparent;
	background-image: none;
	margin: 0;
	padding: 0 14px 10px 14px;
}
	#frontpage-photo-title {
		height: 195px;
		padding: 0px 10px 0px 10px;
	}
	#frontpage-title {
		height: 60px;
		padding: 0px 10px 15px 10px;
	}
		#frontpage-title h1 {
			text-align: right;
			margin: 0;
			padding: 0;
			font-size: 280%;
			font-weight: bold;
		}
	#frontpage-title-flash {
		height: 248px;
		padding: 6px 0px 16px 0px;
	}
	.frontpage-banners-wide {
		padding-bottom: 25px;
	}
	#frontpage-content-left {
		float: left;
		padding: 0 13px 0 0;
		margin: 0;
		width: 242px;
	}
	#frontpage-content-right {
		float: left;
		padding: 0 0 0 13px;
		margin: 0;
		width: 242px;
	}
	#frontpage-content-right_v2 {
		float: right;
		padding: 0 0 0 13px;
		margin: 0;
		width: 242px;
	}
	.frontpage-content-banner {
		margin: 0;
		padding: 0 0 15px 0;
	}

	.section-pic {
		padding-bottom: 25px;
	}
	#intro {
		padding: 0 0 20px 0;
		font-size: 120%;
	}
	#anchorlinks {
		padding: 0 0 20px 0;
	}

#column-right {
	margin: 0;
	padding: 0;
	width: 210px;
	float: left;
	background: transparent url(../img/column-right_bg_top.gif) no-repeat top left;
	min-height: 280px;
	_height: 280px;
}
	#vr-frontpage #column-right {
		background-color: transparent;
		background-image: none;
	}

	#vr-frontpage_2 #column-right {
		background-color: transparent;
		background-image: none;
	}

	#frontpage-banners {
		margin: 0;
		padding: 0;
		min-height: 270px;
		_height: 270px;
	}
	#frontpage-banners div {
		padding-bottom: 10px;
	}
	
	#column-right-top {
		padding: 15px 20px 10px 20px;
		min-height: 250px;
		_height: 250px;
	}
		#column-right-top h3 {
			margin-top: 0;
			margin-bottom: 5px;
		}
		
	#column-right-top .link-heading {
		padding: 5px 0 5px 0;
	}
		
	.osioheaderColumns {
		width:100%;
		float:left;}
		.osioheaderArticles {
			width:240px;
			float:left;
			display:block;
			margin:0 5px 0 5px;}
			.osioheaderArticles a+img {
				display:block;}

	/* BOKSIT */
	.infobox {
		margin: 0;
		padding: 0 0 40px 0;
		width: 210px;
		background: transparent url(../img/box_bg.gif) no-repeat bottom left;
	}
	.infobox-heading {
		margin: 0;
		padding: 9px 7px 7px 15px;
		background: #4f5d5d url(../img/box_h3_bg.gif) no-repeat top left;
	}
	/* infobox vaaleanharmaalla ylaosalla */
	.infobox-heading_2 {
		height: 25px;
		margin: 0;
		background: #4f5d5d url(../img/box_h3_bg_v2.gif) no-repeat top left;
	}
	.infobox h3 {
		margin: 0;
		padding: 0;
		color: white;
	}
	.infobox-content {
		padding: 10px 15px 0 15px;
	}
	/* infobox vaaleanharmaalla ylaosalla, sisalto-osa */
	.infobox-content_2 {
		padding: 0px 15px 0 15px;
	}
	.infobox-content p, .infobox-content_2 p {
		margin: 0;
		padding: 0 0 10px 0;
	}
	.infobox-content .infobox-link-heading {
		padding: 5px 0 5px 0;
	}
	
	/* 512 px wide infobox begins... */
	.infobox-wide {
		margin: 0;
		padding: 0 0 40px 0;
		width: 512px;
		background: transparent url(../img/box-wide_bg.gif) no-repeat bottom left;
	}
	.infobox-wide-heading {
		margin: 0;
		padding: 9px 7px 7px 15px;
		background: #4f5d5d url(../img/box-wide_h3_bg.gif) no-repeat top left;
		min-height: 20px;
		_height: 20px;
	}
	#tiedote .infobox-wide-heading {
		padding: 0 7px 0 15px;
		background: #eef3ee url(../img/box-wide-h3_clear_bg.gif) no-repeat top left;
	}
		#tiedote .infobox-content {
			padding-top: 0;
			padding-bottom: 3px;
		}

	.infobox-wide h3 {
		margin: 0;
		padding: 0;
		color: white;
	}
	.infobox-wide td {
		vertical-align: top;
		width: 50%;
	}
	.infobox-wide-td {
		padding: 10px 0px 0px 10px;
	}
	/* 512 px wide infobox ends... */
	
#column-combined {
	margin: 0;
	padding: 0;
	width: 750px;
	float: left;
	min-height: 250px;
	_height: 250px;
}
	#column-combined #column-center {
		min-height: 250px;
		_height: 250px;
		padding: 15px 14px 10px 14px;
	}
	#column-combined #column-wide {
		margin: 0;
		padding: 15px 0px 10px 14px;
		width: 736px;
		float: left;
		background: transparent url(../img/column-wide_bg.png) no-repeat top left;
		min-height: 250px;
		_height: 250px;
	}
	#column-combined .nextrow-center {
		margin: 0;
		padding: 0px 14px 10px 14px;
		width: 512px;
		float: left;
	}
	#column-combined .nextrow-right {
		margin: 0;
		padding-top: 10px;
		width: 210px;
		float: left;
	}
		#column-combined .nextrow-right .column-right-content {
			padding: 15px 20px 10px 20px;
		}
			#column-combined .nextrow-right .column-right-content h3 {
				margin-top: 0;
				margin-bottom: 5px;
			}
	#column-combined .nextrow-wide {
		margin: 0;
		padding: 0px 0px 10px 14px;
		width: 736px;
		float: left;
	}

#footer-tools {
	clear: both;
	padding-left: 224px;
	overflow: auto;
}
	#footer-tools a {
		float: left;
		line-height: 16px;
	}
	#footer-tools a:visited {
		color: #0bae02;
	}
	.icon-send-link {
		background: transparent url(../img/icons/icon-send-link.gif) no-repeat 0 2px;
		padding-left: 22px;
		margin-left: 11px;
	}
	.icon-print {
		background: transparent url(../img/icons/icon-print.gif) no-repeat 0 0;
		padding-left: 20px;
		margin-left: 11px;
	}
#footer {
	clear: both;
	padding-top: 30px;
}
#footerwrap {
	float: left;
	background: transparent url(../img/footer_bg.jpg) no-repeat top left;
	width: 100%;
}
#footerlinks-vr-sites {
	float: left;
	width: 350px;
	margin: 0;
	padding: 15px 0 15px 25px;
	color: #0bae02;
}
#footerlinks-and-copyright {
	float: left;
	width: 545px;
	margin: 0;
	padding: 15px;
	text-align: right;
	color: #0bae02;
}
#copyright {
	color: #000000;
}


/* INPUT FIELDS */

/* Journey Search */
#journey-search {
	margin: 0 0 7px 0;
	padding: 0;
	width: 512px;
	background: transparent url(../img/journey-search_bg_kukkanen.gif) no-repeat bottom left;
	min-height: 206px;
	_height: 206px;
	color: white;
}
	#journey-search a {
		color: white;
	}
	#journey-search-heading {
		position: relative;
		margin: 0;
		padding: 9px 17px 7px 17px;
		background: transparent url(../img/journey-search_h3_bg.gif) no-repeat top left;
	}
		#journey-search-heading #journey-search-label {
			position: absolute;
			right: 17px;
			top: 9px;
		}
	#journey-search-heading h3 {
		margin: 0;
		padding: 0;
		color: white;
	}
	#journey-search-heading p {
		font-size: 90%;
	}
	#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;
		display: none;
	}
	.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;
	}
	
	/* Journey Search for column-left or column-right */
	#column-left #journey-search,
	#column-right #journey-search {
		margin: 0 0 7px 0;
		padding: 0 0 50px 0;
		width: 210px;
		background: transparent url(../img/journey-search_leftcol_bg_k.gif) no-repeat bottom left;
	}
		#column-left #journey-search-heading,
		#column-right #journey-search-heading {
			background: transparent url(../img/journey-search_leftcol_h3_b.gif) no-repeat top left;
		}
		#column-left #extended-search-link,
		#column-right #extended-search-link {
			text-align: left;
		}
		#column-left .imagesubmit,
		#column-right .imagesubmit {
			margin: 5px 0 5px 0;
		}
	
    #journey-search-topspace {
    position: relative;
    top: 270px;
    }

	/* Journey Search for the campaign itsepalvelu */
	#column-left #journey-search.itsepalvelu {
		background: transparent url(../img/journey-search_itsepalvelu_bg.png) no-repeat top left;
	}
	#journey-search.itsepalvelu  #journey-search-content {
		margin: 0;
		padding: 20px 17px 19px 17px;
	}
	
	
.textbox {
	background: transparent url(../img/textbox_left_bg.gif) no-repeat top left;
	float: left;
	margin: 2px 5px 2px 2px;
}	
	.textbox div {
		background: transparent url(../img/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;
		float: left;
		_float: none;
	}

	.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(../img/textbox_left_bg_green.gif) no-repeat top left;
		margin: 2px 1px 2px 2px;
	}
		#journey-search .textbox div {
			background: transparent url(../img/textbox_right_bg_green.gif) no-repeat top right;
			position: relative;
		}
		#journey-search .tb-small {
			width: 120px;
		}
		#journey-search .tb-xsmall {
			width: 40px;
		}
		#journey-search .tb-xxsmall {
			width: 24px;
		}
		#journey-search .tb-xsmall input,
		#journey-search .tb-xxsmall input {
			text-align: center;
		}
		
		/* Nokia Communicator fixes */
		#column-center #journey-search .textbox input {
			background: white url(../img/textbox-fixtest.gif) repeat-x top left;
			_background: none;
			font-size: 13px;
		}
		#column-center #from, 
		#column-center #to {
			margin: 1px 5% 1px 5%;
			width: 88%;
		}
		
		#column-center #journey-search .tb-small {
			width: 146px;
			_width: 144px;
		}
		#column-center #journey-search .tb-xsmall {
			width: 60px;
			_width: 58px;
		}
			#column-center #journey-search .tb-xsmall input {
				margin: 1px 6px 1px 6px;
				width: 48px;
				_width: 46px;
			}
		#column-center #journey-search .tb-xxsmall {
			width: 40px;
			_width: 38px;
		}
			#column-center #journey-search .tb-xxsmall input {
				margin: 1px 6px 1px 6px;
				width: 28px;
				_width: 26px;
				padding: 1px 0 1px 0;
			}
		#column-center #journey-search .ui-datepicker-trigger {
			left: 64px;
		}

.textarea {
}
	.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(../img/textarea-xlarge_bg.gif) no-repeat top left;
	}
		.ta-xlarge textarea {
			width: 340px;
			height: 140px;
		}
	.ta-large {
		width: 230px;
		height: 150px;
		background: transparent url(../img/textarea-large_bg.gif) no-repeat top left;
	}
		.ta-large textarea {
			width: 220px;
			height: 140px;
		}
	.ta-medium {
		width: 170px;
		height: 100px;
		background: transparent url(../img/textarea-medium_bg.gif) no-repeat top left;
	}
		.ta-medium textarea {
			width: 160px;
			height: 90px;
		}
	.ta-small {
		width: 110px;
		height: 90px;
		background: transparent url(../img/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;
}

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

.datepicker .textbox div {
	position: relative;
}


/* Pictures */

.picture-row {
	margin: 0px 0px 10px 0px;
}

	.picture-row img {
		margin: 0px 0px 5px 0px;
	}

	.picture-row-left {
		float: left;
		margin-right: 28px;
	}

.verkkokauppa_button {
	padding: 0 0 5px 0;
}

.picture-label label {
	clear: both;
	font-weight: normal;
	font-style: italic;
}

.picture-div-float-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

.bubble-image{
	position: relative;
	display: inline;
}
.bubble-image img{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
	
/* Weather service */
.weather-service {
}
	.weather-service p {
		clear: both;
	}
	.weather-service select {
		float: left;
		margin: 2px 2px 2px 0;
		width: 110px;
	}
	#column-left .weather-service .imagesubmit, 
	#column-right .weather-service .imagesubmit {
		float: right;
		margin: 0;
	}
	#weather-ajax-content {
		clear: both;
		padding-top: 10px;
	}
	.weather-icons {
	}
		.weather-icons img {
			float: left;
		}
		.weather-icons .icon-wind-speed {
			float: right;
		}
	.weather-service-table {
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 15px;
	}
		.weather-service-table th,
		.weather-service-table td {
			font-weight: normal;
			text-align: left;
			vertical-align: middle;
			padding: 2px 7px 2px 0;
		}
		.weather-service-table .temperature {
			font-weight: bold;
		}
		.weather-service-table caption {
			font-weight: bold;
			text-align: left;
		}
	.observations th,
	.observations td {
		padding: 0px 7px 0px 0;
	}
	.weather-map {
		padding-bottom: 20px;
	}

/* Events table */	
.events th {
	padding-right: 10px;
	width: 122px;
}
	.events td {
		padding-bottom: 15px;
	}
	.events .time-and-location {
		color: #000000;
		font-size: 90%;
	}
	.events h4 {
		margin: 5px 0 5px 0;
		padding: 0;
	}
	
/* Basic table, striped with jQuery */
table.striped {
	margin-bottom: 15px;
}
	table.striped caption {
		font-weight: bold;
		padding: 3px;
		text-align: left;
	}
	table.striped td,
	table.striped th {
		padding: 3px;
		margin: 0;
	}
	table.striped thead tr {
		background-color: #57a50b;
		color: white;
		font-weight: bold;
	}
    
    table.striped thead tr th.smallTxt {
		background-color: #57a50b;
		color: white;
		font-weight: normal;
        font-size: 90%;
	}
    
	table.striped tr.odd {
		background-color: white;
	}
	table.striped tr.even {
		background-color: #e6e7e6;
	}
	table.striped tr.hover {
		background-color: #c6cccf;
	}
	table.striped td.alaotsikko {
		border-top: 1px solid #57A50B;
        font-weight: bold;
        text-align: left;
	}
	/* inner alaotsikko without border */
	table.striped td.alaotsikko2 {
        font-weight: bold;
        text-align: left;
	}

/* Table with prices etc, align right with items */	
table.smallitems td,
table.smallitems-bold td {
	text-align: right;
}
	table.smallitems thead tr.smallitems th, table.smallitems thead th.smallitems,
	table.smallitems-bold thead tr.smallitems th, table.smallitems-bold thead th.smallitems {
		text-align: right;
	}
	table.smallitems tbody th,
	table.smallitems-bold tbody th {
		font-weight: normal;
		text-align: left;
		vertical-align: middle;
	}
	table.smallitems-bold td {
		font-weight: bold;
	}

table.smallitems-center td {
	text-align: center;
}
table.smallitems-center tbody th {
		font-weight: normal;
		text-align: left;
}

/* Table with legend of symbols etc. */
table.legend td {
	padding: 0px 6px 4px 0px;
}

/* Table matkatoimistot (Venaja pakettimatka) */

table.matkatoimistot td {
	padding: 0px 5px 7px 0px;
	vertical-align: bottom;
}

/* For content tables of Tulostettavat aikataulut */

.table_tulostettavat {
	background-color: #EAEAEA;
	border-collapse: collapse;
	margin: 0px 0px 15px 0px;
	width: 512px;
}
	.table_tulostettavat td {
		padding: 10px;
	}

div.superscript {
	display: inline;
	position: absolute;
}
    
/* Tickets dropdown form */
#tickets-dropdown-form select {
	float: left;
	margin: 2px;
}
	#tickets-dropdown-form .imagesubmit {
		float: left;
	}

/* Stations app legacy styles */
.greyoption {
	background-color:#D4D0C8;
}

/* CLEARFIX to fix backgrounds etc for elements that have floated child elements */
.clearfix:after,
#content:after,
#content_columns:after,
#frontpage-content:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
	.clearfix,
	#content,
	#content_columns,
	#frontpage-content
	{
		display: inline-block;
	}
	html[xmlns] .clearfix,
	html[xmlns] #content,
	html[xmlns] #content_columns,
	html[xmlns] #frontpage-content
	{
		display: block;
	}
	* html .clearfix,
	* html #content,
	* html #content_columns,
	* html #frontpage-content
	{
		height: 1%;
	}
	
.selectbox {
	margin: 10px 0px 0px 0px;
	background-color: #eaeaea;
	padding: 7px 7px 7px 7px;
}

.selectbox_img {
	float: right;
}

.pdf-link {
	padding: 5px;
}

.content_centered {
	text-align: center;
}
	.content_centered img {
		margin-bottom: 3px;
	}
	
.watermark {
	color: #999999;
}