﻿@import url(reset.css);
@import url(headernav/layout.css);
@import url(mainnav/layout.css);
@import url(footernav/layout.css);
@import url(subnav/layout.css);
@import url(usernav/layout.css);
@import url(text.css);
@import url(snippets.css);
@import url(jquery.linkselect.style.select.css);
@import url(../search/search.css);

body {
	padding: 10px 0 0 0;
	text-align: center;
	background: url(../library/bg-body.png) no-repeat 50% 0 #66a1d8;
	}	
div.frame {
	width: 958px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	}	
div.con-printlogo {
	display: none;
	}		
div.con-header {
	position: relative;
	z-index: 10000;
	background: url(../library/bg-header.png) no-repeat 0 0 #0063be;
	padding-top: 140px;
	padding-top: 134px;
	}
h1.mod-sitelogo {
	padding:0;
	margin: 0;
	position: absolute;
	top: 17px;
	left: 17px;
	z-index: 1;
	}	
div.con-wrapper {
	width: 958px;
	}
div.content {
	background-color: #fff;
	}
div.con-rotator{
	position:relative;
	height:125px;
	}	
div.con-footer {
	background-color: #fff;
	position: relative;
	z-index: 1;
	}		
div.con-footer .mod-contentpanel {
	position: absolute;
	z-index: 1;
	top: 11px;
	left: 668px;
	}

/* ========================= Footer Tools ========================= */	
.mod-ftrtools {
	background: url(../library/bg-ftrtools.png) repeat-x 0 0 #fff;
	}
.mod-ftrtools ul {
	list-style-type: none;
	line-height: 1.4em;
	padding: 0 0 0 20px!important;
	margin: 0;
	background: transparent;
	}	
.mod-ftrtools ul li {
	padding: 0;
	margin: 0 15px 0 0;
	float: left;
	font-size: 11px;
	}	
.mod-ftrtools ul li a {
	margin: 0;
	padding: .4em 0 .4em 0;
	padding-left: 17px;
	display: block;
	}
.mod-ftrtools li.print-link a {
	background: url(../library/icn-print.png) no-repeat 0 50%;
	}		
.mod-ftrtools li.email-link a {
	background: url(../library/icn-email.png) no-repeat 0 50%;
	}			
	
/* ========================= Projects listing ========================= */	

.mod-projects {
	padding-top: 5px;
	}

.mod-projects li.project .icon {
	padding: 0 0 15px 45px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	}
.mod-projects li.electricity .icon {background-image: url(../library/icn-electricity.png);}	
.mod-projects li.gas .icon {background-image: url(../library/icn-gas.png);}
.mod-projects li.water .icon {background-image: url(../library/icn-water.png);}	
.mod-projects li.ports .icon {background-image: url(../library/icn-ports.png);}
.mod-projects li.barley .icon {background-image: url(../library/icn-barley.png);}	 
.mod-projects li.rail .icon {background-image: url(../library/icn-rail.png);}	

.mod-projects li.energy .icon,
.mod-projects li.electricitygas .icon,
.mod-projects li.energygas .icon,
.mod-projects li.electricityenergygas .icon,
.mod-projects li.electricityenergy .icon {background-image: url(../library/icn-electrogas.png);}

.mod-projects dl {
	line-height: 1.2em;
	
	}		
.mod-projects dt {
	text-transform: uppercase;
	font-size: 9px;
	display: inline;
	}
.mod-projects dd, 
.default .mod-projects dd {
	display: inline;
	font-size: 11px;
	}
.mod-projects .stage,
.mod-project-detail .stage {
	margin-right: 5px;
	margin-top: 2px;
	float: left;
	}		
.mod-projects .stage dt,
.mod-project-detail .stage dt {
	display: none;
	}
.mod-projects .stage dd,
.mod-project-detail .stage dd  {
	display: block;
	background: url(../library/bg-stage.png) no-repeat 100% 50%;
	color: #fff;
	font-weight: bold;
	width: 7em;
	padding: 5px 0 4px 7px;
	font-size: 12px;
	line-height: 1.4em;
	}			

/* ========================= Publications listing ========================= */						

#tabs {
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 1;
	}
.mod-publications {
	padding-top: 5px;
	}	
.mod-publications li.publication div.icon {
	padding: 0 0 15px 35px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
.mod-publications li.electricity div.icon {background-image: url(../library/pub-electricity.png);}	
.mod-publications li.gas div.icon {background-image: url(../library/pub-gas.png);}
.mod-publications li.water div.icon {background-image: url(../library/pub-water.png);}	
.mod-publications li.ports div.icon {background-image: url(../library/pub-ports.png);}
.mod-publications li.barley div.icon {background-image: url(../library/pub-barley.png);}	
.mod-publications li.rail div.icon {background-image: url(../library/pub-rail.png);}	
.mod-publications li.corporate div.icon {background-image: url(../library/pub-corp.png);}

.mod-publications li.energy div.icon,
.mod-publications li.electricitygas div.icon,
.mod-publications li.energygas div.icon,
.mod-publications li.electricityenergygas div.icon,
.mod-publications li.consumer div.icon,
.mod-publications li.electricityenergy div.icon {background-image: url(../library/pub-electrogas.png);}


.mod-publications .date {
	font-size: 11px;
	}	
span.size {
	display: inline;
	font-size: 11px;
	font-weight: normal;
	}	
	

/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}	

.mod-consumerinfo {
	position: absolute;
	top: 0;
	right: -9px;
	}
.link-consumer-info-header {
	padding: 0;
	margin: 0;
	}	

.link-consumer-info-header a {
	background-image: url(../library/link-consumer-info-header.png);
	width: 168px;
	height: 0;
	padding-top: 27px;
	display: block;
	overflow: hidden;
	}
.link-consumer-info-header a:hover {
	background-position: 0 -27px;
	}			
