/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    ian oxley
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
    margin: 0;
	padding: 0;
}
html, body {
    height:100%;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
    margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
    background:#F0EFEF url(../images/bg_body.gif) repeat-x;
    font: 62.5%/1.6 Verdana,Helvetica,Geneva,Arial,sans-serif;
}


/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
.shell a {
    color:#FE8B14;
    text-decoration:underline;
    font-weight:bolder;
}
a.view {
    /* TODO: get background image for view links */
}
#breadcrumbs {
    margin:0.5em 0 0 0;
    color:#999;
}
#breadcrumbs a {
    color:#333;
}
a abbr {
    border-bottom:none;
}


/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/




/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
.container {
    width:740px;
    margin:0 auto;
    background:#fff url(../images/bg_container.jpg) no-repeat fixed 80% 100%;
    min-height:100%;
    position:relative;
    padding:0 15px 0 15px;
    padding-bottom:4em;
}
#masthead {
    position:relative;
    min-height:201px; /* TODO: change to ems */
}
#banner {
    background:url(../images/bg_banner.gif) no-repeat;
    height:169px;
    position:relative;
}
#banner h1 {
    position:absolute;
    top:0;
    left:0;
    height:169px;
    margin:0;
}
#banner h1 a {
    display:block;
    height:169px;
    width:140px;
    text-indent:-999em;
}
#banner p {
    display:block;
    height:169px;
    background:url(../images/header1.jpg) no-repeat 146px 0;
    margin:0;
    padding:0;
    position:relative;
}
#banner p a {
    display:block;
    width:68px;
    height:100px;
    position:absolute;
    top:0;
    right:0;
    text-indent:-999em;
}
/* use different photos on each section for the banner */
body.about #banner p {
    background-image:url(../images/header_street.jpg);
}
body.reports #banner p {
    background-image:url(../images/header_mill_bridge.jpg);
}
body.research #banner p {
    background-image:url(../images/header_central_station.jpg);
}
body.indicators #banner p {
    background-image:url(../images/header_trans_bridge.jpg);
}
body.liveissues #banner p {
    background-image:url(../images/header_crowd.jpg);
}
body.contact #banner p {
    background-image:url(../images/header_sage.jpg);
}
#nav {
    margin-top:4px;
    min-height:29px;
    background:#FE8A14 url(../images/bg_nav.jpg) repeat-x 50% 0;
    overflow:hidden;
    line-height:2.3;
}
#menu {
    float:left;
    width:79%;
    margin:0;
}
#menu li {
    float:left;
    display:inline;
    padding:3px 0;
}
#menu li a {
    display:block;
    height:23px;
    border-right:1px solid #FEDD8C;
    padding:0 6px;
    color:#000;
    font-weight:bolder;
}
#menu li a.last {
    border:none;
}
#menu li a:hover {
    color:#FEDD8C;
}
#menu li a.selected {
    color:#fff;
}
/* set the selected menu item by applying the relevant class to the body tag */
body.home #menu #home, body.about #menu #about, body.reports #menu #reports, body.research #menu #research, body.indicators #menu #indicators, body.liveissues #menu #liveissues, body.contact #menu #contact {
    color:#fff;
}

