/* 
CSS Document for Welsh Air Quality Archive
www.welshairquality.co.uk
AEA Energy & Environment
*/



/* = Redefine Tags
**************************************************** */

body {
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}


h2, 
h1 { /* Page Headings */
	font-size:150%;
	color:#3169A5;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:0px;
	letter-spacing:-1px;
}
h2 {
	font-size:130%;
	letter-spacing:normal;
}

h3 { /* Sub headings */
	font-size:110%;
	color:#3169A5;
	font-weight:normal;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0px;
}
h3.compact {
	margin-bottom:0px;
}
h3.background {
	background-color:#EEE;
	padding:5px;
}

p {
	line-height:130%;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}
p .rightimage{
	float:right; 
	padding:0  0 10px 10px;
}
table {
	border:0px;
}
td {
	margin:0px;
	padding:3px;	
}

label {
	display:block;
	width:200px;
	float:left;

}

/* = Main Layout
**************************************************** */
#wrapper { /* Switch this width to go from fixed to relative width */
	width:770px;
	width:99%;
}

#breadcrumb {
	color:#666666;
	text-align:right;
	padding-right:10px;
	background-image:url(../images/bg_breadcrumb.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:80%;
	padding-top:3px;
}

#nav {
	background-color:#777777;
	background-image:url(../images/bg_navigationbar.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:30px;
}
#header {
	position:relative;
}
#content_area {
	padding:10px;
	background-image:url(../images/bg_content_area.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#header_image_wrapper {
	background-color:#3769A6;
	background-color:#FFFFFF;
	background-image:url(../images/bg_header_montage.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:76px;
}

#footer {
	clear:both;
	margin-bottom:10px;
	position:relative;
	border-top:2px solid #0066CC;
	border-bottom:2px solid #0066CC;
	padding:5px 10px 5px 10px;
}
#footer_content {
	clear:both;
	text-align:center;
}
#footer_logos {
	height:48px;
	text-align:center;
}
#footer_logos img {
	margin-left:17px;
	margin-right:17px;
}
#wales_map_header {
	position:absolute;
	top:0px;
	left:5px;
	width:87px;
	height:103px;
	background-image:url(../images/wales_map_header.png) !important; 
	background-image:url(../images/wales_map_header.gif);
	background-repeat:no-repeat;
}
#site_title {
	position:absolute;
	top:17px;
	left:100px;
	width:226px;
	width:500px;
	height:35px;
	font-weight:bold;
	background-repeat:no-repeat;
}
#site_title h1 {
	font-weight:bold;
	font-size:170%;
	color:#3169A5;
	margin:0px;
	letter-spacing:normal;
	font-style:italic;
}
#site_title h2 {
	font-size:90%;
	color:#3169A5;
	margin:0px;
	font-weight:bold;
	letter-spacing:-0.2px;
	font-style:italic;
}	
/* Map
*********************************************** */
#google_map {
	width:320px;
	width:356px;
	border:2px solid #3169A5;
	height:400px;
	height:442px;
}

.column_one_366 {
	float:left;
	width:366px;
}
.column_two_366 {
	margin-left:376px;
	padding-right:10px;
}
* html .column_two_366 { /* Fix for IE's 3 pixel jog bug */
	float:left;
	margin-left:5px;
}
#nav_subsection {
	width:180px;
	float:left;
}
#content_subsection {
	margin-left:190px;
	padding-right:10px;

}

* html #content_subsection { /* Fix for IE's 3 pixel jog bug */
	float:left;
	margin-left:13px;
	height:auto !important;
	height:1px; /* Fix for IE5 not calculating the child div's widths correctly */
}

.col1 {
	float:left;
	width:48%;
}

.col2 {
	float:right;
	width:48%;
	margin-left:10px;
}

