/**
 * Simple Timeline Styling
 */
/**
* Just container styling
*/
#flash
{
    overflow:      auto;
    border-radius: 0;
    border:        none;
    box-shadow:    none;
    margin:        auto;
    margin-top:    20px;
}

.dbuttons
{
    margin-top: 150px;
}

.hidden
{
    display: none;
}

div.tlcontainer
{
    margin-top: 2em;
    overflow:   auto;
}

#timelineWrap
{
    margin:        auto;
    margin-top:    20px;
    margin-bottom: 20px;
}

.timelineLine
{
    background: none repeat scroll 0 0 #444;
    height:     1px;
    width:      100% position : relative;
}

.blob
{
    background:    none repeat scroll 0 0 #0097DD;
    border:        1px solid white;
    border-radius: 8px;
    cursor:        pointer;
    height:        12px;
    margin-left:   0px;
    margin-top:    -4.7px;
    position:      absolute;
    width:         12px;
}

#event-2
{
    margin-left: 50.2px;
    poition:     absolute;
    top:         0;

}

div.hoverInfo
{
    background:     none repeat scroll 0 0 #222;
    color:          #efefef;
    margin-left:    0;
    overflow:       visible !important;
    padding:        8px;
    padding-top:    4px;
    padding-bottom: 5px;
    cursor:         pointer;
    margin-top:     20px;
    border-radius:  4px;
    font-size:      12px;

}

.hoverInfo span
{
    font-size: 10px;
    color:     #bbb;

}

button.yselect
{
    border:     0;
    font-size:  36px;
    cursor:     pointer;
    background: none;
    color:      #0097DD;
}

button.dselect
{
    border:     0;
    font-size:  36px;
    cursor:     pointer;
    background: none;
    margin:     auto;
}

.currentYear
{
    display:     inline;
    margin-left: 5px;
    font-size:   36px;
    color:       #0097DD;
}

.currentDate
{
    display:     inline;
    margin-left: 5px;
    font-size:   36px;
    color:       #0097DD;
}

.months
{
    color:       #222;
    margin-left: 0;
    position:    absolute;
    margin-top:  -30px;
}

.monthLine
{
    background:  none repeat scroll 0 0 #bbb;
    content:     "";
    display:     block;
    height:      3px;
    maring-left: 50px;
    position:    absolute;
    top:         27px;
    width:       1px;
}

.firstlast
{
    height:     6px;
    top:        27.5px;
    background: none repeat scroll 0 0 #444;
}

.eventTitle
{
    font-size:  36px;
    margin-top: 5px;
}

.eventDate
{
    font-size:     16px;
    margin-bottom: 6px;
    color:         #bbb;
}

.imgdiv
{
    margin-right: 25px;
    margin-top:   11px;
}

.imgdiv img
{
    width:  100%;
    height: 100%;
}

#contentWrap
{
    margin:   auto;
    overflow: auto;
}

.dateRight
{
    float: right;
}