/******************************************************************
MTC TOOLKIT

VERSION v1.0

BUILD DATE: 20092005
**********************************************************************/

/* 
---------------------------- 
GLOBAL ITEMS
---------------------------- 
strong {
	font-weight: bold;
}
*/
.skip_nav {
	display: none;
}
/*
sup {
	height: 0;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
	font-size: .85em;
	line-height: 1.75em;
}
.clear {
	clear: both;
}
a {
	color: #214c78;
}
body {
	background-color: #DDE0D1;
	color: #000000;
	font-size: 100%;
	font-family: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;
	text-align: center;
	min-width: 993px;
}
*/

/* 
---------------------------- 
STRUCTURE
---------------------------- 
*/
#container {
	width: 993px;
	margin: 0 auto;
	text-align: left;
}
/*SAIC Change padding from 10px to 5px */
#mainContent {
	padding: 5px 0 0 0;
	background: #fff;
	float: left;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	width: 991px;/*added by SAIC*/
}

/* 
---------------------------- 
511 HOME PAGE
---------------------------- 
*/

/*
HAS A NON-STANDARD LAYOUT:
1. THREE COLUMNS
2. A BOX THAT SPANS TWO COLUMNS (DOUBLE WIDE)
3. A NARROW RIGHT COLUMN


#left-section {
	width: 758px;
	float: left;
}
#right-section {
	float: left;
}
#two-col-span {
	width: 758px;
	float: left;
}
#left-hp-span {
	float: left;
	width: 386px;
}
#center-hp-span {
	float: left;
	width: 372px;
}
#right-hp-span {
	float: left;
	width: 233px;
}
*/
/*END OF 511 HOME PAGE SPECIFIC LAYOUT*/

/* 
---------------------------- 
STANDARD TWO COLUMN PAGE
---------------------------- 
*/

/*
MOST OF THE SITE IS A TWO COLUMN LAYOUT
WITH A 638px WIDE MAIN COLUMN AND A 
353px SIDE COLUMN

638 + 353 = 991 + 2 = 993 

#two-col-primary-layout #primaryCol {
	width: 638px;
	float: left;
}
#two-col-primary-layout #secondaryCol {
	width: 353px;
	float: left;
}
*/
/*END OF TEMPLATES*/


/* 
---------------------------- 
FOOTER
---------------------------- 
*/
#footer {
	border-top: 1px solid #dedede;
	clear: both;
	font-family: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;/*Added By SAIC*/
}

#footer .border-none {
	border: none;
}
/*SAIC Changed Height from 120px to 170px */
.footer-menu {
	height: 120px;
	border-left: 1px solid #dedede;
	text-align: center;
	float: left;
}

#footer p {
	padding: 0px;
	font-size: 1.15em;/*Changed by SAIC from 0.75 to 1.15em*/
	font-weight: bold;
	color: #000000;
}

/*SAIC: Change font size from 0.625 to 1.00 */
.footer-menu li a {
	color: #000000;
	text-decoration: none;
	font-size: 1.0em;
	
	
}
/*Added By SAIC*/
.footer-menu ul
{
	list-style-type:none;
	line-height:15px;/*Added By SAIC*/
	margin: 0;/*Added By SAIC*/
	padding: 0;/*Added By SAIC*/
}

.footer-menu li a:hover {
	text-decoration: underline;
	
}

/*
ITEMS BELOW CREATE THE CENTERED LEFT AND RIGHT FOOTER MENUS
OF VARIABLE WIDTH
*/

.footer-menu .left {
	text-align: right;
	float: left;
}

.footer-menu .right {
	text-align: left;
	float: right;
}

.width-220 {
	width: 240px;/*SAIC changed from 220 to 240 */
	/*width: 22%;*/
}
/*SAIC width changed from 140-230*/
.width-220  .center-menu {
	width: 230px;
	margin: 0 auto;
}

.width-last {
	width: 220px;
	/*width: 22%;*/
}
/*SAIC changed the width from 80% to 98%*/
.width-last  .center-menu {
	width: 80%;
	margin: 0 auto;
}

.width-205 {
	width: 180px;/*SAIC changed from 205 to 180 */
	/*width: 20%;*/
}

.width-205 .center-menu {
	width: 130px;
	margin: 0 auto;
}

.width-243 {
	width: 243px;/*SAIC Changed from 243px to 253*/
	/*width: 24%;*/
}

