BODY {
    margin: 0px;
    font-family : Verdana, Arial, sans-serif;
    font-size : 12px;
    color : #000000;
    background-color: #FFFFFF;
    font-weight: normal;
}

TD {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    color : #000000;
    font-weight: normal;
    vertical-align: top;
}

TH {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    color : #000000;
    background-color: #CCCCCC;
    font-weight: bold;
    vertical-align: top;
}

FORM {
    margin: 0px;
}

TABLE.form, TR.form {
/*    border-collapse: collapse;*/
    border: 1px solid #000000; font-size: 75%; vertical-align: baseline;
    /*font-size: 11px;
    background-color: #D6E2F5;*/
}

TD.form {
    padding: 1px;
    font-size: 11px;
    background-color: #D6E2F5;
}

TD.formContent {
    padding: 2px;
    padding-left: 5px;
    font-size: 11px;
    background-color: #D6E2F5;
    vertical-align: top;
    height: 20px;
}

TD.formTitle {
    padding: 2px;
    font-size: 11px;
    background-color: #D6E2F5;
    vertical-align: middle;
    text-align: center;
    height: 20px;
    font-weight: bold;
}

A:link {
    color:#0000ee; text-decoration: underline;
}

A:visited {
    color:#0000ee; text-decoration: underline;
}

A:active {
    color:#0000ee; text-decoration: underline;
}

A:hover {
    color:#0000ee; text-decoration: none;
}

A.navigationBar:link {
    color:#FFFFFF; text-decoration: none; font-weight: bold;
}

A.navigationBar:visited {
    color:#FFFFFF; text-decoration: none; font-weight: bold;
}

A.navigationBar:hover {
    color:#FF9900; text-decoration: none; font-weight: bold;
}

A.menuBar:link {
    color:#000000; text-decoration: none; font-weight: normal;
}

A.menuBar:visited {
    color:#000000; text-decoration: none; font-weight: normal;
}

A.menuBar:hover {
    color:#FF9900; text-decoration: none; font-weight: normal;
}

A.menuBarActive:link {
    color:#000000; text-decoration: none; font-weight: normal;
}

A.menuBarActive:visited {
    color:#000000; text-decoration: none; font-weight: normal;
}

A.menuBarActive:hover {
    color:#FF9900; text-decoration: none; font-weight: normal;
}

A.menuBarHeader:link {
    color:#000000; text-decoration: none; font-weight: bold;
}

A.menuBarHeader:visited {
    color:#000000; text-decoration: none; font-weight: bold;
}

A.menuBarHeader:hover {
    color:#FF9900; text-decoration: none; font-weight: bold;
}

A.menuBarHeaderActive:link {
    color:#000000; text-decoration: none; font-weight: bold;
}

A.menuBarHeaderActive:visited {
    color:#000000; text-decoration: none; font-weight: bold;
}

A.menuBarHeaderActive:hover {
    color:#FF9900; text-decoration: none; font-weight: bold;
}

A.subMenuBar:link {
    color:#000000; text-decoration: none; font-weight: normal;
}

A.subMenuBar:visited {
    color:#000000; text-decoration: none; font-weight: normal;
}

A.subMenuBar:hover {
    color:#FF9900; text-decoration: none; font-weight: normal;
}

A.subMenuBarActive:link {
    color:#000000; text-decoration: none; font-weight: normal;
}

A.subMenuBarActive:visited {
    color:#000000; text-decoration: none; font-weight: normal;
}

A.subMenuBarActive:hover {
    color:#FF9900; text-decoration: none; font-weight: normal;
}

A.footerBar:link {
    color:#CCCCCC; text-decoration: none; font-weight: normal;
}

A.footerBar:visited {
    color:#CCCCCC; text-decoration: none; font-weight: normal;
}

A.footerBar:hover {
    color:#000000; text-decoration: none; font-weight: normal;
}

