#timetableContainer{padding:20px; width:944px; overflow:hidden}

#timetableHolder{width:948px; overflow:hidden; padding:0; margin:0; background:#fff; border-bottom:1px solid #ccc; position:relative;/*border-right:1px solid #ccc; */}

#timetableHolder #stations{float:left; width:183px; overflow:hidden; padding:0; margin:0}

#btnPrev, #btnNext{top:auto; position:absolute; z-index:300; cursor:pointer}

#ttLeftShadow{position:absolute; left:auto; width:24px; overflow:hidden; z-index:299; padding:0; margin:0; background:url(/img/ttLeftShadow.png) repeat-y; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ttLeftShadow.png',sizingMethod='scale')}

#ttRightShadow{position:absolute; left:741px; width:24px; overflow:hidden; z-index:200; padding:0; margin:0; background:url(/img/ttRightShadow.png) repeat-y; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/ttRightShadow.png',sizingMethod='scale')}

#timesHolder{width:764px; overflow:hidden; position:relative; float:left; clip:rect(0,764px,100%,0); margin-right:-3px}

#timeSlider{position:relative; width:100%;}

#ttDefinitions{float:left; padding:24px 8px 0 0; margin:0; width:550px; overflow:hidden; height:1%}

#ttWhatLineSide{width:332px; float:left; overflow:hidden; background:url(/img/whatLineModSide.gif) repeat-y; margin:0; padding:6px 0 12px 0;}

#ttWhatLineIconHolder{float:left; width:80px; padding:12px 0 0 20px; margin:0; overflow:hidden}

#ttWhatLineFrmHolder{width:220px; padding:0; padding-left:2px; margin:0; float:left; overflow:hidden}

#whatLineResults{float:left; width:304px; padding:8px 0 0 20px; margin:0; overflow:hidden}

#lineStyle{width:948px;height:4px;overflow:hidden;}

#trackworkScrollerHolder{ margin:0 0 8px 0; width:922px; overflow:hidden;}

#trackworkScrollerHolder .leftArea{float:left; height:32px; width:315px; background-image:url(/img/trackworkHeader.png);background-repeat: no-repeat; background-position: left top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/trackworkHeader.png',sizingMethod='scale');}

/* liScroll style declarations */
#trackworkScrollerHolder .tickercontainer{float:left; width:607px; color:#fcb414; height:28px; margin:0 -3px 0 0; padding:0 0 4px 0; overflow:hidden; font-weight:700;background: url(/img/trackworkScrollBg.png) no-repeat top right; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/trackworkScrollBg.png',sizingMethod='scale')}
#trackworkScrollerHolder .tickercontainer .mask{/* that serves as a mask. so you get a sort of padding both left and right */position:relative; width:607px; overflow:hidden}

ul#ticker01 {margin:0;padding:0;list-style-type:none;overflow:hidden;}

ul#ticker01 li {padding:10px 8px 0px 4px;margin:0 -3px 0 0;overflow:hidden;}

ul#ticker01 a:link, ul#ticker01 a:visited, ul#ticker01 a:hover, ul#ticker01 a:visited:hover{color:#fcb414; text-decoration:underline;display:block;}

.brownBg {background-color:#333;padding:0 0 10px 0;}
ul.newsticker{/* that's your list */height:32px; position:relative; left:598px; list-style-type:none; margin:0; padding:0}
ul.newsticker li{float:left; white-space:nowrap}
ul.newsticker a, ul.newsticker a:link, ul.newsticker a:visited{white-space:nowrap; padding:0; color:#fcb414; font-weight:bold; margin:0 40px 0 10px; text-decoration:underline;}

ul.newsticker a:hover, ul.newsticker a:visited:hover{color:#fcb414; text-decoration:underline}

#trackWorkAlertsPrint {display:none;}

a.definition {cursor:help; color:#333 !important;}

#tooltip {-moz-border-radius:6px; -webkit-border-radius:6px; font-size: 0.8em; position: absolute; z-index: 3000; border: 1px solid #111; color:#333; background-color: #d6e2f0; padding: 5px 9px; opacity: 0.85; text-align: left;}

#tooltip h3, #tooltip div { margin: 0; }