a {
    text-decoration: none;
    color: #4C449E;
}

th a {
    text-decoration: underline;
    color: #11449E;
}

#header {
    height: 8px;
    background-image: url(Images/header.png);
    z-index: 101;
    background-repeat: no-repeat;
}

.logoutButton {
    font-weight: bold;
    color: #F8A414;
    text-decoration: underline;
}

.userNameLabel {
    color: #11449E;
    font-style: italic;
}

.toolbarBack {
    background-color: #FFDE8C;
}

.loginTitle {
    font-size: 9pt;
    color: #11449E;
    font-weight: bold;
    background-color: #C3D9F0;
    height: 18px;
}

.loginBackground {
    background-color: #FFDE8C;
    border: 1px solid #F2A31B;
    color: #333333;
}

.loginText {
    border: 1px solid #F2A31B;
}

.loginError {
    color: red;
}

.mainHolderBackground {
    padding: 6px;
}

.cursorHand {
    cursor: hand;
}

div#ctl00xCPH2xtoolTop table {
    table-layout: auto !important;
}

.toolBarItem, .toolBarItemCustom {
    border: 1px solid #FFDE8C;
    background-color: #fffaf0; /*=floralwhite;*/
}

.toolBarItem {
    padding-left: 4px;
    padding-right: 4px;
}

.movablePanel {
    border: 1px solid #9FBBDE;
    background-color: #D9E7F5;
}

.groupTitle {
    color: #F8A414;
    font-weight: bold;
}

hr.groupTitle {
    background-color: #F8A414;
    border: 1px solid #F8A414;
}

.gridHeader {
    background-color: #BFD7EF;
    border: 0px;
    color: #11449E;
    text-align: left;
}

.gridSelectedRow {
    border-top: 1px solid white;
    background-color: #FCE19E;
}

.tree {
    border: solid 1px #E3EFFF;
    padding-left: 10px;
    padding-top: 10px;
}

.detailTable {
    border-left: solid 1px #E3EFFF;
    border-right: solid 1px #E3EFFF;
    border-top: solid 1px #E3EFFF;
    background: White;
    width: 100%;
}

.detailHeader {
    background-color: #BFD7EF;
    color: #11449E;
}

.detailRow, .alternateRow, .detailCell {
    border-bottom: solid 1px #E3EFFF;
}

.alternateRow, .alternateRowDataList {
    background-color: #F9F9F9;
}

.picture {
    border: solid 1px #7F9DB9;
    height: 99%;
    background-color: White;
}

.detChosen {
    color: #F8A414;
    font-weight: bold;
}

.detNotChosen {
    text-decoration: underline;
}

.popupControl {
    background-color: White;
    position: absolute;
    visibility: hidden;
}

.txtDisabled, .txtDisabledFIREFOX {
    color: #C9C7BA;
    background-color: White;
    border-color: #C9C7BA;
}

.txtNormal, .readonly, .search, .notnullable {
    border-color: #7F9DB9;
    border-width: 1px;
    border-style: solid;
    font-family: Tahoma;
    font-size: 8pt;
}

.tableError {
    font-weight: bold;
    font-family: Tahoma;
    font-size: 8pt;
    color: #DF655D;
    background-color: #FDE3DF;
}

.areaContinueClass {
    font-weight: bold;
    font-family: Tahoma;
    font-size: 8pt;
    color: #11449E;
    background-color: #BFD7EF;
    padding-left: 5px;
    padding-bottom: 5px;
}

.htmlAutoGeneratedTable {
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: #E3EFFF;
    border-collapse: collapse;
    empty-cells: show;
}

    .htmlAutoGeneratedTable caption {
        text-align: left;
    }

    .htmlAutoGeneratedTable th {
        background-color: #BFD7EF;
        color: #11449E;
        text-align: left;
    }

    .htmlAutoGeneratedTable tr, .htmlAutoGeneratedTable td {
        border-style: solid;
        border-width: 1px;
        border-color: #E3EFFF;
    }


/* states --------------------------------------------------------------*/
.readonly {
    background-color: #F1EFE2;
    font-family: Tahoma;
    font-size: 8pt;
    color: Black;
}

.notnullable {
    background-color: #fffacd; /*=lemonchiffon;*/
}


.search {
    background-color: #f0ffff; /*=Azure;*/
}

.watermarked {
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    font-family: Tahoma;
    font-size: 7pt;
}


.currentPageIndex {
    font-weight: bold;
    color: navy;
}

/* used in Promotion and Transfer */
.statusHeader {
    background-color: #234ea2;
    color: White;
    vertical-align: middle;
    font-weight: bold;
    white-space: nowrap;
}

.igdd_ListItemHover {
    background-color: #FFDE8C; /* #FF9933;*/
    background-image: url(images/igdd_ListItemHover.png);
}

.divTable {
    display: table;
}

.divRow {
    display: table-row;
    width: inherit;
    height: 24px;
}

.divCellRight {
    border-bottom: 1px solid;
    border-right: 1px solid;
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    height: 24px;
    padding: 4px 0px 4px 8px;
    margin-top: -4px;
    margin-left: -4px;
}

.divCellLeft {
    border-bottom: 1px solid;
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    height: 24px;
    padding: 4px 4px 4px 0px;
    margin-top: -4px;
    margin-right: -4px;
}

.divCell {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    height: 24px;
    padding: 4px 4px 0px 4px;
}

.divHeadRow {
    display: table-header-group;
    background-color: #BFD7EF;
    padding-left: 2px;
    padding-right: 2px;
}

.divHeadCell {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    padding-left: 2px;
    padding-right: 2px;
}
/*JQuery dialog*/
.ui-dialog {
    z-index: 502 !important;
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .5em 1em .3em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .2em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
          
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
        height: auto !important;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane button {
            float: right;
            margin: .5em .4em .5em 0;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            line-height: 1.4em;
            width: auto;
            overflow: visible;
        }

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #aed0ea;
    background: #d7ebf9 !important;
    font-weight: bold;
    color: #2779aa;
}

.ui-corner-all {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-button {
    border: 1px solid #FFDE8C !important;
    background: none repeat scroll 0% 0% #FFFBE8 !important;
    font-weight: bold;
    color: #4C449E !important;
}

.ui-widget-header {
    border: 1px solid rgb(174, 208, 234) !important;
    background: repeat-x scroll 50% 50% #BFD7EF !important;
    color: #1175D4 !important;
    font-weight: bold !important;
}

.ui-widget-overlay {
    z-index: 501 !important;
    background: repeat scroll 50% 50% rgb(238, 238, 238) !important;
}

.ui-widget-content {
    color: #1175D4 !important;
}

.Header {
    display: block;
    font-family: Tahoma;
    font-style: normal;
    font-weight: bold;
    font-size: small;
    color: #215DC6;
    padding-left: 5px;
    padding-bottom: 6px;
    padding-top: 2px;
}