body
	{
	background-color	: white;
	border-top		: 7px solid #0066cc;
	border-bottom		: 25px solid #0066cc;
	font-size		: 0.7em;
	font-family		: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color			: #414141;
	padding			: 0px;
	margin			: 0px;
	text-align:center;
	background-image	: url(../img/menu_bg.gif);
	background-repeat	: repeat-x;
	background-position	: top;
	}

img
	{
	border			: 0px;
	}

br
	{
	clear			: left;
	}

.clear_row
	{
	clear			: both;
	overflow		: hidden;
	height			: 1px;
	}

.container
	{
	width			: 999px;
	margin			: 0px;
	padding			: 0px;
	margin-top		: 0px;
	margin-left		: auto;
	margin-right		: auto;
	margin-bottom		: 10px;
	text-align		:left;
	}

#header
	{
	padding-top			: 10px;
	}

#logo
	{
	padding-left		: 20px;
	margin-bottom		: 10px;
	width			: 298px;
	float			: left;
	}
#menu
	{
	float			: right;
	width			: 630px;
	padding-top		: 12px;
	padding-right	: 45px;
	}

#menu ul
	{
	padding			: 0;
	margin			: 0;
	font-size		: 1em;
	font-weight		: bold;
	font-family		: Arial, Helvetica, sans-serif;
	list-style-type	: none;
	float			: right;
	}

#menu ul li
	{
	display			: inline;
	}

#menu ul li a
	{
	vertical-align		: middle;
	padding-left		: 8px;
	padding-right		: 10px;
	color				: #0066cc;
	text-decoration		: none;
	}

#menu ul li a:hover
	{
	text-decoration		: underline;
	}

#menu ul li a:active
	{
	color			: #000000;
	}

#menu ul li img
	{
	vertical-align		: middle;
	display				: inline;
	}

#menu ul li span
	{
	vertical-align		: middle;
	padding-left		: 8px;
	padding-right		: 0px;
	color				: #0066cc;
	}

#menu ul li span a
	{
	vertical-align		: middle;
	padding			: 0px;
	margin-left		: 0px;
	margin-right		: 8px;
	color			: #0066cc;
	text-decoration		: none;
	}

#menu ul li span a img
	{
	margin-bottom		: 3px;
	}

	
#menu #loginbox
	{
	padding:0;
	margin:0;
	}


/*
#menu form,
#menu #loginbox form, */
form
{
	padding:0;
	margin:0;
}

div#username,
div#password {
	position:relative;
	float:left;
	width:6.5em;
	margin-top:2px;
}

input#username-field,
input#password-field {
	width:5em;
}

label.overlabel,
label.overlabel-apply
	{
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999999;
	}



#mainwrapper
	{
	width			: 795px;
	float			: left;
	margin			: 0px;
	padding			: 0px;
	margin-left		: 5px;
	}
	
.contentblock
	{
	float			: left;
	}
	
	
.contentblock_center
	{
	text-align		: center;	/* IE 5.5 ei pane sisu muidu keskele */
	}
.contentblock_center div
	{
	text-align		: left;		/* Joondame teksti vasakule tagasi */
	}

	
.content_popup {
	width: 500px;
	margin-left: 40px;
	margin-right: auto;
}	
	
.content_left
	{
	width			: 340px;
	float			: left;
	margin-bottom	:10px;
	}

.content_center
	{
	width			: 445px;
	float			: left;
	margin-left		: 10px;
	}

.content_right
	{
	width:180px;
	height: 1100px;
	margin-left:10px;
	margin-right:4px;
	float:left;
	}

.content_left_client
	{
	width			: 475px;
	float			: left;
	padding-bottom	: 25px;
	}

.content_center_client
	{
	width			: 310px;
	float			: left;
	margin-left		: 10px;
	padding-bottom	: 25px;
	}

.content_client
	{
	width			: 450px;
	margin-left		: auto;
	margin-right	: auto;
	padding-bottom	: 25px;
	}

.content_left_payment
	{
	width			: 525px;
	float			: left;
	padding-bottom	: 25px;
	}
	
h2.formerh1 {
	vertical-align	: middle;
	padding			: 0px;
	padding-top		: 10px;
	margin			: 0px;
	margin-bottom	: 5px;
	color			: #004891;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1.9em;
	font-weight		: normal;
	position		: relative;
	border-bottom	: none;
}	
h2.formerh1 img
	{
	display			: inline;
	margin-right	: 10px;
	}

h1
	{
	vertical-align	: middle;
	padding			: 0px;
	padding-top		: 10px;
	margin			: 0px;
	margin-bottom	: 5px;
	color			: #004891;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1.9em;
	font-weight		: normal;
	position		: relative;
	}
h1 img
	{
	display			: inline;
	margin-right	: 10px;
	}
h1 a
	{
	position		: absolute;
	top				: 1em;
	top				: 10px;
	right			: 0px;
	color			: #004891;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.6em;
	font-weight		: bold;
	text-decoration	: none;
	}
h1 a:hover
	{
	text-decoration	: underline;
	}
h2
	{
	vertical-align	: middle;
	padding			: 0px;
	margin			: 0px;
	margin-bottom	: 1px;
	color			: #004891;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1.1em;
	border-bottom	: 1px solid #ccdae9;
	position		: relative;
	}
