/*
*****************************************************************************
 Copyright (c) 2006 Northgate-IS Limited
******************************************************************************
 PVCS Identifiers
    Module Name     : $Workfile:   ngh_core.css  $
    Latest Revision : $Revision:   1.24  $
    Last Checked In : $Date:   14 Aug 2024 16:56:10  $
    Last Modified   : $Modtime:   14 Aug 2024 14:44:30  $
    By              : $Author:   noureen.sadiqi  $
*/
body {
        margin: 0;
        color: #000000;
}
img {
        border: 0;
}
label {
        font-weight: bold;
}
table {
        empty-cells: show;
        border-collapse: collapse;
        padding: 0;
}
th, td {
        vertical-align: top;
}
.skiplink, .hideData {
        display: none;
}

li {
        list-style: none;
}
/* default link styles */
a:link {
        text-decoration: underline;
}
a:visited {
        text-decoration: underline;
}
a:hover {
        text-decoration: underline;
}
a.dataview_link2:link {
        text-decoration: none;
}
a.dataview_link2:visited {
        text-decoration: none;
}
a.dataview_link2:hover {
        text-decoration: underline;
}
a.revLink:link {
        text-decoration: none;
}
a.revLink:visited {
        text-decoration: none;
}
a.revLink:hover {
        text-decoration: underline;
}

fieldset .datepicker {width: 10px}
.lov {display:inline; width: auto}

fieldset {vertical-align: bottom}

.verticalRepFormReport th {width: 135px}

/* Lightbox stuff TA 27/07 */
div.sys_msg_body { 
   height: 100px;
}
.leightbox div.reports_region_th { 
   width: 97%;
}
.leightboxCell {
position: absolute;
xxwidth: 100%;
}

/* Detail Page Context report */
.contextData dl.detailPageContext
{
width: 400px;
margin: 2px 0 0 10px;
padding: 0;
}

.detailPageContext dt
{
width: 135px;
float: left;
margin: 0 0 0 0;
font-weight: bold;
clear: left;
}

.detailPageContext dd
{
float: left;
width: 264px;
margin: 0 0 0 0;
padding-left: 1px;
}


/* HEADER SECTION --[ */
.headerSection {
        width: 100%;
        padding-top: 5px;
        display: block;
        float: left;
}
.headerPanel {
        width: 955px;
        height: auto;
        position: relative;
        text-align: left;
}
.headerLogo {
        position: relative;
        float: left;
        margin-bottom: 5px;
}

/* top right links */
.topRightLinks {
        position: relative;
        float: right;
        list-style: none;
        margin-bottom: 20px;
}
.topRightLinks ul {
        padding: 0;
        margin: 0;
        margin-top: 5px;
}
.topRightLinks ul li {
        display: inline;
}
.topRightLinks a {
        padding-left: 5px;
        margin-left: 5px;
        border-left: 1px solid #666666;
}
.topRightLinks a.alt {
        border-left: 0;
        padding-left: 1px;
        margin-left: 1px
}
.spcFullWidth {
        width: 100%;
        height: 1px;
        position: relative;
        clear: both;
}

/* NAVIGATION LEVEL 1 (SUPER TABS) */
.nav_lev1 {
        position: relative;
        float: left;
        clear: left;
}
.nav_lev1 ul {
        padding: 0;
        margin: 0;
}
.nav_lev1 ul li {
        display: inline;
}
.nav_lev1 ul a {
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 2px;
        display: block;
        position: relative;
        float: left;
        font-weight: bold;
}

/* top level search field */
.topRightSearch {
        position: relative;
        float: right;
        clear: right;
}
.topRightSearch label {
        position: relative;
        float: left;
        padding-top: 2px;
}
.topRightSearch a {
        padding-top: 2px;
        display: block;
        position: relative;
        float: left;
}
.topRightSearch input {
        width: 120px;
        padding-left: 2px;
        padding-right: 2px;
        border-width: 1px;
        border-style: solid;
        margin-left: 5px;
        margin-right: 5px;
        position: relative;
        float: left;
}
.topRightSearchGo {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        display: block;
        position: relative;
        float: left;
        margin-right: 10px;
        font-weight: bold;
}

/* ]-- END HEADER SECTION */

/* NAVIGATION LEVEL 2 */
.nav_lev2section {
        width: 100%;
        position: relative;
        clear: both;
}
.nav_lev2 {
        width: 955px;
        height: auto;
        position: relative;
        text-align: left;
}
.nav_lev2 ul {
        padding-top: 2px;
        padding-bottom: 3px;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
}
.nav_lev2 ul li {
        display: inline;
}
.nav_lev2 a {
        padding-left: 13px;
        padding-right: 10px;
        background-position: left 2px;
        background-repeat: no-repeat;
        white-space: nowrap;
}

