A:link
{
    COLOR: #006699
}
A:visited
{
    COLOR: #006699
}
A:hover
{
    COLOR: #cc6600
}
A:active
{
    COLOR: #006699
}

.sm
{
    FONT-SIZE: 7px;
    VERTICAL-ALIGN: super
}

.menu
{
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    width: 207px;
    height:28px;
/*    background-color: #006699*/
   
    
}
.menu A
{
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.menu A:link
{
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.menu A:visited
{
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.navarrow
{
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    COLOR:#3399cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.navbar
{
	font-size: 90%;
    TEXT-DECORATION: none;
     COLOR: #ffffff;
    font-weight:normal;
    FONT-FAMILY:  Arial;
    background-color:#006699;
    display:block
}
.navbar:link
{
    FONT-SIZE: 90%;
     font-weight:normal;
    COLOR: #ffffff;
    FONT-FAMILY:Arial;
    TEXT-DECORATION: none;
    display:block
}
.navbar:visited
{
    FONT-SIZE: 90%;
     font-weight:normal;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
    display:block
}
.navbar:hover
{
    FONT-SIZE:90%;
    COLOR: #ffcc33;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none;
     font-weight:normal;
    display:block
}
.navbar:active
{
    FONT-SIZE:90%;
    COLOR: #ffffff;
    FONT-FAMILY:  Arial;
    font-weight: normal;
    TEXT-DECORATION: none;
    display:block
}
.navbar:TD
{
	width:185px; background:#006699; height: 427px;
	 font-weight:normal;
	 FONT-SIZE: 90%;
    FONT-FAMILY:  Arial;
    display:block
   
}
.titlesmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 105%
}
.titlelarge
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 150%
}
.titlesmall
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 105%
}
.titlesubheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 135%
}
BODY
{
    MARGIN: 2px 0px 0px
}
.maincontent
{
    FONT-SIZE: 85%;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.maincontent TD
{
   FONT-SIZE: 98%;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
 
}

.maincontent TH
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}


.breadcrumb:link

{
    COLOR: #006699;
    TEXT-DECORATION: none
}

.breadcrumb:visited

{
    COLOR: #006699;
    TEXT-DECORATION: none
}

.breadcrumb:hover
{
    COLOR: #cc6600;
    TEXT-DECORATION: none
}

.breadcrumb:active
{
    COLOR: #006699;
    TEXT-DECORATION: none
}