h2 a
	{
	position		: absolute;
	top				: 1em;
	top				: 1px;
	right			: 0px;
	color			: #004891;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 0.9em;
	font-weight		: bold;
	text-decoration	: none;
	}
h3
	{
	vertical-align	: middle;
	padding			: 0px;
	margin			: 0px;
	margin-bottom	: 1em;
	color			: #000000;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1em;
	}
p
	{
	padding			: 0px;
	margin			: 0px;
	margin-top		: 5px;
	margin-bottom	: 10px;
	font-size		: 1em;
	font-family		: Verdana, Helvetica, sans-serif;
	}
	
h1.off,
h2.off,
p.off
	{
	color			: #b5b5b5;
	border-color	: #b5b5b5;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.bg5
	{
	background		: #d22020;
	}

.bg4
	{
	background		: #e92f10;
	}

.bg3
	{
	background		: #ff9900;
	}

.bg2
	{
	background		: #f3c409;
	}

.bg1
	{
	background		: #cccc00;
	}

.bg0
	{
	background		: #c9dcee;
	}

	
	
	
	
.list .bg0, .list .bg1, .list .bg2, .list .bg3, .list .bg4, .list .bg5 {
	background: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
}
.line1 .bg0, .line1 .bg1, .line1 .bg2, .line1 .bg3, .line1 .bg4, .line1 .bg5 {
	background-color: #BADFFF;
}

.line2 .bg0, .line2 .bg1, .line2 .bg2, .line2 .bg3, .line2 .bg4, .line2 .bg5 {
	background-color: #E3F2FF;
}
.line3 .bg0, .line3 .bg1, .line3 .bg2, .line3 .bg3, .line3 .bg4, .line3 .bg5 {
	background-color: #004891;
}
	
.percentage {
	height: 20px;
	width: 77px;
	color: #ffffff;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
}

.percentage span {
	float: right;
	line-height: 20px;
}

/* This line-height is for IE */
* html .percentage span {
	line-height: 18px;
}

.line1 .percentage {
	background: transparent url(../img/percentage_bg_line1.gif) no-repeat;
}

.line2 .percentage {
	background: transparent url(../img/percentage_bg_line2.gif) no-repeat;
}

.line3 .percentage {
	background: transparent url(../img/percentage_bg_line3.gif) no-repeat;
}

.percentage .bar {
	height: 12px;
	float: right;
	margin: 0px;	
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 4px;
	line-height: 12px;
	color: #000000;
	text-align: left;
}
.line3 .percentage .bar {
	color			: white;
}
.percentage .bar span {
	float: left;
	padding: 0px;
	margin-left:2px;
	line-height: 12px;
	}
/* IE hack */ 
* html .percentage .bar {
	margin-right: 2px;
}

.line1 .bar {
	background-color: #BADFFF;
}

.line2 .bar {
	background-color: #E3F2FF;
}

.line3 .bar {
	background-color: #004891;
}

.percentage .bar-corner {
	height: 12px;
	width: 2px;
	float: right;
	margin: 0px;
	margin-top: 4px;
}

.line1 .bar-corner {
	background: transparent url(../img/percentage_bar_line1.gif) no-repeat;
}

.line2 .bar-corner {
	background: transparent url(../img/percentage_bar_line2.gif) no-repeat;
}

.line3 .bar-corner {
	background: transparent url(../img/percentage_bar_line2.gif) no-repeat;
}
.bg0 .percentage {
	background-color: #c9dcee;
}

.bg1 .percentage {
	background-color: #cccc00;
}

.bg2 .percentage {
	background-color: #f3c409;
}

.bg3 .percentage {
	background-color: #ff9900;
}

.bg4 .percentage {
	background-color: #e92f10;
}

.bg5 .percentage {
	background-color: #d22020;
}














#color_table
	{
	width			: 340px;
	border-collapse		: collapse;
	margin-top		: 5px;
	}
#color_table tr td
	{
	font-size		: 10px;
	color			: #666666;
	width			: 20%;
	}

#color_table tr td#free
	{
	text-align			: right;
	}

	
	
	
	
	
	
	
	
	
	
	
	

	
	
#calendarcontainer
	{
	width			: 136px;
	text-align		: center;
	float			: right;
	margin-top		: 5px;
	margin-right	: 5px;
	margin-bottom	: 5px;
	position		: absolute;
	bottom			: 0px;
	right			: 0px;
	}

.routemap
	{
	position		: absolute;
	vertical-align	: top;
	float			: left;
	}
	
#calendarhead
	{
	width			: 136px;
	height			: 2em;
	vertical-align		: middle;
	background		: #004992;
	background-image	: url(../img/calendar_bg_top.gif);
	background-repeat	: no-repeat;
	background-position	: top center;
	color			: #ffffff;
	}

#calendarhead ul
	{
	padding			: 0;
	margin			: 0;
	font-size		: 1em;
	font-family		: Arial, Helvetica, sans-serif;
	list-style-type		: none;
	text-align		: center;
	}

#calendarhead ul li
	{
	display			: block;
	float			: left;
	}

#calendarhead ul li#back,
#calendarhead ul li#forward
	{
	width			: 18px;
	}
#calendarhead ul li#monthname
	{
	width			: 100px;
	line-height		: 2em;
	}
#calendarhead ul li a
	{
	width			: 18px;
	height			: 2em;
	display			: block;
	}
#calendarhead img
	{
	display			: inline;
	margin-top		: 8px;
	}
#calendarcontent
	{
	width			: 100%;
	background-image	: url(../img/calendar_bg_bottom.gif);
	background-repeat	: no-repeat;
	background-position	: bottom center;
	padding-bottom		: 5px;
	}
#calendar
	{
	width			: 127px;
	margin			: 0 auto;
	padding			: 0;
	padding-left		: 1px;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #d7ecff;
	}

/* to stretch the container div to contain floated list */
#calendar:after
	{
	content			: "";
	display			: block;
	line-height		: 1px;
	font-size		: 1px;
	clear			: both;
	}

#calendar ul
	{
	list-style		: none;
	padding			: 0px;
	margin			: 0px;
	width			: 100%;
	}

#calendar ul li
	{
	width			: 17px;
	height			: 17px;
	display			: block;
	float			: left;
	margin			: 0px;
	margin-right		: 1px;
	margin-bottom		: 1px;
	padding			: 0px;
	text-align		: center;
	color			: #000000;
	font-size		: 1em;
	line-height		: 1.7em;
	}

#calendar ul li a
	{
	width			: 17px;
	height			: 17px;
	display			: block;
	text-decoration		: none;
	vertical-align		: middle;
	text-align		: center;
	color			: #ffffff;
	font-size		: 0.9em;
	line-height		: 1.7em;
	}

#calendar ul li a:hover
	{
	}

#calendar>#calendar ul li a { width: auto; }




#kaart {
  		position: absolute;
  		top: 0px;
  		left: 0px;
  		width: 340px;
  		height: 232px;
  		overflow: hidden;
  	}
  	
  	#kaart_bg, #kaart_bgs {
  		display: block;
  		position: absolute;
  		top: -24px;
  		left: 0px;
  		width: 426px; 
  		height: 251px;
  	}
  	
  	#kaart_bg {
  		display: none;
  	}
  	
  	#kaart_kv {
  		position: absolute;
  		left: 100px;
  		top: 110px;
  		cursor: hand;
  		cursor: pointer;
  	}
  	
  	#from_name {
  		display: none;
  		position: absolute;
  		left: 0px;
  		top: -20px;
  		color: #0066c6;
  		font: 12px Verdana;
  		background: white;
  	}
  	
  	#from_name a {
  		font: 12px Verdana;
  		color: #0066c6;
  		text-decoration: none;
  	}
  	#from_name a:hover {
  		text-decoration: underline;
  	}  	
  	
  	#to_name {
  		display: none;
  		position: absolute;
  		left: 0px;
  		top: -20px;
  		color: #0066c6;
  		font: 12px Verdana;  	
  		background: white;
  	}
  	
  	#to_name a {
  		font: 12px Verdana;
  		color: #0066c6;
  		text-decoration: none;
  	}
  	#to_name a:hover {
  		text-decoration: underline;
  	}  	
  	
  	#calendarcontainer {
  		right: auto;
  		bottom: auto;
  		left: 200px;
  		top: 16px;
  	}

