body {
    background-color: #FFFFFF;
}

body, input, select, div, span {
    font-weight: normal;
    color: #000000;
    font: 8.5pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

select {
    font-weight: normal;
    color: #000000; /*background-color: #E2E0D4; */
    border: solid 1px gray;
    font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
select:disabled {
    font-weight: normal;
    background-color: #E2E0D4;
    border: solid 1px gray;
    font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
/*
select.disabled 
{
	font-weight:normal;
	background-color: #faf8f2;
	color: #666666;
	border: solid 1px gray;
	font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
*/
select:focus {
    border: 1px solid red;
    background-color: #FFFF99;
}

a[disabled] {
    color: grey;
}
a[disabled]:hover {
    color: grey;
}

input {
    font-weight: normal;
    color: #000000; /*background-color: #E2E0D4; 
    border: solid 1px gray;*/
    font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

    input.disabled {
        border-right: gray 1px solid;
        border-top: gray 1px solid;
        font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
        border-left: gray 1px solid;
        color: #333333;
        border-bottom: gray 1px solid; /*background-color: #faf8f2;*/
    }

h1 {
    color: #996569;
    font-size: 11pt;
}

h2 {
    color: #264E7F;
    font-size: 10pt;
}

.chk {
    border: none;
    background-color: Transparent;
}

.CheckBox input, .radio input {
    border: none;
    background-color: Transparent;
}

    .CheckBox input:focus, .radio input :focus {
        border: 1px solid red;
        background-color: #FFFF99;
    }

label {
    font: 8.5pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

textarea {
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    border: solid 1px gray;
}

.PageHeader {
    font-size: 14pt;
    color: #000000;
    font-weight: bold;
    font-variant: small-caps;
}

#Logo {
    font-size: 20pt;
    color: #333333;
    font-weight: bold;
    z-index: 1;
    left: 5px;
    position: absolute;
    top: 5px;
}

.SubHeader {
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
    font-variant: small-caps;
}

.SubPageHeader {
    font-family: Arial;
    font-size: medium;
    color: #000000;
    font-weight: bold;
}

.SectionHeader {
    font-weight: bold;
    font-size: 12pt;
    color: #333333;
}

.PlainText {
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    border-style: inset;
    border-width: 1px;
}

    .PlainText:focus {
        border: 1px solid red;
        background-color: #FFFF99;
    }

.error {
    color: red;
}

.ajax__combobox_textboxcontainer :focus {
    border: 1px solid red;
    background-color: #FFFF99;
}

LabelPlainText {
    font-size: 8pt;
    color: #99B1CC;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
}

.LabelText {
    font-size: 8pt;
    color: #000000;
}
.LabelTextRequired {
    font-size: 8pt;
    color: #000000;
}
.LabelTextRequired:after {
    content: '*';
    margin-right: 4px;
    color: red;
}

span label {
    font-size: 8pt;
    color: #000000;
}

.LabelTextBold {
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
}

.SmallText {
    font-size: 6pt;
    color: #000000;
}

TABLE.BannerGreeting {
    background-color: Transparent;
}

.BannerText {
    padding: 6px 10px 6px 10px;
    font-weight: bold;
    font-size: 11px;
    background-color: White;
    font-variant: small-caps;
}

.Button {
    font-size: 9pt;
    color: White;
    background-color: #336699;
}

    .Button[disabled] {
        font-size: 9pt;
        color: White;
        background-color: grey;
    }

    .Button:focus {
        border: 1px solid red;
        color: #FFFF99;
    }

.Clear {
    background-color: Transparent;
    border: solid 1px #EEEEEE;
    color: #EEEEEE;
}

.ButtonNonBold {
    color: #EEEEEE;
    background-color: #336699;
}

.PopUpButton {
    color: #EEEEEE;
    font-style: italic;
    background-color: #336699;
}

.GridText {
    font-size: 9pt;
    color: #000000;
    font-weight: normal;
}

.TableHeading {
    font-size: 9pt;
    color: #EEEEEE;
    font-weight: bold;
    background-color: #B9B695;
}

td {
    text-decoration:none;
}

DIV {
    border-color: #008000;
    background-color: transparent;
}

    DIV.SideBar {
        border-right: #333333 1px solid;
        background-color: #E2E0D4;
        top: 525px;
    }

    DIV.Color {
        border: solid 1px #333333;
        background-color: #E2E0D4;
    }

    DIV.Transparent {
        background-color: transparent;
    }

    DIV.result {
        color: #EEEEEE;
    }

    DIV.DivWithBorder {
        border: solid 1px #999999;
    }

    DIV.ShadedDivWithBorder {
        border: solid 1px #999999;
        background-color: #E2E0D4;
    }

.ShadedHeader {
    font-size: 9.5pt;
    font-weight: bold;
    border: solid 1px #999999;
    background-color: #E2E0D4;
}

DIV.MainScreen {
    background-color: Transparent;
    left: 170px;
    top: 67px;
}

A:visited {
    color: #0000FF;
}

A:hover {
    color: #0000FF;
}

.tooltipHover {
    cursor: help;
}

.requiredTooltipHover {
    cursor: help;
}
.requiredTooltipHover:after {
    content: '*';
    margin-right: 4px;
    color: red; 
}

A:link {
    color: #0000FF;
}

A.LinkOnBlue:visited {
    color: #EEEEEE;
    text-decoration: none;
}

A.LinkOnBlue:hover {
    color: #000000;
    text-decoration: italic;
}

A.LinkOnBlue:link {
    color: #EEEEEE;
    text-decoration: none;
}

A.LinkOnKhakki:visited {
    font-size: 8pt;
    color: #99B1CC;
    text-decoration: none;
}

A.LinkOnKhakki:hover {
    color: #000000;
    text-decoration: italic;
}

A.LinkOnKhakki:link {
    color: #99B1CC;
    text-decoration: none;
}

A.LinkOnWhite:visited {
    color: #0000FF;
    text-decoration: none;
}

A.LinkOnWhite:hover {
    color: #0000FF;
    text-decoration: italic;
}

A.LinkOnWhite:link {
    color: #0000FF;
    text-decoration: none;
}

.Banner {
    font-weight: bold;
    font-size: 14pt;
    color: #000000;
    background-color: #E2E0D4;
}

.Grid {
    border: #FFFFFF 1px solid;
}

    .Grid td {
        border: solid 3px #FFFFFF;
        margin: 3px 3px 3px 3px;
        padding: 5px 5px 5px 5px;
        text-align: left;
    }

.DataGrid {
    border: #FFFFFF 1px solid;
}

.GridHeader {
    font: 9pt;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0px 1px 0px 1px;
    border: solid 1px #FFFFFF;
}

    .GridHeader td, .DataGrid th {
        color: Black;
        text-align: left;
        vertical-align: bottom;
        padding: 0px 1px 0px 1px;
        background-color: #B9B695;
        font: bold 9pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
        text-decoration: none;
    }

th a:Link {
    color: Black;
    text-decoration: none;
}

.Datagrid Caption, .LabelHeader {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    text-align: left;
}

.GridHeader a {
    color: Black;
    text-decoration: none;
    padding: 0px 1px 0px 1px;
    font: bold 9pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

    .GridHeader a:hover, th A:hover {
        color: Blue;
        text-decoration: underline;
    }

.GridItem, .GridAltItem, .GridSelectedItem {
    padding: 0px 1px 0px 1px;
    font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}
.GridItem[disabled], .GridAltItem[disabled], .GridSelectedItem[disabled] {
        padding: 0px 1px 0px 1px;
        font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
        color: grey;
}

    .GridItem td, .GridAltItem td, .GridSelectedItem td {
        border-right: solid 1px #FFFFFF;
        border-left: solid 1px #FFFFFF;
        padding: 0px 1px 0px 1px;
        font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    }

    .GridItem a, .GridAltItem a, .GridSelectedItem a, .GridFooter a {
        font: 8.5pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    }

.GridItem {
    background-color: #E2E0D4;
}

.GridAltItem {
    background-color: #F2F2EA;
}

.GridSelectedItem {
    font-weight: bold;
    background-color: #CCCCCC;
}

.GridSelectedItem span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}

.GridAltItem span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.GridItem span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.GridPager {
    font-size: small;
    color: #000000;
    background-color: #C8C4AB;
    text-align: center;
    font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

    .GridPager a:link {
        color: #0000FF;
    }

    .GridPager a:hover {
        font-weight: bold;
    }

    .GridPager a:visited {
        color: #EEEEEE;
    }

.DataGridLabel {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

span.result {
    color: #EEEEEE;
}

.Error {
    color: Red;
}

span.GensaReqdMessageClass {
    color: Red;
    font-weight: Bold;
}

.GridViewHeader th {
    color: Black;
    border-right: solid 1px #FFFFFF;
    text-align: left;
    vertical-align: bottom;
    padding: 0px 1px 0px 1px;
    background-color: #B9B695;
    font: bold 9pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

.GridViewPager {
    font-size: small;
    color: #000000;
    background-color: #C8C4AB;
    text-align: center;
    font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

    .GridViewPager a:link {
        font-size: small;
        font: 8pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
        color: #0000FF;
    }

    .GridViewPager a:hover {
        font-weight: bold;
    }

    .GridViewPager a:visited {
        color: #EEEEEE;
    }

.barBorder {
    border: solid 1px red;
    width: 100px;
}

.barIndicator {
    background: blue;
}

.barSucess {
    background: green;
}

.AjaxPannel {
    background-color: #FFFFFF;
    position: absolute;
    visibility: hidden;
    border-style: inset;
    border-color: Black;
    border-width: 1px;
}

.HyperText {
    font-size: 8pt;
}

.Pannel {
    font-weight: bold;
}

.CheckboxLabel {
    float: left;
    font: 8.5pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

.CheckboxList {
    float: left;
    clear: both;
    width: auto;
    border: none;
    background-color: Transparent;
}

.HHLPSSCheckboxList input {
    float: left;
    clear: both;
    width: auto;    
    border: none;
    background-image: none;
    display:block;
}

.HHLPSSCheckboxList label {
    position:relative;
    top: 3px;
    font: 8.5pt "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    display:inline;
}

.Show-on-focus {
    display: none;
    position: absolute;
    top: 20px;
    background-color: White;
    border: 1px solid #333;
    width: 250px;
    z-index:1;
}

.CheckboxList input:focus {
    border: 1px solid red;
    background-color: #FFFF99;
}

span.clearable {
    position: relative;
}

span.clear {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    font: bold 1em sans-serif;
    cursor: pointer;
}

span.clearicon input {
    padding-right: 17px;
}

span.clear:hover {
    color: #f00;
}
linkButton{
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    font-family: arial, sans-serif;
    /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}