/* Basic Second Level pages CSS */

@import url(/css/main.css);

/**************** Architecture ****************/
/* First column */
#columnone {
	position: relative;
	float: left;
/*	padding-top: 10px;
*/	}
	
#onecolauto {
	position: relative;
	float: left;
	display: block;
	padding: 0;
	border: none;
	margin-top: 0px;
	
	}

#fullwidth {
	position: relative; float: left;
	display: block;
	padding: 0;
	border: none;
	margin-top: 0px;
	width: 644px; height: auto;
	}
	
#fullwidth_gov {
	position: relative;
	padding: 0px;
	margin: 0px;
	border: none;
	width: 774px; height: auto;
	}
	 
#fullwidth_gov h1 {
	margin-top: 0px;
	}
	
#fullwidthMap {
	position: relative;
	padding: 0;
	border: none;
	margin-top: 0px;
	width: 818px; height: auto;
	}
	
#buschange {
	position: relative;
	padding: 0;
	border: none;
	margin-top: 0px;
	width: 762px; height: auto;
	}
	
#fullcontent {
	position: relative; clear: both;
	padding: 0;
	border: none;
	margin-top: 0px;
	width: 100%;
	height: auto;
	}
	
/* middle column: 2col span */
#columnTwo {
	position: relative;
	/*width: 426px; */height: auto;
	margin-left: 10px;
	float: left;
/*	padding-top: 10px;
*/	}

.language	{width: 544px;}
	
#columnTwo img {
	}

.applications {
	width: 426px;
	}
	
.notice {
	width: 100%; height: auto;
	margin: 10px 0px 10px 0px;
	}
	
.notice_mast {
	width: 100%; height: 15px;
	background: url(/images/notice_corner.gif) #3B5A95 top right no-repeat;
	}
	
.notice_body {
	background-color:#FFF7BF;
	padding: 10px 5px 0px 5px;
	border: #3B5A95 1px solid;
	}

#doubleCol {
	/*	padding-top: 10px;
*/	padding-left: 0px;
	padding-right: 0px;
	border: none;
	margin-top: 0px;
	color: black;
	width: 426px;
	clear: both;
	}
	
/* divided middle column */
#column2 {
	position: relative;
	width: 198px;
	height: auto;
	margin-left: 10px;
	float: left;
	}

.schedules {
	width: 208px;
	padding: 0px;
	}
	
#column3 {
	position: relative;
	width: 198px;
	height: auto;
	margin-left: 10px;
	float: left;
	}

#column3.access {
	display: block;
	width: 198px; height: 50px;
	text-align: center;
	}
	
/* right most column */ 
#columnFour {
	position: relative;
	margin-left: 10px;
	width: 108px;
	float: right;
	}

#columnFour ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	}

#columnFour ul li {
	width: 108px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	display: block;
	}
	
#columnFour ul li a {
	width: 108px;
	height: 30px;
	display: block;
	text-indent: -9999px; 
	text-decoration: none;
	}

#columnFour ul li.planner {
	background: url(/images/tripplanner.gif) top left no-repeat;
	}

#columnFour ul li.planner a:hover { 
	background: url(/images/tripplanner_roll.gif) top left no-repeat;
	}

#columnFour ul li.tracker {
	margin-top: 10px;
	background: url(/images/transittracker.gif) top left no-repeat;
	}

#columnFour ul li.tracker a:hover {
	background: url(/images/transittracker_roll.gif) top left no-repeat;
	}
 
#columnFour ul li.status {
	margin-top: 10px;
	background: url(/images/servicealerts.gif) top left no-repeat;
	}

#columnFour ul li.status a:hover {
	background: url(/images/servicealerts_roll.gif) top left no-repeat;
	}

/**************** Application Pages ****************/
#tripplan{
	background-color:#FFF7BF;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	border: #3B5A95 1px solid;
	margin-top: 0px;
	color: black;
	width: 354px;
	}
	
#tripplan textarea {
	background-color: #ffffff;
	width: 310px;
	padding: 2px 2px 2px 2px;
	border: solid #3B5A95  1px;
  }