TD.navigationBar {
    font-size: 10px;
    color: #FFFFFF;
    /*background-color: #D6E2F5;*/
    background-color: #6699CC;
    height: 20px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

TD.columnLeft {
    width: 250px;
}

TD.columnRight {
    width: 200px;
}

TABLE.menuBar {
    background-color: #6699CC;
}

TD.menuBar {
    font-size: 10px;
    height: 20px;
    padding-left: 20px;
    vertical-align: middle;
    background-color: #D6E2F5;
}

TD.menuBarHeader {
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    padding-left: 10px;
    vertical-align: middle;
    background-color: #D6E2F5;
}

TD.menuBarHeaderOver {
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    padding-left: 10px;
    vertical-align: middle;
    background-color: #E7EDF5;
    cursor: pointer; cursor: hand;
}

TD.menuBarHeaderActive {
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    padding-left: 10px;
    vertical-align: middle;
    background-color: #FFFFFF;
}

TD.menuBarActive {
    font-size: 10px;
    height: 20px;
    padding-left: 20px;
    vertical-align: middle;
    background-color: #FFFFFF;
    font-weight: bold;
}

TD.subMenuBar {
    font-size: 10px;
    height: 20px;
    padding-left: 20px;
    vertical-align: middle;
    background-color: #D6E2F5;
}

TD.subMenuBarOver {
    font-size: 10px;
    height: 20px;
    padding-left: 20px;
    vertical-align: middle;
    background-color: #E7EDF5;
    cursor: pointer; cursor: hand;
}

TD.subMenuBarActive {
    font-size: 10px;
    height: 20px;
    padding-left: 20px;
    vertical-align: middle;
    background-color: #FFFFFF;
}

TABLE.titleBar {
    background-color: #6699CC;
}

TD.titleBar {
    font-size: 10px;
    background-color: #D6E2F5;
    font-weight: bold;
}

TD.headerBar {
    background-color: #FFFFFF;
}

TD.footerBar {
    font-size: 10px;
    color: #CCCCCC;
}

TABLE.content {
    background-color: #EFEFEF;
}

TH.content {
    text-align: left;
    white-space: nowrap;
    padding-right: 10px;
}

TD.content {
    white-space: nowrap;
    padding-right: 10px;
}

P.error {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    background-color: #FFBBBB;
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
}

P.note {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    background-color: #BBFFBB;
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
}

SPAN.host {
    color : #CC0000;
}

A.page, SPAN.page {
    color : #333333;
}

A.link, SPAN.link {
    color : #006600;
}

DIV.bc_body {
    margin: 5 0 0 0; border: 2px groove; background-color: #EEE;
    width: 100%; padding: 3px;  text-align: left;
}

/* calendar */
TABLE.calendar {
    background-color: #FFFFFF;
}

TD.calendar {
    font-size: 10px;
    height: 20px;
    vertical-align: middle;
    background-color: #D6E2F5;
}

TD.calendarHeader {
    font-size: 10px;
    font-weight: bold;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    background-color: #D6E2F5;
}

.infobox { width: 90%; padding: 5px; margin: 5px; border-width: 1px; border-style: solid; border-color: #8293c1; }

/* Forms */
input, textarea, select { margin: 2px }
input, select { vertical-align: middle }
input[type=button], input[type=submit], input[type=reset] {
    background: #eee;
    color: #222;
    border: 1px outset #ccc;
    padding: .1em .5em;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    background: #f6f6f6;
}
input[type=button][disabled], input[type=submit][disabled],
input[type=reset][disabled] {
    background: #f6f6f6;
    border-style: solid;
    color: #999;
}
input[type=text], input[type=password], input.textwidget, textarea { border: 1px solid #d7d7d7 }
input[type=text], input[type=password], input.textwidget { padding: .25em .5em }
input[type=text]:focus, input[type=password]:focus, input.textwidget:focus, textarea:focus {
    border: 1px solid #886;
}
option { border-bottom: 1px dotted #d7d7d7 }
fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 0 }
fieldset.iefix { background: transparent; border: none; padding: 0; margin: 0 }
* html fieldset.iefix { width: 98% }
fieldset.iefix p { margin: 0 }
legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }
label.disabled { color: #d7d7d7 }
.buttons { margin: .5em .5em .5em 0 }
.buttons form, .buttons form div { display: inline }
.buttons input { margin: 1em .5em .1em 0 }

.red   { color:#660000; }
.green { color:#006600; }