body {
    margin: 0px;
    border: none;
    padding: 0px;
    color: black;
    background: white;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 0.75em;
    font-weight: normal;
}

a {
    color: #1111ee;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

div#page {
    position: relative;
    width: 964px;
    padding: 0px;
    border: 1px solid #888;
    margin: 0px auto;
}

/************************* HEADER ***************************/
div#header {
    position: relative;
    padding: 0px;
    border: none;
    margin: 0px;
}

/*** LOGO ***/

div#logo {
    position: relative;
    height: 80px;
}

div#logo a {
    display: block;
    position: absolute;
    top: 29px;
    left: 20px;
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 2em;
}

/*** GLOBAL NAVIGATION ***/
div#globalnav {
    position: absolute;
    top: 6px;
    right: 20px;
}

div#globalnav ul {
    list-style: none;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

div#globalnav ul li {
    display: inline;
    margin: 0px;
    margin-left: 6px;
    border: 0px;
    border-left: 1px solid #888;
    padding: 0px;
    padding-left: 6px;
}

div#globalnav ul li.first-child {
    margin-left: 0px;
    border-left: none;
    padding-left: 0px;
}

div#globalnav a {
    color: #c44;
}

div#globalnav li.selected a {
    font-weight: bold;
}

/*** GLOBAL SEARCH ***/
div#globalsearch {
    position: absolute;
    top: 35px;
    right: 20px;
}

div#globalsearch label {
    display: none;
}

/*** TABS ***/
div#tabs {
    padding: 0px 20px;
    border-bottom: 1px solid #888;
    text-align: left;
}

div#tabs ul, div#footer ul {
    list-style: none;
    margin: 0px;
    border: 0px;
    padding: 2px 0px;
}

div#tabs ul li {
    display: inline;
    margin: 0px;
    margin-left: 2px;
}

div#tabs ul li a span {
    border: 1px solid #888;
    padding: 2px 6px;
    background: white;
    color: #666;
    font-weight: bold;
}

div#tabs ul li.first-child {
    margin-left: 0px;
}

div#tabs ul li.selected a span {
    border-bottom: 1px solid #d8e0ec;
    background: #d8e0ec;
    color: black;
}

div#tabs a:hover span {
    text-decoration: underline;
}

/*** SUBTABS ***/
div#subtabs {
    padding: 0px 20px;
    border-bottom: 1px solid #888;
    background-color: #d8e0ec;
    text-align: left;
    font-size: 0.9em;
}

div#subtabs ul {
    list-style: none;
    margin: 0px;
    border: 0px;
    padding: 3px 0px;
}

div#subtabs ul li {
    display: inline;
    margin: 0px;
    margin-left: 6px;
    border: 0px;
    border-left: 1px solid #888;
    padding: 0px;
    padding-left: 6px;
}

div#subtabs ul li.first-child {
    border-left: none;
    padding-left: 0px;
    margin-left: 0px;
}

div#subtabs a {
    color: black;
}

div#subtabs li.selected a {
    font-weight: bold;
}

/************************* BODY ***************************/

div#body {
    padding: 20px;
}

/************************* TITLE ***************************/

div#title {
    margin: 0px;
    background: #ffffe0;
    border: 1px dotted #cca;
    padding: 0 3px;
}

div#title div.qnavigation {
    float: right;
}

div#title div#breadcrumbs {
    padding-left: 1px;
}

div#title h1 {
    font-size: 2em;
    font-weight: bold;
    color: #e8542b; /*    color: #908FAA; */
/*    color: #E29B4F; */
    padding: 0px;
    border: 0px none;
    margin: 0px;
}

/************************* DETAILS ***************************/

div#details {
    margin-top: 30px;
}

/*** details ***/

div#details fieldset {
    border-top: 1px solid #bbb;
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
    padding-left: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

div#details fieldset.nolegend {
    border: 0px none;
}

div#details div.actions {
    border-top: 1px solid #abc;
    background: #f0f8ff;
    padding: 8px 0px 8px 293px;
    margin-top: 30px;
}

div#details fieldset legend {
    padding: .1em .3em;
    font-size: 1.2em;
    color: #333;
}