#tripplan select {
	background-color: #ffffff;
	padding: 2px;
	margin: 3px 0 0 0;
	border: solid #3B5A95 1px;
  }

#tripplan select.city {
	background-color: #ffffff;
	width: 120px;
	border: solid #3B5A95 1px;
	padding: 2px 2px 2px 2px;
  }
  
 #tripplan select.landmark {
	background-color: #ffffff;
	width: 160px;
	padding: 2px 2px 2px 2px;
	border: solid #3B5A95 1px;
  }

#tripplan input.radio {
	background-color: #FFF7BF;
	vertical-align: -4px;
	border: none;
	padding-left: 0px;
	width: auto;
  }
  
#tripplan label {
	font-weight: bold;
	line-height: 30px;
	}

#tripplan .plantrip-button {
	background-color: transparent;
	border: none;
	padding-left: 0px;
	width: auto;
	position: relative;
	float: right;
	display: inline;
	margin: 0 0 -15px -5px;
 }
 
#tripplan img.steps{
	margin-left: -30px;
	vertical-align: middle;
	}

	
/*Transit Tracker*/
#transittrack {
	background-color:#FFF7BF;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 20px;
	border: #3B5A95 1px solid;
	color: black;
	padding-bottom: 20px;
	width: 354px;
	}

#transittrack label {
	font-weight: bold;
	}

/*#transittrack*/ select	{
	padding: 2px;
	border: solid #3B5A95 1px;
	background-color: #FFFFFF;
	}

#transittrack input{
	background-color: #FFFFFF;
	border: solid #3B5A95 1px;
	width: auto;
	padding: 2px 2px 2px 2px;
  }

#transittrack input.go{
	background-color: transparent;
	border: none;
	vertical-align: middle;
  }	
	
#transittrack a {
	font-size: 100%;
}
	

.seperator{
	border-top-color: #FFFFFF;
	border-top-width: 5px;
	border-top-style: solid;
	margin-left: -50px;
	margin-right: -20px;
	padding: 0;
	}

	
/*Service Alerts*/
#servicealerts {
	background-color:#FFF7BF;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border: #3B5A95 1px solid;
	margin-top: 0px;
	color: black;
	width: 384px;
	}

#alertTable table{
	font: 90%/120% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	width: 426px;
	border-collapse: collapse;
	}

#alertTable tr a{
    font: 90%/120% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

tr.odd{
	background-color: #EBEEF4;
	}
	
tr.fares_odd{
	background-color: #F2F2F2;
	}
	
td.odd{
	background-color: #EBEEF4;
	}

#alertTable td{
	padding: 2px 8px 2px 5px;
	}
	
/**************** END ****************/

ol li{
	font: 90%/170% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin-left: -14px;
	padding-left: -14px;
	margin-bottom: 10px;
	}

p.descrip {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left: 230px;
	padding-top: 9px;
	}
	
p.breadcrumb  {
	font: 90%/150% Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
	font-weight: normal;
	margin-top: -5px;
	margin-bottom: 15px;
	padding: 0;
	}
	
p.breadcrumb a{
	font: 100%/150% Verdana, Arial, Helvetica, sans-serif;
	color: #3B5A95;
	font-weight: normal;
	text-decoration: underline;
	margin: 0;
	padding: 0;
	}
	
li.links a{
	color: #3B5A95;
	font-weight: normal;
	text-decoration: underline;
	}
	
li.links a:hover{
	color: #ff3300;
	font-weight: normal;
	text-decoration: underline;
	}

hr.app {
	margin-left: -30px;
	margin-right: 0;
	border: none 0;
	border-top: 1px dotted #3B5A95;
	border-bottom: 0;
	text-align: center;
	height: 1px;
	}
	
hr.dot {
	margin-left: 10px;
	margin-right: 10px;
	border: none 0;
	border-top: 1px dotted #3B5A95;
	border-bottom: 0;
	text-align: center;
	height: 1px;
	}
	
