/* TEMPLATE STYLES */
#content_sub {
padding: 10px 10px 20px 20px;
}
#sidebarMedia {
margin-top: 10px;
}

/* BUS SECTION STYLES */
.funBullets {
list-style-image: url(http://dev.octa.net/uploadedImages/Metro_Service/bulletsGreen.gif);
}

h1 {
color: #63b73e;
font-size: 22px;
}
h2 {
color: #007aa2;
}
h5 {
color: #606060;
font-size: 12px;
font-weight: bold;
background-color: #e0f1d8;
padding: 3px;
margin: 0;
margin-bottom: 5px;
}
h6 {
background-image: url(../images/menuBg.gif);
background-position: center;
background-repeat: repeat-x;
background-color: white;
border: 1px solid #c9cacc;
padding: 10px;
color: #63b73e;
font-size: 14px;
font-weight: bold;
}
/* main menu */
ul#busMainMenu {
float: right;
padding: 5px 0 10px 0;
font-size: 10px;
color: black;
margin: 0;
padding: 0;
list-style-type: none;
}
ul#busMainMenu li {
display: inline;
margin: 0 1px;
}
ul#busMainMenu a {
text-decoration: none;
color: black;
}
ul#busMainMenu a:hover {
text-decoration: none;
color: #1597bc;
}
/* sub menu */
ul#metroSubMenu {
background-image: url(../images/menuBg.gif);
background-position: center;
background-repeat: repeat-x;
background-color: white;
color:#317ab5;
border-top: 1px solid #c9cacc;
border-bottom: 1px solid #c9cacc;
display: block;
margin: 0;
padding: 6px 0 5px 0;
/* width: 846px; */
background-color: white;
line-height: 20px;
}
.greenBox ul#metroSubMenu {
padding-left: 5px;
padding-right: 5px;
}
ul#metroSubMenu li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
border-left: 1px solid #317ab5;
padding-left: 7px;
margin-right: 3px;
}
ul#metroSubMenu li.current a {
font-weight: bold;
color:#63b73e;
}
ul#metroSubMenu li:first-child {
border: none;
padding: 0;
}
ul#metroSubMenu a {
color:#317ab5;
text-decoration: none;
}
ul#metroSubMenu a:hover {
color:#63b73e;
text-decoration: none;
}

/* sidebar */
#metroSidebar {
position: absolute;
top: 200px;
right: 10px;
width: 220px;
padding: 0;
background-color: white;
}
#metroSidebar h3 {
background-image: url(../images/sidebarHeaderBg.gif);
font-size: 16px;
text-transform: uppercase;
color: white;
padding: 5px 0;
text-align: center;
margin: 0;
font-weight: bold;
}
#metroSidebar h4 {
background-image: url(../images/sidebarHeaderBg.gif);
font-size: 14px;
color: white;
padding: 3px 0;
text-align: center;
margin: 0;
}
#metroSidebar ul {
margin: 0;
padding: 0;
border-left: 1px solid #c9cacc;
border-right: 1px solid #c9cacc;
}
#metroSidebar li {
background-image: url(../images/sidebarItemBg.gif);
margin: 0;
padding-top: 6px;
height:20px;
border-bottom: 1px solid #c9cacc;
list-style-type: none;
}
#metroSidebar li:hover {
background-image: none;
}
#metroSidebar span {
width: 57px;
text-align: center;
display: block;
float: left;
height: 26px;
margin-top: 0px;
}
#metroSidebar span img {

}
#metroSidebar a {
color: black;
text-decoration: none;
}
#metroSidebar a:hover {
color: #1597bc;
text-decoration: none;
}
/* header */
#metroHeader {
background-image: url(../metro/images/headerBgMetro.jpg);
background-position: 5px 5px;
background-repeat: no-repeat;
height: 115px;
/* width: 846px; */
background-color: white;
margin-bottom: 10px;
position: relative;
}
#metroHeaderNews {
background-image: url(../metro/images/headerBgMetroNews.jpg);
background-position: 5px 5px;
background-repeat: no-repeat;
height: 115px;
/* width: 846px; */
background-color: white;
margin-bottom: 10px;
position: relative;
}
#headerAds {
position: absolute;
/* border: 1px solid #e5e5e5; */
top: 0;
right: 0;
font-size: 10px;
line-height: 10px;
}
#headerAds ul {
margin:0;padding:0;
}
#headerAds li {
margin:0;padding:0;
display: inline;
list-style-type: none;
}
#headerAds a {
background-color: #e5e5e5;
color: #666;
padding: 0 3px;
text-decoration: none;
}
#headerAds a:hover {
background-color: #63b73e;
color: white;
text-decoration: none;
}
#mainContent {
width: 575px;
margin-top: 20px;
}



