/* Basic Second Level pages CSS */

@import url(main.css);

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

#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;
*/	}
	
#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 {
	position: relative;
	margin-left: 10px;
	width: 108px;
	float: right;
	}*/
/**************** END ****************/


/**************** Application Pages ****************/
#tripplan {
	background-color:#FFF7BF;
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 20px;
	border: #3B5A95 1px solid;
	margin-top: 0px;
	color: black;
	width: 354px;
	}
	
#tripplan input, 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;}

#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 2px 2px 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;
	}
	
.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: 9px;
	}
	
#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;
	}	

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

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

.co_body ul.regular{
	color: #000;
	margin-left: 17px;
	padding-left: 17px;
	margin-bottom: 0px;
	list-style-type: disc;
	}

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

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

.co_body p {
	margin-bottom: 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;
	}


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

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

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

.email a:hover{ /*test*/
	text-decoration: underline;}
	
.imageRight {
	padding: 9px 0 9px 9px;
	float: right;
	}
	
.imageLeft {
	padding: 9px 9px 9px 0;
	float: 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;}

table.thumbnails {width: 100%; padding: 0; margin-top:10px;}
table.thumbnails td {border: #3B5A95 1px solid; padding: 2px;}

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