html{background:url(/img/bodyBg.jpg) repeat-x top left; height:100%; font:1em Verdana,Arial,Helvetica,sans-serif}

body{margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */padding:0; text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */color:#333; height:100%}

#container{width:984px; margin:0 auto; /* the auto margins (in conjunction with a width) center the page */padding:0 8px 0 7px; text-align:left; /* this overrides the text-align:center on the body element. */position:relative; height:auto !important; /* real browsers */height:100%; /* IE6:treaded as min-height*/min-height:100%; /* real browsers */background:url(/img/shadow.png) repeat-y; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/shadow.png',sizingMethod='scale')}

#main{position:relative; background:#fff; width:984px; padding:0 1px; position:relative; height:auto !important; /* real browsers */height:100%; /* IE6:treaded as min-height*/min-height:100%; /* real browsers */}

#mainContentHolder{/*background-color:#fff;*/ width:984px; clear:both; overflow:hidden; /*height:auto !important; /* real browsers *//*height:100%; /* IE6:treaded as min-height*//*min-height:100%; /* real browsers */}

#mainContent{float:left; padding:14px 13px 0 17px; margin:0; position:relative; /*border:1px solid red; */}

#mainContent.feedback{width:787px; padding-left:9px; padding-right:5px}

#subLeftCol.feedback{width:603px; margin-right:8px; overflow:hidden; float:left}

#feedbackFormBG{float:left; width:603px; overflow:hidden; background:url(/img/feedbackFormBG.jpg) no-repeat; padding-left:24px; position:relative}

#subLeftCol{width:604px; overflow:hidden; float:left}

#subLeftColNoLHS{width:780px; overflow:hidden; float:left}

#subRightCol{width:168px; overflow:hidden; float:left}

#subRightCol.paddingTop340{padding-top:54px}

#mainContentBottom{clear:both; margin-left:174px; width:810px; height:16px; background:#fff url(/img/contentBorderBg.gif) no-repeat;}

#header{width:944px; overflow:hidden; padding:12px 20px 0 20px}

#headerLeft{float:left; width:188px; overflow:hidden; /*background:#f00; */margin:0; padding:0; padding-top:4px}

#headerRight{float:right; width:756px; overflow:hidden; text-align:right; /*background:#00f; */}

#frmSearch{float:right; width:48px; overflow:hidden; /*background:#0ff; */}

#frmSearchFacilityStation, #frmSearchFacility{float:left; width:272px; overflow:hidden}

#txtSearch, #txtFacilityStation{min-width:143px; min-height:18px; width:144px; height:18px; border:1px solid #979797; margin:0; display:inline; color:#666; padding:0}

#frmSearchFacilityStation #txtFacilityStation{min-width:156px; width:156px}

#btnSearchGo{min-width:40px; min-height:22px; width:40px; vertical-align:bottom; font-size:medium}

#btnSearchFacilityStation, #btnSearchTrkworkLine{min-width:40px; min-height:22px; width:40px; vertical-align:middle; *vertical-align:text-bottom; margin-left:5px}

#btnSearchFacility, #btnSearchTrkworkStation{min-width:65px; min-height:22px; width:65px; vertical-align:middle; *vertical-align:text-bottom; margin-left:5px}

#btnSearchTrkworkStation.noMarginLeft{margin-left:0}

#btnSearchLine{min-width:65px; min-height:22px; width:65px; vertical-align:middle; *vertical-align:text-bottom}

#btnPDFtimetableDownload{min-width:86px; min-height:22px; width:86px; vertical-align:middle; *vertical-align:text-bottom}

#headerNavHolder{float:right; height:23px; overflow:hidden; margin:0; padding:9px 0 0 0; /*border:1px solid red; */}

#headerBottomArea{min-height:15px; min-width:984px; width:984px; height:15px; margin:0; padding:0; clear:both; min-width:984px; width:984px; height:15px; background:#f79239 url(/img/headerBottom.gif) repeat-x top left}

#guideTabHolder{min-width:192px; min-height:15px; width:208px; height:15px; margin:0 0 0 22px}

#guideTab{text-align:center}

#guideTab p{color:#fff; font-size:0.63em; /*font-weight:600; */margin:0; padding:0; white-space:nowrap; text-transform:uppercase}

#topNav{margin:0; padding:0; width:100%; overflow:hidden; border-bottom:1px solid #c2cdd4; background:url(/img/topNavBg.gif) repeat-x top left}

#trkworkCalendarTab{margin:0; padding:0; width:100%; height:22px; overflow:hidden; border:none}

#breadcrumbHolder{clear:both; margin:0; padding:10px 16px 8px 15px; width:953px; overflow:hidden; background:#f1f3f5 url(/img/breadcrumbBg.gif) repeat-x top left}

#leftNav{position:relative; height:100%; margin:20px 0 0 0; padding:4px 0 0 0; float:left; color:#333; width:180px;  text-align:left; background:url(/img/leftNavBg.png) no-repeat top right; _background:url(/img/leftNavBg.gif) no-repeat top right}

#rightCol{position:relative; height:100%; margin-top:12px; padding:4px 0 0 0; float:right; color:#333; width:282px; text-align:left; background:url(/img/rightNavBorderBg.gif) no-repeat top left}

#hmTimetable{position:relative; float:left; width:327px; /*height:11.94em; */margin-right:11px; overflow:hidden}

.ttTimetable{position:relative; float:left; width:329px; padding:0; margin:0; margin-right:12px; margin-left:2px; overflow:hidden}

.ttTimetableResults{position:relative; float:left; width:329px; padding:0; margin:0; margin-right:0; margin-left:2px; overflow:hidden}

.ttTimetable#ttTripPlanner{margin-right:0; margin-left:0}

#hmTripPlanner{position:relative; float:right; width:327px; /*height:11.94em; */overflow:hidden; /*border:1px solid red; */}

#ttTripPlanner{position:relative; float:left; width:329px; overflow:hidden}

#homeBgOne{position:relative; clear:both; width:331px; height:156px; overflow:hidden; background:url(/img/homeFormOneBg.gif) no-repeat top left}

#homeBgTwo{position:relative; clear:both; width:331px; height:156px; overflow:hidden; background:url(/img/homeFormTwoBg.gif) no-repeat top left}

#frmHolder{position:relative; clear:both; margin-bottom:11px; width:671px; overflow:hidden}

#travelNewsTitles{float:left; padding:10px 4px 10px 16px; width:144px; overflow:hidden; word-spacing:-2px}

#travelNewsDate{float:left; padding:11px 0 0 0; width:104px; overflow:hidden; /*border:1px solid red; */}

#travelNewsDate span{color:#b5b5b5; line-height:14px}

#trkworkSearchTitleHolder{width:560px; overflow:hidden}

#lblTrkworkLine{width:224px}

#lblTrkworkStation{width:269px}


#selectTrkworkLine{font-size:0.7em; width:212px}


#selectTrkworkStation{font-size:0.7em; width:275px}

#selectPDFLine{font-size:0.7em; width:205px}

#lblRememberStations{position:relative; top:-3px}



#selectCategory{float:left; font-size:0.7em; width:192px}

#trkworkLineHolder{float:left; width:288px; overflow:hidden}

#trkworkStationHolder{float:left; width:272px; overflow:hidden}

#trkworkAllItemsHolder{border:solid 1px #eceded; overflow:hidden; width:582px; margin:0; padding:0; padding-bottom:8px}

#serviceInterruptionDetailItemHolder{border:solid 1px #eceded; overflow:hidden; width:582px; margin:0; padding:0; float:left}

#feedbackErrorHolder{float:left; width:510px; border:solid 1px #f18d23; padding:21px; background:#fff}

#feedbackErrorHolder.fareCalcError{width:541px; margin:0; margin-bottom:16px}

#feedbackErrorHolder.emailPageError{width:574px}

#networkMapPageHolder{float:left; overflow:hidden; width:772px}

#map{width:284px; height:288px; overflow:hidden}

#mapOverlay{width:560px; height:560px; margin-top:30px}

#contentBottom{clear:both; margin-right:278px; width:706px; height:11px; background:url(/img/homeContentBottom.gif) no-repeat top right}

#footer{bottom:0; width:954px; overflow:hidden; background:#fff url(/img/footerTop.gif) repeat-x top left; margin-top:3px; padding:20px 20px 20px 10px; clear:both}

#footerInner{width:100%; overflow:hidden}

#categoryHolder{float:left; width:219px; overflow:hidden}

#orTextHolder{float:left; overflow:hidden; width:19px; font-size:1.00em; font-weight:700; margin:0; padding:0; padding-top:22px}

#andTextHolder{float:left; overflow:hidden; width:29px; font-size:1.00em; font-weight:700; margin:0; padding:0}

#andTextHolder p{margin:0; padding:0}

#searchBoxHolder{float:left; overflow:hidden; margin:0; padding:0; padding-left:35px; width:320px}

#serviceUpdatesLeftCol{float:left; overflow:hidden; width:304px}

#serviceUpdatesRightCol{float:left; overflow:hidden; width:281px}

#vidHolder{width:425px; height:338px}

#homeTimetableBtnHolder{width:111px; overflow:hidden; padding:0; margin:0; margin-right:5px; float:right}

#homeTripBtnHolder{width:111px; overflow:hidden; padding:0; margin:0; margin-right:5px; float:right}

#homeMoreOptionsHolder{font-size:0.69em; margin:0; padding:3px 0 0 0; overflow:hidden; float:left}

#homeOrLineText{float:left; font-size:.7em; clear:both; overflow:hidden; width:144px; margin:0; padding:3px 0 3px 0}

#homeTripRadioHolder{float:right; /*width:12em;*/  margin:0 3px; padding:0}

#homeTripRadioHolder label{margin:0; padding:0;}

#homeTripRadioHolder label input, #frmSearchTimetables label input {position:relative; top:3px;}

#modsHolder{float:left; position:relative; overflow:hidden; width:619px}

#errorMsgTT{padding:0; margin:0; float:left; padding-left:6px; width:270px}

#whatLineResults{float:left; width:280px; padding:1.00em 0 0 0; margin:0; overflow:hidden}

.definitionsLeftCol{float:left; width:98%; overflow:hidden; margin:0; margin-top:8px; padding:0}

.definitionsRightCol{float:left; width:144px; overflow:hidden; margin:0; margin-top:8px; padding:0; padding-left:32px}