.protected {
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}

body {
    background-color: White;
    font-family: Lato, Arial, 'Franklin Gothic Medium', Arial, 'Arial Narrow', sans-serif;
    src: url(fonts/Lato-Regular.ttf); /* --- Need to Verify This CSS ---*/
    color: rgb(114, 114, 114);
}


/*--------------------------------*/
/*--- Standard Heading Colours ---*/
/*--------------------------------*/

h2 {
    color: rgb(70,70,70);
}

h3 {
    color: rgb(70,70,70);
}

h4 {
    color: rgb(70,70,70);
}

/*-----------------------------*/
/*--- Standard Link Colours ---*/
/*-----------------------------*/

a:link {
    text-decoration: none;
    font-weight: normal;
    color: rgb(114, 114, 114); /*--- Light Grey ---*/
}

a:visited {
    text-decoration: none;
    color: rgb(114, 114, 114); /*--- Light Grey ---*/
    font-weight: normal;
}


a:hover {
    text-decoration: underline;
    /*color: rgb(255, 128, 0);*/ /*--- Orange ---*/
    color: #17365D;
    font-weight: normal;
}

a:active {
    text-decoration: none;
    /*color: rgb(255, 128, 0);*/ /*--- Orange ---*/
    color: #17365D;
    font-weight: normal;
}

/*-------------------------------*/
/*--- Standard Image Settings ---*/
/*-------------------------------*/

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
}

    img.alignright {
        float: right;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }

    img.alignleft {
        float: left;
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }


/*---------------*/
/*--- Buttons ---*/
/*---------------*/




.btn {
    /*color: #F07F19;*/
    color: black;
    background: #FFFFFF;
    padding: 10px 20px 10px 20px;
    /*border: solid #F07F19 1px;*/
    border: solid #17365D 1px;

    text-decoration: none;
    text-align: center;
}

    .btn:hover {
        /*background: #f0e4da;*/
        background: #DEECF9;
        text-decoration: none;
        color: black;
        text-align: center;
    }


.btnset {
    background: #ffffff;
    padding: 2px 20px 2px 20px;
    border: solid #007F0E 1px;
    text-decoration: none;
    text-align: center;
}

    .btnset:hover {
        background: MediumSeaGreen;
        text-decoration: none;
        color: white;
        border: solid black 1px;
        text-align: center;
    }


.btnclear {
    background: #ffffff;
    padding: 2px 20px 2px 20px;
    border: solid Crimson 1px;
    text-decoration: none;
    text-align: center;
}

    .btnclear:hover {
        background: Crimson;
        text-decoration: none;
        color: white;
        border: solid black 1px;
        text-align: center;
    }

.btnhide {
    background: #ffffff;
    padding: 2px 20px 2px 20px;
    border: solid #17365D 1px;
    text-decoration: none;
    text-align: center;
}

    .btnhide:hover {
        background-color: #17365D;
        text-decoration: none;
        color: white;
        border: solid black 1px;
        text-align: center;
    }


.btnsend {
    background: #ffffff;
    padding: 5px 20px 5px 20px;
    border: solid #17365D 1px;
    text-decoration: none;
    text-align: center;
}

    .btnsend:hover {
        background-color: #17365D;
        text-decoration: none;
        color: white;
        border: solid black 1px;
        text-align: center;
    }


/*------------------------*/
/*--- Navigation Lists ---*/
/*------------------------*/

ul {
    padding: 0;
    list-style: none;
    background: #ffffff;
}

    ul li {
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
        background-color: rgba(255, 255, 255, 0.7);
    }

        ul li a {
            display: block;
            padding: 8px 25px;
            color: rgb(114,114,114);
            text-decoration: none;
        }

            ul li a:hover {
                /*color: #F07F19;*/
                color: #17365D;
                text-decoration: none;
            }

        ul li ul.dropdown {
            min-width: 150px; /* Set width of the dropdown */
            background-color: rgba(255, 255, 255, 0.7);
            display: none;
            position: absolute;
            z-index: 999;
            left: 0;
        }

        ul li:hover ul.dropdown {
            display: block; /* Display the dropdown */
        }

        ul li ul.dropdown li {
            display: block;
        }

        ul li ul.dropdown {
            min-width: 150px; /* Set width of the dropdown */
            background-color: rgba(255, 1255, 255, 0.7);
            display: none;
            position: absolute;
            z-index: 999;
            left: 0;
        }

        ul li:hover ul.dropdown {
            display: block; /* Display the dropdown */
        }

        ul li ul.dropdown li {
            display: block;
        }
