body {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 10pt;
    font-weight      : normal;
    color            : #505050;
    background-color : #FFFFFF;
}

input {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 10pt;
    font-weight      : normal;
    color            : #505050;
}

select {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 10pt;
    font-weight      : normal;
    color            : #505050;
}

textarea {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 10pt;
    font-weight      : normal;
    color            : #505050;
}

h1 {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 18pt;
    font-weight      : bold;
    color            : #505050;
    margin-top       : 10px;
    margin-bottom    : 10px;
}

h2 {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 14pt;
    font-weight      : bold;
    color            : #505050;
    margin-top       : 10px;
    margin-bottom    : 10px;
}

h3 {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 12pt;
    font-weight      : bold;
    color            : #505050;
    margin-top       : 10px;
    margin-bottom    : 10px;
}

p {
    margin           : 4px 20px 16px 20px;
}

img {
    border           : none;
    vertical-align   : center;
}

table {
    border           : none;
    empty-cells      : show;
}

tr {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 10pt;
    font-weight      : normal;
    color            : #505050;
}

th {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 10pt;
    font-weight      : bold;
    color            : #404040;
    background-color : #E0E0E0;
    padding          : 4px 4px 6px 4px;
    vertical-align   : top;
    text-align       : left;
}

/* Note that <td> does not colour itself by default - must use specific class (unlike th)    */
/* This is because <td> is used within a <table> for generic layout as well as actual tables */

td {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 10pt;
    font-weight      : normal;
    color            : #505050;
    padding          : 1px 4px 1px 4px;
    vertical-align   : top;
    text-align       : left;
}

a, a:link {
    color            : blue;
    text-decoration  : none;
}

a:visited:hover, a:hover {
    color            : blue;
    text-decoration  : underline;
}

.hleft {
    text-align       : left;
}

.hcenter {
    text-align       : center;
}

.hright {
    text-align       : right;
}

.vtop {
    vertical-align   : top;
}

.vcenter{
    vertical-align   : middle;
}

.vbottom {
    vertical-align   : bottom;
}

.nowrap {
    white-space      : nowrap;
}

/* There should be a class for turning off individual bits of a cell border, but this fails */
/* for reasons unknown. So style attributes are used for adhoc border modifications on      */
/* table cells.                                                                             */


/* ------------------------------ nopad ------------------------------*/

.nopad {
    padding          : 0px;
}

/* ------------------------------ noleftpad ------------------------------*/

.noleftpad {
    padding-left     : 0px;
}

/* ------------------------------ navigation ------------------------------*/

body.navigation {
    background-color : #FCFCFC;
}

div.navigation {
    background-color : #FCFCFC;
}

/* ------------------------------ record ------------------------------*/

table.record {
    margin-right     : 40px;
    border-bottom    : 1px solid #D7D7D7;
    border-left      : 1px solid #D7D7D7;
}

font.record {
    font-family      : Arial,Helvetica,sans-serif;
    font-size        : 12pt;
    font-weight      : bold;
    color            : #505050;
    margin           : 0px 0px 3px 0px;
}

span.missing-resource-name {
    color            : #ff0000;
}

/* ------------------------------ form ------------------------------*/

table.form {
    border-bottom    : 1px solid #e0d060;
    border-left      : 1px solid #e0d060;
}

th.form {
    background-color : #f0bd6e;
    border-right     : 1px solid #e0d060;
    border-top       : 1px solid #e0d060;
}

td.form {
    color            : #505050;
    background-color : #ffed7e;
    border-right     : 1px solid #e0d060;
    border-top       : 1px solid #e0d060;
}

/* ------------------------------ row ------------------------------*/

table.row {
    border-bottom    : 1px solid #D7D7D7;
    border-left      : 1px solid #D7D7D7;
}

td.row {
    color            : #505050;
    background-color : #F0F0F0;
    border-right     : 1px solid #D7D7D7;
    border-top       : 1px solid #D7D7D7;
}

th.row {
    border-right     : 1px solid #D7D7D7;
    border-top       : 1px solid #D7D7D7;
}

/* ------------------------------ bordered ------------------------------*/

table.bordered {
    border           : 1px solid #D7D7D7;
}

/* ------------------------------ generic ------------------------------*/

td.generic {
    color            : #505050;
    background-color : #F0F0F0;
}

/* ------------------------------ helpicon ------------------------------*/

img.helpicon {
    vertical-align   : top;
    width            : 6px;
    padding          : 0px;
    margin           : 0px;
}

/* ------------------------------ miniform ----------------------------*/

table.miniform {
    border           : 1px solid #D7D7D7;
}

th.miniform {
    background-color : #E0E0E0;
    font-size        : 8pt;
    padding          : 3px;
}

td.miniform {
    font-size        : 8pt;
    padding          : 3px;
}

input.miniform {
    font-size        : 8pt;
}

select.miniform {
    font-size        : 8pt;
}


/* ------------------------------ menubar ----------------------------*/

table.menubar {
    background-color : #d1d3d4;
}

table.menubar a, table.menubar a:visited {
    color            : black;
    font-size        : 10px;
}

table.menubar a:hover, table.menubar a:visited:hover {
    color            : black;
    font-size        : 10px;
    text-decoration  : underline;
}

/* ------------------------------ header ----------------------------*/

body.header {
    margin           : 0px;
    padding          : 0px;
}