body {
    font: 75%/1.5em Tahoma, Verdana, Arial, sans-serif;
    background: #d7ebf9 url("../images/gbr_brand/body-bg2.jpg") 50% 0 repeat-x;
    margin: 0;
    padding: 0;
    color: #004a7b;
    text-align: center;
}

body.calculator {
    font: 75%/1.5em Tahoma, Verdana, Arial, sans-serif;
    background: #d7ebf9 url("../images/gbr_brand/body-bg2.jpg") 50% 0 repeat-x;
    margin: -20px auto 0 auto;
    padding: 0;
    color: #004a7b;
    text-align: center;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 10px 0;
    padding: 0;
}

h1 {
    font-size: 2em;
    color: #005d9a;
}

h2 {
    font-size: 1.7em;
    font-weight: normal;
    border-bottom: 1px solid #91d6f5;
    padding-bottom: 8px;
    color: #005d9a;
}

h3 {
    font-size: 1.2em;
    font-weight: normal;
    color: #005d9a;
}

h4 {
    font-size: 1.1em;
    color: #005d9a;
}

h5 {
    font-size: 1em;
    color: #005d9a;
}

h6 {
    font-size: 0.8em;
    color: #005d9a;
}

.inner h2 {
    font-size: 1.7em;
    font-weight: normal;
    border-bottom: 1px solid #91d6f5;
    padding-bottom: 8px;
    color: #005d9a;
}

#questionHeader {
    float: left;
    position: relative;
    width: 460px;
    background-color: #E3EFFF;
    padding: 3px;
    border: 1px solid #C6DDF4;
}

#questionHeader h4 {
    font-size: 0.8em;
    font-weight: bold;
    color: #005D9A;
}

#questionHeader strong {
    float: left;
    font-size: 0.8em;
    color: #000000;
}

#questionHeader .button {
    float: left;
}

.qhleft {
    float: left;
    position: relative;
    width: 250px;
    margin: 0 0 0 0;
}

.qhright {
    float: right;
    position: relative;
    width: 200px;
    margin: 0 0 0 0;
}

#questionnaire-container {
    float: left;
    width: 880px;
    margin: 0 2px 0 2px;
    padding: 2px;
}

#questionnaire-container li {
    list-style: none;
    margin-left: 0;
    padding-left: 1.6em;
    text-indent: -1em;
    font-weight: bold;
}

#questionnaire-container li div {
    font-weight: normal;
    font-size: 1em;
}

#questionnaire-container h2 {
    color: #000000;
    font-size: 1.5em;
    padding: 5px;
    margin: 0 0 0 5px;
}

#questionnaire-container .questionhd {
    color: #000000;
    font-size: 1.5em;
    padding: 5px;
    margin: 0 0 0 5px;
}

.questionhd {
    float: left;
    color: #000000;
    font-size: 1.5em;
    padding: 5px;
    margin: 0 0 0 5px;
}

#questionnaire-container .newasset {
    margin: 3px 0 0 0;
    padding: 3px;
}

#questionnaire-container .change {
    margin: 3px 5px 0 0;
    padding: 3px;
}

#updateQuestion, #skipQuestion {
    cursor: pointer;
}

#unitPresentationAbbreviation, #unitPresentationName {
    background-color: #E3EFFF;
}

.editorg {
    font-size: 1em;
    font-weight: bold;
    color: #006699;
}

.bracket {
    color: #000000;
    font-size: 1em;
    font-weight: normal;
}

#assetTypes-display .editorg {
    font-size: 1em;
    font-weight: normal;
    color: #006699;
}

.main-column .contentTitle {
    float: left;
    width: 600px;
    clear: both;
    margin: 30px 0 0 0;
    font-size: 1.6em;
    font-weight: normal;
    border-bottom: 1px solid #91d6f5;
    padding-bottom: 8px;
    color: #005d9a;
}

.content p {
    font-family: Verdana, Arial, sans-serif;
    color: #004a7b;
}

.content a {
    color: #777;
    text-decoration: none;
}

.content a:hover {
    text-decoration: underline;
}

.shadows {
    margin: 0 auto;
    text-align: left;
    width: 940px;
    padding: 0 29px;
}

#shadows {
    margin: 0 auto;
    text-align: left;
    width: 940px;
    padding: 0 29px;
}

/* IE 6 PNG FIX */
* html .shadows {
    behavior: url("iepngfix.htc");
}

.layout {
    background: #fff;
    width: 934px;
    height: 100%;
}

.page {
    float: left;
    background: #dcfbff url("../images/gbr_brand/page-bg.jpg") 100% 0 no-repeat;
    width: 934px;
}

.calculator .page {
    display: block;
    background: #ffffff;
}

/* IE 6 */
* html .page {
    height: 100%;
}

* html .calculator .page {
    height: 100%;
}

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

.header a {
    text-decoration: none;
}

.header a img {
    border:  none;
}

