html,body{height:100%;width:3120px;}
body{padding:0; margin:0; border:0 none; font-family:arial; font-size:12px; color:#333333; background-color:#170939;}
a{outline:none;}
a:active{outline:none;border:none;}
#timeline img{border:none;outline:none;}
:focus{-moz-outline-style:none}

/* --main static elements-- */
h2.tltitle{background:url(/HomeContent/Home/aboutus/esurance_timeline/title_estimeline.png) no-repeat; width:434px;height:104px;}
h2.tltitle span {display:block;width:0;height:0;overflow:hidden;}
#logobox{height:130px;width:468px;padding:0;margin:65px 0 0 65px;}
div#timeline{width:3120px;height:100%;visbility:visible;}
div.drawercenter span {float:left;overflow:hidden;padding:5px 0 10px 0;}
div#screen {margin:0 auto;position:relative;}
img.esallogo{position:absolute; top:650px;left:3120px;}

/* --menuDock items-- */
#page {padding-top:160px; padding-bottom:20px; width:100%;}
#menu {position:absolute; top:20px; left:50px; width:100%; display:none;}
#menubtm {position:absolute; top:320px; left:140px; width:100%; display:none;}
/* --top dock-- */
#menu div.jqDockWrap {margin:0;}
#menu div.jqDock {cursor:pointer;}
#topdock { position:absolute; left:80px; top:300px;}
.dock-containertop { position: relative;height: 50px;width:auto;}
.dock-itemtop { display: block; width: 100px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; padding-left:20px;}
.dock-itemtop span { display: none; padding-left: 20px;outline:none;}
.dock-itemtop img { border: 0; margin: 15px 30px 0px; width: 100%;outline:none;}
/* --bottom dock-- */
#menubtm div.jqDockWrap {margin:0;}
#menubtm div.jqDock {cursor:pointer;}
#btmdock { position:absolute; left:80px;top:430px; height:250px;}
.dock-containerbtm { position: relative;height: 50px; padding-left: 20px; width:auto;}
.dock-itembtm { display: block; width: 100px; position: absolute; top: 0px; text-align: center; text-decoration: none; color: #333; padding-left:20px;}
.dock-itembtm span { display: none; padding-left: 20px; }
.dock-itembtm img {border: 0; margin: 0px 30px 0px; width: 100%;}
/* --label styling-- */
div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:#ffffff; cursor:pointer; padding:0 8px 5px 0;}
.box {position:relative;background-color:#989898;height:200px;width:200px; border: 1px solid #333;margin-top:300px;}
#ru {position:absolute;overflow:hidden;bottom:0;background-color:#FFF;height:0;}
input {display:block;font-size:16px;margin:10px auto; padding:1px;width:150px;}	

/* --central timeline-- */
#linebox{position:absolute;top:283px;left:65px;width:3450px;height:20px;}
#lineLeft{float:left;background:url(/HomeContent/Home/aboutus/esurance_timeline/bg_tl_year_lf_color.png) 0 0 no-repeat;width:7px;height:20px;}
#lineRight{float:left;background:url(/HomeContent/Home/aboutus/esurance_timeline/bg_tl_year_rt_color.png) 0 0 no-repeat;width:7px;height:20px;}
#lineCenter{float:left;width:3400px;background:#cac7c4;height:18px;display:block;border-top:1px solid #716a7e;border-bottom:1px solid #716a7e}

/* --years-- */
#yearbox{position:absolute;top:255px;left:120px;width:3400px;height:20px;}
div#yearbox span {float:left;height:24px;width:39px;overflow:hidden;}
span.yr98{margin-left:25px;}
span.yr99{margin-left:30px;}
span.yr00{margin-left:181px;}
span.yr01{margin-left:110px;}
span.yr02{margin-left:155px;}
span.yr03{margin-left:31px;}
span.yr04{margin-left:32px;}
span.yr05{margin-left:600px;}
span.yr06{margin-left:260px;}
span.yr07{margin-left:203px;}
span.yr08{margin-left:93px;}
span.yr09{margin-left:270px;}
span.yr10{margin-left:290px;}
span.yr11{margin-left:258px;}

/*  --months--  */
div#lineCenter span{float:left;height:14px;width:26px;overflow:hidden;padding-top:2px;}
span.mo0598{margin-left:86px;}
span.mo1199{margin-left:45px;}
span.mo1299{margin-left:44px;}
span.mo0100{margin-left:76px;}
span.mo0900{margin-left:190px;}
span.mo1000{margin-left:47px;}
span.mo1001{margin-left:47px;}
span.mo1201{margin-left:65px;}
span.mo0202{margin-left:75px;}
span.mo0303{margin-left:51px;}
span.mo0104{margin-left:48px;}
span.mo0504{margin-left:40px;}
span.mo0604{margin-left:58px;}
span.mo0704{margin-left:40px;}
span.mo0804{margin-left:115px;}
span.mo0405{margin-left:250px;}
span.mo0505{margin-left:86px;}
span.mo1105{margin-left:14px;}
span.mo0306{margin-left:125px;}
span.mo1006{margin-left:110px;}
span.mo0107{margin-left:85px;}
span.mo0907{margin-left:12px;}
span.mo0208{margin-left:64px;}
span.mo0308{margin-left:26px;}
span.mo0109{margin-left:230px;}
span.mo0909{margin-left:10px;}
span.mo0410{margin-left:262px;}
span.mo0510{margin-left:90px;}
span.mo0710{margin-left:6px;}
span.mo0810{margin-left:33px;}
span.mo0111{margin-left:66px;}
span.mo0411{margin-left:80px;}
span.mo0611{margin-left:125px;}
span.mo0911{margin-left:115px;}
span.mo1011{margin-left:5px;}

img.mo01{margin:2px 0 0 106px;}
img.mo05{margin:2px 0 0 15px;}
img.mo11{margin:2px 0 0 45px;}
img.mo12{margin:2px 0 0 45px;}
img.mo09{margin:2px 0 0 105px;}

/* --month/year-- */
.spr-mo_01{ margin-top: 0;} 
.spr-mo_02{ margin-top:-23px;} 
.spr-mo_03{ margin-top:-48px;}
.spr-mo_04{ margin-top:-71px;}
.spr-mo_05{ margin-top:-94px;}
.spr-mo_06{ margin-top:-117px;}
.spr-mo_07{ margin-top:-140px;} 
.spr-mo_08{ margin-top:-163px;} 
.spr-mo_09{ margin-top:-186px;} 
.spr-mo_10{ margin-top:-209px;} 
.spr-mo_11{ margin-top:-232px;} 
.spr-mo_12{ margin-top:-255px;} 
.spr-yr_00{ margin-top:-278px;} 
.spr-yr_01{ margin-top:-310px;} 
.spr-yr_02{ margin-top:-342px;} 
.spr-yr_03{ margin-top:-375px;} 
.spr-yr_04{ margin-top:-407px;} 
.spr-yr_05{ margin-top:-439px;} 
.spr-yr_06{ margin-top:-471px;} 
.spr-yr_07{ margin-top:-503px;} 
.spr-yr_08{ margin-top:-535px;} 
.spr-yr_09{ margin-top:-567px;} 
.spr-yr_10{ margin-top:-599px;} 
.spr-yr_11{ margin-top:-631px;} 
.spr-yr_98{ margin-top:-663px;} 
.spr-yr_99{ margin-top:-696px;} 

/* --media window-- */
.overlay{display:none;background:url(/HomeContent/Home/aboutus/esurance_timeline/bg_media_rt.png) 335px 0 no-repeat;width:387px;height:800px;font:11px/17px Verdana, Geneva, sans-serif;color:#170939;width:387px;display:none;}
div#mediawindow {position:absolute;top:0;bottom:0;height:100%;min-height:800px;width:387px;}
span.close{background:url(none.gif) 0 0 no-repeat;position:absolute;top:378px;bottom:0;right:3px;width:49px;height:43px;z-index:50;cursor:pointer;}
.drawer_toggle{position:absolute;top:0;bottom:0;right:-11px;width:20px;height:100%;}
.tltitle {margin-bottom:12px;}
.textbox{height:100px;width:350px;display:block;}
.drawercenter{background:url(/HomeContent/Home/aboutus/esurance_timeline/bg_media.png) 0 0 repeat-y;width:310px;height:770px;padding:30px 0 0 25px;z-index:10;}
.mediatxt{margin-bottom:50px;}
img.medpic{padding-top:20px;}
div.mdsp{height:0px;width:298px;color:#9892a6;border-top:1px solid #9892a6;border-bottom:1px solid #6c6381;float:left;margin-bottom:24px;}
#ipdisclaim{padding-top:20px;}
.ooybox{background:#000;height:214px;width:298px;margin-top:24px;}

/* --media window graphic subheadings-- */
span.mgsub01{width:138px;height:20px;}
.spr-mw_01 {margin-top:0px;}
span.mgsub02{width:198px; height:25px;}
.spr-mw_02 {margin-top:-29px;}
span.mgsub03{width:215px; height:27px;}
.spr-mw_03{margin-top:-64px}
span.mgsub04{width:172px;height:21px;}
.spr-mw_04{margin-top:-101px;}
span.mgsub05{width:152px;height:23px;}
.spr-mw_05{margin-top:-130px;}
span.mgsub06{width:280px;height:28px;}
.spr-mw_06{margin-top:-161px;}
span.mgsub07{width:197px;height:28px;}
.spr-mw_07{margin-top:-201px;}

/* --IE Fixes-- */
.stack { _position: absolute; }
.stack ul { _z-index:-1; _top:-15px; }
.stack ul li { *right:5px; }