/*
=================== OWN CSS STYLE CLASSES ==============


html, body {height: 100%;}

#pageDiv {min-height: 100%;}

#contentWrapper {overflow:auto;
height: 100%;
    padding-bottom: -150px;}

#footerWrapper {position: relative;
    margin-top: -150px;
    height: 150px;
    clear:both;}

#contentTable {
    height: 100%;
    padding-bottom:-150px;
    overflow: auto;
}
*/
.LoginPage {
    margin-right: auto;
    margin-left: auto;
    margin-top: 3%;
    width: 710px;
}

#centerDiv {
    text-align: center;
}

.LoginPage #headerDiv {
    background: url(./css-images/loginheader_bg.png);
    height: 51px;
    padding-top: 14px;
}

.LoginPage #actionsDiv {
    display: none;
}

.LoginPage #contentDiv {
    background: url(./css-images/loginbody_bg.png);
    padding-bottom: 15px;
}

.LoginPage #footerDiv {
    margin-top: 0px;
    height: 70px; /* 70 - 4px padding-top */
    background: url(./css-images/loginfooter_bg.png) no-repeat #F2F2F2;
}

#mainPanel {
    padding-bottom: 16px;
}

.runnerPageDiv {
    background: #F2F2F2;
}

body {
    background: #F2F2F2;
}

#footerWrapper {
    background: url(./css-images/footer_bg.png) repeat-x #E6E6E6;
}

#footerWrapper .icedatTbl {
    border: 1px solid #999999;
}

a:focus {
    outline: none;
}

a:link {
    text-decoration: none;
    outline: none;
}

.inputTextHalfPage {
    width: 50%;
}

.commandButtonFloatRightMarginBottom {
    float: right;
    width: 7em;
    margin-left: 16px;
    margin-right: 0px;
    margin-bottom: 0.75em;
}

.commandButtonRunnerFloatRight {
    float: right;
    width: 7em;
    margin-right: 16px;
    margin-left: 0px;
    margin-bottom: 0.75em;
}

.commandButtonRunnerFloatRightLarge {
    float: right;
    width: 8em;
    margin-right: 16px;
    margin-left: 0px;
    margin-bottom: 0.75em;
}

.commandButtonRunnerFloatRight-dis {
    color: gray;
    float: right;
    width: 7em;
    margin-right: 16px;
    margin-left: 0px;
    margin-bottom: 0.75em;
}

.commandButtonRunnerFloatRightLarge-dis {
    color: gray;
    float: right;
    width: 8em;
    margin-right: 16px;
    margin-left: 0px;
    margin-bottom: 0.75em;
}

.outputLabelCheckBox {
    font-weight: bold;
    white-space: nowrap;
    padding-left: 1em;
    vertical-align: top;
}

.filterHeaderLabelEmpty {
    font-weight: normal;
}

.filterHeaderLabelActive {
    font-weight: bold;
}

.trendPanel {
    height: 24px;
    width: 24px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin-right: 1em;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.noWrap {
    white-space: nowrap;
}

.lineDiv {
    font-size: 0.1px;
    width: 100%;
    height: 1px;
    border: 0;
    border-top: 1px black solid;
    padding: 0;
    margin: 0;
}

a.inlineEdit {
    text-decoration: none;
    cursor: text;
}

a:hover.inlineEdit {
    background: #f5f5b5;
    cursor: text;
}

#LanguagePanelForm\3ALoginPanelLanguageSelector {
    white-space: nowrap;
}

.reportConfigurableName {

}

.graphicImageRightBottom {
    vertical-align: bottom;
    padding-left: 5px;
}

.panelSeriesGrayBorder {
    border: 1px solid #D3D7CF;
}

.panelSeriesGrayBorderNoTop {
    border: 1px solid #D3D7CF;
    border-top: none;
}

.messageOfTheDayGrid {
    text-align: center;
    width: 600px;
}

.outputTextMessageOfTheDay {
    font-size: 1.2em;
    color: #771d18;
    font-weight: bold;
}

.outputTextMessageOfTheDayDate {
    color: #555555;
}

.panelDividerFilter {

}

.dataTableFilter {
    margin-top: 5px;
}

.dataTableOrder {
    margin-top: 5px;
}

.dataTableFilterHeader {
    background-color: #729fcf;
}

.dataTableOrderHeader {
    background-color: #729fcf;
}

.dataExporter {
    vertical-align: middle;
}

.dataExporterBoolean {
    vertical-align: middle;
}

.dataExporterPagination {
    margin-left: 0.5em;
}

.dataExporter a img {
    border: none;
}

.dataTableOptionsSeparator {
    float: right;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#headerKlarosLink img {
    border-style: none;
}

#headerVeritLink img {
    border-style: none;
}

#headerDiv { /*border-bottom: 1px solid #bbbbbb;*/ /*W*/
    height: 54px; /*W*/
    padding-top: 6px; /*W*/ /*padding-bottom: 2px;*/ /*W*/
    background: url(./css-images/header_bg.png);
}

#headerDiv table {
    font-size: 11px;
}

td.logoLeft {
    padding-left: 18px;
    padding-right: 50px;
    padding-bottom: 2px;
    vertical-align: bottom;
}

#projectInfo {
    padding-bottom: 0px;
}

td.logoRight {
    padding-top: 0px;
    padding-left: 36px;
    padding-right: 30px;
    padding-bottom: 0px;
}

#actionsDiv {
    padding-top: 5px; /*W*/
    /*padding-bottom: 5px;                                                                  /*W*/
    /*background-image: url("./../../pages/images/shadow2.png");*/ /*W*/
    background: url(./css-images/shadow_up.png) bottom repeat-x #E6E6E6;
    background-repeat: repeat-x;
    width: 100%;
}

#ActionsPanel a {
    color: #555753;
    text-decoration: none;
}

table#ActionsPanel {
    border: 0;
    padding: 0;
    border-collapse: collapse;
    font-size: 11px;
    width: 100%;
}

#ActionsPanel td {
    padding: 0;
}

#ActionsPanelForm\3AprimaryActionsTable center {
    width: 72px;
}

#ActionsPanelForm\3AprimaryActionsTable td {
    text-align: center;
}

td#ActionsPanelForm\3AprimaryActions-0-1 {
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#ActionsPanelForm\3AprimaryActions-0-2 td {
    padding-right: 2px;
}

#ActionsPanelForm\3AprimaryActions-0-3 td {
    padding-right: 8px;
}

#ActionsPanelForm\3AsecondaryActions-0-0 {
      width: 44px;
}

#ActionsPanelForm\3AsecondaryActions-0-1 {
      width: 44px;
}

#ActionsPanelForm\3AsecondaryActions td {
    padding-right: 2px;
}

td.ActionsPanelForm\3AsecondaryActions-0-0 {
    padding-right: 2px;
}

td.ActionsPanelForm\3AsecondaryActions-0-1 {
    padding-right: 2px;
}

td.ActionsPanelForm\3AsecondaryActions-0-2 {
    padding-right: 2px;
}


#ActionsPanelForm\3AsecondaryActions-0-2 td {
    padding-right: 2px;
}

#ActionsPanelForm\3AquickselectLabel td {
    padding-right: 0px;
}

#ActionsPanelForm\3AquickselectButtons td {
    padding-right: 0px;
}

.smallImage {
    width: 44px;
}

#ActionsPanel img {
    border: 0;
    padding-left: 16px;
    padding-right: 16px;
}

form {
    margin: 0;
}

#navigationHeadLine {
    color: #555753;
    height: 10px;
    margin-top: 2px;
    /*border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;                                                                             /*W*/
    /*border-right: 1px solid #aaaaaa;*/
}

#navigation {
    color: #555753;
    /*background-color: #d3d7cf;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;*/ /*W*/
    background: url(./css-images/nav_bg.png) repeat-x #808080; /*W*/
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 128px;
}

#navigation input {
    color: #F0F0F0;
}

#pageDiv {
    background: #C0C0C0; /*W*/
}

#contentDiv {
    /*background-color: #FFF;                                                                                   /*W*/
    padding: 0;
    width: 100%;
}

#contentDiv table {
    font-size: 11px;
    border-spacing: 0px;
}

td#content-0-0 {
    background: url(./css-images/CElogo.png) no-repeat right bottom #808080;
    /*W*/
    padding: 0;
    margin: 0;
}

td#content-0-1 {
    background: url(./css-images/content_bg.png) repeat-x #FFFFFF; /*W*/
    padding: 0;
    margin: 0;
    width: 100%;
}

#actionsDiv table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

table#content {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

