<style>
Body
{
    BACKGROUND-COLOR: white
}
P
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Helvetica;
}
A:link
{
    FONT-WEIGHT: bold;
    COLOR: #333366
}
A:active
{
    FONT-WEIGHT: bold;
    COLOR: #333366
}
A:visited
{
    FONT-WEIGHT: bold;
    COLOR: #333366
}
A:hover
{
    FONT-WEIGHT: bold;
    COLOR: #3399ff
}
TR
{
}
TD
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Helvetica
}
TEXTAREA
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Courier New, Courier, mono
}
PRE
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Courier New, Courier
}
UL
{
    PADDING-LEFT: 20px;
    LINE-HEIGHT: 1.4;
}
LI
{
    PADDING-LEFT: 3px;
    PADDING-RIGHT: 5px;
    MARGIN-TOP: 7px;
}
BLOCKQUOTE
{
    MARGIN-LEFT: 5px;
    PADDING-LEFT: 8px;
    BORDER-LEFT: 2px solid #aaa;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Helvetica;
}
.topbody
{
    BACKGROUND-IMAGE: url(images/bkg_top.gif);
    MARGIN: 0px;
}
.topbanner
{
    BACKGROUND-POSITION: right center;
    BACKGROUND-IMAGE: url(images/banner_top.gif);
    BACKGROUND-REPEAT: no-repeat;
}
.mainbody
{
    BACKGROUND-IMAGE: url('images/bkg_body.gif');
    BACKGROUND-COLOR: white;
    /* MARGIN: 0px; */
    FONT-FAMILY: Arial, Helvetica
}
.bodyheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica
}
.tableframe
{
    BACKGROUND-COLOR: #dedede
}
.tableheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #333366;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica
}
.tableheader2
{
    FONT-SIZE: 9pt;
    BACKGROUND: #9fb5bf;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica
}
.tablerow
{
    BACKGROUND-COLOR: #ffffff
}
.altrow
{
    BACKGROUND-COLOR: #fdfdbf
}
.formbtn
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    BACKGROUND: #334499;
    CURSOR: hand;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica
}
.filebtn
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica
}
.topnav
{
    MARGIN: 0px;
    BACKGROUND-COLOR: #333366
}
A.topnav:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.topnav:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.topnav:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
.topnav2
{
    MARGIN: 0px;
    BACKGROUND-COLOR: transparent;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica;
}
A.topnav2:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.topnav2:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.topnav2:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
.tabfbody
{
    BACKGROUND: #fdfdbf;
}
.tabfframe
{
    BACKGROUND: #000000;
}
.tabfon
{
    BACKGROUND: #fdfdbf;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.tabfoff
{
    BACKGROUND: #e9e9e9;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.tabf:link
{
    BACKGROUND-COLOR: transparent;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.tabf:visited
{
    BACKGROUND-COLOR: transparent;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica;
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.tabf:hover
{
    BACKGROUND-COLOR: transparent;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica;
    COLOR: #000000;
    TEXT-DECORATION: underline
}
.tabheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.msglist
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none
}
A.msglist:link
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none
}
A.msglist:active
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none
}
A.msglist:visited
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none
}
A.msglist:hover
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 11px;
    COLOR: #3399ff;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: underline
}
.msgbody
{
    BACKGROUND: #fdfdbf;
}
.errmsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Helvetica;
    COLOR: red;
}
.retmsg
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Helvetica;
}


.TopNavText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    CURSOR: hand;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #333366;
    TEXT-DECORATION: none
}
.TableHeaderText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BACKGROUND: #333366;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica
}
.LeftNavOff
{
    BORDER-RIGHT: #333366 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #333366 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px 1px;
    BORDER-LEFT: #333366 1px solid;
    WIDTH: 147px;
    CURSOR: hand;
    COLOR: #ffffff;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #333366 1px solid;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #333366;
    TEXT-DECORATION: none
}
.LeftNavUp
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #ffffff 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px 1px;
    BORDER-LEFT: #ffffff 1px solid;
    WIDTH: 147px;
    CURSOR: hand;
    COLOR: #ffffff;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #333366;
    TEXT-DECORATION: none
}
.LeftNavDown
{
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px 1px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 147px;
    CURSOR: hand;
    COLOR: #ffffff;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #ffffff 1px solid;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #333366;
    TEXT-DECORATION: none
}
.RefreshOff
{
    BORDER-RIGHT: #333366 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #333366 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px 1px;
    BORDER-LEFT: #333366 1px solid;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: #ffffff;
    LINE-HEIGHT: 10px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #333366 1px solid;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #333366;
    TEXT-DECORATION: none
}
.RefreshUp
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #ffffff 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px 1px;
    BORDER-LEFT: #ffffff 1px solid;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: #ffffff;
    LINE-HEIGHT: 10px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #333366;
    TEXT-DECORATION: none
}
.RefreshDown
{
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 3px;
    MARGIN: 2px 1px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: #ffffff;
    LINE-HEIGHT: 10px;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #ffffff 1px solid;
    FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #333366;
    TEXT-DECORATION: none
}
.spinner {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>
