/************* Tooltips *************/

.publictransport .IWTooltip.publictransport {
	padding: 0px;
	border-width: 0px;
	background-color: transparent;
}

.publictransport .IWTooltip.publictransport > span {
	padding: 5px 10px;
	background-color: white;
}

.publictransport .IWTooltip.publictransport .station
 {
	line-height: 20px;
	vertical-align: middle;
	white-space: nowrap;
	padding: 5px 10px;
	background-color: white;
	font-weight: bold;
}

.publictransport .IWTooltip.publictransport .station .types {
	margin-left: 6px;
	line-height: 20px;
	vertical-align: middle;
}

.publictransport .IWTooltip.publictransport .station .types div {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: text-bottom; /* XXX */
	margin-left: 5px;
}

.publictransport .IWTooltip.publictransport .station .types .subway {
	background-image:url("../img/subway/small.png"); 
}

.publictransport .IWTooltip.publictransport .station .types .tram {
	background-image:url("../img/tram/small.png"); 
}

.publictransport .IWTooltip.publictransport .station .types .bus {
	background-image:url("../img/bus/small.png"); 
}

.publictransport .IWTooltip.publictransport .station .types .sbahn {
	background-image: url("../img/sbahn/small.png");
	background-size: 18px; 
}

.publictransport .IWTooltip.publictransport .vehicle {
	line-height: 20px;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: bold;
	margin-top:5px;
	margin-bottom:5px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	background-color: white;
}

.publictransport .IWTooltip.publictransport .vehicle .line {
	color: white;
	margin-right: 10px;
	padding: 5px;
}

/************* Popups *************/

.publictransport .IWInfoBalloon .headline {
	background-color: #dadada;
}

.publictransport .IWInfoBalloon .headline .station {
	padding: 5px 10px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
}

.publictransport .IWInfoBalloon .headline .types {
	line-height: 24px;
	vertical-align: middle;
	float: right;
	margin-right: 6px;
}

.publictransport .IWInfoBalloon .headline .types div {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 24px;
	vertical-align: middle;
	margin-left: 5px;
}

.publictransport .IWInfoBalloon .headline .types .subway {
	background-image: url("../img/subway/small.png"); 
}

.publictransport .IWInfoBalloon .headline .types .tram {
	background-image: url("../img/tram/small.png"); 
}

.publictransport .IWInfoBalloon .headline .types .bus {
	background-image: url("../img/bus/small.png"); 
}

.publictransport .IWInfoBalloon .headline .types .sbahn {
	background-image: url("../img/sbahn/small.png");
	background-size: 18px; 
}

.publictransport .IWInfoBalloon .station .timetable,
.publictransport .IWInfoBalloon .vehicle .timetable {
	min-width: 250px;
	width: 95%;
    margin-top: 5px;
    border-collapse: collapse;
}

.publictransport .IWInfoBalloon .station .timetable tr,
.publictransport .IWInfoBalloon .vehicle .timetable tr {
	backface-visibility: visible;
	-moz-backface-visibility: visible;
	-webkit-backface-visibility: visible;
}

.publictransport .IWInfoBalloon .station .timetable tr.even,
.publictransport .IWInfoBalloon .vehicle .timetable tr.even {
	background-color: white;
}

.publictransport .IWInfoBalloon .station .timetable tr.odd,
.publictransport .IWInfoBalloon .vehicle .timetable tr.odd {
	background-color: #dadada;
}

.publictransport .IWInfoBalloon .station .timetable th,
.publictransport .IWInfoBalloon .station .timetable td {
    
	font-size: 14px;
	/*line-height: 20px;*/
	line-height: 24px;
    text-align: left;
	color: black;
	white-space: nowrap;
	/*padding: 0px 5px;*/
	font-weight: normal;
}

.publictransport .IWInfoBalloon .station .timetable th {
	font-weight: bold;
}

.publictransport .IWInfoBalloon .station .timetable td {
	font-weight: normal;
}

.publictransport .IWInfoBalloon .station .timetable .departureImage div {
	vertical-align: middle;
	display: block;
	width: 18px;
	height: 18px;
}

.publictransport .IWInfoBalloon .station .timetable .departureImage .SUBWAY {
	background-image:url("../img/subway/small.png");
}

.publictransport .IWInfoBalloon .station .timetable .departureImage .TRAM {
	background-image:url("../img/tram/small.png");
}

.publictransport .IWInfoBalloon .station .timetable .departureImage .BUS {
	background-image: url("../img/bus/small.png");
}

.publictransport .IWInfoBalloon .station .timetable .departureImage .S-BAHN {
	background-image: url("../img/sbahn/small.png");
}

.publictransport .IWInfoBalloon .connections {
	margin-top: 10px;
}

.publictransport .IWInfoBalloon .connections > span {
	color: white;
	background-color: #499b38;
	text-transform: uppercase;
	width: 110px;
	padding: 15px 0;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border-radius: 6px;
	cursor: pointer;
}

.publictransport .IWInfoBalloon .connections span .line1 {
	white-space: nowrap;
	font-size: 20px;
	line-height: 20px;
}

.publictransport .IWInfoBalloon .connections span .line2 {
	white-space: nowrap;
	font-size: 16px;
	line-height: 16px;
}

.publictransport .IWInfoBalloon .connections #fromHere {
	float: left;
}

.publictransport .IWInfoBalloon .connections #toHere {
	float: right;
}

.publictransport .IWInfoBalloon .vehicle .header {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.publictransport .IWInfoBalloon .vehicle .nextStations {
	font-size: 14px;
	padding-bottom: 5px;
}

.publictransport .IWInfoBalloon .vehicle .header .line {
	color: white;
	margin-right: 10px;
	float: left;
	padding: 5px;
}

.publictransport .IWInfoBalloon .vehicle .header div {
	padding: 5px;
}

.publictransport .IWInfoBalloon .vehicle .timetable td {
	font-size: 14px;
	line-height: 16px;
    text-align: left;
	color: black;
	white-space: nowrap;
}