/*********************BEGIN - Header Div layout styles *********************/
/*the blog control is using a different CSS file: workarea/csslib/blogs.css, which is overriding the MainMaster.css.*/
body, div, li, p
{
    font-family: Arial !important; /*Ektron CSS fix*/
    font-size: 11px /*!important*/; /*Ektron CSS fix*/
    /*cursor:normal;*/
    border: none;
    margin: 0px;
    padding: 0px;
}

td
{
    font-family: Arial !important; /*Ektron CSS fix*/
}

.body
{
    font-family: Arial;
    font-size: 11px;
    /*cursor:normal;*/
    border: none;
    margin: 0px;
    padding: 0px;
}

.headerDiv /* Header Div - contains a table with 2 columns */
{
    top: 0px;
    left: 0px;
    width: 100%;
    vertical-align: top;
    padding: 0 5px;
    border-spacing: 0px; /* Same as table cellpadding = cellspacing = 0 */
    border-collapse: collapse; /* IE7 border-spacing FIX */
    margin: 0px;
    border: 1px;
    min-height: 30px;
    border: solid 0px #0000FF;
    height: 78px;
}

.bodyDiv
{
    left: 0px;
    vertical-align: top;
    margin: 0px;
    border-bottom: solid 4px;
    border-bottom-color: #336699;
    min-height: 430px;
    border: solid 0px #ff0000;
    border-top-color: #336699;
    overflow: hidden;
}

.bodyTbl
{
    height: 420px;
    width: 100%;
    /*cursor:normal;*/
    table-layout: fixed;
    border: solid 0px #ff3333;
}

.preAuthbodyTbl
{
    height: 420px;
    width: 96%;
    table-layout: fixed;
}

.footerDiv
{
    left: 0px;
    width: 95%;
    vertical-align: top;
    padding: 5px;
    padding-left: 20px;
    margin: 0px;
    margin-right: 10px;
    /*position:relative;*/ /*removed this, because in IE this make div stay in front of popup */
    min-height: 30px;
    /*background-color:White;*/
    padding-right: 10px;
    border: solid 0px #FFFF00;
}