a img{
	text-decoration: none;
	border: none;
}

.maps {
	width: 208px;
	padding: 0px;
	}
	
.learn {
	padding: 10px;
	margin-top: 10px;
	width: 188px;
	height: auto;
	}

.productBox {
	width: 208px; height: auto;
	margin: 0px;
	}

.productContent {
	background-color: #FFF7BF; height: auto; margin-bottom: -7px; padding-bottom: 0;
	border-left: #3B5A95 1px solid; 
	border-right: #3B5A95 1px solid;
	}

.productContent p{
	font: 90%/140% Verdana, Arial, Helvetica, sans-serif;
	margin-top: -5px; margin-bottom: 0;
	padding: 10px 10px 5px 10px;
	color: #000;
	background-color: #FFF7BF;
	}

.productContent ul {
	font: 90%/140% Verdana, Arial, Helvetica, sans-serif;
	color: #3B5A95;
	padding: 5px 0px 5px 25px;
	margin: -5px 0px -7px 0px;
	list-style: url(/images/bullet.gif);
	}

.colOnetext {
	width: 208px;
	}
	
.colTwotext {
	width: 426px;
	}
	
#dev_content {
	position: relative;
	width: 544px; height: auto;
	margin-left: 10px;
	float: left;
	}
	
.col2text {
	width: 208px;
	}
	
.col3text {
	width: 208px;
	}

.margin {
	margin-left: 210px;
	}
	
#busroutes table tr td a{
	font: 80% Verdana, Arial, Helvetica, sans-serif normal;
	margin-top: 0px;
	border-collapse: collapse;
	}

td.news_bg {
	position: relative;
	padding: 5px;
	background-color: #EBEEF4;
	}

td.news {
	padding: 5px;
	}

#alerts {
	background-color: #FFF7BF;
	}
	
#alerts p{
	padding: 5px 5px 10px 5px;
	}
	
#alerts h2{
	padding-top: 10px;
	}

#masthead {
	background: #3B5A95 url(/images/tr.jpg) no-repeat top right;
	width: 426px;
	height: 29px;
	}

#masthead p{
	color: #FFFFFF;
	float: right;
	font-size: 80%;
	padding-top: 9px;
	padding-right: 12px;
	}
	
#masthead p.alerts {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left: 80px;
	padding-top: 9px;
	}

.information {
	width: 208px;
	padding: 0px;
	}

.calloutCol {
	float: right;
	margin: 10px 0px 0px 10px;
	}

.callout {
	float: right;
	margin: 10px 0px 0px 10px;
	}

.co_top {
	background: url(/images/co_top.gif) top left no-repeat;
	display: block;
	margin: 0px;
	width: 198px; height: 15px;
	}

.co_body {
	border-right: 1px #899CBF solid;
	border-left: 1px #899CBF solid;
	width: 176px; height: auto;
	text-align: left;
	padding: 0px 10px 0px 10px;
	}
	
.co_body h5 {
	margin-top: 0px; width: 150px;
	}	

.co_bottom {
	background: url(/images/co_bottom.gif) top left no-repeat;
	display: block;
	margin: 0px;
	width: 198px; height: 15px;
	}

.co_body ul {
	width: 150px;
	color: #000;
	margin: 0 0 0 17px;
	padding: 0 0 0 17px;
	list-style-image: none;
	list-style-type: disc;
	}
	
.co_body ul li {
	padding-bottom: 10px;
	margin:0;
	}

.co_body p {
	width: 150px;
	margin-bottom: 0px;
}