#mainPanel {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: transparent;
    /*background-image: url("./../../pages/images/shadow2.png");                                                            /*W*/
    /*background-repeat: repeat-x;*/
}

#mainPanel table {
    border: 0px none;
    border-collapse: collapse;
}

#mainPanel .icedatTbl {
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

#footerCopyrightSpan {
    padding-left: 5px;
    padding-right: 0px;
    color: #555753;
}

#footerVeritLink {
    color: #555753;
}

#footerVersionSpan {
    float: right;
    padding-right: 5px;
    color: #555753;
}

#footerStatusDiv {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.LoginPage #footerStatusDiv {
    padding-left: 16;
    padding-right: 16;
    width: auto;
}

#footerStatusForm\3AstatusDiv {
    overflow: auto;
}

#footerDiv {
    padding-top: 4px;
    margin-top: 12px;
    color: #555753;
    background-color: transparent;
    background: url("./css-images/page_bottom.png") repeat-y #F2F2F2;
    /*W*/
    background-repeat: repeat-x;
    width: 100%;
    height: 30px;
    font-size: 11px;
}

#footerDiv table {
    font-size: 11px;
}

#statusError {
    color: red;
    font-weight: bold;
}

#separatorDivSmaller {
    height: 0.1em;
}

#separatorDivSmall {
    height: 1em;
}

#footerStatusDiv\3AstatusDiv {
    height: 5em;
    overflow-y: auto;
}

#separatorDivMedium {

}

#separatorDivBigger {
    height: 3em;
}

#subviewTestCaseSteps\3AtestStepsTableTCSteps {
    margin-top: 1em;
}

input {
    margin-left: 2px;
    margin-right: 2px;
}

.verticalAlignSuper {
    color: black;
    margin-right: 1em;
    margin-left: 0.2em;
    vertical-align: super;
}

.columnWithPointer {
    cursor: pointer;
}

.idColumnDataTable {
    overflow: auto;
}

.graphicImageDataTable {

}

.graphicImageMarginRight {
    margin-right: 32px;
}

.selectManyListboxStandard {

}

.selectManyListboxDisabled {

}

.dataTableStatusMessages {
    font-size: 11px;
}

.columnAsSmallAsPossible {
    width: 2em;
    white-space: nowrap;
    padding-right: 0.5em;
}

.chartStandard {

}

.graphicImageStatusMessages {

}

.calendarStandard {

}

.iceFacesMessages {
    font-size: .7em;
}

.panelGridHeaderStandard {
    text-align: left;
}

.iceFacesMessagesError {
    color: fuchsia;
}

.iceFacesMessagesFatal {
    color: red;
}

.iceFacesMessagesInfo {
    color: blue;
}

.iceFacesMessagesWarn {
    color: yellow;
}

.columnCentered {
    text-align: center;
}

.treeStandard {
    text-align: left;
}

.outputLnkImage {
    border-style: none;
    color: white;
}

.dataTableStandard {
    empty-cells: show;
}

.dataPaginatorStandard {
    width: auto;
    text-align: center;
}

.dataPaginatorTextFormat {

}

.collapsiblePanelStandard {
    border-style: none;
}

.collapsiblePanelWholePageHdr,.collapsiblePanelWholePageColpsdHdr {
    border-style: none;
    width: 100%;
}

.statusHeaderLbl {
    padding-left: 10px;
}

.statusHeaderImg {
    padding-right: 10px;
}

.confirmationHeaderLbl {
    padding-left: 10px;
}

.confirmationText {
    vertical-align: top;
}

.confirmationImg {
    float: right;
}

.panelPopupConfirmation {
    vertical-align: top;
    width: 36em;
}

.panelPopupConfirmationHdr {
    border-left: 0px solid #D3D7CF;
    border-top: 0px solid #D3D7CF;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
}

.gridVerticalAlignTop {
    vertical-align: top;
    border-style: none;
    text-align: left;
}

.gridVerticalAlignTopRight {
    vertical-align: top;
    border-style: none;
    text-align: right;
}

.gridVerticalAlignTopFloatRight {
    vertical-align: top;
    border-style: none;
    float: right;
}

.gridVerticalAlignTopPaddingLeft {
    vertical-align: top;
    border-style: none;
    margin-left: 2em;
}

.gridVerticalAlignTopPaddingRight {
    vertical-align: top;
    border-style: none;
    margin-right: 1em;
}

.gridVerticalAlignBottom {
    vertical-align: bottom;
    border-style: none;
}

.gridVerticalAlignMiddle {
    vertical-align: middle;
    border-style: none;
}

.gridLabel {
    vertical-align: middle;
    border-style: none;
    padding-left: 16px;
    padding-right: 5px;
    white-space: nowrap;
}

.gridLabelTop {
    vertical-align: top;
    border-style: none;
    padding-left: 16px;
    padding-right: 5px;
    white-space: nowrap;
}

.gridLabelMorePadding {
    vertical-align: top;
    border-style: none;
    padding-left: 16px;
    white-space: nowrap;
}

.gridVerticalAlignTopCenter {
    vertical-align: top;
    border-style: none;
    padding-right: 5px;
    text-align: center;
}

.gridVerticalAlignTop {
    vertical-align: top;
}

.gridVerticalAlignTopHalfPage {
    vertical-align: top;
    border-style: none;
    text-align: left;
    width: 50%;
}

.gridVerticalAlignTopFourtyPercent {
    vertical-align: top;
    border-style: none;
    text-align: left;
    width: 40%;
}

.gridLabelQuarter {
    vertical-align: middle;
    border-style: none;
    padding-left: 10px;
    padding-right: 5px;
    white-space: nowrap;
}

.gridLabelQuarterSmall {
    vertical-align: middle;
    border-style: none;
    padding-left: 10px;
    padding-right: 5px;
    white-space: nowrap;
    width: 1px;
}

.gridEmptyStyle {
}

.gridSmall {
    width: 1px;
}

.gridVerticalAlignTopThreeOfAQuarterPage {
    vertical-align: top;
    border-style: none;
    text-align: left;
    width: 100%;
}

.gridVerticalAlignTopWholePage {
    vertical-align: top;
    border-style: none;
    text-align: left;
    width: 100%;
}

.gridVerticalAlignBottomWholePage {
    vertical-align: bottom;
    border-style: none;
    text-align: left;
    width: 100%;
}

.gridVerticalAlignTopNoPaddingRight {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    vertical-align: top;
    border-style: none;
    text-align: center;
    float: right;
}

.gridVerticalAlignTopNoPadding {
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    vertical-align: top;
    border-style: none;
    text-align: center;
}

.gridWholePage {
    vertical-align: top;
    border-style: none;
    width: 100%;
}

.placeHolderClass {

}

.widthNullClass {
    width: 1px;
}

.gridWholePageVeritBackground {
    vertical-align: top;
    border-style: none;
    width: 100%;
    background-color: #D3D7CF;
}

.gridWholePageWithMargin {
    vertical-align: top;
    border-style: none;
    margin-left: 2em;
    width: 100%;
}

.btnStandardFloatRight {
    float: right;
}

.gridFloatLeft {
    vertical-align: top;
    border-style: none;
    float: left;
}

.gridFloatRight {
    vertical-align: top;
    border-style: none;
    float: right;
}

.gridFloatLeft70Percent {
    vertical-align: top;
    border-style: none;
    float: left;
    width: 70%
}

.gridFloatRight30Percent {
    vertical-align: top;
    border-style: none;
    float: right;
    width: 30%
}

.gridFloatLeft30Percent {
    vertical-align: top;
    border-style: none;
    float: left;
    width: 20%
}

.gridFloatRight70Percent {
    vertical-align: top;
    border-style: none;
    float: right;
    width: 80%
}

.gridColumnEmpty {

}

.gridColumnWidthNull {
    width: 0;
}

.gridPanelWithBackground {

}

.gridVerticalAlignTopSmall {
    border-style: none;
    vertical-align: top;
    text-align: left;
    width: 1px;
}

.groupFixWidth {
    width: 22em;
}

.groupAlignLeftPaddingRight {
    text-align: left;
    padding-right: 20px;
    float: right;
}

.groupAlignRightPaddingRight {
    text-align: right;
    padding-right: 20px;
    float: right;
}

.groupPaddingLeftLarge {
    width: 100%;
}

.tableGroup {
    width: 100%;
}

.outputTextBigHeader {
    font-size: 2em;
    font-weight: bold;
    vertical-align: bottom;
}

.outputTextHeader {
    font-size: 1.5em;
    font-weight: bold;
}

.outputTextNoWrap {
    white-space: nowrap;
}