#thumbnails {
	margin-top:8px;
}
#thumbnails div {
	width:81px;
	float:left;
	font-size:90%;
}
#photo_title {
	font-weight:bold;
}
.below_map_area {
	margin-top:5px;
	border:1px solid #999999;
	width:357px;
	background-image:url(../images/bg_greyfade358.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
/* = Other Layout
**************************************************** */
#backtotop {
	text-align:right;
	margin-right:10px;
	clear:both;
	padding-top:10px;
}

#footer div {
	clear:both;
}	

.section_small {
	width:48%;
	margin-right:10px;
	border:1px solid #0066CC;
	float:left;
	background-image:url(../images/bg_box_title.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.section_large {
	width:356px;
	margin-right:10px;
	border:1px solid #0066CC;
	float:left;
	background-image:url(../images/bg_box_title.gif);
	background-position:top;
	background-repeat:repeat-x;
}

.section_small h3, 
.section_large h3 {
	display:block;
	line-height:140%;
	color:#FFFFFF;
	margin-top:4px;
	margin-bottom:10px;
}
.section_small div, 
.section_large div {
	margin:10px;
	margin-top:0px;
}
.ab_left {
	position:absolute;
	left:10px;
	top:10px;
}
.ab_right {
	position:absolute;
	right:10px;
	top:10px;
}

#footer_other_logos img {
	margin-left:50px;
}

#header li.li_lang_button {
	line-height:200%;
}

img,
#wales_map,
a {
	behavior: url(common/iepngfix.htc); 
}
#wales_map {
	width:356px;
	height:450px;
	height:442px;
	position:relative;
	border:1px solid #3169A5;
	margin-bottom:0px;
}

/*Classes for the different maps */
.map_default {
	background-image:url(../images/wales_map.gif?829);
	background-repeat:no-repeat;
}
.map_zoom1 {
	background-image:url(../images/wales_map_z01.gif?293);
	background-repeat:no-repeat;
}
.map_zoom2 {
	background-image:url(../images/wales_map_z02.gif?118);
	background-repeat:no-repeat;
}