/*-----------------------------------*/
/*--- Custom Alignments and Sizes ---*/
/*-----------------------------------*/


div.smalltext {
    font-weight: normal;
    font-size: 11px;
}

div.center {
    text-align: center;
    align-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

div.left {
    text-align: left !important;
    margin-left: 0px;
    margin-right: auto;
}

div.right {
    text-align: right;
    margin-left: auto;
    margin-right: 0px;
}


div.mediumtext {
    font-weight: normal;
    font-size: 12px;
}


div.white {
    color: white;
}

.mandatory {
    background-color: yellow;
    border: solid black 1px;
}




/*-----------------------------*/
/*--- Standard Table Themes ---*/
/*-----------------------------*/

table.wrapper {
    /*----------------------------------------------------*/
    /*--- Generic Wrapper to Contain Multiple Elements ---*/
    /*----------------------------------------------------*/
    border: 0px solid Black;
    margin: auto;
    text-align: center;
}

    table.wrapper td {
        vertical-align: top;
    }


table.whitewrapper {
    /*----------------------------------------------------*/
    /*--- Generic Wrapper to Contain Multiple Elements ---*/
    /*----------------------------------------------------*/
    border: 1px solid darkgrey;
    margin: auto;
    text-align: left;
    background-color: white;
    padding: 10px;
}

    table.whitewrapper th {
        vertical-align: middle;
        /*border: 1px solid darkgrey;*/
    }

    table.whitewrapper td {
        vertical-align: middle;
        /*border: 1px solid darkgrey;*/
        background-color: white;
    }

    table.whitewrapper a:link {
        text-decoration: none;
        color: #17365D;
        font-weight: normal;
    }

    table.whitewrapper a:visited {
        text-decoration: none;
        color: #17365D;
        font-weight: normal;
    }

    table.whitewrapper a:hover {
        text-decoration: none;
        /*color: rgb(255,125,0);*/
        color: #17365D;
        font-weight: normal;
    }

    table.whitewrapper a:active {
        text-decoration: none;
        color: #17365D;
        font-weight: normal;
    }




    table.lightgreywrapper {
    /*----------------------------------------------------*/
    /*--- Generic Wrapper to Contain Multiple Elements ---*/
    /*----------------------------------------------------*/
    border: 0px solid darkgrey;
    margin: auto;
    text-align: left;
    background-color: rgb(240,240,240);
    padding: 0px;
}

    table.lightgreywrapper th {
        vertical-align: middle;
    border: 1px solid darkgrey;
            /*background-color: rgb(240,240,240);*/
            background-color: white;
    }

    table.lightgreywrapper td {
        vertical-align: bottom;
        /*border: 1px solid darkgrey;*/
        background-color: white;
    }

    table.lightgreywrapper a:link {
        text-decoration: none;
        color: #17365D;
        font-weight: normal;
    }

    table.lightgreywrapper a:visited {
        text-decoration: none;
        color: #17365D;
        font-weight: normal;
    }

    table.lightgreywrapper a:hover {
        text-decoration: none;
        /*color: rgb(255,125,0);*/
        color: #17365D;
        font-weight: normal;
    }

    table.lightgreywrapper a:active {
        text-decoration: none;
        color: #17365D;
        font-weight: normal;
    }


table.attachmentlinkwrapper {
    /*----------------------------------------------------*/
    /*--- Generic Wrapper to Contain Multiple Elements ---*/
    /*----------------------------------------------------*/
    border: 0px solid white;
    margin-right: auto;
    text-align: left;
    background-color: white;
    padding: 0px;
}

    table.attachmentlinkwrapper th {
        vertical-align: middle;
            border: 0px solid white;
    }

    table.attachmentlinkwrapper td {
        vertical-align: middle;
            border: 0px solid white;
    }



table.darkergreywrapper {
    /*----------------------------------------------------*/
    /*--- Generic Wrapper to Contain Multiple Elements ---*/
    /*----------------------------------------------------*/
    border: 0px solid darkgrey;
    margin: auto;
    text-align: left;
    background-color: rgb(220,220,220);
    width: 100%;
    padding: 10px;
}

    table.darkergreywrapper th {
        border: 0px solid DarkGrey;
        background-color: rgb(220,220,220);
        white-space: nowrap;
        text-align: right;
        vertical-align: top;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
        color: rgb(70,70,70);
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    table.darkergreywrapper td {
        border: 0px solid DarkGrey;
        background-color: rgb(220,220,220);
        white-space: nowrap;
        text-align: left;
        vertical-align: top;
        text-decoration: none;
        font-size: 13px;
        font-weight: normal;
        color: rgb(70,70,70);
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

/*---------------------------------------------------------------------------*/
/*--- Adding Link Colours to DarkerGrey will effect button on My Account! ---*/
/*----------------------------------------------------------------------------*/




table.bluewrapper {
    /*----------------------------------------------------*/
    /*--- Generic Wrapper to Contain Multiple Elements ---*/
    /*----------------------------------------------------*/
    border: 0px solid darkgrey;
    margin: auto;
    text-align: left;
    /*background-color:white;*/
    padding: 10px;
}

    table.bluewrapper th {
        background-color: rgb(0,50,100);
        color: white;
        font-size: 18px;
        padding: 10px;
    }





table.pagewrapper {
    /*------------------------------------------------------------------*/
    /*--- Generic Wrapper to Contain Main Elements on Grey Background---*/
    /*------------------------------------------------------------------*/
    border: 0px solid Black;
    text-align: left;
    width: 100%;
    background-color: rgb(240,240,240);
}

    table.pagewrapper td {
        margin-left: auto;
        margin-right: auto;
    }

table.pushright {
    margin-left: auto;
    margin-right: 0px;
}

table.headerarea {
    /*-----------------------------------------------*/
    /*--- Page Branding and Login / Logou Buttons ---*/
    /*-----------------------------------------------*/
    border: 0px solid Black;
    white-space: nowrap;
    vertical-align: middle;
    border-spacing: 0;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    margin: auto;
    min-width: 1100px;
    width: 100%;
    /*background-color: #F07F19;*/
    background-color: #17365D;
}

    table.headerarea th {
        border: 0px solid Black;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        /*padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 0px;
        padding-left: 0px;*/
        padding: 5px;
        border-spacing: 0px 0px;
        margin: 0px 0px;
    /*background-color: #F07F19;*/
    background-color: #17365D;
    }

    table.headerarea td {
        border: 0px solid Black;
        text-align: right;
        white-space: nowrap;
        vertical-align: middle;
        padding: 5px;
        border-spacing: 0px 0px;
        color: white;
    /*background-color: #F07F19;*/
    background-color: #17365D;
        margin-right: 0px;
        margin-left: auto;
    }


    table.headerarea a:link {
        text-decoration: none;
        color: white;
        font-weight: normal;
    }

    table.headerarea a:visited {
        text-decoration: none;
        color: white;
        font-weight: normal;
    }

    table.headerarea a:hover {
        text-decoration: none;
        color: white;
        font-weight: normal;
    }

    table.headerarea a:active {
        text-decoration: none;
        color: white;
        font-weight: normal;
    }


table.linkarea {
    /*-----------------------------------------------*/
    /*--- Navigation Links Area Under Page Header ---*/
    /*-----------------------------------------------*/
    border: 0px solid Black;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-spacing: 0;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    margin: auto;
    width: auto;
    background-color: white;
}


    table.linkarea th {
        border: 0px solid Black;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        width: auto;
        padding: 0;
        border-spacing: 0px 0px;
        margin: 0px 0px;
    }

    table.linkarea td {
        border: 0px solid Black;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        width: 200px;
        padding: 0;
        border-spacing: 0px 0px;
        font-size: 14px;
    }


table.bodyarea {
    /*----------------------------------------------------*/
    /*--- Generic Wrapper to Contain Multiple Elements ---*/
    /*----------------------------------------------------*/
    border: 0px solid Black;
    margin: auto;
    text-align: justify;
    width: 1000px;
	color: #303030;
}

    table.bodyarea a:link {
        text-decoration: none;
        color: #17365D;
        font-weight: normal;
    }

    table.bodyarea a:hover {
        text-decoration: Underline;
        /*color: rgb(255,125,0);*/
        color: #17365D;
        font-weight: normal;
    }

    table.bodyarea a:visited {
        text-decoration: none;
        color: #17365D;
        font-weight: normal;
    }

    table.bodyarea a:active {
        text-decoration: underline;
        /*color: rgb(255,125,0);*/
        color: #17365D;
        font-weight: normal;
    }


table.bodyareaFixGridButtons {
    /*----------------------------------------------------*/
    /*--- Generic Wrapper to Contain Multiple Elements ---*/
    /*----------------------------------------------------*/
    border: 0px solid Black;
    margin: auto;
    text-align: justify;
    width: 800px;
}

    table.bodyareaFixGridButtons a:link {
        text-decoration: none;
        color: rgb(114, 114, 114);
        font-weight: normal;
    }

    table.bodyareaFixGridButtons a:hover {
        text-decoration: none;
        color: white;
        font-weight: normal;
    }

    table.bodyareaFixGridButtons a:visited {
        text-decoration: none;
        color: rgb(114, 114, 114);
        font-weight: normal;
    }

    table.bodyareaFixGridButtons a:active {
        text-decoration: none;
        color: white;
        font-weight: normal;
    }


table.filterarea {
    /*-----------------------------------*/
    /*--- Standard Filter Area Design ---*/
    /*-----------------------------------*/
    vertical-align: central;
    border: 0px solid black;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(220,220,220);
    width: 100%;
}

    table.filterarea th {
        border: 0px solid black;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        background-color: rgb(220,220,220);
    }

    table.filterarea td {
        border: 0px solid black;
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
        font-weight: normal;
        padding: 0px;
        background-color: rgb(220,220,220);
    }

table.filterareabuttons {
    border: 0px solid Black;
    margin-left: auto;
    text-align: center;
    border-collapse: collapse;
}

    table.filterareabuttons td {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
        font-weight: normal;
    }



.dataGridHeader {
    /*----------------------------------------------------*/
    /*--- Data Grid with Blue Headers ---*/
    /*----------------------------------------------------*/
    border: 1px solid DarkGrey;
    border-collapse: collapse;
}

    .dataGridHeader th {
        border: 1px solid DarkGrey;
        background-color: #17365D;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        color: White;
        font-size: 12px;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dataGridHeader td {
        /*------------------------*/
        /*--- Data Grid Footer ---*/
        /*------------------------*/
        border: 1px solid DarkGrey;
        background-color: white;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        color: red;
        font-size: 12px;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }


    .dataGridHeader a:link {
        text-decoration: none;
        color: White;
        font-size: 12px;
        font-weight: bold;
    }

    .dataGridHeader a:hover {
        text-decoration: Underline;
        color: White;
        font-size: 12px;
        font-weight: bold;
    }

    .dataGridHeader a:visited {
        text-decoration: none;
        color: White;
        font-size: 12px;
        font-weight: bold;
    }

    .dataGridHeader a:active {
        text-decoration: none;
        color: White;
        font-size: 12px;
        font-weight: bold;
    }



.dataGridBody {
    /*--------------------------------------*/
    /*--- Data Grid White Text Box Areas ---*/
    /*--------------------------------------*/
    border: 1px solid DarkGrey;
    background-color: white;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 15px;
    width: 100%;
}

    .dataGridBody td {
        border: 1px solid DarkGrey;
        background-color: white;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 15px;
        color: rgb(114,114,114);
    }



    .dataGridBody a:link {
        text-decoration: none;
        color: #17365D;
        font-size: 12px;
        font-weight: normal;
    }

    .dataGridBody a:visited {
        text-decoration: none;
        color: #17365D;
        font-size: 12px;
        font-weight: normal;
    }

    .dataGridBody a:hover {
        text-decoration: Underline;
        /*color: rgb(255,125,0);*/
        color: #17365D;
        font-size: 12px;
        font-weight: normal;
    }

    .dataGridBody a:active {
        text-decoration: none;
        /*color: rgb(255,125,0);*/
        color: #17365D;
        font-size: 12px;
        font-weight: normal;
    }




.userMaintenanceGrid {
    /*----------------------------------------------------*/
    /*--- Data Grid with Blue Headers ---*/
    /*----------------------------------------------------*/
    border: 1px solid DarkGrey;
    border-collapse: collapse;
}

    .userMaintenanceGrid th {
        border: 1px solid DarkGrey;
        background-color: #17365D;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        color: White;
        font-size: 12px;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .userMaintenanceGrid td {
        /*------------------------*/
        /*--- Data Grid Footer ---*/
        /*------------------------*/
        border: 1px solid DarkGrey;
        /*background-color: white;*/
        /*background: #f0e4da;*/
        background: #DEECF9;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        color: rgb(114,114,114);
    }

    .userMaintenanceGrid a:link {
        text-decoration: none;
        color: #17365D;
        font-size: 12px;
        font-weight: normal;
    }

    .userMaintenanceGrid a:visited {
        text-decoration: none;
        color: #17365D;
        font-size: 12px;
        font-weight: normal;
    }

    .userMaintenanceGrid a:hover {
        text-decoration: none;
        color: #17365D;
        font-size: 12px;
        font-weight: normal;
    }

    .userMaintenanceGrid a:active {
        text-decoration: none;
        color: #17365D;
        font-size: 12px;
        font-weight: normal;
    }


.userMaintenanceGridBody {
    /*--------------------------------------*/
    /*--- Data Grid White Text Box Areas ---*/
    /*--------------------------------------*/
    border: 1px solid DarkGrey;
    background-color: white;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    width: 100%;
}

    .userMaintenanceGridBody td {
        border: 1px solid DarkGrey;
        background-color: white;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 15px;
        color: rgb(114,114,114);
    }



table.PagingTable {
    /*---------------------------------*/
    /*--- Data Grid Page Navigation ---*/
    /*---------------------------------*/
    vertical-align: central;
    border: 0px solid black;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    table.PagingTable th {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        border: 0px solid black;
    }

    table.PagingTable td {
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        padding-left: 5px;
        padding-right: 5px;
        border: 0px solid black;
    }





.dataGridHeaderWhite {
    /*----------------------------------------------------*/
    /*--- Data Grid with White Headers ---*/
    /*----------------------------------------------------*/
    border: 1px solid DarkGrey;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .dataGridHeaderWhite th {
        border: 1px solid DarkGrey;
        background-color: white;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: rgb(70,70,70);
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .dataGridHeaderWhite td {
        border: 1px solid DarkGrey;
        background-color: white;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: rgb(70,70,70);
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
    }

table.commentsandfeatures {
    /*----------------------------------------------------*/
    /*--- Comments Box and Features ---*/
    /*----------------------------------------------------*/
    border: 1px solid DarkGrey;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

    table.commentsandfeatures th {
        border: 1px solid DarkGrey;
        background-color: white;
        white-space: nowrap;
        text-align: right;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: rgb(70,70,70);
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    table.commentsandfeatures td {
        border: 1px solid DarkGrey;
        background-color: white;
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: rgb(70,70,70);
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
    }


table.dataInputGrid {
    /*----------------------------------------------------*/
    /*--- Data Grid with White Headers ---*/
    /*----------------------------------------------------*/
    border: 1px solid DarkGrey;
    border-collapse: collapse;
    margin-left: 5px;
    margin-right: 5px;
}

    table.dataInputGrid th {
        border: 0px solid DarkGrey;
        /*background-color: white;*/
        background-color: rgb(220,220,220);
        white-space: nowrap;
        text-align: right;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: rgb(70,70,70);
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    table.dataInputGrid td {
        border: 0px solid DarkGrey;
        /*background-color: white;*/
        background-color: rgb(220,220,220);
        white-space: nowrap;
        text-align: left;
        vertical-align: middle;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
        color: rgb(70,70,70);
        margin-left: auto;
        margin-right: auto;
        padding-left: 5px;
        padding-right: 5px;
    }

table.footer {
    border: 0px solid white;
    border-collapse: collapse;
    width: 100%;
    height: 30px;
}


    table.footer td {
        border: 0px solid white;
        background-color: white;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        font-size: 11px;
        font-weight: normal;
        width: 33.3%;
    }