.breadcrumb
{
    FONT-SIZE: 100%
}
.global:link
{
    FONT-SIZE: 80%;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.global:visited
{
    FONT-SIZE: 80%;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.global:hover
{
    FONT-SIZE: 80%;
    COLOR: #ffcc33;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.global:active
{
    FONT-SIZE: 80%;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.footer
{
    FONT-SIZE: 70%;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.copyright
{
    FONT-SIZE: 65%;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textsm
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   
 }
.sectionindex
{
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 
   background-color: #EEEEEE
}
.sectiongrey
{
	background-color: #EEEEEE;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	width:142px;
	vertical-align:top;
	height:100%
	
}
.sectiongreyhorizontal
{
	background-color: #EEEEEE;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	
	
}
.sectiondarkgrey
{
	
	background-color: #999999;
	COLOR :#FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	height:18px;
}
.sectiondarkblue
{
	background-color: #4495BD;
	COLOR :#FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	
	height:18px;
}

.subheader
{ 
	height:14px;
	vertical-align:top;
	text-align:left;
	width:100%;
	FONT-SIZE: 100%;
	font-weight: bold;
    background-color: #DCF3FF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.halfsubheader
{ 
	height:14px;
	vertical-align:top;
	text-align:left;
	FONT-SIZE: 100%;
	font-weight: bold;
    background-color: #DCF3FF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.imagebackground
{
	background-color : #006699
}
.navrule
{
    BORDER-BOTTOM: #ffffff 1px solid
    
}
.imagecolumn
{
	background-color : #eeeeee;
	height:100%;
	width:209px
	
}
.greycolumn
{
	background-color : #eeeeee;
	height:100%;
	width:209px
	
	
}
.local:link
{
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    WIDTH: 100%;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial;
    HEIGHT: 100%;
    TEXT-DECORATION: none
}
.local:visited
{
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    WIDTH: 100%;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial;
    HEIGHT: 100%;
    TEXT-DECORATION: none
}
.local:hover
{
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    WIDTH: 100%;
    COLOR: #ffcc33;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial;
    HEIGHT: 100%;
    TEXT-DECORATION: none
}
.local:active
{
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    PADDING-LEFT: 4px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 4px;
    WIDTH: 100%;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    FONT-FAMILY: Arial;
    HEIGHT: 100%;
    TEXT-DECORATION: none
}
.searchsubheader
{
	background-color:#666666;
	font-weight:bold;
	color:#FFFFFF
}
.popdesturl:link
{
    COLOR: #006699;
    TEXT-DECORATION: none
}
.popdesturl:visited
{
    COLOR: #006699;
    TEXT-DECORATION: none
}
.popdesturl:hover
{
    COLOR: #cc6600;
    TEXT-DECORATION: none
}
.popdesturl:active
{
    COLOR: #006699;
    TEXT-DECORATION: none
}
.popdesturl
{
    FONT-SIZE: 70%
}
.popdesttitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 120%
}
.boldtext
{ 
	width:30%;
	FONT-WEIGHT: bold;
    FONT-SIZE: 80%;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.italicmessage
{
    FONT-STYLE: italic;
    font-weight:bold
}
.message
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    COLOR: #ff0000;
    FONT-STYLE: italic
}
.msg
{
	color:#CC0000;
	font-weight:bold
}
.displaynone
{
    DISPLAY: none
}
.displayskip
{
    DISPLAY: block;
    WIDTH: 1px;
    HEIGHT: 0px
}
.map
{
	width:100%;
	background-color:#EEEEEE;
	border-width:2;
	border-color:#808080;
	
	
}
a.header:link 
{
font-family: Arial, Helvetica, sans-serif;
color: #006699;
font-size: 10pt;
text-decoration:none;
}
a.header:visited {
font-family: Arial, Helvetica, sans-serif;
color: #006699; 
font-size: 10pt; 
text-decoration:none; 
}
a.header:hover 
{
font-family: Arial, Helvetica, sans-serif;
color: #1A84BA; 
font-size: 10pt; 
text-decoration:none;  
}
a.header:active 
{
font-family: Arial, Helvetica, sans-serif;
color: #006699; 
font-size: 10pt; 
text-decoration:none;
}
tripPlannerMiddleCol *, #tripPlannerRightCol * {
	padding:0; margin: 0; border: none; background-color: transparent;
}

#tripPlannerMiddleCol {
	vertical-align: top;
	background-color: #FFFFFF;
	padding: 1px 5px 0px 3px;
}

#tripPlannerRightCol {
	background-color: #EEE;
	vertical-align: top;
	width: 192px;
	min-height: 568px;
	
}

#tripPlannerMiddleCol .box {
	border: solid 1px #AAAAAA;
	margin-bottom: 5px;
}

#tripPlannerMiddleCol .lastbox {
	margin-bottom: 0;
}


#tripPlannerMiddleCol .box .header {
	border-bottom: solid 1px #AAAAAA;
	background-color: #FFFFFF;
	padding: 2px;
}

#tripPlannerMiddleCol .box .header .gradBkgd {
	background-image: url(http://images.transit.511.org/accessible/grad1.gif);
	background-repeat: repeat-x;
}

#tripPlannerMiddleCol .box .content {
	margin: 13px 10px 13px 10px;
}

#tripPlannerMiddleCol #formBlock .header {
	height: 45px;
}

#tripPlannerMiddleCol #announcementBlock .header {
	height: 50px;
}

#tripPlannerMiddleCol #announcementsBlock .content h3 {
	font-size: 12px;
	color: #111;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#tripPlannerMiddleCol #announcementsBlock .content p {
	font-size: 11px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#tripPlannerMiddleCol #announcementsBlock .content a, #tripPlannerMiddleCol #announcementsBlock .content a:link, #tripPlannerMiddleCol #announcementsBlock .content a:visited {
	color: #4c8db4;
}


#tripPlannerMiddleCol #announcementsBlock .announcement {
	margin-bottom: 18px;
}



#tripPlannerRightCol #routesAndSchedules {
	min-width: 171px;
	min-height: 245px;
	height: 255px;
	margin-left: 1px;
	margin-bottom: 18px;
	padding: 13px 10px;
	background-image: url(http://images.transit.511.org/accessible/view-routes-bkgd.gif);
	background-repeat: no-repeat;
}

#tripPlannerRightCol #routesAndSchedules .pulldown {
	display: block;
	width: 166px;
	margin-top: 15px;
	font-size: 0.8em;
	border:  inset 2px #EEE;
	background-color: white;
}

#tripPlannerRightCol #routesAndSchedules .submitbutton {
	display: block;
	width: 111px;
	height: 29px;
	margin: 13px 0px 12px 0px;
	padding: 29px 0 0;
	border: 0;
	background: transparent url(http://images.transit.511.org/accessible/view-routes-button.gif) no-repeat center top;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

#tripPlannerRightCol .promobox {
	margin-bottom: 10px; 
}
#tripPlannerForm {	
	color: #1a1717;
}
#tripPlannerForm .invisible {
	display: none;
}
#tripPlannerForm .inline {
	display: inline;
}
#tripPlannerForm .notYetAccessed {
	color: #888!important;
}

