body {
    background-image: url('/ACE/Images/body-background.png');
    background-repeat: repeat-x;
    background-color: #F2F2F2;
    font-size: 0.80em;
    font-family: Arial,Tahoma;
    font-weight: normal;
    text-decoration: none;
    color: #595a5c;
    padding: 2px 2px 2px 2px;
    margin-top: 10px;
}

.wrapper {
    background-color: white;
    border: 1px solid rgb(230, 230, 230);
    width: 1000px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

input[type="button"][disabled="disabled"]
{
   opacity: 0.5  !important;
}

.editButton[disabled="disabled"] {
   opacity: 0.5  !important;
}

.genericButton[disabled="disabled"] {
   opacity: 0.5  !important;
}

.iframe-wrapper {
    background-color: white;
    border: 1px solid rgb(230, 230, 230);
    width: 668px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.footer, .push {
    height: 43px; /* .push must be the same height as .footer */
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}



p {
    padding-bottom: 10px;
}

td {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-decoration: none;
    color: inherit;
}

li {
    font-size: 1.0em;
    font-weight: inherit;
    text-decoration: none;
}

.textData {
    font-size: 1.0em;
    font-family: Tahoma,Arial;
    font-weight: normal;
    text-decoration: none;
    color: Black;
}

.button {
    font-size: 1.0em;
    font-family: Tahoma;
    font-weight: bold;
    background-color: #85A446;
    color: #ffffff;
}

.btnen {
    padding: 0px 2px 0px 2px;
    border: #50758f solid 2px;
}

.btndis {
    color: #777777;
    background-color: #e6e7d5;
    border: #dddddd solid 2px;
}

.label {
    display: block;
    border: #cadbe8 solid 1px;
    padding: 2px 20px 2px 5px;
    font-size: 1.0em;
    font-family: Tahoma;
    font-weight: bold;
    text-decoration: none;
    color: #444444;
    background-color: #f8fcff;
    margin: 1px 0px 3px 0px;
    display: inline-block;
}

.labelError {
    display: block;
    border: #cadbe8 solid 1px;
    padding: 2px 20px 2px 5px;
    font-size: 1.0em;
    font-family: Tahoma;
    font-weight: bold;
    text-decoration: none;
    color: Red;
    background-color: #f8fcff;
    margin: 1px 0px 3px 0px;
    display: inline-block;
}

.loginbtn {
    font-size: 1.0em;
    font-family: Tahoma;
    font-weight: bold;
    background-color: #85A446;
    color: #ffffff;
    border: #dddddd solid 2px;
    cursor: pointer;
    height: 25px;
    padding: 0px 15px 0px 15px;
}

.btnImg {
    border-top: #ddffff solid 124px;
}

a {
    font-weight: bold;
    text-decoration: none;
    color: #85A446;
}

    a:hover {
        text-decoration: none;
        color: Orange;
    }

    a:visited, a:active {
        font-family: Tahoma;
        text-decoration: none;
    }

h1 {
    color: #595a5c;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 1.5em;
    margin: 10px 0px 5px 0px;
}

h2 {
    font-weight: normal;
    font-size: 1.4em;
    margin-top: 15px;
    margin-bottom: 15px;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
}

h4 {
    color: Orange;
    font-family: Tahoma;
    font-weight: bold;
    font-size: smaller;
    margin-bottom: 5;
    font-style: italic;
}


h5 {
    color: Gray;
    font-family: Tahoma;
    font-weight: bold;
    font-size: x-small;
    margin-bottom: 5;
}


a {
    cursor: pointer;
}

input[type="text"], select, textarea, .readOnlyDisplay {
    font-family: Arial,Tahoma;
    border: 1px solid lightgray;
    color: #434343;
}

.readOnlyDisplay {
    background-color: rgb(246, 246, 246);
    line-height: 17px;
    display: block;
    height: 17px;
}


/**************************************/
/**************************************/

.wizardPageContainer {
    min-width: 890px;
}

.pageContent {
    margin: 0px 0px 0px 0px;
    border: solid 3px #85A446;
    padding: 5px 5px 5px 5px;
}

.standardContentBlock {
    width: 100%;
}


a.footer {
    font-size: 0.85em;
    color: #a0a0a0;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
}

a.result {
    font-size: 1.2em;
    font-weight: bold;
    background-color: Transparent;
    padding: 0px 0px 0px 0px;
}

    a.result:visited, a.result:active {
        text-decoration: none;
    }

a.crumb, a.crumb:active, a.crumb:visited, a.crumb:link {
    font-size: 0.8em;
    padding: 0px 1px 0px 2px;
    color: #000000;
}

    a.crumb:hover {
        font-size: 0.8em;
        padding: 0px 1px 0px 2px;
        color: Orange;
    }

a.letter {
    padding: 0px 0px 0px 5px;
}

a.view {
    vertical-align: middle;
    text-decoration: none;
    background: url(dma.gif) right no-repeat;
    padding: 0px 12px 0px 0px;
}

    a.view:visited {
        background: url(dma.gif) right no-repeat;
    }

    a.view:hover {
        background: url(odma.gif) right no-repeat;
        color: Orange;
    }

/* have to specify these to an element type because jQuery Validate also uses the error and required classes out of the box */
div.error, span.error {
    color: Red;
    font-weight: bold;
}

span.required {
    color: Red;
    font-weight: bold;
}

.mandatory {
    color: Red !important;
    font-weight: bold;
}


.sideBar ul {
    list-style-type: none;
    padding-left: 2px;
    border: 0;
    margin-left: 0px;
}

    .sideBar ul li {
        padding-bottom: 0px;
        padding-top: 0px;
    }

ul.noBullet {
    list-style-type: none;
}

#wizardIconButtonBar {
    display: block;
    height: 24px;
    width: auto;
    background-color: #f8f8f8;
    border: solid 1px #b0b0b0;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.wizardIconButton {
    display: block;
    height: 24px !important;
    width: 24px !important;
    background-position: center;
    border: none !important;
    background-color: transparent !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-repeat: no-repeat;
}

    .wizardIconButton.summary {
        background-image: url(../images/new_window.png);
    }

    .wizardIconButton.save {
        background-image: url(../images/disk.png);
    }

    .wizardIconButton.exit {
        background-image: url(../images/exit.png);
    }

    .wizardIconButton.complianceSummary {
        background-image: url(../images/complianceSummary.png);
    }

    .wizardIconButton:hover, .wizardIconButton.hover {
        background-color: #e8e8e8 !important;
    }


.wizardSidebarItem, .wizardSidebarItemInformation, .wizardSidebarItemComplete, .wizardSidebarItemNotAvailable, .wizardSidebarSubItem, .wizardSidebarSubItemInformation, .wizardSidebarSubItemComplete, .wizardSidebarSubItemNotAvailable {
    background-repeat: no-repeat;
    background-color: #EBF1DE;
    text-align: left;
    padding-left: 8px;
    padding-right: 24px;
    height: 34px;
    color: #53542A;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    border: 0;
    display: block;
    cursor: pointer;
    margin-top: 4px;
    -moz-border-radius: 5px;
}


.wizardSidebarSubItem, .wizardSidebarSubItemInformation, .wizardSidebarSubItemComplete, .wizardSidebarSubItemNotAvailable {
    width: 180px;
    margin-left: 20px;
}


.wizardSidebarItem, .wizardSidebarItemInformation, .wizardSidebarItemComplete, .wizardSidebarItemNotAvailable {
    width: 200px;
}

    .wizardSidebarItem .stepNo, .wizardSidebarItemInformation .stepNo, .wizardSidebarItemComplete .stepNo, .wizardSidebarItemNotAvailable .stepNo, .wizardSidebarSubItem .stepNo, .wizardSidebarSubItemInformation .stepNo, .wizardSidebarSubItemComplete .stepNo, .wizardSidebarSubItemNotAvailable .stepNo {
        vertical-align: middle;
        text-align: left;
        height: 100%;
        display: table-cell;
    }

    .wizardSidebarItem .stepNo, .wizardSidebarItemInformation .stepNo, .wizardSidebarItemComplete .stepNo, .wizardSidebarItemNotAvailable .stepNo {
        min-width: 48px;
    }

.wizardSidebarSubItem .stepNo, .wizardSidebarSubItemInformation .stepNo, .wizardSidebarSubItemComplete .stepNo, .wizardSidebarSubItemNotAvailable .stepNo {
    min-width: 30px;
}

.wizardSidebarItem .stepName, .wizardSidebarItemInformation .stepName, .wizardSidebarItemComplete .stepName, .wizardSidebarItemNotAvailable .stepName, .wizardSidebarSubItem .stepName, .wizardSidebarSubItemInformation .stepName, .wizardSidebarSubItemComplete .stepName, .wizardSidebarSubItemNotAvailable .stepName {
    text-align: left;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    display: table-cell;
}


/* Generated by http://css.spritegen.com CSS Sprite Generator */
.wizardSidebarItem, .wizardSidebarItemComplete, .wizardSidebarItemNotAvailable, .wizardSidebarItemComplete, .wizardSidebarItemInformation, .wizardSidebarSubItem, .wizardSidebarSubItemComplete, .wizardSidebarSubItemNotAvailable, .wizardSidebarSubItemComplete, .wizardSidebarSubItemInformation {
    outline: none;
    display: block;
    background: url('/ACE/Images/sideBarSprite.png') no-repeat;
}

    .wizardSidebarItem.selected, .wizardSidebarItemComplete.selected, .wizardSidebarItemNotAvailable.selected, .wizardSidebarItemComplete.selected, .wizardSidebarItemInformation.selected, .wizardSidebarSubItem.selected, .wizardSidebarSubItemComplete.selected, .wizardSidebarSubItemNotAvailable.selected, .wizardSidebarSubItemComplete.selected, .wizardSidebarSubItemInformation.selected {
        background-color: #b0b0b0 !important;
        color: white !important;
    }

.wizardSidebarItem, .wizardSidebarSubItem {
    background-color: #F2F2F2;
    border: solid 1px #b0b0b0;
    background-position: -200px -0px;
}

    .wizardSidebarItem:hover, .wizardSidebarSubItem:hover {
        background-color: #e8e8e8;
        border: solid 1px #b0b0b0;
        background-position: -0px -60px;
    }

.wizardSidebarItemNotAvailable, .wizardSidebarSubItemNotAvailable {
    background-color: #F2F2F2;
    border: solid 1px #b0b0b0;
    background-position: -0px -30px;
}

    .wizardSidebarItemNotAvailable:hover, .wizardSidebarSubItemNotAvailable:hover {
        background-color: #e8e8e8;
        border: solid 1px #b0b0b0;
        background-position: -200px -30px;
    }

.wizardSidebarItemComplete, .wizardSidebarSubItemComplete {
    background-color: #F2F2F2;
    border: solid 1px #b0b0b0; /*background-color: #53542A;*/
}

.wizardSidebarItemComplete {
    background-position: -0px -90px;
}

.wizardSidebarSubItemComplete {
    background-position: -20px -90px;
}

    .wizardSidebarItemComplete:hover, .wizardSidebarSubItemComplete:hover {
        background-color: #e8e8e8;
        border: solid 1px #b0b0b0;
    }

.wizardSidebarItemComplete:hover {
    background-position: -0px -0px;
}

.wizardSidebarSubItemComplete:hover {
    background-position: -20px -0px;
}

.wizardSidebarItemInformation, .wizardSidebarSubItemInformation {
    background-color: #F2F2F2;
    border: solid 1px #b0b0b0;
}

.wizardSidebarItemInformation {
    background-position: -200px -90px;
}

.wizardSidebarSubItemInformation {
    background-position: -220px -90px;
}

    .wizardSidebarItemInformation:hover, .wizardSidebarSubItemInformation:hover {
        background-color: #e8e8e8;
        border: solid 1px #b0b0b0;
        background-position: -200px -60px;
    }

    .wizardSidebarSubItemInformation:hover {
        background-position: -220px -60px;
    }

.validation-summary-errors {
    color: red;
    margin-bottom: 20px;
}

.field-validation-error {
    color: #ff0000 !important;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validationItemWarning {
    color: Blue;
}

.validationItemError {
    color: Red;
}

.validationLegendAlt {
    color: gray;
    background-color: #ffffff;
    vertical-align: text-top;
    text-align: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    border: 0;
    display: block;
    cursor: pointer;
    margin-top: 8px;
}

.wizardLeftMenu {
    float: left;
}

.wizardSteps {
    padding-top: 8px;
    padding-left: 2px;
}

.wizardContent {
    padding: 8px 5px 20px 5px;
    margin-left: 210px;
}

.wizardStepHeader {
    float: left;
}

.wizardHeader {
    margin-left: 5px;
    margin-top: 0;
    padding-top: 0;
}

.wizardState {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.wizardNavigation {
    margin-left: 210px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: center;
    clear: both;
}

.wizardStepContent {
    padding-top: 40px;
}

.wizardNavigationButtonBar {
    height: 32px;
}

.wizardNavigationButtonFixedWidth {
    width: 80px;
}

.wizardNavigationPrevious, .wizardSaveButton, #finishButton, .previousSectionButton, .saveButton, .saveAndCloseButton, .editButton, .printButton, .openButton, .expandButton, .collapseButton, #show-all-collapsible-sections-button, #hide-all-collapsible-sections-button, .attachButton, .addPersonButton, .addGroupButton, .addButton, .showHistoryButton, .hideHistoryButton, .lockOpenButton, .lockButton, .exportButton, .addSectionButton, .previewDocButton, .openDocButton, .sendDocButton, .loadingButton, .docPauseButton, .reassignButton {
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 26px !important;
    outline: none;
}

.reassignButton {
    background-image: url('../Images/group16.png');
}

.disableButton {
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 26px !important;
    outline: none;
    /*background-image: url('../Images/inactive.png') !important;*/
    color: #dfcecc !important;
    background-color: #dedede !important;
}

.addObligationInstanceButton {
    background-position: 5px center;
    background-repeat: no-repeat;
    outline: none;
}

.selectCorporateEndorserButton {
    padding-left: 26px !important;
    width: 190px;
}

.selectButton {
    padding-left: 26px !important;
    width: 120px;
    line-height: 23px;
    font-family: Tahoma;
    font-weight: normal;
    background-color: #F2F2F2;
    border: solid 1px #b0b0b0;
    color: #53542A;
    cursor: pointer;
    padding: 0px 15px 0px 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.collapseButton, #hide-all-collapsible-sections-button {
    background-image: url('../Images/arrowup.gif');
}

.expandButton, #show-all-collapsible-sections-button {
    background-image: url('../Images/arrowdown.gif');
}

