html,body{overflow:hidden;margin:0;width:100%;height:100%;font:13px / 18px 'PT Sans',sans-serif;color:#4d433f}div#bottom{overflow-x:auto;margin-left:240px;height:60px;background-color:#4c433e}div#map{margin:45px 0 0 240px}#basemap-switcher{position:absolute;top:45px;right:0;width:180px;background:-moz-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0)),color-stop(20%,rgba(0,0,0,0.5)),color-stop(100%,rgba(0,0,0,0.75)));background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 100%);background:-o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 100%);color:#f4e9d7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#bf000000',GradientType=1)}#basemap-switcher p{margin:5px;text-align:right;cursor:pointer}span.basemap-link:hover,span.basemap-link.selected{text-decoration:underline}.leaflet-container{background-color:#f4e9d7;font:13px / 18px 'PT Sans',sans-serif}.leaflet-popup-content-wrapper{-webkit-border-radius:0;border-radius:0;background:rgba(50,50,50,.75);box-shadow:none}.leaflet-popup-content{margin:8px 15px}.map-marker{border-radius:50%;background-color:#82322d}.leaflet-popup{color:#f4e9d7;cursor:pointer}.popup-name p{margin:0 5px;font-weight:bold;line-height:26px}.popup-name p span{font-size:11px;font-style:italic;font-weight:normal;line-height:12px}.popup-name p,.dudes,.dude,.halfdude{display:inline-block;height:26px;vertical-align:middle}.dude{margin:0;width:8px;background-image:url(../images/troop.png)}.halfdude{margin:0;width:4px;background-image:url(../images/troops50.png)}.dudes{margin-left:10px}.probe-units{margin:10px 5px 0 5px;padding-top:10px;border-top:1px solid #f4e9d7;font-style:italic;max-width:150px}.leaflet-popup.rebels .leaflet-popup-content-wrapper{background:rgba(130,51,46,.75)}.leaflet-popup.militia .leaflet-popup-content-wrapper{background:rgba(25,120,114,.75)}.leaflet-popup.maroons .leaflet-popup-content-wrapper{background:rgba(94,45,95,.75)}.leaflet-popup.army .leaflet-popup-content-wrapper{background:rgba(52,81,12,.75)}.leaflet-popup.navy .leaflet-popup-content-wrapper{background:rgba(46,48,96,.75)}.leaflet-popup.conspiracy .leaflet-popup-content-wrapper{background:rgba(167,143,14,.75)}.leaflet-popup.slave-court .leaflet-popup-content-wrapper{background:rgba(157,86,28,.75)}.leaflet-popup.clash .leaflet-popup-content-wrapper{background:rgba(77,67,62,.75)}div#side{float:left;width:240px;height:100%;border-right:1px solid #4c433e;background-color:#f7f4ef;overflow-y:hidden}#controls{padding:7px 20px;height:30px;cursor:pointer}#controls div{float:left;width:55px;height:inherit;background-color:#4d433e;background-position:center center;background-repeat:no-repeat;color:white;text-align:center;line-height:30px}#controls div:hover{background-color:#73655f}#controls #play{width:85px;border-right:1px solid #3c342c;border-left:1px solid #3c342c;background-image:url(../images/play.png);background-repeat:no-repeat;background-position:60px 8px}#controls #play.playing{background-image:url(../images/pause.png);background-position:60px 9px}#controls #prev{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;background-image:url(../images/prev.png)}#controls #next{-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;background-image:url(../images/next.png)}.triangle{float:left;width:10px;height:10px;background-image:url(../images/collapseArrow.png);margin-top:20px;margin-left:20px;cursor:pointer}.triangle.open{background-position:0 -10px}.heading{margin:0 20px 10px 35px;color:#4d433e;font:bold 18px / 50px 'PT Serif',serif;cursor:pointer}#text{overflow-y:auto;padding:0 0 0 35px;margin-bottom:10px;margin-right:20px;font-style:italic;font-size:14px;border-bottom:1px solid #999}#text,#legend{transition:height .25s;-webkit-transition:height .25s;-moz-transition:height .25s}#legend{margin-left:35px;height:0;overflow:hidden;padding-bottom:10px}#legend p{margin:10px 20px 5px 0;padding-top:10px;font-weight:bold;border-top:1px solid #999}#legend img{vertical-align:middle;margin-right:5px;margin-left:9px}#legend>div img{margin-top:5px;margin-bottom:5px}#legend #units{margin-bottom:10px}#legend a.fancybox{text-decoration:none;color:#4d433e}div#top{position:absolute;top:0;right:0;z-index:9;width:100%;height:44px;border-bottom:1px solid #4d433e;background:#f7f4ef url(../images/hatching.png);-webkit-box-shadow:5px 3px 5px rgba(0,0,0,0.25);-moz-box-shadow:5px 3px 5px rgba(0,0,0,0.25);box-shadow:5px 3px 5px rgba(0,0,0,0.25);line-height:44px;white-space:nowrap}div#top>div{width:100%;height:100%;background:-moz-linear-gradient(left,rgba(247,244,239,1) 0,rgba(247,244,239,0) 25%,rgba(247,244,239,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(247,244,239,1)),color-stop(25%,rgba(247,244,239,0)),color-stop(100%,rgba(247,244,239,0)));background:-webkit-linear-gradient(left,rgba(247,244,239,1) 0,rgba(247,244,239,0) 25%,rgba(247,244,239,0) 100%);background:-o-linear-gradient(left,rgba(247,244,239,1) 0,rgba(247,244,239,0) 25%,rgba(247,244,239,0) 100%);background:-ms-linear-gradient(left,rgba(247,244,239,1) 0,rgba(247,244,239,0) 25%,rgba(247,244,239,0) 100%);background:linear-gradient(to right,rgba(247,244,239,1) 0,rgba(247,244,239,0) 25%,rgba(247,244,239,0) 100%)}#step{float:left;margin:5px 10px;padding-right:10px;border-right:1px solid #c0b6ac;text-align:center;line-height:34px}div#timeline-container{margin-left:25px;height:100%;overflow-x:hidden}div#timeline{height:100%;position:relative}div.timeline-day{display:inline-block;width:9px;height:50px;vertical-align:middle;cursor:pointer}div.timeline-event>div{height:5px;width:5px;margin:2px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#c0b6ad}div.timeline-day:hover>div,div.timeline-day.selected>div{margin:1px;width:7px;height:7px;background-color:#faf7f2}.month-label{position:absolute;margin:0;color:#c0b6ad;font-size:11px;margin-left:5px}.timeline-divider{width:1px;position:absolute;background-color:#c0b6ad;height:50px;bottom:0}#track{position:relative;top:10px;z-index:10}#scroll-left,#scroll-right{width:35px;background-position:0 center;background-repeat:no-repeat;height:100%;cursor:pointer}#scroll-left:hover,#scroll-right:hover{background-position:-35px center}#scroll-left{float:left;background-image:url(../images/scrollLeft.png)}#scroll-right{float:right;background-image:url(../images/scrollRight.png)}#timeline-probe{display:none;position:absolute;background:rgba(77,67,62,.75);bottom:59px;margin:0;padding:3px 7px;color:#f4e9d7;font-weight:bold;white-space:nowrap;z-index:9999}