body
{
background: #FFFFFF url('../images/body_bkgd.jpg') repeat-x fixed;
font-family: arial, tahoma, verdana, sans serif;
font-size: 80%;
margin: 0;
}

form
{
margin: 0;
}

.headlines
{
margin-left: -1em;
padding: 0.9em 23px;
background: #B9B056 url('../images/panel_bars/yellow.gif') repeat-x top left;
position: relative;
}

.content.home .headlines {	
margin-left: 0;
}

h1
{
margin: 0;
color: #003B74;
font-size: 130%;
display: inline;
}

h2
{
padding: 0.3em 0.3em 0.3em 0;
margin: 0;
color: #003B74;
font-size: 110%;
display: inline;
}


h3
{
padding: 0.3em 0.3em 0.3em 0;
margin: 0;
color: #003B74;
font-size: 110%;
}

h4
{
margin: 15px 0 0 0;
font-size: 100%;
color: #003B74;
}

.hotspot
{
margin-top: 8px;
cursor: pointer;
}

.hotspot:hover
{
color: #000000;
text-decoration: underline;
}

.clear {
	clear: both;
}

.toggle
{
    margin-bottom: 1.5em;
}

.headline h4
{
color: #000000;
margin-top: 8px;
cursor: auto;
}

.headline:hover
{
background-color: transparent;
}

h5
{
margin: 15px 0 0 0;
font-size: 100%;
color: #222222;
font-style: italic;
}

p
{
padding: 0;
margin: 0.5em 0;
}

a, .hotspotinv
{
color: #003B74;
text-decoration: underline;
}

a:hover, .hotspotinv:hover
{
text-decoration: none;
cursor: pointer;
}

ul
{
padding-left: 20px;
margin: 15px 0;
}

.container
{
min-height: 400px;
min-width: 969px;
position: absolute;
padding-right: 1px;
background: url('../images/container_edge.gif') no-repeat top right;
}

											/*	GLOBAL MENU START	*/
.header
{
display: block;
font-size: 93%;
color: #D6D6D6;
background: #025192 url('../images/header_bkgd.gif') repeat-x top left;
padding: 5px 20px 0 0;
margin: 0;
}



.header ul.global
{
text-align: right;
font-size: 100%;
position: relative;
}

.header ul.global li
{
border-left: 0;
padding: 0 0.75em;
}

.header ul.global li a
{
color: #FFF269;
}

.header ul
{
margin: 0;
padding: 4px 0 10px;
}

.header li
{
padding: 0 1em;
display: inline;
list-style-type: none;
margin: 0;
}

.header a
{
color: #D8E5F2;
text-decoration: none;
}

.header a:hover, .header a:focus
{
color: #FFFFFF;
text-decoration: underline;
background-color: transparent;
outline: 0;
}

											/*	GLOBAL MENU END		*/
											/*	TOP MENU START		*/


.top_menu
{
margin: 0 0 0 102px;
padding: 0;
border-bottom: 1px solid #BEB559;
position: relative;
}

.top_menu ul
{
margin: 0;
padding: 0;
overflow: hidden;
}

.top_menu li
{
float: left;
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
}

.top_menu li.active a
{
color: #000000;
padding: 10px 1.5em 8px;
border-bottom: 2px solid #BEB559;
background: #B9B056 url('../images/panel_bars/yellow.gif') repeat-x top left;
}

.top_menu a
{
font-size: 108%;
padding: 10px 1.5em;
display: block;
font-weight: bold;
color: #FFF269;
text-decoration: none;
}

.top_menu a:hover, .top_menu a:active, .top_menu a:focus
{
color: #FFFFFF;
text-decoration: none;
padding: 10px 1.5em 8px;
border-bottom: 2px solid #BEB559;
outline: 0;
}

.top_menu li.active a:hover
{
color: #000000;
}

											/*	TOP MENU END		*/
											/*	SUB MENU START		*/
.sub_menu
{
margin: 0 0 0 102px;
overflow: hidden;
}

