body
{
    width: 99%;
    height: 97%;
    
    background-image: url('../images/Envisage_Background_v2_Small.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    font-family: Verdana;
    font-size: 1em;
}


table.TopContainerTable
{
    width: 100%;
}
td.TopContainerIconCell
{
    width: 60px;
}
td.TopContainerTitleCell
{
    text-align: left;
}
td.TopContainerRightCells
{
    width: 100px;
    text-align: right;
}
td.TopContainerLogOutLink
{
    text-align: right;
    width: 190px;
}
td.TopContainerChangePasswordLink
{
    text-align: right;
    width: 180px;
}

table.MainContentTable
{
    width: 100%;
    vertical-align: top;
    /*max-height: 500px;*/
}
td.MainContentTableCell
{
    vertical-align: top;
}
td.MainContentTableCellLeft
{
    width: 170px;
    vertical-align: top;
}
td.MainContentTableCellRight
{
    width: 170px;
    vertical-align: top;
}

.filterPanel
{
    text-align: left;
}
.filterLabel
{
    font-size: 0.85em;
    font-weight: bold;
}
.underConstruction
{
    font-size: 1em;
    font-weight: bold;
    color: red;
}


.title
{
    font-size: 1.25em;
    text-align: left;
    font-weight: bold;
    color: rgb(16,58,32);
}
.pageTitle
{
    font-size: 1.25em;
    text-align: left;
    font-weight: bold;
    color: rgb(16,58,32);
}
.pageSubTitle
{
    font-size: 0.85em;
    color: rgb(95,13,14);
    margin-top: 5px;
    margin-bottom: 2px;
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
}
.subTitle
{
    color: rgb(95,13,14);
    margin-top: 5px;
    margin-bottom: 2px;
    font-weight: bold;
    font-style: italic;
    font-size: 0.85em;
}
.subTitle2
{
    color: rgb(109,110,113);
    margin-top: 5px;
    margin-bottom: 2px;
    font-weight: bold;
    font-style: italic;
    font-size: 0.85em;
    text-align:left;
}
a.logOutLink
{
    color: rgb(16,58,32);
    text-decoration: none;
    font-weight: bold;
    font-size: 0.85em;
}
    a.logOutLink:hover
    {
        color: rgb(235,140,34);
        text-decoration: none;
        text-decoration: underline;
    }

a.changePasswordLink
{
    color: rgb(16,58,32);
    text-decoration: none;
    font-weight: bold;
    font-size: 0.70em;
}
    a.changePasswordLink:hover
    {
        color: rgb(235,140,34);
        text-decoration: none;
        text-decoration: underline;
    }


a.minorLink
{
    font-size: 0.85em;
}
    a.minorLink:hover
    {
        font-size: 1em;
    }


table.topMenu
{
    width: 100%;
    margin: 0;
    text-align: center;
}
td.topMenu
{
    border: 1px solid rgba(16,58,32, 0.50);
    border-left-color: rgba(16,58,32, 0.50);
    border-bottom-color: rgba(16,58,32, 0.50);
    border-top-color: rgba(109,110,113, 0.50);
    border-right-color: rgba(109,110,113, 0.50);
    background-image: url('../images/menu_gradient1.png');
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 5px;
}
    td.topMenu:hover
    {
        background-image: url('../images/menu_gradient2.png');
        background-position: left top;
    }
a.topMenu
{
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    color: rgba(16,58,32,0.60);
    background-color: transparent;
    text-decoration: none;
}

img.topMenu {
    width:24px;
    height:24px;
}

td.topMenuImage {
    padding:0px;
    width:30px;
}

.separator
{
    width: 100%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid rgba(16,58,32, 0.15);
    background-color: rgba(16,58,32, 0.05);
}


.mainDataGrid
{
    width: 100%;
    text-align: left;
    font-size: 0.85em;
    border: 1px solid rgba(16,58,32, 0.15);
}
.mainDataGridColumnHeader
{
    height: 30px;
    font-size:0.75em;
    font-weight: bold;
    color: rgb(16,58,32);
    background-color: rgba(235, 140, 35, 0.30);
}
.mainDataGridColumnCell
{
    height: 25px;
    font-size: 0.85em;
    text-wrap: avoid;
    font-weight: normal;
    vertical-align: central;
    background-color: transparent;
}
    .mainDataGridColumnCell:hover
    {
        background-color: rgba(235,240,134, 0.60);
    }
.mainDataGridColumnCellAlternate
{
    height: 25px;
    font-size: 0.85em;
    text-wrap: avoid;
    font-weight: normal;
    vertical-align: central;
    background-color: rgba(245, 245, 245, 0.55);
}
    .mainDataGridColumnCellAlternate:hover
    {
        background-color: rgba(235,240,134, 0.70);
    }
.mainDataGridColumnCellSelected
{
    height: 25px;
    font-size: 0.85em;
    text-wrap: avoid;
    font-weight: normal;
    vertical-align: central;
    background-color: rgba(235, 140, 35, 0.30);
}


.sideMenuDataGrid
{
    width: 100%;
    text-align: left;
    font-size: 0.85em;
    border: 1px solid rgba(16,58,32, 0.15);
}
.sideMenuDataGridColumnHeader
{
    height: 30px;
    font-size:0.75em;
    font-weight: bold;
    color: rgb(16,58,32);
    background-color: rgba(19, 58, 32, 0.30);
}
.sideMenuDataGridColumnCell
{
    height: 25px;
    text-wrap: avoid;
    font-weight: normal;
    vertical-align: central;
    background-color: transparent;
}
    .sideMenuDataGridColumnCell:hover
    {
        background-color: rgba(77,77,77, 0.30);
    }
.sideMenuDataGridColumnCellAlternate
{
    height: 25px;
    text-wrap: avoid;
    font-weight: normal;
    vertical-align: central;
    background-color: transparent;
}
    .sideMenuDataGridColumnCellAlternate:hover
    {
        background-color: rgba(77,77,77, 0.30);
    }
.sideMenuDataGridColumnCellSelected
{
    height: 25px;
    text-wrap: avoid;
    font-weight: normal;
    vertical-align: central;
    background-color: transparent;
}


.manageRecordTable
{
    width: 100%;
    border: 1px solid rgba(16,58,32, 0.30);
}
.manageRecordTableDescrLabelCell
{
    width: 160px;
    font-size: 0.65em;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    vertical-align: central;
    color: rgb(16,58,32);
    padding-top: 5px;
    padding-right: 5px;
    border: 1px solid rgba(16,58,32, 0.10);
    background-color: rgba(19, 58, 32, 0.30);
}
.manageRecordTableFieldDataCell
{
    font-size: 0.85em;
    text-align: left;
    
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 9px;
    border: 1px solid rgba(16,58,32, 0.05);
    background-color: rgba(19, 58, 32, 0.10);
}
.manageRecordTableDescrLabelCellNEWDATE
{
    text-align: right;
    font-size: 0.85em;
    font-weight: bold;
    font-style: italic;
    color: rgb(16,58,32);
}


.superPanel
{
    /*height: 700px;*/
    margin-top: 0px;
    margin-bottom: 30px;
}

.superPanelGrid {
    /*max-height: 50%;*/
    margin-top: 0px;
    margin-bottom: 30px;
}



div.gridContainer {
    max-height: 600px;
}
div 




.errorReportTable
{
    width: 100%;
    font-weight: normal;
    font-size: 0.75em;
    border: 1px solid rgba(16,58,32, 0.15);
}
.errorReportTableRow
{
    color: darkred;
}
.errorReportTableCell1
{
    width: 150px;
    font-style: italic;
}
.errorReportTableCell2
{
    color: red;
}


.errorReportTableRowHeader
{
    font-weight: bold;
    color: darkred;
    background-color: rgba(235, 140, 35, 0.30);
}
.errorReportTableCell1Header
{
    border: 1px solid rgba(16,58,32, 0.15);
}
.errorReportTableCell2Header
{
    border: 1px solid rgba(16,58,32, 0.15);
}

.gridViewNoRecordFound
{
    font-size: 0.85em;
    font-style: italic;
    font-weight: bold;
    color: darkred;
    background-color: rgba(235, 140, 35, 0.30);
}






div.usageInfoContainer {
    
    height: 1.25em;
    overflow:hidden;
    padding:11px;
    padding-bottom:17px;
    margin-bottom:11px;
}

.usageInfo_Summary {
    padding:7px;
     border-bottom:1px solid rgba(230,16,100,0.25);
     font-size:1.25em;
     color:rgb(230,16,100);
     margin-bottom:3px;
     display:block;
}

.usageInfoProduct {
    display:block;
    font-size: 1.25em;
    text-align: left;
    font-weight: bold;
    color: rgb(16,58,32);
    border-bottom:1px solid rgba(230,16,100,0.25);
    padding-bottom:7px;
    margin-bottom:7px;
    cursor:pointer;
}



.usageInfoCustomer
{
     display:block;
    font-size: 0.85em;
    color: rgb(95,13,14);
    margin-top: 17px;
    margin-bottom: 2px;
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
     cursor:pointer;
}




th.header {
    cursor:pointer;
   padding-left: 3px;
}
th.headerSortUp {
    padding-left: 20px;
    background-image: url('../images/asc.gif');
    background-repeat: no-repeat;
    background-position-y: center;
}
th.headerSortDown {
    padding-left: 20px;
    background-image: url('../images/desc.gif');
    background-repeat: no-repeat;
    background-position-y: center;
}