.outputTextHint {
    color: #555555;
    font-size: 1em;
}

.outputTextBigHeaderBlackNotBold {
    color: black;
    font-size: 2em;
}

.outputTextBigHeaderBlack {
    color: black;
    font-size: 2em;
    font-weight: bold;
    text-shadow: #FFFFFF 0px 1px; /*W*/
}

.outputTextStandard {

}

.outputTextError {
    font-weight: bold;
    color: red;
}

.panelGroupAlignRight {
    text-align: right;
}

.panelGroupAlignLeft {
    text-align: left;
}

.outputTextBold {
    font-weight: bold;
}

.outputLabelStandard {
    font-weight: bold;
    white-space: nowrap;
    margin-right: 4px;
}

.outputTextHeaderRed {
    color: red;
    font-size: large;
    font-weight: bold;
}

.outputTextLink {
    color: blue;
    text-decoration: underline;
}

.outputTextWholePage {
    width: 100%;
}

.outputTextDataTable {

}

.outputLnkImage {

}

.outputLinkStandard {

}

table.outputProgressSmall .iceOutProgBg {
    width: 60px;
}

table.outputProgressSmallPassed .iceOutProgBg {
    width: 36px;
    background-color: #888a85;
    border: 1px solid #555753;
}

table.outputProgressSmallPassed .iceOutProgFill {
    background-color: #4e9a06;
}

table.outputProgressSmallPassed .iceOutProgTxt {
    color: #ffffff;
}

table.outputProgressSmallFailed .iceOutProgBg {
    width: 36px;
    background-color: #888a85;
    border: 1px solid #555753;
}

table.outputProgressSmallFailed .iceOutProgFill {
    background-color: #f57900;
}

table.outputProgressSmallFailed .iceOutProgTxt {
    color: #ffffff;
}

table.outputProgressSmallError .iceOutProgBg {
    width: 36px;
    background-color: #888a85;
    border: 1px solid #555753;
}

table.outputProgressSmallError .iceOutProgFill {
    background-color: #cc0000;
}

table.outputProgressSmallError .iceOutProgTxt {
    color: #ffffff;
}

.inputSelectionStandard {
    border: 1px solid grey;
}

.inputSelectionStandard-dis {
    border: 1px solid grey;
}

.inputSelectionAsLongAsPossible {
    width: 100%;
    border: 1px solid grey;
}

.inputSelectionAsLongAsPossible-dis {
    width: 99%;
    border: 1px solid grey;
}

.inputTextStandard {

}

.inputTextStandard-dis {

}

.inputTextWholePage {
    width: 100%;
}

table#content .inputTextMonoWholePage {
    font-family: monospace;
    font-size: 110%;
    width: 100%;
}

.inputTextWholePage-dis {
    width: 100%;
}

.inputTextAsLongAsPossible {
    width: 99%;
}

.inputTextAsLongAsPossible-dis {
    width: 99%;
}

.commandButtonFloatRight {
    float: right;
    width: 7em;
    margin-left: 16px;
    margin-right: 0px;
}

.commandButtonFloatRightLarge {
    float: right;
    width: 8em;
    margin-right: 16px;
    margin-left: 0px;
}

.commandButtonFloatLeft {
    float: left;
    width: 6em;
    margin-right: 16px;
    margin-left: 0px;
}

.commandButtonFloatLarge {
    float: left;
    width: 8em;
    margin-right: 16px;
    margin-left: 0px;
}

.commandButtonStandard {
    width: 7em;
}

.commandLinkStandard {

}

.commandLinkStandard-dis {

}

.commandLinkSelected {
    font-weight: bold;
}

.commandLinkActive {

}

.commandLinkTreeStandard {
    background-color: transparent;
    border: none;
    padding: 0px;
    text-align: left;
}

.panelGroupStandard {
    border-style: none;
}

.panelGroupStandardWholePage {
    border-style: none;
    width: 100%;
}

.panelGroupStandardFloatRight {
    border-style: none;
    float: right;
    width: 100%;
}

/*
=================== Font Family, Size and Color ==============
*/
    /* set the attributes for the font family, size and color for ALL elements on the page */
    /* make the fonts inside tables and forms == the default size of the page */
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0;
}

/* now set the size and other attributes of the fonts for any of the form elements for non-ICE form elements. (note this will also affect any ICE components that render out any of the following HTML tags  */
input,textarea,select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000000;
}

/*
=================== HTML Form Element Appearence ==============
*/ /* set the style elements for any of the textarea form elements   */
textarea {

}

fieldset {
    border: 0px none;
}

/* set the style elements for any of the select form elements   */
select {

}

/* set the style elements for any of the input form elements   */
input {

}

/*
=================== Style class definitions for ICE Standard Extended Component Appearance ==============
*/
.iceInpTxt,.iceInpSecrt,.iceInpTxtArea {
    border: 1px solid gray;
    background-color: #FFFFFF;
    margin: 2px;
    padding: 2px;
}

.iceSelMnyCb {
    white-space: nowrap;
}

.iceSelMnyCb input,.iceSelOneRb input,.iceSelBoolChkbx { /* margin: 1px;
    padding: 1px; */

}

.iceSelOneRb table tr td {
    padding: 1px;
}

.iceInpTxt,.iceInpSecrt {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 1px;
}

.iceSelOneMnu,.iceSelMnyLb,.iceSelMnyMnu,.iceSelOneLb {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 1px;
    margin: 1px;
}

.iceInpTxtArea {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    padding: 1px;
}

.iceOutTxt,.iceOutLbl {
    font-family: Arial, Helvetica, sans-serif;
    /* color: #000000; */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.iceCmdBtn {

}

.iceCmdLnk,.iceOutLnk {

}

/*
=================== ICE Component Appearence ==============
*/ /*
----------- Calendar Component classes
*/
.iceSelInpDate { /* calendar outline & background color */
    background-color: #DEDEDE;
    border: 1px solid #3465A4;
    /* removed margin from calendar outline - better absolute positioning of popup */
    /*margin:10px;*/
    margin-left: 1em;
}

.iceSelInpDateIFrameFix,.iceIEIFrameFix {
    z-index: -1;
    position: absolute;
    display: block;
    filter: mask();
}

.iceSelInpDateInput {
    width: 100px;
    margin: 2px;
}

.iceSelInpDateMonthYear,.iceSelInpDateTime {
    background-color: #3465A4;
    background-image: url( "./css-images/table_col_header.gif" );
    background-position: top;
    background-repeat: repeat-x;
    font-weight: normal;
    text-align: center;
    color: #FFFFFF;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px; /*border-right:1px solid #CCCCCC;*/
}

.iceSelInpDateTime {
    border-left: 1px solid #2A6CC2;
    border-bottom: 1px solid #2A6CC2;
    border-right: 1px solid #2A6CC2;
}

.iceSelInpDateMoYrDropdown,.iceSelInpDateTimeDropDown {
    background-color: #3465A4;
    font-weight: bold;
    color: #FFFFFF;
}

.iceSelInpDateWeek { /* the days of the week row */
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #729fcf;
    background-color: #729fcf;
}

/* set the look for the days of the week backgrounds */
.iceSelInpDateDay,.iceSelInpDateCur {
    /* the background & alignment for the days */
    padding: 3px;
    text-align: center;
}

.iceSelInpDateCur .iceOutTxt {
    color: #FFFFFF;
}

.iceSelInpDateDay .iceOutTxt {
    color: black;
}

/* now set the attributes for the numbers for each day of the week */
.iceSelInpDateDay a { /* the day text */
    text-decoration: none;
    background-color: #DEDEDE;
    color: black;
    width: auto;
    height: 100%;
    padding: 0px;
    display: block;
}

.iceSelInpDateCur a {
    text-decoration: none;
    background-color: #2A6CC2;
    border: 0px;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    padding: 0px;
    display: block;
}

/* now set the color attributes for the hover effect on non-current days */
.iceSelInpDateDay a:hover { /* the day text */
    text-decoration: none;
    color: #2A6CC2;
}

#calendarForm {
    padding: 0px;
    margin: 0px;
}

.iceSelInpDatePopup {
    min-width: 125px;
}