#service_group
	{
	width			: 136px;
	margin-bottom		: 3px;
	font-size		: 1.1em;
	}
#day
	{
	width			: 47px;
	float			: left;
	font-size		: 1.1em;
	margin-bottom		: 3px;
	}
#month
	{
	width			: 86px;
	font-size		: 1.1em;
	margin-bottom		: 3px;
	}

#mapcontainer
	{
	height				: 219px;
	border-top			: 1px solid white;
	position			: relative;
	}
	
	
#passengers
	{
	background-image	: url(../img/ticket_table_bg_top.gif);
	background-repeat	: no-repeat;
	background-position	: top center;
	padding				: 0px;
	color				: #004891;
	margin-bottom		: 12px;
	}
	
#passenger_bg
	{
	background-image	: url(../img/ticket_table_bg_btm.gif);
	background-position	: bottom center;
	background-repeat	: repeat-x;
	width				: 100%;
	z-index				: 800;
	text-align			: center;
	}
	
#passenger_fg
	{
	background-image	: url(../img/ticket_table_fg.gif);
	background-position	: bottom left;
	background-repeat	: no-repeat;
	}

#passengers_akk {
	padding				: 6px;
	clear				: both;
}	

#passengers_hdr
	{
	height				: 37px;
	
	}

#tickets_hdr
	{
	background			: transparent url(../img/icon_ticket.gif) no-repeat 9px 0px;
	font-weight			: bold;
	width				: 231px;
	padding-left		: 32px;
	float				: left;
	height				: 20px;
	margin-top			: 9px;
	}
	
#tickets_cnd 
	{
	float				: left;
	margin-left			: 5px;
	width				: 239px;
	padding				: 10px;
	padding-left		: 11px;
	}	

#vehicles_hdr
	{
	margin-left			: 4px;
	width				: 227px;
	padding-left		: 34px;
	background			: transparent url(../img/icon_vehicle.gif) no-repeat 6px 0px;
	font-weight			: bold;
	float				: left;
	height				: 20px;
	margin-top			: 9px;	
	}
	
	
#vehicles_cnd
	{
	float: left;
	padding				: 10px;
	padding-left		: 13px;
	width				: 240px;
	margin-left			: 2px;
	}
	
