@import url(/i/ne/sr/digiagenda04/broadband/da_broadband.css); #fdNavBoxes { margin: 20px 0 0; } .navBox { display: block; position: relative; float: left; width: 260px; height: 75px; padding: 5px 5px 5px 75px; border: 1px solid #000; margin: 0 10px 10px 0; } .navBox h3 { padding: 0; margin: 0; font-size: 1em; } .navbox p { position: relative; margin: 0 !important; font-family: verdana; font-size: 10px; } .navBox h4 { display: block; font-size: 1em; margin: 0; padding: 0; } .navBox h4 span { display: inline; font: bold 9px verdana, geneva; color: #060; } #day1Nav { background: #FFF url(/i/ne/sr/digiagenda04/broadband/fd/fd_d1_70x90.jpg) no-repeat; } #day2Nav { background: #FFF url(/i/ne/sr/digiagenda04/broadband/fd/fd_d2_70x90.jpg) no-repeat; } #day3Nav { background: #FFF url(/i/ne/sr/digiagenda04/broadband/fd/fd_d3_70x90.jpg) no-repeat; } #day4Nav { background: #FFF url(/i/ne/sr/digiagenda04/broadband/fd/fd_d4_70x90.jpg) no-repeat; } #roundtableNav { background: #FFF url(/i/ne/sr/digiagenda04/broadband/fd/fd_roundtable_70x90.jpg) no-repeat; } #videoNav { background: #FFF url(/i/ne/sr/digiagenda04/broadband/fd/fd_video_70x90.jpg) no-repeat; } .alsoBoxes { position: relative; float: left; width: 154px; height: 2.5em; padding: 5px; border: 1px solid #000; margin: 0 10px 0 0; text-align: center; font-weight: bold; background: #FFF; } .alsoBoxes span { font: .85em verdana, geneva; } #timelineShell { position: relative; width: 650px; margin: 75px 0 0; overflow: auto; height: 180px; border: 2px solid; border-color: #999 #DDD #DDD #999; } #timeline { position: relative; text-align: left; font: 10px/11px verdana, sans serif; width: 3150px; } #timeline dl { position: relative; top: 0; left: 0; float: left; width: 325px; height: 154px; padding: 5px 5px 5px 20px; margin: 0; background: #FFF; } #timeline dl.alternate { background: #CCC; } #timeline dt { position: relative; top: -5px; left: -5px;; font: bold 20pt trebuchet ms, verdana; color: #060; } #timeline dd { position: relative; padding: 0 0 0 10px; margin: 0 0 3px; background: url(/i/ne/sr/digiagenda04/broadband/timelineBullet.gif) 0 4px no-repeat; } #content { background: url(/i/ne/sr/digiagenda04/broadband/fd/fd_bg4.gif) 0 350px no-repeat; } #story { position: relative; padding: 0; margin: 0; } #satellite { position: absolute; top: -30px; left: 500px; background: url(/i/ne/sr/digiagenda04/broadband/fd/satellite.gif) no-repeat; width: 234px; height: 205px; } #house { position: absolute; top: 440px; left: 0px; background: url(/i/ne/sr/digiagenda04/broadband/fd/house.gif) -145px 0 no-repeat; width: 80px; height: 275px; } #creditbox { border: 1px solid #000; background-color: #FFF; padding: 4px; font: 9px verdana; text-align: center; margin: 15px 10px 0 0; } #boilerplate { border: 1px solid #000; padding: 5px; float: right; margin: 0 10px 10px 10px; background: #EFEFEF; width: 200px; font: 9px verdana; } #story { width: 900px; } var amount=0; var goleft=true; var speed=4; var divPath, shellPath, scrolling; var goodToGo = ((navigator.userAgent.indexOf('Gecko') >= 0) && (navigator.userAgent.indexOf('Safari') < 0 ) && (navigator.userAgent.indexOf('Firefox') < 0 )) ? false : true; function initTimeline() { if (! goodToGo) return; divPath=document.getElementById("timeline"); shellPath=document.getElementById("timelineShell"); scrolling=setInterval('goScroll()',10); } function goScroll() { if (! goodToGo) return; if ((amount0)) { amount = (goleft) ? amount+speed : amount-speed; shellPath.scrollLeft=amount; } else if (amount>=divPath.offsetWidth-570) { goleft=false; amount-=speed; shellPath.scrollLeft=amount; } else if (amount