li.callout {
	width: 150px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.dblcallout {
	float: right;
	margin: 10px 0px 0px 10px;
	}

.dblco_top {
	background: url(/images/dblco_top.gif) top left no-repeat;
	display: block;
	margin: 0px;
	width: 398px; height: 15px;
	}

.dblco_body {
	border-right: 1px #899CBF solid;
	border-left: 1px #899CBF solid;
	width: 376px; height: auto;
	text-align: left;
	padding: 0px 10px 0px 10px;
	}
	
.dblco_body h5 {
	margin-top: 0px; width: 350px;
	}	

.dblco_bottom {
	background: url(/images/dblco_bottom.gif) top left no-repeat;
	display: block;
	margin: 0px;
	width: 398px; height: 15px;
	}

.dblco_body ul {
	width: 350px;
	color: #000;
	margin-left: 17px;
	padding-left: 17px;
	margin-bottom: 0px;
	list-style-image: none;
	list-style-type: disc;
	}
	
.dblco_body ul li {padding-bottom: 10px;}

.dblco_body p {
	width: 350px;
	margin-bottom: 0px;
}

li.dblcallout {
	width: 350px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.frequentservice {
	float: right;
	margin: 10px 0px 0px 10px;
	}
	
.frequentCol {
	margin: 10px 0px 10px 0px;
	}

.fs_top {
	background: url(/images/fs_top.gif) top left no-repeat;
	display: block;
	margin: 0px;
	width: 198px; height: 15px;
	}

.fs_body {
	border-right: 1px #899CBF solid;
	border-left: 1px #899CBF solid;
	width: 176px; height: auto;
	text-align: left;
	padding: 0px 10px 0px 10px;
	}
	
.fs_body h5{
	margin-top: 0px;
	}
		
.fs_bottom {
	background: url(/images/fs_bottom.gif) top left no-repeat;
	display: block;
	margin: 0px;
	width: 198px; height: 15px;
	}

.fs_body ul{
	color: #000;
	margin-left: 17px;
	padding-left: 17px;
	margin-bottom: 0px;
	}

li.fs {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.fs_body li {
	font: 100%/150% Verdana, Arial, Helvetica, sans-serif;
	margin-top: 8px;
	margin-bottom: 0px;
}

.fs_body p {
	margin-bottom: 0px;
}

.jumpform {
	width: 180px;
	margin: 5px 0px 5px 10px;
	}
	
.jumpform select{
	background-color: #ffffff;
	width: 180px;
	padding: 2px 2px 2px 2px;
	border: solid #3B5A95 1px;
	}

.secondary {
	color: #999999;
}

.red {
	color: #CC0000;
}

#bar {	/* functions as h7 */
	font-weight: bold;
	background-color: #e2e6ef;
	padding:2px 2px 2px 5px;
	color: #666666;
}










/*************Backgrounds***********************************/
.accesstext {
	background: url(/images/accessible_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	height: 250px;
	width: 188px;
	color: #000000;
	}

.alerttext {
	background: url(/images/alerts_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	color: #000000;
	}

.biketext {
	background: url(/images/bikes_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}

.bustext {
	background: url(/images/bus_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}

.emailtext {
	background: url(/images/email_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}
	
.farestext {
	background: url(/images/fares2_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	}	
	
.magnifytext {
	background: url(/images/glass_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}	

.mapstext {
	background: url(/images/maps_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}	

.maxtext {
	background: url(/images/max_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}	

.plannertext {
	background: url(/images/planner_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000000;
	}

.ridetext {
	background: url(/images/ride_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}

.rosetext {
	background: url(/images/rose_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}
	
.rsstext {
	background: url(/images/rss_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}

.stopstext {
	background: url(/images/stops_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}	

.storetext {
	background: url(/images/store_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}

.streetcartext {
	background: url(/images/streetcar_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}

.contacttext {
	background: url(/images/contact_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000;
	}
	
.trackertext {
	background: url(/images/tracker_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000000;
	}
	
.tvtext {
	background: url(/images/tv_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000000;
	}
	
.westext {
	background: url(/images/wes_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000000;
	}

.wintertext {
	background: url(/images/snow_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000000;
	}
	
.airporttext {
	background: url(/images/airport_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000000;
	}
	
.alerttext  {min-height: 250px;}

.greenlinetext {
	background: url(/images/greenline_bg.gif) top left no-repeat;
	position: relative;
	padding: 10px;
	width: 188px;
	height: 250px;
	color: #000000;
	}

/****************/

#updates {
	background: url(/images/getupdates.gif) no-repeat;
	height: 24px;
	padding-bottom: 5px;
	position: relative;
	}

#updates a{
	display: block;
	width: 165px; height: 24px;
	}

#updates a:hover{
	width: 165px; height: 24px;
	background: url(/images/getupdates_roll.gif) no-repeat;}
	
	#updates.wes {
	background: url(/images/getupdates_blue.gif) no-repeat;
	height: 24px;
	padding-bottom: 5px;
	position: relative;
	}
	#updates.wes a{
	display: block;
	width: 165px; height: 24px;
	}
	#updates.wes a:hover{
	width: 165px; height: 24px;
	background: url(/images/getupdates_blue_hover.gif) no-repeat;}
	
#job_updates {
	background: url(/images/job_updates.gif) no-repeat;
	height: 37px;
	padding-bottom: 5px;
	position: relative;
	}

#job_updates a{
	display: block;
	width: 165px; height: 37px;
	}

#job_updates a:hover{
	width: 165px; height: 37px;
	background: url(/images/job_updates_roll.gif) no-repeat;}
	
#news_updates {
	background: url(/images/news_updates.gif) no-repeat;
	height: 37px;
	padding-bottom: 5px;
	position: relative;
	}

#news_updates a{
	display: block;
	width: 165px; height: 37px;
	}

#news_updates a:hover{
	width: 165px; height: 37px;
	background: url(/images/news_updates_roll.gif) no-repeat;}
	
#meeting_updates {
	background: url(/images/meeting_updates.gif) no-repeat;
	height: 37px;
	padding-bottom: 5px;
	position: relative;
	}

#meeting_updates a{
	display: block;
	width: 165px; height: 37px;
	}

#meeting_updates a:hover{
	width: 165px; height: 37px;
	background: url(/images/meeting_updates_roll.gif) no-repeat;}

	
#emailwrap {background: url(/images/emailupdates/email_bottom.gif) #768CB5 bottom left no-repeat; width: 165px; height: auto;
	 margin: 10px 0px;}
.email { /*test*/
	background: url(/images/emailupdates/email_top.gif) top left no-repeat;
	width: 132px; height: auto;
	padding: 3px 5px 5px 28px;
	position: relative;
	}

.email a{ /*test*/
	color: #FFF;
	display: block;
	}

.email a:hover{ /*test*/
	text-decoration: underline;}
	
.imageRight {
	padding: 9px 0 9px 9px;
	float: right;
	}
div.imageRight p.caption { /* this is set up to help formatting in old browsers plus IE */
	clear:right;
}
.imageLeft {
	padding: 9px 9px 9px 0;
	float: left;
	}
div.imageLeft p.caption { /* this is set up to help formatting in old browsers plus IE */
	clear:left;
}

#div.imageCenter {
	padding: 9px 9px 9px 9px;
	width: 100%;
	}
	
textarea.textwide {
	width: 400px;
	}

#transittrack #alert-head {
	background: url(/images/alert-head-foot.gif) top left no-repeat;
	padding: 0 0 0 30px;
	margin: 9px 0 0 0;
	border-bottom: 1px solid #3B5A95;
}
#transittrack #SnowIce {
	background: url(/images/alert-head-foot.gif) top left no-repeat;
	padding: 0 9px 0 30px;
	margin-top: 9px;
}
#transittrack #alert-message {
	border-top: 1px solid #3B5A95;
	margin: 9px 0 0 0;
}

#transittrack .notes {
	font: 85%/170% Verdana, Arial, Helvetica, sans-serif !important;
}

#container #content #columnTwo #transittrack p a.regular{
	font: bold 100%/170% Verdana, Arial, Helvetica, sans-serif!important;
}
.applications #transittrack .popup {
}
.applications div.popup#transittrack {
	padding-right: 9px;
	padding-left: 9px;
	width: 406px;
}