#cabins_hdr
	{
	margin-left			: 3px;
	background			: transparent url(../img/icon_cabin.gif) no-repeat 6px 0px;
	font-weight			: bold;
	width				: 231px;
	padding-left		: 32px;
	float				: left;
	height				: 20px;	
	margin-top			: 9px;	
	}
	
#cabins_cnd
	{
	float: left;
	padding				: 10px;
	padding-left		: 15px;
	width				: 232px;
	margin-left			: 2px;	
	}

#passengers label
	{
	font-size		: 1em;
	float			: left;
	margin			: 5px;
	margin-left		: 0px;
	text-align		: left;
	}
#passengers input,
#passengers select
	{
	font-size		: 1.1em;
	float			: left;
	margin-bottom	: 5px;
	margin-top		: 5px;
	margin-right	: 10px;
	}
	
#passengers label.left
	{
	width			: 200px;
	}
#passengers select.left
	{
	width			: 200px;
	}
	
#passengers label.right
	{
	margin-left		: 5px;
	}
#passengers input.right
	{
	width			: 70px;
	font-size		: 1.1em;
	}
	
#passengers .person_ticket label
	{
	width			: 8em;
	}
#passengers .person_ticket span.info
	{
	font-size		: 1em;
	float			: left;
	margin			: 5px;
	margin-left		: 0px;
	color			: #cfad54;
	}
#passengers input.button
	{
	float			: none;
	margin-left		: auto;
	margin-right	: auto;
	}
	
#passengers.off
	{
	background-image	: none;
	/*
	background-image	: url(../img/passengers_bg_off.gif);
	background-repeat	: no-repeat;
	background-position	: bottom center;
	padding				: 10px;
	padding-left		: 15px;
	*/
	color				: #414141;
	width				: 795px;

	}
	
#passengers.off #passengers_hdr {
	display				: none;
}	

#passengers.off #passenger_bg {
	background-image	: url(../img/ticket_table_bg_btm_off.gif);	
	width				: 100%;
}

#passengers.off #passenger_fg {
	display				: none;
}		
	
#passengers.off select
	{
	}
	
#passengers img.spacer
	{
	margin-top			: 5px;
	margin-bottom		: 5px;
	}
	
table.list
	{
	width				: 100%;
	border-collapse		: collapse;
	font-size			: 1em;
	font-family			: Verdana, Helvetica, sans-serif;
	margin-bottom		: 15px;
	}

table.list th
	{
	border-bottom		: 4px solid #004891;
	color				: #666666;
	font-size			: 1em;
	padding-left		: 5px;
	text-align			: center;
	}
	
table.list tr.line1
	{
	background			: #badfff;
	}
table.list tr.line2
	{
	background			: #e3f2ff;
	}
table.list tr.line3
	{
	color				: white;
	background			: #004891;
	}
	
table.list td
	{
	height				: 2em;
	text-align			: center;
	font-size			: 1em;
	border-top			: 1px solid #ffffff;
	padding-left		: 5px;
	}
	
	
table.list th.left,
table.list td.left
	{
	text-align			: left;
	}
	
table.list th.right,
table.list td.right
	{
	text-align			: right;
	}
	
	

table.list td a
	{
	vertical-align		: middle;
	color				: #004891;
	text-decoration		: none;
	font-size			: 0.9em;
	font-family			: Verdana, Helvetica, sans-serif;
	}

table.list td a:hover
	{
	text-decoration		: underline;
	}

table.list td a:active
	{
	color				: #000000;
	}

table.list td a.look
	{
	color				: #000000;
	}
table.list td a.delete
	{
	color				: #ff0000;
	}

table.list td img
	{
	vertical-align		: middle;
	display				: inline;
	}
	
table.list tr.line3 td a,
table.list tr.line3 td a:active
	{
	color				: white;
	}
table.list .look
	{
	color: #000000;
	}
	
table.listoff
	{
	width				: 100%;
	border-collapse		: collapse;
	font-size			: 1em;
	font-family			: Verdana, Helvetica, sans-serif;
	margin-bottom		: 15px;
	}

table.listoff th
	{
	border-bottom		: 4px solid #b5b5b5;
	color				: #b5b5b5;
	font-size			: 1em;
	padding-left		: 5px;
	text-align			: center;
	}
	
table.listoff tr.line1
	{
	background			: #e1e1e1;
	}
	
table.listoff tr.line2
	{
	background			: #f1f1f1;
	}
	
table.listoff tr.line3
	{
	background			: #004891;
	}
	
table.listoff td
	{
	height				: 2em;
	text-align			: center;
	font-size			: 1em;
	border-top			: 1px solid #ffffff;
	padding-left		: 5px;
	color				: #b5b5b5;
	}
	
table.listoff th.left,
table.listoff td.left
	{
	text-align			: left;
	}
	
table.listoff th.right,
table.listoff td.right
	{
	text-align			: right;
	}
	
table.list td.bold,
table.listoff td.bold
	{
	font-weight			: bold;
	}
	
	

table.listoff td a
	{
	vertical-align		: middle;
	color				: #b5b5b5;
	text-decoration		: none;
	font-size			: 0.9em;
	font-family			: Verdana, Helvetica, sans-serif;
	}

table.listoff td a:hover
	{
	text-decoration		: underline;
	}

table.listoff td img
	{
	vertical-align		: middle;
	display				: inline;
	}

