/*             ATF.gov Stylesheet              */
/*                  Timelines                  */
/*             Created 01/21/2010              */
/*             Updated 01/21/2010              */

.timeline { }
.timeline ul { margin: 0; padding: 0; }
.timeline li { list-style: none outside none; margin: 0; padding: 0; }
* html .timeline li { font-size: 12px; }
.timeline li.title { font-weight: bold; text-align: center; }
.timeline .intervals { display: inline; float: left; }
.timeline .intervals li { height: 2em; text-align: center; }
.timeline .intervals li.intervalGap { border: 1px solid #CCC; background-color: #F6F6F6; font-style: italic; margin-top: -2px; position: absolute; }
.timeline .events { float: left; }
.timeline .events li { background: #EEE; border: 1px solid #CCC; margin-top: -2px; padding: 0 1em; }
.timeline .events li.title { background: none; border: none; }
.timeline .events li.intervalGap { background: #FFF; border-color: #FFF; font-style: italic; text-align: center; }
.horizontal { overflow-x: scroll; }
.horizontal ul { margin: 0 30px; padding: 0; }
.horizontal ul.intervals li { border-top: 1px solid #000; float: left; padding: 0 10px; margin-top: 8em; width: 60px; }
.horizontal ul.events { margin-top: -3em; position: absolute; }
.horizontal ul.events li { float: left; height: 7em; margin: 0 5px; margin-top: 3em; overflow: hidden; padding: 0 4px; width: 60px; }
.horizontal ul.events li img { padding-top: 5px; }