/* NAVIGATION LEVEL 3 */
.nav_lev3section {
        width: 100%;
        position: relative;
        clear: both;
        margin-bottom: 0;
}
.nav_lev3 {
        width: 955px;
        height: auto;
        padding-top: 2px;
        position: relative;
        text-align: left;
        background-position: left top;
        background-repeat: no-repeat;
}
.nav_lev3 ul {
        padding-top: 2px;
        padding-bottom: 3px;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
}
.nav_lev3 ul li {
        display: inline;
}
.nav_lev3 a {
        padding-left: 9px;
        padding-right: 10px;
        background-position: left 2px;
        background-repeat: no-repeat;
        white-space: nowrap;
}
.nav_lev3 a.refreshButton {
        position: relative;
        float: right;
        clear: none;
        margin-left: 50px;
        background-position: left 3px;
        background-repeat: no-repeat;
        padding-left: 12px;
        padding-right: 0;
        margin-top: 2px;
        display: block;
}

/* PAGE CONTENT */
.pageContainer {
        width: 955px;
        height: auto;
        position: relative;
        clear: both;
        margin-top: 10px;
}

.pageContainer.wizard {
	padding-top: 10px;
}

/* CONTEXT REGION */
.contextRegion {
        width: 955px;
        height: auto;
        position: relative;
        clear: both;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
        float:left; /* ML ensure height expands to floated child */
        margin-top: 10px;
}

/* main context region */
.contextData {
        width: 460px;
        margin-bottom: 3px;
        position: relative;
        float: left;
}
.contextData table {
        width: 440px;
        text-align: left;
        float:left;
}
.contextDataHSS {
        width: 460px;
        margin-bottom: 3px;
        position: relative;
        float: left;
}
.contextDataHSS table {
        width: 440px;
        text-align: left;
        float:left;
}
.contextRegion th {
        width: 135px;
        border-right: 4px solid #FFFFFF;
}
.contextRegion th, .contextRegion td {
        padding-left: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: left;
}

/* key details, actions and links */
.contextSubRegion {
        width: 155px;
        height: 160px;
        position: relative;
        float: left;
        margin-right: 10px;
}
.contextSubRegionHdr {
        width: 155px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: bold;
}
.contextSubRegionData {
        width: 145px;
        height: 100%;
        padding-left: 5px;
        padding-right: 5px;
        vertical-align: top;
        overflow: auto;
}
.contextSubRegion ul {
        padding: 0;
        margin: 0;
}
.contextSubRegion li {
        padding-top: 2px;
        padding-bottom: 2px;
}

/* expand region */
.contextExpand {
        width: 200px;
        height: auto;
        padding-left: 5px;
        padding-bottom: 5px;
        position: relative;
        text-align: left;
        float: left;
}

.contextAbout {
        padding-right: 14px;
        height: auto;
        padding-left: 5px;
        padding-bottom: 5px; 
        position: relative;
        text-align: left;
        float: right;
}

       /* expanded region data */
.contextExpandRegion {
        width: 955px;
        height: auto;
        padding-top: 10px;
        position: relative;
        clear: both;
        display: none;
        background-position: top;
        background-repeat: repeat-x;
}
table.contextExpandRegion {
        width: 100%;
}
.contextExpandRegion td.ctr_cellWidth { /*width: 301px; */
        border-right: 8px solid #FFFFFF;
}
.contextExpandRegionLinks {
        width: 935px;
        height: auto;
        padding: 10px;
        display: block;
        position: relative;
        clear: both;
}
.contextExpandRegionLinks a.editClientDetails {
        padding-left: 9px;
        background-position: left 2px;
        background-repeat: no-repeat;
        white-space: nowrap;
}
.contextExpandRegionLinks a.closeRegion {
        padding-left: 9px;
        background-position: left top;
        background-repeat: no-repeat;
        white-space: nowrap;
}

/* NAVIGATION LEVEL 4 */
.nav_lev4 {
        width: 935px;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        /*zMLzposition: relative;*/
        /*zMLzclear: both;*/
        text-align: left;
        margin-bottom: 10px;
        margin-top: 10px;
}
.nav_lev4 ul {
        padding: 0;
        margin: 0;
}
.nav_lev4 ul li {
        display: inline;
        white-space: nowrap;
}
.nav_lev4 a {
        margin-right: 15px;
}


