BODY {
    background-color: white; /*background-color:#DCDCDC;*/
    width: 100%;
    color: Navy;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border-top: solid 4px #3366EE;
}

body.content-view {
    border: 0;
}

.LoginBody {
    BACKGROUND-COLOR: white;
    color: Navy;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin: 0;
    border-top: 3px solid #FF9933;
}

.BodySpacer {
    position: relative;
    height: 4px;
    background-color: #3366EE;
}

.BodyText {
    text-decoration: none;
    color: Black;
    font-size: 10px
}

.WaitLabel1 {
    font-size: 25px;
    font-weight: bold;
    color: #00008B
}

.WaitLabel2 {
    font-size: 20px;
    font-weight: bold;
    color: #00008B
}

.WaitTable {
    background-color: #6495ED
}

.LoginContextTable {
    font-size: 10px;
    font-weight: bold;
    background-color: White;
    color: Navy;
    border: solid 1px #DCDCDC;
    padding: 0;
    width: 100%
}

.MyContextTable {
    font-size: 10px;
    font-weight: bold;
    background-color: #DCDCDC;
    color: #FFFAF0;
    border: solid 1px #DCDCDC;
    padding: 0;
    width: 100%
}

.MyContextTableNoBorder {
    font-size: 10px;
    font-weight: bold;
    background-color: #DCDCDC;
    color: #FFFAF0;
    border-style: none;
    padding: 0;
    width: 100%
}

.MyContextTableCell {
    font-weight: bold;
    background-color: #c7c7c7;
    color: black;
    text-align: left;
    border: solid 1px #333333;
    padding: 1px;
}

.MyContextTableHeader {
    font-weight: bold;
    background-color: #999999;
    color: #FFFAF0;
    text-align: left;
    border: solid 1px #333333;
    padding: 1px;
}

.MainTable {
    background-color: white;
    color: #00008B;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%
}

.MainTableHeaderCell {
    background-color: white /*#DCDCDC*/;
    color: #00008B;
    padding: 3px;
}

.MainTableCell {
    background-color: white /*#DCDCDC*/;
    color: #00008B;
    border: solid 0px white;
    padding: 3px;
    text-align: center;
    font-weight: bold;
}

.FooterSpacer {
    position: relative;
    height: 4px;
    background-color: White;
}

.FooterTable {
    padding: 4px 4px 4px 4px;
    background-color: White;
    text-align: center;
    border-top: solid 2px #FF9933;
    border-bottom: solid 2px #3366EE;
}

.Variable0 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: black;
    text-align: center;
    background-color: White;
    font-weight: normal;
}

.Variable1 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: Red;
    font-weight: normal;
}

.Variable2 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: Green;
    font-weight: normal;
}

.Variable3 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: Blue;
    font-weight: normal;
}

.Variable4 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: black;
    text-align: center;
    background-color: Yellow;
    font-weight: normal;
}

.Variable5 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: black;
    text-align: center;
    background-color: #00FFFF;
    font-weight: normal;
}

.Variable6 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: #FF00FF;
    font-weight: normal;
}

.Variable7 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: Orange;
    font-weight: normal;
}

.Variable8 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: #888888;
    font-weight: normal;
}

.Variable9 {
    border: solid 1px black;
    font-family: verdana;
    font-size: 10px;
    color: white;
    text-align: center;
    background-color: Purple;
    font-weight: normal;
}

.GridCreationVariableTable {
    border-collapse: separate;
    border-spacing: 5px 10px;
}

.VariableSelectionCell {
    background-color: White;
    font-family: verdana;
    font-size: 11px;
    color: Black;
    font-weight: bold;
    text-align: left;
}

.GridCreationVariableTable .VariableSelectionCell {
    vertical-align: text-top;
}

.StandardLabel {
    font-family: Verdana;
    font-size: 10px;
    color: black;
    font-weight: normal;
}

.WarningLabel {
    font-family: Verdana;
    font-size: 10px;
    color: #FF0000;
    font-weight: bold;
}

.StandardDDL {
    font-family: Verdana;
    font-size: 10px;
    color: black;
    font-weight: normal;
}

.VariableDDL {
    font-family: Verdana;
    font-size: 10px;
    color: black;
    font-weight: normal;
}

.HierarchyTable {
    background-color: #DCDCDC;
    color: #00008B;
    padding: 1px;
    width: 100%;
}

.HierarchyTableCell {
    background-color: white;
    text-align: left;
    padding: 3px;
}

.HierarchyTableCellSelected {
    background-color: #FFFF99;
    text-align: left;
    padding: 3px;
}

