@import url("map.css");
@import url("graph.css");
@import url("poll.css");

*
	{margin: 0;
	padding: 0;}

html
	{min-height: 101%;
	background: #edeae1 url(/images/ui/body-bg.jpg) 50% 0 repeat-y;}

body
	{text-align: center;
	font: 100% arial, helvetica, sans-serif;
	color: #555;
	background: #edeae1 url(/images/ui/body-bg.jpg) 50% 0 repeat-y;
	position: relative;}

#container
	{position: relative;
	width: 955px;
	height: 100%;
	padding: 0 20px;
	margin: auto;
	text-align: left;
	font-size: 80%;
	/* background: white url(/images/ui/right-col.gif) 762px 100% repeat-y; */
	line-height: 1.2em;}

#content
	{}

section,
article,
nav,
header,
footer, 
aside
	{display: block;}

time
	{font-style: italic;}

input,
textarea,
select
	{font: 100% arial, helvetica, sans-serif;}
	
input[type="submit"]
	{font-weight: bold;
	color: #063163;
	padding: 1px 3px;}

h1
	{font: 260%/0.9em "trebuchet ms", arial, helvetica, sans-serif;
	color: #063163;
	font-weight: normal;
	letter-spacing: -0.05em;
	padding-bottom: 5px;}
	
	h1 em
		{display: block;
		padding-top: 4px;
		font-size: 50%;
		font-weight: normal;
		font-style: normal;
		letter-spacing: -1px;
		text-transform: uppercase;}

h2, h3
	{font-size: 130%;}
	
h2
	{padding: 7px 0;}
	
	h2 em
		{font-weight: normal;
		font-size: 11px;
		font-style: normal;}
	
	h2.lower
		{font-size: 120%;
		padding: 5px 0 0 0;
		margin-bottom: -4px;}
		
	h2 select,
	h2 input
		{font-size: 11px;}
	
a
	{outline: none;
	text-decoration: none;
	color: #073871;}

	a img
		{border: 0;}

a:hover, a:visited:hover
	{color: #a70000;
	text-decoration: underline;}

p, dl
	{padding: 0.4em 0;}

ul, ol
	{padding: 0.6em 0 0.6em 30px;}

	dl dt
		{font-weight: bold;
		font-size: 12px;
		padding-bottom: 3px;}
	
	dl dt,
	dl dd
		{line-height: 1.2em;}
	
	dl dd
		{padding-bottom: 10px;}
	
	#content dd table+p
		{margin-top: 7px;}
		
	#content dd p
		{padding-top: 0;
		padding-bottom: 10px;}

table
	{border-collapse: collapse;
	width: 100%;
	font-size: 100%;
	border: 1px solid #bdbdbd;
	margin: 3px 0 0 0;}
	
	table.split
		{display: none;
		margin-top: 0;
		clear: both;}

	th, td
		{background: white;
		padding: 5px 3px;
		border: 1px solid #bdbdbd;
		text-align: left;}
	
	tbody th
		{background: white;}
	
	th,
	tfoot td
		{color: #555;
		background: #f9f9f9;
		line-height: 1.1em;}
	
	tfoot td
		{border-top: 3px double #bdbdbd;
		font-weight: bold;}
		
		td.data,
		th.data
			{text-align: center;
			width: 90px;
			padding: 3px 10px;}
			
			table.static-data td
				{padding: 3px;
				width: auto;
				text-align: center;}
		
		tr.alert td
			{color: white;
			font-weight: bold;
			background: #aaa url(/images/ui/alert-cache.png) 0 0 repeat-x;}
			
			tr.a td
			/* good highlight, green */
				{background-position: 0 -25px;
				background-color: #090;}
				
			tr.b td
			/* bad highlight, red */
				{background-color: #c00;}
				
			tr.active.a td
				{color: #090;}
		
			tr.active.b td
				{color: #900;}

			tr.blue td
			
				{background-position: 0 -50px;
				background-color: #03f;}
			
			tr.orange td
				{background-position: 0 -75px;
				background-color: #c60;}
			
			tr.active.blue td
				{color: #03f;}
			
			tr.active.orange td
				{color: #c60;}
		
	tr.highlight td
		{font-weight: bold;}
	
	tr.active td
		{background: #f9f9f9;
		font-weight: bold;
		color: #333;}
		
	th.header
		{text-decoration: underline;
		cursor: pointer;
		color: #073871;
		text-indent: 12px;
		background-position: 3px 50%;
		background-repeat: no-repeat;
		background-image: url(/images/ui/table-header.gif);}
		
		th.data
			{text-indent: 0;}
		
		td.trust-name
			{white-space: nowrap;}
		
		th.sort-up, th.sort-down
			{background-image: url(/images/ui/header-asc.gif);}
			
		th.sort-down
			{background-image: url(/images/ui/header-desc.gif);}

select, input, textarea, optgroup
	{font-family: arial, helvetica, sans-serif;}
	
	select option.current
		{color: #555;}
	
	optgroup
		{font-weight: bold;
		padding: 3px 0;}
	
	option.alt
		{background: #f4f4f4;}

#header
	{float: left;
	display: inline;
	width: 100%;
	height: 121px;
	position: relative;
	background: white;
	border-bottom: 1px solid #ccc;}

	#header p
		{float: right;
		width: 213px;
		padding: 0;
		margin-top: 67px;
		color: #073871;
		font-size: 95%;}
		
		#header img
			{position: absolute;
			right: 0;
			bottom: -7px;}

	#header p #logo
		{left: 0;
		top: 0;
		right: auto;
		bottom: auto;}
	
#primary-nav
	{clear: both;
	border: solid white;
	border-width: 10px 0;
	background: #073871 url(/images/ui/blue-gradient.png) 0 0 repeat-x;
	text-transform: uppercase;
	float: left;
	width: 100%;
	font: 100% "trebuchet ms", arial, helvetica, sans-serif;}
	
	#primary-nav ul
		{float: left;
		padding: 0;}
	
		#primary-nav li
			{float: left;
			padding: 10px 20px;
			list-style-type: none;
			border-left: 1px solid #2e5683;
			border-right: 1px solid #052750;}
			
			#primary-nav li.end
				{border-right: 0;}
			
			#primary-nav li a:link, 
			#primary-nav a:visited, 
			#primary-nav a:hover, 
			#primary-nav a:visited:hover
				{color: white;}

#content
	{clear: both;
	float: left;
	display: inline;
	width: 730px;
	min-height: 420px;
	padding: 5px 0 10px;}
	
	#content a
		{font-weight:bold;}

.parent	
	{display: none;
	clear: both;}

#global-select
	{float: left;
	width: 100%;
	padding: 0 0 5px 0;
	font-size: 120%;}
	
	#global-select li
		{float: left;
		display: inline;
		padding: 2px 10px 9px 20px;
		background: transparent url(/images/ui/global-select.gif) 0 0 no-repeat;
		cursor: pointer;}
		
		#global-select li:hover
			{background-position: 0 -100px;}
			
		#global-select li.current
			{background-position: 0 -200px;}
		
		#global-select li a,
		#global-select li a:hover
		#global-select li a:visited:hover
			{background: white;
			color: #222;
			font-weight: bold;
			text-decoration: none;}
			
			#global-select li a:hover,
			#global-select li a:visited:hover
				{color: #073871;}
				
				#global-select li.current a,
				#global-select li.current a:hover,
				#global-select li.current a:visited:hover
					{color: #d90000;}
.tabs
	{float: left;
	clear: both;
	display: inline;
	position: relative;
	z-index: 1;
	margin-top: 5px;
	width: 100%;
	font: 11px "trebuchet ms", arial, helvetica, sans-serif;}
	
	.tabs ul
		{padding: 0;}

	.tabs li
		{float: left;
		display: inline;
		position: relative;
		width: 110px;
		height: 39px;
		background: #063368 url(/images/ui/tab.png) 0 -40px no-repeat;
		text-transform: uppercase;
		white-space: nowrap;}
		
		.tabs li.current
			{background-position: 0 0;
			background-color: #f2f2f2;
			height: 40px;
			top: 1px;}
		
		.tabs li a
			{display: block;
			width: 100px;
			height: 29px;
			padding: 10px 5px 0 5px;
			text-align: center;}
		
			.tabs li a:link,
			.tabs li a:visited,
			.tabs li a:hover,
			.tabs li a:visited:hover
				{color: white;}
			
				.tabs li.current a:link,
				.tabs li.current a:visited,
				.tabs li.current a:hover,
				.tabs li.current a:visited:hover
					{color: #052851;}
					
		#content .tab-content p.loading
			{padding: 10px 0 10px 20px;
			background: transparent url(/images/ui/tab-loading.gif) 0 50% no-repeat;}

.tab-content
	{display: none;
	clear: both;
	width: 710px;
	float: left;
	border: 1px solid #bdbdbd;
	padding: 10px;
	background: #f9f9f9 url(/images/ui/tab-content.png) 0 100% repeat-x;
	font-size: 85%;
	line-height: 1em;
	position: relative;}
	
	.active td
		{}

	.tab-content h3
		{color: #666;}
	
	article.active
		{display: block;}
		
#right-col
	{float: left;
	display: inline;
	width: 199px;
	padding: 5px 5px 0 5px;
	margin: 0 0 5px 13px;
	background: #eee;
	border: 1px solid #bdbdbd;
	font-size: 95%;}
	
	#right-col h2
		{background: #073871 url(/images/ui/blue-gradient.png) 0 0 repeat-x;
		padding: 7px 5px;
		color: white;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 120%;}
	
	#right-col .feature
		{background: white;
		padding: 5px;
		margin: 5px 0;
		border: 1px solid #bdbdbd;}
	
	#right-col .expand
		{display: block;
		padding-left: 12px;
		font-weight: bold;
		background: transparent url(/images/ui/expander.gif) 0 1px no-repeat;}

	#right-col .minus
		{background-position: 0 -14px;}
	
	#right-col .target
		{display: none;}
	
	#right-col .feature ul
		{padding: 0;
		list-style: none;}
		
		#right-col .feature img
			{float: left;
			display: inline;
			margin: 0 3px 3px 0;}

#change-region
	{display: none;
	position: absolute;
	top: 180px;
	padding: 0 0 10px 0;
	left: 20px;
	width: 730px;
	background: white;
	z-index: 100;
	background: #f9f9f9;
	border: 1px solid #bdbdbd;}
	
	#change-region p.close
		{position: absolute;
		top: 0;
		right: 10px;
		z-index: 100;}
		
		#change-region p.close a
			{color: white;
			display: block;
			font-size: 11px;}
	
	#change-region .uk-map
		{margin-left: 5px;}
	
	#change-region>h2
		{font: 160%/1em "trebuchet ms", arial, helvetica, sans-serif;
		background: #073871 url(/images/ui/blue-gradient.png) 0 0 repeat-x;
		color: white;
		font-weight: normal;
		letter-spacing: -0.05em;
		padding: 8px 10px;
		border-bottom: 1px solid #bdbdbd;}
	
dl.archive
	{margin-top: 10px;}
	
	dl.archive dt
		{clear: both;
		padding: 3px 0 7px 14px;
		background: transparent url(/images/ui/graph-icon.gif) 0 4px no-repeat;}
		
		dl.archive dt em
			{font-weight: normal;}
	
	dl.archive dd
		{border-bottom: 1px solid #ddd;
		min-height: 110px;}
		
		dl.list dd
			{min-height: 0;}
		
		dl.archive dd p
			{padding: 0 0 10px 0;}
	
		dl.archive dd img
			{float: left;
			margin: 3px 10px 0 0;}

#methodology
	{}

#data-table table
	{font-size: 11px;}

.popup
	{display: none;
	position: absolute;
	top: 100px;
	left: 250px;
	width: 400px;
	padding: 5px;
	background: #eaeae9 url(/images/ui/tab-content.png) 0 0 repeat-x;
	border: 1px solid #bdbdbd;
	font-size: 11px;
	z-index: 101;
	line-height: 1.2em;}
	
	.popup h2
		{color: #063163;
		padding: 3px 0 0 16px;
		background: transparent url(/images/ui/graph-icon.gif) 0 4px no-repeat;}
	
	.popup p.close
		{text-align: right;}

#content ul.sub-tabs
	{float: left;
	margin: 0;
	padding: 0 0 4px 0;}
	
	#content ul.sub-tabs li
		{float: left;
		width: 60px;
		list-style-type: none;
		border: 1px solid #bdbdbd;
		background: white;
		margin-right: 4px;
		text-align: center;}
		
		#content ul.sub-tabs li a
			{display: block;
			padding: 3px 8px;}
			
			#content ul.sub-tabs li a:hover
				{}
			
			#content ul.sub-tabs li.current
				{border-color: #ccc;}
			
			#content ul.sub-tabs li.current a
				{color: #ccc;}
				
				#content ul.sub-tabs li.current a:hover
					{cursor: default;
					text-decoration: none;}

#overlay
	{display: none;
	background: transparent url(/images/ui/overlay.png);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;}
	
#footer
	{clear: both;}