body {
    scrollbar-face-color: teal;
    scrollbar-arrow-color: white;
    scrollbar-base-color: white;
    scrollbar-darkshadow-color: teal;
    scrollbar-3dlight-color:white;
    scrollbar-highlight-color:;
    scrollbar-shadow-color: grey;
    scrollbar-darkshadow-color: teal;
    scrollbar-track-color: grey;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
    FONT-SIZE: 0.9em;
 }

html {
    scrollbar-arrow-color: white;
    scrollbar-base-color: white;
    scrollbar-darkshadow-color: teal;
    scrollbar-3dlight-color:white;
    scrollbar-face-color: teal;
    scrollbar-highlight-color:;
    scrollbar-shadow-color: grey;
    scrollbar-darkshadow-color: teal;
    scrollbar-track-color: grey;
 }

em {
    FONT-WEIGHT: bold;
}

/*----------------------------------

        Table Headers
        
------------------------------------*/

.TableHeader {
    COLOR: white;
    BACKGROUND-COLOR: #26374a;
}
.TableHeaderDark
{
    COLOR: white;
    BACKGROUND-COLOR: black;
}
.TableSubHeader
{
    COLOR: black;
    BACKGROUND-COLOR: #DDDDDD;
}
.TableBodyLight {
    BACKGROUND-COLOR: white;
}
.TableBodyDark
{
    BACKGROUND-COLOR: #DDDDDD;
}
.TableBodyChanged
{
    BACKGROUND-COLOR: #000000;
}
.TableBodyHiLite
{
    BACKGROUND-COLOR: #FF0000;
}
.TableBodyWarning
{
    BACKGROUND-COLOR: orange;
}
.TableBodyDetention
{
    BACKGROUND-COLOR: #ef9c65 ;
}

/*----------------------------------

        Data Labels
        
------------------------------------*/        

.DataLabel
{
    FONT-WEIGHT: normal;
    COLOR: black;
}
.DataLabelSuffix
{
    FONT-SIZE: 0.6em;
    FONT-WEIGHT: normal;
    COLOR: black;
}
.DataLabelFlag
{
    FONT-WEIGHT: normal;
    COLOR: black;
    BACKGROUND-COLOR: red;
}

/*----------------------------------

        Data View
        
------------------------------------*/        
.DataView
{
    FONT-WEIGHT: bold;
    COLOR: black;
}
.DataViewS
{
    FONT-SIZE: 0.6em;
    FONT-WEIGHT: bold;
    COLOR: black;
}
.DataViewChanged
{
    FONT-WEIGHT: bold;
    COLOR: black;
    BACKGROUND-COLOR: #000000;
}
.DataViewFlag
{
    FONT-WEIGHT: bold;
    COLOR: black;
    BACKGROUND-COLOR: red;
}

