/* ========================================================================== */ /* ==== BASELINE ==== */ /* ========================================================================== */ /* Fonts */ /* Size may only be specified at the lowest block level element. */ body {font-family:verdana,sans-serif} h1 {font-size:1.5em;font-weight:bold;text-decoration:underline} h2 {font-size:1.0em;font-weight:bold;text-decoration:underline} h3 {font-size:0.8em;font-weight:bold;text-decoration:underline} h4 {font-size:0.8em;font-weight:normal;text-decoration:underline} p {font-size:0.8em} pre {font-size:0.8em} table {} td {font-family:verdana,sans-serif} th {font-family:verdana,sans-serif} th p {font-weight:bold} a {} img {vertical-align:text-top} textarea {font-size:0.8em;font-family:verdana,sans-serif} .inputField {font-size:1.0em;font-family:verdana,sans-serif} .inputTextarea {font-size:0.8em;font-family:verdana,sans-serif} /* Spacing */ /* Vertical spacing is ONLY achieved by padding-top. Margins should not be used. */ .first {padding-top:0} body {margin:0;padding:1em;border:none} h1 {margin:0;padding:0} h2 {margin:0;padding:3.0em 0 0 0} h3 {margin:0;padding:2.0em 0 0 0} h4 {margin:0;padding:1.5em 0 0 0} p {margin:0;padding:0.8em 0 0 0} pre {margin:0;padding:0.85em;white-space:pre-wrap;} /* Removed word-wrap:break-word as validator was failing */ ul {margin:0;padding:0 0 0 2em} ol {margin:0;padding:0 0 0 2em} li {margin:0;padding:0} table {margin:0;padding:0;border:none} th {margin:0;padding:0 0.2em 0.2em 0.2em;text-align:left;vertical-align:middle} td {margin:0;padding:0 0.2em 0.2em 0.2em;text-align:left;vertical-align:top} a img {margin:0;padding:0;border:none;text-decoration:none} textarea {margin:0;padding:0;width:100%} /* Screen Reader hints should be moved off-screen */ .accessibilityText {position:absolute;left:-2500px} .accessibilityShortcut {} .pageWarnings {margin:3em;background-color:red;color:white;padding:1em; text-align:center} .pageWarnings h2 {padding-top:0} .pageWarnings p {font-size:1em} /* ========================================================================== */ /* ==== TABLES ==== */ /* ========================================================================== */ /* Table Alignment */ /* All tables must be placed inside a DIV to constrain the table */ /* All tables must have cellspacing=0 */ /* TD and TH should be treated like DIV; they should always contain other block level elements. */ /* The DIV, TABLE, TH and TD elements must all have a class picked from layoutTable, tableLeft, tableCenter or tableFull */ /* You can force a normal looking table by wrapping the table in a DIV with class="containsAdhocTables" */ /* layoutTable */ div.layoutTable {width:100%} div.layoutTable>table {width:100%} div.layoutTable>table>tbody>tr>th {background-color:red;color:black} div.layoutTable>table>tbody>tr>td {padding:0} /* tableLeft */ div.tableLeft {width:100%;text-align:left} div.tableLeft>table {margin:0;padding:0} /* tableCenter */ div.tableCenter {width:100%;text-align:center} div.tableCenter>table {margin:0 auto 0 auto;padding:0} /* tableFull */ div.tableFull {width:100%} div.tableFull>table {width:100%;margin:0;padding:0} div.containsAdhocTables th {font-size:0.8em} div.containsAdhocTables td {font-size:0.8em} div.table {padding-top:0.8em} div.table>table>tbody>tr>th>p {padding-top:0} /* Done this way so layout tables pick up the default padding */ div.table>table>tbody>tr>td>p {padding-top:0} div.containsAdhocTables table>tbody>tr>th>p {padding-top:0} div.containsAdhocTables table>tbody>tr>td>p {padding-top:0} /* Colours and Borders*/ table {background-color:#dddddd;color:#000000;border:solid 1px #aaaaaa} table>tbody>tr>th {background-color:#eeeeee;color:inherit} table>tbody>tr>td {background-color:#ffffff;color:inherit} div.layoutTable>table {background-color:inherit;color:inherit;border:none} /* ========================================================================== */ /* ==== FRAMES ==== */ /* ========================================================================== */ /* Frames - graphical border around a div */ .frame {padding-top:1px} .frameInner {position:relative} /*;_height:0} /* The '_height' is an implementation of the Holly Hack neded to get position absolute working in IE6, see http://www.satzansatz.de/cssd/onhavinglayout.html */ /*.frameContent {zoom:1} /* This 'zoom' hack is needed to render the backgrounds colour in IE5.5, it doesn't affect other browsers */ .frameTop {position:absolute;top:-1px;right:0;width:100%;text-align:right} .frameRight {position:absolute;bottom:0;right:0;height:100%} .frameBottom {position:absolute;bottom:0;right:0;width:100%;text-align:right} .frameLeft {position:absolute;bottom:0;left:-1px;height:100%} .frameTopLeft {position:absolute;top:-1px;left:-1px} .frameTopRight {position:absolute;top:-1px;right:0} .frameBottomLeft {position:absolute;bottom:0;left:-1px} .frameBottomRight {position:absolute;bottom:0;right:0} /* Page Layout - min and max size */ body.layoutPage {padding:0;text-align:center} div.layoutPage {text-align:left;min-width:40em;max-width:60em;margin-left:auto;margin-right:auto} /* Content Layout - left, middle, right inside a div */ .layoutLeft {text-align:left;float:left} .layoutMiddle {text-align:center} .layoutRight {text-align:right;float:right} .layoutLeftInner {} .layoutMiddleInner {} .layoutRightInner {} /* Bound floats - this should never be styled with additional margins, padding or borders */ .floatContainer {overflow:hidden;width:100%} /* ========================================================================== */ /* ==== COMPONENT ==== */ /* ========================================================================== */ /* Component Colours */ body {background-color:#eeeeee;color:#000000} pre {background-color:#eeeeee;color:inherit} a {background-color:inherit;color:#0000ff} a:visited {background-color:inherit;color:#800080} .pageHeader {background-color:#fafafa;color:inherit} .pageMenu {background-color:inherit;color:inherit} .pageContent {background-color:#ffffff;color:inherit} .pageFooter {background-color:inherit;color:#888888} /* Component Spacing */ .pageHeaderWrapper {padding:0.5em 0.5em 0 0.5em} .pageMenuWrapper {padding:0.5em 0.5em 0 0.5em} .pageContentWrapper {padding:0 0.5em 0 0.5em} .pageFooterWrapper {padding:0 0.5em 1em 0.5em} /* Content Spacing and tweaks */ .pageHeader {} .pageHeader h2 {padding-top:0;padding-bottom:0;border:none;font-size:1.3em} .pageHeader .layoutLeft {padding:0 0.5em 0 0} .pageHeader .layoutMiddle {padding:0.5em 0.5em 0.2em 0.5em} .pageHeader .layoutRight {padding:0 0 0 0.5em} .pageMenu .layoutLeft {padding-left:10px} .pageMenu .layoutRight {padding-right:10px} .pageContent {padding:1em 1em 2em 1em} .pageFooter {text-align:center} .pageNav {} .pageBreadcrumbs {padding-top:0.15em} /* Heading decoration */ .pageContent h2 {background: url(images/head2.png) 0 2.2em repeat-x} .pageContent h3 {background: url(images/head3.png) 0 0.6em repeat-x} /* Decorative images */ .pageContent .imageRight {float:right;padding-left:0.5em} .pageContent .clearImage {clear:right} .pageContent li p {font-size:1em} .pageContent li {font-size:0.8em} .noJsWarning {background-color:red;color:white}