/* DATA TABLES */
.dataTemplate, .reports_region_th, .search_region_th {
        width: 100%;
        height: auto;
        position: relative;
        clear: both;
        margin-bottom: 0px;
        margin-top: 0px;
        text-align: left;
}
.dataTemplateHdrBar, .reports_region_th .headerbar, .reports_region_th .childHeaderBar, .search_region_th .headerbar {
        /*zMLzwidth: 950px;*/ /*width: 100%;*/ height: 28px;
        border-left-width: 5px;
        border-left-style: none;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        position: relative;
        clear: both;
        display: block;
        margin-bottom: 0px;
}
.dataTemplateTitle, .maintainTitle, .headerbar h3, .childHeaderBar h3, .sys_msg .sys_msg_header h3 {
        position: relative;
        float: left;
        padding-top: 3px;
        padding-left: 5px;
        font-weight: bold;
        margin: 0;
}
.dataTemplateHdrLinks, .reports_region_th .button_holder, .search_region_th .button_holder {
        position: relative;
        float: right;
        padding: 0;
        padding-right: 4px;
        padding-top: 4px;
}
.reports_region_th .action_holder {
}
.dataTemplateHdrLinks a, .reports_region_th .button_holder a, .search_region_th .button_holder a {
        margin-left: 1px;
        margin-right: 1px;
        position: relative;
        float: left;
}
.reports_region_th .action_holder a {
 }
.dataTemplateContent, .reports_region_body {
        width: 100%;
        /*padding-left: 10px; padding-left: 1%;*/
        height: auto;
        position: relative;
        clear: both;
}
.dataTemplateContent table, .reports_region_body table {
        width: 100%;
        /*zMLzmargin-left: 10px;*/
        margin-bottom: 0px;
        border: 0;
        border-collapse: collapse;
        text-align: left;
}
.dataTemplateContent th, .dataTemplateContent td, .reports_region_body th, .reports_region_body td {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
/*        text-align: left; */
}
.dataTemplateContent th, .reports_region_body th {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        font-weight: bold;
        border-left-width: 1px;
        border-left-style: solid;
        border-top-width: 1px;
        border-top-style: solid;
}
.reports_region_body td {
        /*border-right-width: 1px;
        border-right-style: solid; */
        border-left-width: 1px;
        border-left-style: solid;
        margin: 0;
        padding: 3px;
}
td.hideshowcell {
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding: 0;
}
td.hideshowcell table {
}
table.NGnodecor, table.NGnodecor td, table.NGnodecor th {
        border: 0;
        margin: 0;
        padding-left: 10px;
        padding-top: 5px;
}
table.NGnodecor {
        width: auto;
        margin-left: 0px;
}
table.NGnodecor td {
        border: 0;
        /* border: 1px green solid; /* temp */
        empty-cells: hide;
        border-collapse: collapse;
}
.dataViewFooter {
        /*width: 913px; */ /*zMLzwidth: 100%;*/
        padding: 0px;
        /*padding-top: 2px;
        padding-bottom: 4px;*/
        border-top-width: 1px;
        border-top-style: solid;
        height: 1.6em;
}
table.bottom_pagination td {
        border-collapse: collapse;
}
table.bottom_pagination td table {
        margin: 0;
        width: 25%;
        float: right;
}
td.pagination {
        border: 0;
        margin: 0;
        padding: 0;
        text-align: right;
}
td.t4container {
        padding: 0;
        margin:0;
}
.dataTemplateFooter {
        width: 935px; /*width: 100%;*/
        padding-left: 10px;
        padding-right: 10px;
        height: 15px;
        position: relative;
        clear: both;
        border-top-width: 1px;
        border-top-style: solid;
}
a.showHideLink {
        width: 9px;
        height: 11px;
        display: block;
        background-image: url(images/expandIcon_f01.gif);
        background-position: left top;
        background-repeat: no-repeat;
}

/* data search field */
.searchFieldHidden {
        display: none;
}
.searchFieldLev1 {
        width: 955px;
        height: 22px;
        position: relative;
        clear: both;
        margin-bottom: 5px;
        display: none;
}
.srchImgEmptyHolder {
        position: absolute;
        left: 0;
        border: 0;
        visibility: hidden;
}