#tripPlannerForm table {
	border-collapse: collapse;
	border: none;
	margin: 0; padding: 0;
}
#tripPlannerForm td {
	vertical-align: top;
	color: #1a1717;
}

#tripPlannerForm .textfield {
	border: 1px solid #666;
	background-color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #222;
	font-weight: normal;
	padding: 1px 2px 1px 2px;
}
#tripPlannerForm .dropdown {
	border: 1px solid #AAA;
	background-color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #222;
	font-weight: normal;
	padding: 2px 0px 1px 0px;

}

/* The "Starting Address" and "Ending Address" rows */
#tripPlannerForm table#startAddress {
	margin-bottom: 9px;
}

#tripPlannerForm table#endAddress {
	margin-bottom: 17px;
}

#tripPlannerForm #startAddress input#staddr,  
#tripPlannerForm #endAddress input#enaddr {
	width: 180px;
}

#tripPlannerForm #startAddress input#stcity, 
#tripPlannerForm #endAddress input#encity {
	width: 71px;
}




/* The "select time to arrive/depart" row */
#tripPlannerForm #timeSelection { margin-bottom: 24px; }
#tripPlannerForm #timeSelection td { vertical-align: middle; }

/* the start-at/arrive-by radio button group */
#tripPlannerForm #timeSelection .rbg_StartAt-ArriveBy { white-space: nowrap; }
#tripPlannerForm #timeSelection .rbg_StartAt-ArriveBy input { height: 12px; width: 12px; } /* the radio buttons themselves */
#tripPlannerForm #timeSelection .rbg_StartAt-ArriveBy td.first { padding-bottom: 4px; } /* the first row */
#tripPlannerForm #timeSelection .rbg_StartAt-ArriveBy td.label { padding-left: 4px; font-size: 10px; } /* the rb labels */

/* the 'time' text field cell */
#tripPlannerForm #timeSelection .input_time { padding-left: 17px; }

/* the time text field itself */
#tripPlannerForm #timeSelection .input_time input { width: 47px; }

/* the am/pm dropdown cell */
#tripPlannerForm #timeSelection .select_ampm { padding-left: 0.2em; }

/* the "today/tomorrow/next week" dropdown cell */
#tripPlannerForm #timeSelection .select_forDay { padding-left: 1em; }


#tripPlannerForm #tripPreferences {
	height: 54px;
	min-height: 54px;
}

#tripPlannerForm #tripPreferences .tripPreference {
	display: inline;
}

#tripPlannerForm #tripPreferences .row1 {
	position: relative;
	top: 0px; left: 0px;
}

#tripPlannerForm #tripPreferences .row1 .selItineraryPref { }
#tripPlannerForm #tripPreferences .row1 .selFareCategory {
	position: absolute;
	left: 172px;
}
#tripPlannerForm #tripPreferences .row2 {
	position: relative;
	top: 4px; left: 0px;
}

#tripPlannerForm #tripPreferences .row2 .selWalkingDistance label {
	font-size: 10px;
}
#tripPlannerForm #tripPreferences .row2 .selWalkingDistance select {
	position: absolute;
	left: 172px;
}

#tripPlannerForm #tripSearchSubmit { height: 37px; width:100%; position: relative }
#tripPlannerForm #submitForm {
	position: absolute;
	top: 0px;
	left: 172px;
}
#tripPlannerForm #addlOptions { 
	position: absolute;
	top: 0px;
	left: 0px;
}
tripPlannerForm #addlOptions img {
	vertical-align: text-top;
}
#tripPlannerForm #addlOptions a {
	font-size: 11px;
}

#tripPlannerForm #tripSearchSubmit .submitbutton {
	display: block;
	width: 111px;
	height: 29px;
	padding: 29px 0 0;
	border: 0;
	background: transparent url(http://images.transit.511.org/accessible/trip-planner-submit.gif) no-repeat center top;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

/***
Itinieary Styles
**/

div.contentBtm {
padding:0pt 8px;
}

div.tab1Content{
padding:0pt 0pt 8px;
}

div.routeDiv {
border-bottom:3px double #C8C8C8;
padding:4px 0pt;
}

div#itdRouteSummary table.routeTable {
margin-left:10px;
width:500px;
}

table.summariesBox span.largeText {
font-size:115%;
font-weight:bold;
}

table.summariesBox div.selectedTrip {
background-color:#DDF1F8;
}

table.summariesBox div.ScrollDiv {
height:106px;
overflow-x:hidden;
overflow-y:auto;
text-align:left;
width:515px;
}

