body {
	font-family: Arial, Helvetica, sans-serif;
	color : #000000; 
	max-height: 100%;
	min-height: 100%;
	background-color:#354057;
	text-align: center;
	align: center;
}

a {text-decoration: underline;}
a:active {text-decoration:underline;}
a:hover {text-decoration: none;}

table.layout {
			width:100%;
}

table {
	color: #000000;
}

tr, td{
	font-family: Arial, Helvetica, sans-serif;
	font-size : x-small;
	color: #000000;
}

h2 {
	font-family: Arial;
	font-size :180%;
	font-weight: bold;
	margin-top: 20px;
	color: #354057;
}

.buttonRoute{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold; 
	border-style: none;
	cursor: hand;
	height:26px;
}

.Calgbutton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold; 
	background: url(../images/get_route_icon.jpg) no-repeat;
	color :  #ffffff;
	border-style: none;
	cursor: hand;
	width:83px;
	height:26px;
}

.buttonS{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold; 
	border-style: none;
/*	background: url(../images/schedule_lookup_bg_080612.jpg) no-repeat;*/
	cursor: hand;
	height:26px;
}
.tableHeaderHeadwy {
	font-weight: bold;
	color: #ffffff;	
	background-color:#354057;
	/*position:absolute;*/
}
#frame {
	margin:0 auto;
	padding:0;
	width:790px;
	overflow-x:scroll;
}
.tableHeader {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: white;
	/*background-color:#325CB1;*/
	/*background-color:#004477; current headway header background*/
	/*background: url(../images/schedule_lookup_bg_080612.jpg) ;*/
}
.tableHeaderItin {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #004477;
}
.tableHeaderNext {
	font-weight: bold;
	vertical-align: middle;
	color: white;	
	background: url(../images/schedule_lookup_bg_080612.jpg) ;
}
.tableHeaderRemarks {
	font-weight: bold;
	color: white;	
	background-color:#325CB1;
}
.input{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: x-small;
	padding: 1px;
}

.footer {color:#004477; font-size: xx-small; text-align: center;}
.footer a {color:#004477; font-size: xx-small; text-decoration: none; }
.footer a:active {color:#004477; font-size: xx-small; text-decoration: none;}
.footer a:hover {color:#004477; font-size: xx-small; text-decoration: none;}

.mainmenu
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: x-small;
	color: #ffffff;
	background-color: #666699;
}

.content{}

.contentTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size : medium;
	font-weight: bold;
	color: #800000;
}

.contentTitleblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size : medium;
	font-weight: bold;
	color: #333366;
}
.mainheaderl
{
	margin-left: 2em;
}
.error
{
 			color: #FF0000;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-style: font-style: italic; 
			font-weight: bold;
}

.section {margin-bottom:12px;color:#2A4256;border-top: solid #2A4256;}
.section li {margin:0px 0px 1px 0px}
.sectionTitle {padding-left:7px; font-weight:bold;}
.sectionHeader {color:#2A4256;font-weight:bold; border-bottom: solid #2A4256; background-color:#FFFFF5;}
.sectionBody {padding:6px 0px 4px 7px}

.menubar
{
 border-bottom: solid #FFFFF9;
 border-bottom-color: #0066cc;
 color: #000000;
}

.day{
	font: normal;
	font-size: xx-small; 
	background-color: #C0D0E5;	
}
.emptycell{
	font: normal;
	font-size: xx-small; 	
	background-color: #C0D0E5;
}

.step {font-size:120%;}
.stepII {color:#333366; font-weight: bold;	font-size: x-small;}
.step a {color:#333366;	font-weight: bold;	font-size: x-small; text-decoration: underline;}
.step a:active {color:#333366;	font-weight: bold;	font-size: x-small; text-decoration: underline;}
.step a:hover {color:#333366;	font-weight: bold;	font-size: x-small; text-decoration: underline;}

.step2 {color:#333366; font-weight: normal;	font-size: x-small;}
.step2 a {color:#333366; font-weight: normal;	font-size: x-small; text-decoration: underline;}
.step2 a:active {color:#333366; font-weight: normal;	font-size: x-small; text-decoration: underline;}
.step2 a:hover {color:#333366; font-weight: normal;	font-size: x-small; text-decoration: underline;}


.time
{
	 background :#ABCFFE;
	 font-weight: bold;
}

.help {color:#333366; 	font-size: medium; font-weight: bold;}
.help a {color:#333366;	font-weight: normal;	font-size: bold; text-decoration: underline;}
.help a:active {color:#333366;	font-weight: normal;	font-size: bold; text-decoration: underline;}
.help a:hover {color:#333366;	font-weight: normal;	font-size: bold; text-decoration: underline;}


.location {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: black;	
}

.signage { 
  	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #800000;	
}

.stop {
	font-size: x-small;
	font-weight: normal;
}

.stopnum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #800000;	
}

.route {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #333366;	
}

.node
{
 font-size: x-small;
 font-weight: bold;
}
.hsTime
{
 	 font-size: x-small;
	 font-weight: bold;
}
.white {color:#ffffff}
.white a {text-decoration: none; color:#ffffff}
.white a:active {text-decoration: none; color:#ffffff}
.white a:hover {text-decoration: none; color:#ffffff}

.yellow {color:#ffff99}

.printsignage
{
 font-size: xx-small;
 font-style: italic;
}
.printstop
{
 font-size: xx-small;
	 font-weight: normal;
}

.printnode
{
	font-size: xx-small;
	font-weight: bold;
}

.printhsTime
{
	font-size: xx-small;
	font-weight: bold;
}

.pagebreak
{
page-break-before: always;
page-break-after: always;
}

.headwayprint
{
	border-bottom: 1px solid #104A7B;
	border-right: 1px solid #104A7B;
	border-left: 1px solid #AFC4D5;
	border-top:1px solid #AFC4D5;
	background-color: white;
}