@media screen
{
    body
    {
        font-size: small;
        margin-left: 5px;
        margin-top: 2px;
        font-family: arial, helvetica, sans;
        color: Navy;
    }
    table
    {
        font-size: small;
        font-family: arial, helvetica, sans;
        border: 0 none white;
    }
    tr th
    {
        border: solid;
        border-collapse: collapse;
        border-width: thin;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        text-align: left;
        background-color: #5a5a5a;
        color: White;
        padding: 1px 1px 1px 1px;
    }
    tr th a
    {
        color: White;
    }
    tr td
    {
        border: solid;
        border-collapse: collapse;
        border-width: thin;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px; /* border-top: 1px;         border-right: 1px;         border-left: 1px;         border-bottom: 1px;*/
        text-align: left;
        padding: 1px 1px 1px 1px;
        vertical-align: top;
    }
    td.alignBottom
    {
        vertical-align: bottom !important;
    }
    h1
    {
        color: #ffffff;
        font-style: italic;
        display: inline;
        font-size: 2em;
        margin: 0;
    }
    h2
    {
        margin: 0;
        color: #66730B;
        font-size: 1.6em;
    }
    h3
    {
        margin: 2px 0 0 0;
        color: #765;
        font-size: 1.4em;
    }
    h4
    {
        margin-bottom: 3px;
        margin-top: 0px;
        color: #5a5a5a;
        font-size: 1.2em;
    }
    h5
    {
        margin-bottom: 3px;
        margin-top: 2px;
        color: Black;
        font-size: 1em;
    }
    .dateinput
    {
        width: 5em;
    }
    .wideinput
    {
        width: 20em;
    }
    .errorLabel
    {
        color: Red;
    }
    .label
    {
        float: left;
        margin: 2px 0 0 0;
        color: #00008B;
        font-size: 1em;
        width: 10em;
        margin-right: 1em;
        text-align: right;
        background-color: white;
    }
    .td label img
    {
        vertical-align: bottom;
    }
    .widelabel
    {
        float: left;
        margin: 2px 0 0 0;
        color: #00008B;
        font-size: 1em;
        width: 15em;
        margin-right: 1em;
        text-align: right;
        background-color: white;
    }
    .heading5Label
    {
        margin-bottom: 3px;
        margin-top: 2px;
        color: Black;
        font-size: 1em;
        font-weight: bold;
    }
    a.logout
    {
        font-size: 0.8em;
        color: #ffffff;
        font-weight: bold;
    }
    a
    {
        color: #5a5a5a;
    }
    a.sortHeader
    {
        color: White;
    }
    a.email
    {
        color: #A7C700;
        font-weight: bold;
    }
    h3.Public
    {
        color: #A7C700;
    }
    .bold
    {
        font-weight: bold;
    }
    #main_header
    {
        clear: both;
        background-color: #5a5a5a;
        height: 46px;
        font-family: arial, helvetica, sans;
        margin-bottom: 2px;
    }
    #main_title
    {
        float: left;
        padding: 8px 0 0 20px;
    }
    #main_ncc_logo
    {
        float: right;
    }
    #current_user
    {
        float: right;
        text-align: center;
        padding: 8px 0 0 0;
        font-size: 0.8em;
        color: #ffffff;
        font-weight: bold;
    }
    #main_menu
    {
        float: left;
    }
    #main_menu ul li ul
    {
        display: none;
    }
    #main_menu ul li
    {
        position: relative;
        float: left;
        list-style: none;
    }
    #main_content
    {
        float: left;
        clear: both;
        width: 100%;
    }
    #main_footer
    {
        float: left;
        clear: both;
        background-color: #c0c0c0;
        color: #ffffff;
        padding: 2px;
        margin-top: 2px;
        width: 100%;
    }
    .divTop
    {
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
        clear: both;
        width: 100%;
    }
    .divLeft
    {
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
    }
    .divMiddle
    {
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
    }
    .divRight
    {
        margin: 0;
        padding: 0;
        border: 0;
        float: right;
    }
    .sideBorder
    {
        float: left;
        width: 10px;
        height: 250px;
    }
    .divRadioButtons
    {
        background-color: #5a5a5a;
        clear: both;
    }
    .reportTable
    {
        border-style: solid;
        border-width: thin;
        border-color: #5a5a5a;
    }
    .testdiv
    {
        background-color: Fuchsia;
        height: 10em;
        float: left;
        clear: left;
        width: 10em;
    }
    .performanceRep
    {
        border-bottom: red thin solid;
    }
    tr.thickBorder td
    {
        border-top: thin solid #5a5a5a;
    }
    td.targetMissed
    {
        background-color: Red;
        text-align: center;
        font-weight: bold;
    }
    td.targetAchieved
    {
        background-color: Lime;
        text-align: center;
        font-weight: bold;
    }
    td.textCentre
    {
        text-align: center;
    }
    td.textRight
    {
        text-align: right;
    }
    td.footerCell
    {
        border: solid;
        border-collapse: collapse;
        border-width: thin;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        text-align: left;
        background-color: #5a5a5a;
        color: White;
        padding: 1px 1px 1px 1px;
        font-weight: bold;
        text-align: right;
    }
    td.footerCell a
    {
        color: White;
    }
    td.vAlignTop
    {
        vertical-align: top;
    }
    td.headerCell
    {
        border: solid;
        border-collapse: collapse;
        border-width: thin;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
        text-align: left;
        background-color: #5a5a5a;
        color: White;
        padding: 1px 1px 1px 1px;
        font-weight: bold;
    }
    #buttons
    {
        float: left;
        clear: none;
    }
    select.buttons
    {
        float: left;
        clear: none; /*width:15em;*/
        margin-left: 7px;
    }
    /*--this hides the hidden id field in gridviews*/
    .hiddencol
    {
        display: none;
    }

    .centre
    {
        text-align: center;
    }
    /************************************************************************
                * 
                * Calendar specific formatting 
                *
                ************************************************************************/

    /* Surrounds the calendar */
    .eventmonth
    {
        border: 1px solid #9ACD32;
        width: 975px;
        margin-right: auto;
        margin-left: auto;
        background: #9ACD32;
        margin-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        text-align: center;
    }

    /* used as the cssclass of the actual calendar */
    .eventmonthtable
    {
        width: 975px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        margin-bottom: 15px;
        border: 1px solid #9ACD32;
        border-collapse: collapse;
    }


    .dayNumber
    {
        float: right;
        border-bottom: 1px solid #9ACD32;
        border-left: 1px solid #9ACD32;
        clear: none;
        padding: 2px;
    }


    .calcurrentmonth
    {
        /* no styles needed at this time */
    }
    .calothermonth
    {
        background-color: #C0C0C0;
    }
    .calcurrentday
    {
        background-color: #D5FC9A;
    }
    .calweekend
    {
        background-color: Fuchsia; /*  width: 15%; */
    }

    .calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
    {
        text-align: left;
        border: 2px solid #9ACD32;
        height: 60px;
        vertical-align: top; /* needed for positioning the dayNumber part */
        position: relative;
        border-collapse: separate;
        border-spacing: 5px;
    }

    /************************************************************************
                * 
                * Next / previous specific formatting 
                *
                ************************************************************************/

    .nextlink
    {
        position: absolute;
        right: 0;
        padding-right: 15px;
    }
    p.NoteLabel
    {
        color: Green;
        font-size: smaller;
    }
    span.NoteLabel
    {
        color: Green;
        font-size: smaller;
    }
    #divDignatary1
    {
        float: left;
    }
    #divDignatary2
    {
        float: left;
    }
    .dignitaryStyle
    {
        border: 1px solid #9ACD32;
    }
    input[disabled='disabled']
    {
        /*background: yellow;         color: blue;         cursor: default;*/
    }
    .divClearNone
    {
        clear: none;
        float: left;
    }
    .hintLabel
    {
        color: Green;
        text-align: justify;
        font-style: italic;
        font-size: 1em;
        background-color: White;
        margin: 2px 0 0 0;
        height: 1em !important;
        width: 10em;
    }
    a.info:hover
    {
        z-index: -99;
        background-color: #EFEFEF;
    }

    a.info span
    {
        display: none;
    }

    a.info:hover span
    {
        /*the span will display just on :hover state*/
        display: block;
        position: absolute;
        top: 0em;
        left: 0em;
        width: 50em;
        border: 2px solid #5a5a5a;
        background-color: #D0E8A0;
        color: Black;
        text-align: left;
        font-size: 1em;
        font-style: normal;
        text-decoration: none;
    }
    .divNone
    {
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
        clear: none;
        vertical-align: middle;
    }

}