/* maintain section */
.maintainTemplate, .maintainTemplateTop, .maintainTemplateBottom  {
        /*zMLzwidth: 935px; zMLzpadding-left: 10px; zMLzpadding-right: 10px;*/
        position: relative;
        clear: both;
        margin-bottom: 10px;
}
.maintainTemplateTop {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: 0px;
}
.maintainTemplateBottom {
        margin-top: 0px;
        padding-top: 0px;
        border-top: 0px;
}
.maintainHdrBar, .maintainInlineHdrBar {
        /*zMLzwidth: 935px;*/ height: 23px;
        position: relative;
        clear: both;
        display: block;
        padding-bottom: 5px;
}
.maintainHdrLinks {
        position: relative;
        float: right;
        padding-top: 5px;
        padding-right: 5px;
}
.maintainHdrLinks a {
        margin-left: 10px;
        position: relative; /*float: left;*/
}
.maintainContent {
        /*zMLZwidth: 915px;   zMLzwidth: 100%;*/
        padding-left: 5px;
        padding-right: 5px;
        height: auto;
}
.maintainContent table { /*zMLzwidth: 915px;*/
        border-collapse: collapse; /*zmargin-bottom: 5px; zmargin-top: 5px;*/
}
.maintainContent th {
        padding-top: 10px;
}
.maintainContent th, .maintainContent td {
        text-align: left;
        padding-right: 10px;
        padding-bottom: 2px;
}
.maintainContent select.formPopUp {
        width: 135px;
}
.maintainContent input.formField {
        width: 180px;
        position: relative;
        float: left;
}
.maintainContent input.formField2 {
        width: 135px;
}
.maintainContent a.calendarLink {
        width: 15px;
        height: 14px;
        display: block;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
        float: left;
        margin-left: 5px;
}

/* ML new stuff */


/* turn off styles from core.css */
table.vertical1 td {
        font-size:inherit;
        color: inherit;
        padding: inherit;
}
table.vertical1 td.L {
        text-align:inherit;
        padding-right:inherit;
}
table.vertical1 td.R {
        text-align:inherit;
        font-weight:inherit;
        padding-left:inherit;
}

/* vertical value attribute pairs */
table.vertical-va-pair {
        padding:0;
        border-collapse: collapse;
        border-spacing: 0;
}
#rightcontext {
        position: absolute;
        top:10px;
        right: 0;
        float:right;
        width: 500px;
}
ul.linklist {
}
.no_tabs2 {
}
.compoundregion {
}
.compound_container {
}
.reports_region_th {
        margin-left: 0;
}
/*td.NGdata { width: 1px; }*/


td.NGNodata {
        width: 1px;
}
tr.hideshowrow {
        height: 0;
        margin:0;
        padding:0;
        overflow: hidden;
}
td.hideshowcell {
        border-collapse: collapse;
        height: 0;
        margin:0;
        padding:0;
        overflow: hidden;
}
tr.hideshowrow table, tr.hideshowrow table td, tr.hideshowrow table th,  .reports_region_body tr.hideshowrow table td {
        border: 0;
}
div.ngHide {
        padding: 0;
        margin: 0;
}

.NGHide {
        display:none;
}

/* ======================= This is the hide class for JS ==========================  */


/* ------- BUTTON CLASSES - superceded ---------------------------------
.t4Button {
        background: transparent;
        border: 0;
        color: inherit;
        font-size: inherit;
}
.cancel_button, .save_button, .apply_button, .delete_button, .create_button, .next_button, .prev_button, .ial-button {
        background: transparent;
        border: 0;
        color: inherit;
        font-size: inherit;
        background-position: left 2px;
        background-repeat: no-repeat;
        padding-left: 10px;
}
.save_button {
        background-position: left 2px;
        background-repeat: no-repeat;
        padding-left: 12px;
}
.label_button {
        background-position: left 2px;
        background-repeat: no-repeat;
        padding-left: 6px;
}
.details_button {
        background-position: left 2px;
        background-repeat: no-repeat;
        padding-left: 6px;
}
.searchLink {
        background-position: left 2px;
        background-repeat: no-repeat;
        padding-left: 10px;
}
.help_button {
        background-position: left 2px;
        background-repeat: no-repeat;
        padding-left: 7px;
}


------------------------------- BUTTON CLASSES - superceded ------------ */


.sys_msg {
        /*  border-width: 1px; border-style: solid; */
        /* width: 955px; */
        height: auto;
        position: relative;
        clear: both;
        text-align: left;
        padding-top: 10px;
}
.sys_msg .sys_msg_header {
        height: 22px;
        border-left-width: 5px;
        border-left-style: solid;
        position: relative;
        clear: both;
        display: block;
        margin-bottom: 10px;
}
.sys_msg_body {
}
table.t4ReportsRegion {
        background:green;
        padding:0;
        margin: 0;
}
table.t4ReportsRegion td.t4Body {
        background:green;
        padding:0;
        margin: 0;
}
input.formButton {
        border-width: 1px;
        border-style: solid;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-weight: bold;
}