table.summariesBox td {
border:1px solid #C8C8C8;
text-align:center;
}

table.summariesBox a {
color:#3C3C3C;
}

table.summariesBox {
background-color:#F1F8FB;
color:#3C3C3C;
margin:0pt 0pt 5px;
}

table.noBorders 
{
background-color:#F1F8FB;
color:#3C3C3C;
margin:0pt 0pt 5px;
border:1px solid #C8C8C8;
}

table.noBorders td {
border:medium none;
padding:2px 0pt;
text-align:center;
}

table.titleTable span.largeText {
font-size:120%;
}

div.ScrollDiv .redText {
color:#702E30;
font-size:110%;
}

div#itineraryBox table.titleTable {
background-color:#F2F2F2;
border-bottom:1px solid #C4C4C4;
width:100%;
}
div#itineraryBox table.titleTable td {
}

table.titleTable a.printLink {
color:#000000;
font-size:110%;
}

div#itineraryBox {
background-color:#FFFFFF;
border-color:#B31C15 rgb(196, 196, 196) rgb(196, 196, 196);
border-style:solid;
border-width:0px 1px 1px;
width:515px;
}
div#itineraryBox a {
color:#733135;
}
div#itineraryBox table.titleTable {
background-color:#F2F2F2;
border-bottom:1px solid #C4C4C4;
width:100%;
}
div#itineraryBox table.titleTable td {
}
table.titleTable span.largeText {
font-size:120%;
}
table.titleTable a.printLink {
color:#000000;
font-size:110%;
}
div.textSizer {
background-color:#FFFFFF;
border-left:1px solid #C4C4C4;
border-right:1px solid #C4C4C4;
margin:0pt 5px 0pt 2px;
padding:4px 3px 4px 4px;
}
div#itineraryBox div.textSizer a.smallerLink {
color:#3C3C3C;
font-weight:bold;
}
div#itineraryBox div.textSizer a.largerLink {
color:#B31C13;
font-size:140%;
font-weight:bold;
}
div#itineraryBox div.textSizer a.selected {
text-decoration:none;
}
div#itineraryBox div.routeDiv {
border-bottom:3px double #C8C8C8;
padding:4px 0pt;
}
div#itineraryBox table.routeTable {
margin-left:10px;
width:500px;
}
div#itineraryBox table.submitTable {
margin:3px 0pt;
width:100%;
}
div#itineraryBox table.submitTable td {
text-align:center;
}
div#itineraryBox table.submitTable a {
color:#3C3C3C;
}

.announcementBubbleContentcontent {
line-height:12pt;
padding:2px 0px 0px 7px;
}


.announcementBubbleHeadlargeHeader
{
background:transparent url(http://images.transit.511.org/accessible/fw/bubble_bg.gif) no-repeat scroll 0%;
color:#000000;
font-size:115%;
font-weight:bold;
height:25px;
line-height:12pt;
padding:3px 0px 0px 7px;
text-decoration:none;
white-space:nowrap;
}
.hiddenText 
{
  position:absolute;
  width:0;  
  height:0;
  font-size:0px;
  font-weight:bold;
  overflow:hidden;
    }
h1
{
    margin-top:0px; 
    height:10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 150%;    
}

.h1AutoHeight
{
    height:auto;
    empty-cells:hide;
    display:inline;    
    }
h2
{ 
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:100%;
   font-style:normal;
   font-weight:bold;
   margin-top:0; 
   margin-bottom:0 
    }
.h2plantrip
{
   line-height:15px;   
    } 
.h2section
{
   line-height:12px;   
    } 
.h2message
{
    empty-cells:hide; 
    display:inline; 
    float:left; 
    height:auto;    
    }  
.h2normalfont
{
    font-weight:normal;
    } 
.h2Basics
{
    margin-bottom :10px; 
    font-size:125%;
    }    
  
h3
{  
  font-family:Verdana,Arial,Helvetica,sans-serif;  
  color:#000000 ;
  line-height:14px;
  font-size:98%; 
  margin-top:0; 
  margin-bottom:0;   
    }    
.h3Destination
{
	background-color:#666666;
	font-weight:bold;
	color:#FFFFFF
}
.h3Basics
{
    margin-bottom :-12px;    
    }
h4
{
  line-height:14px;
  font-size:98%; 
  margin-top:0px;
  margin-bottom :0px;
}

h5
{
  line-height:14px; 
  font-size:98%;
  margin-top:0px;
  margin-bottom :0px;
}   
legend 
{
   font-weight:bold; 
   color:#000000
    }
.smNight
{
    FONT-SIZE: 7px;
    VERTICAL-ALIGN: super;
    font-weight:normal;
}
.fontNormal
{
    font-weight:normal;
}