#headerlinks {
    float: right;
    position: absolute;
    width: 250px;
    margin: 45px 10px 0 730px;
    height: 15px;
}

#headerlinks a {
    color: #222;
    text-decoration: none;
    margin: 0 0 0 10px;
}

#headerlinks a:hover {
    color: #222;
    text-decoration: underline;
}

#headerlinks #changePassword {
    font-size: 11px;
    float: left;
}

img.gbrmpa_crest {
    float: left;
    width:  136px;
    margin: 8px 0 0 19px;
}

img.logo {
    float: left;
    width: 235px;
    margin: 8px 0 0 19px;
}

ul.navigation {
    float: left;
    background: url("../images/gbr_brand/nav-bg-01.gif") repeat-x;
    margin: 10px 0 0 0;
    width: 920px;
    list-style: none;
    margin-left: 0;
}

.navigation li a {
    display: block;
    float: left;
    color: #fff !important;
    font: 1.2em Tahoma, Arial, sans-serif !important;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 10px;
    border-right: 1px solid #006c93;
}

.navigation li a:hover, .navigation li a.current {
    background: transparent url("../images/gbr_brand/nav-bg-02.gif") repeat-x;
}

.banner-images {
    float: right;
    width: 920px;
    text-align: right;
    margin: 10px 10px 0 0;
}

.banner-images img {
    border: 3px solid #fff;
    margin: 0 0 0 6px;
    padding: 0;
}

.clear {
    clear: both;
}

.content {
    display: block;
    min-height: 500px;
    width: 920px;
}



/* IE 6 */
* html .content {
    height: 500px;
}

.left-column {
    float: left;
    width: 210px; /*padding:10px;*/
    margin-top: 30px;
    overflow: hidden;
    text-align: center;
}

.main-column {
    float: left;
    width: 670px;
    padding: 0 0 20px 25px;
    margin-top: 30px;
    overflow: hidden;
}

.about-main-column {
    float: left;
    width: 670px;
    padding: 0 0 20px 25px;
    margin-top: 30px;
    overflow: hidden;
}

.about-main-column p {
    padding-bottom: 10px;
    margin: 0;
}
.content .about-main-column ul, .content .main-column ul {
    padding-bottom: 1em;
}


/* homepage main-column is narrower to allow for right-column */
.homepage .left-column {
    width: 0px;
    display: none;
}

.homepage .main-column {
    width: 620px;
    padding: 0;
    margin-left: 20px;
}

.right-column {
    width: 236px;
    float: right;
    margin: 50px 10px 0 0;
}

#authBox {
    background: transparent url("../images/gbr_brand/cal-feature-bg.jpg") repeat-y;
    border: 2px solid #fff;
    width: 212px;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
}

#authBox div {
    text-align: left;
}

#forgotPasswordPrompt {
    text-align: left;
}

#forgotPasswordPrompt p {
    margin-bottom: 0;
}

#loginForm p {
    margin: 0;
}

#login .login_message {
    font-family: Verdana, Arial, sans-serif;
    color: #000000;
}

.calculator-box p {
}

.signin {
    border-collapse: collapse;
    margin-bottom: 10px;
}

.signin td {
    padding: 4px;
}

.signin p {
    color: #000;
    font: bold 0.9em Tahoma, sans-serif;
    margin: 0;
}

a.accountbutton {
    float: left;
    background: transparent url("../images/gbr_brand/new-acc-bg.png") no-repeat 0 0;
    margin: 0 0 0 0;
    width: 215px;
    height: 52px;
    text-indent: -999999px;
}

.accountbutton:hover {
    background-position: 0 -52px;
}

div.account-btn a:link {
    display: block;
    background: transparent url("../images/gbr_brand/new-acc-bg.png") no-repeat 0 0;
    margin: 0 0 0 0;
    width: 215px;
    height: 52px;
    text-indent: -999999px;
}

div.account-btn a:hover {
    background-position: 0 -52px;
}

#hmcharts {
    float: left;
    margin-top: 1em;
    margin-bottom: 1em;
}

.hmchart1 {
    float: left;
    margin: 10px 5px 0 0;
}

.hmchart2 {
    float: right;
    margin: 10px 0 0 0;
}

.footer {
    float: left;
    width: 904px;
    height: 20px;
    padding: 7px 15px;

}

.footer img {
    border:  none;
}

.footer p {
    margin: 0;
    color: #34a4b4;
    font-size: 0.9em;
}

.footer a {
    margin: 0;
    color: #006C92;
    text-decoration: none;
}

.footer a:hover {
    margin: 0;
    color: #006C92;
    text-decoration: underline;
}

.footer-left {
    float: left;
}

.footer-right {
    float: right;
}

.footer-centre {
    float: right;
    padding-right: 270px;
}


/* CALCULATOR STYLES */
.calculator .page {
    background: #dcfbff url("../images/gbr_brand/page-bg-cal.jpg") 100% 0 no-repeat;
}

.calculator .banner-images, .calculator .left-column {
    display: none;
}