.sub_menu a
{
float: left;
display: block;
padding: 10px 1.15em 1em;
color: #FFF269;
text-decoration: none;
}

.sub_menu a:hover, .sub_menu a:active, .sub_menu a:focus
{
padding: 8px 1.15em 0.9em;
border-top: 2px solid #EDEFBB;
color: #FFFFFF;
text-decoration: none;
background-color: transparent;
outline: 0;
}

.sub_menu a.active
{
color: #00335D;
background: #F6F8FA url('../images/sub_menu_bkgd_active.gif') repeat-x top left;
padding: 10px 1.15em 1em;
border: 0;
}
											/*	SUB MENU END		*/



.logo
{
position: absolute;
top: 0;
left: 0;
padding: 13px 23px 10px;
}

.content
{
zoom: 1;
background: #FFFFFF url('../images/content_bkgd.gif') repeat-x;
padding: 1em;
min-height: 220px;
min-width: 969px;
}

.content.home
{
padding: 1em 1em 1em 0;
width: 982px;
}

.content .body
{
padding: 10px;
width: 949px;
border-bottom: 0.08em solid #A6BDD2;
}

hr.divider
{
display: block;
margin: 20px 0;
*margin: 12px 0;
color: #A6BDD2;
height: 1px;
}

.login {
padding-top: 15px;
}


.colOne
{
float: left;
width: 360px;
margin-right: 20px;
}

.colTwo
{
float: left;
width: 180px;
margin-right: 20px;
}

.colThree
{
float: left;
width: 375px;
}

.links
{
margin: 1.5em;
padding-bottom: 1em;
text-align: center;
border-bottom: 1px solid #CCCCCC;
}

.links img
{
margin-right: 20px;
}

.links img.last
{
margin: 0;
}

.copyright, .small_note
{
text-align: right;
font-size: 90%;
color: #6797C2;
}
											/*	HOME START		*/
.welcome_column {
float: left;
width: 461px;
}

.welcome_container {
border-right: 1px solid #ABB8C6;
border-bottom: 1px solid #ABB8C6;
background: #E8EEF2;
margin-bottom: 0.5em;
}

.welcome_content {
background: #F8F9FB url(../images/welcome_content_bkgd.gif) repeat-x top left;
padding: 1em 2em;
}

.info_column {
float: left;
margin-left: 25px;
width: 230px;
}

.info_column h2 {
color: #FFFFFF;
font-size: 130%;
}

.info_column h3 {
position: relative;
color: #000000;
}

.info_column h4 {
position: relative;
font-weight: normal;
margin: 0;
}

.info_column .info_content {
background: #FFFFFF;
color: #333333;
border-width: 1px;
border-style: solid;
border-top-width: 0;
padding: 10px 15px;
margin-bottom: 20px;
}

.info_content_item {
padding-top: 10px;
margin-top: 15px;
border-top: 1px solid #CCCCCC;
}

.info_content_item:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0;
}

.info_content_item .with_image {
float: right;
width: 125px;
}

