/*
	screen.css: 		MODERN BROWSER (v6+) SCREEN
	------------
	Job:			United Utilites - Stakeholder Report 2008
	Produced by:		jim.savage@mandogroup.com
	Start date:		28/04/2008
	Comments:		Created with CSSEdit. http://macrabbit.com/cssedit/ 
	------------
	COLOUR SPEC:
	body grey:		373737
	blue:			f009d
	green:			61bf1a

*/

/* @group setup */

body {
	background: url(/_common/img/tile.gif) repeat-x;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1em;
	font-family: Helvetica,Arial;
}

h2, h3, p{
	padding: 0;
	margin:  0;
}

.x {
	position: absolute;
	visibility: hidden;
}

/* @group performance */

body.Performance .title{	
	font-weight: bold;
	color: #00a9e5;
}

/* @end */

/* @group environment */

body.Environment .title{	
	font-weight: bold;
	color: #b1be2d;
}

/* @end */

/* @group society */

body.Society .title{	
	font-weight: bold;
	color: #f8981d;
}

/* @end */

/* @end */

/* @group structure */

div#wrap {
	width: 55em; /*880px*/
	margin: 0 auto;
}

/* @group header */

div#header {
	background: url(/_common/img/headerpattern.gif) center 0 no-repeat;
	height:  4.25em;
}

/*div#header h1 { 
	display: block;
	float: left;	
	text-indent: -99999px;
	width: 122px;
	height: 41px;
	padding: 14px 0 0 0; 
	margin: 0; 
	background: url(/_common/img/logo_trans.gif) no-repeat 0 14px; 
}
*/
.logo {
	float:left;
	margin:1em 0 0 0;
	}
.logo span {
	display:none;
	}
.logo img {
	width:122px; border:0;
	}
div#header h1 a { 
	width: 122px;
	height: 41px;
	text-decoration: none; 
}
div#header div#hRight{
	float: right;
	text-align: right;
	padding-top: .2em;
}

.textOnly{
	padding: .2em 0 .2em 0;
	margin: 0;
	font-size: .9em;
	color: #758181;
}

form.search{
	clear:both;
	float:left;
	margin: 0;
	padding: 0;
	padding-top: .2em;
}

form.search input.searchsubmit{
	font-size: 1em;
	width: 5em;
	height: 1.63em;
	vertical-align: middle;
}

input.searchquery{
	border: 1px solid #9d9d9d;
	height: 1.5em;
	margin: 0 .5em;
	vertical-align: middle;
	width: 15em;
}

form.search input{
	margin: 0;
	padding: 0;
}

form.search p label{
	visibility: hidden;
	font-size: .8em;
	color: #5d6766;
}

/* @end */

/* @group nav & corners */

div#nav{
	background: #5d6766 url(/_common/img/navTile.gif) repeat-x;
	margin-bottom: 1.25em;
	font-size: .8em;
}

div#nav .top {
 	background:url(/_common/img/nav-box-right-top.gif) no-repeat 100% 0;
 	width:100%;
 	height:7px;
 	overflow:hidden;
}

div#nav .top span {
 	float:left;
 	width:7px;
 	height:7px;
 	overflow:hidden;
 	background:url(/_common/img/nav-box-left-top.gif) no-repeat;
}

div#nav .btm {
 	background:url(/_common/img/nav-box-right-bottom.gif) no-repeat 100% 0;
 	width:100%;
 	height:8px;
 	overflow:hidden;
}

div#nav .btm span {
 	float:left;
 	width:8px;
 	height:8px;
 	overflow:hidden;
 	background:url(/_common/img/nav-box-left-bottom.gif) no-repeat 100% 0;
}

div#nav ul{
	margin: 0;
	padding: 0 0 0 .2em;
	list-style-type: none;
}

div#nav ul li{
	padding: 0 0 0 .6em;
	display:inline;
}

/* @end */

/* @group home */

div#noFlash{
	float: left;
	width: 35.38em;
	height: 19.31em;
	border-right: #61bf1a solid 0.63em;
}

div#rightColumn, div#feedBack{
	float:  right;
	width: 17.9em;
	height: auto;
	padding: 0;
	margin:  0;
}

div#rightColumn p, div#rightColumn a, div#feedBack p, div#feedBack a{
	font-size: 0.75em;
	padding: 0;
	margin:  0;
}

div#rightColumn a, div#feedBack a{
	display:  block;
	margin-bottom: 0.63em;
	text-decoration: none;
	font-weight: bold;
}

.feedBackShade {
	display: block;
	background: url(/_common/img/shadeBack.gif) no-repeat 0 bottom;
	padding-left: 0.63em;
}

