/**
///////////////////////////////////////////////////////////////////////////////
/// 
/// (c) 2014 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           10/07/14 		  @2 BSTA-2003 Remove transparency from service bulletin pop up
/// ---------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////
*/
#pageframe {
	width: 99.5%;
	position:relative; 
	left: 10px;
	background: #FFF;
}

#map {
	position:relative; 
	left: 10px; 
	top: 0px; 
	width:99.5%; 
	height:78%;	
}

h1 {
	font-weight: bold;
	font-size: 14pt;
	margin: 0px;
}
h2 {
	font-weight: normal;
	font-size: 12pt;
	margin-top: 0px;
}
h3 {
	font-weight: bold;
	font-size: 10pt;
}
a {
	color: #03C;
}
img {
	border: 0;
}

#etamain {
	background: #003065;
}

#etalines {
	background: #119811;
}

#pageheading {
	width: 760px;
	margin: auto;
	color:white; 
	font-weight: normal; 
	font-size: 10pt;
}

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

#pagecontent {
	padding: 30px;
	font-size: 10pt;
}

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

#pagefooter a {
	margin-left: 10px;
	color: #09C;
}

#logo {
	float: left;
}

#btlogo {
	float: right;
	margin-left: 240px;
}

#toptext {
}

#middlearea p{
	padding: 0 20px;
	font-size: 9pt;
}
#bottomtext{
	border-width: 1px;
	border-color: #999;
	border-top-style: solid;
	clear: both;
}
.redtext{
	color: #900;
}
.buttonbox_left{
	float: left;
	width: 334px;
}
.buttonbox_right{
	float: right;
	width: 334px;
}

.label {
	margin-left:20px;
	margin-bottom:7px;
	vertical-align:middle;
}

form#newUserForm label {
	margin-right:10px;
	text-align:left;	
	display:block;
	float:left;
	width:10em;
	padding-top: 5px;
}

form#loginForm label {
	margin-right:10px;
	text-align:left;	
	display:block;
	float:left;
	width:8em;
	padding-top: 5px;
}

form#updateUserForm label {
	margin-right:10px;
	text-align:left;	
	display:block;
	float:left;
	width:13em;
	padding-top: 5px;
}

form#updateUserForm text {
	margin-left:200px;
	margin-bottom:20px;
	text-align:left;	
	display:block;
	float:left;
	vertical-align:top;
}

form#lostPasswordForm label {
	margin-right:10px;
	text-align:right;	
	display:block;
	float:left;
	width:8em;
	padding-top: 5px;
}

form#updateAlertsForm label {
	margin-right:10px;
	text-align:right;	
	display:block;
	float:left;
	width:6em;
	padding-top: 5px;
}

div.messageBox-info{
	border: 1px solid #0e9921;
	background-color: #b1dab7;
	font-weight: bold;
	font-size: 12pt;
	padding: 5px;
}
div.messageBox-warning{
	border: 1px solid #efff00;
	background-color: #f8ff91;
	font-weight: bold;
	font-size: 12pt;
	padding: 5px;
}
div.messageBox-error{
	border: 1px solid #aa3a21;
	background-color: #e9c9c2;
	font-weight: bold;
	font-size: 12pt;
	padding: 5px;
}

.looklikea{
	color: blue;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}

.small {
	font-weight: normal;
	font-size: 8pt;
	margin-top: 0px;
}

.big {
	font-weight: bold;
	font-size: 14pt;
}

.bigger {
	font-weight: bold;
	font-size: 14pt;
}

.invisible {
	display:none;
}

.text {
	margin-bottom:20px;
	text-align:left;	
	display:block;
	float:left;
	vertical-align:top;
}

html, body {
	width: 98%; 
	height: 100%
}

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

#pageheading {
	width: 760px;
	margin: auto;
	color:white; 
	font-weight: normal; 
	font-size: 10pt;
}

#timetemp {
	vertical-align: top;
}

#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;
}

#routeAndPattern {
	width: 97%;
	font-weight: bold; 
	font-variant:small-caps; 
	font-size:12px; 
	color:#F6E806;
	text-align: left; 
}

#savedMessage {
	font-weight: bold; 
	font-variant:small-caps; 
	font-size:12px; 
	color:red;
	text-align: right; 
	float: right;
	margin-top: -15px;
}

#timebanner {
	background: #003065;
	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: #003065;
	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: #003065;
	color: #F6E806; 
	position:relative; 
	left: 10px; 
	top: 0px; 
	width:99.5%; 
	height:0px; 
	overflow: hidden;
}

.boxLabel {
	font-weight: bold;
}

.textBold {
	font-weight: bold;
}

.boxLabelUnderline {
	font-weight: bold; 
	text-decoration: underline
}

.smallerText {
	font-size: 12px;
}

.smallestText {
	font-size: 10px;
}

.largerText {
	font-size: 18px;
}

.largestText {
	font-size: 26px;
	font-weight: bold; 
}

.linkAppearance {
	text-decoration:underline; 
	color:blue;
	cursor: hand;
	cursor: pointer;
}

.marquee {
	color:#FFFFFF;
}

.marquee {
	font-weight: bold;
}

.selectText {
	font-weight: bold; 
	font-variant:small-caps; 
	font-size:12px; 
	color:#F6E806;
}

.busLabel {
	font-size: 9px;
	white-space: nowrap;
}

.smallBlueCentered {
	font-size: 10px;
	color: blue;
	text-align: center; 
}

.blueHeader {
	font-size: 15px;
	font-weight: bold; 
	color:blue; 
	text-align: center;
}

.smallBlueHeader {
	color:blue; 
	text-align: center;
	font-size: 14px;
}

.smallBlueText {
	color:blue; 
	font-size: 9px;
}

.tooltip {
	font-size: 12px;
	border:1px #000000 solid;
	-moz-opacity:0.8;
	opacity:0.8;
}

.infoBoxBus td {
	padding-right: 2px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 2px;
	border:0px;
}

.infoBoxBus2 td {
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	border:0px;
}
.infoBoxBus3 td {
	border: 0px;
	padding: 0px;
}

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

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

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

#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: #f6e806}

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

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

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

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

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

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:#ffffff}

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

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

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

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

checkbox {text-align: center}