.HierarchyLabel {
    color: Black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.HierarchyLabelSmall {
    color: Black;
    font-family: Verdana;
    font-size: 9px;
    text-decoration: none;
}

.HierarchyControlCell {
    background-color: white;
    padding: 3px;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #EEEEEE;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #EEEEEE;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #EEEEEE;
}

.HierarchyTableCell input.folder {
    background-image: url('images/folder.bmp');
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 14px;
}

.HierarchyTableCell input.folder_open {
    background-image: url('images/folder_open.bmp');
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 14px;
}

.HierarchyTableCell input.folder_closed {
    background-image: url('images/folder_closed.bmp');
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 14px;
}

.HierarchyTableCellSelected input.folder {
    background-image: url('images/folder_hl.bmp');
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 14px;
}

.HierarchyTableCellSelected input.folder_open {
    background-image: url('images/folder_open_hl.bmp');
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 14px;
}

.HierarchyTableCellSelected input.folder_closed {
    background-image: url('images/folder_closed_hl.bmp');
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 14px;
}

.HierarchyNonStyle:link {
    border-style: none;
    text-decoration: none;
}

.HierarchyNonStyle:visited {
    border-style: none;
    text-decoration: none;
}

.HierarchyNonStyle:active {
    border-style: none;
    text-decoration: none;
}

.HierarchyNonStyle:hover {
    border-style: none;
    text-decoration: none;
}

.ProductSearchLink:link {
    text-decoration: none;
    color: #3333cc;
}

.ProductSearchLink:visited {
    text-decoration: none;
    color: #3333cc;
}

.ProductSearchLink:active {
    text-decoration: none;
    color: #3333cc;
}

.ProductSearchLink:hover {
    text-decoration: underline;
    color: #3333cc;
}

.ProductSearch_HeaderStyle {
    font-size: 11px;
    font-weight: bold;
    Background-Color: #6495ED;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #FFFAF0;
    text-align: center
}

.ProductSearch_HeaderLink:link {
    text-decoration: none;
    color: white;
}

.ProductSearch_HeaderLink:visited {
    text-decoration: none;
    color: white;
}

.ProductSearch_HeaderLink:active {
    text-decoration: none;
    color: white;
}

.ProductSearch_HeaderLink:hover {
    text-decoration: underline;
    color: red;
}

.HierarchyExpandButton {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.HierarchyLink {
    color: Black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

    .HierarchyLink:link {
        color: Black;
        font-family: Verdana;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
    }

    .HierarchyLink:visited {
        color: Black;
        font-family: Verdana;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
    }

    .HierarchyLink:active {
        color: Black;
        font-family: Verdana;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
    }

    .HierarchyLink:hover {
        color: Black;
        font-family: Verdana;
        font-size: 11px;
        font-weight: normal;
        text-decoration: underline;
    }

.HierarchyLinkInherited:link {
    color: green;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkInherited:visited {
    color: green;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkInherited:active {
    color: green;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkInherited:hover {
    color: green;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.HierarchyLinkGlobalInherited:link {
    color: #1979cc;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkGlobalInherited:visited {
    color: #1979cc;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkGlobalInherited:active {
    color: #1979cc;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkGlobalInherited:hover {
    color: #1979cc;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.HierarchyLinkOverlayed:link {
    color: purple;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkOverlayed:visited {
    color: purple;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkOverlayed:active {
    color: purple;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkOverlayed:hover {
    color: purple;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

.HierarchyLinkUnreleased:link {
    color: #BB8822;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkUnreleased:visited {
    color: #BB8822;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkUnreleased:active {
    color: #BB8822;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkUnreleased:hover {
    color: #BB8822;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

.HierarchyLinkDisabled {
    color: #BBBBBB;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLinkSmall:link {
    color: Black;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
}

.HierarchyLinkSmall:visited {
    color: Black;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
}

.HierarchyLinkSmall:active {
    color: Black;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: none;
}

.HierarchyLinkSmall:hover {
    color: Black;
    font-family: Verdana;
    font-size: 10px;
    text-decoration: underline;
}

.HierarchyLinkPendingUpdate {
    color: red;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

    .HierarchyLinkPendingUpdate:link {
        color: red;
        font-family: Verdana;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
    }

    .HierarchyLinkPendingUpdate:visited {
        color: red;
        font-family: Verdana;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
    }

    .HierarchyLinkPendingUpdate:active {
        color: red;
        font-family: Verdana;
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
    }

    .HierarchyLinkPendingUpdate:hover {
        color: red;
        font-family: Verdana;
        font-size: 11px;
        font-weight: normal;
        text-decoration: underline;
    }

.HierarchyLabel {
    color: Black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLabelInherited {
    color: green;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLabelOverlayed {
    color: purple;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLabelUnreleased {
    color: #BB8822;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLabelPendingUpdate {
    color: red;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.HierarchyLabelSelected {
    color: blue;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.RuleSummaryCommentPanel {
    width: 90%;
    padding: 3px;
    border: solid 1px #cccccc;
    text-align: left;
    margin-top: 3px;
    background-color: #eeeeee;
}

.RuleSummaryComment {
    color: Black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.MatrixTable {
    background-color: White;
}

.Spacer {
    background-color: White;
}

.InnerCell {
    background-color: White;
    font-family: verdana;
    font-size: 10px;
    color: Black;
    text-align: center;
    font-weight: normal;
    border: solid 1px black;
}

.InnerCellLight {
    background-color: #E7E7E7;
    font-family: verdana;
    font-size: 10px;
    color: Black;
    text-align: center;
    font-weight: normal;
    border: solid 1px black;
}

.InnerCellInherited {
    background-color: #BBBBBB;
    font-family: verdana;
    font-size: 10px;
    color: Black;
    text-align: center;
    font-weight: normal;
    border: solid 1px black;
}

.InnerCellError {
    background-color: #FF0000;
    font-family: verdana;
    font-size: 10px;
    color: Black;
    text-align: center;
    font-weight: normal;
    border: solid 1px black;
}

.MatrixTextBox {
    font-family: Verdana;
    font-size: 11px;
    color: Black;
}

.MatrixTextBox_Adjustment {
    font-family: Verdana;
    font-size: 11px;
    color: red;
}

.MatrixTextBox_GoodAdjustment {
    font-family: Verdana;
    font-size: 11px;
    color: green;
}

.MatrixTextBox_BadAdjustment {
    font-family: Verdana;
    font-size: 11px;
    color: red;
}

.MatrixTextBox_NoAdjustment {
    font-family: Verdana;
    font-size: 11px;
    color: black;
}

.FlexMatrixDropDown {
    position: relative;
    font-family: Verdana;
    font-size: 9px;
    color: Black;
    width: 190px;
}

.FlexMatrixTextBox {
    position: relative;
    font-family: Verdana;
    font-size: 9px;
    color: Black;
    width: 80px;
}

.LegendTable {
    background-color: White;
    border: solid 1px Black;
    height: 100%;
    width: 100%;
}

.LegendHeadCell {
    background-color: #6495ED;
    padding: 3px;
    width: 100%;
    text-align: center;
}

.HelpTable {
    position: relative;
    background-color: White;
    border: solid 2px #FF9933;
    width: 100%;
}

.GridParmsCenterNoBorder {
    background-color: White;
    color: Black;
    text-align: center;
}

.GridParmsCenter {
    background-color: White;
    border: solid 1px Black;
    color: Black;
    text-align: center;
}

.GridParmsLeft {
    background-color: #4169E1;
    border: solid 1px Black;
    color: Black;
    text-align: right;
}

.GridParmsRight {
    background-color: White;
    border: solid 1px Black;
    color: Black;
    text-align: left;
}

.GridParmsLabelRight {
    color: black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.flex {
    display: flex;
}

.flex-start {
    align-items: flex-start;
}
.GridParmsLabel {
    color: white;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.GridParmsLink {
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
}

.GridParmsRight_Disabled {
    background-color: #AAAAAA;
    border: solid 1px Black;
    color: Black;
    text-align: left;
}

.GridParmsRight_Empty {
    background-color: #DDDDDD;
    border: solid 1px Black;
    color: Black;
    text-align: left;
}

.GridParmsLabelRight_Printable {
    color: black;
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;
    text-decoration: none;
}

.GridParmsLabelRight_Good {
    color: green;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
.GridParmsLabelRight_Bad {
    color: red;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.Instruction {
    color: #FDF5E6;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.FooterText {
    color: blue;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}

.FooterLink {
    color: red;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
    font-weight: normal;
}

.Feedback {
    color: Blue;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.InstructionCell {
    background-color: #0066FF;
    padding: 3px;
    width: 100%;
    text-align: center;
    height: 23px;
}

.SelectionLabelCell {
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
    background-color: #6495ED;
    padding: 3px;
    width: 100%;
    text-align: left;
}

.SelectionLabel {
    color: #FFFAF0;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.SelectionLinkCell {
    border-bottom: solid 1px #EEEEEE;
    background-color: white;
    padding: 3px;
    width: 100%;
    text-align: left;
}

.NewSelectionLink,
ul.navLinks li a.NewSelectionLink {
    color: #0ABEFF;
    text-decoration: none;
}

.SelectionLink:link {
    color: #00008B;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.SelectionLink:visited {
    color: #00008B;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.SelectionLink:active {
    color: #00008B;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.SelectionLink:hover {
    color: #ffb300;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.SelectionEditCellLeft {
    font-size: 11px;
    font-weight: bold;
    Background-Color: #FF6347;
    padding: 3px;
    Color: #FFFAF0;
    text-align: right;
}

.SelectionEditCellRight {
    font-size: 11px;
    font-weight: bold;
    Background-Color: #FF6347;
    padding: 3px;
    Color: #FFFAF0;
    text-align: left;
}

.SelectionTable {
    border: solid 1px #6495ED;
}

.Button {
    font-size: 11px;
    font-weight: bold;
    Border-Style: outset;
    background-color: #888888;
    color: #FFFAFA;
    margin-left: 1px;
}

.ButtonWide {
    font-size: 11px;
    font-weight: bold;
    Border-Style: outset;
    background-color: #888888;
    color: #FFFAFA;
    margin-left: 1px;
    width: 100%;
}

.ButtonNav {
    font-weight: bold;
    font-size: 11px;
    Border-Style: ridge;
    background-color: #606060;
    color: #FFFAFA;
    width: 100%;
    height: 20px;
}

.ButtonNavDark {
    font-size: 9px;
    font-weight: bold;
    Border-Style: ridge;
    background-color: #333333;
    color: #FDF5E6;
    width: 100%;
    height: 17px;
}

.ButtonNavDark2 {
    font-size: 11px;
    font-weight: bold;
    Border-Style: ridge;
    background-color: #0066FF;
    color: #FDF5E6;
}

.SysButton {
    font-size: 11px;
    font-weight: bold;
    Border-Style: outset;
    background-color: #0066FF;
    color: #FDF5E6;
    margin-left: 1px
}

.SysButtonWide {
    font-size: 11px;
    font-weight: bold;
    Border-Style: outset;
    background-color: #0066FF;
    color: #FDF5E6;
    margin-left: 1px;
    width: 100%;
}

.NavButtonWide {
    font-size: 11px;
    font-weight: bold;
    Border-Style: outset;
    background-color: Blue;
    color: #6495ED;
    width: 100%;
}

.ActionButton {
    font-size: 11px;
    font-weight: bold;
    Border-Style: outset;
    background-color: #606060;
    color: #FFFAFA;
}

.NavCell {
    background-color: white;
    text-align: left;
    border: solid 1px #333333;
    padding: 0;
    height: 100%;
}

.NavEntity {
    background-color: #C0C6C8;
    border: solid 1px #333333;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 1px;
    padding-left: 1px;
}

.NavProduct {
    background-color: #6495ED;
    border: solid 1px #333333;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 1px;
    padding-left: 1px;
}

.NavActivity {
    background-color: #3f77b7;
    border: solid 1px #333333;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 1px;
    padding-left: 1px;
}

.NavLabel {
    font-weight: normal;
    color: White;
    font-size: 11px;
    font-family: Verdana;
}

.InnerNavTable {
    padding: 0;
}

.InnerNavCell {
    background-color: #FFFFFF;
    text-align: center;
}

.InnerNavSpacer {
    background-color: #606060;
    text-align: center;
}

.NavLink:link {
    color: #333333;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.NavLink:visited {
    color: #333333;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.NavLink:active {
    color: #333333;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.NavLink:hover {
    color: red;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.MyParmTable {
    font-size: 10px;
    background-color: #DCDCDC;
    color: #00008B;
    border-style: ridge;
    border-width: 1px;
    border-color: #4169E1;
    padding: 3px;
    width: 100%
}

.MyParmTableCell {
    vertical-align: top;
    font-weight: bold;
    background-color: #DCDCDC;
    color: #00008B;
    border: solid 1px DarkGreen;
    padding: 3px;
    text-align: center;
    width: 25%
}

.MyParmTableCellLabel {
    font-weight: bold;
    background-color: #DCDCDC;
    color: #00008B;
    border: solid 1px DarkGreen;
    padding: 3px;
    text-align: right
}

.MyParmTableCellValue {
    font-weight: bold;
    background-color: #DCDCDC;
    color: #00008B;
    border: solid 1px DarkGreen;
    padding: 3px;
    text-align: left
}

.MyParmLabel {
    font-size: 10px;
    font-weight: bold;
    color: #00008B;
}

.MyButtonCell {
    font-weight: bold;
    background-color: #DCDCDC;
    color: #00008B;
    padding: 3px;
    text-align: center;
    width: 20%
}

.ControlTable {
    font-size: 10px;
    background-color: #DCDCDC;
    color: #00008B;
    border-style: ridge;
    border-width: 1px;
    border-color: #4169E1;
    padding: 3px;
    width: 100%
}

.ControlTableCell {
    font-weight: bold;
    background-color: #DCDCDC;
    color: #00008B;
    padding: 3px;
    text-align: center;
    width: 25%
}

.ControlTableCellLabel {
    font-weight: bold;
    background-color: #DCDCDC;
    color: #00008B;
    padding: 3px;
    text-align: right
}

.ControlTableCellValue {
    font-weight: bold;
    background-color: #DCDCDC;
    color: #00008B;
    padding: 3px;
    text-align: left
}

.ControlLabel {
    font-size: 10px;
    font-weight: bold;
    color: #00008B;
}

.RadioButtonList {
    font-size: 10px;
    color: #00008B;
    padding: 5px;
    font-weight: normal;
    text-align: left;
    margin: 0 auto;
}

.CheckBoxList {
    font-size: 10px;
    color: #00008B;
    padding: 5px;
    font-weight: normal;
    text-align: left;
    margin: 0 auto;
}

.MyGrid {
    font-size: 11px;
    Background-Color: #DCDCDC;
    padding: 3px;
    Color: #FFFAF0;
    width: 100%
}

.Datagrid_EditItemStyle {
    font-size: 11px;
    Background-Color: #FF6347;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAF0;
    text-indent: 5px;
    text-align: center;
    font-weight: normal;
}

.DataGrid_SelectedItemStyle {
    font-size: 11px;
    Background-Color: #FF6347;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAF0;
    text-indent: 5px;
    text-align: center;
    font-weight: normal;
}

.DataGrid_ItemStyle {
    font-size: 11px;
    Background-Color: #4169E1;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAFA;
    text-indent: 5px;
    text-align: center;
    font-weight: normal;
}

.DataGrid_AlternatingItemStyle {
    font-size: 11px;
    Background-Color: #6495ED;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAF0;
    text-indent: 5px;
    text-align: center;
    font-weight: normal;
}

.DataGrid_HeaderStyle {
    font-size: 11px;
    font-weight: bold;
    Background-Color: #6495ED;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #FFFAF0;
    text-align: center;
    font-weight: bold;
}

.DataGrid_FooterStyle {
    font-size: 11px;
    font-weight: bold;
    Background-Color: #6495ED;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #FFFAF0;
    text-align: center;
    font-weight: bold;
}

.DataGrid_ExtraItemStyle {
    font-size: 11px;
    Background-Color: #00008B;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAFA;
    text-indent: 5px;
    text-align: center;
    font-weight: normal;
}

.Datagrid_EditItemStyle_Left {
    font-size: 11px;
    Background-Color: #FF6347;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAF0;
    text-indent: 5px;
    text-align: left;
    font-weight: normal;
}

.DataGrid_SelectedItemStyle_Left {
    font-size: 11px;
    Background-Color: #FF6347;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAF0;
    text-indent: 5px;
    text-align: left;
    font-weight: normal;
}

.DataGrid_ItemStyle_Left {
    font-size: 11px;
    Background-Color: #4169E1;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAFA;
    text-indent: 5px;
    text-align: left;
    font-weight: normal;
}

.DataGrid_AlternatingItemStyle_Left {
    font-size: 11px;
    Background-Color: #6495ED;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAF0;
    text-indent: 5px;
    text-align: left;
    font-weight: normal;
}

.DataGrid_HeaderStyle_Left {
    font-size: 11px;
    font-weight: bold;
    Background-Color: #6495ED;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #FFFAF0;
    text-align: left;
    font-weight: bold;
}

.DataGrid_FooterStyle_Left {
    font-size: 11px;
    font-weight: bold;
    Background-Color: #6495ED;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #FFFAF0;
    text-align: left;
    font-weight: bold;
}

.DataGrid_Label {
    font-size: 11px;
    Color: White;
}

.Support_SelectedItemStyle {
    background-color: #FF6347;
    border: solid 1px Black;
    color: Black;
    text-align: center;
    padding: 3px;
}

.Support_ItemStyle {
    background-color: #EEF0FF;
    border: solid 1px Black;
    color: Black;
    text-align: center;
    padding: 3px;
}

.Support_AlternatingItemStyle {
    Background-Color: #FFFAF0;
    border: solid 1px #DCDCDC;
    color: Black;
    text-align: center;
    padding: 3px;
}

.SupportLabel {
    color: black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.SupportLabel_Bold {
    color: black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.SupportLink:link {
    color: black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.SupportLink:visited {
    color: black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.SupportLink:active {
    color: black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.SupportLink:hover {
    color: red;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.BlendTable {
    width: 100%;
    background-color: White;
}

.BlendTableHeader {
    font-size: 10px;
    Background-Color: #4169E1;
    border: solid 1px black;
    Color: white;
    text-align: center;
    height: 12px;
}

.BlendStyle_Text {
    font-size: 10px;
    font-weight: normal;
    color: Black;
}

.BlendStyle_0 {
    background-color: #FF7777;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_1 {
    background-color: #77FF77;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_2 {
    background-color: #7777FF;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_3 {
    background-color: #FFFF00;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_4 {
    background-color: #FF00FF;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_5 {
    background-color: #00FFFF;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_6 {
    background-color: #AAAAAA;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_7 {
    background-color: #DDDDDD;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_8 {
    background-color: #666666;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_9 {
    background-color: #555555;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.BlendStyle_10 {
    background-color: #444444;
    border: solid 1px black;
    text-align: center;
    height: 12px;
}

.ManualPriceEntryTextBox {
    font-size: 9px;
    height: 14px;
    vertical-align: top;
}

.MyBoundColumnHeader {
    font-size: 11px;
    font-weight: bold;
    Background-Color: #6495ED;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #FFFAF0;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.MyBoundColumn {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    font-weight: bold;
}

.MyButtonColumn {
    font-size: 11px;
    Background-Color: #DCDCDC;
    border: solid 1px #FAFAD2;
    padding: 3px;
    text-align: center;
    Color: #FAFAD2;
    width: 100px;
}

.MyButtonColumnHeader {
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    Background-Color: #CD5C5C;
    border: solid 1px #DCDCDC;
    padding: 3px;
    text-align: center;
    Color: #FFFAF0;
    width: 100px;
}

.SecondaryGrid {
    font-size: 11px;
    Background-Color: #DCDCDC;
    padding: 3px;
    Color: #FFFAF0;
    width: 100%
}

.SecondaryGrid2 {
    font-size: 10px;
    Background-Color: #6495ED;
    padding: 3px;
    Color: #FFFAF0;
    width: 100%;
    border: solid 1px blue
}

.SecondaryDatagrid_EditItemStyle {
    Background-Color: #FF6347;
    border: solid 1px #DCDCDC;
    padding: 3px 10px;
    Color: #FFFAF0;
    text-align: center;
    font-weight: normal;
}

.SecondaryDataGrid_SelectedItemStyle {
    Background-Color: #FF6347;
    border: solid 1px #DCDCDC;
    padding: 3px 10px;
    Color: #FFFAF0;
    text-align: center;
    font-weight: normal;
}

.SecondaryDataGrid_ItemStyle {
    Background-Color: #EEEEEE;
    border: solid 1px #DCDCDC;
    padding: 3px 10px;
    Color: #00008B;
    text-align: center;
    font-weight: normal;
}

.SecondaryDataGrid_AlternatingItemStyle {
    Background-Color: white;
    border: solid 1px #DCDCDC;
    padding: 3px 10px;
    Color: #00008B;
    text-align: center;
    font-weight: normal;
}

.SecondaryDataGrid_HeaderStyle {
    Background-Color: white;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #00008B;
    text-align: center;
    font-weight: bold;
}

.SecondaryDataGrid_FooterStyle {
    Background-Color: white;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #00008B;
    text-align: center;
    font-weight: bold;
}

.SecondaryDataGrid_Label {
    font-size: 11px;
    font-weight: normal;
    Color: #00008B;
}

.SecondaryDataGrid_Label_Small {
    font-size: 11px;
    font-weight: normal;
    Color: #00008B;
}

.SecondaryDataGrid_TextBox_Small {
    font-size: 11px;
    font-weight: normal;
    Color: #00008B;
}

.SecondaryDataGrid_DropDown_Small {
    font-size: 11px;
    font-weight: normal;
    Color: #00008B;
}

.SecondaryDataGrid_ThirdStyle {
    Background-Color: #DDDDDD;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #00008B;
    padding-left: 5px;
    padding-right: 5px;
    text-indent: 5px;
    text-align: center;
    font-weight: normal;
}

.SecondaryDatagrid_EditItemStyle_Left {
    Background-Color: #FF6347;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAF0;
    text-indent: 5px;
    text-align: center;
    text-align: left;
    font-weight: normal;
}

.SecondaryDataGrid_SelectedItemStyle_Left {
    Background-Color: #FF6347;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #FFFAF0;
    text-indent: 5px;
    text-align: center;
    text-align: left;
    font-weight: normal;
}

.SecondaryDataGrid_ItemStyle_Left {
    Background-Color: #EEEEEE;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #00008B;
    text-indent: 5px;
    text-align: center;
    text-align: left;
    font-weight: normal;
}

.SecondaryDataGrid_AlternatingItemStyle_Left {
    Background-Color: white;
    border: solid 1px #DCDCDC;
    padding: 3px 5px;
    Color: #00008B;
    text-indent: 5px;
    text-align: center;
    text-align: left;
    font-weight: normal;
}

.SecondaryDataGrid_HeaderStyle_Left {
    Background-Color: white;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #00008B;
    text-align: center;
    text-align: left;
    font-weight: bold;
}

.SecondaryDataGrid_FooterStyle_Left {
    Background-Color: white;
    border: solid 1px #DCDCDC;
    padding: 3px;
    Color: #00008B;
    text-align: center;
    text-align: left;
    font-weight: bold;
}

.SecondaryDataGrid_SelectLink {
    font-size: 11px;
    font-weight: normal;
    Color: #00008B;
}

    .SecondaryDataGrid_SelectLink:visited {
        font-size: 11px;
        font-weight: normal;
        Color: #00008B;
    }

    .SecondaryDataGrid_SelectLink:active {
        font-size: 11px;
        font-weight: normal;
        Color: #00008B;
    }

    .SecondaryDataGrid_SelectLink:hover {
        font-size: 11px;
        font-weight: normal;
        Color: red;
    }

.WhiteLink {
    text-decoration: none;
    color: white;
}

.ProductSubTable {
    padding: 0;
    font-size: 11px;
    Background-Color: white;
    Color: #FFFAF0;
    border: solid 1px #6495ED;
    width: 100%;
}

.ActiveProductButton {
    height: 21px;
    width: 200px;
    color: white;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    border: solid 1px #6495ED;
    background-color: #6495ED;
}

.InactiveProductButton {
    height: 21px;
    width: 90px;
    color: White;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    border: solid 1px #cccccc;
    background-color: #cccccc;
}

.ContainerTable {
    Width: 80%
}

.GridTable {
    width: 50%;
    background-color: white
}

.GridTable2 {
    width: 100%;
    background-color: white
}

.TextBoxReadOnly {
    position: relative;
    text-align: center;
    width: 150px;
    font-size: 9px;
    font-family: Arial;
    border: solid 1px black;
    height: 14px;
    padding: 1px 0px 0px 0px;
    background-color: #DCDCDC
}

.TextBoxVerySmallReadOnly {
    width: 60px;
    font-size: 9px;
    font-family: Verdana;
    border: solid 1px #A7BBCF;
    height: 14px;
    padding: 1px 0px 0px 0px;
    background-color: #DCDCDC
}

.FormTable {
    text-align: center;
    width: 768px;
    margin: 0px 0px 2px 0px;
    padding: 0;
    background-color: white;
}

.FormGroup {
    padding: 0px 0px 5px 0px;
    margin: 0;
    background-color: #E0E0E0;
    text-align: center;
    border: solid 1px #e0e0e0;
}

.FormGroupAdmin {
    padding: 5px 0px 5px 0px;
    margin: 0;
    background-color: #E0E0E0;
    text-align: center;
    border: solid 1px #3366EE;
}

.FormTableAndRow {
    text-align: center;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.FormTableAndRowPadded {
    text-align: center;
    margin: 4px 0px 2px 0px;
    padding: 0;
    border-collapse: collapse;
}

.FormTableAndRowAdmin {
    text-align: center;
    margin: 0;
    padding: 0;
}

.FormHeaderCell {
    width: 100%;
    text-align: left;
    color: black;
    font-size: 16px;
    padding-left: 10px;
    background-color: white;
    border-top: solid 1px #e0e0e0;
}

.FormHeaderLink {
    color: blue;
    font-size: 12px;
    text-decoration: underline;
}

.FormCell {
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.FormCellTall {
    text-align: center;
    height: 30px;
    position: static;
}

.FormCellAlignLeft {
    text-align: left;
}

.FormLabel {
    font-size: 11px;
    font-family: Verdana;
    color: #00008B;
}

.FormText {
    font-size: 11px;
    font-family: Verdana;
    color: #00008B;
}
/* new styles for side-by-side field/value form */
.FormCellUnaligned {
    padding: 1px 1px 1px 1px;
}

.FormTextSmall {
    font-size: 9px;
    font-family: Verdana;
    color: #00008B;
}

.DarkText {
    font-family: Arial;
    font-size: 12px;
    color: Navy;
}

.DarkText2 {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFAF0;
}

.LightText {
    font-family: Arial;
    font-size: 12px;
    color: #cee7ff;
}

.LightText2 {
    font-family: Arial;
    font-size: 12px;
    color: #cee7ff;
    font-weight: bold;
}

.HeaderText {
    color: #4169E1;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
}

.HeaderText2 {
    color: #FFFAF0;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

.HelpText {
    color: Black;
    font-family: Arial;
    font-size: 12px;
}

/* basic form controls */
.CheckBox {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
}

.CheckBoxLeft {
    font-size: 10px;
    color: #00008B;
    text-align: left;
    margin: 0 auto;
}

.FormTextBox {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 150px;
    height: 14px;
    border: solid 1px #85A5B9;
}

.TextBox {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 150px;
    height: 14px;
    border: solid 1px #85A5B9;
}

.TextBoxWarning {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 150px;
    height: 14px;
    border: solid 1px red;
}

.TextBoxSmall {
    width: 100px;
    font-size: 9px;
    font-family: Verdana;
    border: solid 1px #A7BBCF;
}

.TextBoxSmallWarning {
    width: 100px;
    font-size: 9px;
    font-family: Verdana;
    border: solid 1px red;
}

.TextBoxWide {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 200px;
    height: 14px;
    border: solid 1px #85A5B9;
}

.TextBoxWideWarning {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 200px;
    height: 14px;
    border: solid 1px red;
}

.TextBoxSlim {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 100px;
    height: 14px;
}

.TextBoxSlimWarning {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 100px;
    height: 14px;
    border: solid 1px red;
}

.TextBoxReallySmall {
    width: 36px;
    font-size: 9px;
    font-family: Verdana;
    border: solid 1px #A7BBCF;
}

.TextBoxReallySmallWarning {
    width: 36px;
    font-size: 9px;
    font-family: Verdana;
    border: solid 1px red;
}

.TextBoxVerySmall {
    width: 60px;
    font-size: 9px;
    font-family: Verdana;
    border: solid 1px #A7BBCF;
}

.TextBoxVerySmallWarning {
    width: 60px;
    font-size: 9px;
    font-family: Verdana;
    border: solid 1px red;
}

.TextBoxWide {
    width: 225px;
    font-size: 9px;
    font-family: Verdana;
    height: 14px;
    border: solid 1px #85A5B9;
}

.DropDownList {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 154px;
}

.DropDownListSmall {
    width: 100px;
    font-size: 9px;
    font-family: Verdana;
    color: #00008B;
}

.DropDownListWide {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 225px;
}

.DropDownListDoubleWide {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 400px;
}

.DropDownListSlim {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 100px;
}

.DropDownList100 {
    font-family: Verdana;
    font-size: 9px;
    color: #00008B;
    width: 100%;
}

.FormCellCenter {
    text-align: center;
}

.GridLink {
    color: black;
}

    .GridLink:hover {
        color: red;
        text-decoration: none;
    }

.GridRowHeader {
    background-color: #6495ED;
    font-size: 10px;
    font-weight: bold;
    color: white;
    border: solid 1px #4169E1;
    text-align: center;
}

.GridRowHeaderDark {
    background-color: #4169E1;
    font-size: 10px;
    font-weight: bold;
    color: white;
    border: solid 1px #4169E1;
    text-align: center;
}

.GridRowPoints {
    background-color: white;
    color: Black;
    font-size: 10px;
    font-weight: normal;
    font-weight: normal;
    border: solid 1px #6495ED;
    text-align: center;
}

.GridRowPointsPadded {
    background-color: white;
    color: Black;
    font-size: 10px;
    font-weight: normal;
    font-weight: normal;
    border: solid 1px #6495ED;
}

.GridRowPointsHighlighted {
    background-color: #FF6347;
    color: White;
    font-size: 10px;
    font-weight: normal;
    font-weight: normal;
    border: solid 1px #6495ED;
    text-align: center;
}

.GridRowPointsLeft {
    background-color: white;
    color: Black;
    font-size: 10px;
    font-weight: normal;
    font-weight: normal;
    border: solid 1px #6495ED;
    text-align: left;
}

.GridHeader {
    background-color: #0066FF;
    color: #FDF5E6;
    border: solid 1px #0066FF;
}

.GridHeaderText {
    font-weight: bold;
    font-size: 15px;
}

.GridRowOdd {
    background-color: #6495ED;
    color: #FFFAF0;
}

.GridRowEven {
    background-color: #4169E1;
    color: #FFFAF0;
}

.GridRowOddPoints {
    background-color: #FFFAF0;
    color: #FFFAF0;
}

.GridRowEvenPoints {
    background-color: #DCDCDC;
    color: #FFFAF0;
}

.GridText {
    font-size: 12px;
    color: #FFFAF0;
}

.GridTextPoints {
    font-size: 10px;
    color: black;
}

.GridText:link {
    font-size: 12px;
    color: black;
}

.GridText:visited {
    font-size: 12px;
    color: black;
}

.GridText:active {
    font-size: 12px;
    color: black;
}

.GridText:hover {
    font-size: 12px;
    color: red;
    text-decoration: none;
}

.GridTextBold {
    font-size: 12px;
    font-weight: bold;
}

.GridTextBold2 {
    font-size: 10px;
    font-weight: bold;
}

.GridTextNotes {
    font-size: 10px;
    color: red;
}

.SecondaryGridRow {
    background-color: #d3d3d3;
}

.SecondaryGridRowText {
    color: #4169E1;
    font-size: 11px;
}

.SecondaryGridHeader {
    background-color: Gray;
    text-align: center;
}

.SecondaryGridHeaderText {
    color: #FFFAF0;
    font-weight: bold;
    font-size: 12px;
}

.HeadingGroup {
    text-align: left;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.HeadingTable {
    text-align: left;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.HeadingCell {
    text-align: center;
    border-left: solid 1px #6495ED;
    border-right: solid 1px #6495ED;
    border-top: solid 1px #6495ED;
    background-color: #6495ED;
}

.HeadingLabel {
    font-size: 10px;
    font-family: Arial;
    color: white;
}


#baselayer {
    position: absolute;
    z-index: 1;
}

.WithBullets {
    list-style-type: disc;
}

ul.WithBullets {
    padding-left: 40px;
}

dl, dt, dd, ul, li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#menu {
    width: 100%;
}

    #menu dl {
        float: left;
        margin: 0px 1px;
    }

    #menu dt {
        cursor: hand;
        width: 100%;
        text-align: left;
    }

    #menu dd {
        display: none;
        position: absolute;
        z-index: 100;
        border: solid 1px orange;
        width: 600px;
        background-color: #fff;
        padding: 10px;
    }

    #menu li {
        text-align: right;
        background: #fff;
        white-space: nowrap;
        float: left;
        display: block;
    }

    #menu ul {
        text-align: right;
        background: #fff;
        white-space: nowrap;
        float: left;
    }

    #menu li a, #menu dt a {
        color: #41B7D8;
        text-align: right;
        text-decoration: none;
        display: block;
        height: 100%;
        border: 0px none;
        padding: 0 5px;
    }

        #menu li a:hover, #menu dt a:hover {
            background: #eee;
        }

/* IS redesign help popup menu*/
#helpmenu {
    padding: 0
}

    #helpmenu div {
        margin: 0px 1px 0px 0px;
        cursor: pointer
    }

        #helpmenu div div span.helpText {
            vertical-align: top;
            margin-left: 5px
        }

    #helpmenu #smenuhelp {
        display: none;
        position: absolute;
        z-index: 95;
        margin-top: -2px;
        margin-left: -230px;
        width: 295px
    }

    #helpmenu #topmenuhelp {
        background: url(images/stylecontainer/helpbg.png) no-repeat;
        width: 275px;
        padding: 10px;
        white-space: nowrap
    }

    #helpmenu #smenuhelpbottom {
        background: url(images/stylecontainer/helpbg.png) no-repeat center bottom;
        width: 275px;
        padding: 2px 10px;
        white-space: nowrap;
        height: 5px
    }

    #helpmenu ul {
        white-space: nowrap;
        padding: 4px 4px 0;
        float: none;
        height: auto;
        width: 268px;
    }

    #helpmenu li {
        text-align: left;
        width: 100%;
        padding: 1px 0 0;
        float: none;
        height: auto;
    }

        #helpmenu li a, #helpmenu div a {
            text-decoration: none;
            display: block;
            height: 100%;
            border-left: 3px solid #f0f0f0;
            padding: 1px 4px 1px 7px
        }

        #helpmenu li.underline {
            border-bottom: 2px dotted #f60;
            padding-bottom: 4px;
            margin-bottom: 3px
        }

        #helpmenu li span {
            text-decoration: none;
            color: black;
            font-family: Verdana;
            font-size: 11px;
            font-weight: normal;
            white-space: normal
        }

        #helpmenu li a:hover, #helpmenu div a:hover {
            border-left: 3px solid #f60;
            background-color: #f0f0f0
        }

        #helpmenu li span:hover {
            background-color: #f0f0f0;
            color: #555
        }

#docmenu {
    width: 100%;
}

    #docmenu dl {
        float: left;
        margin: 0px 1px;
    }

    #docmenu dt {
        cursor: hand;
        width: 100%;
        height: 100%;
        text-align: left;
    }

    #docmenu dd {
        display: none;
        position: absolute;
        z-index: 100;
        border: solid 2px orange;
        width: 600px;
        background-color: white;
        padding: 10px;
    }

#staticmenu dl {
    text-align: left;
    margin: 0px 1px 0px 0px;
    border: 1px solid #85A5B9;
    width: 100%;
    background-color: White;
    font-size: 9px;
    font-family: Verdana;
}

    /*new staticmenu*/
    #staticmenu dl.pnl {
        text-align: left;
        margin: 0px 1px 0px 0px;
        border: 1px solid #85A5B9;
        background-color: White;
        font-size: 9px;
        font-family: Verdana;
        padding: 10px 5px;
        width: 98%
    }

        #staticmenu dl.pnl .product-title {
            position: absolute;
            width: 110px;
        }

        #staticmenu dl.pnl .chk-pnl {
            padding-left: 100px;
        }

.chk-pnl .checkbox-inline:first-child {
    padding-left: 30px;
}

.chk-pnl label {
	margin-left: 10px;
    margin-right: 24px;
	font-weight: normal;
}

.chk-pnl label input {
	margin-right: 4px;
	vertical-align: top;
}

.marginTop8 {
    margin-top: 8px;
}

/* Wait Panel Styles 
.WPanel { height:100%; width:100%; display:none; position:absolute; top:0; left:0; }
.BgWPanel { width:100%; height:100%; position:absolute; left:0px; top:0px; filter:alpha(opacity=0); opacity:0.0; z-index:98; text-align:center; vertical-align:middle; }
.Bg2WPanel { width:100%; height:10000px; position:absolute; left:0px; top:0px; filter:alpha(opacity=50); opacity:0.5; background-color:#999999; z-index:97; text-align:center;vertical-align:middle; }
.FgWPanel { position:absolute; left:50%; top:384px; z-index:99; }
.FgWPanelIE6 { position:absolute; left:50%; top:384px; z-index:99; }
.IntWPanel { position:relative; top:-100px; left:-200px; width:400px; height:200px; background-color:#FFFFFF; color:#000000; 
             text-align:center; vertical-align:middle; padding-top:50px; border:solid 2px #0000BB; }
.WMessage { color:Black; font-family:Verdana; font-size:14px; }
.WSpacer { width:100px; height:20px; }*/

/* Styles for new popups 5/25/11 */
.PopupBGPanel {
    z-index: 9998;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: #999999;
}

.PopupFGPanel {
    z-index: 9999;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
}

.PopupFGPanelIE6 {
    z-index: 9999;
    display: none;
    position: absolute;
    top: 384px;
    left: 50%;
}

.PopupBorder {
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
    vertical-align: middle;
}

    .PopupBorder img {
        margin: auto;
        display: block
    }

.PopupContentPanel {
    padding: 5px 19px 5px 14px;
}

.PopupContentPanelScrolling {
    padding: 5px 19px 5px 14px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.WMessage {
    margin: 20px auto 15px;
    display: block;
    font-size: 11px;
}

.spacer-right {
    margin-right: 15px;
}

/* rounded corner-Indra 10/24/14 */
.round {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.TableStyleTopLeft {
    width: 48px;
    height: 48px;
    background-image: url(images/stylecontainer/topleft.jpg);
    font-size: 2px;
}

.TableStyleTopMiddle {
    height: 48px;
    background: white url(images/stylecontainer/topcenter.jpg) repeat-x;
    font-size: 2px;
}

.TableStyleTopRight {
    width: 48px;
    height: 48px;
    background-image: url(images/stylecontainer/topright.jpg);
    font-size: 2px;
}

.TableStyleMidLeft {
    width: 48px;
    background: white url(images/stylecontainer/left.jpg) repeat-y;
    font-size: 2px;
}

.TableStyleMid {
    text-align: left;
    padding-left: 10px;
}

.TableStyleMidRight {
    width: 48px;
    background: white url(images/stylecontainer/right.jpg) repeat-y;
    font-size: 2px;
}

.TableStyleBottomLeft {
    width: 48px;
    height: 10px;
    background-image: url(images/stylecontainer/bottomleft.jpg);
    font-size: 2px;
}

.TableStyleBottomMiddle {
    height: 10px;
    background: white url(images/stylecontainer/bottomcenter.jpg) repeat-x;
    font-size: 2px;
}

.TableStyleBottomRight {
    width: 48px;
    height: 10px;
    background-image: url(images/stylecontainer/bottomright.jpg);
    font-size: 2px;
}

.TableStyleCaption {
    float: left;
    color: #3f77b7;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}

.TableStyleLink {
    float: right;
    color: #3f77b7;
    font-size: 10px;
    font-family: Verdana;
    font-weight: normal;
    text-decoration: none;
    padding-left: 3px;
}

.ConfigFormLeftWithRedColor {
    background-color: White;
    color: Red;
    text-align: right;
    width: 15%;
    border-right: dashed 1px #CCCCCC;
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.ConfigForm {
    border: solid 1px White;
    width: 100%;
}

.ConfigFormLeft {
    background-color: White;
    color: Black;
    text-align: right;
    width: 15%;
    border-right: dashed 1px #CCCCCC;
    padding-right: 10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.ConfigFormRight {
    background-color: White;
    color: Black;
    text-align: left;
    width: 85%;
    padding: 10px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.ConfigFormAlternating,
tr.ConfigFormAlternating > td,
tr.ConfigFormAlternating > td.ConfigFormLeft
tr.ConfigFormAlternating > td.ConfigFormRight {
    background-color: #f5f5f5;
}

.ConfigFormSingle {
    text-align: center;
    width: 100%;
}

.ConfigFormCenter {
    text-align: center;
}

table.OBTable {
    clear: both;
    width: 100%;
    border: 1px solid #81abd5;
    color: #FFFFFF;
    font: 11px Tahoma, Verdana, Arial, serif;
}

    table.OBTable th {
        background-color: #217ed5;
        padding: 4px 7px 3px 7px;
        font-weight: normal;
        border-left: 1px solid #2b8bd5;
        border-right: 1px solid #195ec9;
        border-bottom: 1px solid #0d66c0;
        white-space: nowrap;
        text-align: center !important;
    }

    table.OBTable tr.es td {
        background-color: #e9e9e9
    }

        table.OBTable tr.es td.first {
            border-left: solid 1px #e9e9e9
        }

        table.OBTable tr.es td.last {
            border-right: solid 1px #e9e9e9
        }


        table.OBTable th.red {
            background-color: #d50000;
            border-left: 1px solid #d52020;
            border-right: 1px solid #c00000;
            border-bottom: 1px solid #c03030;
        }

        table.OBTable th.Grey {
            background-color: #bbbbbb;
            border-left: 1px solid #a0a5a9;
            border-right: 1px solid #93979c;
            border-bottom: 1px solid #8d9196;
        }

        table.OBTable th.White {
            background-color: #FFFFFF;
            border-left: 1px solid #a0a5a9;
            border-right: 1px solid #93979c;
            border-bottom: 1px solid #8d9196;
        }

        table.OBTable th.LightGrey {
            background-color: #DCDCDC;
            border-left: 1px solid #a0a5a9;
            border-right: 1px solid #93979c;
            border-bottom: 1px solid #8d9196;
        }

        table.OBTable th a {
            display: block;
            float: left;
            color: #FFFFFF;
            width: 100%;
        }

    table.OBTable td {
        border-right: dotted 1px #AAAAAA;
        color: #666666;
        padding: 4px 5px;
    }

    table.OBTable tr.alternating {
        background-color: #f0f0f0;
    }

        table.OBTable tr.alternating td {
            background-color: #f0f0f0;
        }

    table.OBTable tr.selected {
    }

        table.OBTable tr.selected td {
            border-top: 1px solid #91b2d5;
            background-color: #FF9933;
            margin: 0;
            color: BLACK;
        }

    table.OBTable td.last {
        border-right: solid 0px white;
    }

    table.OBTable table_label {
        font-size: 11px;
        Color: White;
    }

    table.OBTable table_label_blue_bold {
        font-size: 11px;
        color: #00008B;
        font-weight: bold;
    }

    table.OBTable table_label_blue {
        font-size: 11px;
        color: #00008B;
        font-weight: bold;
    }

    table.OBTable table_label_red {
        font-size: 11px;
        color: Red;
    }
/* Table Render */
/*********************************************************************************************************/
.tableWrapBlue {
    clear: both;
    border: 1px solid #81abd5;
    padding: 1px;
}

.tableWrapGreen {
    clear: both;
    border: 1px solid #57b463;
    padding: 1px;
}

.tableWrapLightGreen {
    clear: both;
    border: 1px solid #acd581;
    padding: 1px;
}

.tableWrapYellow {
    clear: both;
    border: 1px solid #d2c300;
    padding: 1px;
}

.tableWrapRed {
    clear: both;
    border: 1px solid #be4339;
    padding: 1px;
}

.tableWrapGrey {
    clear: both;
    border: 1px solid #a0a5a9;
    padding: 1px;
}

table.simple {
    clear: both;
    width: 100%;
    color: #FFFFFF;
    font: 11px Tahoma, Verdana, Arial, serif;
}

    table.simple th {
        padding: 4px 7px 3px 7px;
        font-weight: normal;
        white-space: nowrap;
        text-align: center;
    }

        table.simple th.Blue {
            background: url(images/optimalblue/table/headerbg.gif) left bottom repeat-x;
            background-color: #217ed5;
            border-left: 1px solid #2b8bd5;
            border-right: 1px solid #195ec9;
            border-bottom: 1px solid #0d66c0;
        }

        table.simple th.Green {
            background: url(images/optimalblue/table/green/headerbg.gif) left bottom repeat-x;
            background-color: #46af50;
            border-left: 1px solid #57b463;
            border-right: 1px solid #2a8933;
            border-bottom: 1px solid #329a3e;
        }

        table.simple th.LightGreen {
            text-align: center;
            background: url(images/optimalblue/table/lgreen/headerbg.gif) left bottom repeat-x;
            background-color: #7bbf42;
            border-left: 1px solid #53a028;
            border-right: 1px solid #8ec759;
            border-bottom: 1px solid #68ac2f;
        }

        table.simple th.Yellow {
            background: url(images/optimalblue/table/yellow/headerbg.gif) left bottom repeat-x;
            background-color: #f2e103;
            border-left: 1px solid #d2c300;
            border-right: 1px solid #e0d600;
            border-bottom: 1px solid #cdc300;
        }

        table.simple th.Red {
            background: url(images/optimalblue/table/red/headerbg.gif) left bottom repeat-x;
            background-color: #b72e2a;
            border-left: 1px solid #be4339;
            border-right: 1px solid #9c1f1a;
            border-bottom: 1px solid #931b16;
        }

        table.simple th.Grey {
            background: url(images/optimalblue/table/grey/headerbg.gif) left bottom repeat-x;
            background-color: #bbbbbb;
            border-left: 1px solid #a0a5a9;
            border-right: 1px solid #93979c;
            border-bottom: 1px solid #8d9196;
        }

        table.simple th.left {
            text-align: left !important;
        }

        table.simple th a {
            display: block;
            float: left;
            color: #FFFFFF;
            width: 100%;
        }

        table.simple th.passive {
            color: #bad5f0;
            text-decoration: none;
            cursor: text;
        }

.td-block {
    width: 160px;
    display: inline-block;
}

table.simple td {
    background: url(images/optimalblue/table/tddots.gif) right repeat-y;
    text-align: left;
    color: #666666;
    padding: 4px 5px 3px 5px;
}

    table.simple td.noPadding {
        padding: 0 1px 0 0 !important;
    }

    table.simple td.borderedOver {
        padding: 1px 2px 1px 1px;
    }

        table.simple td.borderedOver div {
            padding: 4px 5px 4px 5px;
            border: 1px solid #FFFFFF;
        }

    table.simple td.es td.borderedOver div {
        padding: 4px 5px 4px 5px;
        border: 1px solid #f0f0f0;
    }

table.simple tr.active td.borderedOver div {
    padding: 4px 5px 4px 5px;
    border: 1px solid #72b639;
}

    table.simple tr.active td.borderedOver div a {
        color: #70b437
    }

table.simple td.disabled {
    background-color: #f0f0f0 !important;
}

table.simple td.center {
    text-align: center;
}

table.simple td.right {
    text-align: right;
}

table.simple tr.es {
    background-color: #f0f0f0;
}

    table.simple tr.es td {
        background-color: #f0f0f0;
    }

table.simple tr.esselected td {
    background-color: #d5d5d5;
}

table.simple td.headerBottom {
    background: url(images/optimalblue/table/headerbottom.gif) left bottom repeat-x !important;
    height: 3px;
    padding: 0 !important;
    margin: 0;
}

table.simple td.last {
    background-image: none !important;
}

table.simple td.subactivelast {
    background-image: none !important;
}

table.simple td.passive {
    padding-top: 2px;
    padding-bottom: 0px;
}

table.simple td.iconsSet {
    background-image: none;
    width: 60px;
    text-align: center;
}

table.simple tr.active td {
    border-top: 2px solid #91b2d5;
    background: url(images/optimalblue/table/tddots3.gif) right repeat-y;
    background-color: #FFFFFF;
    margin: 0;
    color: BLACK;
}

    table.simple tr.active td.first {
        border-left: 2px solid #91b2d5;
    }

    table.simple tr.active td.last {
        border-right: 2px solid #91b2d5;
        background-image: none;
        width: 20px;
        padding-right: 5px;
        padding-left: 0px;
    }

    table.simple tr.active td.iconsSet {
        background-image: none;
    }

table.simple tr.total td {
    background: url(images/optimalblue/table/totaltrbg.png) left top repeat-x !important;
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #ededed;
    padding: 0 !important;
    color: #2b2b2b;
}

    table.simple tr.total td div {
        background: url(images/optimalblue/table/tddots.gif) right bottom repeat-y;
        padding: 5px 5px 3px 5px !important;
    }

        table.simple tr.total td div.name {
            color: #646a59
        }

    table.simple tr.total td.last div {
        background-image: none !important;
    }

table.simple tr td.lockCritical {
    font-weight: bold;
    color: black;
    background-color: #ff0000;
}

table.simple tr td.lockWarning {
    font-weight: bold;
    color: black;
    background-color: #ff8800;
}

table.simple input {
    margin-top: 0px;
}

.OBInPipeNav {
    width: 100%;
    text-align: center;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #666666
}

table.simple tr.subActive td {
    background: url(images/optimalblue/table/tddots.gif) right repeat-y;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
}

.subActiveBlock {
    background: url(images/optimalblue/table/subblockbg.gif) bottom repeat-x;
    background-color: #fafafa;
    padding: 0;
    margin: 0;
    font-size: 12px;
    border: 2px solid #91b2d5;
    border-top: none;
    overflow: hidden;
}

.topDots {
    height: 10px;
    background: url(images/optimalblue/table/trdots.gif) top repeat-x;
    margin: 0;
}

.subActiveBlock .mm {
    background: url(images/optimalblue/table/arrow.gif) 25px 3px no-repeat;
    padding: 0 0 12px 62px;
    margin: 0;
    color: #666666;
}

    .subActiveBlock .mm a {
        padding: 0 0 0 0;
    }

        .subActiveBlock .mm a img {
            vertical-align: middle;
            text-decoration: none;
        }

.subActiveBlockShadow {
    height: 3px;
    background: url(images/optimalblue/table/subblockshadowbg.gif) top repeat-x;
}

.notes {
    float: right;
    height: 16px;
    white-space: nowrap;
    background: url(images/optimalblue/table/notes.gif) left top repeat-y;
    padding: 0 10px 5px 16px;
    margin: 5px 0 0 19px;
    color: #666666;
    line-height: 20px;
}

    .notes img {
        margin: 0 0 -5px 0;
    }

table.CheckBoxList td {
    background-image: none !important;
}
/*********************************************************************************************************/


/* NAV 08 */
.NavPanelPercent {
    width: 100%;
    position: relative;
    height: 50px;
    border-bottom: solid 2px #888888;
}

.topNavLink {
    float: left;
    text-decoration: none;
    color: white;
    font-size: 12px;
    font-family: Verdana;
    height: 18px;
    background-color: #aaaaaa;
    text-align: center;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: solid 1px white;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
    margin-right: 2px;
    filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffbbbbbb',EndColorStr='#ff888888');
}

    .topNavLink:hover {
        float: left;
        text-decoration: none;
        color: white;
        font-size: 12px;
        font-family: Verdana;
        height: 18px;
        background-color: #aaaaaa;
        text-align: center;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        border-right: solid 1px white;
        border-top: solid 1px white;
        border-bottom: solid 1px white;
        margin-right: 2px;
        filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffbbbbbb',EndColorStr='#ffff9933');
    }

.topNavLinkActive {
    float: left;
    text-decoration: none;
    color: white;
    font-size: 12px;
    font-family: Verdana;
    height: 18px;
    background-color: #ff9933;
    text-align: center;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: solid 1px white;
    border-top: solid 1px white;
    border-bottom: solid 1px #ff9933;
    margin-right: 2px;
    filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffaa66',EndColorStr='#ffff9933');
}

.TopNavLeftCell {
    background-color: #FFFFFF;
    width: 60%;
    text-align: left;
    padding-left: 15px;
}

.TopNavRightCell {
    background-color: #FFFFFF;
    width: 40%;
    text-align: right;
    padding-top: 2px;
    padding-bottom: 2px;
}

.UNavLeftCell {
    background-color: #FFFFFF;
    text-align: center;
    padding-bottom: 2px;
    border-right: dotted 1px black;
    padding-right: 10px;
    padding-left: 10px;
}

.UNavMidCell {
    background-color: #FFFFFF;
    text-align: center;
    padding-bottom: 2px;
    border-right: dotted 1px black;
    padding-right: 10px;
    padding-left: 10px;
}

.UNavRightCell {
    background-color: #FFFFFF;
    text-align: center;
    padding-bottom: 2px;
    padding-right: 10px;
    padding-left: 10px;
}

.UNavLink {
    text-decoration: none;
    color: black;
    font-size: 12px;
    font-family: Verdana;
}

    .UNavLink:hover {
        text-decoration: underline;
        color: black;
        font-size: 12px;
        font-family: Verdana;
    }

.SubNavCell {
    background-color: #ff9933;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 20px;
}

.SNavCell {
    background-color: #FF9933;
    text-align: center;
    border-right: dotted 1px white;
    height: 16px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.SNavLink {
    text-decoration: none;
    color: white;
    font-size: 10px;
    font-family: Verdana;
}

    .SNavLink:hover {
        text-decoration: underline;
        color: white;
        font-size: 10px;
        font-family: Verdana;
    }

/* LENDER NAV 08 */
.topTabbedPanel, .topTabbedPanelSubMenu {
    width: 100%;
    clear: both;
    border-bottom: 1px solid #91b2d5;
    min-width: 1024px;
}

.topTabbedPanel {
    height: 46px;
    background-color: #f2f2f2;
    padding-top: 2px;
}

.topTabbedInnerPanel {
    width: 96%;
    height: 44px;
    background: url(images/optimalblue_grey.gif) left top no-repeat;
    padding-top: 16px;
}

.topTabbedPanel ul {
    float: right;
    list-style: none;
    margin: 0 0 -1px 0;
    padding: 0px 5px 0px 0px;
    cursor: pointer;
}

.topTabbedPanel a {
    color: BLACK;
    text-decoration: none;
}

.topTabbedPanel li {
    float: left;
    clear: none;
    height: 30px;
    padding: 0;
    margin: 0;
}

    .topTabbedPanel li .first {
        float: left;
        height: 30px;
        padding: 0 0 0 17px;
        background: url(images/optimalblue/tab/tabfirst.gif) left top no-repeat;
    }

    .topTabbedPanel li span a, .topTabbedPanel li .last {
        float: left;
        height: 23px;
        padding: 10px 37px 0 5px;
        margin: 0;
    }

    .topTabbedPanel li span a {
        background: url(images/optimalblue/tab/tabnotlast.gif) right top no-repeat;
    }

    .topTabbedPanel li .last {
        padding-right: 27px;
        background: url(images/optimalblue/tab/tablast.gif) right top no-repeat;
    }

    .topTabbedPanel li:hover span a {
        color: #649ad2;
    }

    .topTabbedPanel li.selected {
        margin: 0 0 -1px -18px;
        height: 31px;
    }

        .topTabbedPanel li.selected span {
            float: left;
            position: relative;
            height: 31px;
            padding: 0 0 0 17px;
            background: url(images/optimalblue/tab/tabselectednotfirst.gif) left top no-repeat;
        }

        .topTabbedPanel li.selected .first {
            background: url(images/optimalblue/tab/tabselectedfirst.gif) left top no-repeat;
        }

        .topTabbedPanel li.selected span a, .topTabbedPanel .selected .last {
            float: left;
            height: 23px;
            padding: 10px 37px 0 5px;
            margin: 0;
        }

        .topTabbedPanel li.selected span a {
            background: url(images/optimalblue/tab/tabselectednotlast.gif) right top no-repeat;
        }

        .topTabbedPanel li.selected:hover span a {
            color: BLACK;
        }

        .topTabbedPanel li.selected .last {
            background: url(images/optimalblue/tab/tabselectedlast.gif) right top no-repeat;
        }

        .topTabbedPanel li.selected:hover .last {
            background: url(images/optimalblue/tab/tabselectedlasthover.gif) right top no-repeat;
        }

.topTabbedPanelSubMenu {
    height: 32px;
    margin: 0;
}

    .topTabbedPanelSubMenu ul {
        float: left;
        height: 26px;
        list-style: none;
        margin: 0;
        padding: 6px 0 0 0;
        width: 100%;
        border-bottom: 1px solid #91b2d5;
        cursor: default;
    }

        .topTabbedPanelSubMenu ul li {
            float: left;
            position: relative;
            padding: 2px 5px 2px 5px;
            margin: 0;
            height: 18px;
            cursor: pointer;
        }

            ul.navLinks li a,
            .topTabbedPanelSubMenu ul li a {
                color: #828282;
                text-decoration: none;
            }

                ul.navLinks li a.selected,
                ul.navSelection li a.selected,
                .topTabbedPanelSubMenu ul li a.selected {
                    color: #91b2d5;
                    text-decoration: none;
                    font-weight: bold;
                }

            .topTabbedPanelSubMenu ul li.first {
                padding: 2px 5px 2px 10px;
                margin: 0;
                height: 18px;
            }

            .topTabbedPanelSubMenu ul li.s {
                padding: 0;
                margin: 0 5px 0 5px;
                width: 6px;
                height: 18px;
                background: url(images/optimalblue/topmenudot.gif) center center no-repeat;
                cursor: default;
            }

                .topTabbedPanelSubMenu ul li.s:hover {
                }

        .topTabbedPanelSubMenu ul ul {
            border: none;
        }

/* Nav: Start ----------------------------------- */
ul.navLinks,
ul.navSelection {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
    overflow: hidden;
    position: relative;
}

ul.navLinks li:not(.line),
ul.navSelection li:not(.line) {
	float: left;
	white-space: nowrap;
}

ul.navLinks li.line,
ul.navSelection li.line {
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

ul.navLinks li:not(.line):not(.last-child)::after,
ul.navSelection li:not(.line):not(.last-child)::after {
    /************************************************************************** 
    Avoid using image as it takes a few milliseconds to load, 
    which can causes the height calculation to be wrong on some edge cases.
    This is because once all images loaded, it'll expand wider causing some
    elements to wrap to the next line making the parent taller than before.
        
    content: url(images/optimalblue/topmenudot.gif); **************************/
    content: '\2666';
    color: #1f7cd3;
    font-size: 13px;
}

ul.navLinks li a,
ul.navSelection li a {
	display: inline-block;
	text-align: center;
	padding: 9px 10px;
	text-decoration: none;
}

ul.navLinks li a:hover:not(.active),
ul.navSelection li a.selected:hover {
    color: #ffb300
}

ul.navLinks li a.active {
    font-weight: 600;
    color: #ffb300;
}

ul.navSelection {
    margin-bottom: 20px;
}

ul.navSelection li.line {
    top: 31px;
}

ul.navSelection,
ul.navSelection li.line, 
ul.navLinks li.line {
    border-bottom: 1px solid #91b2d5;
}
/* Nav: END ------------------------------------- */
.table_label_blue {
    font-size: 11px;
    color: #00008B;
    font-weight: bold;
}

.GridColumn {
    BORDER-TOP: 0px solid;
    BORDER-BOTTOM: 0px solid;
    BORDER-RIGHT: 0px solid;
    BORDER-LEFT: 0px solid;
    padding-left: 10px;
    padding-right: 10px
}

.ListBox {
    width: 150px;
    font-size: 9px;
    font-family: Verdana;
}
/* WIZARD */
.stepNotCompleted {
    background-color: rgb(153,153,153);
    width: 15px;
    border: 1px solid rgb(153,153,153);
    margin-right: 5px;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.stepCompleted {
    background-color: #4d4d4d;
    width: 15px;
    border: 1px solid #4d4d4d;
    color: White;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}

.stepCurrent {
    background-color: #217ed5;
    width: 15px;
    border: 1px solid #217ed5;
    color: White;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.stepBreak {
    width: 3px;
    background-color: Transparent;
}

.wizardProgress {
    padding-right: 10px;
    font-family: Arial;
    color: #333333;
    font-size: 12px;
}

.wizardTitle {
    font-family: Arial;
    font-size: 120%;
    font-weight: bold;
    color: #333333;
    vertical-align: middle;
}
/*.popupHead { height:15px;background:#217ED5 url(images/optimalblue/table/grey/headerbg.gif) repeat-x scroll left bottom;cursor:pointer;font-weight:normal;padding:5px 19px 5px;text-align:right;white-space:nowrap;font-size:11px; }*/
.popupHead {
    height: 15px;
    background: #217ED5 url(images/optimalblue/table/headerbg.gif) repeat-x scroll left bottom;
    border-bottom: 1px solid #0D66C0;
    border-left: 1px solid #2B8BD5;
    border-right: 1px solid #195EC9;
    cursor: pointer;
    font-weight: normal;
    padding: 5px 5px 5px;
    text-align: right;
    white-space: nowrap;
    font-size: 11px;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: grey;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 575px;
    height: 200px;
}

.modalPopup2 {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: grey;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 1200px;
    height: 400px;
}

.modalPopup3 {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: grey;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 600px;
    height: 400px;
}

.SystemLabel {
    font-family: Verdana;
    font-size: 12px;
    font-weight: Bold;
    text-decoration: none;
    padding: 10px;
}

.LimitCell {
    width: 20%;
}

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

.OBTable .Center {
    text-align: center;
}

.OBTable .LenderLimitBox {
    width: 98%;
    text-align: right;
}

.OBTable .LenderLimitBoxSmall {
    width: 30%;
    text-align: right;
}

.PopUpDiv {
    width: 200px;
    height: 100px;
    border: 1px solid Black;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    background-color: #AAAFAF;
    font-size: 11px;
    font-weight: bold;
    Border-Style: outset;
    color: #FFFAFA;
}

.cpHeader {
    color: white;
    background-color: #bbbbbb;
    cursor: pointer;
    height: 15px;
    padding: 2px;
    float: left;
}

.cpBody {
    font: normal 11px auto Verdana, Arial;
    background-color: White;
    border: 1px gray;
    height: 0px;
    overflow: hidden;
    float: left;
}

.cal_Theme1 .ajax__calendar_container {
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_header {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_days {
    padding-right: 0px;
    padding-bottom: 0px;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align: center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active {
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today {
    font-weight: bold;
    color: #004080;
}

.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

div.ajax__calendar_days table tr td {
    padding: 0px;
}

.disabledImageButton {
    filter: alpha(opacity=30);
    opacity: .30;
}

.modalPopup4 {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: grey;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 875px;
    height: 200px;
}

.center, .text-center {
    text-align: center
}

.left, .text-left {
    text-align: left
}

/* To clear float elements */
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.min-height {
    min-height: 550px; /* moved from master */
}

select {
    min-width: 120px
}

/*IE10 image button bug fix - Indra*/
.btn-image {
    width: 16px;
    height: 16px;
    border: 0;
    background: url(images/icon-config.png) no-repeat;
    cursor: pointer
}

.icon-delete {
    background-position: -16px 0
}

.icon-edit {
    background-position: 0 0
}

.sort-arrow-up {
    background-position: -48px -16px
}

.sort-arrow-down {
    background-position: -32px -16px
}

.sort-arrow-down-inactive {
    background-position: -16px -16px
}

.sort-arrow-up-inactive {
    background-position: 0 -16px
}

/*Button override based from Banker button styles - Indra */
.btn, .btn:active,
.NavButtonPrimary, .NavButtonPrimary:active,
.NavButtonGray, .NavButtonGray:active,
.StandOutButton1, .StandOutButton1:active,
.StandOutButton2, .StandOutButton2:active,
.NavButtonPrimaryWide, .NavButtonPrimaryWide:active,
.NavButtonPrimarySelected, .NavButtonPrimarySelected:active,
.NavButtonPrimaryHover, .NavButtonPrimaryHover:active,
.NavButtonSmall, .NavButtonSmall:active,
.NavButtonSmaller, .NavButtonSmaller:active,
.NavButtonSecondary, .NavButtonSecondary:active,
.VNavButtonHeader, .VNavButtonHeader:active {
    color: #4d4d4d;
    text-align: center;
    font: bold 10px Verdana;
    cursor: pointer;
    padding: 5px 11px;
    margin: 5px 5px 0 5px;
    border: solid 1px #bbb;
    background-image: url(images/bgbutton.jpg);
    background-repeat: repeat-x;
    overflow: visible;
    *zoom: 1;
}

.btn-small, .NavButtonPrimary, .NavButtonGray, .StandOutButton1,
.NavButtonPrimaryWide, .NavButtonPrimarySelected,
.NavButtonPrimaryHover, .NavButtonSmall, .NavButtonSmaller,
.NavButtonSecondary, .VNavButtonHeader {
    height: auto;
}

.NavButtonGray {
    color: #666;
}

.StandOutButton1, .StandOutButton2 {
    color: red;
}

.StandOutButton2 {
    border: solid 1px red;
}

.NavButtonPrimarySelected {
    color: #f93;
}

.VNavButtonHeader {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    padding-left: 2px;
}

    .btn:hover, .NavButtonPrimary:hover, .NavButtonGray:hover,
    .StandOutButton1:hover, .NavButtonPrimaryWide:hover,
    .NavButtonPrimarySelected:hover, .NavButtonSmall:hover,
    .NavButtonSmaller:hover, .NavButtonSecondary:hover,
    .VNavButtonHeader:hover {
        background-image: url(images/bgbuttonhover.jpg);
        background-repeat: repeat-x;
    }

.BrvValidationMessageError {
    display: block;
    color: #D43F3A;
}

.BrvValidationElementError {
    border-color: #D43F3A;
    background-color: lightyellow;
}

.disabledButton, .disabledButton:link, .disabledButton:visited, .disabledButton:hover, .disabledButton:active {
    text-align: center;
    font: bold 10px Verdana;
    cursor: default;
    padding: 5px 11px;
    margin: 5px 5px 0 5px;
    border: solid 1px #d4d4d4;
    color: #b9b9b9;
    background: #eee;
    overflow: visible;
    *zoom: 1;
    height: auto;
    z-index: 0;
}
/*End Button override */

/*End Button override */
.progress-nav-container {
    margin: 0 auto;
    width: 960px;
}

ul.progress-nav {
    list-style-type: none;
    margin-left: 10px;
}

.progress-nav li {
    float: left;
    background: url(images/progress-nav-bg.png) no-repeat right top;
    height: 30px;
    line-height: 31px;
    margin: 2px 0 0 0;
    padding: 0 20px 0 13px;
}

    .progress-nav li input {
        background: none;
        border: none;
        font-size: 10px;
        font-weight: bold;
        color: #777;
        text-shadow: #fff 0px 1px 1px;
        cursor: pointer;
    }

    .progress-nav li.selected, .progress-nav li.first {
        margin-left: -10px;
        padding-left: 20px;
        background-position: right top;
        position: relative;
    }

    .progress-nav li.last {
        position: relative;
    }

    .progress-nav li.selected {
        background-position: right -30px;
    }

        .progress-nav li.selected input {
            color: #fff;
            text-shadow: #326490 1px 1px 2px;
        }

        .progress-nav li.selected span, .progress-nav li.first span {
            position: absolute;
            left: 0;
            top: 0;
            background: url(images/progress-nav-bg.png) no-repeat left -30px;
            width: 10px;
            height: 30px
        }

            .progress-nav li.selected span.plug-left {
                background-position: -19px -30px;
            }

            .progress-nav li.first span.plug-left {
                background-position: -19px 0;
            }

.progress-nav .plug-right {
    width: 10px;
    position: absolute;
    height: 30px;
    right: 0;
    top: 0;
    background: url(images/progress-nav-bg.png) no-repeat -9px top;
}

.progress-nav li.selected div.plug-right {
    background-position: -9px -30px;
}

/* Rate table content panels*/
.content-panel {
    margin: 20px auto 0;
    width: 960px;
}

    .content-panel h2 {
        margin-top: 25px;
    }

.sub-content-panel {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 10px;
}

    .sub-content-panel .checkbox {
        width: 210px;
        padding-left: 10px;
        display: inline-block;
        margin: 0 !important;
        vertical-align: top
    }

.sub-content-panel-column {
    border: 2px solid #bbbbbb;
    height: 250px;
    overflow-y: scroll;
    padding-left: 5px;
    vertical-align: middle;
    width: 100%;
}

.push-down {
    margin-top: 5px;
}
/* latest clearfix to clear floats*/
.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f991de72f91895b90c97)
 * Config saved to config.json and https://gist.github.com/f991de72f91895b90c97
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #428bca;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #2a6496;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    /*margin: 4px 0 0;*/ margin: 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    /*display: block;*/ display: inline-block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
}

.form-control {
    display: block;
    width: 40%; /*width: 40%;*/
    /*height: 34px;*/
    padding: 6px 12px;
    /*font-size: 14px;*/
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .form-control::-moz-placeholder {
        color: #777777;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #777777;
    }

    .form-control::-webkit-input-placeholder {
        color: #777777;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eeeeee;
        opacity: 1;
    }

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm {
        line-height: 30px;
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg {
        line-height: 46px;
    }

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkbox-subList {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}


.checkbox-subList-hidden {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    visibility: hidden;
    font-weight: normal;
}

    .checkbox-subList-hidden label {
        display: inline-block;
        padding-left: 10px;
        margin-bottom: 5px;
        font-weight: normal;
    }


.checkbox-subList label {
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 5px;
    font-weight: normal;
}

.radio li, .checkbox li {
    min-height: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
}
/*hack for dynamic radio+checkbox ul class - Indra*/

.radio input[type="text"],
.checkbox input [type="text"],
.radio select,
.checkbox select {
    margin-top: -5px;
    margin-left: 5px
}
/*for textbox and dropdown inside radio or checkbox - Indra*/

.radio label span,
.checkbox label span /*Indra*/ {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 5px;
}

.radio label,
.checkbox label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    /*margin-left: -20px;
    margin-top: 4px; Indra*/
    margin-top: -4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline,
.radio-inline label,
.checkbox-inline label {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0;
    }

.input-sm,
.form-horizontal .form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error-field {
    background-color: #fbefef;
    border: 1px solid #f00;
}


.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.clearfix:after,
.form-horizontal .form-group:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

.pull-left {
    float: left !important;
}

.hide,
body.fc_hide > #fc_frame, body.fc_hide > #fc_frame.fc-widget-small {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

input.TextBox:disabled, input.partialDisabled {
    color: #000;
    background: #DCDCDC;
}

input:disabled {
    background: #DCDCDC;
    border: solid 1px #A7BBCF;
}

select:disabled {
    color: #000;
    background-color: #DCDCDC;
    border: solid 1px #A7BBCF;
}

.addNewRowButton {
    bottom: 10px;
    position: absolute;
    border: 1px solid #217ed5;
    border-radius: 25px;
    color: white;
    font-size: 11px;
    text-align: left;
    padding: 5px 10px 5px 10px;
    background: left 3px top 5px no-repeat #217ed5;
}

.saveMappingButton {
    left: 100px;
    bottom: 10px;
    position: absolute;
    border: 1px solid #217ed5;
    border-radius: 25px;
    color: white;
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    background: left 25px top 5px no-repeat #217ed5;
}

.container {
    width: 800px;
    margin: 0 auto;
}



ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.tabs li {
        background: none;
        color: #222;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
    }

        ul.tabs li.current {
            background: #ededed;
            color: #222;
        }

.tab-content {
    display: none;
    background: #ededed;
    padding: 15px;
}

    .tab-content.current {
        display: inherit;
    }

.left-div {
    float: left;
    width: 8.40%;
    height: 20px;
    margin-left: 8px;
    text-align: left;
}

.right-div {
    width: 50%;
    margin-left: 8.40%;
    text-align: left;
}

.nowrap {
    white-space:nowrap;
}
.pad10 {
    padding:3px 10px;
}

.ajax__calendar_invalid div {
    cursor: default;
    color: #aaa;
}