@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5 {
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	margin:auto;
}



html {

	margin-top:0px;
	padding:0px 0px 10px;
	
}
	
body {
	font-family:  helvetica, verdana, arial, sans-serif;
	font-size: 12px;
	color: #333;
	background:#CCCCCC;
	padding:0px 0px 0px;
	margin:0px auto;
}

/*///////////////// 
	PAGE LAYOUT  
/////////////////*/

#page {
	width:290px;
	background:#fff /*url('images/bg-shadow.png') center repeat-y */;
	margin:0px auto 0px;
	padding:0px 10px 0px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	border-left:1px solid #333;
}

#page-footer {
	background: url('images/pagefooter.png') center no-repeat;
	width:300px;
	margin:0px auto 10px;
	padding:0px 10px 0px;
	height:3px;
}

#overlayBackground {
	background:#333;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	color:#fff;
	font-size:16px;
}

#overlayBackground span {
	position:fixed;
	top:50%;
	left:50%;
	margin:-25px -35px;
	background:url(images/loader-white.gif) top center no-repeat;
	text-align:center;
	height:50px;
	width:75px;
	padding:35px 0px 0px 0px;
}

div.menucontainer {
	position:relative;
	z-index:5;
	overflow:hidden;
}

ul.menu {
	margin: 0px;
	padding: 0px;
}

ul.menu li {
	float:left;
	margin:0px 0px 0px 10px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	padding:3px 7px;
	list-style-type:none;
	list-style:none;
	cursor:pointer;
	font-size:16px;
	font-family:Helvetica, Arial, sans-serif;
	z-index:3;
	height:19px;
	color:#999999;
}

ul.menu li.route {
	background:#EBFDEA;
	height:20px;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	color:#333;

}

ul.menu li.street {
	background:#AAC6F4;
	height:20px;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	color:#333;
}

/*///////////////// 
	SEARCH PAGE 
/////////////////*/

div.tabcontainer {
	display:block;
	top:0px;
	left:0px;
	overflow:hidden;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border:1px solid #333;
	z-index:1;
}

div#routecontainer {
	background:#EBFDEA;
	margin-bottom:15px;
}

div#streetcontainer {
	background:#AAC6F4;
	margin-bottom:15px;
}

#routeform {
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position:relative;*/
	margin:0px;
	font-size:16px;
	padding:10px;
}

#routeform form input[type=text] {
	color:#999999;
}

.routebox {
	position: relative;
	/*left: 30px;*/
	float:left;
	padding: 10px 0px 10px 0px;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
	color: #333;
	z-index:99;

}

#streetform {
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position:relative;*/
	
	margin:0px;
	font-size:16px;
	padding:10px;
}

#streetform form input[type=text] {
	color:#999999;
}

#getstop {
	height:35px;
	margin:5px 0px;
	font-size:14px;
	padding:10px;
	background:#DEDBB1;
	z-index:1;
}

#getstop form input[type=submit] {
	text-align:center;
	height:35px;
	width:100%;
}

.suggestionsBox {
	position: relative;
	padding: 10px 0px 10px 0px;
	/*-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
	color: #333;
	background:#AAC6F4;
}



.uparrow {
	position: relative; 
	top: -12px; 
	left: 10px;
}

.routeList,
.suggestionList {
	margin: 0px 10px;
	padding: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background:#fff;
}

div#lookupname {
	margin:0px 10px 10px;
	font-weight:bold;
	width:200px;
	font-size:14px;
}

.routeList .column {
	float:left;
	width:125px;
	padding-left:10px;
}

.routeList .column .header {
	display:table-cell;
	font-weight:bold;
	font-size:10px;
}
.routeList table th {
	width:125px;
	font-size:.85em;
	font-weight:bold;
	text-align:left;
}
.routeList ul {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:block;
	background:#999999;

}

.routeList li,
.suggestionList li {
	position:relative;
	margin: 1px 0px;
	background:transparent url('images/listarrow.gif') 250px center  no-repeat;
	/*background:transparent url('images/listbg.gif') center repeat-x;*/
	border-bottom:1px solid #d8d8d8;
	padding: 8.5px 5px;
	cursor: pointer;
	list-style-type:none;
	list-style:none;
	font-weight:normal;
	text-align:left;
	font-size:17px;
	font-family:Helvetica, Arial, sans-serif;
	overflow:hidden;

}

.routeList li a.street,
.suggestionList li a.street {
	float:left;
	width:90%;
	text-decoration:none;
	color:#333;
}