/* = Useful
**************************************************** */
p.default {
	margin-bottom:0px;
}
.small, 
.SMALL_TEXT {
	font-size:85%;
}
.PROVISIONAL,
.RATIFIED,
.bold {
	font-weight:bold;
}
.PROVISIONAL, 
.red {
	color:#FF0000;
}
.orange {
	color:#FF8429;
}
.purple {
	color:#CC0099;
}
.RATIFIED,
.green {
	color:#009900;
}
.hide {
	display:none;
}
.clear {
	clear:both;
	visibility:hidden;
	height:1%;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.clearboth {
	clear:both;
}
.right {
	float:right;
}
.left {
	float:left;
}
.centertext {
	text-align:center;
}
.black {
	color:#000000;
}	
.padding {
	padding:10px;
}
.grey_dark {
	color:#555555;
}
.grey_light {
	color:#CCCCCC;
}
.dotted_line {
	clear:both;
	padding-top:10px;
	margin-bottom:10px;
	background-image:url(../images/dotted_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

.grey_info_box {
	background-color:#EEEEEE;
	padding:10px;
}

.border_info_box {
	border:1px solid #CCCCCC;
	padding:10px;
	line-height:normal;
}	

/* = Colours
**************************************************** */
.low,
.LOW,
.LOW_SMALL { 
	font-weight: bold; 
	color: #006600;
}
.moderate,
.MODERATE,
.MODERATE_SMALL	 { 
	font-weight: bold; 
	color: #FF8429;
}
.high,
.HIGH,
.HIGH_SMALL	 { 
	font-weight: bold; 
	color: #FF0000;
}
.very_high,
.VERY_HIGH,
.VERY_HIGH_SMALL { 
	font-weight: bold; 
	color: #CE007B;
}
.LOW_SMALL,
.MODERATE_SMALL,
.HIGH_SMALL,
.VERY_HIGH_SMALL { 
	font-weight: normal; 
	font-size:85%;
}
.images_display img {
	margin-right:10px;
}


.bg_low, .bg_moderate, .bg_no_data, .bg_high, .bg_very_high,
.bg_index1, .bg_index2, .bg_index3,
.bg_index4,.bg_index5,.bg_index6, 
.bg_index7,.bg_index8,.bg_index9, 
.bg_index10 {
	padding:2px 4px 2px 4px;
	font-weight:bold;
	color:#FFFFFF;
	border-radius: 2px;
}

td.b_index1, th.b_index1, .b_index1, td.bg_index1, .bg_index1 { background-color:#9CFF9C !important; color:#444; }
td.b_index2, th.b_index2, .b_index2, td.bg_index2, .bg_index2 { background-color:#31FF00 !important;color:#333;}
td.b_index3, th.b_index3, .b_index3, td.bg_index3, .bg_index3 { background-color:#31CF00 !important;color:#222;}
td.b_index4, th.b_index4, .b_index4, td.bg_index4, .bg_index4 { background-color:#FFFF00 !important;color:#666;}
td.b_index5, th.b_index5, .b_index5, td.bg_index5, .bg_index5 { background-color:#FFCF00 !important;color:#666;}
td.b_index6, th.b_index6, .b_index6, td.bg_index6, .bg_index6 { background-color:#FF9A00 !important;color:#222;}
td.b_index7, th.b_index7, .b_index7, td.bg_index7, .bg_index7 { background-color:#FF6464 !important;color:#000;}
td.b_index8, th.b_index8, .b_index8, td.bg_index8, .bg_index8 { background-color:#FF0000 !important;color:#080805;}
td.b_index9, th.b_index9, .b_index9, td.bg_index9, .bg_index9 { background-color:#990000 !important;color:#fff;}
td.b_index10, th.b_index10, .b_index10, td.bg_index10, .bg_index10 { background-color:#CE30FF !important;color:#FFF;}



/* = Lists
**************************************************** */
ul {
	margin-left:10px;
	margin-top:0px;
	padding:0px;
	list-style-type:none;
}
li {
	line-height:140%;
	background-image:url(../images/li_img.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:15px;
}

ul ul { /* Indented UL  */
	margin-bottom:10px;
}

ul ul li { /* Indented UL LI */
	list-style-type:circle;
	margin-left:30px;
	background-image:none;
	padding-left:0px;
}

#header ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:right;
	margin-right:10px;
}
#header li {
	color:#FFFFFF;
	color:#000000;
	font-size:80%;
	line-height:160%;
	background-image:none;
	padding-left:0px;
}

#nav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-left:100px;
	
}
#nav li {
	float:left;
	margin-right:30px;
	line-height:250%;
	font-weight:bold;
	font-size:90%;
	background-image:none;
	padding-left:0px;
}
#nav_subsection ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#nav_subsection li {
	border-top:1px solid #3169A5;
	text-indent:5px;
	background-image:none;
	padding-left:0px;
}
#nav_subsection li.last {
	border-bottom:1px solid #3169A5;
	background-image:none;
	padding-left:0px;
}

ul.nomargin {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.nomargin li {
	line-height:180%;
}
ul.primary li {
	background-image:none;
	padding-left:0px;
}
/* = Links
**************************************************** */
a:link, 
a:visited {
	color:#0066CC;
	text-decoration:underline;
}
a:hover, 
a:active {
	color:#990000;
}	


#header a:link, 
#header a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#header a:hover, 
#header a:active {
	color:#FFFF99;
}
#breadcrumb a:link, 
#breadcrumb a:visited {
	color:#666666;
	text-decoration:none;
}
#breadcrumb a:hover, 
#breadcrumb a:active {
	color:#111111;
	text-decoration:underline;
}
#nav a:link, 
#nav a:visited {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#nav a:hover, 
#nav a:active {
	color:#FFFF99;
}

#nav a#selected_section {
	color:#FFFF99;
}

#nav_subsection a:link, 
#nav_subsection a:visited {
	color:#3169A5;
	line-height:200%;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:100%;
}

.narrow_bar a:link,
.narrow_bar a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.narrow_bar a:hover,
.narrow_bar a:active {
	color:#FFFF99;

}

a#selected_subsection:link,
a#selected_subsection:visited,
a#selected_subsection:active,
a#selected_subsection:hover,
#nav_subsection a:hover, 
#nav_subsection a:active {
	display:block;
	width:100%;
	color:#990000;
	background-color:#F8F8F8;
	background-image:url(../images/bg_content_area.gif);
	background-position:bottom;
}



a.change_language:link, 
a.change_language:visited {
	font-weight:bold;
	padding:0px 1px 2px 30px;
	margin-top:2px;
	background-repeat:no-repeat;
	border:0px solid #FFF;
}
a.change_language:hover, 
a.change_language:active {
	font-weight:bold;
}

a#welsh_lang:link, 
a#welsh_lang:visited {
	color:#3169A5;
	background-image:url(../images/button_welshlanguage.gif);

}
a#english_lang:link, 
a#english_lang:visited {	
	color:#3169A5;
	background-image:url(../images/button_englishlanguage.gif);
}

