BODY {
    FONT-SIZE: x-small;
    MARGIN: 0px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    border: none;
}

P {
    FONT-SIZE: x-small;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

TR.Dark {
    BACKGROUND-COLOR: #ececf4;
}

TR.Light {
    BACKGROUND-COLOR: #ffffff;
}

TR.Highlight {
    BACKGROUND-COLOR: #dddddd;
}

TD {
    FONT-SIZE: x-small;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

IMG {
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}

h1, h2, h3 {
    color: #6699cc;
    font-family: Arial, Helvetica, sans-serif;
}

H1 {
    FONT-SIZE: large;
}

H2 {
    FONT-SIZE: small;
    TEXT-DECORATION: none;
}

h3 {
    font-size: small;
    font-style: italic;
}

p.subtitle {
    font-weight: bold;
}

A {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #000066;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

A:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #7b7bbb;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

A:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #cc4900;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

A:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #7b7bbb;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

TEXTAREA {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

SPAN.Sidebar,
div.Sidebar {
    FONT-SIZE: 10pt;
    LEFT: 0px;
    WIDTH: 141px;
    COLOR: #dcdaed;
    POSITION: absolute;
    TOP: 128px;
    TEXT-ALIGN: center;
}

div.Sidebar img {
    cursor: pointer;
}

SPAN.Body,
div.Body {
    LEFT: 141px;
    MARGIN-LEFT: 3em;
    MARGIN-RIGHT: 1.5em;
    POSITION: absolute;
    TOP: 90px;
    HEIGHT: auto;
    WIDTH: 800px;
}

DIV.Header {
    LEFT: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
}

DIV#header-id {
    BACKGROUND-IMAGE: url(images/slice_top.png);
    BACKGROUND-REPEAT: repeat-x;
}

DIV.MenuTitle {
    Z-INDEX: 2;
    WIDTH: 90px;
    POSITION: absolute;
    TOP: 13px;
    HEIGHT: 19px;
}

DIV.MenuItems {
    Z-INDEX: 3;
    DISPLAY: none;
    WIDTH: 110px;
    POSITION: absolute;
    TOP: 34px;
}

DIV.Buttons {
    MARGIN-TOP: 1.2em;
    WIDTH: 95%;
    TEXT-ALIGN: center;
}

div.Buttons button {
    border-style: none;
    background-color: transparent;
    padding: 0;
    margin: 0 5px;
    cursor: pointer;
    width: 102px;
}

DIV.Scrollbar {
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #000066;
    SCROLLBAR-3DLIGHT-COLOR: #000066;
    SCROLLBAR-ARROW-COLOR: #000066;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #000066;
    SCROLLBAR-BASE-COLOR: #ffffff;
}

DIV.Bordered {
    BORDER-TOP: #000066 1px solid;
    BORDER-LEFT: #000066 1px solid;
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-RIGHT: #000066 1px solid;
    OVERFLOW: auto;
    WIDTH: 95%;
}

DIV.Bordered TABLE {
    WIDTH: 100%;
}

DIV.Bordered TH, TABLE.TableHeader TH {
    FONT-SIZE: x-small;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #000066;
    TEXT-ALIGN: left;
}

DIV.Bordered TR, TABLE.TableHeader TR {
    HEIGHT: 1.6em;
}

DIV.Bordered TD {
    BORDER-BOTTOM: #6699cc 1px solid;
}

DIV.Bordered TH A, TABLE.TableHeader TH A,
DIV.Bordered TH A:visited, TABLE.TableHeader TH A:visited,
DIV.Bordered TH A:active, TABLE.TableHeader TH A:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

DIV.Bordered TH A:hover, TABLE.TableHeader TH A:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #ff6600;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

.Warning {
    COLOR: #e50000;
}

.Information {
    COLOR: #3770aa;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

TABLE.Fields {
    FONT-SIZE: x-small;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

TABLE.Fields TH {
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
}

TABLE.Fields TD {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: left;
}

table.fields tr.text {
    vertical-align: top;
}

table.Fields tr.Headings th {
    color: #6699cc;
    font-weight: bold;
    text-align: left;
}

TABLE.Simple {
    FONT-SIZE: x-small;
    WIDTH: 100%;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

TABLE.Simple TH {
    FONT-WEIGHT: bold;
    COLOR: #000066;
    BORDER-BOTTOM: #000066 2px solid;
    TEXT-ALIGN: left;
}

TABLE.Calendar {
    BACKGROUND-COLOR: #E0E0FF;
}

TABLE.Calendar TD {
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
}

TABLE.Calendar A, TABLE.Calendar A:visited, TABLE.Calendar A:hover, TABLE.Calendar A:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    COLOR: #0000BB;
}

DIV.Tree {
    BORDER-RIGHT: #6699cc 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #6699cc 1px solid;
    MARGIN-TOP: 25px;
    DISPLAY: inline;
    PADDING-LEFT: 5px;
    SCROLLBAR-FACE-COLOR: rgb(224,224,255);
    BACKGROUND: #e0e0ff;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    SCROLLBAR-HIGHLIGHT-COLOR: rgb(239,239,255);
    OVERFLOW: auto;
    BORDER-LEFT: #6699cc 1px solid;
    WIDTH: 450px;
    SCROLLBAR-SHADOW-COLOR: rgb(112,112,128);
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    PADDING-TOP: 5px;
    SCROLLBAR-TRACK-COLOR: rgb(224,224,255);
    BORDER-BOTTOM: #6699cc 1px solid;
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
    SCROLLBAR-BASE-COLOR: rgb(224,224,255);
    HEIGHT: 350px;
}

DIV.Sliding {
    LEFT: -450px;
    POSITION: absolute;
    TOP: 20px;
    z-order: 10;
}

Div.Sliding.Tree {
    Width:400px;
    white-space: nowrap;
}

BODY.Popup {
    FONT-SIZE: x-small;
    BACKGROUND-IMAGE: none;
    MARGIN: 10px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}

H2 A {
    FONT-SIZE: x-small;
    COLOR: #6699cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

H2 A:active {
    FONT-SIZE: x-small;
    COLOR: #6699cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

H2 A:hover {
    FONT-SIZE: x-small;
    COLOR: #6699cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

H2 A:visited {
    FONT-SIZE: x-small;
    COLOR: #6699cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}

table.employee-details tr {
    height: 25px;
}

div.body.displayed-text {
    width: 72ex;
}

.faqs,
.faqs * {
    font-size: small;
    margin: 0;
    padding: 0;
}

.faqs {
    width: 88ex;
    border: #000066 2px solid;
    border-bottom-style: none;
    margin-bottom: 1em;
}

.faqs .question,
.faqs .answer {
    border-bottom: #000066 2px solid;
    padding: 0.5em;
}

.faqs .question {
    color: #000062;
    font-size: medium;
    font-weight: bold;
    cursor: pointer;
}

.faqs .question button.disclosure {
    border-style: none;
    background-color: transparent;
    color: #000062;
    float: right;
    margin-left: 2em;
}

.faqs .answer {
    /* collapsed by default */
    display: none;
}

.faqs .answer h1 {
    color: #808080;
    font-size: medium;
}

.faqs .answer h2 {
    color: #27316c;
    font-size: small;
}

.faqs .answer h1,
.faqs .answer h2,
.faqs .answer p {
    margin: 0.5em 0;
}

.faqs .answer b {
    font-weight: bold;
}

.faqs .answer em {
    font-style: italic;
}

.faqs ol,
.faqs ul {
    margin-left: 40px;
    padding-left: 0;
}

.faqs li {
    margin: 0.25em 0;
}

.faqs ol li {
    list-style-type: decimal;
}

.faqs ol ol li {
    list-style-type: lower-alpha;
}

.faqs ol ol ol li {
    list-style-type: lower-roman;
}

.collapsible {
	margin: 20px 0px;
}

.collapsible-header {
    background-color: #000066;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 18px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.collapsible-icon {
    background-color: transparent;
    border-style: none;
    color: #ffffff;
    float: right;
}

.collapsible-content {
    padding: 18px;
    display: none;
    background-color: #ffffff;
    border: 1px solid #000066;
}

.open .collapsible-content {
    display: block;
}

.reference-code {
    color: #000066;
    display: inline;
    font-size: 12px;
    background-color: #e7e7e8;
    padding: 6px 12px;
}

.badge-container {
    height: 40px;
	margin: 15px 0px;
}

.badge-container a {
    text-decoration: none;
}

.badge {
    height: 100%;
}

input.email-subject {
    width: 32ex;
}

a#changeLeaveUnits {
    margin-left: 2em;
    cursor: pointer;
}

@media screen {
    BODY {
        BACKGROUND-IMAGE: url(images/slice_page_new.png);
        BACKGROUND-REPEAT: repeat-y;
    }

    BODY.Help {
        FONT-SIZE: x-small;
        BACKGROUND-IMAGE: none;
        MARGIN: 10px;
        COLOR: #ffffff;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        BACKGROUND-COLOR: #000066;
    }

    .Help H1 {
        FONT-SIZE: large;
        COLOR: #99ccff;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
    }

    .Help H2 {
        FONT-SIZE: small;
        COLOR: #99ccff;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        TEXT-DECORATION: none;
    }

    .Help P {
        COLOR: #ffffff;
    }
}

@media print {
    BODY.Help {
        FONT-SIZE: x-small;
        BACKGROUND-IMAGE: none;
        MARGIN: 10px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        BACKGROUND-COLOR: #FFFFFF;
    }

    .Help H1 {
        FONT-SIZE: large;
        COLOR: #000066;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
    }

    .Help H2 {
        FONT-SIZE: small;
        COLOR: #000066;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        TEXT-DECORATION: none;
    }

    .Help P {
        COLOR: #000000;
    }
}