.sms
	{
	padding				: 5px 5px 10px 0px;
	color				: #666666;
	text-decoration		: none;
	font-size			: 1em;
	font-family			: Verdana, Helvetica, sans-serif;
	}

	
.pay_persons
	{
	padding				: 5px 5px 10px 0px;
	color				: #666666;
	text-decoration		: none;
	font-family			: Verdana, Helvetica, sans-serif;
	}
	
.pay_persons td
	{
	padding-left		: 5px;
	}

.pay_persons label
	{
	padding-right		: 1em;
	}

	
.pay_persons label, input, textarea 
	{
	display			: block;
	float			: left;
	margin-bottom	: 0.7em;
	}
.pay_persons input
	{
	width			: 12em;
	font-size		: 1em;
	padding-left	: 3px;
	padding-right	: 3px;
	padding-top		: 1px;
	padding-bottom	: 1px;
	margin-right	: 1em;
	font-family		: Verdana, Helvetica, sans-serif;
	}


.pay_car label
	{
	color: #000000;
	font-weight :bold;
	padding-right:1em;
	}
.pay_car label,
.pay_car input,
.pay_car textarea 
	{
	display			: block;
	float			: left;
	margin-bottom	: 0.7em;
	}
.pay_car input
	{
	width			: 3em;
	font-size		: 1em;
	padding-left	: 3px;
	padding-right	: 3px;
	padding-top		: 1px;
	padding-bottom	: 1px;
	margin-right	: 1em;
	font-family		: Verdana, Helvetica, sans-serif;
	}

	
	

#pay_bank .bottom_margin
	{
	margin-bottom	: 3em;
	}
#pay_bank div
	{
	width			: 260px;
	float			: left;
    display			: block;
    text-align		: center;
	}
#pay_bank div.border_right
	{
	border-right	: 1px solid #ccdae9;
	}
#pay_bank div div 
	{
	font-weight		: bold;
	margin-bottom	: 1em;
	color			: #666666;
	}
#pay_bank div input
	{
	display			: block;
	display			: inline;
    margin-left		: 85px;
    margin-top		: 2em;
    margin-bottom	: 2em;
	}
	
	
#pay_bank1 .bottom_margin
	{
	margin-bottom	: 3em;
	}
#pay_bank1 div
	{
	width			: 195px;
	float			: left;
    display			: block;
    text-align		: center;
	}
#pay_bank1 div.border_right
	{
	border-right	: 1px solid #ccdae9;
	}
#pay_bank1 div div 
	{
	font-weight		: bold;
	margin-bottom	: 1em;
	color			: #666666;
	}
#pay_bank1 div input
	{
	display			: block;
	display			: inline;
    margin-left		: 52px;
    margin-top		: 2em;
    margin-bottom	: 2em;
	}	


#paper_bg 
	{
	width				: 675px;
	background-image	: url(../img/paper_bg.gif);
	background-repeat	: repeat-y;
	margin-left			: auto;
	margin-right		: auto;
	}

#paper_bg_top {
	width				: 675px;
	height				: 30px;
	background-image	: url(../img/paper_bg_top.gif);
	background-repeat	: no-repeat;
}

#paper_bg_btm {
	width				: 675px;
	height				: 30px;
	background-image	: url(../img/paper_bg_btm.gif);
	background-repeat	: no-repeat;
}

#print_content 
	{
	margin				: 58px;
	margin-top			: 33px;
	}
	
#footer
	{
	margin-left			: 5px;
	width				: 985px;
	float				: left;
	border-top			: 7px solid #0066cc;
	}
	
.client_input label, input, textarea 
	{
	display			: block;
	float			: left;
	margin-bottom	: 0.7em;
	}
	
.client_input input,
.client_input textarea 
	{
	width			: 12em;
	font-size		: 1em;
	padding-left	: 3px;
	padding-right	: 3px;
	padding-top		: 1px;
	padding-bottom	: 1px;
	font-family		: Verdana, Helvetica, sans-serif;
	}

.client_input label
	{
	font-size		: 1em;
	text-align		: right;
	width			: 9em;
	margin-right	: 0.5em;
	color   		: #666666;
	}

.client_input .savebutton 
	{
	width			: 22em;
	}
	
.registerbutton
	{
	width			: 22em;
	}
	
.loginbutton
	{
	width			: 22em;
	}
	
.loginbutton input
	{
	width			: 102px;
	height			: 19px;
	margin-top		: 1em;
	float			: right;
	}
	
.registerbutton input
	{
	width			: 102px;
	height			: 19px;
	margin-top		: 1em;
	float			: right;
	}
	
.client_input .savebutton input
	{
	width			: 64px;
	height			: 19px;
	margin-top		: 1em;
	float			: right;
	}
	
.payment_input_final
	{
	width: 22em;
	}
.payment_input_final label,
.payment_input_final input,
.payment_input_final textarea 
	{
	display			: block;
	float			: left;
	margin-bottom	: 0.7em;
	}
	
.payment_input_final input,
.payment_input_final textarea 
	{
	width			: 12em;
	font-size		: 1em;
	padding-left	: 3px;
	padding-right	: 3px;
	padding-top		: 1px;
	padding-bottom	: 1px;
	font-family		: Verdana;
	}

.payment_input_final label
	{
	font-size		: 1em;
	text-align		: right;
	width			: 8em;
	margin-right	: 0.5em;
	color   		: #666666;
	}