a#english_lang:hover, 
a#english_lang:active, 
a#welsh_lang:hover, 
a#welsh_lang:active {
	color:#990000;
}

a.tab_link:link, 
a.tab_link:visited,
a.tab_link_double:link, 
a.tab_link_double:visited,
a.tab_link_single:link, 
a.tab_link_single:visited {
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	display:block;
}
a.tab_link_double {
	margin-top:4px;
}
a.tab_link_single {
	margin-top:9px;
}
a.tab_link_double:hover, 
a.tab_link_double:active,
a.tab_link_single:hover, 
a.tab_link_single:active,
a.tab_link:hover, 
a.tab_link:active{
	text-decoration:underline;
}

#selected_tab a {
	font-weight:bold;
}

/* Zoom Areas */
a.zoom_area1_link:link, 
a.zoom_area1_link:visited,
a.zoom_area2_link:link, 
a.zoom_area2_link:visited {
	cursor:hand; /* IE only */
	behavior: url(common/iepngfix.htc); /* IE only */
	border:1px solid #000099;
	display:block;
	width:62px;
	height:67px;
	background-image:url(../images/zoom_area.png); 
	background-repeat:no-repeat; 
	background-position:bottom right;
	position:absolute;
} 

a.zoom_area1_link:hover, 
a.zoom_area1_link:active,
a.zoom_area2_link:hover, 
a.zoom_area2_link:active {
	border-width:1px; 
	border-color:#000000;
} 

a.zoom_area1_link {
	top:344px;
	left:160px;
}
a.zoom_area2_link {
	top:355px;
	left:240px;
	height:70px;
	width:65px;
}

/*Zoom Return */
a.zoom_return,
a.zoom_returnw  {
	width:66px;
	height:83px;
	background-repeat:repeat-x;
	background-position:left;
	display:block;
	text-decoration:none;
}
a.zoom_return {
	background-image:url(../images/zoom_out.jpg);
}
a.zoom_returnw {
	background-image:url(../images/zoom_out_w.jpg);
}





/* = Tables
**************************************************** */
.table_data, 
.table_data_bold {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	font-size:100%;
	margin-bottom:10px;
}
.table_data th,
.table_data_bold th {
	text-align:left;
	background-color:#CCC;
	color:#000000;
	font-size:90%;
}
.table_data td,
.table_data_bold td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:90%;
	padding:5px;

}
.table_data th.centered {
	text-align:center;
}
.table_bottomborder td {
	border-bottom:1px solid #DDDDDD;
	padding-top:3px;
	padding-bottom:3px;
}

.table_bottomborder th {
	color:#000000;
	background-color:#EEEEEE;
	border-bottom:1px solid #DDDDDD;
	text-align:left;
}
.bordered_table {
	border-right:1px solid #DDDDDD;
}

.bordered_table td {
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}