span.nodatafound {
        margin-left: 10px;
}
div.frame {
        text-align:left;
}
div.indentDiv {
        margin-left:10px;
}
th.NGheader, td.NGheader {
        font-weight: bold;
        padding-right: 3px;
        padding-left: 2px;
}
td.NGdata {
        padding-right: 8px;
        padding-left: 2px;
}
.headerbarWiz {
        height: 2.2em;
        border-left-width: 5px;
        border-left-style: solid;
        position: relative;
        clear: both;
        display: block;
        margin-bottom: 0px;
}
.headerbarWiz h3 {
        position: relative;
        float: left;
        padding-top: 5px;
        padding-left: 5px;
        font-weight: bold;
        margin: 0;
}
.maintainWizBar h3 {
        position: relative;
        float: left;
        padding-top: 5px;
        padding-left: 5px;
        font-weight: bold;
        margin: 0;
}
.maintainWizBar {
        width: 935px;
        height: 22px;
        position: relative;
        clear: both;
        display: block;
        margin-left: 10px;
}
.maintainWizLinks {
        position: relative;
        float: right;
        padding-top: 5px;
        padding-right: 10px;
}
.maintainWizLinks a {
        margin-left: 10px;
        position: relative; /*float: left;*/
}
.wizTemplateFooter {
        width: 955px;
        padding-left: 0px;
        padding-right: 0px;
        height: 15px;
        position: relative;
        clear: both;
        border-top-width: 1px;
        border-top-style: solid;
}
input.formButton, .advSrchTemplateContent input.formField {
        font-size: 90%;
        font-family: Arial, Helvetica, sans-serif;
}
.advSrchTemplateFooter {
        width: 905px;
        padding-left: 0px;
        padding-right: 0px;
        height: 15px;
        /*nmosition: relative;*/
        clear: both;
        border-top-width: 1px;
        border-top-style: solid;
}
.maintainContentWiz {
        width: 925px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        height: auto;
}
.maintainContentWiz table {
        width: 925px;
        border-collapse: collapse;
        margin-bottom: 5px;
        margin-top: 5px;
}

.maintainContentWiz table .datepicker, table .datepicker, .maintainContentWiz table .lov, table .lov {
        width: auto;
        margin-bottom: 0;
        margin-top: 0;
}

.maintainContentWiz th {
        padding-top: 10px;
}
.maintainContentWiz th, .maintainContentWiz td {
        text-align: left;
        padding-right: 10px;
        padding-bottom: 2px;
}

.maintainContentWiz td .datepicker {
        padding-right: 0;
}

.maintainContentWiz select.formPopUp {
        width: 135px;
}
.maintainContentWiz input.formField {
        width: 180px;
        position: relative;
        float: left;
}
.maintainContentWiz input.formButton {
        float: right;
        margin-left: 2px;
        border-width: 1px;
        border-style: solid;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-weight: bold;
}
.advSrchTemplateContent input.formButton {
        border-style:solid;
        border-width:1px;
    /*    float:right; */
        font-weight:bold;
     /*   margin-left:2px; */
        padding:1px 2px;
}
.maintainContentWiz input.formField2 {
        width: 135px;
}
.maintainContentWiz a.calendarLink {
        width: 15px;
        height: 14px;
        display: block;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
        float: left;
        margin-left: 5px;
}
.maintainContentWiz {
        background-color: #F0F7FA;
}
.maintainContentWiz select.formPopUp {
        border: 1px solid #5F3C12;
        color: #666666;
}
.maintainContentWiz input.formField {
        border: 1px solid #5F3C12;
        color: #666666;
}
.maintainContentWiz a.calendarLink:link {
        background-image: url(images/calendarIcon_f02.gif);
}
.maintainContentWiz a.calendarLink:visited {
        background-image: url(images/calendarIcon_f02.gif);
}
.maintainContentWiz a.calendarLink:hover {
        background-image: url(images/calendarIcon_f01.gif);
}
.maintainContentWiz {
        margin-left: 10px;
}
.radioGroupWizard {
        padding-left: 145px;
        padding-right: 5px;
        padding-top: 10px;
}
.dBulkActions {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: left;
}
table.formlayout {
        padding: 0;
        margin: 0;
        width: auto;
}
table.formlayout td {
        border: 0
}
.sys_msg_body td {
        font-weight: bold;
}
span.masterActions {
        font-weight: bold;
        padding-left: 5px;
}
ul.masterActions {
        padding: 0;
        margin: 0;
        display: inline;
}
ul.masterActions li {
        display: inline;
        white-space: nowrap;
        margin-right: 4px;
        border-left: 1px solid #666666;
        padding-left:2px;
}

