

	#routesBox{
		width: 100%;
		max-height:290px;
		_height:expression(this.scrollHeight>399?"362px":"auto");
		overflow:auto;
		overflow-x:hidden;
	}
	#routesBoxSimple{
		width: 100%;
		max-height:417px;
		_height:expression(this.scrollHeight>399?"400px":"auto");
		overflow:auto;
		overflow-x:hidden;
	}
	
	#gamedayRoutes h1, #limitedRoutes h1, #routes h1 { background-color: #244e8a; color: white; font-weight: bold; padding: 2px 5px; margin: 0; font-size: 12pt; padding: 5px; font-family: arial; }
	#gamedayRoutes ul, #limitedRoutes ul, #routes ul { margin: 0; padding: 0; }
	#gamedayRoutes li, #limitedRoutes li, #routes li{ list-style: none; display: block; position: relative; height: 26px;  margin: 0; padding: 0; cursor: pointer; font-family: arial; 
		font-weight: bold; color: #244e8a; }
	#gamedayRoutes li, #limitedRoutes li, #routes li:hover { background-color: #FAF8CC; }
	#routes li.off { color: gray; font-weight: normal;}
	#limitedRoutes li.off { color: gray; font-weight: normal;}
	#gamedayRoutes li.off { color: gray; font-weight: normal;}

	#routes li.line { color: gray; font-weight: bold; cursor: auto; }
	#gamedayRoutes li.line { color: gray; font-weight: bold; cursor: auto; }
	#limitedRoutes li.line { color: gray; font-weight: bold; cursor: auto; }
	#routes li.line:hover { background-color: transparent; }
	#limitedRoutes li.line:hover { background-color: transparent; }
	#gamedayRoutes li.line:hover { background-color: transparent; }
	
	.route{ margin-top: 8px; vertical-align: middle;}
	.routeColor { position: absolute;  height: 22px; width: 22px; margin-top:3px; margin-left: 3px}
	.routeText { position: absolute; left: 40px; top: 3; height: 10px; white-space: nowrap; }
	.routeTextDir { position: absolute; left: 30px; height: 12px; white-space: nowrap; font-size: 13px; margin-top:6px}
	#google-map {  }
	#positions { border: 1px solid blue; left: 0; }
	td { white-space: nowrap; margin-right: 5px; }
	table { width: 100%; }
	#buttons { position: absolute; float: right; right: 0; top: 650px; display: inline; height: 30px; width: 150px; }
	#buttons button { margin-right: 0px; }
	#refresh { border: 0px solid green; color: #fff; font-weight: bold; background-color: #427618; height: 26px; width: 80px;}
	
	#banner { height: 100px; width: 300px; background: url(/Info/Res/img/Realtime/banner.png); margin-bottom: 0; z-index: 4;}
	#banner-tail { height: 100px; background: url(/Info/Res/img/Realtime/banner-tail.png) repeat-x bottom; margin-bottom: 0; z-index: 2;}
	#BannerText { top: 20px; position: absolute; height: 50px; width: 100%; background-color: #244e8a; z-index: 1; }
	#MainBanner { position: absolute; height: 100%; width: 100%; z-index: 3; }
	
	.VehicleBubble { font-family: arial, helvetica, sans-serif; font-size: 13px; font-weight: normal; height: 110px; width: 290px;}
	.StopBubble { font-family: arial, helvetica, sans-serif; font-size: 13px; font-weight: normal; height: auto; width: 350px; margin-bottom: 0px;}
	
	.NextBus { margin-top: 5px; }
	.NextBus label { font-weight: bold; }
	.hhh { 
	/*width: 99%;*/
	height: 28px;
	font-weight: bold;
	font-size: 16px;
	text-decoration:none;
	background: url(../images/BtnBar.png) top left no-repeat;
	color: #FFFFFF;
	padding: 0px;
	margin:0;
	position:relative;
	}  
	.hhh:hover
	{
		background: url(../images/BtnBarHover.png) top left no-repeat !important;
		text-decoration: none !important;
	}

	.tabText
	{
		padding: 3px 0 0 4px;
	}
	
	/* float:left;
	overflow: auto;
	padding: 0px 0px 0px 4px;
	width: 299px;
	height: 28px; 
	background: url(../../img/Realtime/BtnBar.png) top left no-repeat;
	background-color: #427618; color: white; font-weight: bold; font-size: 14pt; font-family: arial; }  */
    /*
    .zoomButton { width: 20px; height: 18px; position: relative;  top: 4; right: 3; background-position: center center; background-repeat: no-repeat; 
                  background: url(/File/Info/Res/img/Realtime/zoom-in_16.png); display:inline-block !important; display: inline; cursor: pointer; float:right;} */
				  
	   .zoomButton { width: 10px; height: 10px; position: relative;  top: 4; right: 3; background-position: center center; background-repeat: no-repeat; 
                  display:inline-block !important; display: inline; cursor: pointer; float:right;}
	.linkMore{font-size: 14px;}
	.infoWindowSeparator{margin:2px 0px 5px 0px; width: 100%;height: 1px;}
	.infoWindowLink{color: #1155CC; text-decoration: none; }
	.infoWindowLink:Hover{text-decoration: underline;}
	.hide{display: none;}
	
	
	.lengnedRTM{
		height: 42px;
		width: 	86%;
		margin: 8px;
		padding: 8px 12px 8px 12px;
		display: block;
		border:  1px dashed #427618;
	}
	.lengnedRTM .left{
		display: inline-block;
		width: 	 120px;
	}

	.lengnedRTM .text{
		color: 	 #427618;
		padding-left: 0.5em;
	}

	.lengnedRTM .icon{
		margin-bottom: 	 3px;
	}


		
