/**
 * Description					: Layout styles for standards-compliant browsers
 * Author								: Stephen Lewis (stephen@manifestnewmedia.co.uk)
 * Version							: 1.0
 * Date									: 19th March 2007
 */

* {margin : 0; padding : 0;}
abbr, acronym {border-bottom : 1px dotted #000;}
.hidden {display : none;}


/* =h*
 -------------------------------------------------------------*/
h1 {margin-bottom : 0.5em; padding-bottom : 1.5em; border-bottom : 1px solid #000;}
h2 {margin : 1.125em 0 0.125em;}
h3 {margin : 1.286em 0 0.286em;}
h4 {margin : 1.5em 0 0.25em;}


/* =p
 -------------------------------------------------------------*/
p {margin-bottom : 1.636em;}
p.date {margin-bottom : 0.8em; padding-bottom : 0.4em; border-bottom : 1px solid #000;}


/* =a
 -------------------------------------------------------------*/
a.ad {display : block; margin-bottom : 1.636em;}
a.action {display : block; padding-left : 10px;}


/* =img
 -------------------------------------------------------------*/
a img {border : none;}
img.figure {max-width : 410px; padding : 1px; border : 1px solid #000;}
img.figure-a {display : block; margin : 1.636em auto;}
img.figure-b {float : right; margin : 0.545em 0 0.636em 15px;}
img.figure-c {float : left; margin : 0.545em 15px 0.636em 0;}


/* =ul
 -------------------------------------------------------------*/
ul {margin-bottom : 1.636em; margin-left : 1.636em;}
ul li {margin-bottom : 0.636em;}


/* =ol
 -------------------------------------------------------------*/
ol {margin-bottom : 1.636em; margin-left : 2.182em;}
ol li {margin-bottom : 0.636em;}


/* =dl
 -------------------------------------------------------------*/
dl {margin-bottom : 1.636em; border-bottom : 1px solid #000;}

dl:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}

dt {clear : left; float : left; width : 130px; padding : 0.636em 30px 1em 0; border-top : 1px solid #000;}
dd {float : left; width : 240px; padding : 0.636em 0 1em; border-top : 1px solid #000;}


/* =blockquote / cite
 -------------------------------------------------------------*/
blockquote {padding-right : 24px;}
blockquote p:first-child:first-letter {padding-left : 24px;}
cite {display : block; margin : -0.8em 0 1.8em; padding : 0.8em 0; border-top : 1px solid #000; border-bottom : 1px solid #000;}


/* =clearfix
 -------------------------------------------------------------*/
.clearfix:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}


/* =form
 -------------------------------------------------------------*/
form {margin-bottom : 1.636em; padding : 10px; border : 1px solid #000;}
form div {padding : 0.636em 0; border-top : 1px solid #000;}

form div:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}

form div.submit_wrapper {padding : 1em 0 0; border-top : 2px solid #000;}
fieldset {margin-bottom : 1.636em; border : none;}
legend {margin-bottom : 0.5em;}

input[type="text"],
textarea,
select {float : left; width : 210px; padding : 2px 1px; border : 1px solid #000;}

input[type="submit"] {width : auto; margin-bottom : 0.636em; padding : 5px; border : 1px solid #000;}

label {
float : left;
position : relative;
width : 130px;
padding-right : 30px;
}

/* Mandatory */
label span.mandatory {position : absolute; right : 6px; top : 0;}

/* Advice */
span.advice {float : right; width : 218px; margin-top : 0.3em; font-size : 0.909em;}
div.submit_wrapper span.advice {float : none; display : block; width : auto;}

/* Errors */
span.field_error {display : block;}

/* Fieldset sub-groups */
fieldset.sub_group {float : right; width : 218px;}
fieldset.sub_group legend {display : none;}
fieldset.sub_group div {padding : 0; margin-bottom : 0.636em; border : none;}
fieldset.sub_group label {float : none; display : inline;}
fieldset.sub_group input {float : none; display : inline; margin-right : 0.636em;}

/* New styles created specifically for the Financial Review Form */
label.checkbox {
float : none;
width : auto;
padding-right : 0;
}

input.checkbox {vertical-align : text-bottom;}


/* =table
 -------------------------------------------------------------*/
table {width : 100%; margin-bottom : 0.636em; border-bottom : 1px solid #000; border-collapse : collapse;}
th, td {padding : 0.636em 5px;}
td {border-top : 1px solid #000;}
caption {margin-bottom : 1.636em;}


/* =wrapper
 -------------------------------------------------------------*/
#wrapper {width : 788px; margin : 0 auto;}


/* =nav_acc
 -------------------------------------------------------------*/
#nav_acc {position : absolute; left : -9999em; width : 20em;}


/* =nav_primary
 -------------------------------------------------------------*/
#nav_primary {float : left; width : 177px; margin-right : 14px; padding : 91px 0 1.636em;}
#nav_primary h4 {margin : 0; padding : 0.333em 9px;}
#nav_primary ul {margin : 0;}
#nav_primary li {margin : 0; padding-bottom : 1px;}
#nav_primary a {display : block; padding : 0.667em 9px;}
#nav_primary li.active {margin-top : -1px; padding-bottom : 0; border-top : 1px solid #000; border-bottom : 1px solid #000;}


/* =nav_secondary
 -------------------------------------------------------------*/
#nav_secondary p {float : left; margin-bottom : 0; padding : 0.333em 9px 0;}
#nav_secondary ul {float : right; margin : 0;}
#nav_secondary li {float : left; margin : 0;}
#nav_secondary a {display : block; padding : 0.4em 9px; border-left : 1px solid #000;}


/* =nav_tertiary
 -------------------------------------------------------------*/
#nav_tertiary {width : 100%; margin : 0.5em 0 0; border-bottom : 1px solid #000;}
#nav_tertiary li {float : left; margin : 0 20px;}
#nav_tertiary a {display : block; padding : 0.5em 0; border-bottom : 2px solid #000;}


/* =brand
 -------------------------------------------------------------*/
#brand {position : relative; padding-bottom : 29px; border-top : 17px solid #000;}
#brand h1 {margin : 10px 0 0 9px; padding : 0; border : none; width : 330px; height : 80px;}
#brand h1 a {display : block; width : 330px; height : 80px;}
#brand p {position : absolute; right : 16px; top : -46px; width : 198px; height : 160px; margin : 0;}


/* =content_primary
 -------------------------------------------------------------*/
#content_primary {float : left; width : 400px; padding : 1.636em 0;}


/* =content_secondary
 -------------------------------------------------------------*/
#content_secondary {float : right; width : 154px; margin-top : 2em; padding-left : 13px; padding-bottom : 1.636em;}
#content_secondary h4 {margin-top : 0;}

#content_secondary .nav_list {margin-bottom : 3.273em;}

#content_secondary dt, #content_secondary dd {float : none; width : auto; padding : 0; border : none;}
#content_secondary dt {clear : none; padding-top : 0.25em; border-top : 1px solid #000;}
#content_secondary dt:first-child {border-top : none;}
#content_secondary dd {margin-bottom : 0.636em;}

#content_secondary ul.plaudits {margin-bottom : 0.636em;}
#content_secondary .plaudits li {margin-bottom : 1em; padding-bottom : 0.636em; border-bottom : 1px solid #000;}
#content_secondary .plaudits cite {margin-bottom : 0; padding : 0; border : none;}

#content_secondary .content_block dl {margin : 0.3em 0 0; border-bottom : none;}
#content_secondary .content_block .plaudits {margin-top : 0.9em;}

#content_secondary h4,
#content_secondary dl,
#content_secondary ul.plaudits {margin-left : 10px;}


/* =nav_section
 -------------------------------------------------------------*/
#nav_section h4 {margin-bottom : 0.75em; margin-left : 0;}
#nav_section .nav_list {margin-bottom : 2em; padding-bottom : 24px;}


/* =supp
 -------------------------------------------------------------*/
#supp {padding : 1.636em 5px;}
#supp ul {margin-left : 0; padding-bottom : 1.636em; border-bottom : 1px solid #000;}
#supp li {display : inline; margin-right : 1.273em;}
p#copyright {float : left;}
p#credit {float : right;}
div#disclaimer {clear : both;}


/* =courtesy (contains print link and date-stamp, all generated by JS)
 -------------------------------------------------------------*/
div#courtesy {display : block; margin : -1em 0 1.636em; border-bottom : 1px solid #000;}
#courtesy a {float : left; padding : 1em 20px 1em 30px;}
#courtesy p {float : right; width : 200px; margin-bottom : 0; padding : 1em 0;}


/* =nav_list
 -------------------------------------------------------------*/
ul.nav_list {margin-left : 0;}
.nav_list a {display : block; padding-left : 10px;}


/* =plaudits
 -------------------------------------------------------------*/
ul.plaudits {margin-left : 0;}
.plaudits li {margin-bottom : 2.182em;}


/* =important_notice
 -------------------------------------------------------------*/
div.important_notice {margin-bottom : 1.636em; padding : 15px 15px 0; border : 1px solid #000;}
.important_notice h2 {margin-top : 0;}


/* =news_index
 -------------------------------------------------------------*/
ul.news_index {margin-left : 0;}
.news_index li {padding-bottom : 0.636em; border-bottom : 1px solid #000;}
.news_index p.date {margin-top : 0.8em; padding-top : 0.4em; border-top : 1px solid #000;}

/**
 * Styles copied from ContractorFinancials.com, so Mark
 * can simply copy-and-paste the HTML.
 */

.news_index p.date {
border-bottom : 1px solid #000;
margin-bottom : 0.7em;
padding-bottom : 0.5em;
padding-top : 0.5em;
}

.news_index p.figure {margin-bottom : 0;}

.news_index p.action a {
border-bottom : none;
display : block;
padding-left : 10px;
}


/* =home page variants
 -------------------------------------------------------------*/
body#home #content_secondary {width : 167px; padding-left : 0;}

/* content_block is used exclusively in the home page secondary content area */
div.content_block {margin-bottom : 1.636em; padding : 0 5px 1em; border : 1px solid #000;}
body#home .content_block h4 {margin : 0 -5px; padding : 0.25em 5px 0.333em;}


/* =calculator
 -------------------------------------------------------------*/
.calculator {display : none;}
.calculator.enabled {display : block;}
.calculator form {margin-bottom : 0;}
.calculator form div {border : none;}
.calculator fieldset {margin-bottom : 0;}
.calculator dl {padding : 0.636em 10px;}
.calculator dt, .calculator dd {border : none;}
.calculator dd {width : auto;}