/***** Here color, customer images and customer fonts *****/
/***** HTML elements *****/
body {
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.1;
    font-size: 13px;
    background-clip: border-box;
    background-position-x: center;
    background-position-y: 0px;
    background-attachment: scroll;
    background-color: #a6aaad;
    background-size: auto;
    background-repeat: no-repeat;
}
.wordwrapServiceName {
    width:120px;
    word-wrap:break-word;      /* IE */
}
/***** Common Classes *****/

/***** JQuery Classes *****/
.ui-widget-header {
    text-align: left;
    padding-left: 8px;
}

.ui-widget-content {
    border: none;
}

.container_16, .grid_16 {
    width: 1002px !important;
}

.grid_16 {
    margin-left: 0px;
    margin-right: 0px;
}

#main {
    padding-top: 0px;
}

#innerMainContainer {
    background: #ffffff;
    /* margin is arbitrary value */
    margin-top: 80px;
}

#navigation {
    width: 200px;
    /* not able to move a bit down*/
}

/***** Statement Pages *****/
.fullyUsed {
    font-weight: bold;
    white-space: nowrap;
}

.dataTables_scrollHead, .dataTables_scrollBody, .dataTables_scrollFoot {
    overflow: visible !important;
}

.partiallyUsed {
}

#footerCopyright, #footerSecurity {
    margin-top: 25px;
    /* margin is arbitrary value */
    margin-left: 40%;
    margin-rght: auto;
}

#footerSecurity {
    margin-top: 0px;
    /* margin is arbitrary value */
    margin-left: 35%;
    margin-right: auto;
}

.tableContentWrapper {
    overflow: hidden;
}

.dateCell span {
    display:block;
    width: 70px !important;
}

#statementContent th.passName {
    width: 100px;
}
.passName{
    text-transform: capitalize;
}

.contentBackgroundDiv {
    background: #F0F8FF;
}

.account_summary_title {
    font-size: 1.4em;
}

/***** Dialog Classes *****/
.dialogBox {
    background: #F0F8FF;
}

.helpContent {
    font-size:12px;
    background-color: #F0F8FF;
    color: #0078ae;
}

/***** Layout Style *****/
#bannerContainer {
    background-color: #ffffff;
}

#innerMain {
    background-color: #ffffff;
}

#bannerLogo {
    background: url(../images/top.gif?F6982167805VQHVIW=_) no-repeat top;
    /* height is arbitrary value */
    height: 20px;
}

#language {
    background: url(../images/logo.jpg?F6982167805VQHVIW=_) no-repeat left;
    float: right;
    width: 270px;
    height: 42px;
}

#lang {
    margin: 0px 10px 0px 0px;
}

#headerNav {
    background: url(../images/logo_url.gif?F6982167805VQHVIW=_) no-repeat 10px;
    height: 50px;
}

#otherNav {
    background: url(../images/home_nav2.png?F6982167805VQHVIW=_) no-repeat center #ffffff;
    margin-top: 15px;
    width: 1002px;
    height: 30px;
}

#language, #flagIcons a {
    text-decoration: none;
}

#language, #textLinks a, .contentBlock a {
    color: #0078ae;
    text-decoration: none;
}

#otherNav a {
    text-decoration: none;
}

#textLinks:hover {
    text-decoration: underline;
}

#textLinks a:hover, .contentBlock a:hover {
    text-decoration: underline !important;
}

.contentBlock a {
    color: #0584c7;
}

#language, .contentBlock a:hover {
    color: #0584c7;
}

#periodTable {
    border-left: #0584c7 1px solid !important;
}

#periodTable_pageNumbers a:hover {
    color: #0584c7;
    text-decoration: underline !important;
}

#mainTitle {
    color: #0584c7;
    font-size: 1.4em;
    border-bottom: #0584c7 1px solid;
}

table.dataTable th, table.dataTable td, .tableContent th, .tableContent td {
    border-color: #0584c7;
}

tr.evenColored, table.dataTable tr.even, td.even {
    background-color: #ffffff;
}

tr.oddColored, table.dataTable tr.odd, td.odd {
    background-color: #ffffff;
}

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: #ffffff;
}

/* Data table Processing indicator */
#dataTables_processing {
    background-color: #f0f2f2;
    border: 1px solid #0584c7;
}

#otherNav a, #otherNav:hover, #otherNav:after {
    color: #ffffff;
    text-decoration: none;
}

#HEADER_LINK_1:hover, #HEADER_LINK_2:hover, #HEADER_LINK_3:hover, #HEADER_LINK_4:hover, #HEADER_LINK_5:hover {
    background: #0078cb;
    margin-top: 15px;
    padding: 7px 20px;
}

#HEADER_LINK_1, #HEADER_LINK_2, #HEADER_LINK_3, #HEADER_LINK_4, #HEADER_LINK_5 {
    margin-left: 1.4%;
    line-height: 2.3;
    margin-top: 15px;
    padding: 7px 20px;

}

#header {
    padding-top: 21px;
}

#resourcesContent {
    color: #ffffff;
}

.ui-button-text-only:hover {
    color: #ffffff !important;
}
#footerContainer {
    background: url(../images/footer-left.jpg?F6982167805VQHVIW=_) #ffffff no-repeat left;
    height: 100px;
}

#footerContent {
    background: url(../images/footer-right.gif?F6982167805VQHVIW=_) no-repeat right;
    /* height is arbitrary value */
    height: 80px;
    z-index: 1;
}