.headerTable
{
    width: 100%;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

.loadingPanelOuter /* Ajax loading panel, displayed during ajax requests */
{ /* displays in the absolute centre of the screen */
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
    position: absolute;
    /*cursor: default;*/
    z-index: 99;
}

.DoNotReport .linkClass
{
    color: #FFF !important;
}
    .DoNotReport .linkClass:hover
    {
        color: #000 !important;
        text-decoration: none;
        font-weight: normal;
    }

.DoNotReport span.validator
{
    color: darkred !important;
}

.leftMenu
{
    position: absolute;
    left: 0px;
    border: none;
    width: 155px;
    background-color: Transparent;
    text-overflow: ellipsis;
    height: 90%;
    min-height: 410px;
    padding: 0px;
    margin: 0px;
    border: solid 1px green;
}

.rightMenu
{
    position: fixed;
    left: 0px;
    border: solid 1px;
    background-color: #bcdeef;
    width: 120px;
    text-overflow: ellipsis;
    height: 100%;
    min-height: 430px;
    border: solid 1px orange;
}

.headerrow1
{
    border: 0px;
    background-color: #bcdeef;
    padding: 10px;
    text-align: left;
}

/* here it's ending */
.rightHeaderCol
{
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    margin: 0px;
    float: right;
    clear: left;
    text-align: right;
    vertical-align: top;
}

.resultTbl
{
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    border: 0px;
    table-layout: fixed;
}

.baseTbl
{
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    border: none;
    table-layout: fixed;
}

table.baseTbl td:first-child {
    vertical-align: top;
    padding-right: 25px;
}
table.baseTbl td:nth-child {
    padding-bottom: 2px;
}
@media only screen and (max-width: 480px) {

    table.baseTbl td {
        display: block;
        width: 100%;
    }
}

    .anyTbl {
        border-collapse: collapse;
        padding: 0px;
        margin: 0px;
        border: solid 1px #bbbbbb;
        table-layout: fixed;
    }

    .anyTbl2 {
        border-collapse: collapse;
        padding: 0px;
        padding-left: 10px;
        margin: 0px;
        width: 100%;
        table-layout: fixed;
    }

    .highlightTbl {
        border-collapse: collapse;
        padding: 0px;
        padding-left: 10px;
        margin: 0px;
        border-bottom: solid 1px #bbbbbb;
        border-right: solid 1px #bbbbbb;
        border-left: solid 1px #EFEFEF;
        border-top: solid 1px #EFEFEF;
    }

    .rowone {
        border-collapse: collapse;
        background-color: #EFEFEF;
        border: solid 1px #bbbbbb;
        /*cursor:normal;*/
        height: 60px;
    }

    .rowtwo {
        background-color: #BFEBFF;
        /*cursor:normal;*/
    }

    .CellBold {
        padding-left: 10px;
        text-align: left;
        text-overflow: ellipsis;
        width: 20%;
    }

    .hightlightcellinfo {
        text-overflow: ellipsis;
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .cellinfo {
        text-overflow: ellipsis;
        padding: 2px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .InfoRow {
        border: none;
        border-bottom: solid 1px #EFEFEF;
        padding: 5px;
    }

    .btnLink /* Buttons */ {
        border: none;
        color: #336699;
        padding: 3px;
        margin: 2px;
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        background-color: #bbbbbb;
        /*cursor:pointer;*/
        display: inline;
    }

        .btnLink:hover /* Buttons - mouse over or hover */ {
            text-decoration: none;
            color: Maroon;
        }

    .cmdDropDown {
        border: solid 1px #222222;
        font-family: Arial;
        font-size: 11px;
        color: #222222;
        background-Color: white;
    }

    .cmdDropDownSmall {
        border: solid 1px #666666;
        font-family: Arial;
        font-size: 10px;
        color: #222222;
        background-Color: white;
    }

    .cmdTextBoxSmall {
        border: 1px solid #666666;
        font-size: 10px;
        font-family: Arial;
        font-weight: normal;
        line-height: 12px;
    }

    .cmdTextBox {
        border: 1px solid #666666;
        font-size: 11px;
        font-family: Arial;
        font-weight: normal;
        width: 190px;
        line-height: 12px;
    }

    .cmdcheckbox {
        margin: 0px;
        padding: 1px;
        font-size: xx-small;
        width: 4px;
        height: 4px;
    }

    input.text {
        border: 1px solid #222222;
        font-size: 11px;
    }

    div {
        position: static;
    }

    .ImgCaption {
        display: block;
        text-align: center;
        font-family: Verdana;
        font-weight: bold;
        font-size: 16px;
        padding: 10px;
        color: rgb(51, 102, 153);
        text-decoration: none;
    }

    /*********************END - Header Div layout styles *********************/





    /*********************BEGIN - Main Div layout styles *********************/

    /*Note: LC = Left Column, CC = Centre column, RC = Right Column */

    html {
        overflow-y: auto;
    }

    .lblNormal /* Standard label */ {
        font-size: 11px;
        color: #063248;
        padding-right: 4px;
    }

    .lblTitle /* Title label */ {
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        color: #006699;
    }

    .lblTitle2 /* Title label */ {
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        color: #006699;
    }

    .lblError /* Error Label */ {
        font-family: Arial;
        font-size: 11px;
        color: #6F2E08;
    }

    .lblSuccess /* Success label */ {
        font-family: Arial;
        font-size: 11px;
        color: #41A98F;
    }

    .ddlNormal /*drop down list - normal*/ {
        font-family: Arial;
        font-size: 12px;
        color: #063248;
        width: 190px;
    }

    .ddlNormalWide /* Dropdown list - wide */ {
        font-family: Arial;
        font-size: 11px;
        color: #063248;
        width: 307px;
    }

    .txtGrid {
        font-family: Arial;
        font-size: 10px;
        color: #000000;
        text-overflow: ellipsis;
    }

    .txtNormal /* Textbox */ {
        font-family: Arial;
        font-size: 11px;
        color: #000000;
        text-overflow: ellipsis;
    }

    .txtNormalBold /* Textbox */ {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
    }

    .txtBold1 /* Textbox */ {
        font-family: Arial;
        font-size: 16px;
        font-weight: bold;
        color: #336699;
    }

    .txtBold2 /* Textbox */ {
        font-family: Arial;
        font-size: 16px !important;
        font-weight: bold;
        color: #247799 !important;
    }

    .txtItalic {
        font-family: Arial;
        font-size: 16px !important;
        font-weight: normal;
        font-style: italic;
        color: #247799 !important;
    }

    .txtNormalWide /* Textbox - Wide */ {
        font-family: Arial;
        font-size: 11px;
        color: #063248;
        width: 300px;
    }

    .txtMultiLine /* Multi line text box */ {
        font-family: Arial;
        font-size: 11px;
        color: black;
        width: 190px;
        height: 150px;
        border: solid 1px #666666;
    }

    a {
        color: #4a86a3;
        color: black;
        /*cursor: pointer;*/
    }

        a:hover {
            color: #BB2222;
            /*cursor: pointer;*/
        }

        a:visited {
            color: #27839F;
            /*cursor: pointer;*/
        }

    .lblLink, /* Labels that are links - not selected */
    .lblLink a,
    .lblLink a:link,
    .lblLink a:visited {
        font-size: 11px;
        /*cursor: pointer;*/
        text-decoration: none !important;
    }

        .lblLink a:active, /* Labels that are links - mouse overs, active, etc. */
        .lblLink a:hover,
        .lblLink a:visited,
        .lblLink:active,
        .lblLink:hover,
        .lblLink:visited {
            font-size: 11px;
            color: #B45B64;
            /*cursor: pointer;*/
            text-decoration: none !important;
        }

    .rBtnNormal /* Radio Buttons */ {
        font-family: Arial;
        font-size: 11px;
        color: #063248;
    }

    .loadingPanelInner /* Ajax loading panel, displayed during ajax requests */ { /* displays in the absolute centre of the screen */
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #EFEFEF;
    }

    .GroupBox fieldset {
        padding-left: 15px;
    }

    .GroupBox legend {
        font-family: Arial;
        font-size: 11px;
        color: white;
        background-color: #80AEC3;
        padding: 3px;
    }
    /*********** END - General label, textbox styles and controls**********/

    .inside_small_table td {
        padding: 2px 20px 2px 20px;
    }

    /**************** left menu ****************/



    /****** submenu at the top of every page ****/

    div.menu a:link {
        color: #4a86a3;
    }

    div.menu a.button:link, div.menu a.button:visited, div.menu a.button:hover {
        color: white;
    }

    div.menu a:visited {
        color: #4a86a3;
        /*font-weight :bold;*/
    }

    div.menu a:hover {
        color: #217594;
        /*font-weight :bold;*/
    }

    div.menu a:active {
        color: #4a86a3;
        /*font-weight :bold;*/
    }

    .endclear {
        clear: both;
    }


    /*********************************************/
    div.ForcedAutoLogin {
        width: 100%;
        text-align: center;
        color: white;
        padding: 10px 0px 10px 0px;
        font-weight: bold;
        background-color: darkRed;
    }
.HomeTitle {
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    background-color: #287899;
}
.HomeMenu {
    width: 100%;
    text-align: center;
    color: #287899;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    background-color: white;
}