.width-243 .center-menu {
	width: 85%;/*SAIC Changed from 85% to 85%*/
	margin: 0 auto;
}

.width-96 {
	width: 96px;
	/*width: 10%*/
}
/*SAIC addded accessible for accessible link*/
#footer .accessible {
	padding:0 0 0 0;
	color: #000;
	text-decoration: none;
	font-size: 1.00em;
}

/*COPYRIGHT*/

#copy-subfooter {
	clear: both;
}
/*SAIC changed from  
.825em to 1em
font-family: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;
*/
#copy-subfooter p {
	padding: 10px 0 0 0;
	font-weight: bold;
	font-size: 1.0em;
	text-align: center;
	font-family: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;/*Added By SAIC*/
	
}
/*SAIC addded accessible for a*/
#copy-subfooter a 
{
	color:#214C78;
	
}

/*  
---------------------------- 
HEADER
---------------------------- 
*/
/*SAIC moved this to header ul */
/*
ul {
	margin: 0;
	padding: 0;
}
*/
.clear {
	clear: both; 
}
	
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#header {
	font-family: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;
	z-index: 9999; /*KEEP*//*SAIC Changed from 1 to 1000 to avoid overlap with slider control *//*mantis #3933: change z-index from 1000 to 9999*/
	background: #fff url(../img/nav/topnav-internal-bg.gif) repeat-x bottom left;
	height: 100px;
	position: relative;
	width: 991px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	/* START - ADDED TO CORRECT FOR CODE ON CURRENT TRANSIT SITE - SHOULD BE REMOVED FOR USAGE IN A REBUILT SITE*/
	font-size: 16px;
	/* END */
	margin: 0px;
}
#header #logo {
	position: absolute;
	left: 30px;
	top: 5px;
}
/*"SF BAY AREA"*/
#logo-tagline {
	font-size: .75em;
	font-weight: bold;
	color: #536b25;
	width: 200px;
	position: absolute;
	left: 70px;
	top: 35px;
}
/*"MY 511 LOGIN"*/

#my-login-tagline {
	position: absolute;
	left: 750px;
	top: 10px;
}
#my-login-tagline img {
	padding: 0 110px 0 0;
	margin: 0 110px 0 0;
	height: 36px;
	border-top: 1px solid #96b358;
	border-right: 1px solid #96b358;
	border-bottom: 1px solid #96b358;
}
#my-login-tagline ul {
	position: absolute;
	top: 10px;
	left: 45px;
	float: left;
}
#my-login-tagline li {
	padding: 0 5px 0 0;
	border-right: 1px solid #96b358;
	float: left;
}
#my-login-tagline a {
	text-decoration: none;
	font-size: .75em;
	color: #536b25;
}
#my-login-tagline li a:hover {
	text-decoration: underline;
}
#my-login-tagline li.last {
	border: none;
	padding: 0;
	margin: 0 0 0 5px;
}
/*PUTS THE NAME OF A USER AT THE TOP OF THE HEADER*/
#login-info {
	font-size: .75em;
	position: absolute;
	right: 40px;
	bottom: 50px;
}
/* 
---------------------------- 
INTERNAL NAV GOES TO LINKS WITHIN THE SITE
---------------------------- 
*/

ul#internal-top-nav, #internal-top-nav li {
	float: left;
}
#internal-top-nav {
	position: absolute;
	bottom: 0px;
	left: 150px;
}
ul#internal-top-nav {
}
#internal-top-nav li {
	/*display: block;*/
	float: left;
	/*height: 15px;*/
	background: url(../img/nav/internal-border.gif) no-repeat 0 17px;/*border-right: 1px solid #bcbcbc;*/
	
}
#internal-top-nav li a {
	height: 22px;
	padding: 21px 16px 0 16px;
	display: block; /*DD MENU NEEDS THIS*/
	font-weight: bold;
	font-size: .75em;
	text-decoration: none;
	color: #000;
}
#internal-top-nav li.last {
	background: url(../img/nav/internal-border.gif) no-repeat 0 17px;
}
#internal-top-nav li a:hover {
	text-decoration: underline;
}
#internal-top-nav li.active {
	height: 38px;
	padding: 0 0 5px 0;
	background:  url(../img/nav/topnav-internal-active.gif) no-repeat 50% 100%;
}
#internal-top-nav li.active a:hover {
	text-decoration: none;
}
/*DROP DOWN NAVIGATION MENUS*/