div#feedBack{
	background: url(/_common/img/shadeBackEdge.gif) no-repeat 0 center;
	padding-left: 0.75em;	
	width: 18em;
	overflow: hidden;
}


div#boxes{
	clear:  both;
	width: 54.35em;
	border-top: #fff solid 1.25em;
	padding-left: 0.65em;
}

.homeBoxes{
	float: left;
	width: 17.06em;
	background: #5d6766 url(/_common/img/box-tile.gif) repeat-x 0 5.06em;
	margin-right: 1.25em;
	color: #fff;
}

.homeBoxes span.box1, .homeBoxes span.box2, .homeBoxes span.box3{
	display: block;
	padding: 0.94em;
	padding-top: 0;
}

.homeBoxes span.box1{
	background: url(/_common/img/box1-link.gif) no-repeat 13.7em 1.94em;
}

.homeBoxes span.box2{
	background: url(/_common/img/box2-link.gif) no-repeat 13.7em 1.94em;
}

.homeBoxes span.box3{
	background: url(/_common/img/box3-link.gif) no-repeat 13.7em 1.94em;
}

.homeBoxes span a{
	display: block;
 	width: 13em;
 	font-size: .9em;
 	padding-top: 2.5em;
}

.lastBox{
	margin-right:  0;
}

.homeBoxes img.boxPic, .lastBox img.boxPic{
	width: 17.06em;
	height: 4.94em;
	border-bottom: #e3e3e3 solid 1px;
}

.homeBoxes .btm1, .homeBoxes .btm2, .homeBoxes .btm3 {
	width: 100%;
 	height: 0.63em;
}

.homeBoxes .btm1{
	background: #00a9e5 url(/_common/img/box-right-bottom.gif) no-repeat bottom right;
}

.homeBoxes .btm2{
	background: #b1be2d url(/_common/img/box-right-bottom.gif) no-repeat bottom right;
}

.homeBoxes .btm3{
	background: #f8981d url(/_common/img/box-right-bottom.gif) no-repeat bottom right;
}

.homeBoxes .btm1 span, .homeBoxes .btm2 span, .homeBoxes .btm3 span {
 	float:left;
 	width: 5px;
 	height:0.63em;
 	background: url(/_common/img/box-left-bottom.gif) no-repeat bottom left;

}

/* @end */

/* @group content */

div#con_leftCol {
	float: left;
	width: 22.5em;
	font-size: 0.8em;
}

div#con_leftCol ul.subMenu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-bottom: 3em;
}

div#con_leftCol ul.subMenu li{
	padding: 0.63em 0 0.63em 1em;
	border-top: #dddfdf solid 1px;
}

div#con_leftCol ul.subMenu li a{
	display: block;
}

div#con_leftCol ul.subMenu li.first{
	border-top: 0;
}

div#con_leftCol ul.subMenu li.dropDown.first{
	border-top: #dddfdf solid 1px;
}

div#con_leftCol ul.subMenu li.first.last{
	border-top: #dddfdf solid 1px;
}

div#con_leftCol ul.subMenu li.dropDown{
	margin-left: 2em;
}


div#con_rightCol {
	float: right;
	width: 34.8em;
	border-left: #5d6766 dotted 1px;
	padding: 0 0 0 1em;
}

div#con_rightCol div#content img{
	/*padding: 0 0.63em 0.63em 0;*/
	float: left;
	display: block;
/*	width: 21.09em;
	height: 18.75em;*/
	padding: 0 1.5em 1.5em 0;
}

div#con_rightCol div#content .signature{
	float: left;
	width: 100%;
}

/* apply style to dl because there is a missing "content" div in the search results  */
div#con_rightCol div#content, div#con_rightCol dl{
 font-size: .8em;
}

div#con_rightCol div#content p{
 padding: 0 0 1em 0;
}

div#con_leftCol .cases{
	margin-top: 1em;
}

div#con_rightCol .articleList{
	margin-top: 1em;
}

div#con_rightCol div#content .articleList p{
 	padding: 0;
}

/* tables for performace summary  */
div#con_rightCol div#tableBlue{
	font-size: 0.8em;
	border-left: #00a9e5 solid 1px;
}

div#con_rightCol div#tableBlueUU{
	font-size: 0.8em;
	border-left: #2602a0 solid 1px;
}

div#con_rightCol div#tableGreen{
	font-size: 0.8em;
	border-left: #b1be2d solid 1px;
}

div#con_rightCol div#tableOrange{
	font-size: 0.8em;
	border-left: #f8981d solid 1px;
}

div#con_rightCol div#tableBlue .corner{
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: -1px;
	margin-top: -1px;
	background: url(/_common/img/cornerBlue.gif) no-repeat;
	position: absolute;
}

