/* ************************** */
/* GLOBAL STYLESHEETS         */
/* ************************** */

html	{ font-family: Arial, Helvetica, sans-serif; height: 100%; margin: 0; padding: 0; background: #EDEDED;}

body	{ margin: 15px 0 0 15px; }
div, p  {background-image:url(../images/transparent.gif)}

h1		{ display: none; font-size: 18px; color: #000; }
h2		{ font-size: 16px; color: #000; }
p		{ font-size:11px; color: #000; margin: 6px 0 6px 0; padding:0; }

a			{ color:#000; text-decoration:underline; }
a.nouline	{ text-decoration:none; }

a div  {cursor:pointer;}

.footpathDiv{
 padding: 5px 0 0 0;
 font-size: 12px;
 font-style:italic;
 color:#565656;
 font-weight:bold;
 height:26px;
 vertical-align:top;
}

input,
select,
textarea	{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: none 1px; }

.gk			{ text-transform: none; }
.right		{ text-align: right; }
.clearer 	{ clear:both; }

.align_top			{ vertical-align: top; }
.align_bottom		{ vertical-align: bottom; }

.subheadline 		{ font-size: 18px; font-weight:normal; }
.withLogo			{ float: left; margin-top: 40px; }

.smallInput { width: 30px; }
.standardInput {border:1px; 
				border-style:solid;
				border-color: #7f9db9;
				margin:0pt;
				padding:2px 3px 2px 9px;
				width:261px;
				}
.psParamRequest { border-collapse: collapse; font-size: 11px; }			
				

caption		{ display: none; }
hr			{ height: 1px; color: grey; background-color: grey}
label		{ margin: 0em; padding: 0em; }

/* Abfahrtsmonitor */
.Messagetext    { font-size: 11px; padding: 8px; }

#Monitor_resultdepartures,
#Monitor_result { 
    font-size: 11px; 
    border-collapse: collapse; 
    margin: 0; 
    padding: 0; 
}
#Monitor_resultdepartures td,
#Monitor_result td,
#Monitor_result th  { padding: 4px 8px; }

.Monitor_stopname {text-align: left; }
.Monitor_time {text-align: left; }
.Monitor_means_of_transport { text-align: center; }
.Monitor_line { text-align: left; }
.Monitor_direction {text-align: left;}
.Monitor_info {text-align: left;}

#Monitor_functions { margin-top: 10px; margin-bottom: 10px; font-size: 12px; }
#Monitor_functions a img { border: none; }
.Monitor_single_function { padding-right: 12px; }
#Monitor_functions img,
#Monitor_functions input { vertical-align: middle; }

/* Kartenseite */
form#fplrequestfrom { margin: 0em; padding: 0em; }

#ropLineSelection,
#rop,
#dm,
#ttb,
#stt,
#destination,
#origin					{ border-style: solid; width:261px; padding:2px 3px 2px 9px; margin:0; }

select#destination,
select#origin,
.dropdownWidth			{ width:261px; }			

#fplreq_destination h2	{ font-size: 16px; padding:1px 1px 1px 5px; margin:10px 0px 5px 0px; }
#fplreq_origin h2		{ padding:1px 1px 1px 5px; margin: 0px 0 5px 0; }

#fplreq_rop h2		{ padding:1px 1px 1px 5px; margin: 0px 0 5px 0; }

.identified				{ font-weight:bold; padding:0px 0px 5px 5px; }

#itdDateDay,
#itdDateMonth,
#itdDateYear,
#triptimehour,
#triptimeminute		{ border-style: solid; width:15px; padding:2px 3px 2px 2px; margin:0 3px 0 3px; }
#itdDateYear		{ width: 30px; }
#fplreq_date_time	{ width: 240px; font-size: 12px; }
#calwidget			{ vertical-align:top; margin:0px; padding:0px; border:none; }

#fplreq_option,
#fplreq_submit			{ float:left; }
#fplreq_submit			{ clear:both; width:272px; font-size: 12px; }
#fplreq_submit input	{ vertical-align: middle; }
.tripsubmit				{ margin:0 0 0 5px; }


#fplreq_option h2	{ color:#fff; font-size: 12px; font-weight:normal; padding:1px 1px 1px 10px; margin:0; }
#fplreq_option p	{ padding:0; margin:0 0 5px 0; }

.tripreqinfo		{ font-size: 11px; margin:5px 0 5px 0; }

.tripreqtypes		{ padding:4px 0 4px 0; margin: 0px; clear:both; white-space:nowrap;}
.tripreqtypes p		{ margin: 0px; }
.tripreqtypes input	{ margin-left: 1px; padding:0px; vertical-align: middle; }

/* Fahrplanauskunft Kopf- und Fußzeilen */
.fplresultoverviewinfos,
.fplresultbotfunctions		{ font-size:12px; }
.fplresultoverviewinfos p	{ margin:0 0 3px 0px; }
.fplresultoverviewinfos		{ padding: 0px; margin: 10px 0px 0px 0px; }

.fplresulttopfunctions		{ padding: 5px 6px 0px 6px; border: solid 1px #c9ccd5; }
.fplresultbotfunctions		{ padding: 4px 10px 4px 10px; margin: 20px 0 0 0; }

.pre,
.next,				
.newfpl,
.tripretour,
.first,
.last,
.changeRequest,
.tickets 		{ float:right; }
.newfpl			{ width: 80px; }
.first			{ width: 90px; }
.acrobatlink	{ padding-left: 160px;}

.pre			{ width: 85px; }
.changeRequest	{ width: 215px; }
.tickets 		{ width: 65px; }
.tripretour		{ width: 200px; }
.next			{ width: 85px; }
.last			{ width: 90px; }

.functionbutton { border: none; padding-right: 5px; vertical-align: middle; }

.infotext		{ float:left; width:100px; font-weight:bold; }
.fromto			{ float:left; width:245px; }
.datetime		{ float:left; width:220px; }
.psAndInfos		{ float:left; width:220px; }

.c1				{ clear: left; float: left; width: 50px; color:#707070;font-size:9pt;font-weight:bold;}
.c2				{ float: left; width: 170px; font-weight: bold; font-size:9pt;}
.c3				{ width: auto;}
/* Fahrplanauskunft Ergebnistabelle */

#fplresultoverview		{ border-collapse:collapse; clear:both; font-size: 11px; }
#fplresultoverview th	{ text-align:left; font-size:12px; font-weight:bold; }

#fplresultdetails th	{ text-align:left; font-size:12px; font-weight:bold; }

.sel			{ width: 55px; }
.routes			{ width:50px; }
.time			{ width:100px; }
.date			{ width:70px; }
.dur			{ width:50px; }
.changes		{ width:44px; }
.meansOf		{ width:140px; }
.streckenkarte	{ width:95px; }
.tarif			{ width:65px;}

img.tariffLink{
    vertical-align:bottom;
    border:none;
}

.tarif div{
    text-align:center;
}

.line			{ width:170px; }
.realtime p,
.realtime h3	{ }

#fplresultticketinfos			{ margin:20px 0 0 0; }
#fplresultticketinfos .headline	{ text-align:left; font-size:12px; font-weight:bold; color:#000; padding:2px 0 2px 10px; margin:0px; }
#fplresultticketinfos .info		{ border-top:1px solid #3A3A3A; padding:5px 10px 5px 10px; position:relative; }
#fplresultticketinfos .pageup	{ font-size:12px; position:absolute; top:-8px; right:0px; z-index:auto; background: url(ivb_pageup.gif) no-repeat right top; padding:14px 0 0 0; cursor:pointer; }


/* ************************** */
/* COMMON FPL STRUCTURE          */
/* ************************** */

#ivbroot 				{ width:705px; }

#ivbfplreq_left			{ float:left; width: 470px; margin-top: 10px; }
#ivbfplreq_right		{ float: right; width:220px; }

#mentzajaxmap			{ width:407px; height:307px; overflow:hidden; }
#ivbfplreq_mapfunctions { padding:0 0 10px 0; }
#ivbfplreq_lvl0			{ margin:0 0 0 10px; }
#ivbfplreq_bot			{ clear:both; padding:10px 0 0 0; }
#ivbfplresult_lvl0		{ clear:both; margin:0 0 0 20px; }

.printspacer			{ display:none; }


/* ************************** */
/* COMMON FPL RESULT             */
/* ************************** */

/* RESULT TABLE DETAILS  &  TICKETCLASSES */

#fplresultticketclasses,
#fplresultdetails						{ border-collapse:collapse; margin:20px 0 0 0; }

#fplresultticketclasses th				{ border: none; padding:0px 0px 0px 5px; vertical-align: middle; }

#fplresultdetails td 					{ border: none; padding:5px 0 5px 5px; vertical-align: middle; }
#fplresultdetails h3					{ font-size:12px; font-weight:bold; margin:0; padding:0; }
#fplresultdetails p 					{ margin-bottom:3px; padding:0; }
#fplresultdetails p.link 				{ font-size:11px; }

#fplresultdetails .routes				{ width:370px; }

.routeinf div.routeinf 					{ padding:5px 0 5px 10px; }
.partroute .route p						{ margin-bottom:3px; clear:both; }
.partroute .route .routeinfo				{ font-weight:bold; font-size: 12px; }
.partroute .route .fromto				{ display:block; width:30px; float:left; padding-top:10px;}
.partroute .route .time					{ display:block; width:70px; float:left; padding-top:10px;}
.partroute .route .place					{ display:block; width:320px; float:left; padding-top:10px;}
.partroute .route .map					{ display:block; width:auto; float:left; }
.partroute .line 						{ font-weight:bold; font-size:12px; }
.partroute .line div					{ padding:5px 0 0px 0px; }
/* .partroute .line .transporticon 		{ float:left; padding-right:10px; margin-top: -3px; } */

.partroute .line .transporticon 		{ vertical-align: middle; margin-right:5px; border:0px} 

.ticketclass							{ width:200px; }
.ticketclass p							{ font-weight:bold; color: #000; }
.tc1, .tc2, .tc3, .tc4, .tc5, .tc6, .tc7{ width:95px; }

/* Hilfe */
#helpPage			{ padding: 10px; }
#helpPage h1		{ display: block; font-size: 14px; margin: 0px; padding: 5px 0px 5px 0px; }
#helpPage p			{ font-size: 12px; margin: 0px; padding: 0px 0px 10px 0px; }
#helpPage ul		{ font-size: 12px; list-style-type: square; margin: 5px 0px 5px 20px; }
#helpPage li		{ margin: 0px; padding: 0px 0px 3px 0px; }
#helpPage img		{ vertical-align: middle; }

@media print {

	h1 							{ display:block !important; }
	html, body					{ background-color: #fff; margin:0px 0px 0px 0px; }
	
	.fplresulttopfunctions,
	.fplresultbotfunctions,
	.noprint,
	
	#fplresultoverview p.link,
	#fplresultdetails .partroute .route p a,
	#fplresultdetails .partroutefunctions .function,
	#fplreq_mapfunctions,
	#fplreq_functions				{ display:none; }
	
	#fplresultoverview .sel,
	#fplresultoverview .realtime,
	#fplresultoverview .routes,
	#fplresultoverview .dur,
	#fplresultoverview .changes,
	#fplresultticketclasses .tc1,
	#fplresultticketclasses .tc2,
	#fplresultticketclasses .tc3,
	#fplresultticketclasses .tc4,
	#fplresultticketclasses .tc5,
	#fplresultticketclasses .tc6,
	#fplresultticketclasses .tc7 		{ width:auto !important; }

	#ivbroot							{ margin:0; width:100% !important; }
	#ivbfplreq_lvl0						{ margin:0 0 30px 0; }
	#ivbfplresult_lvl0					{ clear:both; margin:0 0 0 0; }
	#fplresultdetails .header .line		{ width:140px !important; }
	#fplresultdetails .header .realtime	{ width:80px !important; }	
	#fplresultdetails .routeinfo div	{ padding:5px 0 5px 10px; }
	#fplresultoverview					{ margin-bottom:30px; }
	.fplresultoverviewinfos				{ margin:0 0 30px 0; padding: 0px 10px 4px 10px; }
	.printspacer						{ display:block; height:30px; }
}


h3 {
	color:#555555;
	font-size:13px;
	margin-bottom:0px;
}

.linkButton{
	font-size:12px;
}

.smallInput {
border:1px solid #7F9DB9;
width:20px;
}

.transporticon{
	vertical-align:bottom;
}

#fplresultdetails .dontdisplay {
	display: none;	
}
	

.printonly {
	display: none;
}

div.printRoute tr {
	display: none;	
}


.lineText{
	float:left;
	width:85px;
	padding:0px;
	height: 30px;
}

.lineInfoText{
	margin-top:10px;
	font-style:italic;
}

.depScrollBox{
    height:220px;
    overflow-x:hidden;
    overflow-y:auto;
}

div.region{
    font-size:11px;
    padding-bottom:6px;
}

div.region input{
    padding:0;
    margin-left:1px;
    vertical-align:middle;
}

.errorCap1 {
    width: 262px;
    float: left;
}

.errorCap2 {
    width: 20px;
    float: left;
    margin-top: 5px;
}

.errorContent {
    clear: both;
    float: none;
}


 .spinner {
    position:absolute;
    opacity:0.9;
    z-index:999;
    background:#FFF;
    /*height:389px !important;
    width: 725px !important;*/
    top: 0px !important;
    left: 0px !important;
    overflow:hidden !important;
    margin: 0px !important;
    padding: 0px !important;
}


.spinner-content{
    top:160px !important;
}

.spinner-msg {
    text-align:center;
    font-weight:bold;
}

.spinner-img {
    background:url(../images/spinner.gif) no-repeat;
    width:24px;
    height:24px;
    margin:0 auto;
}
