/* This uses the GSM World layout and so inherits their CSS. Be sure to give all elements a 'gpm-' prefix to minimise clashes */

img {
	border: 0;
}

#gpm {
	margin-top: -19px;
}

#gpm-header {
	position: relative;
	height: 127px;
	background: #c22513 url(/images/green-power/header-background.png) repeat-x;
	border-top: #971200 4px solid;
	color: #fff;
	overflow: hidden;
}

	#gpm-header #gpm-submast {
		position: relative;
		top: 16px;
		left: 16px;
	}
	
	#gpm-header #gpm-counter {
		position: absolute;
		right: 20px;
		top: 16px;
	}
	
	#gpm-header #gpm-ifc {
		position: absolute;
		right: 10px;
		top: 32px;
	}
	
		#gpm-counter {
			text-align: right;
			font-size: 10px;
			color: #f0b7b0;
			text-transform: uppercase;
			z-index: 1000;
		}
		
		#gpm-counter a {
			color: #f0b7b0;
			text-decoration: none;
		}
		
		#gpm-counter p {
			margin: 0 0 16px 0;
			line-height: 19px;
		}
		
		#gpm-counter span {
			display: inline-block;
			font-size: 24px;
			color: #fff;
		}

#gpm-content {

}

	#gpm-map-wrapper {
		height: 582px;
		position: relative;
	}
	
	#gpm-map-wrapper #gpm-map, #gpm-map-wrapper #gpm-data {
		float: left;
	}

	#gpm-map {
		width: 600px;
		height: 550px;
		border: #000 16px solid;
		background: #000;
	}
	
	#gpm-data-wrapper {
		position: relative;
	}
	
		#gpm-data-wrapper #loading {
			position: absolute;
			top: 19px;
			right: 18px;
			display: none;
		}
	
	#gpm-data {
		width: 298px;
		height: 550px;
	}
	
		#gpm-data p {
			font-size: 12px;
		}
		
		#gpm-data .gpm-data-source {
			font-size: 11px;
		}
	
		#gpm-operator {
			padding: 16px;
			height: 30px;
			background: #ad1c0a url(/images/green-power/header-extension-background.png);
		}
		
			#gpm-operator h3 {
				margin-top: -5px;
				color: #fff;
			}
			
			#gpm-operator h4 {
				color: #f0b7b0;
				margin-bottom: 0;
			}
		
		#gpm-return {
			color: #fff;
			font-size: 12px;
			padding: 0 16px 9px 16px;
			background: #ad1c0a;
			font-weight: bold;
		}
		
			#gpm-return a {
				color: #fff;
			}
			
			#gpm-return p {
				margin: 0;
				padding: 0;
				text-align: right;
			}
			
			#gpm-return p img {
				position: relative;
				top: 4px;
				margin-right: 1px;
				margin-left: 3px;
			}
				
		#gpm-details {
			padding: 16px;
			width: 266px;
			height: 488px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		
			#gpm-image {
				text-align: center;
				margin-bottom: 20px;
			}
			
				#gpm-image img {
					border: 4px #ddd solid;
				}
		
			#gpm-details h5 {
				font-size: 13px;
				color: #000;
				margin: 18px 0 9px 0;
			}
			
			#gpm-details h5:first-child {
				margin-top: 0;
			}
			
			#gpm-details ul {
				list-style-type: square;
				margin: 0 0 14px 20px;
			}
			
			#gpm-details ul li {
				padding: 1px;
			}
			
			#gpm-details .img {
				width: 250px;
				height: 200px;
				background: #eee;
				margin: 20px 0;
			}
			
			#gpm-details table {
				width: 251px;
			}
			
			#gpm-details table .label {
				text-align: right;
				font-weight: bold;
				width: 130px;
				padding-right: 10px;
			}
			
			#gpm-details table .value {
				text-align: left;
				width: 160px;
			}
			
				#gpm-details #gpm-operators td {
					padding-bottom: 4px;
				}
			
				#gpm-details #gpm-operators .label {
					width: 290px;
					text-align: left;
					padding-left: 11px;
				}	
				
				#gpm-details #gpm-operators .value {
					width: 0;
				}
				
			#gpm-details #gpm-filtered {
				margin-bottom: 0;
				font-size: 11px;
			}
			
	#gpm-submap-wrapper {
		width: 930px;
		background: #ad1c0a url(/images/green-power/header-extension-background.png);
		color: #fff;
	}
	
		#gpm-submap-wrapper div.wrapper {
			float: left;
		}
		
		div.clear {
			clear: both;
			height: 1px;
		}
		
		#gpm-submap-wrapper #gpm-filter-wrapper {
			background: #000;
			width: 616px;
			padding: 9px 0 8px 16px;
			margin-right: -3px;
		}
		
			#gpm-filter-wrapper p {
				float: left;
				color: #fff;
				width: 187px;
			}
			
			#gpm-filter-wrapper #heading {
				width: auto;
				font-weight: bold;
				padding: 2px 8px 0 0;
			}
			
			#gpm-filter-wrapper p label {
				display: inline-block;
				padding: 2px;
			}
			
			#gpm-filter-wrapper p select {
				width: 160px;
			}
		
		#gpm-submap-wrapper #gpm-download-wrapper {
			position: relative;
			top: 10px;
			left: 92px;
			z-index: 10;
		}
		
			#gpm-download-wrapper a {
				color: #fff;
				text-decoration: none;
				font-size: 12px;
				font-weight: bold;
			}
			
			#gpm-download-wrapper img {
				position: relative;
				margin-right: 8px;
				top: 8px;
			}
			
		#gpm-download-wrapper #gpm-download {
			position: absolute;
			top: 60px;
			left: -73px;
			width: 234px;
			background: #000;
			padding: 16px;
			display: none;
			color: #c6c6c6;
		}
			
			#gpm-download #gpm-popup-arrow {
				position: absolute;
				top: -17px;
				left: 116px;
			}
			
			#gpm-download h5 {
				color: #fff;
				font-size: 12px;
				padding-bottom: 6px;
			}
			
				
			#gpm-download .note {
				border-top: #727272 1px solid;
				padding: 3px 0;
				font-size: 10px;
				margin-bottom: 32px;
			}
			
			#gpm-download .note a {
				font-size: 10px;
				font-weight: normal;
				text-decoration: underline;
			}
			
			#gpm-download .download {
				text-align: center;
				margin: 16px 0;
			}
			
			#gpm-download .download:last-child {
				margin-bottom: 0;
			}
			
			#gpm-download .download img {
				position: relative;
				top: 4px;
				padding: 0;
				margin-right: 4px;
			}
		
	#gpm-grid-wrapper {
		border-top: #ab1b09 16px solid;
	}
	
		#gpm-grid-header {
			background: #ab1b09;
			color: #fff;
		}
	
		#gpm-grid-wrapper table {
			margin: 0;
			font-size: 12px;
		}
		
		#gpm-grid-wrapper table td {
			padding: 11px 0 7px 0;
		}
		
		.tr-header {
			font-weight: bold;
		}
		
		.tr-alt {
			background: #efefef;
		}
		
		#gpm-grid-wrapper table td.tr-region {
			width: 120px;
			padding-left: 16px;
		}
		
		#gpm-grid-wrapper table td.tr-country {
			width: 120px;
			padding-top: 8px;
			
		}
		
			.tr-country .image-float, .tr-country .name-float {
				float: left;
			}
			
			.tr-country .image-float {
				width: 16px;
			}
			
			.tr-country .name-float {
				width: 70px;
				margin-left: 6px;
				margin-top: 5px;
			}
			
			.tr-country img {
				position: relative;
				top: 1px;
			}
			
			.tr-country a {
				position: relative;
				top: -3px;
			}		
		
		.tr-value {
			width: 90px;
			text-align: center;
		}
		
		#gpm-grid-wrapper table td.tr-operator {
			width: 190px;
			padding-left: 18px;
			font-weight: bold;
			text-align: left;
		}
			
		.tr-bts-header {
			text-align: center;
		}
		
			.tr-bts-header span {
				position: relative;
				top: 7px;
			}
			
			.tr-bts-header a {
				font-size: 9px;
				font-weight: normal;
				color: #fff;
				text-decoration: none;
			}
		
		.tr-bts {
			width: 30px;
			text-align: center;
		}
		
			.tr-bts span {
				position: relative;
				top: -7px;
			}
			
		.tr-net {
			width: 16px;
		}
		
	#gpm-source p {
		font-size: 10px;
		margin: 32px 16px 0 16px;
	}
	
		#gpm-source a {
			color: #000;
			text-decoration: none;
		}
	
	#gpm-footer {
		width: 930px;
		height: 33px;
		background: #ad1c0a url(/images/green-power/footer-background.png);
	}