.payment_input_final .paybutton 
	{
	width			: 22em;
	}
	
.payment_input_final .paybutton input
	{
	width			: 60px;
	height			: 17px;
	margin-top		: 1em;
	float			: right;
	}

	
#sms_checkbox
	{
	margin-left: 6em;
	}
#sms_checkbox input
	{
	margin-right:5px;
	}
#sms_checkbox label
	{
	display	:block;
	padding-left:20px;
	padding-top:3px;
	}
	
	
	
	
.ticket
	{
		sborder			: 1px solid red;
		width			: 20em;
		text-align		: center;
		padding-bottom	: 1em;
		float			: left;
	}
	
.ticket img
	{
		width			: 18em;
		margin-left		: auto;
		margin-right	: auto;
	}
.ticket .code
	{
		border-bottom	: 2px dotted #666666;
		font-size		: 2em;
		line-height		: 1.5em;
	}
.ticket .service
	{
		font-size		: 1em;
		margin-top		: 0.5em;
	}
.ticket .departure
	{
		font-size		: 1.5em;
		margin-top		: 0.3em;
	}
.ticket .footnote
	{
		font-size		: 1.1em;
		text-align		: left;
	}

.ticket dl
	{
	width			: 20em;
	border-bottom	: 2px dotted #666666;
	padding			: 0;
	margin			: 0;
	margin-top		: 0.3em;
	text-align		: left;
	}

.ticket dt
	{
	width			: 8em;
	vertical-align	: top;
	margin-bottom	: 0.5em;
	font-size		: 1.1em;
	text-align		: right;
	}

.ticket dd
	{
	width			: 9.5em;
	vertical-align	: top;
	margin-bottom	: 0.5em;
	margin-left		: 8.5em;
	margin-top		: -2em;	
	font-size		: 1.1em;
	text-align		: left;
	}
	
.ticket dd span
	{
	font-size		: 1.5em;
	}
dl.ticket_data
	{
	padding-bottom	: 1em;
	}
.ticket_data dt 
	{
	width			: 5em;
	padding			: 0px;
	vertical-align	: top;
	text-align		: left;
	margin-bottom	: 0.5em;
	font-size		: 1em;
	text-align		: right;
	}
.ticket_data dt.service
	{
	width:30em;
	}
.ticket_data dd 
	{
	vertical-align	: top;
	margin-bottom	: 0.5em;
	margin-left		: 5.5em;
	margin-top		: -1.7em;	
	font-size		: 1em;
	}
.ticket_data dd.service
	{
	color			: #004891;
	font-weight		: bold;
	font-size		: 1em;
	}
.ticket_data dt.bold,
.ticket_data dd.bold 
	{
	font-weight		: bold;
	color			: #000000;
	}


.invoice table 
	{
	width	: 85%;
	}
	
	
	.address
	{
	padding-top 	: 5px;
	padding-bottom 	: 15px;
	margin-bottom : 0px;
	margin-right : 150px;
	margin-left : 0px;
	color			: #000000;
	font-size		: 1em;
	}
.ticket_pic
	{
	padding: 10px 5px 15px 45px;
	}	
	
.print_button 
	{
	padding-top	: 5px;
	float		: right;
	}
	
.print_button_center {
	width			: 100%;
	text-align		: center;
	margin-left		: auto;
	margin-right	: auto;
	display			: block;
}	

.print_button_center img {
	vertical-align: middle; 
	margin-left		: auto;
	margin-right	: auto;
}

.print_text
	{
	font-weight		: bold;
	padding-top 	: 45px;
	padding-bottom 	: 15px;
	color			: #000000;
	font-size		: 1em;
	}
	
.print_code
	{
	font-size		: 2.5em;
	text-align		: center;	
	border			: 5px double #FFFFFF; 
	background-color: #e3f2ff; 
	padding			: 15px;
	}

.bold_price
	{
	font-weight		: bold;
	padding-bottom	: 15px;
	padding-top		: 5px;
	}


.p_ticket_row td {
	border-top		: 3px solid #d1d2d4; 
	padding			: 8px; 
	background		: #eceded
}


.p_ticket_row td td {
	border			: none;
	padding			: 0px;
	background		: transparent;
}


.p_ticket_line {
	font: 10px Arial; 
	color: #6e6e6e
}

.p_ticket_depart {
	padding: 6px; 
	padding-left: 0px;
	padding-right: 0px;
	font: bold 16px Arial; 
	color: #6e6e6e;
}

.p_ticket_depart_date {
	color: #941313;
	padding-left: 10px;
}

.p_ticket_notice {
	font: 10px Arial; 
	color: black
}

.p_to_port_footnote {
	font: 14px Arial; 	
	color: #6e6e6e
}

.p_ticket_types {
	color: #474747;
	font: bold 18px Arial; 
}

.p_ticket_row td .p_ticket_types td
 {
	padding-right: 10px;
}

.p_ticket_types img {
	display: inline;
	vertical-align: middle;
}

.p_receipt {
	page-break-before: always;
	page-break-inside: avoid;
	font: 10px Arial; 
	font-weight: normal;
	color: #6e6e6e;
	width: 559px;
}

.p_tickets {
	width: 559px;
}

.p_receipt th {
	background: #d1d2d4;
	padding: 4px;
}

.p_receipt td {
	background: #eceded;
	padding: 4px;
}

