/* Change links so they are always a certain color and so they are only
   underlined if mouse is hovering over it */
A{color: #006600;}
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:hover {text-decoration:underline}

/* For all help dialogs */
.helpDialog {
	background-color: #DDDDDD;
	font-family: Arial, Helvetica, sans-serif;
}
.helpTitle {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

/* For the help windows */
.help {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* For the main stop selector page... */
.content {
    background-color: #FFF;
}

/* For the "To obtain GPS-based arrival times" label at top of page */
.content .mainTitleLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

/* For other general text that should not be as emphasized */
.content .generalText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.content .smallText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* For stop selector labels */
.content .selectionLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}

/* For prediction layer */
.predictionLayer {
	font-family: Arial, Helvetica, sans-serif;
}

.predictionLayer .message {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    background-color: #FCC;  /* Make it light red to attract attention */
    color: #000;
    text-align: center;
}
.predictionLayer .predictionBox {
    background-color: #EEE; /* Nice boring grey */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000;
}
.predictionLayer .noPrediction {
    font-size: 24px;
    font-weight: bold;
}
.predictionLayer .firstPrediction {
    font-size: 44px;
    font-weight: bold;
	padding-top: 12px;
	vertical-align: bottom;
    line-height: 0.7em;
}
.predictionLayer .firstMinutes {
    font-size: 26px;
    font-weight: bold;
	text-align: left;
    vertical-align: bottom;
    line-height: 0.8em;
}
.predictionLayer .secondaryPredictions {
    font-size: 24px;
    font-weight: bold;
	padding-top: 15px;
	vertical-align: bottom;
    line-height: 0.8em;
}
.predictionLayer .secondaryMinutes {
    font-size: 20px;
    font-weight: bold;
	text-align: left;
    vertical-align: bottom;
    line-height: 0.8em;
}
.predictionLayer .tripPatternName {
    font-size: 12px;
	line-height: 0.8em;
    padding-left: 65px;
    text-align: left;
}
.predictionLayer .phoneSystemLinks {
    font-size: 10px;
}
.predictionLayer .otherRoutesPredictions {
    font-size: 16px;
    font-weight: bold;
}
.predictionLayer .otherRoutesMinutes {
    font-size: 14px;
    font-weight: bold;
}
.predictionLayer .otherRoutesDescription {
    font-size: 12px;
    text-align: left;
}
.predictionLayer .timestamp {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
.predictionLayer .debugging {
    font-size: 10px;
}

/* For create page that can be bookmarked link */
.predictionLayer .bookmarkLink {
    font-weight:bold;
}

/* For google map */
.vehicleStyle { 
 	border-width:1px;
    border-style:solid;
    padding:1px;
    padding-top:2px;
    font-family:Arial;
    font-size:13px;
    font-weight:normal;  /* Note: bold looks bad for white text */
    vertical-align: middle;
    line-height: 10px;
}

/* For google map */
.googleMap {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
}

.googleMap .title {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

/* Shows the send comments to feedback@nextbus.com */
.feedback {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height:10px;
	/*  visibility: hidden; */
}

/* For ADA and possibly other pages */
#logo {
	background: url(/logos/nextbusSimple.gif);
	width: 132px;
	height: 42px;
	/* margin-left: 80px; */
}
.ada {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	/* background-color:#0FC; */
}
.ada .label {
	font-size: 14px;
	text-align: right;
}
.ada .value {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.ada .mainLabel {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
.ada .message {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color:  #E7504B;
}
.ada .firstPrediction {
	font-size: 52px;
	font-weight: bold;
	text-align: right;
}
.ada .firstMinutes {
	font-size: 26px;
	font-weight: bold;
}
.ada .secondaryPredictions {
	font-size: 30px;
	font-weight: bold;
	text-align: right;
}
.ada .secondaryMinutes {
	font-size: 24px;
	font-weight: bold;
}
.ada .noPrediction {
	font-size: 24px;
	font-weight: bold;
}	
.ada .tripPatternName {
	font-size: 16px;
}
.ada .otherRoutesPredictions {
	font-size:24px;
	font-weight: bold;
	text-align: right;
}
.ada .otherRoutesMinutes {
	font-size:18px;
	font-weight: bold;
}
.ada .otherRoutesDescription {
	font-size: 12px;
	font-weight: normal;
}
.ada .time {
	font-size: 14px;
	font-weight: normal;
}
.copyright {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	visibility: visible;
}