/***** Here color, customer images and customer fonts *****/
/***** HTML elements *****/
body {
    font-family:  Arial, Helvetica, sans-serif;
    line-height: 1.1;
    font-size: 12px;
    background: #dcdcdc;
}

/***** Common Classes *****/

/***** JQuery Classes *****/
.ui-widget-header {
    text-align: center;
    padding: 5px;
}

/***** Statement Pages *****/
.fullyUsed {
    font-weight: bold;
}

/*
#page {
    background: #dcdcdc;
} */

#mainPanel {
    width: 735px;
    margin-left: 0px;
    margin-right: 0px;
}

#panelBox, #headerNav {
    width: 980px;
}

#headerNav {
    position: relative;
    text-decoration: none !important;
}

#otherNav {
    margin-top: 7px;
    z-index: 1;
    position: absolute;
}

#header, #main {
    padding-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

#main {
    padding-top: 0px;
}

#bannerContainer, #footerContainer {
    background: #ffffff;
    width: 980px !important;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
    margin-bottom: 10px;
}

#footerContainer {
    border: #aaaaaa 1px solid;
}

#navigation{
    width: 234px;
}

.dateCell span {
    display:block;
    width: 80px;
}

#dataTables_scrollHeadInner {
    width: 100%;
}

.partiallyUsed {
}

.contentBackgroundDiv {
    background: #ececec;
}

.dateCell span {
    display:block;
}

/***** Dialog Classes *****/
.dialogBox {
    background: #ececec;
}

.helpContent {
    font-size:12px;
    background-color: #ececec;
    color: #0078ae;
}

/***** Layout Style *****/
#bannerLogo {
    background: url(../images/banner.jpg?F681747678173OBLYUB=_) no-repeat center;
    width: 980px;
    height: 128px;
    margin-left: 0px;
    margin-right: 0px;
}

.grid_8 {
    width: 930px !important;
}

.grid_8 a {
    margin-top: 3px;
    color: #4d4d4d;
    text-decoration: none !important;
}

.container_16 {
    width: 980px;
}

.grid_3 {
    margin-right: 0px;
}

.grid_16 {
    width: 980px;
    margin-left: 0px;
    margin-right: 0px;
}

#language {
    text-decoration: none !important;
    position: absolute;
    z-index: 1;
}

#language, #language a, #textLinks a, .contentBlock a {
    color: #0078ae;
    text-decoration: none !important;
}

#textLinks a:hover, .contentBlock a:hover {
    text-decoration: underline !important;
}

#flagIcons {
    position: relative;
}

#mainTitle {
    color: #ffffff;
    font-size: 1.4em;
}

table.dataTable th, table.dataTable td, .tableContent th, .tableContent td {
    border-color: #72a665;
}

tr.evenColored, table.dataTable tr.even, td.even {
    background-color: #f0f8ff;
}

tr.oddColored, table.dataTable tr.odd, td.odd {
    background-color: #f0f8ff;
}

tr.evenColored:hover, table.dataTable tr.even:hover, td.even:hover {
    background-color: #ffffff;
}

tr.oddColored:hover, table.dataTable tr.odd:hover, td.odd:hover  {
    background-color: #f0f8ff;
}

/* Data table Processing indicator */
.dataTables_processing {
    background-color: #f0f2f2;
    border: 1px solid #aaaaaa;
}