/* ------------------------------- UPDATES ------------ */
input.t4Button {
        font-size: 90%; /*x-small;*/
	padding: 2px;
	height: 19px;
}
a.t4Button:link, a.t4Button:visited, a.t4Button:hover, a.t4Button:active { 
        padding: 1px; 
        text-decoration: none;
}
input.hide_messages_button, input.cancel_button, input.save_button, input.apply_button, input.delete_button, input.create_button, input.next_button, input.prev_button, input.label_button, input.details_button, input.searchLink, input.help_button, input.lastSearch_button {
        border-width: 1px; 
        border-style: solid;
}
.reports_region_body { 
         margin-bottom: 5px;
}
table.top_pagination { 
        margin-bottom: 0px; 
}
.dataViewFooter table { 
        border-collapse: collapse; 
        padding: 0px; 
        margin: 0px;
}
table.bottom_pagination { 
        margin: 0px; 
        padding: 0px; 
        border-collapse: collapse; 
}
table.NGnodecor { 
        margin-bottom: 10px; 
        margin-left: 10px; 
        margin-right: 0px; 
}
table.NGnodecor th, table.NGnodecor td { 
        padding-left: 0px; 
        padding-right: 15px;
}
fieldset { 
        margin: 0px;
        padding: 0px; 
        border: 0px;
}
a.dtflink_top { 
        margin-left: 5px; 
        text-decoration: none; 
}

td.searchButton { 
        vertical-align: bottom; 
}
#t4PageFooter {
        margin-right: auto;
        margin-left: auto;
}

/* Tony 12/10/2007  Make horizontal radio groups look OK */
table.formlayout .radiogroup {
        width: auto;
}

/* Tony 15/10/2007  Prevent wrapping of date items in tabular forms */
.tabformDateItem {
        white-space: nowrap;
}

/* Tony 17/10/2007  WMS 59780: ensure some space between labels and items */
.label {
        padding-left: 3px; 
        padding-right: 3px;
}
label.optional {
}
label.required, span.required {
	background: url(requiredIcon.png) no-repeat left;
        padding-left: 11px; 
}
ul.wizard_steps_list li {
        display: inline;
        padding-right: 20px;
}


.reports_region_th #MENU_HOLDER_CRE   {
        position:absolute;
        z-index:1001;
        right:108px;
}

.reports_region_th #MENU_HOLDER_CONT   {
        position:absolute;
        z-index:1001;
        right:264px;
}

.reports_region_th #MENU_HOLDER_HELP   {
        position:absolute;
        z-index:1001;
        right:53px;
}

.maintainContentWizS {
        width: 579px;
        padding-left: 5px;
        padding-right: 5px;
        height: auto;
}
.maintainContentWizS table {
        width: 400px;
        border-collapse: collapse;
        margin-bottom: 5px;
        margin-top: 5px;
}
.maintainContentWizS th {
        padding-top: 0px;
}
.maintainContentWizS th, .maintainContentWiz td {
        text-align: left;
        padding-right: 10px;
        padding-bottom: 5px;
}
.maintainContentWizS select.formPopUp {
        width: 135px;
}
.maintainContentWizS input.formField {
        width: 180px;
        position: relative;
        float: left;
}
.maintainContentWizS input.formButton {
        float: right;
        margin-left: 2px;
        border-width: 1px;
        border-style: solid;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 1px;
        padding-bottom: 1px;
        font-weight: bold;
}

.maintainContentWizS input.formField2 {
        width: 135px;
}
.maintainContentWizS a.calendarLink {
        width: 15px;
        height: 14px;
        display: block;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
        float: left;
        margin-left: 5px;
}
.maintainContentWizS {
        background-color: #FFF7E4;
}
.maintainContentWizS select.formPopUp {
        border: 1px solid #5F3C12;
        color: #666666;
}
.maintainContentWizS input.formField {
        border: 1px solid #5F3C12;
        color: #666666;
}
.maintainContentWizS a.calendarLink:link {
        background-image: url(images/calendarIcon_f02.gif);
}
.maintainContentWizS a.calendarLink:visited {
        background-image: url(images/calendarIcon_f02.gif);
}
.maintainContentWizS a.calendarLink:hover {
        background-image: url(images/calendarIcon_f01.gif);
}
.maintainContentWizS {
        margin-left: 10px;
}

.maintainWizBarS {
        width: 589px;
        height: 22px;
        position: relative;
        display: block;
        margin-left: 10px;
}        

