body {
    font-family: 'PT Sans', sans-serif;
}

/* AKM - 2 Oct 2016. The font size of timeline labels can be adjusted using CSS:  */
.timeline-event-label {
    font-size: 120%;
    width: 100% !important;
}
.timeline-event-label:active {
    color: red;
}

.ShowHideToggle{
    cursor: pointer;
    font-size:small;
}
.grey-bg{
    background-color: #ececec;
    
}

/**
    color scheme I got from http://www.color-hex.com/color-palette/19792
*/
.Purplish-grey{
    background-color: #443344;
}
.Red{
    background-color:#bb3344;
}
.Blue{
    background-color: #667799;
    color: aliceblue;
}
.Mauve-light{
    background-color: #bbaabb;
}
.Mauve{
    background-color: #aa7799;
    color: green;
}
.PaddingTop-20{
        padding-top: 20px;
}
.borderme {
    border: 1px solid lightgrey;
}
.bordergrey
{
    border: 1px solid #667799;
    padding-top: 15px;
}

.border-right
{
    border-right: 2px solid black;
}

    .GridPager a, .GridPager span
    {
        display: block !important;
        height: 25px !important;
        width: 25px !important;
        font-weight: bold !important;
        text-align: center !important;
        text-decoration: none !important;
    }
    .GridPager a
    {
        background-color: #f5f5f5 !important;
        color: #969696 !important;
        border: 1px solid #969696 !important;
    }
    .GridPager span
    {
        background-color: #A1DCF2 !important;
        color: #000 !important;
        border: 1px solid #3AC0F2 !important;
    }
    .GridPager td{
        width: 30px !important;
    }

.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: white; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
    .tab.active {
        background: #eee;
        padding-top: 6px;
        position: relative;
        top: 1px;
        border-color: lightgrey;
    }
.tab a.active { font-weight: bold; }
.tab-container .panel-container {
     background: #fff; border: solid #666 1px; 
     padding: 10px; -moz-border-radius: 0 4px 4px 4px; 
     -webkit-border-radius: 0 4px 4px 4px;
   
}