.routeList li a.street:hover,
.suggestionList li a.street:hover,
.routeList li:hover a.street,
.suggestionList li:hover a.street {
	color:#0066CC;
}

.routeList li:hover,
.suggestionList li:hover {
	background:transparent url('images/listarrow_hover.gif') 250px center  no-repeat;
}

a.map {
	font-size:0.75em;
	float:right;
}

a.map:hover {
	font-size:0.75em;
	float:right;
}

.errtext {
	color:#990000;
}





/*///////////////// 
	ROUTE PAGE HEADER  
/////////////////*/

div#header {
	text-align:center;
	left:-10px;
	width:310px;
	position:relative;
	padding:15px 0px;
	overflow:hidden;
}

div#header .headertext{
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}


div.time {
	font-size:1.66em;
	font-weight:bold;
	text-align:center;
}

div.date {
	font-size:0.83em;
	text-align:center;
	margin-bottom:15px;
}


div.location {
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	font-size:1.25em;
	font-weight:bold;
	text-align:center;
	padding:8px;
}


div.busheader {
	background:#000;
	overflow:hidden;
	margin:auto;
	margin-bottom: 5px;
	border-bottom:1px solid #cccccc; 
}
div.busheader .route {
	float:left;
	color:#fff;
	font-size:.95em;
	width:45px;
	text-align:center;
}

div.busheader .dest {
	float:left;
	color:#fff;
	font-size:.95em;
	width:175px;
	text-align:center;
}
div.busheader .arrival {
	float:left;
	color:#fff;
	font-size:.95em;
	width:60px;
	text-align:center;
}


h3 {
	margin: 0px;
	padding: 0px;	
}

/*///////////////// 
	ROUTE PAGE BODY
/////////////////*/

div.route-container {
	overflow:hidden;
	margin: 0px auto 15px;
	border-top:1px solid #999999;
	
}

div.busentry {
	background: #ffffff url('images/busbg.gif'); /*#AAC6F4;*/
	clear:both;
	overflow:hidden;
	margin:auto;
	padding: 5px 0px;
	width:auto;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

div.busentry div.route {
	
	float:left;
	font-size:1.5em;
	line-height:2.0em;
	width:45px;
	text-align:center;
	vertical-align:middle;
}

div.busentry div.dest {
	font-size:1.1em;
	float:left;
	width:175px;
}

div.busentry div.arrival {
	
	float:left;
	width:60px;
	text-align:center;
	vertical-align:middle;
	font-size:1.25em;
	height:35px;
}

.early {
	color:#006600;
	font-size:0.85em;
}

.ontime {
	font-size:0.85em;
	color:#666666;
}

.delayed {
	color:#990000;
	font-size:0.85em;
}

div.sort {
	margin-bottom:0px;
	font-size:0.9em;
	overflow:hidden;
}

div.sort ul {
	margin: 0px;
	padding: 0px;
	float:left;
}

div.sort ul li {
	float:left;
	position:relative;
	margin:0px 0px 0px 10px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	background:#e8e8e8;
	padding:2px 7px;
	list-style-type:none;
	list-style:none;
	font-size:1.0em;
	font-family:Helvetica, Arial, sans-serif;
	z-index:3;
}

div.sort ul li a {
	color:#333;
}

div.sort ul li.selected {
	background:#fff;
}


.button-more {
	float:right;
	background:transparent url('images/moretab.gif') 0px 0px no-repeat;
	color:#FFFFFF;
	font-size:.75em;
	height:20px;
	padding-left:3px;
	padding-top:4px;
	margin-right:5px;
	width:80px;
	text-align:center;
	cursor:pointer;
}

.button-more-down {
	background:transparent url('images/moretab.gif') 0px -25px no-repeat;
	float:right;
	color:#FFFFFF;
	font-size:.75em;
	height:20px;
	padding-left:3px;
	padding-top:4px;
	margin-right:5px;
	width:80px;
	text-align:center;
	cursor:pointer;
}




/*///////////////// 
	FOOTER  
/////////////////*/

div#footer {
	font-size:1.0em;
	color:#333;
	text-align:center;
	margin-bottom:10px;
}

.advert {
	font-size:9px;
	color:#AAAAAA;
	text-align:left;
	margin:15px 0px 0px 0px;
}

.advert iframe {
	z-index:0;
}

div.ad-container {
	text-align:center;
	position:relative;
	margin:auto;
	z-index:1;
}


div.ad-container iframe {
	position:relative;
	z-index:1;
	margin:auto;
}