.maintainWizBarS h3 {
        width: 100px;
        position: relative;
        margin-left: 10px;
	float: left;
}		

.maintainHdrLinksS {
        position: relative;
        float: right;
        padding-top: 5px;
        padding-right: 10px;
}
.maintainHdrLinksS a.t4Button {
        margin-left: 10px;
        position: relative; 
}


.t4NavigationBar {vertical-align: top; display: block; text-align: right}


/* Overflow/expand area formatting */
.hideshowcell h4 {font-size: 100%; padding: 0; margin: 5px 0 0 0}
.hideshowcell p {padding: 0; margin: 0}
.hideshowcell th {text-align: left}

/*** TONY NOV 2012 ***/
.maintainHdrLinks input[type="button"] {
border-style: solid;
border-width: 1px;
}

.maintainTemplate {
margin-top: 0;
margin-left: 10px;
margin-right: 10px;
}
.advSrchTemplateContent {
margin-top: 10px;
}

div.frame {
margin-top: 10px;
}

/* Overflow link position */
td[headers="OVERFLOW_LINK"] {
vertical-align: middle;
}

/* WMS 95895 */
#system_messages .dataTemplateContent td, #system_messages .top_pagination td {
border: none;
}

.advSrchTemplateContent {
        height: auto;
        position: relative;
        clear: both;
        margin-bottom: 10px;
}
.advSrchTemplateContent table {
        width: 100%;
}

.searchButtonContainer.bottomDiv table {
        width: 100%;
}

.advSrchTemplateContent .reports_region_th {
        width: 100%;
}

/*
WMS 98055 
Arrow of LOV was getting truncated 
*/
td.dataCell.wideLabel select{ 
        width: 210px;
}


#LaLogo {max-height: 150px}


.itemNowrap 
{
 white-space: nowrap
}

table.radio_group 
{
 width: auto;
}

/* Search button prevented from moving out of the div container*/
/* *(Asterix) targets IE7 and below only, as IE7 and below can't handle 100% accurately */
div.search_region  select { width: 100%; *width: 140px;}
div.search_region  input[type=text] { width: 100%; *width: 160px;} 
div.search_region  td {*padding-right: 2px} 
       

/* Scheduling calendar */
.calendar-pagination {
    margin-bottom: 10px;
}
.calendar label {
    padding: 1px 20px;
    border: 1px solid #aaa;
    float:left; 
    width: 30px;
    height: 15px;
    text-align: center;
}
.calendar input[type="radio"] {
    opacity: 0.01; margin: 0 0 0 -15px;
    filter: alpha(opacity=1);
}

.calendar input[type="checkbox"] {

    opacity: 0.01; margin: 0 0 0 -15px;

    filter: alpha(opacity=1);

}
.calendar-body, .calendar-key {
display: inline-block;
vertical-align: top;
}
.calendar-body {
margin-right: 10px;
}
.key-title {
font-weight: bold;
}

.act-page {
min-height: 180px;
}

.sys-msg-dialog div {
         font-family: Arial, Verdana, sans-serif; 
          }

.sys-msg-dialog div td{
          border :0;
          }

/* WMS145786 datepicker alignment changes */
div.search_region  .hasDatepicker { width: 75% !important; }   


/* Adjudicator Search stories */

.active1 {
  color: white;
    text-decoration: none;
    background-color: orange !important;
}

.nav_tab1 a:link {
        color: #FFFFFF;
        text-decoration: none;
        background-color: #004d9a;
}
.nav_tab1 a:visited {
        color: #FFFFFF;
        text-decoration: none;
        background-color: #004D9A;
}
.nav_tab1 a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #4696fc;
}
.nav_tab1 a.nav1_selected:link {
        color: #fff;
        text-decoration: none;
        background-color: #c7daef;
}
.nav_tab1 a.nav1_selected:visited {
        color: #fff;
        text-decoration: none;
        background-color: #c7daef;
}
.nav_tab1 a.nav1_selected:hover {
        color: #fff;
        text-decoration: none;
        background-color: #c7daef;
}



.nav_tab1 {
        position: relative;
        float: left;
        clear: left;
}
.nav_tab1 ul {
        padding: 0;
        margin: 0;
}
.nav_tab1 ul li {
        display: inline;
}
.nav_tab1 ul a {
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 2px;
        display: block;
        position: relative;
        float: left;
        font-weight: bold;
}

.ul_menu, #menu {
  margin: 0;
  padding: 0;
}

#menu {
 /*position: relative;*/
 position: absolute;
 z-index: 1;
 color: black;
 font-size: 15px;  
 border: 1px solid;
}

