/* 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 {
	position: relative;
	width: 940px;
	margin: 16px 0 0;
}

#gpm-header {
	position: relative;
	color: #f7ffff;
	overflow: hidden;
}

	#gpm-header h2 {
		width: 570px;
		color: #828282 !important;
		margin: -9px 0 0 !important;
		font-weight: normal !important;
	}
	
	#gpm-header #gpm-counter {
		position: absolute;
		top: 4px;
		right: 0;
	}
	
	#gpm-counter p {
		float: left;
		margin: 0 0 0 16px;
		text-transform: uppercase;
		font-size: 12px;
		color: #828282;
	}
	
		#gpm-counter p#live {
			text-align: right;
		}
	
		#gpm-counter p span {
			font-size: 24px;
			color: #368a7d;
		}

#gpm-content {
	position: relative;
	margin: 16px 0 0;
}

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

	#gpm-map {
		width: 642px;
		height: 660px;
		background: #000;
	}
	
	#gpm-data-wrapper {
		position: relative;
	}
	
		#gpm-data-wrapper #loading {
			position: absolute;
			top: 0;
			right: 0;
			display: none;
		}
	
	#gpm-data {
		width: 298px;
		height: 660px;
	}
	
		#gpm-operator {
			position: relative;
			padding: 0 16px 0;
			margin: 0 0 16px;
		}
		
			#gpm-operator h3 {
				margin-top: 0 !important;
				color: #368a7d;
			}
			
			#gpm-operator h4 {
				color: #828282;
				margin: -6px 0 0 !important;
				font-weight: normal;
			}
			
		#gpm-operator #gpm-return {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		
			#gpm-return p {
				margin: 0 !important;
				text-align: right;
			}
			
			#gpm-return a {
				color: #f7ffff;
			}
			
			#gpm-return img {
				position: relative;
				top: 4px;
			}
				
		#gpm-details {
			padding: 16px;
			width: 266px;
			height: 575px;
			overflow-x: hidden;
			overflow-y: auto;
			font-size: 12px;
		}
		
			#gpm-image {
				text-align: center;
				margin-bottom: 20px;
			}
			
				#gpm-image img {
					border: 4px #ddd solid;
				}
		
			#gpm-details h5 {
				color: #f7ffff;
				font-size: 13px;
				font-weight: bold;
				margin: 18px 0 9px 0;
			}
			
			#gpm-details h5:first-child {
				margin-top: 0;
			}
			
			#gpm-details ul {
				list-style-type: none;
				margin: 0;
				padding-left: 0;
			}
			
			#gpm-details a {
				color: #368a7d;
			}
			
			#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 #recently-updated td {
				padding-bottom: 6px;
				text-align: left;
				font-weight: normal;
			}
			
			#gpm-details table .label {
				color: #828282;
				text-align: right;
				font-weight: bold;
				width: 130px;
				padding-right: 10px;
				padding-bottom: 2px;
				font-size: 11px;
			}
			
				#gpm-details table .sublabel {
					width: 65px;
					padding-right: 10px;
					padding-bottom: 2px;
					font-weight: bold;
					text-align: right;
					font-size: 11px;
				}
				
					#gpm-details table .sublabel.left {
						padding-right: 0;
						width: 75px;
					}
				
					#gpm-details table .sublabel.right {
						text-align: left;
						padding-left: 3px;
					}
			
			#gpm-details table .value {
				text-align: left;
				width: 160px;
				font-size: 11px;
			}
			
				td.value div {
					position: relative;
				}
				
					td.value div ul {
						position: absolute;
						top: 0;
					}
			
			#gpm-details table .spacer td {
				padding-bottom: 14px;
			}
			
			#gpm-details table .spacer-top td {
				padding-top: 14px;
			}
			
			#gpm-details .gpm-intro {
				font-size: 12px;
			}
			
			#gpm-details ol li {
				margin-bottom: 6px;
			}
			
			#gpm-details #gpm-filtered {
				margin-bottom: 0;
			}
			
			#gpm-details #mondato {
				margin: -6px 0 12px 0;				
				font-size: 11px;
			}
			
	#gpm-submap-wrapper {
		position: relative;
		width: 940px;
		color: #f7ffff;
		margin: 16px 0 8px;
	}
		
		div.clear {
			clear: both;
		}
		
		#gpm-submap-wrapper #gpm-filter-wrapper {
			background: #000;
			width: 676px;
			padding: 9px 0 0 16px;
			margin-right: -3px;
		}
		
			#gpm-filter-wrapper p {
				float: left;
				color: #f7ffff;
				width: 187px;
				font-size: 11px;
			}
			
			#gpm-filter-wrapper #heading {
				width: auto;
				font-weight: bold;
				padding: 1px 8px 0 0;
			}
			
			#gpm-filter-wrapper p label {
				display: inline-block;
				padding: 2px 2px 4px;
			}
			
			#gpm-filter-wrapper p select {
				width: 160px;
				margin: 0 !important;
			}
		
		#gpm-submap-wrapper #gpm-download-wrapper {
			position: absolute;
			top: 4px;
			right: 114px;
		}
		
			#gpm-download-wrapper a {
				color: #f7ffff;
				text-decoration: none;
				font-size: 12px;
				font-weight: bold;
			}
			
			#gpm-download-wrapper img {
				position: relative;
				top: 5px;
				left: 22px;
			}
			
		#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: #f7ffff;
				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: #368a7d 8px solid;
	}
	
		#gpm-grid-header {
			background: #368a7d;
			color: #f7ffff;
			font-size: 12px;
			padding-bottom: 8px;
			font-size: 12px;
		}
	
		#gpm-grid-wrapper table {
			margin: 0;
			font-size: 12px;
		}
		
		#gpm-grid-wrapper table td {
			padding: 10px 4px 11px 4px;
			font-size: 12px;
			line-height: 1;
		}
		
		.tr-header {
			font-weight: bold;
		}
		
		.tr-alt {
			background: #262626;
		}
		
		.tr-selected {
			background: #368a7d;
		}
		
			.tr-selected a {
				color: #f7ffff !important;
			}
		
		#gpm-grid-wrapper table td.tr-region {
			width: 100px;
			padding-left: 16px;
		}
		
		#gpm-grid-wrapper table td.tr-country {
			width: 160px;
		}
		
			#gpm-grid-data td.tr-country {
				padding-top: 0;
			}
		
			.tr-country .image-float, .tr-country .name-float {
				float: left;
			}
			
			.tr-country .name-float {
				width: 138px;
				margin-left: 6px;
				margin-bottom: 4px;
			}
			
			.tr-country img {
				position: relative;
				top: 7px;
			}
			
			.tr-country a {
				position: relative;
				top: 10px;
				color: #368a7d;
			}
		
		.tr-penetration, .tr-launch {
			text-align: center;
		}
		
		.tr-mp, .tr-bp {
			width: 60px;
			text-align: center;
		}
		
		#gpm-grid-wrapper table td.tr-operator {
			width: 188px;
			padding-left: 18px;
			font-weight: bold;
		}
		
		.tr-launch {
			width: 42px;
		}
		
		.tr-wallets {
			width: 55px;
		}
		
		#gpm-grid-wrapper table td.tr-services {
			width: 163px;
			padding-right: 16px;
		}
		
	#gpm-source {
		margin: 0 0 16px;
		color: #828282 !important;
	}
		
	#gpm-source p, #gpm-source table {
		font-size: 10px;
		margin: 32px 16px 0 16px;
	}
	
		#gpm-source a, #gpm-source table td a {
			color: #368a7d;
		}
	
		#gpm-source table th {
			font-weight: bold;
		}
		
		#gpm-source table th, #gpm-source table td {
			padding: 4px;
		}
		
		#gpm-source table a {
			color: #6e6e6e;
		}
	
	#gpm-footer {
		width: 940px;
		height: 3px;
	}