#search {
    float:right;
    width:18.5%;
    overflow:hidden;
    padding:6px 0;
}
#search input {
    border:1px solid #000 !important;
    float:left;
    height:15px;
}
#search .keywords {
    width:108px;
    font-size:.9em;
    margin-right:3px;
}
/* TODO: fix rollover */
#search .submit {
    width:15px;
}    
#content {
    overflow:hidden;
}
#primaryContent {
    float:left;
    width:59%;
}
#sidebar {
    float:left;
    width:39%;
}
/* switch the widths on #primaryContent and #sidebar
for the research pages */
body.research #primaryContent {
    width:39%;
}
body.research #sidebar {
    width:59%;
}
#sidebar img {
    border:2px solid #FEB914;
}
body.about #sidebar img {
    margin-top:5em;
}
body.home #sidebar dl {
    margin:0 0 0.5em 0;
    margin-left:7px;
}
body.home #sidebar dt, body.home #sidebar dd {
    padding-left:12px;
}
body.home #sidebar dt {
    font-weight:bolder;
    font-size:1.1em;
    background:url(../images/bg_bullet.gif) no-repeat left 0.5em;
}
body.home #sidebar dd {
    background:url(../images/bg_dashed.gif) repeat-x left bottom;
    padding-bottom:1em;
    margin:0.5em 0;
}
body.home #sidebar h3 {
    font-size:1em;
    margin:0 0 0.2em 0;
    padding-top:0;
}
#sidebar h2 {
    margin-bottom:0.5em;
    padding-bottom:0;
}
.shell {
    margin:0;
    width:90%;
}
body#singleColLayout .shell {
    margin:0 auto;
    width:100%;
}
.shell h2 {
    background:url(../images/bg_arrows.gif) no-repeat 0 0.4em;
    color:#FE8A14;
    padding-left:19px;
    font-size:1.3em;
}
.shell p, .shell .columns {
    padding-left:19px;
    text-align:justify;
}
.shell ul {
    margin-left:19px;
    list-style:none;
}
.shell ul li {
    background:url(../images/bg_bullet.gif) no-repeat 0 0.6em;
    padding-left:13px;
}
.shell fieldset {
    padding-left:19px;
}
body#singleColLayout .shell p, body#singleColLayout .shell ul, body#singleColLayout .shell fieldset {
    padding-left:0;
}
body#singleColLayout .shell ul {
    margin-left:0;
}
#rcargContacts {
    float:left;
    width:100%;
}
#rcargContacts .shell {
    width:100%;
    margin:0 auto;
}
.data {
    border:1px solid #999;
    margin:1em 0;
}
.data .shell {
    width:94% !important;
    margin:0 auto;
}
.data h2 {
    background:#999 url(../images/bg_arrows_white.gif) no-repeat 0.41em 1em;
    color:#fff;
    padding:1% 3%;
    margin:0;
}
.data h3 {
    background:url(../images/bg_arrows.gif) no-repeat 0 0.45em;
    color:#FE8A14;
    margin-left:7px;
    margin-bottom:0.3em;
    padding-left:19px;
    font-size:1.3em;
}
.data fieldset {
    margin:0;
    padding:1em !important;
    overflow:hidden;
}
.data fieldset label {
    display:block;
    font-weight:bolder;
}
.data fieldset .leftCol {
    float:left;
    width:39%;
}
.leftCol input.search {
    width:100%;
}
.data fieldset .rightCol {
    float:right;
    width:auto;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
#currentIssue, #archivedIssue {
    overflow:hidden;
}
#liveIssueLinks {
    margin-top:1em !important;
    margin-bottom:1em;
}
#liveIssueLinks dt {
    font-weight:bolder;
    font-size:1.1em;
}
#liveIssueLinks li a {
    color:#333;
}
#liveIssueLinks li a:hover {
    color:#FEB914;
}
#comments {
    margin:1em 0;
}
#comments p {
    margin:0 !important;
    padding:0 1em !important;
}
#comments dl {
    margin:1em 0;
}
#comments dl dt, #comments dl dd {
    margin:0.3em 0;
}
#comments dl dt {
    font-weight:bolder;
    padding-top:1em;
}
#comments dl dd {
    border-bottom:1px dotted #ccc;
    padding-bottom:1em;
}
h2#archiveTitle {
    overflow:hidden;
}
h2#archiveTitle span {
    float:left;
    width:64%;
}
h2#archiveTitle a {
    float:right;
    width:34%;
    background:url(../images/bg_arrows.gif) no-repeat right 0.4em;
}
#briefingResults .datagrid td {
    vertical-align:top;
}
#briefingResults .datagrid td a, #briefingResults .datagrid td span {
    display:block;
    margin:0;
}
#briefingResults .datagrid td span {
    text-align:justify;
}
#researchReport dl {
    margin-left:19px;
    font-weight:bolder;
}
#researchReport dl dt {
    width:10em;
    line-height:2;
    font-weight:bolder;
}
#researchReport dl dd {
    margin-left:10em;
    margin-top:-1.7em;
}
.relatedLinks ul {
    margin:1em 0;
}
#newsletter {
    margin:1.5em 0 1em;
    padding-left:19px;
    background:url(../images/bg_arrows.gif) no-repeat left 0.9em;
}
#newsletter .shell h2 {
    background:url(../images/bg_newsletter_top.gif) no-repeat;
    color:#fff;
    overflow:hidden;
    margin-top:0;
    margin-bottom:0;
    padding:0.3em 0.6em;
}
#newsletter .shell p {
    background:url(../images/bg_newsletter_btm.gif) no-repeat left bottom;
    margin:0;
    padding:0.5em 0.7em 1.5em;
}
#newsletter .shell p a {
    color:#000;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
    width:100%;
    height:26px;
    position:relative;
    b/ottom:0;
    l/eft:0;
    /*margin-left:15px;
    margin-right:15px;*/
    overflow:hidden;
    margin-top:-26px;
}
#footer div {
    width:740px;
    height:26px;
    border-top:1px solid #A0A0A0;
    margin:0 auto;
    padding:7px 0 0 0;
    overflow:hidden;
}
#footer div a {
    color:#797979;
    text-decoration:none;
}
#footer div a:hover {
    text-decoration:underline;
}
#footer div span {
    float:left;
}
#footer div ul {
    float:right;
    list-style:none;
    margin:0;
}
#footer div ul li {
    float:left;
    display:inline;
}
#footer div ul li a {
    display:block;
    border-right:1px solid #797979;
    height:auto;
    padding:0 7px;
}
#footer div ul li a.last {
    border:none;
}
/* all long pages need extra padding so that the footer sits
below the page content */
/*body.about .container, body.research .container, body.indicators.extra .container {
    padding-bottom:36px;
}*/


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}
legend {
    display:none;
}
input:focus, textarea:focus, select:focus {
    background:#FEE7B1;
}
.inputList input, .inputList label {
    line-height:2;
    padding:0.5em;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
    border-spacing: 0;
	border-collapse: collapse;
}
caption {
    text-align:left;
    font-weight:bolder;
    display:none;
}
td {
    text-align: left;
	font-weight: normal;
}
td.centred, th.centred {
    text-align:center !important;
}
.datagrid {    
	border:none;
	border-collapse:collapse;
	white-space: normal;
	width: 99%;
}
.data .datagrid, #archive .datagrid {
    margin:0 auto 1em auto;
}
.datagrid th, .datagrid td {
    border:1px solid #fff;
    border-collapse:collapse;
}
.datagrid th {
	background:#999;
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	padding:8px;
	line-height:1.2em;
	text-align:left;
}
.datagrid th a {
	text-decoration:underline;
	color:#fff;
}