table.details {
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

table.details th {
    text-align: right;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

table.details th label, table.details th div.value {
    display: block;
    margin: 5px 5px 5px 0px;
}

table.details td {
    text-align: left;
    vertical-align: top;
    padding: 0px;
    margin: -1px;
    width: 630px;
}

table.details td div.value {
    display: block;
    margin: 5px 0px 5px 0px;
}

div.relgroup {
    margin-top: 20px;
    padding-top: 10px;
}

div.reltabs {
    padding: 0px;
    border-bottom: 1px solid #bbb;
    text-align: left;
}

div.reltabs ul {
    list-style: none;
    margin: 0px;
    border: 0px;
    padding: 2px 0px;
}

div.reltabs ul li {
    display: inline;
    margin: 0px;
    margin-left: 2px;
}

div.reltabs ul li a span {
    border: 1px solid #bbb;
    padding: 2px 6px;
    background: #eee;
    color: #666;
    font-weight: bold;
}

div.reltabs ul li.selected a span {
    border-bottom: 1px solid white;
    background: white;
    color: #444;
}

div.reltabs a:hover span {
    text-decoration: underline;
}

div.rel {
    border-bottom: 1px solid #bbb;
    padding: 10px 0px;
    display: none;
}

div.rel.selected {
    display: block;
}

ul.errors {
    display: inline;
    padding: 5px 0;
    border: 0 none;
    margin: 0;
}

ul.errors li {
    display: inline;
    margin: 0;
    padding: 0 0 0 16px;
    border: 0 none;
    color: red;
    font-weight: bold;
}

/*** summary ***/

table.summary {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

table.summary th {
    border-bottom: 1px #ccc solid;
    text-align: left;
    padding: 2px 6px 5px 0px;
}

table.summary th input {
    display: none;
    margin-left: 4px;
}

table.summary th.mouseOver input {
    display: inline;
}

table.summary td {
    border-bottom: 1px #ccc solid;
    padding: 5px 6px 5px 0px;
    margin: 0px;
    empty-cells: show;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

table.summary td.actions, table.summary th.actions {
    text-align: right;
    padding-right: 0px;
    width: 54px;
}

table.summary td.actions img, table.summary td.actions div.spacer {
    border: 0px none;
    margin: 0px 0px 0px 2px;
    padding: 0px;
    height: 16px;
    vertical-align: middle;
}

label.page_counter {
    display: none;
}

/*** formula_help ***/

table.formula_help {
    width: 100%;
    table-layout: fixed;
}

table.formula_help td {
    vertical-align: top;
}

/***************** SEARCH *******************/
div#search_container {
    width: 100%; /* redundant but required for IE6, otherwise search_form overlaps with footer */
    overflow: hidden;
}

div.search_form {
    float: right;
    width: 250px;
    height: 100%;
    background-color: #ffffe0;
    border-left: 1px solid #888;
    padding: 20px 20px 1020px 20px;
    margin-bottom: -1000px;
    overflow: hidden;
}

div.search_form ul {
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

div.search_form ul li {
    display: block;
    list-style: none;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border: 0px none;
    border-bottom: 1px solid #888;
}

div.search_form ul li.advanced-hide {
    display: none;
}

div.search_form fieldset {
    margin: 0px;
    padding: 0px;
    border: 0px none;
}

div.search_form legend.attr_name, div.search_form label.attr_name {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font-weight: bold;
    font-size: 1em;
}

div.search_form label.attr_name {
    display: block;
}

table.range {
    border-collapse: collapse;
}

table.range th {
    text-align: left;
    font-weight: normal;
}

label.match_mode, label.rel_name {
    display: none;
}

div#search_results {
    float: right;
    width: 633px;
    padding: 20px;
}

/*** FORMS ***/
em {
    font-weight: normal;
    font-style: italic;
    color: #666;
}

dim.emwf {
    font-size: 1.3em;
    font-weight: bold;
}

div.emwfaction {
    font-weight: bold;
}

ul.errorMessages {
    border: 1px dotted #c00;
    padding: 10px 3px;
    margin: 0 0 10px 0;
    background-color: #fff8f0;
    font-weight: normal;
    font-style: italic;
    list-style-type: none;
}

ul.warningMessages {
    border: 1px dotted #880;
    padding: 10px 3px;
    margin: 0 0 10px 0;
    background-color: #fffff0;
    font-weight: normal;
    font-style: italic;
    list-style-type: none;
}

ul.infoMessages {
    border: 1px dotted #0a0;
    padding: 10px 3px;
    margin: 0 0 10px 0;
    background-color: #f0fff0;
    font-weight: normal;
    font-style: italic;
    list-style-type: none;
}

div.inputdescription {
    font-weight: normal;
    font-style: italic;
}

input, textarea, button, select {
    font-family: Verdana, Arial, Sans-serif;
    font-size: 1em;
    vertical-align: middle;
}

input.submit, input.button, button {
    vertical-align: middle;
}

input.text, textarea {
    border: 1px solid #89a;
    padding: 2px 2px;
    margin: 2px;
}

input.text.focus, textarea.focus {
    border: 2px solid #89a;
    padding: 2px 2px;
    margin: 1px;
}

input.checkbox {
    margin: 5px 2px;
}

select {
    margin: 2px 2px;
/*    border: 2px solid #89a; */
    border: 1px solid #89a;

}

form.inline-form {
    display: inline;
}

form.inline-form div {
    display: inline;
}

span.required {
    color: #666;
}

div.objsetops {
    margin-top: 20px;
}

/************************* LOGIN ***************************/

div#login_panel {
    width: 20em;
    margin: 90px auto 100px auto;
    background: #ffe;
    border: 1px dotted #ccc;
    padding: 10px 20px 20px 20px;
}

div#login_panel table {
    width: 100%;
}

div#login_panel table thead th {
    text-align: left;
    font-size: 2em;
    font-weight: bold;
    color: #e8542b;
    padding: 10px 0px 30px 0px;
}