#internal-top-nav li ul { /* second-level lists */
	z-index:90;
	position: absolute;
	top: 39px;
	border-top: 4px solid #85bb28;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background: #ececec;
	width: 190px;/*Changed from 150px to 190px */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	line-height:6px;/*Added By SAIC*/
}
#internal-top-nav li ul li {
	border: none;
	background: none;
}
#internal-top-nav li ul li a {
	height: 1%;
	width: 180px;/*Changed from 140px to 180px */
	padding: 10px 5px 10px 5px;
	margin: 0 0 2px 0;
	display: block;
	font-weight:normal;/*SAIC Added */
}
#internal-top-nav li ul li a:hover {
	text-decoration: none;
	color: #fff;
	background: #85bb28;
	font-weight:normal;/*SAIC Added */
}
#internal-top-nav li:hover ul, #internal-top-nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* 
---------------------------- 
EXTERNAL NAV GOES TO OTHER SUB DOMAIN SITES
IT APPEARS ON THE VERY TOP 
LINKS TO: 511.org, rideshare, etc
---------------------------- 
*/

#external-top-nav li {
	float: left;
}
ul#external-top-nav {
	float: left;
}
ul#external-top-nav {
	border-top: 4px solid #476C1F;
	position: absolute;
	top: 0;
	right: 250px;
	padding: 0 0 0 0;
	margin: 0; /*PREVENTS NAV FROM BEING PUSHED DOWN*/
}
#external-top-nav li {
	height: 20px;
	padding: 8px 20px 0 20px;
}
#external-top-nav li a {
	text-decoration: none;
	font-size: .75em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	display: block;
}
#external-top-nav li.active {
	background: #476C1F url(../img/nav/external-nav-active.gif) repeat-x top left;
}
#external-top-nav li.active a {
	color: #fff;
}
#external-top-nav li a:hover {
	text-decoration: underline;
}

/* 
---------------------------- 
EXTERNAL NAV GOES TO OTHER SUB DOMAIN SITES
IT APPEARS ON THE VERY TOP 
LINKS TO: 511.org, rideshare, etc
---------------------------- 
*/
#external-top-nav li {
	float: left;
}
ul#external-top-nav {
	float: left;
}
ul#external-top-nav {
	border-top: 4px solid #476C1F;
	position: absolute;
	top: 0;
	right: 250px;
	padding: 0 0 0 0;
}
#external-top-nav li {
	height: 20px;
	padding: 8px 20px 0 20px;
}
#external-top-nav li a {
	text-decoration: none;
	font-size: .75em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	display: block;
}
#external-top-nav li.active {
	background: #476C1F url(../img/nav/external-nav-active.gif) repeat-x top left;
}
#external-top-nav li.active a {
	color: #fff;
}
#external-top-nav li a:hover {
	text-decoration: underline;
}

/*mobile codes*/
#mobileLink {
 font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 position: absolute;
 top: 5px;
 left: 85px;
 white-space: nowrap;
 padding-bottom:10px;
 }
 
 #mobileLink a {
 color: #CC0000;
 } 







