/* CSS Document */

html {height:100%;}
body {height:100%; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0px; line-height:1em; background-color:transparent;}
.altText {visibility:hidden;}
.displayOn {display:block;}
.displayOff {display:none;}

/* --------------------- TOP (CONTENT) PANEL ---------------------- */

#topPanelContainerWrapper {width:100%; height:70px; position:absolute; z-index:50; top:0px; left:0px; background-color:#555500;}
#topPanelContainer {position:relative; z-index:50; margin-left:220px; height:auto; }
#topPanel {margin-left:auto; margin-right:auto; width:551px; height:auto; position:relative;}


#contentPageContainer {width:551px;}

#topNavContainer {position:relative; z-index:250; border:solid 0px #555555; height:75px;}
#topNavContainer.subNavExpanded {height:91px;}
#topNav {margin-top:27px; padding-bottom:0px; position:relative; margin-bottom:5px;}
#topNavLinks { display:block; position:relative; margin:0px; padding:0px; margin-left:28px; margin-top:0px; height:10px;}
#topNavLinks li {display:block; position:absolute; height:10px; margin:0px; padding:0px;  background-repeat:no-repeat; background-position:top left; font-size:9px; top:0px;}
#topNavLinks #tn1 {background-image: url(/images/topPanel/nav/gettingStarted.gif); width:106px; background-position:0px 1px;}
#topNavLinks #tn2 {background-image: url(/images/topPanel/nav/schedulesFares.gif); width:120px; left:120px;}
#topNavLinks #tn3 {background-image: url(/images/topPanel/nav/generalInfo.gif); width:86px; background-position:0px 1px; left:255px;}
#topNavLinks #tn4 {background-image: url(/images/topPanel/nav/partners.gif); width:70px; background-position:0px 1px;  left:355px;}
#topNavLinks #tn5 {background-image: url(/images/topPanel/nav/news.gif); width:34px; background-position:0px 1px; left:433px;}
#topNavLinks a {display:block; width:100%; height:10px; text-decoration:none;}
#topNavLinks #tnClose {width:13px; height:13px; position:absolute; right:0px; display:block; background-image: url(../images/topPanel/nav/toggleUp.gif); background-repeat:no-repeat; background-position:top left;}

#subnavClosed {width:551px; height:36px; position:absolute; top:54px; left:0px; background: url(../images/topPanel/interface/topNavPanelClosed.gif) top left no-repeat;}
#subNavClosedOverhang {width:550px; height:10px; position:absolute; top:16px; left:0px; background-color:#CCA300; border-bottom:solid 1px #735E0B; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}


#topPanelOpen {width:551px; height:425px; position:relative; z-index:200; top:0px; left:0px; margin:0px; padding:0px; margin-top:0px;}
#topPanelAreaTrans {width:550px; height:425px; position:absolute; z-index:-1; top:70px; left:0px; background-color:#CCA300; border-bottom:solid 1px #735E0B; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;}
#topContentContainer {position:relative; margin-top:0px; height:500px; z-index:50;}

#subNavContainer {width:540px; margin-left:auto; margin-right:auto; height:20px; background: url(../images/topPanel/interface/noSubNavArea.gif) top left no-repeat; position:absolute; top:54px; left:5px; z-index:52;}
#subNavContainer.subNavExpanded {width:540px; margin-left:auto; margin-right:auto; height:38px; background: url(../images/topPanel/interface/subNavArea.gif) top left no-repeat; position:relative; top:0px; left:0px;}

#subNavIndicator {background: url(../images/topPanel/interface/subNavIndicator.gif) top left no-repeat; width:106px; height:5px; position:absolute; z-index:51; top:0px;}
.undertn1 {left:22px;}
.undertn2 {left:147px;}
.undertn3 {left:267px;}
.undertn4 {left:352px;}
.undertn5 {left:418px;}


#subNavLinks {display:block; margin:0px; padding:0px; margin-top:0px; margin-left:0px; height:18px; padding-top:15px;}
#subNavLinks li {display:block; float:left; position:relative; text-align:center; width:150px; }
#subNavLinks li a {color:#FFFFFF; text-decoration:none;}
#pagemarker {display:block; position:absolute; width:100%; height:8px; top:18px; left:0px; background: url(../images/topPanel/nav/selectionArrow.gif) center no-repeat; margin:0px; padding:0px; font-size:0px; line-height:0px; border-width:0px; display:none;}
#pagemarker.selected {display:block;}



#contentArea {width:540px; height:371px; background-color:#FFFFFF; position:relative; z-index:150; margin-top:1px; margin-left:5px;}

#pageContent {width:370px; height:100%; overflow:auto; float:left; color:#333333; line-height:1.2em;}
#pageContentpartners {width:100%px; height:100%; overflow:auto; float:center; color:#333333; line-height:1.2em;}
#pageContentPadding {padding:10px 12px;}

#pageContentPadding p {margin-top:3px; padding-top:3px; margin-bottom:3px; padding-bottom:3px;}

#pageContentPadding .pgHd {border-bottom:solid 1px #CF7013; padding-bottom:3px; margin-bottom:6px;} 

#pageContentPadding .subHead {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#503164; padding-top:10px; margin-top:10px; padding-bottom:2px; margin-bottom:2px; background-image:url(../images/accents/subHdSwirlRule.gif); background-repeat:no-repeat; background-position:bottom left; height:22px; width:330px;}




#sidebar {float:right; background-color:#E5E0E7; width:170px; height:100%; overflow:hidden; color:#333333; line-height:1.2em;}
#sideBarContent p {padding:5px 10px 10px 10px; margin:0px;}
#sideBarContent p.sideBarHd {padding:8px 8px; background-color:#CAC5CB; margin:0px;}
.sideBarImg {border:solid 1px #9098B9;}
#sideBarContent {width:170px; margin-left:auto; margin-right:auto;}
#sideBarContent .driverPic {border:solid 1px #9098B9; float:left; margin-right:5px; margin-top:1px;}

/***********************************  GETTTING STARTED PAGE ***********************************/
#gettingStartedPage #contentArea {background-image:url(../images/bkg/homepageFadeBkg.jpg); background-position:bottom; background-repeat:repeat-x;}
#gettingStartedPage #busImage {position:absolute; bottom:0px; z-index:1; width:245px; height:303px; background-image:url(../images/bkg/homepageBus.jpg); background-position:top left; background-repeat:no-repeat;}
#gettingStartedContainer {position:relative; z-index:10;}
#gettingStartedContainer table td p {padding-top:2px; margin-top:2px; padding-bottom:2px; margin-bottom:2px;}
#gettingStartedArrowContainer {position:relative; width:535px; height:51px;}
#gettingStartedArrow {position:absolute; top:0px; left:0px; width:535px; height:51px; background-image:url(../images/accents/startArrow.gif); background-repeat:no-repeat; background-position:top left;}

#newsAlert {position:absolute; top:-10px; left:2px; z-index:225; background-image:url(../images/bkg/newsAlertBkg.gif); background-repeat:no-repeat; background-position:top left; width:545px; height:39px;}
#newsAlert.displayOff {display:none;}
#newsAlertContent {padding-top:15px; padding-left:10px; color:#FFFFFF; white-space:nowrap;}
#newsAlertContent a, #newsAlertContent a:visited, #newsAlertContent a:active  {color:#FFFFFF; text-decoration:none;}
#newsAlertContent a:hover {color:#FFCCCC; text-decoration:none;}
#newsAlertHd {padding-right:5px; border:none;}