/* OVERVIEW PAGE */
ul.genericMenu {
margin: 0;
margin-bottom: 10px;
padding: 0;
/* 	color: #5f6062; */
font-size: 12px;
}
ul.genericMenu li {
background-image: url(../images/91menuBg.gif);
background-repeat: repeat-x;
background-color: white;
border: 1px solid #c9cacc;
/* 	border-left: none; */
margin-bottom: 5px;
list-style-type: none;
/* min-height: 40px; */
overflow: hidden;
padding: 5px 20px 0 10px;
}
ul.clickable li {
cursor: hand;
cursor: pointer;
}
ul.clickable li:hover {
border: 1px solid #a9aaac;
}
ul.genericMenu li img {
float: left;
padding-right: 20px;
/* margin-top: -5px; */
vertical-align: middle;
}
ul.genericMenu li h2 {
color: #007aa2;
text-transform: uppercase;
font-size: 16px;
margin: 0;
margin-top: 5px;
padding: 0 0 0 0;
}
ul.genericMenu li p {
margin: 0;
padding: 0;
display: block;
}
ul.genericMenu a {
color: #317ab5;
text-decoration: underline;
}
ul.genericMenu a:hover {
color: #317ab5;
text-decoration: none;
}





/* OVERVIEW PAGE WITH TABLES */
table.genericMenu {
margin: 0;
margin-bottom: 10px;
padding: 0;
font-size: 12px;
width: 100%;
border: none;
border-collapse: collapse;
}
table.genericMenu td {
padding: 10px 0;
background-image: url(../metro/images/menuBg.gif);
background-repeat: repeat-x;
background-color: white;
border: none;
}
table.genericMenu td:first-child {
text-align: center;
width: 100px;
}
table.genericMenu tr {
border: 1px solid #c9cacc;
}
table.clickable tr {
cursor: hand;
cursor: pointer;
}
table.clickable tr:hover {
border: 1px solid #63b73e;
}
table.genericMenu tr h2 {
color: #007aa2;
text-transform: uppercase;
font-size: 16px;
margin: 0;
padding: 0;
}
table.genericMenu tr p {
margin: 0;
padding: 0;
}
table.genericMenu a {
color: #317ab5;
text-decoration: underline;
}
table.genericMenu a:hover {
color: #317ab5;
text-decoration: none;
}






/* LISTS */
ul.lettersNumbers {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 24px;
}
ul.lettersNumbers li {
list-style-type: none;
margin:0;
padding:0;
margin-bottom:10px;
}
ul.lettersNumbers img {
vertical-align: middle;
padding: 0;
padding-right: 10px;
}


table.lettersNumbers {
width: 100%;
margin: 0;
padding: 0;
}
table.lettersNumbers td {
margin-bottom: 10px;
}
table.lettersNumbers td:first-child {
width: 40px;
}









ul.gradient {
margin:0;
padding:0;
}
ul.gradient li {
background-image: url(..images/menuBg.gif);
background-position: center;
background-repeat: repeat-x;
border-bottom: 1px solid #c9cacc;
list-style-position: inside;
padding: 5px 0;
}


table th {
text-align: left;
}

table.genericTable {
width: 600px;
border: 1px solid #c9cacc;
border-bottom: none;
padding: 0;
}
table.genericTable th {
background-color: #7299ca;
color: white;
font-weight: bold;
text-align: left;
padding: 2px 5px;
}

table.genericTable td {
background-image: url(../images/tableRowBg.gif);
background-position: center;
border-bottom: 1px solid #c9cacc;
padding: 5px;
}
table.genericTable table {
width: 600px;
margin: 0;
padding: 0;
}
table.genericTable table td {
background-image: none;
border: none;
}
table.genericTable table tr td:last-child {
/* text-align: right; */
width: 100px;
}


