/* GCP CONTENT CSS */
/* Modified 21-Apr-2009 */

.content { 
	margin-top:0px;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	}

H1 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 215%;
	line-height: normal;
	margin-top: 0;
	color: #999;
	padding:0;
	}

H2 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 170%;
	line-height: normal;
	margin-top: auto;
	color: #999;
	padding:0;
	}

H3 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 150%;
	line-height: normal;
	color: #999;
	padding:0;
	}

H4 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 135%;
	line-height: normal;
	color: #999;
	padding:0;
	}

H5 {
  	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 120%;
	line-height: normal;
	color: #999;
	padding:0;
	}

A, A:link, A:active, A:visited{
	color: #006699;
	text-decoration : underline;
	}

A:hover{color: #669900;}

div.content A:visited {
	color: #666699;
	}

#boxborder{	
	border: 1px solid #eee;
	padding: 2px 2px 2px 2px;	
	}

fieldset{	
	line-height:1.5em; 
	border:1px solid #eee;	
	padding:5px;
	}

legend{
	padding-left:2px;
	padding-right:2px;
	}

.boxleft {
	width:3000px; float:left;
	}

.boxright{
	width:300px; float:right;
	}

.input{
	border: none;		
	border: 1px solid #aaa;
	font-size: 85%;
	}

.highlight{
	background-color: #FFFF99;
	}

.alignRight {text-align:right;}
.alignCentre {text-align:center;}

.floatright {float:right;}
.floatleft {float:left;}

ul.nobullet {list-style-type: none;}
ul.resetleft {padding-left:1.5em; margin-left:0; list-style-type:square;}
ul.resetleftandtop {
	padding-left:1.5em;
	margin-left:0;
	padding-top:0;
	margin-top:-1em;
	list-style-type:square;
}

p.paddingbottom {
	 padding-bottom:3em
}

img.imgTopLeft {
	float:left;
	padding-bottom:1em;
	padding-right:1em
}

/* colours for carbon trends HOMEPAGE table and cells */

#carbonbudget {
	margin-top:1em;
	}
	
.ctcell {
	color: #666666; 
	background-color:#f3f1eb;
	background-image:url(../global/images/theme/ctcellbg.gif);
	background-position:top;
	background-repeat:repeat-x;
	border: 2px solid #DBE0C7;
	}

.ctcell:hover {
	background-color: #fff; 
	background-image:none;
	border: 2px solid #DBE0C7;
	}

.ctcell a:link, .ctcell a:visited {
	text-decoration:none;
	color:#006699 !important;
	}

.ctcell a:hover {
	text-decoration:underline;
	color: #669900 !important;
	}
	
/* styles for carbon trends HIGHLIGHTS table and cells */
	
.area-header {
	color: #003366;
	background-color:#e6e6e6;
	padding-left: 15px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	}

.area-desc {
	color:#333;
	background-color:#f5f5f5;
	padding-left: 15px;
	padding-right: 10px;
	}

.area-desc-exp {
	color:#333;
	background-color:#f5f5f5;
	padding: 10px 10px 10em 15px ;
	line-height: 2em;
	}
	
.imgcell {
	background-color:#E6E6E6;
	border-top: 1px solid #ccc;
	}

/* __________ MISC TEXT SIZES __________ */

.small {font-size:92.5%;}
.xsmall {font-size:85%;}
.xxsmall {font-size:77%;}
.xxxsmall {font-size:69.5%;}

/* SOLID BORDERS FOR BLOCK LEVEL ELEMENTS */

.bordertop {border-top:1px solid #ccc;}
.borderright {border-right:1px solid #ccc;}
.borderbottom {border-bottom:1px solid #ccc;}
.borderleft {border-left:1px solid #ccc;}
.bordertopright {border-top:1px solid #ccc; border-right:1px solid #ccc;}
.borderbottomright {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.borderbottomleft {border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.bordertopleft {border-top:1px solid #ccc; border-left:1px solid #ccc;}
.bordertopbottom {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.borderleftright {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.bordertopleftright {border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.bordertoprightbottom {border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.borderbottomleftright {border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.bordertopbottomleft {border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.border {border:1px solid #ccc;}
 
.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}

/* CARBON BUDGET VISUALISATION SPECIAL TEXT FOR PLAY AND DOWNLOAD (BUT COULD BE USED FOR OTHER THINGS) */
.lookAtMe {
	font-family: Ubuntu-R;
	/*font-size: 100%;*/
	letter-spacing: 0.2ex;
	/*line-height: 5.5ex;*/
	/*text-align:center;*/
	/* text-align:justify; */
	text-shadow: 1px 1px 1px white;
	/* text-transform: uppercase; */
	/*padding-left:5px;
	padding-right:12px;
	padding-top: 9px;
	padding-bottom: 9px;*/
	padding-left:1.2ex;
	padding-right:1.2ex;
	padding-top: 0.7ex;
	padding-bottom: 0.7ex;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1ex;
	margin-right: 1ex;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(99,99,99);
	/*padding: 6px 6px 0px 0px;*/
	/* height: 1px; /* 27px + padding-top = 32px */
	color: rgb(16,16,16);
	background-image: url(../global/images/theme/GCP_lookAtMe_bg.png);
	/*background-image: linear-gradient(red , yellow); */
	background-repeat: repeat-x;
	border-radius: 3ex 3ex 3ex 3ex;
}

a.lookAtMe:link {
	text-decoration: none;
	color: rgb(16,16,16);
}

a.lookAtMe:visited {
	text-decoration: none;
	color: rgb(32,32,32);
}

a.lookAtMe:hover {
	text-decoration: underline;
	color:black;
}

.extraMargTop {
	margin-top: 30px;
}