#head #shortcut {
    MARGIN-TOP: 5px;
    FLOAT: right;
    WIDTH: 150px;
    COLOR: #496f7f;
    HEIGHT: 20px;
    TEXT-ALIGN: right;
}

    #head #shortcut A {
        PADDING-RIGHT: 3px;
        PADDING-LEFT: 3px;
        FONT-SIZE: 8pt;
        PADDING-BOTTOM: 3px;
        MARGIN-LEFT: 6px;
        COLOR: #ffffff;
        PADDING-TOP: 3px;
        FONT-FAMILY: Arial;
    }

        #head #shortcut A:hover {
            PADDING-RIGHT: 3px;
            PADDING-LEFT: 3px;
            FONT-SIZE: 8pt;
            PADDING-BOTTOM: 3px;
            MARGIN-LEFT: 6px;
            PADDING-TOP: 3px;
            FONT-FAMILY: Arial;
            BACKGROUND-COLOR: #4f6e9e;
            TEXT-DECORATION: none;
        }

    #head #shortcut EM {
        BACKGROUND-IMAGE: none;
        MARGIN-LEFT: -2px;
        COLOR: #ed1c24;
        MARGIN-RIGHT: -2px;
    }

        #head #shortcut EM A {
            COLOR: #ed1c24;
        }

BODY {
    MARGIN: 0px;
    FONT-FAMILY: Arial;
    font-size: 10px;
}

.headingtext {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #333399;
    FONT-FAMILY: Arial;
}

.normaltext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana;
}