.iceSelInpDateOpenPopup {
    display: inline;
    text-decoration: none;
    background-color: transparent;
    background-image: url( "./css-images/cal_button.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 16px;
    height: 16px;
}

.iceSelInpDateClosePopup {
    display: inline;
    text-decoration: none;
    background-color: transparent;
    background-image: url( "./css-images/cal_off.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 16px;
    height: 16px;
}

.iceSelInpDateMovePrev {
    text-decoration: none;
    display: inline;
    background-color: transparent;
    background-image: url( "./css-images/cal_arrow_left.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 17px;
    height: 16px;
}

.iceSelInpDateMoveNext {
    text-decoration: none;
    display: inline;
    background-color: transparent;
    background-image: url( "./css-images/cal_arrow_right.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 17px;
    height: 16px;
}

/*
----------- Data Table Component classes
*/
.iceDatTbl { /* was iceDataTblOutline */
    width: 100%;
}

.iceDatTbl table {
    border-collapse: collapse;
}

.iceDatTbl tbody {

}

.iceDatTblColHdr,.iceDatTblColHdr1,.iceDatTblColHdr2,.iceDatTblColGrpHdrCol,.iceDatTblFtr
    { /* was iceTblHeader */ /*the header of a data tables */

}

.iceDatTblColHdr .iceOutTxt,.iceDatTblColHdr1 .iceOutTxt,.iceDatTblColHdr2 .iceOutTxt
    {
    color: #EEEEEC;
}

.iceDatTblColHdr .iceOutLbl,.iceDatTblColHdr1 iceOutLbl,.iceDatTblColHdr2 .iceOutLbl
    {
    color: black;
}

/* data tables are rendered with alternating row colors */
.iceDatTblRow1 { /* was iceTblRow1 */
    background-color: #eeeeec;
}

.iceDatTblRow2 { /* was iceTblRow2 */
    background-color: #FFFFFF;
}

/* set the common attributes for the column classes */
.iceDatTblCol,.iceDatTblCol1,.iceDatTblCol2 {
    /*was column, column1, column2, column3*/

}

.iceDatTblHdr {

}  /*was iceTblHeader */
.iceDatTblFtr {

}

.iceDatTblScrlSpr {

}

.iceDatTblScrlSprFtr {

}

.iceDatTblScrlSprFtr .iceDatTblFtr {

}

.iceDatTblScrlSpr .iceDatTblColHdr1,.iceDatTblScrlSpr .iceDatTblColHdr2
    {

}

.iceDatTblResHdlr {

}

.iceDatTblResBor {

}

.iceDatTblBlkTd {

}

.iceDatTblActvSrtHdr {

}

/*
----- for datatable when cell content length exceeds-----
*/
.iceDatTbl td span.iceOutTxt {
    display: block;
    padding: 2px 0px;
    /* cursor: pointer; */
}

/* etc */ /*
----------- Data Scroller Component classes
*/
.iceDatPgrScrOut { /* the class for the outside table */
    background-color: #FFFFFF;
    margin: 10px;
}

.iceDatPgrScrBtn { /* the cells behind the scroll buttons */
    background-color: #FFFFFF;
    padding: 2px;
}

.iceDatPgrScrBtn .iceCmdLnk-dis {
    border-bottom: none;
}

.iceDatPgrTbl { /* the container for the pagination*/

}

/* set the common attributes for the pagination numbers */
.iceDatPgrScrCol a,.iceDatPgrCol a {
    text-decoration: none;
    font-weight: normal;
    color: #666666;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid white;
}

* html .iceDatPgrCol a {
    width: 1%;
}

/* override the attributes for the currently selected page */
.iceDatPgrScrCol a {
    color: #FFFFFF;
    border: 1px solid #2A6CC2;
    background-color: #2A6CC2;
}

* html .iceDatPgrScrCol a {
    width: 1%;
}

/* set the attributes for the mouseover on none-current pages */
.iceDatPgrCol a:hover {
    color: #000000;
    border: 1px solid #2A6CC2;
}

/*
----------- File Tree Component classes
*/
.fileTreeOutlineClass {
    background-color: #FFFFFF;
    border: 2px solid #0056EA;
    margin: 10px;
}

.nodeClass {
    background-color: #FFFFFF;
    padding-left: 3px;
}

.footerClass {
    border-top: 1px solid #ABABAB;
    color: #666666;
    padding: 4px;
}

/*
----------- Tabbed Pane Component classes
*/ /* tabOn style classes */ /* Custom modifications */
.icePnlTbOn .MidMid div a {
    display: none;
}

.icePnlTbOff .MidMid div a {
    display: none;
}

.icePnlTbOff .MidMid-dis div a {
    display: none;
}

.icePnlTbOver .MidMid div a {
    display: none;
}

.icePnlTbOn .MidMid div span {
    cursor: pointer;
    display: block;
    padding-top: 0.5em;
    font-weight: bold;
    width: 12em;
}

.icePnlTbOff .MidMid div span {
    cursor: pointer;
    display: block;
    padding-top: 0.5em;
    font-weight: normal;
    width: 12em;
}

.icePnlTbOff .MidMid-dis span {
    cursor: pointer;
    display: block;
    padding-top: 0.5em;
    font-weight: normal;
    width: 12em;
}

.icePnlTbOver .MidMid div span {
    cursor: pointer;
    display: block;
    padding-top: 0.5em;
    font-weight: bold;
    width: 12em;
}

.icePnlTbOn { /*was iceTabSetTabOn*/

}

.icePnlTbOn .MidMid td {
    white-space: nowrap;
    text-align: center;
}

.icePnlTbOn .LftTop {
    background-color: transparent;
    background-image: url( "./css-images/on-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .MidTop {
    background-color: transparent;
    background-image: url( "./css-images/on-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .RtTop {
    background-color: transparent;
    background-image: url( "./css-images/on-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .LftMid {
    background-color: transparent;
    background-image: url( "./css-images/on-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .MidMid {
    background-color: transparent;
    background-image: url( "./css-images/on-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOn .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOn .MidMid a {
    width: 1%;
}

.icePnlTbOn .RtMid {
    background-color: transparent;
    background-image: url( "./css-images/on-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOn .LftBtm {
    background-color: transparent;
    background-image: url( "./css-images/on-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOn .MidBtm {
    background-color: transparent;
    background-image: url( "./css-images/on-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOn .RtBtm {
    background-color: transparent;
    background-image: url( "./css-images/on-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* tabOff style classes */
.icePnlTbOff { /* was iceTabSetTabOff */

}

.icePnlTbOff .MidMid td {
    white-space: nowrap;
    text-align: center;
}

.icePnlTbOff .LftTop {
    background-color: transparent;
    background-image: url( "./css-images/off-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .MidTop {
    background-color: transparent;
    background-image: url( "./css-images/off-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .RtTop {
    background-color: transparent;
    background-image: url( "./css-images/off-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .LftMid {
    background-color: transparent;
    background-image: url( "./css-images/off-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .MidMid {
    background-color: transparent;
    background-image: url( "./css-images/off-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOff .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOff .MidMid a {
    width: 1%;
}

.icePnlTbOff .RtMid {
    background-color: transparent;
    background-image: url( "./css-images/off-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOff .LftBtm {
    background-color: transparent;
    background-image: url( "./css-images/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOff .MidBtm {
    background-color: transparent;
    background-image: url( "./css-images/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOff .RtBtm {
    background-color: transparent;
    background-image: url( "./css-images/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* tabOver style classes */
.icePnlTbOver { /* was iceTabSetTabOver*/

}

.icePnlTbOver .MidMid td {
    white-space: nowrap;
    text-align: center;
}

.icePnlTbOver .LftTop {
    background-color: transparent;
    background-image: url( "./css-images/over-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .MidTop {
    background-color: transparent;
    background-image: url( "./css-images/over-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .RtTop {
    background-color: transparent;
    background-image: url( "./css-images/over-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .LftMid {
    background-color: transparent;
    background-image: url( "./css-images/over-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .MidMid {
    background-color: transparent;
    background-image: url( "./css-images/over-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOver .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOver .MidMid a {
    width: 1%;
}

.icePnlTbOver .RtMid {
    background-color: transparent;
    background-image: url( "./css-images/over-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOver .LftBtm {
    background-color: transparent;
    background-image: url( "./css-images/over-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOver .MidBtm {
    background-color: transparent;
    background-image: url( "./css-images/over-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOver .RtBtm {
    background-color: transparent;
    background-image: url( "./css-images/over-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* tabSpacer */
.icePnlTbSetSpcr {
    width: 100%;
    border-bottom: 1px solid #D3D7CF;
}

.icePnlTbSet { /* was iceTabSet */
    width: 100%;
}

.icePnlTbSetCntBtm { /*was iceTabSetBottom*/
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-right: 2px solid #0056EA;
    border-top: 2px solid #0056EA;
    border-left: 2px solid #0056EA;
    background-color: #FFFFFF;
}

.icePnlTbSetCnt { /* newly added class*/
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    /*
    border-right: 2px solid #0056EA;
    border-bottom: 2px solid #0056EA;
    border-left: 2px solid #0056EA;
*/
    background-color: #FFFFFF;
}

/* TABS ON BOTTOM STYLE CLASSES */ /* tabOn style classes */
.icePnlTbOnBtm { /* was iceTabSetTabOnBottom*/

}

.icePnlTbOnBtm .MidMid td {
    white-space: nowrap;
    text-align: center;
}

.icePnlTbOnBtm .LftTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-on-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
}

.icePnlTbOnBtm .MidTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-on-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    border: none;
}

.icePnlTbOnBtm .RtTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-on-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
}

.icePnlTbOnBtm .LftMid {
    background-color: transparent;
    background-image: url( "./css-images/on-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOnBtm .MidMid {
    background-color: transparent;
    background-image: url( "./css-images/on-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOnBtm .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOnBtm .MidMid a {
    width: 1%;
}

.icePnlTbOnBtm .RtMid {
    background-color: transparent;
    background-image: url( "./css-images/on-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOnBtm .LftBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-on-left-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOnBtm .MidBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-on-mid-bot.gif" );
    background-repeat: repeat-x;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOnBtm .RtBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-on-right-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

/* tabOff style classes */
.icePnlTbOffBtm { /* was iceTabSetTabOffBottom*/

}

.icePnlTbOffBtm .MidMid td {
    white-space: nowrap;
    text-align: center;
}

.icePnlTbOffBtm .LftTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-off-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center; /*padding-top:5px;    */
    border: none;
}

.icePnlTbOffBtm .MidTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-off-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center; /*padding-top:5px;  */
    border: none;
}

.icePnlTbOffBtm .RtTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-off-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center; /*padding-top:5px;    */
    border: none;
}

.icePnlTbOffBtm .LftMid {
    background-color: transparent;
    background-image: url( "./css-images/off-left-mid.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOffBtm .MidMid {
    background-color: transparent;
    background-image: url( "./css-images/off-mid-mid.gif" );
    background-repeat: repeat-x;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOffBtm .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOffBtm .MidMid a {
    width: 1%;
}

.icePnlTbOffBtm .RtMid {
    background-color: transparent;
    background-image: url( "./css-images/off-right-mid.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOffBtm .LftBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-off-left-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOffBtm .MidBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-off-mid-bot.gif" );
    background-repeat: repeat-x;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOffBtm .RtBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-off-right-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

/* tabOver style classes */
.icePnlTbOverBtm { /* was iceTabSetTabOverBottom*/

}

.icePnlTbOverBtm .MidMid td {
    white-space: nowrap;
    text-align: center;
}

.icePnlTbOverBtm .LftTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-over-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
}

.icePnlTbOverBtm .MidTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-over-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    border: none;
}

.icePnlTbOverBtm .RtTop {
    background-color: transparent;
    background-image: url( "./css-images/tbot-over-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
}

.icePnlTbOverBtm .LftMid {
    background-color: transparent;
    background-image: url( "./css-images/over-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOverBtm .MidMid {
    background-color: transparent;
    background-image: url( "./css-images/over-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.icePnlTbOverBtm .MidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
}

* html .icePnlTbOverBtm .MidMid a {
    width: 1%;
}

.icePnlTbOverBtm .RtMid {
    background-color: transparent;
    background-image: url( "./css-images/over-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.icePnlTbOverBtm .LftBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-over-left-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOverBtm .MidBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-over-mid-bot.gif" );
    background-repeat: repeat-x;
    padding-bottom: 5px;
    border: none;
}

.icePnlTbOverBtm .RtBtm {
    background-color: transparent;
    background-image: url( "./css-images/tbot-over-right-bot.gif" );
    background-repeat: no-repeat;
    padding-bottom: 5px;
    border: none;
}

/* tabSpacer */
.icePnlTbSetSpcrBtm { /* was iceTabSetTabSpacerBottom*/
    width: 100%;
    border-top: 1px solid #0056EA;
}

/* tabPanel */
.icePnlTbSetBtm {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-right: 2px solid #0056EA;
    border-top: 2px solid #0056EA;
    border-left: 2px solid #0056EA;
    background-color: #FFFFFF;
}

/*
------------- BorderLayout
*/
.icePnlBrdrNorth {
    font-weight: bold;
    height: 80px;
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
}

.icePnlBrdrEast {
    width: 10%;
    background-color: #FFFFFF;
    padding: 5px;
    vertical-align: top;
}

.icePnlBrdrWest {
    width: 20%;
    background-color: #FFFFFF;
    vertical-align: top;
}

.icePnlBrdrCenter {
    width: 70%;
    background-color: #FFFFFF;
    padding: 5px;
    vertical-align: top;
}

.icePnlBrdrSouth {
    background-color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #666666;
    padding: 4px;
}

/*
----------- Page Panel Component classes
*/
.pageHdr {
    font-weight: bold;
    height: 80px;
    background-color: #CDCDCD;
    padding: 5px;
    text-align: center;
}

.icePnlBrdrStyle {
    background-color: #FFFFFF;
    border: 1px solid #ABABAB;
    margin: 10px;
    width: 97%;
}

.pageNavigation {
    width: 20%;
    background-color: #DEDEDE;
    padding: 5px;
    vertical-align: top;
}

.pageBody {
    width: 80%;
    background-color: #FFFFFF;
    padding: 5px;
    vertical-align: top;
}

.pageFtr {
    border-top: 1px solid #ABABAB;
    color: #666666;
    padding: 4px;
}

/*
----------- Panel Navigation Component classes
*/
.navFormOutline {
    background-color: #DEDEDE;
    margin: 0px auto;
    width: 100%;
    padding: 0px;
}

/* set all the common attributes for the nav items */
.navItem,.navActvItem,.navOpenItem {
    color: #333333;
    text-decoration: none;
    background-color: #D0D4EE;
    width: 100%;
    border: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 1px;
    display: block;
}

.navItem:hover,.navActvItem:hover,.navOpenItem:hover {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #2A6CC2;
}

.navOpenItem {
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
}

.navActvItem {
    width: 100%;
    background-color: #2A6CC2;
    color: #FFFFFF;
    background-image: url( ./css-images/cal_arrow_right.gif );
    background-position: center right;
    background-repeat: no-repeat;
}

.navSeparator {
    width: 100%;
    height: 1px;
    padding: 0px;
    margin: 0px auto;
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

/*
----------- Progress Bar Component classes
*/
.iceOutProg {
    margin: 0px;
}

.iceOutProgBg {
    border: 1px solid #5c3566;
    width: 120px;
    background-color: #d3d7cf;
    height: 14px;
}

.iceOutProgFill {
    background-color: #ad7fa8;
    background-position: top left;
    background-repeat: repeat-x;
    display: block;
}

.iceOutProgTxt {
    color: black;
}

/*
----------- Autocomplete Component classes
*/
.iceSelInpTxtTxt {
    border: 1px solid gray;
    margin: 1px;
    padding: 1px;
    background-color: #FFFFFF;
}

.iceSelInpTxtList {
    position: absolute;
    display: block;
    border: 1px solid gray;
}

.iceSelInpTxtRow {
    display: block;
    background-color: #FFFFFF;
    color: #333333;
    padding: 2px;
    padding-left: 10px;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
}

.iceSelInpTxtSelRow {
    display: block;
    background-color: #0D4092;
    color: #FFFFFF;
    padding: 2px;
    padding-left: 10px;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
}

.iceSelInpTxtSelRow span {
    color: #FFFFFF;
}

/*
--------------- autoComplete disable class ------
*/
.iceSelInpTxtTxt-dis {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .95em;
    color: #D0D4EE;
    border: 1px dotted #D0D4EE;
    cursor: default;
}

/*
----------- FileUpload Component classes
*/
.iceInpFile {

}

.iceInpFileTxt {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #0056EA;
    background-color: #FFFFFF;
    margin: 2px;
    padding: 2px;
}

.iceInpFileBtn {
    background-color: #FFFFFF;
    margin: 2px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #0056EA;
    color: #000000;
}

/*
----------- Data Navigation Bar classes
*/
.tablebg {
    background-color: #EEF3FB;
    border: 1px solid #6392C6;
    width: 70%;
}

.oddRow {
    background-color: #FFFFFF;
}

.evenRow {
    background-color: #EEF3FB;
}

.barCol1 {
    width: 40%;
    text-align: left;
}

.barCol2 {
    width: 15%;
    text-align: left;
}

.barCol3 {
    width: 20%;
    text-align: left;
}

.barCol4 {
    width: 15%;
    text-align: right;
}

.barCol5 {
    width: 15%;
    text-align: left;
}

/*
----------- TreeView component
*/
.iceTreeRow {
    white-space: nowrap;
}

.iceTreeRow a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    padding: 0px;
    vertical-align: middle;
}

.iceTreeRow a:hover {
    background: #B6CAEA;
    color: #FFFFFF;
}

.iceTreeRow img {
    border: 0px;
    vertical-align: middle;
    background-repeat: repeat-y;
}

.iceTreeRow div {
    padding: 0px;
}

.iceTreeRow a img {
    /* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
    background-repeat: repeat-y;
    border: 0px;
}

/* ---------------------New Menu
*/
.iceMnuBar { /*no change*/
    padding: 0px;
    white-space: nowrap;
}

.iceMnuBarItem { /* was iceMenu */
    float: left;
    padding: 0px;
    white-space: nowrap;
}

.iceMnuBarItem a { /* was iceMenu */
    border-right: 1px solid #FFFFFF;
    background-color: #D0D4EE;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #333333;
    /* Must be >1.01em to avoid layout artifacts on Macs */
    font-size: 1.1em;
    margin: 0px;
    width: auto;
    float: left;
    display: block;
    text-decoration: none;
}

.iceMnuBarItem a:hover { /* was iceMenu */
    background-color: #2A6CC2;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.iceMnuBarItem hr,.subiceMenu hr { /* was iceMenu */
    border: none 0;
    border-top: 1px solid #999999;
    width: 100%;
    height: 1px;
    margin-top: 3px;
    padding: 0px;
    text-align: left;
}

.iceMnuBarSubMenu { /* was iceSubMenu */
    position: absolute;
    background-color: #D0D4EE;
    width: 160px;
    border-top: 1px solid #0056EA;
    border-left: 1px solid #0056EA;
    border-bottom: 1px solid #0056EA;
    border-right: 1px solid #0056EA;
    padding: 1px;
    height: auto;
    display: block;
    z-index: 1000;
}

.iceMnuItm { /* was iceSubMenuRow*/
    padding: 0px;
    display: block;
    height: auto;
}

.iceMnuItm a { /* was iceSubMenuRow*/
    color: #333333;
    display: block;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.iceMnuItm a:hover { /* was iceSubMenuRow*/
    background-color: #2A6CC2;
}

.iceMnuItm a:hover .iceOutTxt,.iceMnuItm a:hover .iceMnuItmLabel {
    color: #FFFFFF;
}

.iceMnuItmLabel {

}

.iceMnuItmImage {

}

.iceMnuBarItemLabel {

}

.iceMnuBarItemImage {
    width: 0px;
}

.iceMnuItmImage,.iceMnuBarItemImage { /* was iceSubMenuRowImage */
    display: inline;
    vertical-align: middle;
}

.iceMnuItmLabel,.iceMnuBarItemLabel { /*was iceSubMenuRowLabel */
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 4px;
    font-size: 1.0em;
    display: inline;
    vertical-align: middle;
}

.iceDatTbl td span.iceMnuItmLabel {
    display: inline;
    padding: 4px 0 0 0;
}

.iceMnuBarSubMenuInd,.iceMnuBarVrtSubMenuInd {
    /* were iceSubMenuRowSubMenuIndicator */
    padding-top: 3px;
    padding-right: 1px;
    display: inline;
    float: right;
}

/* classes for the vertical version of the iceMenu*/
.iceMnuBarVrtItemLabel {

}

.iceMnuBarVrtItemImage {
    width: 5px;
}

.iceMnuBarVrt { /* was iceMenu_vertical */
    float: left;
    padding: 0px;
    white-space: nowrap;
}

.iceMnuBarVrtItem { /* was iceMenu_verticalItem */
    width: 160px;
    display: block;
}

.iceMnuBarVrtItem a { /* was iceMenu_verticalItem */
    background-color: #D0D4EE;
    height: auto;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #333333;
    font-size: 1.1em;
    margin-bottom: 1px;
    float: none;
    display: block;
    text-decoration: none;
    border: 0px solid #FFFFFF;
    width: 100%;
}

.iceMnuBarVrtItem a:hover { /* was iceMenu_verticalItem */
    background-color: #2A6CC2;
    color: #FFFFFF;
    text-decoration: none;
}

.iceMnuBarVrtSubMenu { /* was iceSubMenu_vertical*/
    padding: 1px;
    width: 160px;
    background-color: #D0D4EE;
    border: 1px solid #0056EA;
    position: absolute;
    height: auto;
    display: block;
    z-index: 1000;
}

.iceMnuItmVrt a { /* was iceMenu_vertical_subItem */
    background-color: #D0D4EE;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 1.1em;
    width: auto;
    display: block;
    text-decoration: none;
    border: 0px;
}

.iceMnuItmVrt a:hover { /* was iceMenu_vertical_subItem */
    background-color: #2A6CC2;
    color: #FFFFFF;
    text-decoration: none;
    border: 0px;
}

.iceMnuPopVrtItemLabel {
    vertical-align: middle;
}

.iceMnuPopVrtItemImage {
    width: 19px;
    vertical-align: middle;
}

.iceMnuPopVrt { /* was iceMenu_vertical */
    float: left;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 0px;
    height: 0px;
}

.iceMnuPopVrtTopSubMenu {
    padding: 1px;
    width: 160px;
    background-color: #D0D4EE;
    border: 1px solid #0056EA;
    position: absolute;
    height: auto;
    display: block;
}

.iceMnuPopVrtItem { /* was iceMenu_verticalItem */
    width: 160px;
    display: block;
}

.iceMnuPopVrtItem a { /* was iceMenu_verticalItem */
    /*    background-color: #DDDDDD;*/
    height: auto;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #333333;
    font-size: 1.1em;
    margin-bottom: 1px;
    float: none;
    display: block;
    text-decoration: none;
    border: 0px solid #FFFFFF;
    /*width: 100%;*/
}

.iceMnuPopVrtItem a:hover { /* was iceMenu_verticalItem */
    background-color: #2A6CC2;
    color: #FFFFFF;
    text-decoration: none;
}

.iceMnuPopVrtSubMenu { /* was iceSubMenu_vertical*/
    padding: 1px;
    width: 160px;
    background-color: #D0D4EE;
    border: 1px solid #0056EA;
    position: absolute;
    height: auto;
    display: block;
}

.iceMnuPopVrtSubMenuInd { /* was iceSubMenuDividerVert */
    display: inline;
    float: right;
    padding-top: 0px;
    padding-right: 1px;
}

/*
----------- PanelPopup & panelTooltip ----------
*/
.icePnlPop,.icePnlTlTip {
    color: #666666;
    border-right: 1px solid #888a85;
    border-top: 0px solid #d3d7cf;
    border-left: 1px solid #d3d7cf;
    border-bottom: 1px solid #888a85;
    background-color: #EEEEEC;
    padding: 0px;
    z-index: 1000;
}

.icePnlClpsblHdr a img {
    border: 0px solid white;
}

.icePnlClpsblColpsdHdr a img {
    border: 0px solid white;
}

.icePnlPop table {
    width: 100%;
}

.icePnlPop .icePnlPopBody {
    background-color: #EEEEEC;
}

.icePnlPopHdr,.icePnlTlTipHdr {
    background-color: #3465A4;
    /**
    background-image: url( "./css-images/window_top.gif" );
    background-position: top;
    background-repeat: repeat-x;
    padding-left: 0.5em;
*/
    font-weight: bold;
    color: white;
    height: 2em;
    border: none;
}

.icePnlPopHdr .iceOutTxt,.icePnlTlTipHdr .iceOutTxt {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

.icePnlPopBody,.icePnlTlTipBody {
    padding: 10px;
}

.icePnlPopFtr,.icePnlTlTipFtr {
    float: right;
    height: auto;
    background-color: #D0D4EE;
}

/*
   Classes for the output progress bar
*/
.iceOutProgIndetActv {
    background-color: #EFEFEF;
    background-image: url( css-images/in_progress.gif );
    background-position: center;
    background-repeat: repeat-x;
}

.iceOutProgIndetInactv {
    background-color: #EFEFEF;
    background-image: url( css-images/in_progress_inactive.gif );
    background-position: center;
    background-repeat: repeat-x;
}

/*
    Classes for the connection status indicator
*/
.iceOutConStat {
    margin: 0px;
    width: 56px;
    height: 25px;
    border: none;
}

.iceOutConStatInactv {
    position: absolute;
    background-image: url( css-images/connect_idle.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 60px;
    height: 25px;
}

.iceOutConStatActv {
    position: absolute;
    background-image: url( css-images/connect_active.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 60px;
    height: 25px;
}

.iceOutConStatCaution {
    position: absolute;
    background-image: url( css-images/connect_caution.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 60px;
    height: 25px;
}

.iceOutConStatDisconnect {
    position: absolute;
    background-image: url( css-images/connect_disconnected.gif );
    background-position: top;
    background-repeat: no-repeat;
    width: 60px;
    height: 25px;
}

/* Royale Disabled styles CSS Document  v1.0 mar 31 2006 */
.iceCmdBtn-dis {
    float: right;
    margin-left: 16px;
    width: 6em;
    color: gray;
}

.iceCmdLnk-dis,.iceOutLnk-dis {
    color: #D0D4EE;
    text-decoration: none;
    border-bottom: 1px dotted #D0D4EE;
    cursor: default;
}

.iceOutTxt-dis,.iceOutLbl-dis {
    color: #D0D4EE;
    text-decoration: none;
    border-bottom: 1px dotted #D0D4EE;
    cursor: default;
}

.iceInpTxt-dis,.iceInpSecrt-dis {
    cursor: default;
    border: none;
    background-color: transparent;
}

.iceInpTxtArea-dis {
    font-family: Arial, Helvetica, sans-serif;
    color: #888888;
    border: 1px solid #888888;
    cursor: default;
    margin: 2px;
    padding: 2px;
}

.iceSelMnyCb-dis {
    padding: 2px;
    margin: 2px;
    cursor: default;
    border: none;
}

.iceSelOneMnu-dis,.iceSelMnyLb-dis,.iceSelMnyMnu-dis,.iceSelOneLb-dis {
    font-family: Arial, Helvetica, sans-serif;
    padding: 1px;
    cursor: default;
    margin: 1px;
    color: #444444;
}

.iceDatTblCol1 .iceSelOneMnu-dis,.iceDatTblCol2 .iceSelOneMnu-dis {
    background-color: transparent;
}

.iceSelOneRb-dis {
    background-color: #D0D4EE;
    padding: 2px;
    margin: 2px;
    cursor: default;
    color: #444444;
    border: none;
}

.iceInpFileTxt-dis {
    border: none;
    background-color: #FFFFFF;
    margin: 2px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    color: #D0D4EE;
    cursor: default;
}

.iceInpFileBtn-dis {
    border: 1px solid #D0D4EE;
    background-color: #FFFFFF;
    margin: 2px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    color: #D0D4EE;
    cursor: default;
}

/* submenu disabled style classes */
.iceSubMenuRowLabel-dis {
    color: #ABABAB;
    text-decoration: none;
    cursor: default;
}

.iceSubMenuRow-dis {
    color: #ABABAB;
    text-decoration: none;
    cursor: default;
    padding: 0px;
    display: block;
    height: auto;
}

.iceSubMenuRow-dis a {
    color: #333333;
    text-decoration: none;
    cursor: default;
    display: block;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.iceSubMenuRow-dis a:hover {
    color: #ABABAB;
    text-decoration: none;
    border-bottom: 1px dotted #CCCCCC;
    cursor: default;
}

/* panel tabs disabled style classes */
.icePnlTbOff { /* was iceTabSetTabOff */

}

.icePnlTbOff .LftTop-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-left-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
    height: 4px;
}

.icePnlTbOff .MidTop-dis {
    background-color: #D3D7CF;
    background-image: url( './css-images/off-mid-top-dis.gif' );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOff .RtTop-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-right-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOff .LftMid-dis {
    background-color: #D3D7CF;
    /*    background-image: url("./css-images/off-left-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOff .MidMid-dis {
    background-color: #D3D7CF;
    /*    background-image: url("./css-images/off-mid-mid.gif");
    background-repeat:repeat-x;*/
    text-align: center;
    /*
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
*/
    border: none;
    white-space: nowrap;
    color: #ABABAB;
}

.icePnlTbOff .MidMid-dis a {
    text-decoration: none;
    color: #FFFFFF;
    cursor: default;
}

.icePnlTbOff .RtMid-dis {
    background-color: #D3D7CF;
    /*    background-image: url("./css-images/off-right-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOff .LftBtm-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOff .MidBtm-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOff .RtBtm-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* disabled bottom tab off */
.icePnlTbOffBtm .LftBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-left-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
    height: 4px;
}

.icePnlTbOffBtm .MidBtm-dis {
    background-color: #D0D4EE;
    background-image: url( './css-images/off-mid-top-dis.gif' );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOffBtm .RtBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-right-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOffBtm .LftMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-left-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOffBtm .MidMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-mid-mid.gif");
    background-repeat:repeat-x;*/
    text-align: center;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border: none;
    white-space: nowrap;
    color: #ABABAB;
}

.icePnlTbOffBtm .MidMid-dis a {
    text-decoration: none;
    color: #FFFFFF;
    cursor: default;
}

.icePnlTbOffBtm .RtMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-right-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOffBtm .LftTop-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOffBtm .MidTop-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOffBtm .RtTop-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* disabled bottom tab on */
.icePnlTbOnBtm .LftBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-left-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
    height: 4px;
}

.icePnlTbOnBtm .MidBtm-dis {
    background-color: #D0D4EE;
    background-image: url( './css-images/off-mid-top-dis.gif' );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOnBtm .RtBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-right-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOnBtm .LftMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-left-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOnBtm .MidMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-mid-mid.gif");
    background-repeat:repeat-x;*/
    text-align: center;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border: none;
    white-space: nowrap;
    color: #ABABAB;
}

.icePnlTbOnBtm .MidMid-dis a {
    text-decoration: none;
    color: #FFFFFF;
    cursor: default;
}

.icePnlTbOnBtm .RtMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-right-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOnBtm .LftTop-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOnBtm .MidTop-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOnBtm .RtTop-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/** Disabled style for active tabs */
.icePnlTbOn .LftTop-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-left-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
    height: 4px;
}

.icePnlTbOn .MidTop-dis {
    background-color: #D0D4EE;
    background-image: url( './css-images/off-mid-top-dis.gif' );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOn .RtTop-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-right-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOn .LftMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-left-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOn .MidMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-mid-mid.gif");
    background-repeat:repeat-x;*/
    text-align: center;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border: none;
    white-space: nowrap;
    color: #ABABAB;
}

.icePnlTbOn .MidMid-dis a {
    text-decoration: none;
    color: #FFFFFF;
    cursor: default;
}

.icePnlTbOn .RtMid-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/off-right-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOn .LftBtm-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOn .MidBtm-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOn .RtBtm-dis {
    background-color: #D0D4EE;
    background-image: url( "./css-images/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/*
data scroller classes disabled styles
*/
.sclBtnCell-dis { /* the cells behind the scroll buttons */
    background-color: #FFFFFF;
    padding: 2px;
}

.sclBtnCell-dis img {
    cursor: default;
}

.icePaginatorTbl-dis { /* the container for the pagination*/
    background-color: #FFFFFF;
}

/* set the common attributes for the pagination numbers */
.icePaginatorAtvCol-dis a,.icePaginatorCol-dis a {
    text-decoration: none;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #ABABAB;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #FFFFFF;
    cursor: default;
}

/* override the attributes for the currently selected page */
.icePaginatorAtvCol-dis a {
    color: #FFFFFF;
    /*    border:1px solid #2A6CC2;
        background-color:#2A6CC2;
    */
    cursor: default;
}

/* set the attributes for the mouseover on none-current pages */
.icePaginatorCol-dis a:hover { /*    color:#000000;
  border:1px solid #2A6CC2;*/

}

/*
Disabeld classes for the calendar controls
*/
.iceSelInpDate-dis { /* calendar outline & background color */
    background-color: #D0D4EE;
    border: 1px solid #D0D4EE;
    /* removed margin from calendar outline - better absolute positioning of popup */
    /*margin:10px;*/
}

.iceSelInpDateMonthYear-dis {
    background-color: #D0D4EE;
    /*    background-image: url("./css-images/table_col_header.gif");
    background-position:bottom;
    background-repeat:repeat-x;*/
    font-weight: normal;
    text-align: center;
    color: #999999;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px; /*border-right:1px solid #CCCCCC;*/
}

.iceSelInpDateMoYrDropdown-dis {
    background-color: #D0D4EE;
    color: #999999;
}

.iceSelInpDateMonthYear-dis img {
    cursor: default;
}

.iceSelInpDateWeek-dis { /* the days of the week row */
    font-weight: normal;
    color: #999999;
    background-color: #D0D4EE;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #ABABAB;
}

/* set the look for the days of the week backgrounds */
.iceSelInpDateDay-dis,.iceSelInpDateCur-dis {
    /* the background & alignment for the days */
    padding: 3px;
    text-align: center;
}

/* now set the attributes for the numbers for each day of the week */
.iceSelInpDateDay-dis a { /* the day text */
    text-decoration: none;
    background-color: #D0D4EE;
    border: 1px solid #D0D4EE;
    color: #ABABAB;
    width: 100%;
    height: 100%;
    padding: 0px;
    display: block;
    cursor: default;
}

.iceSelInpDateCur-dis a {
    text-decoration: none;
    background-color: #ABABAB;
    border: 1px solid #ABABAB;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    padding: 0px;
    display: block;
    cursor: default;
}

/*
----------- commandSortHeader classes
*/
.iceCmdSrtHdr {
    text-decoration: none;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

.iceCmdSrtHdr-dis {
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: default;
}

.iceCmdSrtHdrAsc,.iceCmdSrtHdrDesc {
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 10px;
}

.iceCmdSrtHdrAsc {
    background-image: url('./css-images/column_sort_asc.gif');
}

.iceCmdSrtHdrDesc {
    background-image: url('./css-images/column_sort_desc.gif');
}

.iceCmdSrtHdr td {
    white-space: nowrap;
    overflow: hidden;
}

/* IE specific CSS to enlarge clickable area of SortHeader links */
* html .iceCmdSrtHdr {
    height: 1%;
}

/*
----------- form ----------
*/
.iceFrm {

}

/*
----------- graphicImage ----------
*/
.iceGphImg {
    border: 0;
}

/*
----------- message ----------
*/
.iceMsg {

}

.iceMsgFatal {

}

.iceMsgError {

}

.iceMsgWarn {

}

.iceMsgInfo {

}

/*
----------- messages ----------
*/
.iceMsgs {

}

.iceMsgsFatal {

}

.iceMsgsError {

}

.iceMsgsWarn {

}

.iceMsgsInfo {

}

/*
----------- panelGrid ----------
*/
.icePnlGrd {
    border-style: none;
}

.icePnlGrdHdr {

}

.icePnlGrdFtr {

}

.icePnlGrdRow1 {

}

.icePnlGrdRow2 {

}

.icePnlGrdCol1 {

}

.icePnlGrdCol2 {

}

/*
----------- panelGroup ----------
*/
.icePnlGrp {

}

/*
----------- outputFormat ----------
*/
.iceOutFrmt {

}

/*
----------- tree ----------
*/
.iceTree {

}

.iceTreeRow {

}

/*
----------- panelSeries ----------
*/
.icePnlSrs {

}

/*
----------- positionedPanel ----------
*/
.icePnlPos {

}

.icePnlPos-dis {

}

/*
----------- positionedPanel ----------
*/
.icePnlStk {

}

.icePnlStkRow {

}

.icePnlStkCol {

}

/*
----------- panelTab header ----------
*/
.icePnlTbSetHdrIconLft { /*was iceTabSetHdrIconLeft*/
    width: 14px;
    height: 13px;
}

.icePnlTbSetHdrIconRt { /* was iceTabSetHdrIconRight*/
    width: 14px;
    height: 13px;
}

.icePnlTbSetHdrLbl { /* was iceTabSetHdrLabel*/
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: nowrap;
}

/*
----------- Table Row Selection --------
*/
.iceRowSelSelected {
    background-color: #316AC5;
}

.iceRowSelSelected span {
    color: #FFFFFF;
}

.iceRowSelSelectedMouseOver {
    background-color: #0D4092;
}

.iceRowSelSelectedMouseOver span {
    color: #FFFFFF;
}

.iceRowSelMouseOver {
    background-color: #B2CDF9;
}

.iceRowSelMouseOver span {
    color: #000000;
}

/*
----------- outputChart --------
*/
.iceOutChrt {

}

/*
----------- Panel Collapsible --------
*/ /* opened accordion styles */
.icePnlClpsbl,.icePnlClpsblHdr,.icePnlClpsblCnt {
    color: black;
    /*
    padding-left: 5px;
*/
    padding-right: 5px;
}

.icePnlClpsblHdr,.icePnlClpsblColpsdHdr {
    cursor: pointer;
}

.icePnlClpsblColpsd a,.icePnlClpsbl a { /* color: white; */

}

/* Closed */
.icePnlClpsblColpsd,.icePnlClpsblColpsdHdr,.icePnlClpsblColpsdCnt { /*
    padding-left: 5px;
*/
    padding-right: 5px;
}

/* Open and disabled */
.icePnlClpsbl-dis,.icePnlClpsblHdr-dis,.icePnlClpsblCnt-dis {

}

/* Closed and disabled */
.icePnlClpsblColpsd-dis,.icePnlClpsblColpsdHdr-dis,.icePnlClpsblColpsdCnt-dis
    {

}

/* common accordion headers */
.icePnlClpsblHdr,.icePnlClpsblColpsdHdr {
    border-top: 1px solid #555753;
}

.footerWrapper .icePnlClpsblHdr,.icePnlClpsblColpsdHdr {
    border-top: 1px solid #EEEEEE; /*W*/
}

.icePnlClpsblHdr .iceOutTxt,.icePnlClpsblColpsdHdr .iceOutTxt {
    color: #555753;
    font-size: 11px;
}

.icePnlClpsblCnt,.icePnlClpsblColpsdCnt,.icePnlClpsblColpsdCnt-dis,.icePnlClpsblCnt-dis
    {

}

.icePnlClpsblHdr-dis,.icePnlClpsblColpsdHdr-dis {

}

.icePnlClpsblHdr-dis .iceOutTxt,.icePnlClpsblColpsdHdr-dis .iceOutTxt {

}

.icePnlClpsblColpsdCnt-dis,.icePnlClpsblCnt-dis,.icePnlClpsblColpsdCnt-dis .iceOutTxt,.icePnlClpsblCnt-dis .iceOutTxt
    {

}

.iceGmp {
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
}

.iceGmpMapTd {
    vertical-align: top;
}

.iceGmpMapTd div.gmap {
    width: 300px;
    height: 300px;
}

.iceInpRchTxt {
    width: 100%;
}

/* panel divider */
.icePnlDvr,.icePnlDvrHor { /* width: 300px;
    height: 300px; */

}

.icePnlDvrCnt,.icePnlDvrHorCnt { /* border-bottom: 1px solid black; */
    /*width:100%; */
    height: 100%;
}

.icePnlDvrFst,.icePnlDvrSnd {
    height: 100%;
    display: block;
    float: left;
    overflow: auto;
}

.icePnlDvrSpt {
    width: 10px;
    height: 100%;
    display: inline;
    /* background-color: #EFEFEF;
    border-left: 1px solid black;
    border-right: 1px solid black; */
    float: left;
    /* cursor: e-resize; */
}

.icePnlDvrHorFst,.icePnlDvrHorSnd {
    width: 100%;
    display: block;
    overflow: auto;
    display: block;
}

.icePnlDvrHorSpt {
    width: 100%;
    height: 2px;
    background-color: #EFEFEF;
    border-top: 1px solid #ABABAB;
    border-bottom: 1px solid #ABABAB;
    cursor: n-resize;
}

/*
----------- PanelConfirmation ----------
*/
.icePnlCnf {
    border-top: 0px solid #0056EA;
    border-right: 2px solid #0056EA;
    border-left: 2px solid #0056EA;
    border-bottom: 2px solid #0056EA;
    background-color: #D0D4EE;
    padding: 0;
    width: 300px;
    z-index: 1000;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

.icePnlCnfHdr {
    background-color: #3465A4;
    background-image: url( "./css-images/window_top.gif" );
    background-position: top;
    background-repeat: repeat-x;
    height: auto;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
}

.icePnlCnfBody {
    padding: 10px 10px 5px 10px;
    background-color: #D0D4EE;
    font-size: 1em;
    font-weight: normal;
}

.icePnlCnfBtns {
    padding: 5px 10px 10px 10px;
    background-color: #D0D4EE;
    text-align: center;
    font-size: 1em;
    font-weight: normal;
}

.icePnlCnfBtns input {
    background-color: #DEDEDE;
    border: 1px solid #0056EA;
    margin: 0 20px 0 20px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
}

td.dataTableStandardCol1,td.dataTableStandardCol2 {
    padding-left: 4px;
    padding-right: 4px;
}

th.dataTableStandardHdr {
    background-color: #FCAF3E;
}

.dataTableStandardHdr .iceOutTxt {
    font-weight: bold;
    font-size: 1.1em;
    color: #FFFFFF;
}