.p_receipt_row_divider td {
	background: transparent;
}
.receipt_row_divider_td {
	height: 20px;
}

.prodiders_divider_td {
	height: 10px;
}

.p_info {
	page-break-before: avoid;
	page-break-inside: avoid;
	font: 10px Arial; 
	font-weight: normal;
	color: #6e6e6e;
	width: 559px;
	text-align: left;
}

.p_info td {
	background: #eceded;
	padding-left: 8px;
}

.p_info_row_divider td {
	background: transparent;
	padding: 0px;
}

.p_providers {
	page-break-before: avoid;
	page-break-inside: avoid;
	font: 10px Arial; 
	font-weight: normal;
	color: #6e6e6e;
	width: 559px;
	text-align: left;
}

.p_providers td {
	background: #eceded;
	padding: 8px;
}

.p_vahendaja {
	margin-bottom: 8px;
}


ul,
ul.notes
	{
	list-style-image: url(../img/notes_arrow.gif);
	margin	: 0px;
	padding	: 0px;
	margin-top		: 10px;
	margin-left		: 30px;
	line-height		: 1.4em;
	}
	
.off ul,
ul.notesoff,
ul.notesoff ul
	{
	list-style-image: url(../img/notes_arrow_off.gif);
	margin	: 0px;
	padding	: 0px;
	margin-top		: 10px;
	margin-left		: 30px;
	line-height		: 1.4em;
	color			: #b5b5b5;
	}
	
#smsdiv
	{
	margin			: 10px;
	margin-left		: 5px;
	}
#smsdiv input
	{
	margin-right:5px;
	}
#smsdiv input.nr
	{
	margin-left:20px;
	}
#smsdiv.off
	{
	color			: #b5b5b5;
	}
#smsdiv label
	{
	display	:block;
	padding-left:20px;
	padding-top:3px;
	}
	
#smsdiv
	{
	margin			: 10px;
	margin-left		: 5px;
	}
#acceptdiv input
	{
	margin-right:5px;
	}
#acceptdiv.off
	{
	color			: #b5b5b5;
	}
#acceptdiv label
	{
	display	:block;
	padding-left:20px;
	padding-top:3px;
	}
	
	
.cake_debug
	{
	text-align		: left;
	}
	
	
.error,
.error label
	{
	color 			: #cc0000;
	}
.form_error
	{
	border			: 1px solid #cc0000;
	}
	
#flashMessage.message
	{
	padding			: 5px;
	font-weight		: bold;
	background		: #e3f2ff;
	color			: green;
	text-align		: center;
	border-bottom	: 4px solid #0066cc;
	}
	
#errorMessage.message
	{
	padding			: 5px;
	font-weight		: bold;
	background		: #e3f2ff;
	color			: #cc0000;
	text-align		: center;
	border-bottom	: 4px solid #0066cc;
	}

.errormessage
	{
	padding			: 5px;
	font-weight		: bold;
	background		: #e3f2ff;
	color			: #cc0000;
	text-align		: center;
	border-bottom	: 4px solid #0066cc;
	}
	
	
.loading
	{
	left			: 0px;
	position		: absolute;
	background-color: black;
	opacity			: .50;
	filter			: alpha(opacity=50);
	-moz-opacity	: 0.5;
	text-align		: center;
	color			: white;
	font-weight		: bold;
	}
#ticketsloading
	{
	width			: 100%;
	height			: 100%;
	#height			: 125px;
	padding-top		: 50px;
	}
#calendarloading
	{
	width			: 100%;
	height			: 80px;
	padding-top		: 50px;
	}
	
.noshow {
	display: none;
}	

.help_bg {
    background: url(../img/help_bg.gif) no-repeat;
    padding: 8px;
    padding-top: 22px;
    font-size: 10px;
}