/* Commented out By SAIC 
 
---------------------------- 
PADDING
---------------------------- 

#two-col-primary-layout #primaryCol .padding, #two-col-span .padding {
	padding: 0 11px 0 14px;
}
#left-hp-span .padding {
	padding: 0 11px 0 14px;
}
#center-hp-span .padding {
	padding: 0 11px 0 0px;
}
#two-col-primary-layout #secondaryCol .padding, #right-hp-span .padding {
	padding: 0 11px 0 0;
}

/* 
---------------------------- 
COMPONENTS
---------------------------- 



100% WIDE BOXES TEND TO HAVE A PROBLEM IN IE
IF IT ISN'T REDRAWING AFTER SCROLLING, IT HAS A HASLAYOUT ISSUE

http://www.satzansatz.de/cssd/onhavinglayout.html
http://onhavinglayout.fwpf-webdesign.de/hack_management/



* html .green-box, .green-box .box-outer, 
.green-box.box-inner, .blue-box, 
.blue-box .box-outer, .blue-box.box-inner, 
.bottom-bar, .double-wide, .no-image-box, 
.empty-box-top, .green, .green-box.bottom-bar, 
.green-box.bottom-bar.box-outer, .blue-box.bottom-bar, 
.blue-box.bottom-bar.box-outer, .green .no-image-box, 
.no-color-box, .no-color-box .box-outer, .no-color-box .box-inner,
.no-top-box.green .box-inner,
.no-top-box.grey .box-inner,
.no-top-box.blue .box-inner  {
	height:1%;
}





THIS CONTAINER HOLDS THE HOME PAGE MAP
IT HAS TO BE CHANGED IF THE SIZE OF THE MAP CHANGES
THIS IS TO ALLOW THE BOTTOM BAR BELOW IT TO BE VISIBLE

.set-height-map {
	height: 489px;
}


NEEDED TO PUSH AN IMAGE (LIKE A MAP)
ONE PIXEL IN SO IT DOESN'T COVER THE BORDER OF A BOX

.image-flush {
	margin: 0 0 0 1px;
}


---------------------------- 
A BOX WITH NO COLOR 
---------------------------- 

.no-color-box {
	width: 100%;
	margin: 0 0 10px 0;
	background: url(../img/boxes/no-color-bottom-l.gif) no-repeat bottom left;
}
.no-color-box .box-outer {
	background: url(../img/boxes/no-color-bottom-r.gif) no-repeat bottom right;
}
.no-color-box .box-inner {
	padding: 0 0 15px 0; 
	margin: 0 0 10px 0;
	background: url(../img/boxes/box-grey-top-l.gif) no-repeat top left;
}
.no-color-box h1, .no-color-box h2 {
	font-size: .875em;
	padding: 7px 0 0 10px;
	height: 23px;
	background: url(../img/boxes/box-grey-top-r.gif) no-repeat top right;
}
.no-color-box p {
	font-size: .75em;

}


---------------------------- 
BOX WITH GREEN BOTTOM
---------------------------- 


.green-box {
	width: 100%;
	margin: 0 0 10px 0;
	background: url(../img/boxes/box-green-grad-bottom-l.gif) no-repeat bottom left;
}
.green-box .box-outer {
	background: url(../img/boxes/box-green-grad-bottom-r.gif) no-repeat bottom right;
}
.green-box .box-inner {
	position: relative; 
	padding: 0 0 15px 0;
	background: url(../img/boxes/box-grey-top-l.gif) no-repeat top left;
}
.green-box h1, .green-box h2 {
	font-size: .875em;
	padding: 7px 0 0 10px;
	height: 23px;
	background: url(../img/boxes/box-grey-top-r.gif) no-repeat top right;
}
.green-box p {
	line-height: 1.4em;
	padding: 5px 10px 0 12px;
	font-size: .75em;
}


---------------------------- 
THE DOUBLE WIDE BOX WOULD APPEAR INFREQUENTLY (ON THE HOMEPAGE OF 511)
IT HAS A SET WIDTH AND HEIGHT BECAUSE OF THE IMAGE IN THE RIGHT COLUMN

IT CAN EXPAND TO BE 300PX HIGH
---------------------------- 

.double-wide {
	margin: 0 0 10px 0;
	height: 91px;
	background: url(../img/boxes/two-col-box-bottom.gif) no-repeat bottom left;
}
.double-wide h1, .double-wide h2 {
	font-size: .875em;
	padding: 6px 0 0 10px;
	height: 23px;
	background: url(../img/boxes/two-col-box-h1.gif) no-repeat top left;
}
.double-wide_red {
	margin: 0 0 10px 0;
	height: 91px;
	background: url(../img/boxes/two-col-box-bottom_red.gif) no-repeat bottom left;
}
.double-wide_red h1, .double-wide_red h2 {
	font-size: .875em;
	padding: 6px 0 0 10px;
	height: 23px;
	background: url(../img/boxes/two-col-box-h1_red.gif) no-repeat top left;
}

.double-wide .left {
	width: 567px;
	float: left;
}
.double-wide_red .left {
	width: 567px;
	float: left;
}

.double-wide .right {
	float: left;
	width: 161px;
}.double-wide_red .right {
	float: left;
	width: 161px;
}
.double-wide p {
	font-size: .75em;
	margin: 10px 10px 0 15px;
}
.double-wide_red p {
	font-size: .75em;
	margin: 10px 10px 0 15px;
}


---------------------------- 
NARROW BOX CONTAINS A SET WIDTH 
THUMBNAIL IMAGE IN THE LEFT FLOAT

FOR USE ON THE 511 HOME PAGE
---------------------------- 

.promo-container {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
}
.narrow-box.promo .left {
	float: left;
	width: 60px;
}
.narrow-box.promo .right {
	float: left;
	width: 68%;
}
.narrow-box.promo img {
	margin: 10px 0 0 10px;
}
.narrow-box.promo h3 {
	font-size: .75em;
	margin: 10px 0 0 10px;
}
.narrow-box.promo h3 a {
	margin: 0 0 4px 0;
	display: block;
	line-height: 14px;
}
.narrow-box.promo .right p {
	padding: 0 0 0 10px;
	line-height: 1em;
}
.single-promo-item {
	margin: 0 0 0 10px;
}


---------------------------- 
BOX WITH BLUE BOTTOM
---------------------------- 

.blue-box {
	width: 100%;
	margin: 0 0 10px 0;
	background: url(../img/boxes/box-blue-grad-bottom-l.gif) no-repeat bottom left;
}
.blue-box .box-outer {
	background: url(../img/boxes/box-blue-grad-bottom-r.gif) no-repeat bottom right;
}
.blue-box .box-inner {
	position: relative; 
	padding: 0 0 15px 0;
	background: url(../img/boxes/box-grey-top-l.gif) no-repeat top left;
}
.blue-box h1, .blue-box h2 {
	font-size: .875em;
	padding: 7px 0 0 10px;
	height: 23px;
	background: url(../img/boxes/box-grey-top-r.gif) no-repeat top right;
}
.blue-box p {
	padding: 5px 10px 0 12px;
	font-size: .75em;
	line-height: 1.4em;
}
.h2-secondary-link a {
	position: absolute;
	font-size: .75em;
	right: 15px;
	top: 8px;
}


---------------------------- 
BOX WITH A GREY BAR ON BOTTOM
---------------------------- 

.green-box.bottom-bar {
	background: url(../img/boxes/box-green-bottombar-grad-bottom-l.gif) no-repeat bottom left;
}
.green-box.bottom-bar .box-outer {
	background: url(../img/boxes/box-green-bottombar-grad-bottom-r.gif) no-repeat bottom right;
}
.blue-box.bottom-bar {
	background: url(../img/boxes/box-blue-bottombar-grad-bottom-l.gif) no-repeat bottom left;
}
.blue-box.bottom-bar .box-outer {
	background: url(../img/boxes/box-blue-bottombar-grad-bottom-r.gif) no-repeat bottom right;
}
.bottom-bar-text {
	left: 0;
	position: absolute;
	bottom: 10px;
}
.bottom-bar p.last {
	margin: 0 0 20px 0;
}
BOX WITH NO GREY BAR AT TOP

.no-top-box {
	width: 100%;
	margin: 0 0 10px 0;
}
.no-image-box h3, .no-image-box p {
	margin: 0px 15px 0 15px;
}


.no-image-box p {
	line-height: 1.4em;
}
.no-top-box.blue {
	background: url(../img/boxes/box-blue-grad-bottom-l.gif) no-repeat bottom left;
}
.no-top-box.blue .box-outer {
	background: url(../img/boxes/box-blue-grad-bottom-r.gif) no-repeat bottom right;
}
.no-top-box.green {
	background: url(../img/boxes/box-green-grad-bottom-l.gif) no-repeat bottom left;
}
.no-top-box.green .box-outer {
	background: url(../img/boxes/box-green-grad-bottom-r.gif) no-repeat bottom right;
}
.no-top-box.grey {
	background: url(../img/boxes/box-grey-grad-bottom-l.gif) no-repeat bottom left;
}
.no-top-box.grey .box-outer {
	background: url(../img/boxes/box-grey-grad-bottom-r.gif) no-repeat bottom right;
}
.no-top-box .box-inner {
	position: relative; NECESSARY TO KEEP SECONDARY LINK IN PLACE
	padding: 0 0 10px 0;
	background: url(../img/boxes/box-notop-top-l.gif) no-repeat top left;
}
.no-top-box .empty-box-top {
	background: url(../img/boxes/box-notop-top-r.gif) no-repeat top right;
	height: 5px;
	font-size:1px; IE6 HACK FOR HEIGHT LESS THAN 10PX
	line-height:0; IE6 HACK FOR HEIGHT LESS THAN 10PX
}

.no-top-box.inline-image-box h3 {
	margin: 0 0 0 0;
}

h3.header-indent {
	margin: 0 0 0 15px !important;
}

.no-top-box h3 {
	padding: 10px 0 0 0;
	font-size: .75em;
	font-weight: bold;
}
.no-top-box .left {
	float: left;
	width: 40%;
}
.no-top-box .right {
	float: left;
	width: 55%;
}
.no-top-box p {
	line-height: 1.4em;
	padding: 5px 0 5px 0;
	font-size: .75em;
}
.no-top-box img {
	padding: 10px 10px 0 15px;
}
.no-top-box li {
	font-size: .75em;
	padding: 0 0 5px 0;
}



BOX WITH IMAGE THAT LIES INLINE ON THE LEFT


.inline-image-box img {

	margin: 0px 0 0 0;
}
.inline-image-box .left {
	width: 53px;
	float: left;
}
.inline-image-box .right {
	float: left;
	width: 80%;
}
.inline-image-box h3 {

	margin: 0px 0 5px 0;
}
.top-bar-box-image .left {
	width: 40%;
	float: left;
}
.top-bar-box-image .right {
	float: left;
	width: 55%;
}
.top-bar-box-image img {
	border: 1px solid #000;
	margin: 10px 0 0 10px;
}
A BOX WITH SCROLLING CONTENT

.scroll-section {
	overflow: auto;
	margin: 0 10px 0 0;
}
.scroll-section.scroll-medium-300 {
	height: 300px;
}
.scroll-section.scroll-medium-200 {
	height: 200px;
}

 
---------------------------- 
FORMS
---------------------------- 

.form-holder {
	margin: 12px;
}
GENERAL LABEL CLASS
.label-span {
	float: left;
	font-size: .75em;
}
.label-span_right-align {
	float: left;
	font-size: .75em;
	text-align: right;
}
MORE SPECIFIC, FOR SPACING
.label-wide {
	width: 28%;
	margin: 0 0 0 0;
	padding: 3px 3px; 0 0;
}

GENERAL FORM FIELD CLASS
.form-field {
	font-size: .75em;
	margin: 0 0 5px 0;
	float: left;
}
.select-menu-wide {
	width: 70%;
}
.inputField {
	width: 300px;
	color: #000;
	margin: 5px 0;
}
.form-left {
	float: left;
	margin: 0 10px 0 0;
}
a.form-left {
	margin: 20px 0 0 0;
	font-size: .75em;
}
.form-right {
	float: right;
	margin: 10px 10px 10px 0;
}


---------------------------- 
VERTICAL TABS WITH GRADIENT ON TOP AND BOTTOM
---------------------------- 

.vertical-tabs {
	position: relative;
}
.vertical-tabs p {
	line-height: 1.4em;
	margin: 0 0 10px 0;
}
.vertical-tabs .left {
	width: 75%;
	float: left;
}
.vertical-tabs .right {
	padding: 0 5px 0 0;
	width: 134px;
	float: right;
}
.vertical-tabs ul.v-tab {
	width: 134px;
	background:  #f7f8f5 url(../img/tabs/v-tab-bg.gif) repeat-y 0 0;
}
.v-tab-top-graphic {
	background: #f7f8f5 url(../img/tabs/v-tab-top.gif) no-repeat 0 0;
	height: 50px;
}
.v-tab-bottom-graphic {
	margin: 0 0 30px 0;
	background: transparent url(../img/tabs/v-tab-bottom.png) no-repeat top left;
	height: 107px;
}
.vertical-tabs ul.v-tab li {
	padding: 5px 10px 15px 10px;
}
.vertical-tabs li.active {
	background: #fff url(../img/tabs/v-tab-active.gif) no-repeat 0 100%;
	font-weight: bold;
	border-top: 1px solid #9b9b9b;
}
.vertical-tabs ul.v-tab li a {
	font-size: .75em;
	color: #444;
	text-decoration: none;
}

.vertical-tabs ul.v-tab li a:hover {

	text-decoration: underline;
}

.vertical-tabs.full-width-text .left {
	width: 95%;
}

ul.green-dot-bullet  {
	padding: 10px 0 0 20px;}


.green-dot-bullet li {
	text-align: left;
	padding: 0 0 0 10px;
	line-height: 1.4em;
	font-size: .75em;
	margin: 5px 0;
	background: url(../img/global/bullet-green-square.gif) no-repeat 0 0;
}




---------------------------- 
TABLES
---------------------------- 

VISUAL-GRID HAS VISIBLE GRID LINES
table.visual-grid {
	width: 96%;
	background: #fff;
	margin: 10px;
	border: 1px solid #666;
}
table.visual-grid td {
	padding: 5px;
	border: 1px solid #666;
	font-size: .75em;
}
table.visual-grid th {
	vertical-align: center;
	padding: 4px;
	text-align: center;
	border: 1px solid #666;
	height: 27px;
	color: #fff;
	font-size: .75em;
	background: #6e9d21 url(../img/tables/table-green-bg.gif) repeat-x 0 0;
}
table.visual-grid .wide-description-col {
	width: 70%;
}
table.visual-grid .type-col {
	width: 5%;
}
table.visual-grid .route-col {
	width: 15%;
}
table.visual-grid .start-col {
	width: 10%;
}
table.visual-grid a {
	color: #477944;
}
.rightalign-block-link {
	padding: 5px 0 0 0;
	display: block;
	text-align: right;
}


---------------------------- 
BREAKING NEWS TABLE
---------------------------- 

table.breaking-news {
	font-size: .75em;
}
table th.breaking-news-col {
	font-weight: normal;
	width: 75%;
	padding: 5px 5px 5px 10px;
}
table.driving-times {
	font-size: .75em;
}
table th.driving-times-col {
	font-weight: normal;
	width: 50%;
	padding: 5px 5px 5px 10px;
}

img.table-image {
	padding: 10px 10px 0 10px;
}

table.top-align-text-table td {
	padding: 10px 0;
	vertical-align: top;
}

---------------------------- 
MY 511 DRIVING TIME TABLES
---------------------------- 

table.my511-driving-times {
	font-size: .75em;
	margin: 12px;
}
table th.my511-driving-times {
	font-weight: normal;
	width: 75%;
}
table.my511-driving-times td {
	padding: 12px 0 10px 0;
}
table.my511-driving-times th {
	padding: 0 0 12px 0;
}
table.my511-driving-times .my-description-col {
	width: 15%;
	padding: 0 0 0 10px;
}
table.my511-driving-times .my-col {
	width: 10%;
}
table.my511-driving-times .first-column {
	padding: 0 0 0 10px;
}
table.my511-driving-times .selected-row {
	width: 98%;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	background: #eee;
}


---------------------------- 
MY 511 DEPARTURE TIME TABLES
---------------------------- 

table.my511-departure-times {
	font-size: .75em;
	margin: 12px;
}
table th.my511-departure-times {
	font-weight: normal;
	width: 75%;
}
table.my511-departure-times td {
	padding: 12px 0 10px 0;
}
table.my511-departure-times th {
	padding: 0 0 12px 0;
}
table.my511-departure-times .my-departure-col {
	width: 30%;
	padding: 0 0 0 10px;
}
.table-details {
	font-weight: normal;
	font-size: .75em;
}
table.my511-departure-times .first-column {
	padding: 0 0 0 10px;
}
table.my511-departure-times .my-col {
	width: 20%;
}
table.my511-departure-times .selected-row {
	width: 98%;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	background: #eee;
}
table.my511-driving-times .first-column {
	padding: 0 0 0 10px;
}
table.my511-driving-times .selected-row {
	width: 98%;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	background: #eee;
}


---------------------------- 
TEXT "TABS" THAT APPEAR AT THE TOP OF INLINE CONTENT
---------------------------- 

ul.inline-tabs, .inline-tabs li {
	float: left;
}
.inline-tabs-row {
	margin: 0 5px 10px 1px;
	height: 32px;
	background: #ebebeb;
}
ul.inline-tabs {
	margin: 0 10px 10px 0;
}
.inline-tabs li {
	padding: 10px;
	font-size: .75em;
	background: #ebebeb url(../img/tabs/inline-line.gif) no-repeat right 4px;
}
.inline-tabs li a {
	text-decoration: none;
	color: #000;
}
.inline-tabs li a:hover {
	text-decoration: underline;
}
.inline-tabs li.active {
	font-weight: bold;
	background: #fff url(../img/tabs/inline-line.gif) no-repeat right 4px;
}
LISTS

ul.normal-list {
	margin: 0 0 0 15px;

}

.normal-list li {
	margin: 0 0 0 15px;
	
	line-height: 1.4em;
	font-size: .75em;
}
*/