#gallery {width: 426px; height:auto; text-align:center; margin: 10px 0px;}
.thumbtable	{width: 426px; height: 65px; overflow: scroll; overflow-y: hidden; border-top: 4px solid #FF3300; margin-bottom: 5px;
	text-align: left;
	}

table.thumbnails {width: auto; height: 47px; padding: 0; margin:0px;}
table.thumbnails td {border: #3B5A95 1px solid; padding: 2px;}
.direct p {width:auto; vertical-align: middle; font-size: 75%; line-height: 120%; float: left; margin: 10px 10px auto 0px;}

div#qTip {
  padding: 3px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  display: none;
  background: #3B5A95;
  color: #FFF;
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}

/*********** Jobs **************/
.job_top	{text-align: center; padding-top: 10px;}
.supplemental {
	margin-top: 10px; margin-bottom: 10px;
	padding: 10px 10px 5px 10px;
	background-color: #FFF7BF;
	width: auto; height: auto;
	}
hr.dot2 {
	border: none 0;
	border-top: 1px dotted #3B5A95;
	border-bottom: 0;
	text-align: center;
	height: 2px;
	}
	
.testimonial	{padding: 7px; clear: both; background-color: #EEE; margin-bottom: 15px;}
.testimonial img	{float: left; margin: 0 10px 5px 0; clear: both;}
	
/**** WACO invite page ****/
.wacobar {background: #FFF url(/images/commuterrail/waco_header.gif) top left no-repeat; padding: 25px 15px 10px 15px; border-bottom: 5px #542988 solid;}
.wacobar h1.waco {color: #542988;}
.waco_address {background: #DDDDDD; padding: 8px; margin-bottom: 20px;}
.waco_address p {padding: 0px; margin: 0px;}
.waco_address img.imageRight	{margin: -40px 0px 0px 0px;}

#wes_stations	{background: #FFF url(/images/commuterrail/clock.gif) 180px 25px no-repeat;}

/**** Reservations ****/
table.reservation td	{padding-bottom: 10px;}

/**** Custom TransitTracker ****/
#trackContainer {
	position: relative;
	background: #ffffff;
	width: auto !important;
	height: auto;
	margin: 6px auto 6px auto;
	padding: 6px;
	border: 1px solid #3B5A95;
	}
	
#transitData	{
	background-color:#FFF7BF;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	border: #3B5A95 1px solid;
	color: black;
	padding-bottom: 20px;
	width: auto;
	}
	
	#transitData table tr td	{
	background-color:#FFFFFF;
	padding-left: 10px;
	}
	#transitData table tr.odd td	{
	background-color:#EBEEF4;
	}
	