.showHistoryButton {
    background-image: url('../Images/history16.png');
}

.hideHistoryButton {
    background-image: url('../Images/historydisabled16.png');
}

.attachButton {
    background-image: url('../Images/attach.png');
}

.editButton {
    background-image: url('../Images/pencil.gif');
}

.previewDocButton {
    background-image: url('../Images/Preview16.png');
}

.openDocButton {
    background-image: url('../Images/document.png');
}

.sendDocButton {
    background-image: url('../Images/SendDocument16.png');
}

.loadingButton {
    background-image: url('../Images/ajax-loader-small-arrows.gif') !important;
}

.docPauseButton {
    background-image: url('../Images/documentPause.png');
}

.printButton {
    background-image: url('../Images/printer.gif');
}

.eavieIcon {
    background-image: url('../Images/Eavie.png');
    background-repeat: no-repeat;
    background-position: 3px 3px;
    display: inline !important;
    padding-top: 3px;
    padding-left: 20px !important;
    width: 70px;
}

.openButton {
    background-image: url(../images/folder.png);
}

.addGroupButton {
    background-image: url('../Images/group_add16.png');
}

.addPersonButton {
    background-image: url('../Images/user_add.png');
}

.wizardSaveButton, .saveButton {
    background-image: url('../Images/disk.png');
}

.addButton {
    background-image: url('../Images/add16.png');
}

.lockButton {
    background-image: url('../Images/lock16.png');
}

.lockOpenButton {
    background-image: url('../Images/lockopen16.png');
}

.exportButton {
    background-image: url('../Images/export_excel.png');
}

.wizardNavigationNext, .nextSectionButton {
    background-image: url('../Images/next.png');
    background-repeat: no-repeat;
    padding-right: 26px !important;
}

.rowDeleteIcon {
    padding: 8px;
    background-repeat: no-repeat;
    background-image: url('../Images/row_delete.gif');
}

.wizardNavigationNext {
    background-position: +88px center;
    width: 110px;
}

.nextSectionButton {
    background-position: +108px center;
}

.nextSectionButton, .previousSectionButton {
    width: 130px;
}

.wizardNavigationPrevious, .previousSectionButton {
    background-image: url('../Images/previous.png');
}

#finishButton, .saveAndCloseButton {
    background-image: url('../Images/exit.png');
}

.wizardContent fieldset, fieldset {
    padding: 15px 15px 15px 15px;
    margin: 0 5px 20px 5px;
    font-weight: normal !important;
    vertical-align: text-top !important;
    border: solid 1px rgb(227, 227, 255) !important;
}

.wizardTitle {
    font-weight: normal;
    background: transparent;
    font-family: Verdana;
    font-size: 1.6em;
    padding: 2px 2px 2px 10px;
}

.page-content-header {
    font-weight: normal;
    background: transparent;
    font-family: Verdana;
    font-size: 1.6em;
    padding: 2px 2px 2px 10px;
}

.page-content-header-background {
    padding-top: 5px;
    background-position: center;
    border-top: solid 1px lightgrey;
}

.overdueStatusBackground {
    background-color: #FFD4D4 !important;
}

/*
fieldset {
    border: 2px solid;
    border-color: #D0D0BF;
}
*/

fieldset legend {
    margin-bottom: 10px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    color: rgb(35, 125, 153) !important;
    border-color: #D0D0BF !important;
    vertical-align: text-middle !important;
}

.legendHeader {
    font-size: 16px !important;
    font-weight: normal !important;
    color: rgb(35, 125, 153) !important;
}