.calculator .main-column {
    float: none;
    width: auto;
    padding: 28px 15px 0 15px;
    overflow: hidden;
}

/* Register form */
.register-form {
    float: left;
    background: #c9e7f7;
    width: 660px;
    margin: 10px 0 0 0;
    padding: 0;
    border: 2px solid #fff;
    font-family: Verdana, sans-serif;
}

.register-form fieldset {
    border: none;
    padding: 15px;
}

.register-form label {
    font-weight: bold;
    font-size: 1.2em;
}

.register-form .dialog label {
    clear: both;
    display: block;
    float: left;
    width: 150px;
    font-weight: normal;
}

fieldset.changePassword {
    width: 300px;
}

.register-form h2 {
    padding: 10px 0 3px 0;
    font-size: 1.4em;
    border-bottom: 1px solid #82aacb;
}

.register-form p {
    margin: 10px 0;
    padding: 0;
    font-size: 0.8em;
}

#newOrganisationInputs input {
    width: 270px;
}

div.register-button {
    background: #00a4D9;
    float: left;
    padding: 8px;
    color: #ffffff;
    font-weight: bold;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    margin: 0 0 0 150px;
}

div.register-button:hover {
    background: #00c4eb;
    float: left;
    padding: 8px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    margin: 0 0 0 150px;
}

#createOrganisation {
}

#createOrganisation label {
    font-weight: bold;
    font-size: 1.2em;
}

#createOrganisation p label {
    clear: both;
    display: block;
    float: left;
    width: 150px;
    font-weight: normal;
}

#createOrganisation .mceLayout {
    clear: both;
}

#createOrganisation .mceEditor {
    width: 400px;
}

#createOrganisation .mceEditor table {
    width: 400px !important;
}

#createOrganisation .mceEditor table table {
    width: auto !important;
}

/* Organisation form */
#organisation-update-form {
    background: #C9E7F7;
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    padding: 5px;
}

#organisation-update-form fieldset {
    border: none;
    padding: 15px;
}

#organisation-update-form label {
    font-weight: bold;
    font-size: 1.0em;
    text-align: right;
    float: right;
}

#organisation-update-form #remindMeLabel {
    float: left;
}

#organisation-update-form p {
    margin: 10px 0;
    padding: 0;
    font-size: 0.8em;
}

#organisation-update-form input.update {
    width: 100px;
    margin-left: 200px;
}

#organisation-update-form input {
    width: 240px;
    float: left;
}

#organisation-update-form td.name {
    width: 140px;
    padding: 5px;
}

#organisation-update-form td.value {
    padding: 5px;
}

#organisation-update-form a {
    font-size: 1.0em;
    color: #005D9A;
}

.formsubmit {
    background-color: #9ED1EF;
}

/*Inclusion of new floating DIV for Terms and Conditions*/
#termsConditionsContainer {
    float: left;
    display: inline;
    width: 600px;
    background: #fff;
    padding: 10px;
}

/* organisation toggle elements */
#forceNewOrg, #terms {
    display: none;
}

.showButtonCursor {
    cursor: pointer;
}

/* Date picker */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../images/gbr_brand/calendar.png) no-repeat;
}

a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}

/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied {
    width: 140px;
    float: left;
}

/* Error text from jQuery */
label.error {
    background-color: white;
    color: red;
    width: auto !important;
    border: 1px solid red;
    padding-left: 1em;
    padding-right: 1em;
    margin-right: 14em;
    float: none !important;
}

#forgotPassword a {
    color: #006699;
    text-decoration: none;
}

#forgotPassword a:hover {
    color: #006699;
    text-decoration: underline;
}

a.logout {
    color: #006699;
    text-decoration: none;
}

a:hover.logout {
    color: #006699;
    text-decoration: underline;
}

h1.contentTitle {
}

#newsFeed {
    float: left;
    width: 217px;
    margin: 10px 0 0 0;
    padding: 10px;
    border: none;
    background: #effdfe;
}

#newsFeed .contentTitle {
    width: 207px;
    clear: both;
    margin: 0 0 0 0;
    font-size: 1.6em;
    font-weight: normal;
    background: #ccedf7;
    padding: 5px;
    color: #076786;
}

#newsFeed h2 {
    color: #076786;
    margin: 10px 0 0 0;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 10px;
    border: none;
}

#newsFeed p {
    color: #333;
    line-height: 140%;
    margin: -5px 0 0 0;
    padding: 0;
}

.contentBody {
    float: left;
    margin: 0;
}

.contentBody img {
    float: left;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

/* feedback form */
#feedbackForm {
    clear: both;
}

.feedbackPage .contentBody {
    clear: both;
}

#thankyou {
    float: left;
    display: inline;
    width: 934px;
    background: #ffffff;
    height: 40px;
}

#thankyou h1 {
    margin: 10px 0 0 10px;
}

#thankyou p {
    margin: 10px 0 0 10px;
}