#trackMasthead {
	background: #3B5A95 url(/images/tr.jpg) no-repeat top right;
	width: auto;
	height: 29px;
	}
	#trackMasthead p{
	color: #FFFFFF;
	float: right;
	font-size: 80%;
	padding-top: 9px;
	padding-right: 9px;
	}
	
span.delaytime	{font-size: 95%; color:#666;}

#WeatherEmergency {
	background: url(/images/weather_icon.gif) #EBEEF4 top left no-repeat;
	margin: 9px 0px 4px 0px;
	padding: 9px 9px 4px 71px;
	min-height: 42px; width: auto;
}

#WeatherEmergency h1 {
	font: bold 125%/125% Verdana, Arial, Helvetica, sans-serif;
}

#container #content #WeatherEmergency p {
	margin-bottom: 0px;
}

#WeatherEmergency h1 {
	font: bold 125%/125% Verdana, Arial, Helvetica, sans-serif;
}

#WeatherEmergency p a, #EmergencyNoticeBox p a	{font-size: 100%;}
	
/**** PDA TT ****/
#pdatt	{width: 270px; background-color: #FFF;}
#pdatt .yellow_boxy	{margin-top: 0px;}
.pdatt_masthead	{background-color: #3B5A95; height: 30px;}
.pdatt_masthead h3	{color: #FFF; margin: 0px; padding: 8px 0px 0px 0px; vertical-align: middle;}
.pdatt_masthead img	{float: left; margin-right: 10px;}
select#route	{width: 210px;}
input#locationID	{width: 200px;}