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

/* BUS SECTION STYLES */
a {
color: #3e82b9;
text-decoration: underline;
}
h1 {
color: #3e82b9;
font-size: 22px;
}
h2 {
color: #666;
}
h3 {
color: #666;
margin-bottom: 10px;
}
ul {

}
/* 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#busSubMenu {
color:#317ab5;
border-top: 1px solid #c9cacc;
border-bottom: 1px solid #c9cacc;
display: block;
margin: 0;
padding: 6px 0 5px 0;
}
ul#busSubMenu li {
display: inline;
margin: 0;
padding: 0;
margin-right: 3px;
list-style-type: none;
border-left: 1px solid #317ab5;
padding-left: 7px;
margin-right: 3px;
}
ul#busSubMenu li.current a {
font-weight: bold;
color:#f7910e;
}
ul#busSubMenu li:first-child {
border: none;
padding: 0;
}
ul#busSubMenu a {
color:#317ab5;
text-decoration: none;
}
ul#busSubMenu a:hover {
color:#f7910e;
text-decoration: none;
}

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

}
#busSidebar a {
color: black;
text-decoration: none;
}
#busSidebar a:hover {
color: #1597bc;
text-decoration: none;
}

#s2 img {padding: 0 !important;}
#sshowbar {width: 220px; height: 24px; background: url(http://www.octa.net/images/bus/slideBack.jpg) no-repeat top left;}

#ssnext {float: right; width: 20px; height: 24px; cursor: pointer;}
#ssprev {float: left; width: 20px; height: 24px; cursor: pointer;}





/* pass sales sidebar */
#PassSalesSidebar {
position: absolute;
top: 200px;
right: 10px;
width: 220px;
padding: 0;
background-color: white;
border: 1px solid #c9cacc;
}
#PassSalesSidebar table {
margin: 0;
}





/* header */
#busHeader {
background-image: url(http://www.octa.net/images/bus/headerBgBus.jpg);
background-position: 5px 5px;
background-repeat: no-repeat;
height: 115px;
width: 846px;
background-color: white;
margin-bottom: 10px;
position: relative;
}
#headerAds {
position: absolute;
top: 0;
right: 0;
width: 435px;
height: 100px;
overflow: hidden;
}
#headerAds ul {
font-size: 10px;
line-height: 10px;
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: #317ab5;
color: white;
text-decoration: none;
}
#mainContent {
width: 575px;
margin-top: 20px;
}



/* OVERVIEW PAGE */
ul.genericMenu {
margin: 0;
margin-bottom: 10px;
padding: 0;
width: 575px;
/* 	color: #5f6062; */
font-size: 12px;
}
ul.genericMenu li {
background-image: url(http://www.octa.net/images/bus/menuBg.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 span {
float: right;
padding-left: 20px;
width: 150px;
display: block;
font-size: 10px;
padding-bottom: 5px;
}
ul.genericMenu li h2 {
color: #317ab5;
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;
}



/* 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(http://www.octa.net/images/bus/menuBg.gif);
background-position: center;
background-repeat: repeat-x;
border-bottom: 1px solid #c9cacc;
list-style-position: inside;
padding: 5px 0;
}





/* 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 #3e82b9;
}
table.genericMenu tr h2 {
color: #3e82b9;
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;
}







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 th a {
color: white;
text-decoration: underline;
}
table.genericTable td {
background-image: url(../bus/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.parkAndRide td {
border-bottom: 1px solid #c9cacc;
font-size: 10px;
}



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


ul {

}


/* 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: #3E82B9;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
#thingsToDo li:hover {
color: #6699cc;
}
#thingsToDo li.current {
font-size: 24px;
background-image: url(../bus/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;
}

.greenBox {
background-color: #d6e4f0;
padding: 5px;
}
.whiteBox {
background-color: white;
border-bottom: 1px solid #d3d4d6;
padding: 5px 15px;
background-image: url(../metro/images/tableBg.gif);
}


/* EBUSBOOK */