Body {
    margin-left: 1;
    margin-right: 1;
    margin: 0000
}

TD {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

UL {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

OL {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

LI {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

TEXTAREA {
    font-size: 9pt;
    font-family: 'Arial', 'Helvetica'
}

INPUT {
    font-size: 9pt;
    font-family: 'Arial', 'Helvetica'
}

SELECT {
    font-size: 9pt;
    font-family: 'Arial', 'Helvetica'
}

.bodyBold {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodyBold:link {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodySmall {
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodySmall:link {
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodySmallBold {
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodySmallBold:link {
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.greyedLink {
    font-weight: normal;
    font-size: 9pt;
    color: #666666;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodySuperSmall {
    font-weight: normal;
    font-size: 7pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodySuperSmall:link {
    font-weight: normal;
    font-size: 7pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodySuperSmallBold {
    font-weight: bold;
    font-size: 7pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodySuperSmallBold:link {
    font-weight: normal;
    font-size: 7pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.greyBold {
    font-weight: bold;
    font-size: 9pt;
    color: #666666;
    font-family: 'Arial', 'Helvetica'
}

.bodyWhite {
    font-weight: normal;
    font-size: 9pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodyWhite:link {
    font-weight: normal;
    font-size: 9pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodyBoldWhite {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodyBoldWhite:link {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodyBoldYellow {
    font-weight: bold;
    font-size: 9pt;
    color: #ffcc33;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodyBoldYellow:link {
    font-weight: bold;
    font-size: 9pt;
    color: #ffcc33;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodySmallWhite {
    font-weight: normal;
    font-size: 8pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodySmallWhite:link {
    font-weight: normal;
    font-size: 8pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodySmallBoldWhite {
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodySmallBoldWhite:link {
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodySmallGrey {
    font-weight: normal;
    font-size: 8pt;
    color: #666666;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodySmallGrey:link {
    font-weight: normal;
    font-size: 8pt;
    color: #666666;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.bodySmallBoldGrey {
    font-weight: bold;
    font-size: 8pt;
    color: #666666;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

A.bodySmallBoldGrey:link {
    font-weight: bold;
    font-size: 8pt;
    color: #666666;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.pageTitle {
    font-weight: bold;
    font-size: 11pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.moduleTitle {
    font-weight: bold;
    font-size: 11pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.userMsg {
    font-weight: bold;
    font-size: 8pt;
    color: #990000;
    font-family: 'Arial', 'Helvetica'
}

.columnHeadInactiveWhite {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica'
}

.columnHeadActiveWhite {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: underline
}

A.columnHeadActiveWhite:link {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: underline
}

A.columnHeadActiveWhite:hover {
    color: #ffffff
}

.columnHeadInactiveBlack {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica'
}

.columnHeadActiveBlack {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: underline
}

A.columnHeadActiveBlack:link {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: underline
}

A.columnHeadActiveBlack:hover {
    color: #000000
}

.actionLink {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica'
}

A.actionLink:link {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica'
}

.dataLabel {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    LINE-HEIGHT: 16px;
    font-family: 'Arial', 'Helvetica';
    BACKGROUND-color: #dddddd;
    TEXT-ALIGN: right
}

.dataSmallLabel {
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    LINE-HEIGHT: 12px;
    font-family: 'Arial', 'Helvetica';
    BACKGROUND-color: #dddddd;
    TEXT-ALIGN: right
}

.dataField {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    LINE-HEIGHT: 16px;
    font-family: 'Arial', 'Helvetica';
    BACKGROUND-color: #eeeeee;
    TEXT-ALIGN: left
}

.dataLabel2 {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
}

.dataField2 {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    LINE-HEIGHT: 16px;
    font-family: 'Arial', 'Helvetica';
    BACKGROUND-color: #eeeeee;
    TEXT-ALIGN: left
}

.Required {
    font-weight: bold;
    font-size: 9pt;
    color: #FF1100;
    font-family: 'Arial', 'Helvetica'
}

.requiredInput {
    font-weight: normal;
    font-size: 9pt;
    color: #ffffff;
    LINE-HEIGHT: 16px;
    font-family: 'Arial', 'Helvetica';
    BACKGROUND-color: #990000;
    TEXT-ALIGN: right
}

.errorMsg {
    font-weight: bold;
    font-size: 12pt;
    color: #dd0000;
    font-family: 'Arial', 'Helvetica'
}

.calTitle {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    TEXT-ALIGN: center;
    text-decoration: none
}

.calDays {
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    TEXT-ALIGN: center;
    text-decoration: none
}

.calActive {
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: underline
}

.calInactive {
    font-weight: normal;
    font-size: 8pt;
    color: #999999;
    font-family: 'Arial', 'Helvetica';
    text-decoration: underline
}

.calToday {
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: underline
}

.calAddEvent {
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    TEXT-ALIGN: right;
    text-decoration: underline
}

.calMotif {
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    BACKGROUND-color: #003366
}

.overdueTask {
    font-weight: normal;
    font-size: 9pt;
    color: #990000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.blackLine {
    BACKGROUND-color: #000000
}

.moduleLine {
    BACKGROUND-color: #336699
}

.tableDiv {
    BACKGROUND-color: #666666
}

.wizardTitle {
    font-weight: normal;
    font-size: 13pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.wizardTitleBold {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.wizardTitleBoldWhite {
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.wizardProgress {
    font-weight: normal;
    font-size: 7pt;
    color: #666666;
    font-family: 'Arial', 'Helvetica';
    text-decoration: underline
}

TR.d {
    BACKGROUND-color: #eeeeee;
    CURSOR: hand;
}

TR.l {
    BACKGROUND-color: #ffffff;
    CURSOR: hand;
}

.btn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-attachment: fixed;
    background-color: #003366;
    color: #FFFFFF;
}

.btn2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-attachment: fixed;
    background-color: #003366;
    color: #FFFFFF;
    cursor: hand;
}

.btn3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-attachment: fixed;
    background-color: #003366;
    color: #FFFFFF;
}

.ListBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    width: 320px;
    overflow: scroll;
}

TD.Headmain {
    font-weight: normal;
    font-size: 9pt;
    color: #ffffff;
    background-color: #003366;
    font-family: 'Arial', 'Helvetica';
    text-decoration: none
}

.Low {
    background-color: #00FF00;
    color: #FFFFFF;
}

.Medium {
    background-color: #FF9900;
    color: #FFFFFF;
}

.High {
    background-color: #0000FF;
    color: #FFFFFF;
}

.VeryHigh {
    background-color: #FF0000;
    color: #FFFFFF;
}

.NA {
    background-color: #EEEEEE;
    color: #000000;
}

.inputSelect {
    border-style: solid;
    border-color: #000000;
    border-width: 1;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.table1_last_row {
    font-weight: bolder;
    text-transform: uppercase;
    background-color: #d0d8ef;
}

.table1_row_2 {
    background-color: #e7f1fb;
}

/*-------------------- Main tab component ---------------------*/
#tabMenuTable {
    background-image: url(images/tabMenuTable-bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
    margin-top: 7px;
}

#tabMenu li a {
    text-decoration: none;
    background-image: url(images/tabOFF.gif);
    background-repeat: repeat-x;
    padding: 3px 1.5em;
    margin-left: 0px;
    margin-right: 0px;
    color: #000;
    border: 1px solid #5399CA;
    border-bottom: none;
    height: 20px;
    white-space: nowrap;
}

    #tabMenu li a.current {
        background-image: url(images/tabON.gif);
        background-repeat: repeat-x;
        border: 1px solid #5399CA;
        border-bottom: none;
        color: #FFFFFF;
        font-weight: bold;
    }

#tabcontentcontainer {
    width: 100%;
    background-image: url(images/sep_hr.gif);
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 5px;
    padding-bottom: 3px;
}

.tabpopupContentBG {
    background: #e6f3ff;
}

#tabMenu {
    padding: 0px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-top: 9px;
    font: 10px verdana,arial,helvetica,sans-serif;
    white-space: nowrap;
}

    #tabMenu li {
        list-style: none;
        font: 10px verdana,arial,helvetica,sans-serif;
        display: inline;
        margin-left: 0;
        white-space: nowrap;
    }

.tabcontent {
    font: 10px verdana,arial,helvetica, sans-serif;
    display: none;
}

/*-------------------- Main tab component ends here ---------------------*/

.popupButtonBG {
    background: #7AAFDE;
    border-top: 1px solid #226CA7;
    height: 35px;
}

.btn {
    background: #F5F5F5;
    border: 1px solid #7E7E7E;
    padding: 2px;
    font-weight: bold;
    height: 20px;
}