/**
*   ZERT Theme
*/
html, body {
height: 100%;
}
body {
margin: 0;
background: #111448 url(images/header_background.gif);
font: 90% Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, "Bitstream Vera Sans", sans-serif;
}
#background {
background: #3430a4 url(images/background.png);
}
#border-left {
position: relative;
top: 0;
left: 0;
z-index: 2;
background: url(images/border_left.gif) repeat-y fixed;
}
#border-right {
padding-top: 5.6em;
background: url(images/border_right.gif) repeat-y 100% 0 fixed;
text-align: center;
}
#page {
position: relative;
top: 5px;	/* Quick fix; see carbon totals */
left: 0;
width: 82%;
max-width: 76em;
min-width: 452px;
margin: auto;
border: 2px solid #5757a8;
border-top: none;
background: white url(images/container_shadow.png) repeat-x;
text-align: left;
}
#container {
float: right;
width: 100%;
margin-left: -21.1em;
padding: 1em 1.9em 1.5em 1.4em;
}
#main {
margin-left: 21.1em;
}
#bottom {
margin-top: 0.4em;
padding: 0.2em;
background: #e3e7f8 url(images/light_blue.jpg) fixed;
}
#bottom-inner {
border-top: solid 1px #b1bdde;
}
h1, h2 {
margin: 0 0 0.3em;
font-weight: normal;
color: #32356a;
}
h1 {
font-size: 1.7em;
}
#main h2 {
margin: 0.8em 0 0.5em;
font-size: 1.5em;
}
h2 a {
text-decoration: none;
}
#menus h2 {
font-size: 1.4em;
}
p, #rule {
margin: 0;
padding: 0 0 1.2em 0;
line-height: 1.4em;
}
blockquote {
margin: 0.5em 1em;
font-style: italic;
}
a {
font-weight: bold;
}
a:link, a:visited {
color: #5757a8;
}
a:hover, a:focus {
color: #7070eb;
}
ul li, ul.menu li, li.leaf {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
table {
border-collapse: collapse;
table-layout: fixed;
}
tbody, tr.odd, tr.even, tbody th {
border: none;
}
tr.odd {
background: #e3e7f8 url(images/light_blue.jpg) fixed;
}
tr.even {
background-color: white;
}
td, th, th span {
padding: 0.3em 0.5em;
text-align: left;
font-weight: normal;
}
.net, .net span {
font-weight: bold;
}
.form-text {
width: 100%;
}
.screen-read, #carbon-count h2 {  /* Do not display on screen but read with screen reader */
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
}
.clear {
clear: both;
}
/**
*   Header
*/
#header-space {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 5.6em;
}
#header-stripe {
position: absolute;
left: 0;
bottom: 29px;
width: 100%;
height: 29px;
background: url(images/background_stripe.png);
}
#header {
position: relative;
top: 5px;	/* Quick fix; see carbon totals */
left: 0;
width: 82%;
max-width: 76em;
min-width: 452px;
margin: auto;
border-left: 2px solid #1a1b64;
border-right: 2px solid #1a1b64;
background: #111448 url(images/header_background.gif);
text-align: right;
}
#title-image {
position: relative;
top: 0;
left: 0;
float: left;
width: 452px;
height: 52px;
}
#title-image img {
position: absolute;
left: -89px;
bottom: 0;
}
/*
*   Text size links
*/
#text-size {
margin: 0;
padding: 0.3em 0.5em;
}
#text-size li {
color: #4b4d72;
}
#big {
font-size: 1.35em;
}
#small {
font-size: 0.9em;
}
#text-size a {
font-weight: normal;
color: #dcdcdc;
text-decoration: none;
}
#text-size a:hover, #text-size a:focus {
color: white;
text-decoration: underline;
}
/*
*   Home page
*/
#coast {
max-width: 30em;
margin: -0.5em 0 0.9em;
text-align: center;
font-size: 1.3em;
}
#rule {
max-width: 40em;
margin-top: -0.8em;
text-align: center;
}
.big-text {
font-size: 1.3em;
}
/*
*   Page elements
*/
.divider {
clear: both;
height: 1.3em;
text-align: right;
}
.divider div {
width: 205px;
height: 3px;
margin-left: auto;
background: #b4afcd url(images/divider.png);
font-size: 0.1pt;  /* This stops IE from enlarging block to font-size. */
}
.tripstats, .trip-stats {
text-align: center;
}
.tripstats table, .trip-stats table {
width: 80%;
margin: 1.1em auto;
}
.tripstats th, .trip-stats th {
text-align: left;
}
.tripstats td, .trip-stats td {
text-align: right;
}
.indent {
margin: 0 0 0.9em 2em;
}
/**
*   Photos
*/
.photo, .photo-left, .photo-right {
margin: 1.1em;
}
.photo {
text-align: center;
}
.photo-left {
float: left;
}
.photo-right {
float: right;
}
.photo div, .photo-left div, .photo-right div {
font-size: 0.1pt;  /* This stops IE from enlarging block to font-size. */
}
.photo .container {
width: 331px;
margin: auto;
text-align: left;
}
.photo-left .container, .photo-right .container {
width: 149px;
}
.photo-left img, .photo-right img {
width: 144px;
}
/**
*   Menus
*/
#menus {
padding: 0.5em;
}
#menus .block {
width: 16.8em;
margin-bottom: 0.2em;
}
#menus .border-space {
margin-right: 5px;
padding: 0.3em;
background: #e3e7f8 url(images/light_blue.jpg) fixed;
}
#menus .border-space:hover {
background: #e8edfc url(images/light_blue_hover.jpg) fixed;
}
#menus .inner {
position: relative;
top: 0;
left: 0;
border: solid 1px #b1bdde;
padding: 0.8em 1.2em
}
ul.menu {
margin: 0;
padding: 0.4em 0 0.3em 31px;
}
.menu a {
text-decoration: none;
}
li a.active, li a.active:hover, li a.active:focus {
color: #b6b7cd;
}
#menu-the-trip .leaf {
list-style-image: url(images/icons/trimtab.gif);
}
#menu-the-trip .first {
list-style-image: url(images/icons/read.gif);
}
#menu-the-trip .last {
list-style-image: url(images/icons/panorama.gif);
}
#menu-next-steps .first {
list-style-image: url(images/icons/help.gif);
}
#menu-next-steps .last {
list-style-image: url(images/icons/download.gif);
}
#menu-around-and-about .leaf {
list-style-image: url(images/icons/about.gif);
}
#menu-around-and-about .first {
list-style-image: url(images/icons/home.gif);
}
#menu-around-and-about .last {
list-style-image: url(images/icons/map.gif);
}
[id="1"] .leaf {
list-style-image: url(images/icons/account.gif);
}
[id="1"] .first {
list-style-image: url(images/icons/trippers.gif);
}
[id="1"] .last {
list-style-image: url(images/icons/log_out.gif);
}
[id="1"] .expanded li {
list-style-image: none;
}
/**
*   Shadows
*/
.photo .container, .photo-left .container, .photo-right .container, #menus .block {
position: relative;
top: 0;
left: 0;
background: #b0b0c5 url(images/shadow_middle.png) 100% repeat-y;
}
.photo .top, .photo-left .top, .photo-right .top, #menus .top {
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 5px;
background-image: url(images/shadow_top.png);
font-size: 0.1pt;  /* This stops IE from enlarging block to font-size. */
}
.photo .bottom, .photo-left .bottom, .photo-right .bottom, #menus .bottom {
position: relative;
top: 0;
left: 0;
height: 5px;
background-image: url(images/shadow_bottom.png);
font-size: 0.1pt;  /* This stops IE from enlarging block to font-size. */
}
.photo .left, .photo-left .left, .photo-right .left, #menus .left {
position: absolute;
bottom: 0;
left: 0;
width: 5px;
height: 5px;
background-image: url(images/shadow_left.png);
}
.photo .right, .photo-left .right, .photo-right .right, #menus .right {
position: absolute;
bottom: 0;
right: 0;
width: 5px;
height: 5px;
background-image: url(images/shadow_right.png);
}
/**
*   Carbon totals
*/
#carbon-count {
position: absolute;
z-index: 3;
top: 8px;	/* Quick fix; need real solution */
left: 0;
width: 100%;
text-align: center;
}
#carbon-count .block {
position: relative;
top: 0;
left: 0;
width: 82%;
max-width: 76em;
min-width: 452px;
margin: auto;
}
#carbon-count .content {
position: absolute;
top: 0;
left: 83px;
right: 0;
text-align: right;
}
#carbon-count .shadow {
position: relative;
top: 0;
left: 0;
width: 32.4em;
height: 5.2em;
margin-left: auto;
background-image: url(images/carbon_shadow.png);
}
#carbon-count .border-space {
position: absolute;
bottom: 0.3em;
right: 0.3em;
background: #e3e7f8 url(images/light_blue.jpg) fixed;
}
#carbon-count table {
width: 31.7em;
margin: 0 0.35em 0.3em 0.3em;
border: solid 1px #b1bdde;
border-top: none;
}
#carbon-count .odd {
height: 2.9em;
background: transparent;
}
#carbon-count .even {
height: 1.8em;
}
#carbon-count th, td {
width: 4.8em;
padding: 0;
}
#carbon-count .net {
width: 6.2em;
}
#carbon-count span {
display: block;
}
#carbon-count .first {
width: 5.4em;
}
#carbon-count .last {
width: 5.7em;
}
#carbon-count .first span {
padding-left: 0.9em;
}
#carbon-count th span, #carbon-count td span {
padding: 0.3em;
}
#carbon-count td {
white-space: nowrap;
}
/**
*   Frames
*/
.frames {
background: white;
text-align: left;
overflow: hidden;
}
.top-links {
height: 17%;
overflow: auto;
}
.top-links div {
padding: 1em;
}
.top-links ul {
margin: 0 0 1em;
padding: 0;
}
iframe {
width: 100%;
height: 85%;
border: none;
border-top: solid;
}
/**
*   Panoramas
*/
#back-link {
position: fixed;
top: 0;
left: 0;
padding: 0.5em 1em;
background-color: white;
}
#panorama {
font-size: 0.1pt;
}