BODY
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana, arial, sans-serif
}
TABLE
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana, arial, sans-serif
}
INPUT
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: verdana, arial, sans-serif
}
TABLE
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
    BORDER-COLLAPSE: collapse
}
TABLE.presentation TH
{
    PADDING-RIGHT: 8px
}
TABLE.presentation TD
{
    PADDING-RIGHT: 8px
}
TR.active_inbox_row
{
    BACKGROUND-COLOR: #dddddd
}
.mandatory
{
    BACKGROUND-POSITION: left center;
    PADDING-LEFT: 8px;
    BACKGROUND-IMAGE: url(../img/bluefront/mandatory.gif);
    BACKGROUND-REPEAT: no-repeat
}
A
{
    COLOR: #ffffff;
    font-size:12px;
    outline: none
}
A.action
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #ff9900;
    font-size:12px;
    TEXT-DECORATION:underline;
}
A:visited
{
    COLOR: #ffffff;
    font-size:12px;
    outline: none
}
.link
{
    CURSOR: pointer
}
INPUT
{
    PADDING-LEFT: 2px
}
INPUT
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid
}
BUTTON
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid
}
SELECT
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid
}
TEXTAREA
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid
}
.button
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    CURSOR: pointer;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #ffffff
}
.button-active
{
    BORDER-RIGHT: #336699 4px solid;
    BORDER-TOP: #336699 4px solid;
    BORDER-LEFT: #336699 4px solid;
    BORDER-BOTTOM: #336699 4px solid
}
INPUT.checkbox
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}
INPUT.radio
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}
INPUT.image
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px
}
.unread-msg
{
    FONT-WEIGHT: bold
}
.caption
{
    FONT-WEIGHT: bold;
    WHITE-SPACE: nowrap
}
DIV.emphasize
{
    BORDER-RIGHT: black 2px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: black 2px solid;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 6px;
    BORDER-LEFT: black 2px solid;
    PADDING-TOP: 6px;
    BORDER-BOTTOM: black 2px solid;
    BORDER-COLLAPSE: collapse
}
DIV.search-box
{
    BORDER-RIGHT: #bbbbbb 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #bbbbbb 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #bbbbbb 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #bbbbbb 1px solid
}
DIV.search-nav
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}
DIV.search-msg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-ALIGN: center
}
.nowrap
{
    WHITE-SPACE: nowrap
}
.disabled
{
    BACKGROUND-COLOR: #c8c8c8
}
.disabled-button
{
    FONT-WEIGHT: bold;
    COLOR: #cccccc;
    BACKGROUND-COLOR: #e6e6e6
}
IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
TH
{
    TEXT-ALIGN: left
}
TR.listhead
{
    BACKGROUND-COLOR: #d7e2ff
}
TR.item-even
{
    BACKGROUND-COLOR: #e6e6e6
}
TR.list-item-even
{
    BACKGROUND-COLOR: #e6e6e6
}
TR.item-odd
{
}
TR.list-item-odd
{
}
TR.list-item-even:hover
{
    BACKGROUND-COLOR: #d7e2ff
}
TR.list-item-odd:hover
{
    BACKGROUND-COLOR: #d7e2ff
}
P.important
{
    COLOR: red
}
SPAN.important
{
    COLOR: red
}
P.error
{
    COLOR: red
}
SPAN.error
{
    COLOR: red
}
INPUT.error
{
    BORDER-RIGHT: red 2px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: red 2px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: red 2px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: red 2px solid;
    BORDER-COLLAPSE: collapse
}
BUTTON.error
{
    BORDER-RIGHT: red 2px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: red 2px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: red 2px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: red 2px solid;
    BORDER-COLLAPSE: collapse
}
TEXTAREA.error
{
    BORDER-RIGHT: red 2px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: red 2px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: red 2px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: red 2px solid;
    BORDER-COLLAPSE: collapse
}
SELECT.error
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    COLOR: red;
    PADDING-TOP: 0px
}
#buttons-left
{
    MARGIN-TOP: 20px;
    MARGIN-BOTTOM: 20px
}
#buttons-right
{
    MARGIN-TOP: 20px;
    MARGIN-BOTTOM: 20px
}
#buttons-left .button
{
    COLOR: #336699
}
#buttons-right .button
{
    COLOR: #336699
}
#buttons-left
{
    FLOAT: left
}
#buttons-left INPUT
{
    MARGIN-RIGHT: 4px
}
#buttons-left BUTTON
{
    MARGIN-RIGHT: 4px
}
#buttons-right
{
    FLOAT: right
}
#buttons-right INPUT
{
    MARGIN-LEFT: 4px
}
#buttons-right BUTTON
{
    MARGIN-LEFT: 4px
}
#container
{
    MARGIN: auto;
    BORDER-COLLAPSE: collapse;
    HEIGHT: 90%;
    BACKGROUND-COLOR: #ffffff
}
#header
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #336699 solid;
    BACKGROUND-COLOR: #6699cc
}
#user_info
{
    FONT-SIZE: 10pt;
    RIGHT: 15px;
    MARGIN: auto;
    COLOR: #ffffff;
    POSITION: absolute;
    TOP: 12px;
    TEXT-ALIGN: right
}
#system_info
{
    FLOAT: right;
    MARGIN: 4px
}
#system_info A
{
    COLOR: blue;
    TEXT-DECORATION: none
}
#main
{
    MARGIN: 0px 10px 10px 35px
}
#main H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 2.5em;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px 10px;
    COLOR: #336699;
    PADDING-TOP: 0px;
    LETTER-SPACING: 0px
}
#main H1.error
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: red
}
#main H2
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    COLOR: #000000;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #d7e2ff
}
#main H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    MARGIN: 1em 0px 0.5em;
    COLOR: #336699
}
#main H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    MARGIN: 1em 0px 0.2em;
    COLOR: #000000
}
#content
{
    CLEAR: left;
    MARGIN-TOP: 10px;
    PADDING-LEFT: 14px;
    OVERFLOW: auto
}
#system_message
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    MARGIN: 10px;
    WIDTH: 310px;
    COLOR: red;
    PADDING-TOP: 5px
}
#help
{
    BORDER-RIGHT: #aaaaaa 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #aaaaaa 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #aaaaaa 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BACKGROUND-COLOR: #fff0d4
}
#info
{
    MARGIN: 25px 10px 10px;
    WIDTH: 310px
}
#help
{
    MARGIN: 25px 10px 10px;
    WIDTH: 310px
}
#info H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt
}
#help H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt
}
#info H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt
}
#help H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt
}
#info H1.important
{
    COLOR: red
}
#help H1.important
{
    COLOR: red
}
#info H2.important
{
    COLOR: red
}
#help H2.important
{
    COLOR: red
}
#info H3.important
{
    COLOR: red
}
#help H3.important
{
    COLOR: red
}
#login_popup
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    MARGIN-TOP: 2px;
    Z-INDEX: 200;
    RIGHT: 0px;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    POSITION: absolute;
    TOP: 30px;
    BACKGROUND-COLOR: #ffffff
}
#login_popup TD
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    TEXT-ALIGN: left
}
#main-nav
{
    FONT-SIZE: 10pt;
    TEXT-ALIGN: center
}
FORM
{
    MARGIN: 0px
}
DIV.tab_menu
{
    MARGIN-BOTTOM: 20px;
    BACKGROUND-COLOR: #d7e2ff
}
DIV.tab_menu UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    PADDING-TOP: 4px;
    LIST-STYLE-TYPE: none
}
DIV.tab_menu LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: inline;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px
}
DIV.tab_menu A
{
    BORDER-RIGHT: #d7e2ff 1px solid;
    PADDING-RIGHT: 15px;
    BORDER-TOP: #d7e2ff 1px solid;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #d7e2ff 1px solid;
    COLOR: black;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #d7e2ff 0px solid;
    TEXT-DECORATION: none
}
DIV.tab_menu A:visited
{
    BORDER-RIGHT: #d7e2ff 1px solid;
    PADDING-RIGHT: 15px;
    BORDER-TOP: #d7e2ff 1px solid;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #d7e2ff 1px solid;
    COLOR: black;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #d7e2ff 0px solid;
    TEXT-DECORATION: none
}
DIV.tab_menu LI.current_tab A
{
    BORDER-LEFT-COLOR: #888888;
    BORDER-BOTTOM-COLOR: #888888;
    BORDER-TOP-COLOR: #888888;
    BACKGROUND-COLOR: #ffffff;
    BORDER-RIGHT-COLOR: #888888
}
DIV.tab_menu A:hover
{
    BORDER-LEFT-COLOR: #cccccc;
    BORDER-BOTTOM-COLOR: #cccccc;
    BORDER-TOP-COLOR: #cccccc;
    BACKGROUND-COLOR: white;
    BORDER-RIGHT-COLOR: #cccccc
}
#messages
{
    OVERFLOW: auto;
    HEIGHT: 180px
}
#messages TR TH
{
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #ffffff 1px solid;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #ffffff 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ffffff 1px solid;
    WHITE-SPACE: nowrap;
    TEXT-ALIGN: center
}
#messages TR TD
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    WHITE-SPACE: nowrap
}
#messages TR TD A
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
DIV.message
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #000000 1px solid;
    MARGIN-TOP: 40px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #000000 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #000000 1px solid
}
DIV.message P
{
    WIDTH: 400px
}
DIV.note
{
    BORDER-RIGHT: #aaaaaa 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #aaaaaa 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 10px;
    BORDER-LEFT: #aaaaaa 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BACKGROUND-COLOR: #fff0d4
}
TABLE.info-box
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #d5e2ec
}
BODY.clean
{
    BACKGROUND-COLOR: #ffffff
}
#popup_main
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: white
}
#popup_main H1
{
    FONT-SIZE: 2em;
    MARGIN: 0px 0px 10px;
    COLOR: #336699;
    LETTER-SPACING: 0px
}
#popup_main H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.4em;
    MARGIN: 1em 0px 0.3em
}
#popup_main H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
    MARGIN: 1em 0px 0px
}
#changelog H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: #336699
}
#changelog H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px
}
#changelog P
{
    FONT-SIZE: 10pt;
    WIDTH: 500px
}
#changelog UL.entries
{
    PADDING-LEFT: 0px;
    MARGIN-LEFT: 0px;
    WIDTH: 80%;
    LIST-STYLE-TYPE: none
}
#changelog UL.entries > LI
{
    PADDING-BOTTOM: 10px
}
#changelog UL.entries LI UL
{
    PADDING-LEFT: 0px;
    LIST-STYLE-IMAGE: url(../img/bluefront/check-small.gif);
    MARGIN: 5px 5px 0px 25px
}
#changelog UL.entries LI UL LI
{
    PADDING-LEFT: 0px;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 5px;
    MARGIN-LEFT: 0px;
    WIDTH: 500px
}
DIV.menuBar
{
    FONT-WEIGHT: bold
}
DIV.menuBar A.menuButton
{
    FONT-WEIGHT: bold
}
DIV.menu
{
    FONT-WEIGHT: bold
}
DIV.menu A.menuItem
{
    FONT-WEIGHT: bold
}
DIV.menuBar
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 5px;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    BACKGROUND-COLOR: #0099ff;
    TEXT-ALIGN: left
}
DIV.menuBar A.menuButton
{
    BORDER-RIGHT: #d0d0d0 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #d0d0d0 1px solid;
    PADDING-LEFT: 6px;
    Z-INDEX: 100;
    LEFT: 0px;
    PADDING-BOTTOM: 2px;
    MARGIN: 1px;
    BORDER-LEFT: #d0d0d0 1px solid;
    CURSOR: pointer;
    COLOR: #ffffff;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #d0d0d0 1px solid;
    POSITION: relative;
    TOP: 0px;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover
{
    BORDER-LEFT-COLOR: #f0f0f0;
    BORDER-BOTTOM-COLOR: #aaaaaa;
    COLOR: #ffffff;
    BORDER-TOP-COLOR: #f0f0f0;
    BACKGROUND-COLOR: transparent;
    BORDER-RIGHT-COLOR: #aaaaaa
}
DIV.menuBar A.menuButtonActive
{
    BORDER-LEFT-COLOR: #909090;
    LEFT: 1px;
    BORDER-BOTTOM-COLOR: #f0f0f0;
    COLOR: #ffffff;
    BORDER-TOP-COLOR: #909090;
    TOP: 1px;
    BACKGROUND-COLOR: #ff9900;
    BORDER-RIGHT-COLOR: #f0f0f0
}
DIV.menuBar A.menuButtonActive:hover
{
    BORDER-LEFT-COLOR: #909090;
    LEFT: 1px;
    BORDER-BOTTOM-COLOR: #f0f0f0;
    COLOR: #ffffff;
    BORDER-TOP-COLOR: #909090;
    TOP: 1px;
    BACKGROUND-COLOR: #ff9900;
    BORDER-RIGHT-COLOR: #f0f0f0
}
DIV.menu
{
    BORDER-RIGHT: #909090 2px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #f0f0f0 2px solid;
    PADDING-LEFT: 0px;
    Z-INDEX: 101;
    LEFT: 0px;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #f0f0f0 2px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #909090 2px solid;
    POSITION: absolute;
    TOP: 0px;
    BACKGROUND-COLOR: #0099ff
}
DIV.menu A.menuItem
{
    PADDING-RIGHT: 1em;
    DISPLAY: block;
    PADDING-LEFT: 1em;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 3px;
    CURSOR: pointer;
    COLOR: #ffffff;
    PADDING-TOP: 3px;
    WHITE-SPACE: nowrap;
    TEXT-DECORATION: none
}
DIV.menu DIV.expandable A.menuItem
{
    PADDING-RIGHT: 20px;
    BACKGROUND-POSITION: right center;
    BACKGROUND-IMAGE: url(../img/bluefront/arrow.gif);
    BACKGROUND-REPEAT: no-repeat
}
DIV.menu A.menuItem:hover
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #ff9900
}
DIV.menu A.menuItemHighlight
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #ff9900
}
SPAN.loading
{
    BORDER-RIGHT: #777777 5px solid;
    PADDING-RIGHT: 20px;
    BORDER-TOP: #777777 5px solid;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 25pt;
    PADDING-BOTTOM: 20px;
    BORDER-LEFT: #777777 5px solid;
    COLOR: #777777;
    PADDING-TOP: 20px;
    BORDER-BOTTOM: #777777 5px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: #d7e2ff
}