/*
 * CSS Styles
 */

/*
 * HTML
 */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
form {
    margin: 0;
    padding: 0;
}

/*
 * BANNER AREA
 */
table.banner-area {
    border-bottom: 1px solid black;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
table.banner-area tr th {

    background-color: white;

    background-image: url(res/logo.gif);

    background-position: 50% 50%;

    background-repeat: no-repeat;

    height: 45px;

    margin: 0;
    padding: 0;

    width: 119px;

    font-size: 0;
    vertical-align: middle;
}
table.banner-area tr td {

    background-color: #0d388a;

    background-image: url(res/user_banner.gif);

    background-position: right 50%;

    background-repeat: no-repeat;

    margin: 0;
    padding: 0 4px;
    vertical-align: middle;

}
table.banner-area div {
    color: rgb(255,255,255);
}
table.banner-area a.link-button, table.banner-area a.link-button:link, table.banner-area a.link-button:visited {
    color: rgb(255,255,255);
}
table.banner-area a.link-button:active, table.banner-area a.link-button:hover {
    background: rgb(204,204,204);
}

/*
 * PRIMARY NAVIGATION AREA
 */
table.primary-navigation-area {
    background-color: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-collapse: collapse;
    border-top: 1px solid rgb(0,0,0);
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
table.primary-navigation-area * ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
table.primary-navigation-area * li {
    display: inline;
}

/*
 * SECONDARY NAVIGATION AREA
 */
table.secondary-navigation-area {
    background-color: rgb(204,204,204);
    border-bottom: 1px solid rgb(0,0,0);
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
table.secondary-navigation-area * ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
table.secondary-navigation-area * li {
    display: inline;
}

/*
 * HEADING AREA
 */
table.heading-area {
    background: rgb(242,242,242);
    border-bottom: 1px solid black;
    border-collapse: collapse;
    padding: 4px;
    width: 100%;
}
table.heading-area th {
}
table.heading-area img {
    padding: 0 4px;
    vertical-align: middle;
}
td.heading {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 99%;
}
td.subheading {
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 99%;
}

/*
 * BODY AREA
 */
table.body-area {
    padding: 0 4px;
    width: 100%;
}
td.body-all {
    padding: 0 4px;
    vertical-align: top;
    width: 100%;
}
td.body-left {
    padding: 0 4px;
    vertical-align: top;
    width: 20%;
}
td.body-right {
    padding: 0 4px;
    vertical-align: top;
    width: 80%;
}

/*
 * CONTROL AREA
 */
div.control-area {
    font-size: 0;
    margin: 8px;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

/*
 * CONTENT AREA
 */

/*
 * FOOTER AREA
 */
table.footer-area {
    padding: 0 8px;
    width: 100%-16px;
}
table.footer-area tr td {
    padding-top: 4px;
    width: 100%;
}

/*
 * NODES
 */
div.nodes-caption {
    background-color: rgb(242,242,242);
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 2px;
    width: 100%;
}
table.node {
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}
th.node-normal {
    background: url(res/node_line.gif) repeat-y 50% 0%;
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}
th.node-plain {
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}
th.node-marker {
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}
td.node-normal {
    font-size: 10px;
    font-weight: bold;
    padding: 6px 0 6px 4px;
    vertical-align: middle;
}
td.node-plain {
    font-size: 10px;
    font-weight: bold;
    padding: 6px 0 6px 4px;
    vertical-align: middle;
}
td.node-marker {
    color: #800000;
    font-size: 10px;
    font-weight: bold;
    padding: 6px 0 6px 4px;
    vertical-align: middle;
}
table.node * a, table.node * a:link, table.node * a:visited {
    color: rgb(0,102,153);
    text-decoration: underline;
}
table.node * a:active, table.node * a:hover {
    color: rgb(0,0,0);
    text-decoration: none;
}

/*
 * TASKS
 */
div.task {
    font-size: 12px;
    font-weight: normal;
    margin: 8px 8px 8px 8px;
}
div.task-selected {
    font-size: 12px;
    font-weight: bold;
    margin: 8px 8px 8px 8px;
}
div.subtask {
    font-size: 11px;
    font-weight: normal;
    margin: 8px 8px 8px 16px;
}
div.subtask-selected {
    font-size: 11px;
    font-weight: bold;
    margin: 8px 8px 8px 16px;
}
div.subsubtask {
    font-size: 10px;
    font-weight: normal;
    margin: 8px 8px 8px 24px;
}
div.subsubtask-selected {
    font-size: 10px;
    font-weight: bold;
    margin: 8px 8px 8px 24px;
}

/*
 * MATRIX
 */
/* NORMAL */
table.matrix {
    width: 100%;
}
table.matrix tr {
}
table.matrix td {
}
/* LIGHT */
table.matrix-light {
    background-color: rgb(242,242,242);
}

/*
 * TABLE
 */
/* LIGHT */
table.table-header-light {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
td.table-header-light {
    font-size: 6px;
    margin: 0;
    padding: 4px 0;
    white-space: nowrap;
}
table.table-body-light {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
th.table-body-light {
	background-color: rgb(242,242,242);
    color: rgb(0,0,0);
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 2px;
    text-align: center;
    vertical-align: top;
}
td.table-body-light {
	border-top: 1px solid rgb(204,204,204);
    color: rgb(0,0,0);
    font-size: 11px;
    margin: 0;
    padding: 2px;
}
table.table-footer-light {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
}
td.table-footer-light {
	border-top: 1px solid rgb(204,204,204);
    color: rgb(0,0,0);
    font-size: 6px;
    margin: 0;
    padding: 4px 0;
}
/* HEAVY */
table.table-header-heavy {
    background-color: rgb(242,242,242);
    border-collapse: separated;
    border-left: 1px solid rgb(204,204,204);
    border-right: 1px solid rgb(204,204,204);
    border-top: 1px solid rgb(204,204,204);
    margin: 0;
    padding: 0;
    width: 100%;
}
td.table-header-heavy {
    font-size: 6px;
    padding: 4px 0;
    white-space: nowrap;
}
table.table-body-heavy {
    border: 1px solid rgb(204,204,204);
    width: 100%;
}
th.table-body-heavy {
	background-color: rgb(204,204,204);
    color: rgb(0,0,0);
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
}
td.table-body-heavy {
	background-color: rgb(242,242,242);
    color: rgb(0,0,0);
    font-size: 11px;
    padding: 2px;
}
table.table-footer-heavy {
	background-color: rgb(242,242,242);
    border-bottom: 1px solid rgb(204,204,204);
    border-left: 1px solid rgb(204,204,204);
    border-right: 1px solid rgb(204,204,204);
    font-size: 0;
    padding: 4px 0;
    width: 100%;
}
td.table-footer-heavy {
    font-size: 6px;
    padding: 4px 0;
}

/*
 * PROPERTY SHEET
 */
table.property-sheet {
    border-collapse: separate;
    border: 1px solid rgb(204,204,204);
    width: 100%;
}
th.property-sheet {
    background: rgb(204,204,204);
	font-size: 11px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 1%;
}
td.property-sheet {
    background: rgb(242,242,242);
	font-size: 11px;
    padding: 2px 2px 2px 6px;
    text-align: left;
    vertical-align: top;
}
table.property-sheet-light {
    border-collapse: separate;
    width: 100%;
}
th.property-sheet-light {
	font-size: 11px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 1%;
}
td.property-sheet-light {
	font-size: 11px;
    padding: 2px 2px 2px 6px;
    text-align: left;
    vertical-align: top;
}
span.property-name {
    font-weight: bold;
}
span.property-name-disabled {
    color: rgb(110,110,110);
    font-weight: bold;
}

/*
 * TAB CONTROL
 */
table.tab-header {
    border-left: 1px solid rgb(0,0,0);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(0,0,0);
	background-color: rgb(204,204,204);
    vertical-align: bottom;
    white-space: nowrap;
    width: 100%;
}
td.tab-top {
    font-size: 11px;
}
td.tab-space {
    border-bottom: 1px solid rgb(0,0,0);
    margin-top: 11px;
    width: 8px;
}
td.tab-fill {
    border-bottom: 1px solid rgb(0,0,0);
    width: 99%;
}
td.tab {
    background: rgb(110,110,110);
    border: 1px solid rgb(0,0,0);
    color: rgb(255,255,255);
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
    white-space: nowrap;
}
td.tab a, td.tab a:link, td.tab a:visited {
    color: rgb(255,255,255);
    text-decoration: none;
}
td.tab:hover {
    background: rgb(255,255,255);
    color: rgb(0,0,0);
}
td.tab a:active, td.tab a:hover {
    color: rgb(0,0,0);
    text-decoration: none;
}
td.tab-selected {
    background: rgb(255,255,255);
    border-bottom: 1px solid rgb(255,255,255);
    border-left: 1px solid rgb(0,0,0);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(0,0,0);
    color: rgb(0,0,0);
    font-size: 11px;
    font-weight: bold;
    padding: 2px 4px;
    white-space: nowrap;
}
table.tab-body {
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(0,0,0);
    border-right: 1px solid rgb(0,0,0);
    padding: 20px 8px 8px;
    width: 100%;
}

/*
 * SEPARATOR
 */
div.separator {
    font-size: 3px;
    margin: 0;
    padding: 0;
	background: url(res/single_dotted_line.gif) repeat-x 50% top;
    width: 100%;
}
div.separator-strong {
    font-size: 10px;
    margin: 0;
    padding: 0;
	background: url(res/double_dotted_line.gif) repeat-x 50% top;
    width: 100%;
}

/*
 * SPACE
 */
span.hspace {
    font-size: 0;
    line-height: 0;
}
span.hspace-small {
    font-size: 0;
    line-height: 0;
    padding-right: 5px;
}
span.hspace-medium {
    font-size: 0;
    line-height: 0;
    padding-right: 10px;
}
span.hspace-large {
    font-size: 0;
    line-height: 0;
    padding-right: 20px;
}
div.vspace {
    margin: 0;
    padding: 0;
}
div.vspace-small {
    font-size: 5px;
    margin: 0;
    padding: 0;
}
div.vspace-medium {
    font-size: 10px;
    margin: 0;
    padding: 0;
}
div.vspace-large {
    font-size: 20px;
    margin: 0;
    padding: 0;
}

/*
 * FORMS
 */
input.check-box {
    vertical-align: middle;
}
input.field {
    font-size: 11px;
    vertical-align: middle;
}
input.file-input {
    font-size: 11px;
    vertical-align: middle;
}
input.radio-button {
    vertical-align: middle;
}
select.option-list {
    vertical-align: middle;
}
input.password {
    font-size: 11px;
    vertical-align: middle;
}
textarea.text-area {
    vertical-align: top;
}

/*
 * HELP BUTTON
 */
a.help-button {
    background: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    display: inline;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}
a.help-button:hover {
    background: rgb(204,204,204);
    color: rgb(0,0,0);
}

/*
 * ICON-BUTTON
 */
a.icon-button {
    cursor: pointer;
}
img.icon-button {
    cursor: pointer;
    vertical-align: middle;
}

/*
 * PUSH BUTTON
 */
/* NORMAL */
.push-button {
    background: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    display: inline;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}
.push-button:hover {
    background: rgb(204,204,204);
    color: rgb(0,0,0);
}
.push-button-default {
    background: rgb(13,56,138);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    display: inline;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}
.push-button-default:hover {
    background: rgb(23,104,255);
    color: rgb(0,0,0);
}
.push-button-disabled {
    background: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(204,204,204);
    display: inline;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}
/* PRIMARY NAVIGATION */
.primary-push-button {
    background-color: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 3px 0;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}
.primary-push-button:hover {
    background-color: rgb(204,204,204);
    color: rgb(0,0,0);
}
.primary-push-button-selected {
    background-color: rgb(204,204,204);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 3px 0;
    text-decoration: none;
    white-space: nowrap;
}
.primary-push-button-disabled {
    background-color: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 3px 0;
    text-decoration: none;
    white-space: nowrap;
}
/* SECONDARY NAVIGATION */
.secondary-push-button {
    background-color: rgb(204,204,204);
    border-bottom: 0px;
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
}
.secondary-push-button:hover {
    background-color: rgb(204,204,204);
    color: rgb(13,56,138);
}
.secondary-push-button-selected {
    background-color: rgb(204,204,204);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(13,56,138);
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0 0;
    text-decoration: none;
    white-space: nowrap;
}
.secondary-push-button-disabled {
    background-color: rgb(204,204,204);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(110,110,110);
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
}

/*
 * MENU BUTTON
 */
/* GENERAL */
table.menu-group {
    border-bottom: 1px solid rgb(0,0,0);
}
td.menu-item {
    background: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
	border-top: 1px solid rgb(255,255,255);
    cursor: pointer;
    padding: 2px 8px;
    text-align: left;
}
td.menu-item a, td.menu-item a:link, td.menu-item a:visited, td.menu-item a:active, td.menu-item a:hover {
    color: rgb(255,255,255);
    font-size: 10px;
	font-weight: bold;
    text-decoration: none;
}
th.menu-item {
    background: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
	border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    cursor: pointer;
    font-size: 10px;
	font-weight: bold;
    padding: 2px 8px;
    text-align: right;
}
td.menu-item-hi {
    background: rgb(242,242,242);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
	border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    cursor: pointer;
    font-size: 10px;
	font-weight: bold;
    padding: 2px 8px;
    text-align: left;
    white-space: nowrap;
}
td.menu-item-hi a, td.menu-item-hi a:link, td.menu-item-hi a:visited, td.menu-item-hi a:active, td.menu-item-hi a:hover {
    color: rgb(0,0,0);
    font-size: 10px;
	font-weight: bold;
    text-decoration: none;
}
th.menu-item-hi {
    background: rgb(242,242,242);
    border-bottom: 1px solid rgb(0,0,0);
	border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    cursor: pointer;
    font-size: 10px;
	font-weight: bold;
    padding: 2px 8px;
    text-align: left;
    white-space: nowrap;
    width: 10px;
}
td.menu-item-sel {
    background: rgb(204,204,204);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
	border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    cursor: pointer;
    font-size: 10px;
	font-weight: bold;
    padding: 2px 8px;
    text-align: left;
}
td.menu-item-sel a, td.menu-item-sel a:link, td.menu-item-sel a:visited, td.menu-item-sel a:active, td.menu-item-sel a:hover {
    color: rgb(255,255,255);
    font-size: 10px;
	font-weight: bold;
    text-decoration: none;
}
th.menu-item-sel {
    background: rgb(204,204,204);
    border-bottom: 1px solid rgb(0,0,0);
	border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    cursor: pointer;
    font-size: 10px;
	font-weight: bold;
    padding: 2px 8px;
    text-align: right;
}
td.menu-item-sel-hi {
    background: rgb(242,242,242);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
	border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    cursor: pointer;
    font-size: 10px;
	font-weight: bold;
    padding: 2px 8px;
    text-align: left;
    white-space: nowrap;
}
td.menu-item-sel-hi a, td.menu-item-sel-hi a:link, td.menu-item-sel-hi a:visited, td.menu-item-sel-hi a:active, td.menu-item-sel-hi a:hover {
    color: rgb(0,0,0);
    font-size: 10px;
	font-weight: bold;
    text-decoration: none;
}
th.menu-item-sel-hi {
    background: rgb(242,242,242);
    border-bottom: 1px solid rgb(0,0,0);
	border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    cursor: pointer;
    font-size: 10px;
	font-weight: bold;
    padding: 2px 8px;
    text-align: left;
    white-space: nowrap;
    width: 10px;
}
/* NORMAL */
a.menu-button {
    background: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    cursor: pointer;
    display: inline;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}
a.menu-button:hover {
    background: rgb(204,204,204);
    color: rgb(0,0,0);
}
a.menu-button img {
    background: url(res/menu-light.gif) no-repeat 50% 50%;
    border: 0;
    cursor: pointer;
    vertical-align: baseline;
}
a.menu-button:hover img {
    background: url(res/menu-dark.gif) no-repeat 50% 50%;
}
a.menu-button-selected {
    background: rgb(204,204,204);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    cursor: pointer;
    display: inline;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 2px 0;
    text-decoration: none;
    vertical-align: baseline;
    white-space: nowrap;
}
a.menu-button-selected:hover {
    background: rgb(204,204,204);
    color: rgb(0,0,0);
}
a.menu-button-selected img {
    background: url(res/menu-light.gif) no-repeat 50% 50%;
    border: 0;
    cursor: pointer;
    vertical-align: baseline;
}
a.menu-button-selected:hover img {
    background: url(res/menu-dark.gif) no-repeat 50% 50%;
}
/* PRIMARY */
a.primary-menu-button {
    background: rgb(110,110,110);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 3px 4px 3px 0;
    text-decoration: none;
    white-space: nowrap;
}
a.primary-menu-button:hover {
    background: rgb(204,204,204);
    color: rgb(0,0,0);
}
a.primary-menu-button img {
    background: url(res/menu-light.gif) no-repeat 50% 50%;
    border: 0;
    cursor: pointer;
    vertical-align: baseline;
}
a.primary-menu-button:hover img {
    background: url(res/menu-dark.gif) no-repeat 50% 50%;
}
a.primary-menu-button-selected {
    background: rgb(204,204,204);
    border-bottom: 1px solid rgb(0,0,0);
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 3px 4px 3px 0;
    text-decoration: none;
    white-space: nowrap;
}
a.primary-menu-button-selected:hover {
    color: rgb(0,0,0);
}
a.primary-menu-button-selected img {
    background: url(res/menu-light.gif) no-repeat 50% 50%;
    border: 0;
    cursor: pointer;
    vertical-align: baseline;
}
a.primary-menu-button-selected:hover img {
    background: url(res/menu-dark.gif) no-repeat 50% 50%;
}
/* SECONDARY */
a.secondary-menu-button {
    background: rgb(204,204,204);
    border-bottom: 0px;
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    cursor: pointer;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0 4px 0 0;
    text-decoration: none;
    white-space: nowrap;
}
a.secondary-menu-button:hover {
    background: rgb(204,204,204);
    color: rgb(13,56,138);
}
a.secondary-menu-button img {
    background: url(res/menu-dark.gif) no-repeat 50% 50%;
    border: 0;
    cursor: pointer;
    vertical-align: baseline;
}
a.secondary-menu-button-selected {
    background: rgb(204,204,204);
    border-bottom: 0px;
    border-left: 1px solid rgb(255,255,255);
    border-right: 1px solid rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
    color: rgb(0,0,0);
    cursor: pointer;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0 4px 0 0;
    text-decoration: none;
    white-space: nowrap;
}
a.secondary-menu-button-selected:hover {
    background: rgb(204,204,204);
    color: rgb(13,56,138);
}
a.secondary-menu-button-selected img {
    background: url(res/menu-dark.gif) no-repeat 50% 50%;
    border: 0;
    cursor: pointer;
    vertical-align: baseline;
}

/*
 * LINK BUTTON
 */
a.link-button, a.link-button:link, a.link-button:visited {
    color: rgb(0,102,153);
	font-weight: bold;
    text-decoration: underline;
}
a.link-button:active, a.link-button:hover {
    background: rgb(204,204,204);
	color: rgb(110,110,110);
    text-decoration: none;
}

/*
 * PAGINATION
 */
span.pagination {
    vertical-align: baseline;
    white-space: nowrap;
}
a.paginationPrev {
    vertical-align: middle;
}
a.paginationNext {
    vertical-align: middle;
}
img.paginationImg {
    vertical-align: middle;
}
select.paginationMenu {
    font-size: 10px;
    vertical-align: middle;
}

/*
 * ICON
 */
img.icon {
    vertical-align: middle;
}

/*
 * CONTENT
 */
div.supertext {
    font-size: 11px;
    font-weight: bold;
}
div.text {
    font-size: 11px;
    font-weight: normal;
}
div.subtext {
    font-size: 10px;
    font-weight: normal;
}
ol.list-ordered {
    margin: 0;
    padding: 0;
}
ul.list-ordered {
    margin: 0;
    padding: 0;
}
li.list-item {
    margin: 0;
    padding: 0;
}
span.strong {
    font-weight: bold;
}
span.emphasis {
    font-style: italic;
}
span.warning {
    color: #800000;
}
span.error {
    color: #800000;
    font-weight: bold;
}
span.status {
    color: #30b030;
}
span.info {
}