.news {	COLOR: #2d3c51; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; text-decoration: none}
a.news:link {	COLOR: #2d3c51; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; text-decoration: underline}
a.news:visited {	COLOR: #2d3c51; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; text-decoration: underline}
a.news:active {	COLOR: #2d3c51; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; text-decoration: underline}
a.news:hover {	COLOR: #2d3c51; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; text-decoration: underline}

.pealk {
	vertical-align	: top;
	padding			: 0px;
	padding-top		: 10px;
	padding-bottom	: 10px;
	margin			: 0px;
	margin-bottom	: 5px;
	color			: #004891;	
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 1.9em;
	font-weight		: normal;
	text-transform: none;
	text-decoration: none;
	position		: relative;

}
.pealk2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	word-spacing: normal;
	color: black;
	letter-spacing: 0px;

}
.textv { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none }

.ab {page-break-after: always; BACKGROUND-COLOR:white;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		}	
		
		
table.bidirect_time_bg_table 
	{
	background-color: rgb(208,231,249);
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
table.bidirect_time_bg_table td 
	{
	padding: 0px;
	margin: 0px;
	}




table.borderless_simple_table 
	{
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
table.borderless_simple_table td 
	{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	}

span.formLabel 
	{
	color			: #004891;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 1.1em;
	}

table.direction_select_radios_table 
	{
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
table.direction_select_radios_table td.text_cell 
	{
	vertical-align: top;
	padding-top: 4px;
	}
td.selectable_tr_content 
	{
	background-color: rgb(208,230,251);
	}


.clickable 
	{
	cursor: pointer;
	}




table.bidirectList
	{
	width				: 100%;
	border-collapse		: collapse;
	font-size			: 1em;
	font-family			: Verdana, Helvetica, sans-serif;
	margin-bottom		: 15px;
	}

table.bidirectList th
	{
	border-bottom		: 4px solid #004891;
	color				: #666666;
	font-size			: 1em;
	text-align			: center;
	}
	
table.bidirectList tr.line1
	{
	background			: #badfff;
	}
table.bidirectList tr.line2
	{
	background			: #e3f2ff;
	}
table.bidirectList tr.line3
	{
	color				: white;
	background			: #004891;
	}
	
table.bidirectList td
	{
	height				: 2em;
	text-align			: center;
	font-size			: 1em;
	border-top			: 1px solid #ffffff;
	padding-left		: 5px;
	}
	
	
table.bidirectList th.left,
table.bidirectList td.left
	{
	text-align			: left;
	}
	
table.bidirectList th.right,
table.bidirectList td.right
	{
	text-align			: right;
	}
	
	

table.bidirectList td a
	{
	vertical-align		: middle;
	color				: #004891;
	text-decoration		: none;
	font-size			: 0.9em;
	font-family			: Verdana, Helvetica, sans-serif;
	}

table.bidirectList td a:hover
	{
	text-decoration		: underline;
	}

table.bidirectList td a:active
	{
	color				: #000000;
	}

table.bidirectList td a.look
	{
	color				: #000000;
	}
table.bidirectList td a.delete
	{
	color				: #ff0000;
	}

table.bidirectList td img
	{
	vertical-align		: middle;
	display				: inline;
	}
	
table.bidirectList tr.line3 td a,
table.bidirectList tr.line3 td a:active
	{
	color				: white;
	}
table.bidirectList .look
	{
	color: #000000;
	}
	
div.route_name 
	{
		font-weight: bold;
		text-align: left;
	}	
#basketsubmitting
	{
	width			: 100%;
	height			: 80px;
	padding-top		: 50px;
	}	
	
	
.selected_day_bg 
	{
		background-color: rgb(133,204,0);
	}	
#bidirectiontickets
	{
	width				: 313px;
	}	
	
#leftselection	
	{
	width			: 193px;
	text-align		: left;
	margin-top		: 5px;
	margin-bottom	: 5px;
	}	
	
img.display_block	
	{
		display                 : block;
	}
	
	

#vehicles_hdr1
	{
	margin-left			: 4px;
	width				: 261px;
	font-weight			: bold;
	float				: left;
	height				: 20px;
	margin-top			: 0px;	
	}	
	
.collapsed_table {
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
	margin: 0px;
}


.selected-tab {
	height: 32px;
	background-repeat	: no-repeat;
	border-left: solid 4px white;	
	border-bottom: solid 4px rgb(5,92,162);

	margin: 0px;
	padding: 0px;
}


.not-selected-tab {
	background-repeat	: no-repeat;
	
	background-color: rgb(232,242,251);
	height: 32px;
	cursor: pointer;
	border-bottom: solid 4px rgb(176,203,228);
	border-left: solid 4px white;	
	
	margin: 0px;
	padding: 0px;
}

.not-selected-tab:hover {
	background-color: transparent;
	border-bottom: solid 4px rgb(5,92,162);	
}


input.errorField {
	border: 1px solid red;
}

select.errorField {
	background-color: red;
}

label.errorField {
	padding: 2px;
	border: 1px solid red;
}

h1.mainTitle {
	margin-top		: 50px;
}

#footerDiv {
	background-image	: url(../img/bottom_bg.gif);
	background-repeat	: repeat-x;
	background-position	: bottom;
	height: 22px;
	color: white;
	text-align: left;
	padding-left: 10px;
}

.ticketLargeWeekday {
	font-size: 1.5em; 
	font-weight: bold;
}

.ticket_conditions_row {
	border-top: 1px solid black;
}


.service_extra_text_style {
	color: rgb(4, 4, 100);
	font-weight: bold;
	font-size: 12px;
}

.eboarding_header {
	border-top		: 3px solid #d1d2d4; 
	background		: #eceded
}

.eboardingColumn{
	width: 300px;
}

.p_ticket_row_background {
	background		: #eceded
}

.eboardingDepartureStamp {
	font-size: 20px;
}



.eboardingTicketHeader {
	border-top: 3px solid #d1d2d4;
}

.eboardingTicketSepar {
	border-top: 3px solid #d1d2d4;
}


.p_eboard_ticket_row td {
	padding			: 8px; 
	background		: #eceded
}


.p_eboard_ticket_row td td {
	border			: none;
	padding			: 0px;
	background		: transparent;
}

.p_eboard_ticket_row td 
 {
	padding-right: 10px;
}


.subtickerMessageA {
	text-decoration: none;
}
.subtickerMessage {
	color:#CD2228;
	font-family : arial;
	font-weight : bold;
	font-size : 13px;
	text-decoration: none;
	text-align: center;
}

#dayTicketSelection {
	text-align: right
}
#dayTicketSelection.selectionActive {
	background-color: #004891;
	color			: white;
}

#dayTicketSelection.selectionActive .dayTicketSelectionSub {
	color			: white;
}

.day_ticket_text {
	font: 16px Arial; 
	font-weight: bold;
	color: #6e6e6e
}