.datagrid td {
    padding:3px 8px;
	color:#333;
}
.datagrid td a {
    color:#333;
    text-decoration:underline;
}

.datagrid tr.a td {
	background:#e7e7e7 url(../images/td_seperator.gif) no-repeat 0 50%;
}
.datagrid tr.b td {
	background:#F2F1F1 url(../images/td_seperator.gif) no-repeat 0 50%;
}

.datagrid tr.a:hover, .datagrid tr.b:hover {
    background: #333;
    color:#fff;
}

.datagrid tr.a.total td, .datagrid tr.b.total td {
	font-weight: bolder;
}
.datagrid tr.paging td {
	background:#999;
	font-weight:bold;
	color:#f0f0f0;
	padding:3px;
	text-align:center;
	border:none;
}
.datagrid tr.paging td table {
    margin:0;
}
.datagrid .nodata td {
    background:#E7E7E7 !important;
    padding:10px 19px !important;
}
.datagrid td.comment strong, .datagrid td.comment span {
    display:block;
    width:60%;
}
/* #issueDownloads .datagrid {
    margin:0 !important;
    padding:0 !important;
} */



/* =Misc 1
-----------------------------------------------------------------------------*/
#sitemap li {
    background-position:0 0.5em;
    font-size:1.1em;
    margin:0.5em 0;
}
#sitemap ul li {
    background-position:0 50%;
}
.sliderIn {
    width:273px;
    height:177px;
    border:1px solid #FEB914;
}
body.research dl, body.research ul {
    margin-left:19px;
}
body.research dl dt {
    font-weight:bolder;
}
body.research dl dd {
    padding-bottom:1em;
}
body.research ul {
}
body.research ul li {
    background:none;
    padding-left:19px;
}

/* =Misc 2
-----------------------------------------------------------------------------*/
ul.vcards {
    overflow:hidden;
    padding-left:0;
}
ul.vcards li {
    float:left;
    width:339px;
    margin-left:0;
    background-position:0 1.5em;
}
ul.vcard {
    min-height:14em;
    margin-left:0;
}
ul.vcards li ul.vcard li {
    background-image:none;
    float:none;
    display:block;
    width:100%;
    border:none;
    margin-left:0;
    padding-left:0;
}
.vcard span.lbl {
    display:block;
    font-weight:bolder;
}
.vcard address {
    font-style:normal;
    margin:0;
}
.vcard address span, .columns span {
    display:block;
}
.vcard dt, .vcard dd {
    display:block;
    margin-left:0;
}
.vcard dt {
    font-weight:bolder;
}
#who dd, #where address {
    padding-bottom:1em;
}
.columns {
    overflow:hidden;
}
.columns .col {
    float:left;
    width:49.9%;
}
#indicatorOptions {
    background:#E7E7E7;
}
#indicatorOptions p {
    margin:0.5em 0;
    line-height:2;
}

.boxes {
    overflow:hidden;
}
.boxes span {
    float:left;
    background:#E7E7E7;
    padding:1em;
    border-right:2px solid #fff;
}
.boxes strong {
    color:#6B6B6B;
}
#graphType {
    clear:left;
}
#reportsHeading h2 {
    margin-bottom:0;
}
#viewOptions {
    overflow:hidden;
    line-height:2em;
}
#viewOptions #reportCategories {
    float:left;
    width:45%;
    padding-top:1em;
}
#viewOptions #reportOptions {
    float:right;
    width:auto;
}
#rprts {
    background:#E7E7E7 url(../images/bg_reports.gif) no-repeat left center;
    padding-left:20px;
}
#frmwks {
    background:#E7E7E7 url(../images/bg_eval.gif) no-repeat left center;
    padding-left:20px;
}
.lineChart, .barChart {
    display:block;
    height:350px;
    width:100%;
    padding-top:20px;
}
.inputList {
    display:block;
    column-count:3;
    -moz-column-count:3;
}
.inputList label {
    position:relative;
    top:-3px;
}