table.facts th {
text-align: left;
padding: 5px 0;
}
table.facts td:first-child {
width: 400px;
}




/* IMAGES */
.imageLeft {
float: left;
padding: 0 20px 20px 0;
}
.imageRight {
float: right;
padding: 0 0 20px 20px;
}

/* MISC */
.clear {
clear: both;
}
.breadcrumbs {
display: none;
}
.EktronEditorsMenuMarker {
display: none;
}



.bravo {
float: left;
text-align: center;
width: 100px;
margin-right: 50px;
}
.bravo a {
color: #317ab5;
text-decoration: none;
font-weight: bold;
}




/* EBUSBOOK */






/* STATION IMPROVEMENTS */
.improvementsHeader {
background-image: url(../metro/images/octaLogo.png);
background-repeat: no-repeat;
background-position: 98% 94%;
height: 145px;
}
.orange {
background-color: #f4911e;
}
.green {
background-color: #7abf49;
}
.blue {
background-color: #72cac8;
}
.purple {
background-color: #9383bd;
}
.aqua {
background-color: #0c796a;
}
.improvementsHeader img {
float: left;
padding-right: 15px;
}
.improvementsHeader h1 {
color: white;
font-size: 18px;
font-weight: normal;
padding: 15px 0 0 0;
margin: 0;
}
.improvementsHeader h2 {
color: white;
font-size: 12px;
font-weight: normal;
}
.improvements h3 {
background-color: #959ca1;
background-image: url(../metro/images/orangeLogo.gif);
background-repeat: no-repeat;
background-position: 99% 50%;
padding: 15px;
margin: 0;
color: white;
font-size: 22px;
}
.improvements .greenBox {
padding: 15px;
}

/* NEWSLINE */
table.newsTable td {
background-image: url(../metro/images/tableRowBg.gif);
background-color: white;
border-right: 1px solid #b4bcb0;
border-bottom: 1px solid #b4bcb0;
padding: 10px;
}
table.newsTable td h3 {
font-size: 12px;
margin: 0;
}
table.newsTable td img {
float: left;
padding: 0 10px 5px 0;
}
table.newsTable td a {
text-decoration: underline;
font-size: 10px;
padding-left: 5px;
}

/* STATION IMPROVMENTS */
table.stationImprovements td {
text-align: center;
}
table.stationImprovements td h3 {
font-size: 12px;
}

/* THINGS TO DO */
#thingsToDo ul {
margin:0;
margin-top: 15px;
margin-bottom: 12px;
padding:0;
display: block;
}
#thingsToDo li {
margin:0;
margin-bottom: 20px;
padding:0 2px 10px 2px;
list-style-type: none;
display: inline;
color: #63b73e;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
#thingsToDo li:hover {
color: #43971e;
}
#thingsToDo li.current {
font-size: 24px;
background-image: url(../metro/images/whiteArrow.gif);
background-repeat: no-repeat;
background-position: 10px 100%;
}
#thingsToDo li img {
margin-bottom: -6px;
}

#thingsToDo table {
margin: 10px 0;
}
#thingsToDo td h3 {
font-size: 12px;
font-weight: bold;
margin:0;padding:0;
}
#thingsToDo td p {
margin:0;padding:0;
}
#thingsToDo td {
border-bottom: 1px solid #ababab;
padding: 15px;
}
#thingsToDo td:first-child {
width: 70px;
text-align: right;
border-right: 1px solid #7c7c7c;
border-bottom: none;
font-size: 18px;
line-height: 22px;
font-weight: bold;
}
#thingsToDo tr:last-child td {
padding-bottom: 40px;
border-bottom: none;
}

#events2, #events3, #events4, #events5, #events6 {
display: none;
}
img.grayArrow {
vertical-align: bottom;
float: none;
padding: 0;
margin: 0;
padding-right: 5px;
}
.greenBox {
background-color: #bdeeff;
padding: 5px;
}
.whiteBox {
background-color: white;
border-bottom: 1px solid #d3d4d6;
padding: 5px 15px;
background-image: url(../metro/images/tableBg.gif);
}
.grayFade {
background-image: url(../metro/images/grayFade.jpg);
background-repeat: repeat-x;
padding: 5px 10px;
}