.legendSubheading {
    font-size: 14px !important;
    font-weight: normal !important;
    color: rgb(35, 125, 153) !important;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

 .tooltip .tooltiptext 
 {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #555;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: -1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    transition: opacity .6s;
}

.tooltip:hover .tooltiptext 
{
    visibility: visible;
}

/* header */

.aceHeaderBackground {
    background-position: center;
    background-color: #6a7f10 !important;
    background: url("/ACE/images/header_right_1.jpg") no-repeat right;
    height: 75px;
    min-width: 890px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}


.aceHeaderLeft {
    background: url("/ACE/images/header_left_1.png") no-repeat left;
    padding: 0px 8px 0px 8px;
    font-size: 2.3em;
    font-weight: normal;
    color: White;
    vertical-align: middle;
    text-align: right;
    height: 75px;
    float: left;
    width: 380px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.aceHeaderUsername {
    text-align: right !important;
    position: relative;
    color: White;
    top: 100%;
    font-weight: bold;
    margin-top: -1.3em;
}


.aceHeaderRight {
    background: url("/ACE/images/header_right_1.jpg") no-repeat right;
    padding: 0px 8px 0px 8px;
    margin-top: 27px;
    float: right;
    width: 522px;
}

.aceHeaderMiddle {
    font-size: 1.7em;
    font-weight: normal;
    float: right;
    color: White;
    margin-top: 10px;
    margin-right: 10px;
}

.submissionHeaderBackground {
    padding-top: 5px;
    background-position: center; /*background: url("/ACE/images/header.jpg") repeat-x center;  */
    border-top: solid 1px lightgrey;
}

.submissionHeaderLeft {
    padding-left: 10px;
    font-weight: normal;
    float: left;
    width: 360px;
}

.submissionHeaderRight {
    padding-right: 4px;
    font-weight: normal;
    float: left;
    display: block;
    margin-left: 10px;
    max-width: 580px;
}

.submissionHeaderRightTitle {
    float: left;
    max-width: 180px;
}

.submissionHeaderRightContent {
    float: right;
    max-width: 400px;
    padding-left: 6px;
}

.envGroupSite {
    margin-left: 20px; /*min-width: 560px;*/
}

    .envGroupSite .envGroupSiteLeft {
        float: left;
        display: block;
        width: 264px;
    }

    .envGroupSite .envGroupSiteRight {
        float: left;
        display: block;
        width: 290px;
    }

.ourDocsLinkTable {
    width: 100% !important;
}

    .ourDocsLinkTable td {
        padding-top: 5px !important;
    }

/* Internal table classes, emulates the grid style */
.internalTable {
    border: 1px solid #85a446;
}

    .internalTable table {
        border-collapse: collapse;
        border-spacing: 5px;
    }

.internalTableHeader {
    background: #C8DBF1;
    border-bottom: 1px solid #85A446;
    padding: 4px;
    color: #000000;
}

.internalTable th {
    font-size: 90%;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-weight: bold;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    background: url(/ACE/images/tableHeader.png) transparent repeat-x;
    height: 18px;
    color: #759436;
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
}

.internalTable td {
    font-weight: normal;
    font-family: inherit;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    cursor: default;
    border: 1px solid #CCCCCC;
    background-color: #ffffff;
}

.internalTable .normal {
    background-color: #FFFFFF;
}


.internalTable .hover {
    background-color: #c9b9b1;
}

a.buttonLink {
    display: block;
    line-height: 23px;
}

a.buttonLinkInline {
    display: inline-block;
    line-height: 22px;
}

.printButtonLink {
    display: inline-block;
    line-height: 25px;
}

input[type="button"], input[type="submit"], input[type="cancel"], button {
    height: 25px;
}

.printButtonLink {
    height: 25px;
}

input[type="button"], input[type="submit"], input[type="cancel"], button, a.buttonLink, .printButtonLink, a.buttonLinkInline {
    font-family: Tahoma;
    font-weight: normal;
    background-color: #F2F2F2;
    border: solid 1px #b0b0b0;
    color: #53542A;
    cursor: pointer;
    padding: 0px 15px 0px 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.tenement-nav-button {
    height: 18px !important;
    width: 18px !important;
    font-size: 0.8em;
}

    a.buttonLink:hover, .button-hover, .printButtonLink:hover, .printButtonLink-hover, a.buttonLinkInline:hover {
        background-color: #e8e8e8 !important;
        border: solid 1px #b0b0b0 !important;
    }

    button.ui-button {
        height: inherit;
    }

/* Footer */

.siteFooter {
    /*    background-color: #719237;*/
    border-top: solid 1px #595a5c;
    background-image: url('../images/footbackground.png');
    height: 40px;
    padding-top: 1px;
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
}

.siteFooterContent {
    font-weight: bold; /*    color: #CCCCCC;*/
    margin-bottom: 10px;
    line-height: 35px;
}

    .siteFooter, .siteFooterContent, .siteFooterContent div, .wrapper, .iframe-wrapper {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
    }


.gridLinkImage {
    border-width: 0px;
    vertical-align: middle;
}

.progressBar {
    margin-left: 10px;
    margin-right: 10px;
}

.progressNote {
    width: 190px;
    font-size: 0.7em;
    margin-top: 10px;
}

    .progressNote div {
        text-align: left;
        font-weight: normal;
    }

.userIcon {
    margin-top: 5px;
    margin-right: 5px;
    vertical-align: middle;
    border-width: 0px;
}

.checklist {
    border: 1px solid #000000;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #ffffff;
}

    .checklist td {
        padding-left: 5px;
        padding-bottom: 15px;
        padding-right: 50px;
    }

.mandatoryInstruction {
    font-size: 0.8em;
    text-align: right;
    float: right;
    color: Red;
    font-weight: bold;
}

/* jqgrid style */

.ui-jqgrid .ui-jqgrid-btable {
    cursor: pointer;
}

/* OSCP Checklist */

.oscpChecklist li {
    padding-top: 10px;
}


/*-----------------------------------------------------------
  jQuery UI Overrides
-----------------------------------------------------------*/

.ui-tabs-panel label, .displayModelContainer label {
    color: #595A5C;
    margin-bottom: 2px;
    margin-top: 2px;
    font-weight: bold;
}

.please-wait-dialogue .ui-dialog {
    background-image: url("../Images/menuBackground.png");
}

.please-wait-dialogue .ui-dialog-titlebar {
    display: none;
}

.ui-dialog {
    background-image: none !important;    
}

.ui-widget {
    font-family: Arial, Tahoma !important;
    font-size: 1.0em !important;
}

.ui-tabs .ui-tabs-panel {
    background-color: #EBF1DE;
}

.ui-widget-content {
    background-color: white !important;
}

.ui-widget-content {
    background-image: none !important;
}

    .ui-widget-content .step {
        color: #595A5C !important;
    }


/*-----------------------------------------------------------
  jQuery custom functions
-----------------------------------------------------------*/
.confirm-dialog-header {
    white-space: pre-line;
    padding: 0.4em 0 1em 0;
    font-weight: bold;
}

.confirm-dialog-content {
    white-space: pre-line;
    font-size: 94%;
    font-weight: normal;
}

    .confirm-dialog-content ins {
        font-weight: bold;
        text-decoration: none;
    }

.message-dialog-header {
    white-space: pre-line;
    padding: 0.4em 0 1em 0;
    font-weight: bold;
}

.message-dialog-content {
    white-space: pre-line;
    font-size: 94%;
    font-weight: normal;
}

/*------------------------------------------------------------
  Common.Security Style Overrides.
------------------------------------------------------------*/
.anonymous {
    background-color: #FFFFFF; /* An override to the standard body styling defined elsewhere on this stylesheet. */
}

    .anonymous label {
        color: #85A446;
    }

    .anonymous a {
        color: #85A446;
    }

.button-group button, .button-group a {
    background-color: #85A446; /* An override to the standard anonymous button styling inherited from Common.Security. */
}

.grantable-roles .role-select {
    width: 488px;
}

    .grantable-roles .role-select legend {
        color: #85A446; /* An override to the standard coloring on the "Grantable Roles" legend. */
    }

.grantable-roles .role-select-aux {
    width: 326px;
}


.grantable-roles .ui-selecting {
    /* An override to the standard coloring on the "Grantable Roles" legend. */
    color: #595A5C;
    font-weight: bold;
}

.grantable-roles .ui-selected {
    /* An override to the standard coloring on the "Grantable Roles" legend. */
    color: #595A5C;
    font-weight: bold;
}

.banner-message {
    /* An override the standard coloring of banner messages in the security pages. */
    color: #595A5C;
}

.loading-message {
    /* An override the standard coloring of loading messages in the security pages. */
    color: #595A5C;
}

.manage-options {
    max-width: 1500px;
}

.search-options {
    max-width: 1500px;
}

.users-content {
    max-width: 1500px;
}

.users-content-external {
    height: 400px;
}

.user-content {
    max-width: 1500px;
}

.user-content-internal {
    height: 400px;
}

.user-content-external {
    height: 400px;
}

.user-content-company {
    height: 400px;
}

.grantables-fieldset {
    padding: 0 0.5em 0.5em 1em;
    max-width: 1500px;
}


.manageable-user .user-header {
    border-left-color: #CCCCCC;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-right-width: 1px;
    border-right-style: solid;
}

.manageable-user-detail {
    border-left-color: #CCCCCC;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-right-width: 1px;
    border-right-style: solid;
}

.manageable-user label {
    font-weight: bold;
}

.revocable-roles {
    background-color: white;
    border-left-color: #CCCCCC;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-right-width: 1px;
    border-right-style: solid;
}

    .revocable-roles label {
        font-weight: bold;
    }

    .revocable-roles .company-header {
        padding: 0.8em 0.8em 0.8em 1.0em;
    }

    .revocable-roles .area-header {
        padding: 0.4em 0.8em 0.4em 1.5em;
        background-color: #ecf6ec;
    }

    .revocable-roles span.area-name {
        width: 150px;
    }

    .revocable-roles .revocable-header {
        padding: 0.4em 0.8em 0.2em 2.0em;
    }

    .revocable-roles .revocable-role {
        padding: 0.2em 0.8em 0.2em 2.0em;
    }


/* Tab Styles */



.arrowDown {
    padding-left: 15px;
    background-image: url(../images/arrowDown.gif);
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
}

.arrowUp {
    padding-left: 15px;
    background-image: url(../images/arrowUp.gif);
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
}


.tab-toggle-header, .collapsible-section-bar, .custom-collapsible-section-bar, .collapsible-section-bar-disturbanceview-Cache, .collapsible-section-bar-disturbanceview-Master {
    cursor: pointer;
    border: 1px solid #b0b0b0;
    background-image: url(../images/collapsible-section-background.png);
    background-repeat: repeat-x;
    font-weight: normal;
    color: #53542a;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.tab-toggle-header-highlight {
    background-image: url(../images/collapsible-section-background-Red.png) !important;
}

textarea {
    width: 663px;
    height: 134px;
}


/*------------------------------------------------------------
  Form Layout And Elements
------------------------------------------------------------*/

.no-border-hyperlink, .no-border-hyperlink img {
    border: none !important;
}



.table-single-icon-column {
    width: 20px !important;
}

.Wizard-Page-ButtonBar {
    width: 100%;
    background-color: rgb(253, 253, 253);
    border-top: solid 1px lightblue;
    border-bottom: solid 1px lightblue;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .Wizard-Page-ButtonBar label {
        margin-right: 10px;
    }

    .Wizard-Page-ButtonBar input[type="text"] {
        width: 250px;
    }

.email input[type="text"] {
    width: 250px;
}

.autoWidth {
    width: auto !important;
}

.add-padding {
    padding: 5px !important;
}

.add-margin-bottom {
    margin-bottom: 15px !important;
}

.add-margin-top {
    margin-top: 15px !important;
}

.add-margin-top-small {
    margin-top: 4px !important;
}

.add-margin-bottom-small {
    margin-bottom: 2px !important;
}

.add-margin-right {
    margin-right: 15px !important;
}

.add-margin-bottom {
    margin-bottom: 15px !important;
}

.add-margin-right-medium {
    margin-right: 5px !important;
}

.add-margin-right-small {
    margin-right: 2px !important;
}

.add-margin-left-small {
    margin-left: 2px !important;
}

.add-margin-left {
    margin-left: 15px !important;
}

.add-double-margin-left {
    margin-left: 30px !important;
}

.add-double-margin-top {
    margin-top: 30px !important;
}

.add-double-margin-bottom {
    margin-bottom: 30px !important;
}

.add-ten-margin-left {
    margin-left: 10px !important;
}

.add-ten-margin-right {
    margin-right: 10px !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right !important;
}

.form-row {
    display: block;
    min-height: 30px;
    padding-bottom: 15px;
    clear: both;
}

.text-indent-pointfive {
    padding-left: 0.5em;
}

.form-row-inlineBlock {
    display: inline-block;
}

.form-row-thick {
    display: block;
    min-height: 70px;
    padding-bottom: 15px;
    clear: both;
}

.form-row-slim {
    display: block;
    min-height: 20px;
    padding-bottom: 0px;
    clear: both;
}

.form-row-pencil {
    display: block;
    min-height: 10px;
    padding-bottom: 0px;
    clear: both;
    font-size: 0.5em;
}

.form-row-slim-inline {
    display: inline !important;
    min-height: 20px;
    padding-bottom: 0px;
    clear: both;
}

.form-row-medium {
    display: block;
    min-height: 20px;
    padding-bottom: 2px;
    clear: both;
}

.twocolumn, .threecolumn, .fivecolumn, .fourcolumn, .threePercentWideColumn, .seventyFivePercentWideColumn, .eighteenPercentWideColumn, .tenPercentWideColumn, .fivePercentWideColumn, .sixteenPointFivePercentWideColumn, .fifteenPercentWideColumn, .twentyPercentWideColumn, .twentyFivePercentWideColumn, .thirtyFivePercentWideColumn, .sixtyPercentWideColumn, .sixtyFivePercentWideColumn, .fiftyPercentWideColumn, .fortyPercentWideColumn, .fortyFivePercentWideColumn, .sixyPercentWideColumn, .eightyFivePercentWideColumn, .eightyPercentWideColumn, .thirtyPercentWideColumn, .sevenPercentWideColumn {
    border: none;
    margin: 0;
    padding: 0;
    float: left;
}

.fivePercentWideColumn {
    width: 5%;
}

.sevenPercentWideColumn {
      width: 7%;
}

 .threePercentWideColumn {
     width: 3%;
 }

.twoPercentWideColumn {
    width: 2%;
}

.fortyPercentWideColumn {
    width: 40%;
}

.fortyFivePercentWideColumn {
    width: 45%;
}

.sixyPercentWideColumn {
    width: 60%;
}

.eightyFivePercentWideColumn {
    width: 85%;
}

.ninetyPercentWideColumn {
    width: 90%;
}

.eightyPercentWideColumn {
    width: 80%;
}

.formatColumnTextWithWhiteSpaces{
    white-space: pre-wrap;
    text-align: justify;
}

.fiftyPercentWideColumn {
    width: 50%;
}

.sixtyPercentWideColumn {
    width: 60%;
}

.sixtyFivePercentWideColumn {
    width: 65%;
}

.seventyFivePercentWideColumn {
    width: 75%;
}

.tenPercentWideColumn {
    width: 10%;
}

.fifteenPercentWideColumn {
    width: 15%;
}

.eighteenPercentWideColumn {
    width: 18%;
}

.sixteenPointFivePercentWideColumn {
    width: 16.5%;
}

.twentyPercentWideColumn {
    width: 20%;
}

.tenementHolderTwentyPercentWideColumn {
    width: 20%;
}


.twentyFivePercentWideColumn {
    width: 25%;
}

.thirtyPercentWideColumn {
    width: 30%;
}

.thirtyFivePercentWideColumn {
    width: 35%;
}

.twocolumn {
    width: 50%;
}

.twocolumnwithCheckBox {
    width: 50%;
    border: none;
    margin: 0;
    padding: 0;
    float: left;
}

.threecolumn {
    width: 33%;
}

.fivecolumn {
    width: 20%;
}

.fourcolumn {
    width: 25%;
}

.twocolumn input, .twocolumn select, .twocolumn .readOnlyDisplay {
    width: 275px;
}

.disturbanceTenement select {
    width: 275px;
}

.fivecolumn input, .fivecolumn select, .fivecolumn .readOnlyDisplay {
    width: 275px;
}

.threecolumn input, .threecolumn select, .threecolumn .readOnlyDisplay, .fourcolumn input, .fourcolumn select, .fourcolumn .readOnlyDisplay {
    width: 190px;
}

    .threecolumn input[type="radio"], .twocolumn input[type="radio"], .fourcolumn input[type="radio"] {
        width: auto;
    }

input.disabled {
    background-color: rgb(249, 249, 249);
}

textarea {
    width: 98%;
    height: 60px;
}

.workflow-checklist-textarea {
    height: 3em;
}

.background-image-centered {
    background-position: center center;
}

div.public-search-help-text {
    float: left;
    font-style: italic;
    font-size: 0.9em;
    margin-top: 15px;
}


/*------------------------------------------------------------
  Tables
------------------------------------------------------------*/

td.left-aligned, th.left-aligned {
    text-align: left !important;
}

td.centered, th.centered, .centered {
    text-align: center;
}

.versionIcon {
    padding-left: 15px;
    background-image: url(../images/summaryView.gif);
    background-repeat: no-repeat;
    background-position: left;
    cursor: hand;
}


/*------------------------------------------------------------
  Materials Balance
------------------------------------------------------------*/

.materials-balance-table {
    border: solid 1px rgb(204, 204, 204);
    width: 99%;
}

    .materials-balance-table tr {
        min-height: 50px;
    }

.materials-balance-left-side-header {
    text-align: left !important;
    width: 10%;
}

td.materials-balance-column-small {
    width: 5%;
}

td.materials-balance-column, th.materials-balance-column {
    width: 5%;
}

td.materials-balance-column-unit-types, th.materials-balance-column-unit-types {
    width: 7%;
}

td.materials-balance-column input, th.materials-balance-column input {
    /*width: 90%;*/
}

.materials-balance-column-unit-types select {
    width: 90%;
}

td.materials-balance-column input[type="checkbox"], th.materials-balance-column input[type="checkbox"] {
    width: auto;
}

td.materials-balance-column-wide, tr.materials-balance-column-wide {
    width: 20%;
}

    td.materials-balance-column-wide textarea {
        height: 40px;
        width: 90%;
    }

textarea.figures-not-available-reason {
    width: 95%;
    height: 100px;
}



/*------------------------------------------------------------
  Conditions 
------------------------------------------------------------*/

.conditionContainer {
    padding: 10px;
}

    .conditionContainer.alt {
        background-color: rgb(249, 249, 249);
        border: solid 1px lightgray;
    }

    .conditionContainer p {
        color: rgb(42, 42, 101);
    }

.conditions-table {
    border: solid 1px rgb(204, 204, 204);
    width: 99%;
}

    .conditions-table tr {
        min-height: 50px;
    }


td.conditions-column-small {
    width: 10%;
}

td.conditions-column-medium {
    width: 15%;
}

td.conditions-column-wide, tr.conditions-column-wide {
    width: 19%;
}

td.conditions-column-small-display {
    width: 10%;
}

td.conditions-column-wide-display, tr.conditions-column-wide-display {
    width: 25%;
}

div.textData {
    font-size: 0.8em;
    font-family: Tahoma,Arial;
    font-weight: normal;
    text-decoration: none;
    color: grey;
    margin-left: 20px;
}

div.selector {
    font-size: 1em;
    font-family: Tahoma,Arial;
    font-weight: bold;
    text-decoration: none;
    margin-left: 5px;
}

div.scrollable {
    overflow: auto;
}

div.scroll {
    width: 180px;
    height: 50px;
    overflow: auto;
}

div.scroll-nowidth {
    height: 300px;
    overflow: auto;
}

div.scroll-nowidth-shorter {
    height: 150px;
    overflow: auto;
}

div.scroll-small-display {
    width: 140px;
    height: 50px;
    overflow: auto;
}

div.scrollDisplay {
    width: 250px;
    height: 50px;
    overflow: auto;
}

TR.ConditionsSimple2ColoumnRow, TR.ConditionsSimple2ColoumnRowAlt {
    color: #333333;
    min-height: 24px;
}

    TR.ConditionsSimple2ColoumnRow TD.ConditionsSimple2ColoumnRow {
        background-color: #FDFDFD;
    }

    TR.ConditionsSimple2ColoumnRowAlt TD.ConditionsSimple2ColoumnRowAlt {
        background-color: #F0F0F0;
    }

    TR.ConditionsSimple2ColoumnRow:hover, TR.ConditionsSimple2ColoumnRowAlt:hover {
        background-color: #fdf5ce;
    }


/*------------------------------------------------------------
  Tenement Review
------------------------------------------------------------*/

.tenement-review-table {
    border: solid 1px rgb(204, 204, 204);
    width: 99%;
}

    .tenement-review-table tr {
        min-height: 20px;
    }

th.tenement-review-left-side-header {
    text-align: left !important;
    width: 10%;
}

td.tenement-review-column-small {
    width: 5%;
}

td.tenement-review-column-tenement-name, th.tenement-review-column-tenement-name {
    width: 10%;
}

td.tenement-review-column-holder-names, th.tenement-review-column-holder-names {
    width: 90%;
}

td.tenement-review-column-holder-address-names, th.tenement-review-column-holder-address-names {
    width: 45%;
}


/*------------------------------------------------------------
  Tenement Disturbance Data.
------------------------------------------------------------*/
div.tenement-disturbance-data-holder {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

div.tenement-disturbance-no-data {
    font-style: italic;
}

div.helptext {
    font-style: italic;
    font-size: 0.9em;
}

.tenement-disturbance-table {
    border: solid 1px rgb(204, 204, 204);
    width: 99%;
    table-layout: fixed;
}

.tenement-disturbances-json {
    display: none;
}

.tenement-disturbance-tenements-json {
    display: none;
}

.tenement-disturbance-table tr {
    min-height: 20px;
}

/* Disturbance Display Header/Detail Columns */
td.tenement-disturbance-column-actions {
    width: 9%;
}

input.tenement-disturbance-column-formatted-ten-code {
    display: none;
}

input.tenement-disturbance-column-disturbance-type-id {
    display: none;
}

td.tenement-disturbance-column-dist-id {
    display: none;
}

td.tenement-disturbance-column-dist-ten-id {
    display: none;
}

td.tenement-disturbance-column-dist-type {
    width: 19%;
}

td.tenement-disturbance-column-identifier {
    width: 12%;
    word-wrap: break-word;
}

td.tenement-disturbance-hdrcolumn-project-dist {
    text-align: center;
}

td.tenement-disturbance-column-totalprev-dist {
    width: 12%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-disturbance-column-reportingperiod-dist {
    width: 12%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-disturbance-column-total-dist {
    width: 12%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-disturbance-column-approved-dist {
    width: 12%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-disturbance-column-planned-dist {
    width: 12%;
    text-align: right;
    word-wrap: break-word;
}

.tenement-disturbance-edit-row input {
    text-align: right;
}

/* Disturbance Display Totals */
td.tenement-disturbance-totals-title {
    color: #1c94c4;
    width: 40%;
    text-align: center;
}

td.tenement-disturbance-totals-totalprev-dist {
    width: 12%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-disturbance-totals-reportingperiod-dist {
    width: 12%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-disturbance-totals-total-dist {
    width: 12%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-disturbance-totals-approved-dist {
    width: 12%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-disturbance-totals-planned-dist {
    width: 12%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

select.disturbanceType {
    width: 230px;
}


/* Disturbance View Styles (where they differ from above) */
td.tenement-disturbance-viewcolumn-dist-type {
    width: 28%;
}


/*------------------------------------------------------------
  Tenement Rehabilitation Data.
------------------------------------------------------------*/
div.tenement-rehab-data-holder {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

div.tenement-rehab-no-data {
    font-style: italic;
}


.tenement-rehab-table {
    border: solid 1px rgb(204, 204, 204);
    width: 99%;
    table-layout: fixed;
}

.tenement-rehab-json {
    display: none;
}

.tenement-rehab-table tr {
    min-height: 20px;
}

/* Rehabilitation Display Header/Detail Columns */
td.tenement-rehab-column-actions {
    width: 6%;
}

input.tenement-rehab-column-formatted-ten-code {
    display: none;
}

td.tenement-rehab-column-rehab-id {
    display: none;
}

td.tenement-rehab-column-dist-type-display {
    width: 20%;
}

td.tenement-rehab-column-identifier-display {
    width: 13%;
    word-wrap: break-word;
}

td.tenement-rehab-column-dist-type {
    width: 16%;
}

td.tenement-rehab-column-identifier {
    width: 11%;
    word-wrap: break-word;
}

td.tenement-rehab-column-total-dist {
    width: 10%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-rehab-hdrcolumn-total-rehab {
    text-align: center;
}

td.tenement-rehab-column-stage1-total {
    width: 8%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-rehab-column-stage2-total {
    width: 8%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-rehab-column-stage3-total {
    width: 8%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-rehab-column-stage4-total {
    width: 8%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-rehab-column-total-rehab {
    width: 10%;
    text-align: right;
    word-wrap: break-word;
}

td.tenement-rehab-column-verify-comments {
    width: 15%;
    word-wrap: break-word;
}

.tenement-rehab-edit-row input {
    width: 115px;
    text-align: right;
}

/* Rehab Display Totals */
td.tenement-rehab-totals-title {
    color: #1c94c4;
    width: 33%;
    text-align: center;
}

td.tenement-rehab-totals-total-dist {
    width: 10%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-rehab-totals-stage1 {
    width: 8.5%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-rehab-totals-stage2 {
    width: 8.4%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-rehab-totals-stage3 {
    width: 8.5%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-rehab-totals-stage4 {
    width: 8.4%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-rehab-totals-total-rehab {
    width: 8.4%;
    text-align: right;
    font-weight: bold;
    word-wrap: break-word;
}

td.tenement-rehab-totals-verify-comments {
    width: 15%;
    word-wrap: break-word;
}

td.tenement-rehab-edit-hdrcontentlabel {
    width: 175px;
    font-weight: bold;
}

td.tenement-rehab-edit-hdrcontent {
    width: 200px;
}

textarea.rehabVerifyComments {
    width: 620px;
    height: 200px;
}

/* Rehab View Styles (where they differ from above) */
td.tenement-rehab-viewcolumn-dist-type {
    width: 28%;
}

/*------------------------------------------------------------
  Public Information Links
------------------------------------------------------------*/

span.publicInformationLinkHeader {
    margin-top: 115px;
    height: 25px;
    line-height: 25px;
    display: block;
    text-align: center;
    opacity: .8;
    color: white;
}

    span.publicInformationLinkHeader.annualEnvironmentReport {
        background-color: green;
    }

    span.publicInformationLinkHeader.currentPetroleumProposal {
        background-color: #5B6678;
    }

    span.publicInformationLinkHeader.miningProposal {
        background-color: #563A34;
    }

a.currentPetroleumProposal, a.annualEnvironmentReport, a.miningProposal {
    display: block;
    width: 295px;
    height: 150px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    border: solid 2px white;
}

a.currentPetroleumProposal {
    background-image: url(../images/currentPetroleumProposals.png);
}

a.annualEnvironmentReport {
    background-image: url(../images/annualEnvironmentReport.png);
}

a.miningProposal {
    background-image: url(../images/MiningProposals.png);
    background-position: center center;
}

    a.currentPetroleumProposal:hover, a.annualEnvironmentReport:hover, a.miningProposal:hover {
        border: solid 2px green;
    }


/*------------------------------------------------------------
  Misc Element Layout Helpers
------------------------------------------------------------*/

.roundedCorners {
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.hide {
    display: none;
}

.show {
    display: inline;
}

.dialogueButtonBar, .attachFileButtonBar {
    display: block;
    margin-top: 50px;
    clear: both;
    text-align: right;
}

.dialogueButtonBar-Slim {
    display: block;
    margin-top: 35px;
    clear: both;
    text-align: right;
}

.searchResultsOptions {
    display: block;
    clear: both;
    text-align: left;
}

.clear-both {
    clear: both;
    width: 100%;
    display: block;
}

/*------------------------------------------------------------
  Document Store Helpers
------------------------------------------------------------*/

.openAttachFileDialogueButton {
    margin-bottom: 15px;
}

.documentStoreDisplayAttachmentsTable {
    width: 100%;
}

.documentStoreEditModeAttachmentsTable {
    width: 100%;
}

#documentStoreEditModeAttachmentsTable tr {
    min-height: 24px;
}

.documentStoreTableActionsCell, .tableActionCell {
    width: 80px;
}

.tableActionsCell-small {
    width: 15px;
}


.documentStoreDisplayTableActionsCell {
    width: 25px;
}

.singleIconTableActionCell {
    width: 32px !important;
}

/*------------------------------------------------------------
  Simple 2 Column Table
------------------------------------------------------------*/

TABLE.Simple2ColumnRowTable {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 100%;
    padding: 10px;
}

TABLE.Simple2ColumnRowNinetyEightPercentTable {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 98%;
    padding: 10px;
}

TABLE.Simple2ColumnRowFiftyPercentTable {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 50%;
    padding: 10px;
}

TR.Simple2ColoumnRowCollectionHeader {
    background-color: #f6a828;
    color: white;
}

TR.Simple2ColoumnRowHeader {
    background-color: #F8F8F8;
    color: #1c94c4;
}

TR.Simple2ColoumnRow, TR.Simple2ColoumnRowAlt {
    color: #333333;
    min-height: 24px;
}

TR.Simple2ColoumnRow, DIV.grid DIV.cell.Simple2ColoumnRow, .grid TD.Simple2ColoumnRow {
    background-color: #FDFDFD;
}

TR.Simple2ColoumnRowAlt, DIV.grid DIV.cell.Simple2ColoumnRowAlt, .grid TD.Simple2ColoumnRowAlt {
    background-color: #F0F0F0;
}

    TR.Simple2ColoumnRow:hover, TR.Simple2ColoumnRowAlt:hover {
        background-color: #fdf5ce;
    }

TR.Simple2ColoumnRowSelected {
    background-color: #fdf5ce;
}

TD.Simple2ColumnRowCell, th.HeaderCellWithBorder {
    border: solid 1px #cccccc;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
}

TD.Simple2ColumnRowCellCenter, th.HeaderCellWithBorderCenter {
    border: solid 1px #cccccc;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
   text-align: center; 
}

TD.Simple2ColumnRow100Cell, th.HeaderCellWithBorder {
    border: solid 1px #cccccc;
    padding-left: 5px;
    width: 100px;
}

TD.Simple2ColumnRowCellEmail {
    border: solid 1px #cccccc;
}

tr.Simple2ColoumnRow td, tr.Simple2ColoumnRowAlt td {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: top;
}

thead.Simple2Coloumn tr {
    background-color: #F8F8F8;
    color: #1c94c4;
}

thead.Simple2Coloumn td {
    border: solid 1px #cccccc;
    padding-left: 5px;
    padding-right: 5px;
}

tfoot.Simple2Coloumn tr {
    background-color: #F8F8F8;
    font-weight: bold;
}

tfoot.Simple2Coloumn td {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
}


TR.Simple2ColoumnRowDark{
    color: #333333;
    min-height: 24px;
    background-color: #C0C0C0;
}

TR.Simple2ColoumnRowDark TD{
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: top;
}

/*-------------------------------------------
    industry site 
-------------------------------------------*/

.IndustrySiteHeading {
    background-color: #C9E0E1;
    font-weight: bold;
    font-size: 1.2em;
    padding: 8px;
    margin-top: 2px;
    margin-bottom: 10px;
}


.industryTitle {
    font-weight: normal;
    background: transparent;
    font-family: Verdana;
    font-size: 1.6em;
    padding: 2px 2px 2px 10px;
}

.siteDetailTable td {
    padding-bottom: 8px;
}

.siteDetailLabel {
    text-align: right;
    padding-right: 15px;
    width: 140px;
    vertical-align: top;
}

    .siteDetailLabel label {
        width: 132px;
    }

.siteDetailValue {
    font-weight: bold;
}

.industrySection /* TODO: replace with collapsible heading */ {
    border: solid 1px #9BB5C1;
    margin-bottom: 15px;
    padding: 5px;
}

.industrySectionHeaderContainer {
    padding-bottom: 10px;
    overflow: auto;
}

.industrySectionHeader {
    padding-right: 15px;
    float: left;
}

.industrySectionEditButton {
    float: right;
}

.postalAddressContainer {
    width: 45%;
    float: right;
}

.streetAddressContainer {
    width: 45%;
    float: left;
}

.telephoneOrMobileInstruction {
    font-style: italic;
    font-size: 0.9em;
    padding-bottom: 10px;
}

.overflow-auto {
    overflow: auto;
}

.mceEditor > table {
    width: 100% !important;
}

.siteSummaryOverview {
    width: 428px;
    float: left;
}

#tabs .siteSummaryOverview {
    width: 385px;
}

.siteSummaryMap {
    width: 542px;
    float: left;
}

.tenementOverview {
    width: 600px;
    float: left;
}

#tabs .tenementOverview {
    width: 450px;
}

.tenementBondOverview {
    width: 400px;
    float: left;
}



.siteSummaryMap > fieldset {
    height: 333px;
}

.advancedOptionsBar {
    float: right;
    height: 16px;
    width: 100%;
}

.obligationDatetimeEditor {
    width: 100px;
}


/*------------------------------------------------------------
  Table Action Links
------------------------------------------------------------*/
.locked-action, .unlocked-action
{
    display: block;
    width: 16px;
    height: 16px;
    outline: none;
}
.unlocked-action {
    background-image: url(../images/lockopen16.png);
}

.locked-action {
    background-image: url(../images/lock16.png);
}

a.delete-action, a.delete-action-disabled, a.print-action, a.edit-action, a.open-action, a.add-action, 
a.summary-action, a.detail-action, a.view-action, a.publicView-action, a.makeprimary-action,
a.locked-action, a.unlocked-action, a.locked-disabled-action
{
    display: block;
    width: 16px;
    height: 16px;
    outline: none;
}

a.locked-action {
    background-image: url(../images/lock16.png);
}

a.unlocked-action {
    background-image: url(../images/lockopen16.png);
}



a.locked-disabled-action {
    background-image: url(../images/lock16_disabled.png);
}

a.email
{
    display: inline-block;
}

a.makeprimary-action {
    background-image: url(../images/stardisabled16.png);
}

a.delete-action {
    background-image: url(../images/delete2.gif);
}

.add-action-icon {
    background-image: url(../images/rowAdd.gif);
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    width: 50px;
    height: 16px;
}

a.delete-action-disabled {
    background-image: url(../images/delete2_disabled.gif);
}

a.print-action {
    background-image: url(../images/printer.gif);
}

a.edit-action {
    background-image: url(../images/pencil.gif);
}

a.open-action {
    background-image: url(../images/folder.png);
}

a.add-action {
    background-image: url(../images/application_add.png);
}

a.summary-action {
    background-image: url(../images/new_window.png);
    background-repeat: no-repeat;
}

a.summary-action-inline {
    background-image: url(../images/new_window.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    outline: none;
}

a.detail-action {
    background-image: url(../images/application_form.png);
    background-repeat: no-repeat;
}

a.view-action {
    background-image: url(../images/page_white_magnify.png);
    background-repeat: no-repeat;
}

a.publicView-action {
    background-image: url(../images/world.png);
    background-repeat: no-repeat;
}


/*------------------------------------------------------------
  Grid Toolbar Helpers
------------------------------------------------------------*/

.grid-toolbar {
    min-height: 22px;
    padding: 5px;
    margin-bottom: 10px; /*background-color: rgb(224, 224, 224);*/
    border: solid 1px #b0b0b0;
    background-image: url(../images/grid-toolbar-background.png);
    background-repeat: repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

    .grid-toolbar label {
        display: block;
        margin-top: 3px;
        margin-right: 5px;
    }

    .grid-toolbar input {
        margin-top: 2px;
        margin-right: 2px;
        outline: none;
    }

.grid-button-standard {
    background-color: rgb(255, 255, 255) !important;
}

.grid-button-selected {
    background-color: rgb(234, 234, 234) !important;
    border-color: #949494 !important;
}

/*------------------------------------------------------------
  Jquery Datepicker
------------------------------------------------------------*/

.datepickerImage, .ui-datepicker-trigger {
    position: relative !important;
    left: 2px !important;
    top: 2px !important;
}


/*------------------------------------------------------------
  CommStore Common Dialogue 
------------------------------------------------------------*/

input.commstoreTitle {
    width: 50%;
}


/*------------------------------------------------------------
  Please Wait Dialogues
------------------------------------------------------------*/
.pleaseWaitDisplayBox {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 110px;
    border: solid 2px #b0b0b0;
    background-image: url(../images/grid-toolbar-background.png);
    background-repeat: repeat-x;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

    .pleaseWaitDisplayBox img {
        display: block;
        padding-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .pleaseWaitDisplayBox p.header {
        font-size: 1.1em;
        font-weight: bold;
    }

    .pleaseWaitDisplayBox p, .pleaseWaitDisplayBox h2 {
        text-align: center;
    }

.smallDisplaySpinner {
    height: 23px;
}


/*------------------------------------------------------------
  Common Style Overrides
------------------------------------------------------------*/

.button-group a {
    font-family: Tahoma !important;
    font-weight: normal !important;
    background-color: #F2F2F2 !important;
    border: solid 1px #b0b0b0 !important;
    color: #53542A !important;
    cursor: pointer !important;
    height: 25px !important;
    line-height: 25px !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}

.button-group button {
    font-family: Tahoma !important;
    font-weight: normal !important;
    background-color: #F2F2F2 !important;
    border: solid 1px #b0b0b0 !important;
    color: #53542A !important;
    cursor: pointer !important;
    height: 25px !important;
    padding: 0px 15px 0px 15px !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
}


/*------------------------------------------------------------
  Report Details
------------------------------------------------------------*/


#addContactPersonButton, #makeMeTheContactButton {
    margin-top: 10px;
    width: auto !important;
}

#contactPersonListable {
    width: 250px !important;
}



/*------------------------------------------------------------
  Listables
------------------------------------------------------------*/


.listable-input {
}

.listable-button {
    margin: 0;
    vertical-align: top;
    height: 18px !important;
    border-left: none !important;
}




/*------------------------------------------------------------
  Dialogue-esque type boxes
------------------------------------------------------------*/


.fauxDialogueHeaderText {
    height: 32px;
    line-height: 32px;
}

    .fauxDialogueHeaderText h1 {
        margin: 0 !important;
    }

.fauxDialogueHeaderContainer {
    border-bottom: solid 1px #b0b0b0;
}

.fauxDialogueSubmissionComplete {
    width: 500px;
    text-align: center;
    margin-top: 50px;
}

.fauxDialogueCreateSubmissionInfo {
    width: 850px;
    margin-top: 20px;
}

.fauxDialogueMainContainer {
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    border: solid 2px #b0b0b0;
    background-image: url(../images/grid-toolbar-background.png);
    background-repeat: repeat-x;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.publicAvailabilityMessage {
    color: Gray;
    font-weight: bold;
    font-size: x-small;
    margin-bottom: 5;
}

.quickSearchIndent {
    padding-left: 30px;
}

.WordIndent {
    padding-left: 122px;
}

.WordIndent3 {
    display: inline-block;
    padding-left: 158px;
    padding-top: 4px;
}

.WordIndent4 {
    display: inline-block;
    padding-left: 6px;
    padding-top: 4px;
}

.WordIndent5 {
    display: inline-block;
    padding-left: 122px;
    padding-top: 4px;
}

.WordIndent2 {
    padding-left: 158px;
}

.MRFIndent {
    padding-left: 6px;
}



.sup {
    font-size: xx-small;
    vertical-align: super;
}



/*------------------------------------------------------------
  Page Alert
------------------------------------------------------------*/


.pageAlertBox {
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}




/*------------------------------------------------------------
  Header Data Items
------------------------------------------------------------*/

.nowrap {
    white-space: nowrap;
}

.headerDataTable {
    width: 100%;
}

    .headerDataTable td {
        padding-left: 5px;
        padding-right: 5px;
    }

.headerDataPoint {
    text-align: center;
}

.separator {
    height: 10px;
}

.headerDataPointText {
    background-color: white;
    display: block;
    font-weight: bolder;
    font-size: 0.9em;
    text-align: center;
}

.headerDataPointLabel {
    display: block;
    font-weight: normal;
    font-size: 0.8em;
    text-align: center;
    white-space: nowrap;
}


.infotext {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.guidance-text-colored-green, li.guidance-text-colored-green, .green-text {
    color: #607031;
}

.blue-text {
    color: blue !important;
}

.red-text {
    color: red !important;
}

.hide-all-button {
    background-image: url("../images/arrowUp.gif");
    background-position: 10px 8px;
    background-repeat: no-repeat;
    padding-left: 24px !important;
}

.show-all-button {
    background-image: url("../images/arrowDown.gif");
    background-position: 10px 8px;
    background-repeat: no-repeat;
    padding-left: 24px !important;
}



/*------------------------------------------------------------
  System Outage Message
------------------------------------------------------------*/

.system-outage-message {
    background-color: orange;
    text-align: center;
    font-weight: bold;
    padding: 0.6em;
    color: white;
}

.system-outage-effective-message {
    background-color: red;
}



/*------------------------------------------------------------
  Tracking Obligation Data
------------------------------------------------------------*/
.tracking-dates-edit-button {
    float: right;
}

.tracking-obligation-data {
    width: 931px;
    display: block;
}

    .tracking-obligation-data .sot-table {
        /*float: left;*/
    }

    .tracking-obligation-data .table-header-container {
        width: 880px;
        float: left;
    }

    .tracking-obligation-data .table-header {
        font-weight: bold;
        font-style: italic;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border-top: 1px solid #e3e3ff;
        border-right: 1px solid #e3e3ff;
        border-left: 1px solid #e3e3ff;
        float: left;
    }

    .tracking-obligation-data .table-header-type {
        background-color: #F6F6F6;
        width: 148px;
    }

    .tracking-obligation-data .table-header-obligation {
        background-color: #C9E0E1;
        border-left: none;
        width: 728px;
    }

    .tracking-obligation-data th[role=columnheader] {
        color: #000 !important;
        font-style: italic;
    }

    .tracking-obligation-data td[role=gridcell] {
        text-align: center !important;
    }



/*------------------------------------------------------------
  Industry Store:  Add Company
------------------------------------------------------------*/

.addCompanyButtonBar {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both;
    text-align: right;
}

#searchindustrySection fieldset {
    /*min-height: 175px;*/
}

#enterNewindustrySection fieldset div.form-row div.twocolumn input, .company-name-container input {
    width: 250px !important;
}

#enterNewindustrySection fieldset div.form-row, #searchindustrySection fieldset div.form-row {
    height: 30px !important;
}


/*------------------------------------------------------------
  Multi-user Select Dialogue
------------------------------------------------------------*/

.mutliUserSelectTableActionCell {
    width: 25px;
}




/*------------------------------------------------------------
  Multi-user Select Dialogue
------------------------------------------------------------*/


.workflow-label-container label label {
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1em !important;
}

select.workflow-assessment-dropdown {
    width: 275px;
}


/*-------------------------------------------
    Group Admin 
-------------------------------------------*/

.GroupHeading {
    background-color: #C9E0E1;
    font-weight: bold;
    font-size: 1.2em;
    padding: 8px;
    margin-top: 2px;
    margin-bottom: 10px;
}


/*------------------------------------------------------------
  Outstanding Submission and Copy Forward Dialogue
------------------------------------------------------------*/

span.pad-fifty-left {
    padding-left: 50px;
}

span.pad-five-left {
    padding-left: 5px;
}

span.pad-twenty-left {
    padding-left: 50px;
}

span.pad-twenty-right {
    padding-right: 50px;
}

.cf-radio-group label {
}

.cf-radio-group input[type=radio] {
    margin: 0 30px 0 6px;
}

/*------------------------------------------------------------
  Group Profile
------------------------------------------------------------*/



.gp-body {
    margin-bottom: 20px;
}

.gp-collapsable {
}

.gp-details table {
    width: 100%;
}

    .gp-details table tr th:nth-child(1) {
        width: 25%;
    }

    .gp-details table tr th:nth-child(2) {
        width: 25%;
    }

    .gp-details table tr th:nth-child(3) {
        width: 25%;
    }

    .gp-details table tr th:nth-child(4) {
        width: 25%;
    }

    .gp-details table td {
        padding: 4px;
    }

    .gp-details table tr td.gp-table-label {
        text-align: right;
        vertical-align: top;
    }

    .gp-details table tr td.gp-table-value {
        font-weight: bold;
        vertical-align: top;
        line-height: 21px;
    }

.gp-group-grid .gp-grid-column-detail {
    width: 16px;
}

.gp-group-grid .gp-grid-column-summary {
    width: 16px;
}

.gp-group-grid .gp-grid-column-name {
    width: 228px;
}

.gp-group-grid .gp-grid-column-type {
    width: 140px;
}

.gp-group-grid .gp-grid-column-region {
    width: 50px;
}

.gp-group-grid .gp-grid-column-field {
    width: 80px;
}

.gp-group-grid .gp-grid-column-desc {
    width: 105px;
}

.gp-group-grid .gp-grid-column-act-from {
    width: 80px;
}

.gp-group-grid .gp-grid-column-act-to {
    width: 80px;
}

.gp-members-grid .gp-grid-column-name {
    width: 610px;
}

.gp-members-grid .gp-grid-column-user-id {
    width: 80px;
}

.gp-members-grid .gp-grid-column-act-from {
    width: 80px;
}

.gp-members-grid .gp-grid-column-act-to {
    width: 80px;
}

.tenholderadd-emailentry-email {
    width: 95%;
}

.tenholderadd-actions-container {
    width: 50px;
    display: block;
}

.tenholderadd-emailstable-column-actions {
    width: 33px;
}

.tenholder-disabled-makeprimary-icon {
    width: 16px;
    height: 16px;
    background-image: url(../images/star16.png);
}

.tenementHolderEmailFormRow {
    display: block;
    min-height: 20px;
    padding-bottom: 15px;
}


/*------------------------------------------------------------
  User Registration
------------------------------------------------------------*/

.extra-large-text {
    font-size: x-large;
}

.scrollableTenementDisplayBox {
    max-height: 300px;
    overflow-y: auto;
}

/*------------------------------------------------------------
  Registrationsborder
------------------------------------------------------------*/
.scrollableSmall {
    max-height: 175px;
    overflow-y: auto;
}

.Border {
    border: solid 1px #cccccc;
}

.TwoPercentWide {
    width: 2%;
    word-wrap:break-word
}

.FivePercentWide {
     width: 5%;
     word-wrap:break-word
}

.SevenPercentWide {
     width: 7%;
     word-wrap:break-word
}

.EightPercentWide {
     width: 8%;
     word-wrap:break-word
}

.TenPercentWide {
     width: 10%;
    word-wrap:break-word
}

.TwelvePercentWide {
    width: 12%;
    word-wrap:break-word
}

.TwentyPercentWide {
     width: 20%;
     word-wrap:break-word
}

.inlineblock {
     display : inline-block;
}

.ThirtyPercentWide {
     width: 30%;
       word-wrap:break-word
}

.TwentyFivePercentWide {
     width: 25%;
       word-wrap:break-word
}

.TwentyFourPercentWide {
     width: 24%;
       word-wrap:break-word
}

.TwentyOnePercentWide {
     width: 21%;
       word-wrap:break-word
}

.TwentySevenPercentWide {
     width: 27%;
       word-wrap:break-word
}

.ThirtyFivePercentWide {
     width: 35%;
       word-wrap:break-word
}

.FifteenPercentWide {
     width: 15%;
       word-wrap:break-word
}

.SixtyPercentWide {
     width: 60%;
       word-wrap:break-word
}

.FourtyPercentWide {
     width: 40%;
       word-wrap:break-word
}

.FourtyFivePercentWide {
     width: 45%;
       word-wrap:break-word
}

.FourtyThreePercentWide {
     width: 43%;
       word-wrap:break-word
}

.FiftyPercentWide {
     width: 50%;
       word-wrap:break-word
}

.TwoHundredPixelsWide {
    width: 200px;
}

.RegulatoryActivityDropDownList {
    margin-left: 10px;
    width: 220px;
}

.RegulatoryActionTimePeriodDropDownList {
    margin-left: 10px;
    width: 60px;
}

TABLE.FixedTableLayoutWithBorder {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 100%;
    padding: 10px;
    table-layout: fixed;
}
/*------------------------------------------------------------
  Registrations
------------------------------------------------------------*/

.scrollableSmall {
    max-height: 175px;
    overflow-y: scroll;
}

.registrationtableTwopercent {
     width: 2%;
}

.registrationtableTenpercent {
     width: 10%;
}

.registrationtablefivepercent {
     width: 5%;
}

.registrationtableTwentypercent {
     width: 20%;
}

.registrationtableThirtypercent {
     width: 30%;
}

.registrationtableTwentyFivepercent {
     width: 25%;
}

.registrationtableFifteenpercent {
     width: 15%;
}

.registrationtableSixtypercent {
     width: 60%;
}

.registrationtableFourtyFivepercent {
     width: 45%;
}

.registrationtableFourtyThreepercent {
     width: 43%;
}

TABLE.FixedTableLayout {   
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    width: 100%;
    padding: 10px;
    table-layout: fixed;
}

.Border {
    border: solid 1px #cccccc;
    border-collapse: collapse;
}


/*------------------------------------------------------------
  MRF Tenement Disturbance Overview Data.
------------------------------------------------------------*/
.MRFdisturbance-viewcolumn-dist-type {
    width: 20%;
}

.MRFdisturbance-viewcolumn-dist-type-dialog {
    width: 20%;
}

.MRFdisturbance-viewcolumn-dist-type-value-dialog {
    width: 20%;
}

.MRFdisturbance-viewcolumn-dist-type-value {
    width: 12%;
}

.MRFdisturbance-viewcolumn-dist-type-value-category {
    width: 8%;
}

.MRFdisturbance-viewcolumn-dist-type-RLE {
    width: 12%;
    text-align: right;
}

.MRFdisturbance-viewcolumn-dist-type-IndustrySubmitted {
    width: 55px;
}

/*------------------------------------------------------------
  MRF Infringement Details.
------------------------------------------------------------*/

.InfringementFindingsTable {
    table-layout: fixed;
}

.InfringementFindingsTableHeader {
    vertical-align: top;
}

/*------------------------------------------------------------
  MRF Tenement Disturbance Data.
------------------------------------------------------------*/

.DisturbanceIdCell {
    width: 190px;
}

.DisturbanceDataTenementCell {
    width: 65px;
}

.DisturbanceModificationSourceContainer {
    width: 80px;
}

.DisturbanceModificationChangedDateContainer {
    width: 70px;
}

.DisturbanceDataActionCell {
    width: auto !important;
}

.underline {
    text-decoration: underline;
}




.MrfDisturbanceTypeIdBox select {
    width: 100px;
}

.MrfDisturbanceTenementCreatedElsewhere {
    background-image: url(../images/concurrency_information.png);
    background-repeat: no-repeat;
    display: block;
    width: 16px !important;
    height: 16px;
    outline: none;
}

a.MrfDisturbanceTenementCreatedElsewhere:hover {
    cursor: default;
}

.MrfDisturbanceTenementUpdatedElsewhere {
    background-image: url(../images/concurrency_information.png);
    background-repeat: no-repeat;
    display: block;
    width: 16px !important;
    height: 16px;
    outline: none;
}

a.MrfDisturbanceTenementUpdatedElsewhere:hover {
    cursor: default;
}

.MrfTenementDataAggregateChangedElsewhere {
    background-image: url(../images/concurrency_information.png);
    background-repeat: no-repeat;
    display: block;
    width: 16px !important;
    height: 16px;
    outline: none;
}

a.MrfTenementDataAggregateChangedElsewhere:hover {
    cursor: default;
}

.MrfTenementDisturbanceDetailsChangedElsewhere {
}

.MrfAssessmentInfoTextBlock {
    margin-bottom: 10px;
}

.MrfLevyEstimateNoDisturbancesPresent {
    font-style: italic;
    font-weight: lighter;
}

.small-itallic {
    font-size: x-small;
    font-style: italic;
}

.DisturbanceTenementsTableFtrRow {
    border: solid 1px #cccccc;
    background-color: rgb(248, 248, 248);
    min-height: 22px;
}

.DisturbanceTenementsTableFtrTotals, .DisturbanceTenementsTableFtrTotal {
    font-size: 11px;
    font-weight: bold;
    color: #333333;
}

.DisturbanceTenementsTableFtrTotals {
    text-align: right;
    padding-right: 10px;
}

.DisturbanceTenementsTableFtrTotal {
    text-align: left;
    padding-left: 5px;
}

.dialog-inputs input[type="text"] {
    width: 85%;
}

.pad-ten-bottom {
    padding-bottom: 10px;
}

.pad-ten-right {
    padding-right: 10px;
}

.pad-twenty-right {
    padding-right: 20px;
}

.pad-fifty-right {
    padding-right: 50px;
}

.pad-ten-left {
    padding-left: 10px;
}

.pad-fifteen-right {
    padding-right: 15px;
}

.pad-ten-top {
    padding-top: 10px;
}

.pad-five-right {
    padding-right: 5px;
}

.pad-five-top {
    padding-top: 5px;
}

.pad-eight-left {
    padding-left: 8px;
}

.pad-five-bottom {
    padding-bottom: 5px;
}

.voluntaryMrfOptInMsg {
    font-weight: bold;
    color: blue;
    line-height: 17px;
    display: block;
    height: 60px;
    margin-left: 10px;
    margin-right: 10px;
}

.RLEContainer {
    text-align: right;
}

.right-align-text {
    text-align: right;
}

.siteActiveIcon {
    background-image: url(../images/active.jpg);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 16px;
}

.siteInactiveIcon {
    background-image: url(../images/inactive.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 16px;
}

.activityIndicatorCell {
    display: none;
}


/* inspection templates*/

.addInspectionTemplateQuestionButton {
    background-image: url('../Images/question.png');
}

.addSectionButton, .addSectionIcon {
    background-image: url('../Images/section.png');
}

.editSectionButton {
    background-image: url('../Images/editSection.png');
}

.editQuestionButton {
    background-image: url('../Images/editQuestion.png');
}


.removeInspectionTemplateButton {
    background-image: url('../Images/delete.gif');
}

.addInspectionTemplateQuestionButton, .editInspectionTemplateButton, .removeInspectionTemplateButton, .addSectionIcon, .editSectionButton, .editQuestionButton {
    background-position: left center;
    background-repeat: no-repeat;
    outline: none;
    border: none !important;
    background-color: transparent !important;
    padding-left: 8px !important;
    padding-right: 12px !important;
}

/* inspection templates*/

.multiLineDisplay {
    white-space: pre;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.questionText {
    font-weight: bold;
}

.addSectionContainer {
    padding-bottom: 20px;
}

.observationQuestionMargin {
    margin-left: 25%;
    padding: 5px !important;
}

.childSectionContainer {
    margin-left: 20px;
}

.questionIndent {
    margin-left: 20px;
}

.regulatoryReviewObservation {
    margin-left: 16%;
}

/* end inspection templates */


/* Place holders for jQuery Selector*/
.confirmMe {
}


.inspection-final-action-msg {
    color: blue;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 15px;
}



/*------------------------------------------------------------
  Tenement Disturbance Overview Data.
------------------------------------------------------------*/
.activity-viewcolumn-dist-type {
    width: 28%;
}

.activity-viewcolumn-dist-type-dialog {
    width: 20%;
}

.activity-viewcolumn-dist-type-value-dialog {
    width: 20%;
}

.activity-viewcolumn-dist-type-value {
    width: 12%;
}

.activity-viewcolumn-dist-type-RLE {
    width: 12%;
    text-align: right;
    word-wrap: break-word;
}

.activity-supportevidence-label {
    color: #4682b4;
}

/*------------------------------------------------------------
  Tenement Disturbance Data.
------------------------------------------------------------*/
.activity-viewcolumn-dist-type {
    width: 28%;
}

.activity-viewcolumn-dist-type-value {
    width: 12%;
}

.activity-viewcolumn-dist-type-RLE {
    width: 12%;
    text-align: right;
    word-wrap: break-word;
}

/*------------------------------------------------------------
  Activity Disturbance Data.
------------------------------------------------------------*/
.ActivityData {
    padding: 1em;
    background-color: #EEEEDD;
    border: 1px solid #CCC;
    max-width: 1000px;
}

    .ActivityData input {
        font-family: Arial;
    }

    .ActivityData b {
        font-weight: bold;
    }

    .ActivityData p {
        margin-top: 0.9em;
        margin-bottom: 0.9em;
    }

    .ActivityData select[multiple] {
        width: 100%;
        height: 8em;
    }

    .ActivityData h2 {
        margin-top: 0.4em;
        font-weight: bold;
        font-size: 1.2em;
    }

    .ActivityData th {
        text-align: left;
        font-weight: bold;
    }

    .ActivityData .totalDisturbance {
        text-align: right;
        padding-right: 2em;
    }

    .ActivityData .grandTotal {
        border-top: 1px solid silver;
        padding-top: 0.5em;
        font-size: 1.2em;
    }

        .ActivityData .grandTotal SPAN {
            font-weight: bold;
        }

    .ActivityData table, .ActivityData td, .ActivityData th {
        padding: 0.2em;
        border-width: 0;
        margin: 0;
        vertical-align: top;
    }

        .ActivityData td input, .ActivityData td select {
            width: 8em;
        }

        .ActivityData td.totalDisturbance input {
            width: 4em;
        }

        .ActivityData td select {
            height: 1.8em;
            white-space: nowrap;
        }


.tableActivity {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    font-size: 11px;
    font-weight: normal;
    width: 100%;
    padding: 10px;
}

    .tableActivity thead th {
        text-align: left;
    }

    .tableActivity tbody tr:nth-child(even) {
        background: #f5f5f5;
    }

    .tableActivity tbody tr:nth-child(odd) {
        background: #edeae1;
    }

    .tableActivity tbody tr:hover td {
        background-color: #FEFEFE;
    }

.tableActivity-disturbanceBg {
    background: rgb(255, 233, 234);
}

.tableActivity-activityBg {
    background: rgb(240, 240, 240);
}

.tableActivity-confrimBg {
    background: rgb(250, 158, 158);
}

.tableActivity-rehabilitationBg {
    background: rgb(223, 241, 210);
}

.tableActivity-totalAreaBg {
    background: rgb(231, 242, 244);
}

.tableActivity-rleBg {
    background: rgb(237, 232, 236);
}

.tableActivity-areaApprovedBg {
    background: rgb(239, 225, 236);
}

.tableActivity td, th {
    border: solid 1px #cccccc;
    padding-left: 5px;
    padding-right: 5px;
}

.tableActivity input {
    width: 50px;
    text-align: right;
}

.tableActivity-activityLine-IndustrySubmittied input {
    width: 14px;
}

.table-activity-clear td, .table-activity-clear th, .table-activity-clear tr {
    border: 0px;
    background: transparent;
}

input.error, select.error {
    background: #fbd9d9;
}

label.error {
    color: Red;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CC3366 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: none none none;
    border-width: 1px medium medium;
    clear: none;
    color: #CC3366;
    display: inline;
    float: none;
    font-size: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    width: auto;
}

div.boxwrap div {
    float: left;
    padding-right: 2px;
}

    div.boxwrap div h5 {
        text-align: left;
    }

div.clearfloat {
    clear: both;
}

.manageuser-userdetails-label {
    font-weight: bold;
}

.manageuser-userdetails-grantablerole-dropdown {
    min-width: 180px;
}

.manageuser-revoke-role, .manage-action {
    font-weight: bold;
    color: #85a446 !important;
}

.manageuser-revoke-role-disabled {
    color: gray !important;
}

/* Workflow UI display classes*/
.workflow-nonuiactionabletasks-text{
    font-style: italic;
    font-weight: lighter;
}

.workflow-task-taskname, .workflow-task-initiatedat, .workflow-task-completedat, .workflow-task-actions,
.workflow-task-taskname-title, .workflow-task-initiatedat-title, .workflow-task-completedat-title, .workflow-task-actions-title {
    min-height: 20px;
    padding-left: 2px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #dddddd;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #dddddd;
}

.workflow-task-taskname-title, .workflow-task-initiatedat-title, .workflow-task-completedat-title, .workflow-task-actions-title {
    font-weight: bold;
    background-color: #dddddd;
}

.workflow-task-taskname, .workflow-task-taskname-title {
    float: left;
    width: 340px;
}

.workflow-task-initiatedat, .workflow-task-initiatedat-title {
    float: left;
    width: 180px;
}

.workflow-task-completedat, .workflow-task-completedat-title {
    float: left;
    width: 180px;
}

.workflow-task-actions, .workflow-task-actions-title {
    float: left;
    width: 245px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #dddddd;
}

.workflow-current-state {
    background-image: url(../images/collapsible-section-background-yellow.png);
    background-repeat: repeat-x;
}

.workflow-completed-state {
    background-image: url(../images/collapsible-section-background-green.png);
    background-repeat: repeat-x;
}

.workflow-history-display {
    background-image: url(../images/workflow/history16.png);
    background-repeat: no-repeat;
    margin-top: 7px;
    width: 20px;
}

.workflow-rolledback-state {
    background-image: url(../images/workflow/arrow_redo.png);
    background-repeat: no-repeat;
    margin-top: 7px;
    height: 25px;
}

.workflow-task-container {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #dddddd;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #dddddd;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #dddddd;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #dddddd;
    margin-left: 5px;
    margin-right: 5px;
}

/* Workflow Task Edit Styles*/
.workflow-taskinit-labelcolumn, .workflow-taskinit-valuecolumn {
    display: table-cell;
    min-height: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 4px;
    border: none;
    padding: 0;
    float: left;
}

.workflow-taskinit-label {
    padding-right: 4px;
}

.workflow-taskinit-labelcolumn {
    width: 15%;
    padding-top: 4px;
}

.workflow-taskinit-valuecolumn {
    width: 85%;
}

    .workflow-taskinit-valuecolumn input[type="text"], textarea.workflow-taskinit-valuecolumn {
        width: 500px;
    }

.workflow-taskinit-initiatedAt input[type="text"] {
    width: 100px;
}

.workflow-custom-footer {
    padding-top: 15px;
    height: 30px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.workflow-custom-footer-buttons {
    padding-right: 5px;
    float: right !important;
}

.workflow-generictask-editaction-title, .workflow-generictask-statedesc-title, .workflow-generictask-answer-title, .workflow-generictask-docs-title, .workflow-generictask-completedat-title {
    font-weight: bold;
    background-color: #dddddd;
}

.workflow-custom-footer-buttons button {
}

.workflow-all-completed-message, .workflow-possible-endstate-message {
}

.selectAllIcon {
    padding: 15px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../Images/select_all.png');
}

.workflow-state-title-name {
    font-weight: bold;
}

.workflow-state-title-kpi {
    width: 5%;
    font-size: 0.85em;
}

.workflow-state-title-actionedbyuser {
    width: 20%;
    font-size: 0.85em;
}

.workflow-state-title-displaystateenddate {
    width: 15%;
    font-size: 0.85em;
}

.workflow-state-title-displaystatestartdate {
    width: 15%;
    font-size: 0.85em;
}

.workflow-genericdlg-state-name, .workflow-reviewerselection-guidelines {
    font-style: italic;
    padding-bottom: 7px;
}

.header-columm-inner {
    float: right;
}

.header-section-1 {
}

.header-section-2 {
    width: 300px;
}

.header-section-3 {
    width: 250px;
}

.header-section1-column1 {
    width: 100px;
    float: left;
}

.header-section1-column2 {
    width: 10px;
    float: left;
    text-align: center;
}

.header-section1-column3 {
    float: left;
    width: 250px;
}

.header-section2-column1 {
    width: 100px;
    float: left;
}

.header-section2-column2 {
    width: 10px;
    float: left;
    text-align: center;
}

.header-section2-column3 {
    float: left;
    width: 190px;
}

.header-section3-column1 {
    width: 170px;
    float: left;
}

.header-section3-column2 {
    width: 10px;
    float: left;
    text-align: center;
}

.header-section3-column3 {
    float: left;
    width: 30px;
}

.header-section3-column3-nowidth {
    float: left;
}

.header-actions-column {
    width: 210px;
}

.activityInformation-IndustrySubmitted {
    float: left;
    margin-top: 15px;
    margin-bottom: 9px;
}

.activityInformation-IndustrySubmitted-CheckBox {
    padding-top: 5px;
}

.activityInformation-input {
    margin-top: 9px;
    margin-bottom: 9px;
}

.workflow-action-reassign, .workflow-action-cancel, .workflow-action-restart {
    width: 120px;
}

.workflow-reassign-userwildcard-container, .workflow-cancel-reason-container {
    padding-top: 15px;
}

.workflow-reassign-userwildcard {
    width: 200px;
}

.workflow-cancel-reason {
    width: 410px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.dateTimePicker {
    width: 150px;
    }
.anyTenementConditionComplianceIsNo {
    background: rgba(207, 58, 53, 0.3);
}
.conditionComplianceIsNo {
    border-color: rgba(207, 58, 53, 0.7) !important;
    border-width: 2px !important;
    border-style: solid;
}

.minedex-groupsite-field {
    height: 125px !important;
    padding-top: 0px !important;

}

.commsdetails-column-1 {
    font-family: sans-serif; 
    width:28%; 
    float:left
}

.tenementDataAggregate-whitespace {
    margin-bottom: 5px;
    margin-top: 5px;
}

.tenementDataAggregate-SuppoprtingEvidence {
    font-size: medium;
    margin-bottom: 15px;
    margin-top: 15px;
}

.tenementDataAggregate-SuppoprtingEvidenceComment {
    font-size: small;
}

.tenementDataAggregate-documents {
     margin-bottom: 15px;
    margin-top: 15px;
}

.tenementDataAggregate-IndustryEvidence {
    margin-bottom: 15px;
    margin-top: 15px;
}

.obligationsetup-status-label {
    font-weight: normal !important;
}

.obligationsetup-duemonth-label {
    font-weight: normal !important;
}

TD.grid-link a, DIV.grid-link a {
    color: #85a446;
    font-weight: bold !important;
    cursor: pointer;
}

TD.grid-link a:hover, DIV.grid-link a:hover {
    font-weight: bold !important;
    color: orange;
}

.currentlyAerApplicableIcon {
    background-image: url(../images/active.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.auditInspectionRowText {
    font-weight: normal !important;
}

.reportDetailsNoCompany {
    font-weight: bold;
    background-color: mistyrose;
    width: 685px;
}

/* Standard Search filter & results button classes */
.standard-search-filter-button-set {
    padding-top: 5px;
    float: right;
}

.standard-search-results-button-set {
    display: block;
    min-height: 30px;
    padding-bottom: 15px;
    clear: both;
    float: right;
}

.finding-more-detail-row {
    display: block;
    min-height: 30px;
    padding-top: 20px;
    padding-bottom: 5px;
    clear: both;
    float: left;
}

.site-profile-tenement-select-bar {
    border: rgb(227, 227, 255);
    border-style: solid;
    border-width: 1px; 
    margin-bottom: 10px; 
    padding: 5px;
    background-color: rgb(227, 227, 255);
}

.mrf-wflowsmry-workflowlink {
    width: 15px
}

.mrf-wflowsmry-referenceid {
    width: 85px
}

.mrf-wflowsmry-starteddate {
    width: 70px
}

.mrf-wflowsmry-completeddate {
    width: 70px
}

.mrf-wflowsmry-assignedto {
    width: 150px
}

.mrf-wflowsmry-totalupb {
    width: 120px
}

.mrf-wflowsmry-status {
}

/*-------------------------------------------
    Regulatory Action
-------------------------------------------*/

.regulatoryActionSectionText {
    width: 70px;
}

.regulatoryActionRichTextArea {
    width: 100%;
    font-size: inherit;
}

.RegulatoryActionHeading {
    font-weight: bold;
    font-size: 1.2em;
    padding: 8px;
    margin-top: 2px;
    margin-bottom: 10px;
}

.regulatoryActionSaveCancelButtons {
    float: right; 
    margin-bottom: 10px;
}

.searchIconAlt 
{
padding-left: 22px;
background-image: url(../Images/Search_Blue.png);
background-repeat: no-repeat;
background-position: left;
cursor: pointer;
}
.clearIconAlt 
{
padding-left: 22px;
background-image: url(../Images/ClearIcon_Blue.png);
background-repeat: no-repeat;
background-position: left;
cursor: pointer;
}

.siteAerRefLabelColumn {
    width: 137px;
    color: #595a5c;
    font-weight: bold;
}

.siteAerRefLabelBreak {
    width: 10px;
}

textarea.regact-cancel-text {
    width: 625px;
}

select.assmtInfoDdl {
    font-size:1em; 
    line-height:18px; 
    height:18px; 
    margin: 0em;
}

#MultiGridDisplay_Items {
    overflow: visible !important;
}

.ui-dialog-overflow {
    overflow: visible !important;
}

.no-close .ui-dialog-titlebar-close {
    display: none
}

.divBreak {
    max-width: 1200px;
    word-wrap: break-word;
}

.wordWrapDescription {
    word-wrap:break-word !important;
    max-width: 100px !important;
}

.align-right-text {
    text-align:right!important;
}


.ui-state-highlight-customise {
    border: 1px solid #fed22f;
    background: #f4cf8a url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
}