div#login_panel table tbody th {
    text-align: right;
}

/************************* SELF REGISTRATION ***************************/

div#reg_panel {
    width: 70em;
    margin: 90px auto 100px auto;
    background: #ffe;
    border: 1px dotted #ccc;
    padding: 10px 20px 20px 20px;
}

div#reg_panel table {
    width: 100%;
}

div#reg_panel table thead th {
    text-align: left;
    font-size: 2em;
    font-weight: bold;
    color: #e8542b;
    padding: 10px 0px 30px 0px;
}

div#reg_panel table tbody th {
    text-align: right;
}



/************************* FOOTER ***************************/
div#footer {
    clear: both;
    border-top: 1px solid #888;
    padding: 10px 0px;
    text-align: center;
    background: #d8e0ec;
}

div#footer ul {
    list-style: none;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

div#footer ul li {
    display: inline;
    margin: 0px;
    margin-left: 6px;
    border: 0px;
    border-left: 1px solid #888;
    padding: 0px;
    padding-left: 6px;
}

div#footer ul li.first-child {
    margin-left: 0px;
    border-left: none;
    padding-left: 0px;
}

div#shadow {
}

/************************* PORTLET REPORT ***************************/

div.prpt_drilldown label {
    display: none;
}

div.portal_column {
    float: left;
    width: 294px;
    margin: 0 0 0 21px;
}

div.portal_column.first-child {
    margin-left: 0;
}

div.prpt {
    border: 1px solid #888;
    width: 292px;
    float: left;
    margin: 20px 0px 0px 0px;
}

div.prpt.first-child {
    margin: 0px 0px 0px 0px;
}

table.prpt {
    border-collapse: collapse;
    margin: 0px 3px 15px 3px;
    width: 286px;
}

table.prpt caption {
    font-weight: bold;
    padding: 10px 0px 30px 0px;
}

table.prpt thead tr {
    background-color: #eceef0;
}

table.prpt thead th {
    font-weight: normal;
    font-style: italic;
    padding: 2px 3px;
    border-top: 1px solid #777788;
    border-bottom: 2px solid #777788;
}

table.prpt tbody tr.odd {
    background-color: #ece9d8;
}

table.prpt tbody tr.even {
    background-color: #fffdf0;
}

table.prpt tbody td {
    padding: 2px 3px;
    border-bottom: 1px solid #ada98e;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

/************************* HTML PORTLET REPORT ***************************/
div.htmlPortletReportTitle {
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 0px 30px 0px;
}

/* MISC */
img.calendar {
    border: 0px none;
    vertical-align: middle;
}