div#con_rightCol div#tableGreen .corner{
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: -1px;
	margin-top: -1px;
	background: url(/_common/img/cornerGreen.gif) no-repeat;
	position: absolute;
}

div#con_rightCol div#tableOrange .corner{
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: -1px;
	margin-top: -1px;
	background: url(/_common/img/cornerOrange.gif) no-repeat;
	position: absolute;
}

div#con_rightCol div#tableBlueUU .corner{
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: -1px;
	margin-top: -1px;
	background: url(/_common/img/cornerBlueUU.gif) no-repeat;
	position: absolute;
}

div#con_rightCol div#tableBlue .topBorder{
	float: right;
	display: block;
	width: 100%;
	border-top: #00a9e5 solid 1px;
}

div#con_rightCol div#tableGreen .topBorder{
	float: right;
	display: block;
	width: 100%;
	border-top: #b1be2d solid 1px;
}

div#con_rightCol div#tableOrange .topBorder{
	float: right;
	display: block;
	width: 100%;
	border-top: #f8981d solid 1px;
}

div#con_rightCol div#tableBlueUU .topBorder{
	float: right;
	display: block;
	width: 100%;
	border-top: #2602a0 solid 1px;
}

div#con_rightCol table caption{
	padding: 0;
	margin: 0;
	visibility: hidden;
}

div#con_rightCol table{
	margin-left: 1em;
}

div#con_rightCol table th{
	text-align: left;
	vertical-align: top;
}

div#con_rightCol table td{
	border-bottom: #ccc solid 1px;
}
/* line up coloumns */
div#con_rightCol table td.col1{
	width: 32em;
}

div#con_rightCol table td.col2{
	width: 8em;
}

div#con_rightCol table .last td{
	border-bottom: 0;
	padding-bottom: 1em;
}

div#con_rightCol span.notes{
	display: block;
	margin-left: 1em;
	margin-top: 1em;
	font-size: 0.8em;
}

/* @end */

/* @group downloads */

div#downloads{
	padding: .8em;
	margin: 1em 0 1em 0;
	border: #95a5a3 solid 1px;
	background:url(/_common/img/downloadsTile.gif) repeat-x;
	font-size: .8em;
}

div#downloads a:link, div#downloads a:visited{
	color: #61bf1a;
	text-decoration: underline;
}

div#downloads a:hover{
	color: #1f009d;
	text-decoration: underline;
}

.title{
	font-weight: bold;
	color: #61bf1a;
}

div#downloads ul{
	padding: 0;
	margin:  0;
	list-style: none;
}

div#downloads li{
	border-bottom: #dddfdf solid 1px;
	padding-left: 2em;
	padding-top: .5em;
	padding-bottom: .5em;
	color: #777777;
}

div#downloads .dDate{
	color: #95a5a3;
}

div#downloads span.div{
	color: #95a5a3;
}

/* @end */

/* @group year */

div.year{
	padding: .8em;
	margin: 1em 0 1em 0;
	border: #95a5a3 solid 1px;
	background:url(/_common/img/downloadsTile.gif) repeat-x;
}

div.year a:link, div.year a:visited{
	color: #61bf1a;
	text-decoration: underline;
}

div.year a:hover{
	color: #1f009d;
	text-decoration: underline;
}

div.year ul{
	padding: 0;
	margin:  0;
	list-style: none;
}

div.year li{
	border-bottom: #dddfdf solid 1px;
	padding-left: 2em;
	padding-top: .5em;
	padding-bottom: .5em;
	color: #777777;
}

div.year .dDate{
	color: #95a5a3;
}

div.year span.div{
	color: #95a5a3;
}

/* @end */

/* @group footer */
div#footerwrap {clear:both; border-top:10px solid #fff; }
div#footer{
	padding: .75em 0 1.25em 0;
	border-top: #dddfdf solid 1px;
}
div#footer ul{
	float: left;
	margin: 0;
	padding: 0 0 0 .2em;
	list-style-type: none;
}

div#footer ul li{
	padding: 0 0.6em 0 0.9em;
	display:inline;
	font-size: .75em;
	border-left: #8e9295 solid 1px;
}

div#footer ul li.first{
	padding: 0 0.6em 0 0;
	border-left: 0;
}

.copyTextFooter{
	float: left;
	width: auto;
	font-size: .8em;
	color: #4f4f4f;
}

/* @end */

/* @end */

/* @group feedbackForm */

h3{
	color: #61bf1a;
	margin: 0;
	padding: 0;
	padding-bottom: .6em;
	font-size: 1.4em;
}

