/** 
///////////////////////////////////////////////////////////////////////////////
///
/// (c) 2017 Clever Devices, Ltd. All rights reserved.
///
/// File: CDMap.css
///
/// ---------------------------------------------------------------------------
/// History:
/// 
/// Name         Date     PR      Description
/// ------------ -------- ------- ---------------------------------------------
/// tp			06/16/10		  @1 BST-1602 Right side of map is not lined up properly
/// kt          05/19/14          @2 BSTA-2769: PAAC Customizations
/// afg         04/03/17          @3 BSTA-5006 (Fixed footer link color)
/// ---------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////
*/

#etamain {
	background: #386DA4;
}

#etalines {
	background: #ffffff;
}

#pagebanner {
	background: #386DA4;
	padding: 20px;
	height: 42px;
	vertical-align: middle;
}

#pagefooter {
	background: #386DA4;
	padding: 10px 20px;
	color: #FFF;
	font-size: 8pt;
}

#pagefooter a { /*@3*/
	margin-left: 10px;
	color: #FFF;
}

body {
	font-size: 16px;
	height:100%;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	background: #ffffff;
}

#messageBanner {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #003065; 
	height: 20px;
	border-width: 1px;
	border-color: #999;
	border-top-style: solid;
	vertical-align: middle;
}

#timebanner {
	background: #386DA4;
	color: white; 
	text-align: right; 
	padding-right: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	height: 20px;
}

#logo2 {
	position:relative; 
	left: 10px; 
	top: 0px; 
	background: #386DA4;
	width:99.5%;
}

#serviceBulletinAlertSeparator1 {
	background-color: white; 
	position:relative; 
	left: 10px; 
	top: 0px; 
	overflow:hidden; 
	width:99.5%; 
	height:0px; 
}

#serviceBulletinAlertSeparator2 {
	background-color: white; 
	position:relative; 
	left: 10px; 
	top: 0px; 
	overflow:hidden; 
	width:99.5%; 
	height:0px; 
}

#serviceBulletinAlert {
	background: #386DA4;
	color: #F6E806; 
	position:relative; 
	left: 10px; 
	top: 0px; 
	width:99.5%; 
	height:0px; 
	overflow: hidden;
}

.marquee {
	color:#003065;
	font-weight: bold;
}

.priorityHigh {
	color: red;
}
.priorityHighBorder {
	border-color: red;
	border-width: 2px;
	border-style: solid;
	background: white;
}

.priorityMedium {
	color: orange;
}
.priorityMediumBorder {
	border-color: orange;
	border-width: 2px;
	border-style: solid;
	background: white;
}

.priorityLow {
	color: black;
}
.priorityLowBorder {
	border-color: black;
	border-width: 2px;
	border-style: solid;
	background: white;
}

#pageLinksId a:link, a:visited, a:active {
	color: #f6e806;
}

.bulletinPopup a:link, a:visited, a:active {
	color: #03C;
}
div[class^="priority"] a:link, a:visited, a:active {
	color: #03C;
}

font.prediction_header {font: bold small-caps 14pt Arial}
font.prediction_header {color: #ffffff}

font.route {font: bold 32pt/80% Arial}
font.route {color: #ffffff}

div.route {font: bold 32pt/80% Arial}
div.route {color: #003065}

font.prediction_time {font: bold 32pt/80% Arial}
font.prediction_time {color: #003065}

font.prediction_unit {font: bold 24pt/80% Arial}
font.prediction_unit {color:#003065}

font.zone_name {font: bold 14pt/80% Arial}
font.zone_name {color:#003065}

font.vehicle_id {font: bold small-caps 12pt Arial}
font.vehicle_id {color:#ffffff}

div.vehicle_id {font: bold small-caps 12pt Arial}
div.vehicle_id {color:#003065}

/* used for "please select route direction and stop" text */
/* and for "Stop identifier was not found." text */
font.destination {font: bold 12pt Arial}
font.destination {color: #003065}

div.destination {font: bold 12pt Arial}
div.destination {color: #003065}

font.selector_header {color:#ffffff}
font.selector_header {font: bold small-caps 8pt Arial}

.showAllBussesCheckBox {color:#ffffff}
.showAllBussesCheckBox {font: bold small-caps 8pt Arial}