.bordered_table td.dotted_bottom_border {
	border-bottom:none;
	border-bottom:1px dashed #555555;
}
.bordered_table td.no_bottom_border {
	border-bottom:none;
}

.shadedcell {
	background-color:#DDDDDD;
}

/* = Tabs
**************************************************** */
#selected_tab {
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
	background-image:url(../images/bg_tab_selected.gif);
	background-position:top;
	background-repeat:no-repeat;

}
.tab_long, 
.tab_medium {
	position:relative;
	bottom:-2px;
	width:90px;
	background-color:#F2F2F2;
	float:left;
	height:35px;
	text-align:center;
	margin-right:0px;
	font-size:90%;
	background-image:url(../images/bg_tab_unselected.gif);
	background-position:top;
	background-repeat:no-repeat;
}


.tab_long {
	width:130px;
}


.tab_long_wrapper,
.tab_medium_wrapper {
	background-image:url(../images/line_fade_600.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:375px;
	width:100%;
	height:38px;
	margin-bottom:20px;
	padding-left:0px;
}

.tab_long_wrapper {
	width:570px;

}


#loading_content_message {
	display:none;
	position:absolute;
	bottom:-25px;
	border:1px solid #000000;
	background-color:#EEEEEE;
	right:0px;
	font-weight:bold;
	padding:3px;
	background-image:url(../images/small_loading.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}

#tab_content {
	margin-top:30px;
}


/* = Info Boxes
**************************************************** */
.info_box_large,
.info_box,
.info_box_right {
	border:1px solid #3169A5;
	width:95%;
	margin-right:1%;
	float:left;
	margin-bottom:10px;
}
.info_box_large h3,
.info_box h3, 
.info_box_right h3 {
	margin:0px;
	padding:5px 0px 5px 10px;
	display:block;
	font-size:110%;
	color:#FFFFFF;
	background-image:url(../images/bg_info_box_h3.gif);
	background-repeat:repeat-x;
}
.info_box_right {
	margin-right:0;
}

/* --- */
.info_box_large {
	width:100%;
	margin-right:0;
}	



.grey_box {
	background-color:#f8f8f8;
}

.forecast_subset {
	border:1px solid #555555;
	background-color:#F8F8F8;
	width:80%;
}

.narrow_bar {
	background-color:#555;
	color:#FFF;
	font-weight:bold;
	text-align:right;
	font-size:85%;
	padding:2px;
	padding-right:5px;
}


.box_below_map {
	margin-top:5px;
	border:1px solid #999999;
	width:357px;
	background-image:url(../images/bg_greyfade358.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.valign {
	vertical-align:middle;
}
/* = FPC Index Summary
**************************************************** */
.index_summary_green,
.index_summary_orange,
.index_summary_red,
.index_summary_purple {
	color:#FFFFFF;
	font-weight:bold;
}

.index_summary_green { background-color:#009933; }
.index_summary_orange { background-color:#FFAE00; }
.index_summary_red { background-color:#FF0000; }
.index_summary_purple { background-color:#C90999; }

.index_summary_1 {	background-color:#9CFF9C; }
.index_summary_2 {	background-color:#31FF00; }
.index_summary_3 {	background-color:#31CF00; }
.index_summary_4 {	background-color:#FFFF00; }
.index_summary_5 {	background-color:#FFCF00; }
.index_summary_6 {	background-color:#FF9A00; }
.index_summary_7 {	background-color:#FF6464; }
.index_summary_8 {	background-color:#FF0000;color:#FFFFFF; }
.index_summary_9 {	background-color:#990000;color:#FFFFFF; }
.index_summary_10 {	background-color:#CE30FF;color:#FFFFFF; }

.index_table_summary td {
	border-left:2px solid #999999;
}
.index_table_summary {
	border:2px solid #999999;
	border-left:0px;
}
.index_banding_fade {
	height:4px;
	background-image:url(../images/colour_banding_fade.gif);
	width:390px;
	background-repeat:no-repeat;
	background-position:bottom left;
}
/* = 
**************************************************** */