#menu .parent:hover { background: blue; }
#menu .parent .sub-nav { display: none; }

#menu .parent .sub-nav {
  list-style: none;
  color :  #0040ff;
  background: #ffffff;
  margin: 0;
  padding: 4px 10px 1px 10px;
}


#menu .parent .sub-nav li a {
  text-decoration: none;
  color: #004D9A;
  font-size: 10px;
  display: block;
  margin:0 0 4px 0;
}

#menu .parent .sub-nav li a:hover { color: purple; }


.historySearch {
        /*zMLZwidth: 915px;   zMLzwidth: 100%;*/
        padding-left: 5px;
        padding-right: 5px;
		padding-top: 4.25px;
        height: auto;
	border-radius: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
}

.historySearch table { /*zMLzwidth: 915px;*/
        border-collapse: collapse; /*zmargin-bottom: 5px; zmargin-top: 5px;*/
}
.historySearch th {
        padding-top: 10px;
}
.historySearch th, .historySearch td {
        text-align: left;
        padding-bottom: 2px;
}
.historySearch select.formPopUp {
        width: 135px;
}
.historySearch input.formField {
        width: 180px;
        position: relative;
        float: left;
}
.historySearch input.formField2 {
        width: 135px;
}

.historySearch a.calendarLink {
        width: 15px;
        height: 14px;
        display: block;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
        float: left;
        margin-left: 5px;
}


.regionOverflowWordBreak{
word-break : break-all;
}



.maintainContentWarning {
        height: auto;
        text-align: left;
}

.maintainContentWarning {
    background-color: #f0f7fa;
}

.maintainTemplateWarning .maintainHdrBarWarning {
    background-color: #E4EFF7;
    color: #004D9A;
    border-bottom: 1px solid #c7daef;
}

.maintainHdrBarWarning {
    background-color: #004d9a;
    color: #fff;
    border-bottom: 1px solid #c7daef; 
}

.maintainHdrBarWarning {
    height: 23px;
    position: relative;
    clear: both;
    display: block;
    padding-bottom: 5px;
}

.maintainTemplateWarning {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.maintainTemplateWarning {
    position: relative;
    clear: both;
    margin-bottom: 10px;
}

.tox-tinymce{
    min-width: 620px;
}
.a-IRR-button.a-IRR-button--pagination:hover {
background-color: #4696fc;
    color: orange;
}

button.a-Button.a-IRR-button.a-IRR-button--pagination:hover {
    background-color: orange;
    color: black;
}

.a-IRR-button.a-IRR-button--pagination {
    background-color: #004d9a;
    color: white;
}
.t4BreadcrumbMenu {
   width: 100%; 
   background-color: white;
   line-height: 20px;
}
.t4BreadcrumbMenu a {
    padding: 3px;
}

@media only screen and (max-width: 3440px) { 
.back_to_top {
    display: none;
    position: fixed;
    bottom: 100px;
    left: 550px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    color: #005a5e;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.1em;
    background-color: transparent;
}
}

@media only screen and (max-width: 3440px) { 
.back_to_top {
    display: none;
    position: fixed;
    bottom: 100px;
    left: 550px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    color: #005a5e;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.1em;
    background-color: transparent;
}
}

@media only screen and (max-width: 2560px) { 
.back_to_top {
    display: none;
    position: fixed;
    bottom: 100px;
    left: 280px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    color: #005a5e;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.1em;
    background-color: transparent;
}
}

@media only screen and (max-width: 1920px) { 
.back_to_top {
    display: none;
    position: fixed;
    bottom: 100px;
    left: 150px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    color: #005a5e;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.1em;
    background-color: transparent;
}
}
@media only screen and (max-width: 1600px) { 
.back_to_top {
    display: none;
    position: fixed;
    bottom: 100px;
    left: 50px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    color: #005a5e;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.1em;
    background-color: transparent;
}
}

@media only screen and (max-width: 1450px) { 
.back_to_top {
    display: none;
    position: fixed;
    bottom: 100px;
    left: 5px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    color: #005a5e;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: 0.1em;
    background-color: transparent;
}
}

@media screen and (max-width: 1200px) {
.back_to_top {
    display: none;
    position: inherit !important;
    left: 10px !important;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    color:#005a5e;
}
}
.back_to_top:hover {
      text-decoration-thickness: max(2px, 0.0625rem);
}
.app-back-to-top__icon {
    display: inline-block;
    width: 0.8em;
    height: 1em;
    margin-top: -5px;
    margin-right: 8px;
    vertical-align: middle;
}