.info_column h3 a.pdf {
background: url(../images//icon_pdf.gif) no-repeat top left;
padding-left: 38px;
display: block;
min-height: 32px;
}

.info_column .red .headlines {
background: #79273B url(../images/panel_bars/red.gif) repeat-x top left;
}
.info_column .red .info_content {
border-color: #D4BDC3;
}
.info_column .red h4 {
color: #98465A;
}

.info_column .brown .headlines {
background: #7C4824 url(../images/panel_bars/brown.gif) repeat-x top left;
}
.info_column .brown .info_content {
border-color: #D5C6BC;
}
.info_column .brown h4 {
color: #8B5733;
}

.info_column .green .headlines {
background: #55742D url(../images/panel_bars/green.gif) repeat-x top left;
}
.info_column .green .info_content {
border-color: #CAD2BE;
}
.info_column .green h4 {
color: #69883F;
}

.info_column .turquoise .headlines {
background: #27795D url(../images/panel_bars/turquoise.gif) repeat-x top left;
}
.info_column .turquoise .info_content {
border-color: #BDD4CC;
}
.info_column .turquoise h4 {
color: #3C8E72;
}


.release_calendar {
background: url(../images/calendar_shadow.gif) no-repeat bottom center;
padding-bottom: 7px;
float: left;
margin-right: 12px;
}

.release_calendar .year {
background: #990000;
color: #FFFFFF;
font-weight: bold;
text-align: center;
padding: 2px 6px;
font-size: 93%;
}

.release_calendar .quarter {
background: #FFFFFF url(../images/calendar_bkgd.gif) repeat-x bottom left;
color: #000000;
font-weight: bold;
font-size: 167%;
text-align: center;
border: 1px solid #A0B4C8;
}

.release_date {
position: relative;	/* Peekaboo fix for IE6 */
}

											/*	HOME END		*/
											/*	INTERNAL COLUMNS START	*/
.menu_column
{
float: left;
width: 220px;
padding: 0;
margin-right: 20px;
border-bottom: 1px solid #A8B2D8;
}

.copy_column
{
float: left;
width: 690px;
padding-bottom: 30px;
}

.copy_column h4, .copy_column p, .copy_column table
{
margin: 15px 0 5px 10px;
}

.copy_column hr
{
width: 50%;
margin-top: 20px;
margin-bottom: 0;
}

.copy_column .fourth_level
{
margin: 0 0 0 20px;
}

.copy_column .fourth_level p
{
margin: 15px 0 5px 0;
}

											/*	INTERNAL COLUMNS END	*/
											/*	LEFT MENU		*/											
.menu_column a
{
text-decoration: none;
}

.menu_column a:hover
{
color: #000000;
}

ul.third_menu
{
font-weight: bold;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.third_menu li
{
padding: 3px 0;
}

ul.third_menu li.third_menu_active
{
font-weight: bold;
padding: 3px 0;
background: url('/images/menu_arrow.gif') no-repeat 7px 4px;
}

li.third_menu_active a
{
color: #000000;
}

ul.fourth_menu
{
font-weight: normal;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 95%;
}

ul.fourth_menu li
{
padding: 2px 9px 2px 20px;
}

ul.fourth_menu li.fourth_menu_active
{
font-weight: bold;
font-size: 100%;
padding: 2px 9px 2px 20px;
}

ul.fourth_menu li a
{
color: #003B74;
}

ul.fourth_menu li.fourth_menu_active a
{
color: #000000;
}


											/*	LEFT MENU END		*/
											/*	LOGIN START		*/
.login_box
{
background: #FFFFFF;
border: 0.08em solid #A6BDD2;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}

.login_box div
{
padding: 3px 0;
clear: both;
}

.login_box label
{
width: 6em;
float: left;
}

.login_box input
{
float: left;
}
											/*	LOGIN END		*/
											
form.quarterly .form_wrapper
{
padding: 0.7em 0.3em;
float: left;
}

form.quarterly .form_column_one
{
float: left;
padding: 0.3em 0.8em 0 0;
}

form.quarterly .form_column_two
{
float: left;
padding: 0.3em 0.8em;
border-left: 0.08em solid #A6BDD2;
border-right: 0.08em solid #A6BDD2;
}

form.quarterly .form_column_three
{
padding-right: 5px;
overflow: auto;
height: 9.5em;
width: 17em;
background: #FFFFFF;
border-right: 0.08em solid #6F94B7;
}

form.quarterly .box_border
{
background: #6F94B7 url('../images/box_border.gif') repeat-y;
padding: 0.08em 0;
}

form.quarterly .form_group
{
padding: 4px 5px;
border-top: 0.08em solid #A6BDD2;
}


form.quarterly .form_group:first-child
{
padding: 0 5px 4px 5px;
border-top: 0;
}

.em
{
padding: 0.3em 0;
font-style: italic;
display: block;
}

.form_subs
{
padding: 3px 10px;
float: left;
border: 0.08em solid #A6BDD2;
background: #F5F8FB url('../images/subs_form_bkgd.gif') repeat-x;
}

.form_subs h4
{
margin: 2px 0 -2px 0;
}

form.quarterly .subs_column_one
{
clear: both;
float: left;
}

form.quarterly .subs_column_two
{
float: left;
padding-left: 15px;
}

form.quarterly .subs_group
{
}

form.quarterly .subs_item
{
float: left;
padding-bottom: 0.5em;
}

form.quarterly .buttons
{
float: left;
}

form.quarterly .submitter
{
padding-top: 4.8em;
vertical-align: bottom;
padding-left: 0.4em;
}

form.quarterly .icons
{
margin-top: 1em;
padding-left: 0.4em;
height: 2em;
vertical-align: bottom;
}

.checkbox_aligner
{
width:8em;
float: left;
}

select
{
border: 0.08em solid #6F94B7;
}

select.right
{
text-align: right;
}

input.text
{
border: 0.08em solid #6F94B7;
}

input.button
{
background: #ECE26A url('../images/big_button.gif') repeat-x;
border: 0.08em solid #A6BDD2;
border-bottom: 0.08em solid #6F94B7;
border-right: 0.08em solid #6F94B7;
font-weight: bold;
font-size: 85%;
padding: 0.3em;
letter-spacing: 0.05em;
cursor: pointer;
}

#grey
{
font-weight: normal;
font-size: 85%;
margin: 3px 0;
width: 8.5em;
background: #CBCBCB url('../images/big_button_grey.gif') repeat-x;
}


input.button:hover, #grey:hover
{
background: #A6BDD2 url('../images/big_button_active.gif') repeat-x;
}


.form_tabs
{
position: relative;
top: -1.7em;
margin-bottom: -1.7em;
}

.form_tabs		/*	IE6 and IE7 only reads this (to cater for tab panel height discrepency)		*/
{
*top: -1.62em;
*margin-bottom: -1.62em;
}

.form_tabs .day_of_week
{ 
font-size: 0.95em;
text-transform: capitalize;
background: #EEF2F5;
cursor:pointer;
border: 0.08em solid #A6BDD2;
border-bottom: none;
padding: 0 15px;
height: 1.7em;
}

.form_tabs .day_of_week:hover
{
background: #CAD9E5;
}

.form_tabs .day_of_week_active
{
font-size: 0.95em;
text-transform: capitalize;
background: #FFFFFF;
cursor: pointer;
border: 0.08em solid #A6BDD2;
border-bottom:  medium solid #FFFFFF;
padding: 0 15px;
height: 1.7em;
font-weight: bold;
}

a.sml_button
{
background: #ECE26A url('../images/sml_button.gif') repeat-x;
border: 0.08em solid #A6BDD2;
border-bottom: 0.08em solid #6F94B7;
border-right: 0.08em solid #6F94B7;
font-size: 80%;
height: 17px;
padding: 1px 4px;
cursor: pointer;
text-decoration: none;
color: #000000;
}

a.sml_button:hover
{
background: #A6BDD2 url('../images/sml_button.gif') repeat-x left -17px;
}

a.sml_button img
{
vertical-align: middle;
}

.close
{
clear: both;
}

.results_area
{
clear: both;
padding: 0.4em 0.8em;
}

.table_buttons
{
padding-bottom: 5px;
float: right;
}


.data_table
{
clear: both;
padding: 0;
margin: 10px 0;
border-top: 0.08em solid #A6BDD2;
border-left: 0.08em solid #A6BDD2;
border-collapse: collapse;
empty-cells: show;
}

.data_table th
{
color:#003B74;
background: #EEF3F7;
padding: 0.3em;
border-right: 0.08em solid #A6BDD2;
border-bottom: 0.08em solid #A6BDD2;
background: #F4F7F9 url('../images/th_bkgd.gif') repeat-x;
}

.data_table td
{
padding: 0.3em;
border-right: 0.08em solid #A6BDD2;
border-bottom: 0.08em solid #A6BDD2;
}

.data_table td.num
{
text-align: right;
}

.station_menu_handle
{
    text-decoration: underline;
    color: #003B74;
    cursor: pointer;
}

.station_report_links
{
    background-color: white;
    color: #003B74;
}

.station_report_links_hidden
{
	background: #F4F7F9 url('../images/th_bkgd.gif') repeat-x;
    display: none;
    position: absolute;
    border: 1px solid #003B74;
    padding: 0.5em 0.8em;
    width: 12em;
}

.station_report_links a
{
    color: #003B74;
}

.columns_selector_hidden
{
    position:         absolute;
    visibility:       hidden;
    background-color: #fff;
    text-align:       left;
    width:            15em;
}

#popup_close
{
text-decoration: none;
float:right;
background: url('/images/close_button.gif') no-repeat;
width: 16px;
height: 15px;
}

#popup_close:hover
{
background: url('/images/close_button.gif') no-repeat left -15px;
}

#qtr_files_pdf, #qtr_files_xls {
	display: none;
	visibility: hidden;
}

#volumes_links, #volumes_unavailable {
	display: none;
	visibility: hidden;
}

.back_button
{
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 2px 22px;
	background: url('../images/back_icon.gif') no-repeat;
}

.back_button:hover
{
	background: url('../images/back_icon.gif') no-repeat left -100px;
}

.sort
{
	cursor: pointer;
}


.sort:hover
{
	
	border-right: 0.08em solid #3A6D9C;
	border-bottom: 0.08em solid #3A6D9C;
	background: #ECF1F5 url('../images/th_bkgd_active.gif') repeat-x;
}

.sort img
{
	margin-left: 0.6em;

}

.tool-tip
{
    width: 220px;
    padding: 0.5em;
    background-color: #ffff99;
    color: #000000;
    border: solid 1px #999999;
}

.quarter a {text-decoration: none;font-style: normal;}
.quarter a span {text-decoration: underline;}
.quarter a:hover span {text-decoration: none;}
.quarter img {vertical-align: middle;}
.quarter ul {margin: 0.6em 0 0 0;padding: 0;}
.quarter li {list-style-type: none;margin: 0.4em 0;font-style: italic;}

.station_list_and_buttons
{
clear: both;
}


.station_list
{
clear: both;
float: left;
height: 200px;
overflow: auto;
padding: 0 20px 0 5px;
border: 0.08em solid #6F94B7;
overflow-x: hidden;
}


.quarter_buttons
{
clear: both;
padding-top: 10px;
}

.quarter_buttons .button
{
margin: 0.2em 0;
width: 10em;
}

.complaints_area
{
	margin-top: 1.5em;
}

.complaint
{
	border-top: 1px solid #A6BDD2;
	padding: 1em 0 0;
	overflow: hidden;
}

.complaint img
{
	float: left;
	margin: 0.5em 2em 1em 0;
}


.contacts .business_card_column {
	color: #333333;
	float: left;
	width: 31%;
	margin: 1% 2% 0 0;
}
.contacts .business_card {
	margin: 0 0 1.25em 0;
	padding: 0.5em;
	position: relative;
}

.contacts .business_card.blue, .contacts .business_card.blue img {
	border: 1px solid #A1B5C9;
	background: #FFFFFF url(../images/contact_bkgds/blue.gif) repeat-x bottom left;
}
.contacts .business_card.red, .contacts .business_card.red img {
	border: 1px solid #DCA8A8;
	background: #FFFFFF url(../images/contact_bkgds/red.gif) repeat-x bottom left;
}
.contacts .business_card.grey, .contacts .business_card.grey img {
	border: 1px solid #AEAEAE;
	background: #FFFFFF url(../images/contact_bkgds/grey.gif) repeat-x bottom left;
}
.contacts .business_card.orange, .contacts .business_card.orange img {
	border: 1px solid #D7B996;
	background: #FFFFFF url(../images/contact_bkgds/orange.gif) repeat-x bottom left;
}
.contacts .business_card.green, .contacts .business_card.green img {
	border: 1px solid #A7CD79;
	background: #FFFFFF url(../images/contact_bkgds/green.gif) repeat-x bottom left;
}

.contacts h3 {
	clear: both;
	padding-bottom: 0;
}

.contacts .business_card_column h4 {
	margin: 1em 0 1.25em 0;
	padding: 0;
	font-size: 100%;
	border-bottom: 1px solid #000000;
	position: relative;
}

.contacts .business_card_column h4 span.centred {
	margin: 0;
	font-style: italic;
	position: absolute;
	top: -0.6em;
	width: 100%;
	text-align: center;
}

.contacts .business_card_column h4 span.centred span {
	background-color: #FFFFFF;
	padding: 0 1.5em;
}


.contacts .business_card_column h4.blue {
	border-bottom-color: #A1B5C9;
	color: #003C6E;
}
.contacts .business_card_column h4.red {
	border-bottom-color: #DCA8A8;
	color: #7F1515;
}
.contacts .business_card_column h4.grey {
	border-bottom-color: #AEAEAE;
	color: #3D3D3D;
}
.contacts .business_card_column h4.orange {
	border-bottom-color: #D7B996;
	color: #A8671A;
}
.contacts .business_card_column h4.green {
	border-bottom-color: #A7CD79;
	color: #498106;
}



.contacts .business_card h5 {
	margin: 0.5em 0 0 0;
	padding: 0;
	color: #333333;
	font-size: 123.1%;
	font-style: normal;
}

.contacts .business_card img {
	float: left;
	margin-right: 1.5em;
	position: relative;
}

/* This is the basis of making data tables scrollable with fixed headers.
 * Don't uncomment this though, because it doesn't work, changes colours, and
 * messes with the column headers. It needs much more work before it can be
 * used.
 *
 *
div.tableContainer {
border:1px solid #996633;
clear:both;
height:285px;
overflow:auto;
width:756px;
}
html > body div.tableContainer {
overflow:hidden;
width:756px;
}
div.tableContainer table {
float:left;
width:740px;
}
html > body div.tableContainer table {
width:756px;
}
thead.fixedHeader tr {
position:relative;
}
html > body thead.fixedHeader tr {
display:block;
}
thead.fixedHeader th {
background:#CC9966 none repeat scroll 0%;
border-left:1px solid #EEBB88;
border-right:1px solid #BB7744;
border-top:1px solid #EEBB88;
font-weight:normal;
padding:4px 3px;
text-align:left;
}
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
color:#FFFFFF;
display:block;
text-decoration:none;
width:100%;
}
thead.fixedHeader a:hover {
color:#FFFFFF;
display:block;
text-decoration:underline;
width:100%;
}
html > body tbody.scrollContent {
display:block;
height:262px;
overflow:auto;
width:100%;
}
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
background:#FFFFFF none repeat scroll 0%;
border-color:#DDDDDD rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color;
border-style:solid solid none none;
border-width:1px 1px medium medium;
padding:2px 3px 3px 4px;
}
tbody.scrollContent tr.alternateRow td {
background:#EEEEEE none repeat scroll 0%;
border-color:#DDDDDD rgb(204, 204, 204) -moz-use-text-color -moz-use-text-color;
border-style:solid solid none none;
border-width:1px 1px medium medium;
padding:2px 3px 3px 4px;
}
html > body thead.fixedHeader th {
width:200px;
}
html > body thead.fixedHeader th + th {
width:240px;
}
html > body thead.fixedHeader th + th + th {
width:316px;
}
html > body tbody.scrollContent td {
width:200px;
}
html > body tbody.scrollContent td + td {
width:240px;
}
html > body tbody.scrollContent td + td + td {
width:300px;
}
*/