.fontStyle {
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.mandatorytext {
    FONT-SIZE: 12px;
    COLOR: #ff0000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-color: yellow;
}

.inputStyle {
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #f7f6f6;
}

.pageTilte {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: x-small;
    PADDING-BOTTOM: 5px;
    COLOR: #8e8c8c;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.pageSubTitle {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 10px;
    COLOR: #4d4d4d;
    PADDING-TOP: 5px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.buttonStyle {
    border: 1px solid #000000;
    FONT-SIZE: 12px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #dddddd;
    height: 19px;
}

.buttonStyle1 {
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 11px;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#2fb8d0, EndColorStr=#2f7acd);
    BORDER-LEFT: #000000 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #dddddd;
}

.fieldTitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #9faabd;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.fieldTitle2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.paraStyle {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    TEXT-ALIGN: justify;
}

.estrikStyle {
    PADDING-RIGHT: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ff0000;
}

A {
    TEXT-DECORATION: none;
}

    A:hover {
        TEXT-DECORATION: none;
    }

.hypertextStyle {
    FONT-SIZE: 13px;
    COLOR: #de8e29;
    FONT-FAMILY: Verdana;
}

.subscriptStyle {
    FONT-SIZE: 10px;
    COLOR: #4d4d4d;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.psCheckBox {
    BORDER-RIGHT: #7b9ebd 1px;
    BORDER-TOP: #7b9ebd 1px;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #7b9ebd 1px;
    WIDTH: auto;
    BORDER-BOTTOM: #7b9ebd 1px;
    FONT-FAMILY: Verdana;
    HEIGHT: 20px;
}

.psCheckBoxHover {
    BORDER-RIGHT: #7b9ebd 1px;
    BORDER-TOP: #7b9ebd 1px;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #7b9ebd 1px;
    WIDTH: auto;
    BORDER-BOTTOM: #7b9ebd 1px;
    FONT-FAMILY: Verdana;
    HEIGHT: 20px;
}

.pdDesktopBody {
    MARGIN: 0px;
    OVERFLOW: hidden;
}

.psGridHeader {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: middle;
    CLIP: rect(auto auto auto auto);
    CURSOR: default;
    COLOR: #eeeeee;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #C59E50;
    TEXT-DECORATION: none;
}

.psGridFooter {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    VERTICAL-ALIGN: middle;
    WIDTH: 100%;
    CLIP: rect(auto auto auto auto);
    CURSOR: default;
    COLOR: #336699;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #efe7d6;
    TEXT-DECORATION: none;
}

.detailHeadTable {
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #7389b0;
    TEXT-ALIGN: center;
}

.detailTableValues {
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 11px;
    COLOR: #4d4d4d;
    FONT-FAMILY: Arial;
}

.FontStylePageHeadU {
    PADDING-LEFT: 12px;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
}

.ButtonStyleU {
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #7389b0;
}

.FontStyleU {
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
}

.inputStyleU {
    BORDER-RIGHT: #dddddd 1px solid;
    BORDER-TOP: #dddddd 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #dddddd 1px solid;
    BORDER-BOTTOM: #dddddd 1px solid;
    FONT-FAMILY: Arial;
}

.FontStyleCompFieldU {
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Arial;
}

.FontStyleFieldU {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
}

.FontStyleFieldV {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
}



.FontStyleP {
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial;
}

.ErrMessageP {
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial;
}

.EditClass {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    TEXT-ALIGN: center;
}

.FieldHead {
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 10px;
    COLOR: #6e6e6e;
    PADDING-TOP: 10px;
    TEXT-DECORATION: underline;
}

.EmailFont {
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial;
}

.sortlink {
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

    .sortlink:hover {
        FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: underline;
    }

.knw_edit_cat {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px;
    COLOR: #4d4d4d;
    FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
    background-color: #dddddd;
    border-style: none;
    width: 1 00px;
}

AssetLink {
    fONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

    AssetLink:hover {
        COLOR: #ffffff;
        FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: underline;
    }

#div1.DivClass {
    visibility: hidden;
}

.head1 {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: White;
}

.head2 {
    font-family: Arial;
    font-size: 11px;
    color: #d3d3d3;
}

.head3 {
    font-family: Arial;
    font-size: 11px;
    color: #eeeeee;
    font-weight: bold;
}

.head4 {
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
}

.fontStyleP {
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Arial, Helvetica, sans-serif;
}

.outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pagePath {
    color: #636161;
    font-style: italic;
}

.pageBody {
    background-color: #ffffff;
}

.Head5 {
    font-family: Arial;
    font-size: 11px;
    color: #b1aeae;
    font-weight: bold;
}

.information {
    visibility: hidden;
    position: absolute;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.informationon {
    visibility: visible;
    border: 0px;
    padding: 0px;
    margin: 0px;
    position: absolute;
}

.pageHead {
    color: #9faabd;
}

.gridview .actions div {
    float: right;
    padding-right: 2px;
    text-align: right;
    width: 95px;
}

.gridview .edit td, .gridview .create td {
    background: #DAFFCD;
    padding: 4px;
    border-bottom: solid 2px #FFFFFF;
    border-top: solid 2px #FFFFFF;
}

.gridview td {
    background: #D7E6F4;
    border-bottom: solid 1px #C5DBF7;
    color: #333333;
    font: "Arial", Segoe, sans-serif;
    font-size: 11px;
    padding: 5px 4px;
}

    .gridview td a {
        color: #0066CC;
        font: bold "Arial",Segoe,sans-serif;
        font-size: 11px;
        padding: 2px;
        text-decoration: none;
    }

        .gridview td a:hover {
            color: #333333;
            text-decoration: underline;
        }

.gridview th {
    background: #4168BD;
    color: #FFFFFF;
    font: "Arial", Segoe, sans-serif;
    font-size: 11px;
    letter-spacing: 0;
    padding: 4px;
    text-align: left;
}

    .gridview th a {
        color: #FFFFFF;
        font: small "Arial",Segoe,sans-serif;
    }

        .gridview th a:hover {
            color: #00FF00;
            text-decoration: underline;
        }

.gridview tr.even td, .detailsview tr.even td {
    background: #FFFFFF;
}

.gridview tr.header {
    background: #C5DBF7;
}

.gridview, .detailsview {
    width: 100%;
}

*
/* table list */
.table_list {
    border-collapse: collapse;
    border: solid #cccccc 1px;
    width: 100%;
}

.table_list td {
    padding: 5px;
    border: solid #efefef 1px;
}

.table_list th {
    background: #75b2d1;
    padding: 5px;
    color: #ffffff;
}

.table_list tr.odd {
    background: #e1eff5;
}

.time_picker_div {
    padding: 5px;
    border: solid #999999 1px;
    background: #ffffff;
}

/* Header CSS */
.compName {
    font-size: 26px;
    padding-left: 15px;
    color: #000000;
    font-weight: bold;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.topSubMenu {
    color: White;
    padding-right: 3px;
    padding-left: 3px;
    height: 8px;
}

.topSubMenu_logout {
    color: White;
    padding-right: 3px;
    padding-left: 3px;
}

.topSubMenu_Username {
    color: #ffffff;
    padding-right: 3px;
    padding-right: 8px;
    padding-top: 4px;
}



.header {
    background-image: url(../images/grid_02.jpg);
    background-repeat: repeat-x;
}

.rightshadow {
    background-image: url(../images/grid_06.jpg);
    background-repeat: repeat-y;
}

.leftshadow {
    background-image: url(../images/grid_04.jpg);
    background-repeat: repeat-y;
}

.footer {
    background-image: url(../images/grid_08.jpg);
    background-repeat: repeat-x;
}

.name {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}

.labelText {
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.valueText {
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.pageTitleTableHead {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: white;
}

/* Lock Screen-related CSS Classes */
.LockOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.LockBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 105%;
    height: 105%;
    background-color: #666;
    z-index: 999;
    filter: alpha(opacity=75);
    opacity: 0.75;
    padding-top: 20%;
}

.LockPane {
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 25%;
    visibility: visible;
    display: block;
    text-align: center;
    width: 100%;
}

    .LockPane div {
        width: 55%;
        background-color: #d01f31;
        color: White;
        font-size: large;
        border: dotted 1px White;
        padding: 9px;
        margin-left: auto;
        margin-right: auto;
    }

.bodyTableHeader {
    background-color: #4f738b;
    color: #ffffff;
    font-weight: bold;
    height: 23px;
    text-align: left;
    padding-left: 5px;
}