/*----------------------------------

        Data Input 
        
------------------------------------*/
INPUT:FOCUS {
    COLOR: black;
    BACKGROUND-COLOR: #e6e5e5;
}        
.DataInput
{
    FONT-WEIGHT: bold;
    WIDTH: 295px;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputSmall
{
    FONT-WEIGHT: bold;
    WIDTH: 100px;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputChanged
{
    FONT-WEIGHT: bold;
    WIDTH: 295px;
    COLOR: white;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputE
{
    FONT-WEIGHT: bold;
    WIDTH: 295px;
    COLOR: black;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}

.DataInputShort
{
    FONT-WEIGHT: bold;
    WIDTH: 140px;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputShortChanged
{
    FONT-WEIGHT: bold;
    WIDTH: 140px;
    COLOR: white;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputShortChangedE
{
    FONT-WEIGHT: bold;
    WIDTH: 140px;
    COLOR: black;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}
.DataInputShortE
{
    FONT-WEIGHT: bold;
    WIDTH: 140px;
    COLOR: black;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}

.DataInputDate
{
    FONT-WEIGHT: bold;
    WIDTH: 270px;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputDateChanged
{
    FONT-WEIGHT: bold;
    WIDTH: 270px;
    COLOR: white;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputDateE
{
    FONT-WEIGHT: bold;
    WIDTH: 270px;
    COLOR: black;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}
.DataInputDateYMD
{
    FONT-WEIGHT: bold;
    WIDTH: 140px;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputDateYMDChanged
{
    FONT-WEIGHT: bold;
    WIDTH: 140px;
    COLOR: white;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputDateYMDE
{
    FONT-WEIGHT: bold;
    WIDTH: 140px;
    COLOR: black;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}

.DataInputDropDown
{
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputDropDownChanged
{
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: white;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputDropDownE
{
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: white;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}
.DataInputDropDownSmall
{
    FONT-SIZE: 0.6em;
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputDropDownSmallChanged
{
    FONT-SIZE: 0.6em;
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: white;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputDropDownSmallE
{
    FONT-SIZE: 0.6em;
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: white;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}

.DataInputListBox
{
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputListBoxChanged
{
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: black;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputListBoxE
{
    FONT-WEIGHT: bold;
    WIDTH: 300px;
    COLOR: black;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}

.DataInputYN
{
    FONT-WEIGHT: bold;
    COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputYNChanged
{
    FONT-WEIGHT: bold;
    COLOR: white;
    BACKGROUND-COLOR: black;
    TEXT-ALIGN: left;
}
.DataInputYNE
{
    FONT-WEIGHT: bold;
    COLOR: black;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: left;
}


/*----------------------------------

        Menu
        
------------------------------------*/        
.MenuButtonBlack
{
    WIDTH: 132px;
    COLOR: white;
    BACKGROUND-COLOR: black
}
.MenuButtonBlackNarrow
{
    WIDTH: 100px;
    COLOR: white;
    BACKGROUND-COLOR: black
}
.MenuButtonWarning
{
    WIDTH: 132px;
    COLOR: white;
    TEXT-DECORATION: blink;
    BACKGROUND-COLOR: #FF9900
}
.MenuButtonSide {
    WIDTH: 132px;
    COLOR: black;
    BACKGROUND-COLOR: #e6e5e5
}
.MenuButtonSideSelected
{
    WIDTH: 132px;
    COLOR: white;
    BACKGROUND-COLOR: #26374a
}
.MenuButtonTopBlack
{
    BACKGROUND-COLOR: black
}
.MenuButtonTopBlack A
{
    COLOR: white;
    TEXT-DECORATION: none;
}
.MenuButtonTopBlack A:active
{
    COLOR: white
}
.MenuButtonTopBlack A:link
{
    COLOR: white
}
.MenuButtonTopBlack A:visited
{
    COLOR: white;
}

.MenuButtonTopTeal {
    BACKGROUND-COLOR: #26374a;
    color: white;
}
    .MenuButtonTopTeal A {
        COLOR: white;
        TEXT-DECORATION: none;
    }
        .MenuButtonTopTeal A:active {
            COLOR: white;
        }
        .MenuButtonTopTeal A:link {
            COLOR: white;
        }
        .MenuButtonTopTeal A:visited {
            COLOR: white;
        }
.MenuButtonLogin
{
    FONT-WEIGHT: bolder;
    WIDTH: 80px;
    COLOR: white;
    BACKGROUND-COLOR: red
}
.MenuHeader
{
    WIDTH: 132px;
    COLOR: white;
    BACKGROUND-COLOR: black
}

/*----------------------------------

        Text
        
------------------------------------*/        

.TextHeader
{
    FONT-SIZE: 1.0em;
    COLOR: black;
    BACKGROUND-COLOR: white;
}
.TextDetails
{
    FONT-WEIGHT: bold;
    COLOR: black;
}
.ListRegular
{
    FONT-SIZE: 1.0em;
}
.ListHilite
{
    FONT-SIZE: 1.4em;
}

A.ListRegular:visited
{
    COLOR: white;
    TEXT-DECORATION: none;
}
A.ListRegular:active
{
    COLOR: white;
    TEXT-DECORATION: none;
}
A.ListRegular:link
{
    COLOR: white;
    TEXT-DECORATION: none;
}
A.ListHilite:visited
{
    COLOR: white;
    TEXT-DECORATION: none;
}
A.ListHilite:active
{
    COLOR: white;
    TEXT-DECORATION: none;
}
A.ListHilite:link
{
    COLOR: white;
    TEXT-DECORATION: none;
}

/*----------------------------------

        Messages
        
------------------------------------*/        

.MessageError
{
    FONT-SIZE: 1.0em;
    COLOR: white;
    BACKGROUND-COLOR: red;
}
.MessageWarning
{
    FONT-SIZE: 1.0em;
    COLOR: white;
    BACKGROUND-COLOR: #FF9900;
}
.MandatoryField
{
    COLOR: white;
    BACKGROUND-COLOR: red;
}


A:active
{
    COLOR: black
}
A:link
{
    COLOR: black
}
A:visited
{
    COLOR: maroon
}