/*********************** Paikanvaraus-elementit ********************/
.placeres_top {clear:both; background-image: url(images/www/fi/bus_top.gif); width: 179px; height:56px;}
.placeres_middle {clear:both; background-image: url(images/www/fi/bus_bg.gif); width: 179px; height:30px;}
.placeres_bottom {clear:both; background-image: url(images/www/fi/bus_bottom.gif); width: 179px; height:14px;}
.placeres_place1, .placeres_placemiddle1 {float:left; height:15px; text-align: center; font-weight: bold;margin-left: 10px; padding-top:5px;}
.placeres_place2, .placeres_placemiddle2 {float:left; height:26px; text-align: center; font-weight: bold;margin-left: 10px;}
.placeres_place1, .placeres_place2 {width:26px;}
.placeres_placemiddle1, .placeres_placemiddle2 {width:15px;}
.placeres_placemiddle2 {background-color: #FFFFFF; padding-top:5px;}
.placeres_reserved {background-image: url(images/www/fi/bus_varattu.gif); width: 26px; height:26px;border:0px;}
.placeres_free {background-image: url(images/www/fi/bus_vapaa.gif); width: 26px; height:26px;border:0px;}
.placeres_chosen {background-image: url(images/www/fi/bus_valittu.gif); width: 26px; height:26px;border:0px;}
TABLE.bus td{padding:0;}
TABLE.bus td.travelBox{background-color:#FFFFFF;}
TABLE.bus {width:179px; height:100%; margin-left:1px;margin-right:4px;}
TABLE.bus .tdTripHeaders{ padding-bottom:3px;}
TABLE.bus .tdTripFooters{ padding-bottom:15px;}
TABLE.bus h1{padding:5px; margin:0; font-size:14px; color:#0079c2; font-weight:normal; background:#ffffff; display:block;}
TABLE.bus span{ height:100%;width:169px; padding:5px; margin:0; display:block; background:#ffffff;}
TABLE.bus span1{ font-size:11px;}
TABLE.bus span2{ font-size:11px;display:block; background:#ffffff;}
TABLE.bus h1{padding:5px 5px 5px 2px; margin:0; font-size:14px; color:#0079c2; font-weight:normal; background:#ffffff;}
TABLE.bus td.tdBusArea{ background-color:transparent;}
/*********************** Paikanvaraus-elementit ********************/

/*mLippu perus css asetukset */

/* Yleiset */

/*Yleisfontti*/
p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
h1 {}
h2 { 
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	
}

td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
tr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
/*marginaalit*/
td{
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	
	
}
tr{
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	
	
}
table{
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	
	
}
body{
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	
	
}
img{border:0;}

.dotLine{ 	
	background:url("images/www/dotLine.gif") repeat-x;
	
}
div.dotLine{
	width:100%;
	clear:both;
	margin:0 0 1px 0;
	height:2px !important;
}
html.safari .div.dotLine{margin-top:2px;}
html.w3c div.dotLine{margin-top:2px;}
html.ie6 div.dotLine{margin-bottom:-10px;}

.price {
	/*
	color:#1081c6;
	font-weight:bold;
	*/
}
.bargainPrice {
	/*
	color:#1081c6;
	font-weight:bold;
	*/
}

/*Yleisiä linkkimäärityksiä*/
a:link{
font-family: Arial, Helvetica, sans-serif;

color:#1081c6;
}
a{
font-family: Arial, Helvetica, sans-serif;
color:#1081c6;
}
a:visited{
font-family: Arial, Helvetica, sans-serif;

color:#1081c6;
font-weight:normal;
}
a:hover{
font-family: Arial, Helvetica, sans-serif;

color:#1081c6;
font-weight:normal;
}
a:active{
font-family: Arial, Helvetica, sans-serif;

color:#1081c6;
font-weight:normal;
}
a.whiteLink{
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
}
html.ie6 a.whiteLink{color:#ffffff;}

a.upLink{
	background:url("images/www/arrowUp.gif") no-repeat left;
	padding-left:18px;
	font-weight:bold;
}
a.infoLink{
	background:url("images/www/iconInfo.gif") no-repeat left;
	padding-left:30px;
	font-weight:bold;
	display:block;
	height:19px;
	padding-top:3px;
}


/*vakio- elementit ja pinnanjako*/
/* MAINTABLE*/
.tblMain{
	width:1000px;
	/*width:786px;*/
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin:8px auto auto auto;	
	
}
.tblMainPrint{ 
	width:581px;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin:8px auto auto auto;		
}

/*Header- alue*/
.tblMain .tdHeader{	
	width: 795px;
}
.tblMain .dotLine{ 
		height:5px;	
}

.tblHeaderTable{
	width:100%;
	border-collapse:separate;
	margin-top:17px;
}
.tblHeaderTable .row1{	
	background-color:#0079c2;
	
		
}
.tblHeaderTable .row1 H1{	
	padding:0;
	margin:0;
	font-size:18px;
	background:url("images/www/bgArrowHeaderBar.gif") no-repeat left;
	padding-left:18px;
	font-weight:normal;
	
}
.tblHeaderTable .row1 .column1{	
	border-bottom:3px solid #8bc2e4;
	height:27px;
	color:#ffffff;
	padding-left:8px;
	padding-right:8px;
	width:478px;
}
html.ie6 .tblHeaderTable .row1 .column1{	
	border-bottom:3px solid #8bc2e4;
	height:27px;
	color:#ffffff;
	padding-left:8px;
	padding-right:8px;
		width:478px;
}

.tblHeaderTable .row1 .column2{
	width:47px;
	border-bottom:3px solid #8bc2e4;
	height:27px;
	color:#ffffff;
	padding-left:7px;	
}
.tblHeaderTable .row1 .column2 img{margin-right:2px; margin-top:4px;}
.tblHeaderTable .row1 .column3{	
	width:30px;
	border-bottom:3px solid #8bc2e4;
	height:27px;
	color:#ffffff;
	padding-left:7px;
	padding-right:7px;
	font-size:12px;
}
.tblHeaderTable .row1 .spacer{	
	background-color:#ffffff;
	border-bottom:none;	
	width:3px;
	height:30px;	
}

.tblHeaderTable .row2{
	background-color:#eceff1;
	border-top:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	height:30px;	
	padding:0 10px 2px 30px;
}
html.w3c .tblHeaderTable .row2{	padding:0 10px 2px 10px;}

.tblHeaderTable td.eng{	padding:0 10px 2px 10px;}

/*Alatason prosessiketju*/
ul.subProcessChain{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	padding-top:8px;
	color:#6b6b6b;
	font-size:14px;
	height:20px;				
}

ul.subProcessChain li{ 		
	padding:0;
	margin:0;	
	margin-left:30px;
	display:inline;	
	padding-top:3px;
	padding-bottom:8px;	
	font-size:14px;	
	overflow:visible;
}
html.w3c ul.subProcessChain li{ margin-left:25px;}


ul.subProcessChain li:first-child{ margin-left:0px; display:inline}

html.ie6 ul.subProcessChain li{ margin-left:0px; margin-right:20px;}
html.ie ul.subProcessChain li{ margin-left:0px; margin-right:15px;}
ul.subProcessChain li.Off,ul.subProcessChain li.Off a{color:#6b6b6b; text-decoration:none;}
ul.subProcessChain li.On{
	color:#1081c6;
	font-weight:normal;
	background:transparent url('images/www/ArrowSubProcessChain.gif') no-repeat 0% 12% scroll;
	padding-left:23px;
	margin-left:10px;	
}

ul.subProcessChain li.On a{color:#1081c6;font-weight:normal;text-decoration:none;}

ul.subProcessChain li.On:first-child{
	color:#1081c6;
	font-weight:normal;
	background:transparent url('images/www/ArrowSubProcessChain.gif') no-repeat 0% 12% scroll;
	padding-left:23px;
	margin-left:0;	
}

.subProcessChain button{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 		
	background:transparent;
	font-size: 14px;
	color:#6b6b6b; 
	text-decoration:none;
	display:inline;
	height: auto;
	width: auto;
}

html.ie .subProcessChain button{
   padding:0 .25em 0 .25em;
   width:auto;
   height:16px;
   border:0px;
   margin-bottom:1px;
   overflow:visible;
}


/*kieliversiot*/
	/*Englanti*/
	.eng{}
	.tblHeaderTable td.eng{	padding:0 5px 2px 10px;}
	ul.eng li{margin-left:10px; font-size:13px;}
	ul.eng button{font-size: 13px;}
	html.ie6 ul.eng li{ margin-left:0px; margin-right:5px;}
	html.ie ul.eng li{ margin-left:0px; margin-right:5px;}
	html.w3c ul.eng li{ margin-left:5px;}
	/*prosessiketju*/
	.tblLeftTable ul.eng li{margin-left:0px;height:24px;padding-top:6px;padding-left:2px;font-size:12px;}
	.tblLeftTable ul.eng li:first-letter{ margin-right:5px;}
	/*ruotsi*/
	.swe{}
	.tblHeaderTable td.swe{	padding:0 10px 2px 10px;}
	ul.swe li{margin-left:15px;}	
	html.ie6 ul.swe li{ margin-left:0px; margin-right:5px;}
	html.ie ul.swe li{ margin-left:0px; margin-right:5px;}
	html.w3c ul.swe li{ margin-left:15px;}
	/*prosessiketju*/
	.tblLeftTable ul.swe li{margin-left:0px;height:24px;padding-top:6px;padding-left:2px;font-size:11px;}
	.tblLeftTable ul.swe li:first-letter{ margin-right:5px;font-size:12px;}
		



/* //Alatason prosessiketju*/

.tblMain .tdLeftBottom{ 
	width:172px;
	background-color:#ffffff;	
	padding-top:2px;
	background-position:bottom;
	
	
}
.bottomLine{ 	
	background:url("images/www/dotLine.gif") repeat-x bottom;
}
.tblLeftTable{	
	height:100%;
	width:169px;	
	
}

.tblLeft{	
	width:172px;	
	
}
	

/************** Prosessiketju, mainosalue ja infoalue**********/
.tblLeftTable .tdTop{
	padding-bottom:20px;	
}
/*prosessiketju*/
ul.processChain{
	list-style-type:none;
	padding:0;
	margin:0;
	color:#72a4c2;
	font-size:12px;	
}
ul.processChain li{ 
	height:24px;
	padding-top:6px;
	padding-left:7px;
}
ul.processChain li:first-letter{ 
	margin-right:10px;
	font-weight:bold;
}


ul.processChain li.Off{color:#72a4c2;}
ul.processChain li.On{
	color:#1081c6;
	font-weight:bold;
	background-color:#ecf4fb;	
}
/* //prosessiketju*/



.tblLeftTable .tdBanner{	
	padding:0;
	margin:0;	
}

.tblLeftTable .tdBanner img{
	border:0;
	padding:0;
	margin:0;	
}
.tblLeftTable .tdBottom{ 
padding:10px 0 15px 0;
background:url("images/www/dotLine.gif") repeat-x bottom;	
}

/*infoalue*/

.tblMainInfo{}
.tblMainInfo .tdInfo1{font-weight:bold; color:#0072c6; font-size:16px; padding-bottom:15px;}
.tblMainInfo .tdInfo2{font-weight:bold; color:#4e4e4e; font-size:16px;}
.tblMainInfo .tdInfo3{font-weight:normal; color:#4e4e4e; font-size:10px; padding-bottom:15px;}
.tblMainInfo .tdInfo4{font-weight:normal; color:#4e4e4e; font-size:12px;}
.tblMainInfo .tdInfo5{font-weight:normal; color:#4e4e4e; font-size:12px; padding-top:14px;}
.tblMainInfo .tdInfo5 a:visited{font-weight:bold; color:#0079c2; font-size:11px; text-decoration:none;}

.tblMainInfo .tdInfo5 a:link{font-weight:bold; color:#0079c2; font-size:11px; text-decoration:none;}

/************** //Prosessiketju, mainosalue ja infoalue**********/
/*Sisältöalue*/
.tblMain .tdContent{ 
	width:581px;
	
	/*	padding:15px 12px 9px 15px;	*/
}

.tblContentTable{
	width:100%;		
	background-color:#ecf4fb;	
}
.tblContentTable table:first-child{	
	margin-top:15px;
}
.tblContentTable td{	
	
	padding-left:9px;
	padding-right:12px;
	font-size:12px;
}


.tblContentTable .tdContentWrapper1{}
.tblContent1{width:100%;}



.tblContent1 td{
	padding:0;
	padding-top:5px;
	font-size:12px;
	font-weight:normal;		
}
.tblContent1 .tdImages{	padding:0;	margin:0;text-align:center;	}
.tblContent1 .tdImages img{margin:0 3px 0 0px}



/* Otsikkorivi */
.tblContent1 tr.header{}

div.whiteHeader{ background-color:#ffffff; margin-top:3px; font-size:12px; clear:both; display:block; padding:3px; }
h2.whiteHeader{ background-color:#ffffff; margin:0; font-size:12px; padding:5px;width:100%; font-weight:normal;  }
html.w3c h2.whiteHeader{width:764px;}


.tblContent1 tr.header td{
	padding:0;	
	font-size:16px;
	border-bottom:1px solid #000000;
	padding-left:10px;
	padding-right:5px;
	white-space: nowrap;
	Height:20px;		
}
.tblContent1 tr.header H1{
	padding:0;
	margin:0;
	font:inherit;
	font-weight:Normal;
	font-size:16px;
	padding-top:5px;
	float:left;		
}
.tblContent1 H1.header{
	padding:0;
	margin:0;
	margin-right:5px;
	font:inherit;
	font-weight:Normal;
	font-size:16px;
	padding-top:5px;
	border-bottom:1px solid #000000;		
}


.tblContent1 tr.header img{ margin-bottom:3px; float:right;}
.tblContent1 .margin10{}
.tblContent1 .margin10 td{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
 tr.margin10 td{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
 tr.margin5 td{
	padding-top:5px !important;
	padding-bottom:5px !important;
}
 tr.marginTop10 td{
	padding-top:10px !important;
}
 tr.marginBottom10 td{
	padding-bottom:10px !important;
}
.marginBottom10{}
.marginBottom10 td{	padding-bottom:10px !important;}
.marginTop10 td{	padding-top:10px !important;}
a.margin10{margin-top:10px;}
div.margin10{margin-top:5px !important; margin-bottom:5px;}
h2.margin10{margin-top:5px !important; margin-bottom:5px;}







/*ilmoitusalue*/
.tdInfoArea{ padding-top:0px;}
html.ie .tdInfoArea{ height:20px; padding-top:10px;}
/* Valkoinen alue */
.tblContent1 tr.white{ background-color:white}


/*leveä sisältö*/
.tblWidthArea{
	width:570px;
	
	margin-left:-4px;
	margin-right:-6px;
}
.tblWidthArea td{padding:0;}
/* //leveä sisältö*/

.tblContent1 td.column1{padding-right:10px; padding-left:10px; width:70px;}
.tblContent1 td.column1b{padding-right:10px; padding-left:10px; white-space:nowrap;}
.tblContent1 td.column1c{padding-right:30px; padding-left:10px; white-space:nowrap;}
.tblContent1 td.column1d{padding-right:10px; padding-left:10px; white-space:normal;}

.tblContent1 td.columnFirst{padding-right:10px; padding-left:10px; width:auto;}
.tblContent1 td.columnWidth{padding-left:10px; width:100%;}

.tblContent1 td.column2{padding-right:10px; width:240px;}
.tblContent1 td.column3{ width:100%}

.disableWrap{white-space:nowrap;}
.enableWrap{white-space:normal;}


/* navikointipainikkeet*/
.tblContentTable .tblBottomArea{	
	border-top:1px solid #ffffff;
	margin:10px 0px 10px 0px;
	width:774px;
}
.tblBottomArea td{
	padding-top:10px;	
	}

.tblBottomArea .column1{width:258px;text-align:left;}
.tblBottomArea .column2{width:258px;text-align:center;}
.tblBottomArea .column3{width:258px;text-align:right;}


.tdFooter{ 	
	padding-top:10px;
	padding-bottom:10px;
	color:#b0bcd0;
	background-color:transparent;
}

.tblMain .tdFooter{ 
	width:581px; 
	padding-top:10px;
	padding-bottom:10px;
	color:#b0bcd0;
	background-color:#ffffff;
}

.tblMain .tdFooter a.upLink{
	color:#2285ce;
	margin-right:20px;
	text-decoration:underline;
}
/*td margins*/
	.tblMain .tdMarg10{ width:10px;}
	.tblMain .tdMarg8{ width:8px;}
	.tblMain .tdMarg15{ width:15px;}
	.tblMain .tdLeft{ width:172px;}
/* //MAINTABLE*/

/*******elementit******/

/* KALENTERI*/
.calendar{border:1px solid #a7bcd2; float:left; background-color:#FFFFFF; margin-bottom:5px; margin-top:5px; border-collapse:separate;} 
.calendar select{width:130px; margin-left:17px;} 
.calendar th img{margin-left:0;} 
.calendar th{ background-color:#f3f4fd;} 
.calendar td{border:1px solid #f3f3fd; width:26px; height:19px; text-align:center; padding:0; margin:0; font-weight:bold;} 
.calendar tr.days td{ color:#000000;text-align: center; height:15px; font-weight:bold; border:none; font-size:12px !important; padding-left:2px;}
.calendar td.sunday{color:#be1010;}
.calendar td.inactive{font-weight:normal; color:#b2b2b2;}
.calendar td.disabled{font-weight:normal; color:#b2b2b2;}
.calendar td.active{color:#000000; background-color:#c8dcef;} 
.calendar td.empty{border:none;} 
.calendar td.week {font-weight: bold; color: #000000; width:26px; border-top:1px solid white;border-bottom:1px solid white; font-size:11px;}
.calendar input{		
	border: medium none; 			
	margin: 0px; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	cursor: pointer; cursor: hand;
	background-color: transparent; 
	text-decoration: none;	 
	  height:19px; width:26px;		
}
html.w3c .calendar input{		
	border: medium none; 			
	margin: 0px; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	cursor: pointer; cursor: hand;
	background-color: transparent; 
	text-decoration: none;
	 height:19px; width:26px;	
}
.calendar .submitLink {	color: #000000;}
.calendar .submitLinkSunday {color:#b23d19}
.calendar .submitLinkInactive {font-weight:bold; color:#6b6b6b;}
.calendar .submitLinkInactiveSunday {color:#d89e8c}
.calendar .submitLinkActive{color:#000000; background-color:#c8dcef;}

.calendar TH select {width: 130px;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;}
#calendarWrapper .inlineButton{margin-left:10px; margin-top:5px;}
html.w3c #calendarWrapper .inlineButton{margin-left:10px; margin-top:15px;}
/* //KALENTERI*/

/*Lomake-elementit*/
.inputStyle1{width:245px; height:17px;}
.inputStyle2{width:320px;}
.input2{width:157px;}
.input3{width:75px;}
.input4{width:266px;}
.input5{width:50px; height:17px;}
.input6{width:140px;}

.inputPrice{width:52px;background-color:#f6fafd; border:none;height:17px; margin-left:5px; margin-right:5px;}
.inputTransparent{background-color:transparent; border:none;height:17px;}
/* */


.select1{width:157px;}
.select2{width:75px;}
.select6{width:140px;}

.headerLink{
	font-size: 12px;
}
.headerLink a{
	padding-bottom:1px;
	border: 0;
	float:right;	
}

button{
	background:transparent url('images/www/bgButton.gif') repeat-x;
	border:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:22px;
	cursor: pointer; cursor: hand;	
}
.buttonStyle1{}
html.ie6 .buttonStyle1{width:190px;}
html.ie .buttonStyle1{width:190px;}
.buttonStyle3{}
.buttonStyle4{width:90px;}
html.ie .buttonStyle3{padding-left:3px; padding-right:3px;}

html.w3c button{
	padding-bottom:3px;
}

.buttonOff{
	background:transparent url('images/www/bgButtonOff.gif') repeat-x;
	border:none;
	color:#717375;
	height:22px;	
}

.buttonStyle2{
	background:none;
	padding:0 3px 0 3px;
	margin:0 0 0 0;
	border:0;
	width:auto;
	text-align:left;
	border-style:none;
	cursor: pointer; cursor: hand;	
}
input.buttonStyle5{
	padding:0;
	margin:0;	
	width:6px;
	height:11px;
		
}



/* //Lomake-elementit*/

/**************Yleiset div-elementit************/
/*Virheet*/
.message{width:100%;}
.error_wrapper{width:100%;}
.error{clear:both; margin:10px 0 10px 0; padding:10px; border:2px solid #d89e8c; color:#b23d19; font-size:12px; background-color:#ffffff;}
/*Ilmoitukset*/
.info{clear:both; margin:10px 0 10px 0; padding:10px; border:2px solid #80bc97; font-size:12px; background-color:#ffffff;}
.info H1{font-size:12px;color:#148534;padding:0 0 10px 0;	margin:0;}	

.dvTopBanner{font-size:12px;padding:0;	margin:0; clear:both; width:100%; margin-bottom:-12px;}	
/*Sisällön yläosan painike- ja linkki alue*/
.dvTopContentRow{clear:both;display:block; font-size:12px; margin-top:10px;}
html.ie .dvTopContentRow{clear:both;display:block; font-size:12px; margin-top:0;}
.dvTopContentRow button{float:left;}
.dvTopContentRow a{float:right;}


div.whiteLine{background-color:#ffffff; display:block; width:770px;clear:both; height:1px; margin-right:6px;}
div.whiteLinePopup{background-color:#ffffff; display:block; width:100%;clear:both; height:1px; margin-right:6px;}



	/******divit alalaiden painikkeisiin*/
	.data1{width:100%; clear:both}
	.columnLeft{float:left;}
	.columnLeft input{margin-right:5px;}
	.columnRight{float:right; padding-right:5px}
	/****** //divit alalaiden painikkeisiin*/
/************** //Yleiset div-elementit************/

/* listaukset */
.tblList{
	width:784px;	
	margin-left:-4px;
	margin-right:-6px;
}

.tblList a{display:inline;}
.tblList button{height:auto;}
.tblList .inlineButton{height:auto; }

.tblList th{
	background-color:#007ac2;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	padding-left:6px;
	padding:5px 0 0 6px;
	white-space:nowrap;	
}
tr.th3 th{padding:3px 0 3px 6px; !important; height:16px;}
tr.th2 th{padding:0 0 3px 6px; !important;}
.tblList td{
	padding:4px 0 4px 6px;
	font-size:12px;	
	/*white-space:nowrap;*/
}
.tblList .tdNoWrap {white-space:nowrap;}

.tblList td.Off{color:#6b6b6b;}

.tblList tr.white{
	background-color:#ffffff;
}
.tblList .tdLast{padding-right:3px;}
.tblList .thLast{padding-right:3px;}

tr.listBottomRow {
	
}
/* //listaukset */
/*Merkkien ja lyhenteiden selitykset table*/
.showItem{display:block;}
.showItemInline{display:inline;}
.hiddenItem{display:none;}

/**/
.span1 {font-size: 11px}

/* PAIKAT*/
.tblPlace{
	width:570px;	
	margin-left:-4px;
	margin-right:-6px;
}
.tblPlace td{padding:0;}
.tblPlace td.column1{padding:0; width:auto; padding-right:16px;}
.tblPlace td.column2{padding:0; width:auto; padding-right:17px;}


/* matkaosuus kehys */
.tblTrip {width:179px; height:100%;}
.tblTrip td{padding:0;}
.tblTrip .tdTripHeaders{ padding-bottom:3px;}
.tblTrip h1{padding:5px; margin:0; font-size:14px; color:#0079c2; font-weight:normal; background:#ffffff; display:block;}
.tblTrip span{ height:100%;width:169px; padding:5px; margin:0; display:block; background:#ffffff;}
.tblTrip h1{padding:5px 5px 5px 2px; margin:0; font-size:14px; color:#0079c2; font-weight:normal; background:#ffffff;}
.tblTrip td.tdBusArea{ background-color:transparent;}

/*bussi*/

.tblBus{ width:179px; background-color:transparent; border:1px solid #9e9e9e; margin-top:15px;}

.tblBus td{background-color:transparent; width:26px; font-weight:bold;}
.tblBus td.Front{ width:179px; height:56px; background: transparent url('images/www/etuosa.png') no-repeat top;}
html.ie6 .tblBus td.Front{ width:179px; height:56px; background: transparent url('images/www/etuosa.gif') no-repeat top;}

.tblBus td.Back{ width:179px; height:7px; background: transparent url('images/www/takaosa.png') no-repeat bottom;}
html.ie6 .tblBus td.Back{ width:179px; height:7px; background: transparent url('images/www/takaosa.gif') no-repeat bottom;}

.tblBus tr.firstLine td{height:16px !important;}
.tblBus .colA{padding-left:6px; padding-right:9px}
.tblBus .colB{padding-left:0; padding-right:7px}
.tblBus .colC{padding-left:6px; padding-right:0; visibility:hidden;}
.fullSeats .colC{ visibility:visible}
.tblBus .colD{padding-left:9px; padding-right:8px}

.tblBus .colLineNumber{width:27px; background-color:#ffffff; text-align:center; padding-top:5px;}

/* paikka painikkeiden ja värien selitysruutujen värit*/
.varattu{background-color:transparent;}
.vapaa{background-color:#ffffff;}
.valittu{background-color:#85d2fe;}
.trSeparator{ background-color:transparent;}
.trSeparator td{ background-color:transparent; height:7px; padding:0 !important;margin:0;}

/* //PAIKAT*/
/*****POPUP************/
.tblMainPopup{ 
	width:453px;	
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin:8px auto auto auto;		
}
.connection{ 
	width:795px;
	margin-bottom:10px;		
}
.placeSearch{ 
	width:580px;
	margin-bottom:10px;		
}
.help{ 
	width:580px;
	margin-bottom:10px;	
}

.tblMainPopup div.whiteLine{width:100%;height:1px; margin-right:6px;}

.tblMainPopup .tblList2 .tdHeader{ font-weight:bold; font-size:12px; padding:5px 0 5px 0; border-top:1px solid #ffffff;}
.tblMainPopup .tblHeaderTable .row1 .column1 {width:auto;}
.tblMainPopup .tblHeaderTable .row1 .column2{
	width:auto;
	padding-left:7px;
	padding-right:12px;	
}
.tblMainPopup .tblHeaderTable .row1 .column2 img{margin-bottom:-3px;margin-right:3px;}
html.w3c .tblMainPopup .tblHeaderTable .row1 .column2 img{margin-bottom:-6px;margin-right:3px;}
.tblMainPopup .tblHeaderTable .row1 .column2 button{margin:0;}



.tblMainPopup .tblHeaderTable{ margin-top:0;}
.tblMainPopup .tblHeaderTable .row1 td{	background-color:#0079c2; height:30px;}
.tblMainPopup .tblHeaderTable td.row2 {		
	padding:12px;
	height:auto;
	font-size:12px;
}
/*popup listaukset*/
.tblMainPopup .tblList{
	width:100%;
		
	margin-left:0;
	margin-right:0;
}
.tblMainPopup .tblList th{
	background-color:transparent;
	color:#000000;
	font-weight:normal;
	font-size:16px;
	padding-left:6px;
	padding:5px 0 0 6px;
	white-space:nowrap;	
	border-bottom:1px solid #000000;
}
.tblMainPopup .tblList2 th {
	font-size: 11px;	
	color: #ffffff; 
	white-space: nowrap;	
	background-color: #007ac2;
	padding:5px 0 0 6px;
	font-weight:bold;
	border:1px solid #ffffff; border-left:0; border-right:0;	
}
.tblMainPopup .tblList th.column2{	
	font-weight:normal;
	font-size:12px;	
	padding:5px 0 2px 6px;
	white-space:nowrap;	
}
.tblMainPopup .tblList .smallText{	
	font-weight:normal;
	font-size:12px;	
	padding:5px 0 2px 6px;
	white-space:nowrap;
	display:inline;	
}

.tblMainPopup .vuoro{width:774px;}
.tblMainPopup .vuoro th{font-size:12px; font-weight:bold;}

.vuoro td{}
.vuoro .tdLast{padding-left:10px;}

/*tekstisisältö popupit*/
.tblTextContent{border-top:1px solid #ffffff; margin-bottom:10px;}
.tblTextContent .upLink{background:none;padding:0; margin:10px 0 10px 0; font-weight:normal; display:inline;}

.tblTextContent h2{ font-weight:normal; font-size:14px; margin:10px 0 5px 0;}
.tblTextContent h6{ font-weight:normal; font-size:12px; margin:10px 0 5px 0;}
.tblTextContent p{ font-weight:normal; font-size:12px; margin:10px 0 5px 0;}
.dvContentLinks{margin:10px 0 10px 0;}
.dvContentLinks a{display:block;}


/* /popup listaukset*/

.tblMainPopup .tblBottomArea{	
	border-top:1px solid #ffffff;
	margin:0px 0px 10px 0px !important;
	width:100%;
}
.tblMainPopup .tblBottomArea .column3{	
	padding-right:0;
}
html.ie6 .inlineButton{padding-left:5px; padding-right:5px;}

html.ie .inlineButton{padding-left:5px; padding-right:5px;}

/* hakutulosten sivutus*/
.pageBrowse{}
ul.pageBrowse{ 
	list-style-type:none;
	padding:0;
	margin:5px; 
	text-align:center;	
}
ul.pageBrowse li{ padding:0 5px 0 5px;margin:0; display:inline;}
ul.pageBrowse li a:hover{ color:#6b6b6b; text-decoration:none;}
ul.pageBrowse li a:active{ color:#6b6b6b; text-decoration:none;}
li.end a{ color:#6b6b6b; text-decoration:none;}

/* //hakutulosten sivutus*/
/*****POPUP************/

/*Matkalippujen hintataulukko*/
.tblTicketPrice{margin-top:10px; margin-bottom:20px;}
.tblTicketPrice td{padding:2px 0 2px 0 !important;}
.tblTicketPrice th{font-weight:bold; font-size:12px;}
.tblTicketPrice .columnCenter{padding-left:30px; padding-right:40px;}
.tblTicketPrice .columnLeftPad{padding-left:40px; padding-right:0px;}
.tblTicketPrice tr.bottom td{ background:none; border-top:1px solid #000000; font-weight:bold;}


/*Autocomplete*/
.autocomplete {
    width: 350px;
    background: #fff;
    position:absolute;
}

.autocomplete ul {
    border: 1px solid #31430f;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

.autocomplete ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
}

.autocomplete ul li.selected {
    background-color: #ecf4fb;
}

.autocomplete ul strong.highlight {
    color: #800;
    margin:0;
    padding:0;
}