form h3{
	padding-bottom: .5em;
}

form#aspnetForm span.formRow1, form#aspnetForm span.formRow1TwoLines, form#aspnetForm span.formRow1FourLines{
	display: block;
	border-bottom: #61bf1a solid 1px;
	height: 1.7em;
	padding-top: .3em;
}

form#aspnetForm span.formRow1TwoLines{
	height: 3.2em;
}

form#aspnetForm span.formRow1FourLines{
	height: 6.2em;
}

form#aspnetForm span.formRow1 span.formLabel, form#aspnetForm span.formRow1TwoLines span.formLabel, form#aspnetForm span.formRow1FourLines span.formLabel{
	display: block;
	float:  left;
}

/* form#aspnetForm span.formRow1FourLines input {
	display: block;
	margin-top: -8.4em;
} */

form#aspnetForm span.formRow1FourLines span.formLabel{
	display: block;
	float: left;
}

form#aspnetForm input{
	float: right;
}

form#aspnetForm span.formRow1FourLines  input{

}

form#aspnetForm ul{
	display: block;
	margin-top: .5em;
}



form#aspnetForm  span.formLabel{
	width: 40em;
}

/* @end */

/* @group pager */

div.paging{
	padding: .8em;
	margin: 1em 0 1em 0;
	border: #95a5a3 solid 1px;
	background:url(/_common/img/downloadsTile.gif) repeat-x;
}

div.paging .div{
	color: #95a5a3;
}

/* @end */

/* @group links */

a:link, a:visited{
	color: #61bf1a;
	text-decoration: underline;
}

a:hover{
	color: #1f009d;
	text-decoration: underline;
}

/* @group nav */

div#nav ul li a:link, div#nav ul li a:visited{
	color: #fff;
	text-decoration: none;
}

div#nav ul li a:hover{
	color: #61bf1a;
	text-decoration: none;
}

div#nav ul li.selected a:link, div#nav ul li.selected a:visited{
	color: #61bf1a;
	text-decoration: none;
}

body.Performance div#nav ul li.selected a:link, body.Performance div#nav ul li.selected a:visited{
	color: #00a9e5;
}

body.Society div#nav ul li.selected a:link, body.Society div#nav ul li.selected a:visited{
	color: #f8981d;
}

body.Performance div#nav ul li.selected a:link, body.Performance div#nav ul li.selected a:visited{
	color: #00a9e5;
}

body.Environment div#nav ul li.selected a:link, body.Environment div#nav ul li.selected a:visited{
	color: #b1be2d;
}


/* @end */

/* @group submenu */

div#con_leftCol ul.subMenu li a:link, div#con_leftCol ul.subMenu li a:visited{
	color: #373737;
	text-decoration: none;
}

div#con_leftCol ul.subMenu li a:hover{
	color: #61bf1a;
}

div#con_leftCol ul.subMenu li.selected a:link, div#con_leftCol ul.subMenu li.selected a:visited{
	color: #61bf1a;
	text-decoration: none;
}

body.Environment div#con_leftCol ul.subMenu li.selected a:link, body.Environment div#con_leftCol ul.subMenu li.selected a:visited{
	color: #b1be2d;
}

body.Performance div#con_leftCol ul.subMenu li.selected a:link, body.Performance div#con_leftCol ul.subMenu li.selected a:visited{
	color: #00a9e5;
}

body.Society div#con_leftCol ul.subMenu li.selected a:link, body.Society div#con_leftCol ul.subMenu li.selected a:visited{
	color: #f8981d;
}

/* @end */

/* @group home */

.homeBoxes span a:link, .homeBoxes span a:visited{
	color: #d6d9d9;
	text-decoration: none;
}

.homeBoxes span.box1 a:hover{
	color: #00a9e5;	
}

.homeBoxes span.box2 a:hover{
	color: #b1be2d;	
}

.homeBoxes span.box3 a:hover{
	color: #f8981d;	
}

/* @end */

/* @group footer */

div#footer ul li a:link, div#footer ul li a:visited{
	color: #006c85;
	text-decoration: none;
}

div#footer ul li a:hover{
	color: #61bf1a;
	text-decoration: none;
}

div#footer .navSelect a:link, div#footer .navSelect a:visited{
	color: #61bf1a;
	text-decoration: none;
}

/* @end */

/* @end */

/* @group sIFR 205 */

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 2.5em;
}

div#content h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 3.13em;
	margin: 0 0 .2em 0;
}

.sifrText{
	position: absolute;
	font-weight: bold;
	margin-bottom: -10px;
	padding: .2em 0 0 0;
	margin:  0;
	font-size: 1.5em;
}

/* @end */