/*
 * Agency:		Soak Digital Ltd.
 * Client: 		Economist
 * Project: 	GE: Health of Nations
 * Comment:		Base stylesheet

----------------------
Contents:

1. Reset Styles
2. Font Sizing
3. Generic HTML
4. Header
5. Content
6. Flash Map
7. Base Callouts
8. Footer
9. Colours
10. Data Panels
11. Graph Panels
12. jScrollPane
13. Miscellaneous

/*--------------------------------------------------------------------------
	=Reset styles
----------------------------------------------------------------------------*/

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p,
li, ol, ul, blockquote, cite,
a, em, img, strong, fieldset,
form, label, table, tr, th, td
{
	margin:					0;
	padding:				0;
	border:					0;
	font-weight:			inherit;
	font-style:				inherit;
	font-size:				100%;
	line-height:			inherit;
	font-family:			inherit;
	text-align:				left;
	vertical-align:			baseline;
}

strong
{
	font-weight:			bold;	
}

a img, :link img, :visited img 
{
	border:					0;
}

table
{
	border-collapse:		collapse;
	border-spacing:			0;
}

ol, ul
{
	list-style:				none;
}

em
{
	font-style:				normal;
}


/*--------------------------------------------------------------------------
	=Font sizing
----------------------------------------------------------------------------*/

body
{
	font-size:				0.75em;	/* 16 x 0.75 = 12px */
}

.feature-article h1
{
	font-size:				3.4em;	/* 12 x 2 = 40px */
}


#base-callout .intro h2
{
	font-size:				2.2em;	/* 12 x 2 = 26px */
}

.map-summary h1,
.site-map h1
{
	font-size:				2em;	/* 12 x 2 = 24px */
}

#editorial h1,
#country-profile h1
{
	font-size:				1.5em;	/* 12 x 1.5 = 18px */
}

#base-callout h3,
#base-callout h4,
#base-callout h5
{
	font-size:				1.33em;	/* 12 x 1.33 = 16px */
}

.other-key-findings li.title,
.other-case-studies li.title,
#panel-data h2
{
	font-size:				1.17em;	/* 12 x 1.17 = 14px */
}

#core-container,
#header,
#footer,
#base-callout,
#data-chart tbody th,
#chart-scale,
.horizontal-graph .label,
.footnotes
{
	font-size:				0.91em;	/* 12 x 0.91 = 11px */
}

.data-listing .source,
.data-listing .label,
#indicator-filter em
{
	font-size:				0.91em;	/* 11 x 0.91 = 10px */
}

#indicator-filter select,
.callout select,
.site-map ul
{
	font-size:				1em;	/* 12 x 1 = 12px */
}


/*--------------------------------------------------------------------------
	=Generic HTML
----------------------------------------------------------------------------*/

body
{
	font-family:			Arial, Helvetica, sans-serif;
	text-align:				center;
	color:					#666;
}

h1,
h2,
h3,
h4
{
	color:					#3A72B8;
	margin:					0;
}

.intro h2,
h3,
h4
{
	color:					#08A5E1;
}

h1
{
	font-weight:			bold;
}

p
{
	line-height:			1.25em;
}

a
{
	color:					#666;
}

a:hover
{
	text-decoration:		none;
}

input[type=text],
textarea
{
	font-family:			Arial, Helvetica, sans-serif;
}


/*--------------------------------------------------------------------------
	=Header
----------------------------------------------------------------------------*/

#header
{
	background:				url(/assets/images/bg-header.gif) bottom left repeat-x;
	height:					125px;
	text-align:				center;
}

#header #navigation
{
	width:					756px;
	margin:					auto;
	border-bottom:			1px solid #efefef;
	height:					29px;
	position:				relative;
	padding-top:			95px;
	padding-left:			6px;
	background:				#fff url(../images/img-healthymagination.gif) 562px 38px no-repeat;
}

#header #navigation li a
{
	display:				block;
	float:					left;
	height:					29px;
	position:				relative;
	bottom:					-1px;
	background-image:		url(/assets/images/bg-nav-links.gif);
	margin-right:			4px;
}

#header #navigation li a em
{
	text-indent:			-9999px;
	overflow:				hidden;
	display:				block;
}

#header #navigation li a img
{
	position:				absolute;
	top:					-74px;
	left:					5px;
}

#header #navigation li.home a { width: 67px; background-position: 0 0;}
#header #navigation li.key-findings a { width: 104px; background-position: -71px 0;}
#header #navigation li.interactive-map a { width: 122px; background-position: -179px 0;}
#header #navigation li.country-ratings a { width: 120px; background-position: -305px 0;}
#header #navigation li.case-studies a { width: 98px; background-position: -429px 0;}
#header #navigation li.video-interviews a { width: 117px; background-position: -531px 0;}
#header #navigation li.methodology a { width: 99px; background-position: -651px 0; margin-right:0;}

#header #navigation li.home a:hover, #header #navigation li.home a.selected { background-position: 0 -29px;}
#header #navigation li.key-findings a:hover, #header #navigation li.key-findings a.selected { background-position: -71px -29px;}
#header #navigation li.interactive-map a:hover, #header #navigation li.interactive-map a.selected { background-position: -179px -29px;}
#header #navigation li.country-ratings a:hover, #header #navigation li.country-ratings a.selected { background-position: -305px -29px;}
#header #navigation li.case-studies a:hover, #header #navigation li.case-studies a.selected { background-position: -429px -29px;}
#header #navigation li.video-interviews a:hover, #header #navigation li.video-interviews a.selected { background-position: -531px -29px;}
#header #navigation li.methodology a:hover, #header #navigation li.methodology a.selected { background-position: -651px -29px;}

#header #navigation li.healthymagination
{
	position:				absolute;
	right:					5px;
	top:					30px;
}

#header #navigation li.healthymagination a
{
	background:				none;
	display:				block;
	height:					30px;
	width:					195px;
}


/*--------------------------------------------------------------------------
	=Content
----------------------------------------------------------------------------*/

#section
{
	margin:					0 auto;
	position:				relative;
	width:					971px;
}

#core-container,
.callout-panel
{
	text-align:				left;
	margin:					auto;
	width:					747px;
}

#core-container
{
	padding:				20px 7px;
}

#core-container.visual-data-panel
{
	background:				#fff url(../images/bg-content-grad.jpg) repeat-x 0 0;
}

.feature-article
{
	width:					468px;
	float:					right;
}

.feature-article h1
{
	margin-bottom:			20px;
	font-weight:			normal;
}

.feature-article p
{
	margin-left:			261px;
	margin-bottom:			10px;
}

.feature-article p.preview
{
	margin:					0;
}

.feature-article .find-out-more
{
	width:					136px;
	background-image:		url(../images/bg-key-finding-sprite.gif);
	height:					26px;
	display:				block;
}

.feature-article .c-1 .find-out-more { background-position: 0 0; }
.feature-article .c-2 .find-out-more { background-position: -952px 0; }
.feature-article .c-3 .find-out-more { background-position: -272px 0; }
.feature-article .c-4 .find-out-more { background-position: -408px 0; }
.feature-article .c-5 .find-out-more { background-position: -544px 0; }
.feature-article .c-6 .find-out-more { background-position: -680px 0; }
.feature-article .c-7 .find-out-more { background-position: -816px 0; }
.feature-article .c-8 .find-out-more { background-position: -136px 0; }
.feature-article .c-1 .find-out-more:hover { background-position: 0 -26px; }
.feature-article .c-2 .find-out-more:hover { background-position: -952px -26px; }
.feature-article .c-3 .find-out-more:hover { background-position: -272px -26px; }
.feature-article .c-4 .find-out-more:hover { background-position: -408px -26px; }
.feature-article .c-5 .find-out-more:hover { background-position: -544px -26px; }
.feature-article .c-6 .find-out-more:hover { background-position: -680px -26px; }
.feature-article .c-7 .find-out-more:hover { background-position: -816px -26px; }
.feature-article .c-8 .find-out-more:hover { background-position: -136px -26px; }

#key-finding-grid
{
	float:					left;
	width:					234px;
	margin-top:				20px;
	height:					368px;
}

#key-finding-grid li a,
#key-finding-listing li .icon a
{
	display:				block;
	width:					100px;
	height:					100px;
	float:					left;
	margin-right:			17px;
	margin-bottom:			17px;
	background-image:		url(../images/bg-circles.gif);
	text-indent:			-9999px;
	overflow:				hidden;
}

#key-finding-listing li .icon a
{
	margin-bottom:			0;
}

#key-finding-listing,
#case-study-listing
{
	margin-top:				10px;	
}

#key-finding-grid li.key-finding-1 a, #key-finding-listing li.key-finding-1 .icon a { background-position: 0 0; }
#key-finding-grid li.key-finding-2 a, #key-finding-listing li.key-finding-2 .icon a { background-position: -100px 0; }
#key-finding-grid li.key-finding-3 a, #key-finding-listing li.key-finding-3 .icon a { background-position: -200px 0; }
#key-finding-grid li.key-finding-4 a, #key-finding-listing li.key-finding-4 .icon a { background-position: -300px 0; }
#key-finding-grid li.key-finding-5 a, #key-finding-listing li.key-finding-5 .icon a { background-position: -400px 0; }
#key-finding-grid li.key-finding-6 a, #key-finding-listing li.key-finding-6 .icon a { background-position: -500px 0; }
#key-finding-grid li.key-finding-7 a, #key-finding-listing li.key-finding-7 .icon a { background-position: -600px 0; }
#key-finding-grid li.key-finding-8 a, #key-finding-listing li.key-finding-8 .icon a { background-position: -700px 0; }
#key-finding-grid li.key-finding-1 a:hover, #key-finding-listing li.key-finding-1 .icon a:hover { background-position: 0 -100px; }
#key-finding-grid li.key-finding-1 a.selected { background-position: 0 -200px; }
#key-finding-grid li.key-finding-2 a:hover, #key-finding-listing li.key-finding-2 .icon a:hover { background-position: -100px -100px; }
#key-finding-grid li.key-finding-2 a.selected { background-position: -100px -200px; }
#key-finding-grid li.key-finding-3 a:hover, #key-finding-listing li.key-finding-3 .icon a:hover { background-position: -200px -100px; }
#key-finding-grid li.key-finding-3 a.selected { background-position: -200px -200px; }
#key-finding-grid li.key-finding-4 a:hover, #key-finding-listing li.key-finding-4 .icon a:hover { background-position: -300px -100px; }
#key-finding-grid li.key-finding-4 a.selected { background-position: -300px -200px; }
#key-finding-grid li.key-finding-5 a:hover, #key-finding-listing li.key-finding-5 .icon a:hover { background-position: -400px -100px; }
#key-finding-grid li.key-finding-5 a.selected { background-position: -400px -200px; }
#key-finding-grid li.key-finding-6 a:hover, #key-finding-listing li.key-finding-6 .icon a:hover { background-position: -500px -100px; }
#key-finding-grid li.key-finding-6 a.selected { background-position: -500px -200px; }
#key-finding-grid li.key-finding-7 a:hover, #key-finding-listing li.key-finding-7 .icon a:hover { background-position: -600px -100px; }
#key-finding-grid li.key-finding-7 a.selected { background-position: -600px -200px; }
#key-finding-grid li.key-finding-8 a:hover, #key-finding-listing li.key-finding-8 .icon a:hover { background-position: -700px -100px; }
#key-finding-grid li.key-finding-8 a.selected { background-position: -700px -200px; }

#key-finding-listing li,
#case-study-listing li
{
	clear:					both;	
	border-bottom:			1px solid #D5D5D5;
	margin-bottom:			10px;
	padding-bottom:			10px;
}

#case-study-listing li
{
	min-height:				110px;
	padding-bottom:			0;
}

#case-study-listing img
{
	position:				relative;
	left:					24px;
	top:					-4px;
}

#key-finding-listing li h2,
#case-study-listing li h2
{
	font-weight:			bold;
	margin:					0 0 5px;
}

#key-finding-listing li h2 a,
#case-study-listing li h2 a
{
	text-decoration:		none;
}

#key-finding-listing li h2,
#key-finding-listing li p,
#case-study-listing li h2,
#case-study-listing li p
{
	margin-left:			170px;
}

#key-finding-listing li p.icon
{
	margin-left:			30px;
}

#editorial
{
	float:					left;
	width:					436px;
	margin-bottom:			15px;
	padding-left:			12px;
}

#editorial p
{
	line-height:			1.6em;
	margin-bottom:			0.6em;
}

#editorial ul,
#editorial ol,
#editorial h2,
#editorial h3,
#editorial h4,
#editorial h5
{
	margin-bottom:			0.8em;
}

#editorial ul
{
	margin-left:			18px;
	list-style:				disc;
}

#editorial ul li
{
	display:				list-item;
	margin-bottom:			3px;
}


#editorial h1
{
	margin-bottom:			15px;
}

#supporting-images
{
	float:					right;
	width:					260px;
}

#supporting-images li
{
	margin-bottom:			15px;
}

#supporting-images p
{
	line-height:			1.35em;
	margin-left:			9px;
}

#supporting-images span
{
	background:				url(../images/bg-supporting-image.png) no-repeat 0 0;
	display:				block;
	height:					208px;
	padding:				9px;
	width:					268px;
}

.page-actions
{
	border-bottom:			1px solid #D5D5D5;	
	margin-bottom:			15px;
	padding-bottom:			8px;
	padding-left:			12px;
}

.other-key-findings,
.other-case-studies
{
	clear:					both;
	margin-top:				15px;
	padding-top:			15px;
	border-top:				1px solid #D5D5D5;	
}

.other-key-findings
{
	padding-left:			12px;	
}

.other-key-findings li a
{
	display:				block;
	width:					45px;
	height:					45px;
	margin-right:			17px;
	background-image:		url(../images/bg-circles-small.gif);
}

.other-key-findings li.title
{
	font-weight:			bold;
	padding-top:			13px;
	margin-right:			17px;
	color:					#3A72B8;
}

.other-key-findings li.key-finding-2 a { background-position: 0 0; }
.other-key-findings li.key-finding-2 a { background-position: -45px 0; }
.other-key-findings li.key-finding-3 a { background-position: -90px 0; }
.other-key-findings li.key-finding-4 a { background-position: -135px 0; }
.other-key-findings li.key-finding-5 a { background-position: -180px 0; }
.other-key-findings li.key-finding-6 a { background-position: -225px 0; }
.other-key-findings li.key-finding-7 a { background-position: -270px 0; }
.other-key-findings li.key-finding-8 a { background-position: -315px 0; }
.other-key-findings li.key-finding-1 a:hover { background-position: 0 -45px; }
.other-key-findings li.key-finding-2 a:hover { background-position: -45px -45px; }
.other-key-findings li.key-finding-3 a:hover { background-position: -90px -45px; }
.other-key-findings li.key-finding-4 a:hover { background-position: -135px -45px; }
.other-key-findings li.key-finding-5 a:hover { background-position: -180px -45px; }
.other-key-findings li.key-finding-6 a:hover { background-position: -225px -45px; }
.other-key-findings li.key-finding-7 a:hover { background-position: -270px -45px; }
.other-key-findings li.key-finding-8 a:hover { background-position: -315px -45px; }

.other-case-studies
{
	position:				relative;
	padding-left:			121px;
}

.other-case-studies li
{
	float:					left;
	width:					280px;
	margin-bottom:			10px;
	padding-right:			26px;
}

.other-case-studies li a
{
	font-weight:			bold;
	text-decoration:		none;
}

.other-case-studies li a:hover
{
	text-decoration:		underline;
}

.other-case-studies li.title
{
	float:					none;
	font-weight:			bold;
	color:					#3A72B8;
	position:				absolute;
	left:					12px;
	top:					15px;
	width:					auto;
}

#video-listing
{
	border-top:			1px solid #D5D5D5;	
	margin-top:			15px;
	padding-top:		8px;
}

#video-listing li
{
	float:				left;
	width:				48%;
	margin-bottom:		10px;
	margin-right:		6px;
	position:			relative;
}

#video-listing li div
{
	padding:			10px;
	min-height:			110px;
}

#video-listing li:hover div,
#video-listing li.selected div
{
	background:			#f6f6f6;
}

#video-listing li h2,
#video-listing li p
{
	margin-left:		155px;
	margin-bottom:		0.4em;
	color:				#666;
}

#video-listing p a img
{
	position:			absolute;
	top:				23px;
	left:				54px;
}

#video-listing li h2
{
	font-weight:		bold;
}

#video-listing .clear
{
	border-top:			1px solid #D5D5D5;	
	height:				0;
	overflow:			hidden;
	width:				100%;
	float:				none;
	clear:				both;
	padding:			0;
}

#video-detail h1
{
	color:				#333;
	margin-top:			10px;
}


/*--------------------------------------------------------------------------
	=Flash map
----------------------------------------------------------------------------*/

#country-filter
{
	position:			relative;
	height:				33px;
}

#country-filter p
{
	padding:			8px 0 0 18px;
}

#country-filter ul
{
	position:			absolute;
	top:				0;
	left:				157px;
}

#country-filter li a
{
	display:			block;
	float:				left;
	margin-right:		2px;	
}

#country-filter.inactive *
{
	cursor:				default;	
}

#indicator-filter,
#country-profile
{
	background:			#fff;
	border-left:		1px solid #E9E9E9;
	border-right:		1px solid #E9E9E9;
	position:			relative;
	padding:			12px 0 17px 19px;
}

#indicator-filter.rankings
{
	border-bottom:		1px solid #E9E9E9;
}

#indicator-filter.rankings select
{
	width:				261px;
}

#country-profile
{
	border-bottom:		1px solid #E9E9E9;
	padding-bottom:		0;
}

#country-profile h1
{
	color:				#333;	
	padding-top:		3px;
}

#country-profile img
{
	float:				left;
	margin-right:		15px;
	border:				1px solid #ccc;
}

#country-profile ul
{
	clear:				both;
	margin-top:			17px;
	position:			relative;
	top:				1px;
}

#country-profile ul li a
{
	display:			block;
	float:				left;
	height:				29px;
	margin-right:		5px;
}

#indicator-filter label,
#indicator-filter select,
#indicator-filter em
{
	float:				left;
	margin-right:		15px;
}

#indicator-filter label
{
	margin:				2px 20px 0 0;
}

#indicator-filter em
{
	margin-top:			-3px;
	width:				180px;
}

#indicator-filter input
{
	position:			absolute;
	left:				430px;
	top:				9px;
}

#indicator-filter ul
{
	position:			absolute;
	bottom:				-1px;
	right:				10px;
}

#indicator-filter li a
{
	height:				37px;
	float:				left;
	margin-right:		3px;
}

#ranking-instructions
{
	background:			#f4f4f4;	
	border-top:			17px solid #fff;
	padding:			0 0 0 15px;
}

#ranking-instructions em
{
	padding-left:		18px;
	float:				left;
	padding-top:		4px;
}

#ranking-instructions p
{
	margin:				0;
	padding:			0;
	vertical-align:		middle;
}

#compare-graph
{
	display:			block;
	width:				565px;
	margin:				auto;
}

#map-display,
#country-data,
#ranking-data
{
	padding:			0 5px 2px;
	border-bottom:		1px solid #E9E9E9;
	border-left:		1px solid #E9E9E9;
	border-right:		1px solid #E9E9E9;
	background:			#fff;
	margin-bottom:		30px;
}

#map-display div
{
	background:			url(../images/bg-map.gif) 0 0;
	margin-bottom:		4px;
}	

#map-display div *
{
	display:			block;
}	

#ranking-data
{
	padding:			0;
}

#country-data
{
	padding-bottom:		40px;	
	padding-top:		20px;
}

#country-data.comparison
{
	padding-top:		0;
	padding-bottom:		16px;
}

#country-data.comparison p
{
	margin-bottom:		0;
	margin-top:			10px;
	text-align:			center;
	font-weight:		bold;
}


.map-summary
{
	float:				left;
	width:				323px;
}

.map-summary h1,
.map-summary p
{
	margin-bottom:		10px;
}

#country-data p
{
	margin-bottom:		10px;
}

.callout
{
	width:				195px;
	float:				left;
	background:			url(../images/bg-callout.gif) 0 0 repeat-y;
	margin-left:		15px;
}

.callout form
{
	padding:			0 12px;
	min-height:			120px;
	position:			relative;
}

.callout form select
{
	display:			block;
	margin-top:			10px;
	width:				136px;
}

.comparison form select
{
	margin-top:			5px;
	margin-bottom:		5px;
}

.callout .base
{
	display:			block;
}

.callout .btn
{
	position:			absolute;
	right:				14px;
	margin-top:			-17px;
}

.comparison .btn
{
	margin-top:			-45px;
}

#frm_comparison_a
{
	margin-top:			18px;	
}

#geographical-info
{
	float:				left;
	width:				165px;
	padding:			0 12px 0 12px;
	margin-right:		12px;
}

#geographical-info ul li a
{
	display:			block;
	height:				15px;
	margin:				10px 0;
}

#indicator-filter.inactive form
{
	visibility:			hidden;	
}

#ranking-data #ranking-content
{
	float:				right;
	width:				598px;
	border-left:		1px solid #E9E9E9;
	padding:			10px 0 0 15px;
	min-height:			400px;
}

#ranking-data #ranking-key
{
	padding:			10px 5px 0 5px;
	width:				121px;
	background:			#fff url(../images/bg-ranking-key.jpg) bottom left repeat-x;
	min-height:			400px;
}

#ranking-data p
{
	margin:				0 0 0.7em;
}

#ranking-data #ranking-key h2
{
	color:				#666;	
	margin:				0 0 0.7em;
}


/*--------------------------------------------------------------------------
	=Base callouts
----------------------------------------------------------------------------*/

#base-callout .callout-panel
{
	background:				url(/assets/images/bg-divide-x.gif) 0 0 repeat-x;
}

#base-callout .actions .callout-panel
{
	background:				none;
}

#base-callout .actions
{
	background:				#F2F2F2 url(/assets/images/bg-base-callout.jpg)	0 0 repeat-x;
	padding:				19px 0 11px 30px;	
	clear:					both;
}

#base-callout .actions li
{
	float:					right;
	background:				url(/assets/images/bg-divide-y.gif) top right repeat-y;
	padding:				5px 25px;
}

#base-callout .actions li.last,
#base-callout .actions li.addthis
{
	background:				none;
	padding:				5px 12px 5px 25px;
}

#base-callout .actions li.addthis
{
	float:					left;
	padding:				6px 35px 5px 0;	
}

#base-callout .actions li a
{
	background-image:		url(/assets/images/bg-base-actions.png);
	display:				block;
	height:					19px;
	overflow:				hidden;
	text-indent:			-9999px;
}

#base-callout .actions li.addthis a
{
	background:				none;
}

#base-callout .actions li.facebook a { background-position: 0 0; width:167px; }
#base-callout .actions li.mobile a { background-position: -167px 0; width:121px; }
#base-callout .actions li.healthymagination a { background-position: -288px 0; width:155px; }

#base-callout .actions li.facebook a:hover { background-position: 0 -19px; width:167px; }
#base-callout .actions li.mobile a:hover { background-position: -167px -19px; width:121px; }
#base-callout .actions li.healthymagination a:hover { background-position: -288px -19px; width:155px; }

#base-callout h3,
#base-callout h4,
#base-callout h5
{
	margin-bottom:			10px;	
}

#base-callout .feature
{
	float:					right;
	width:					357px;
	background:				url(/assets/images/bg-divide-x.gif) bottom left repeat-x;
	min-height:				134px;
	padding:				0 0 15px;
	margin-bottom:			15px;
	position:				relative;
}

#base-callout.large .feature
{
	background:				url(/assets/images/bg-divide-x.gif) top left repeat-x;
	padding:				15px 0 0;
	margin-top:				15px;
	margin-bottom:			0;
}

#base-callout .feature img
{
	position:				absolute;
	left:					-5px;
	margin-top:				-5px;
}

#base-callout .feature p
{
	margin-left:			100px;
}

/* Regular variation ------------------------------ */

#base-callout.regular .feature
{
	float:					left;
	background:				none;
	margin-top:				24px;
	min-height:				125px;
}

#base-callout.regular .first
{
	background:				url(/assets/images/bg-divide-y.gif) top right repeat-y;
	padding-right:			14px;
	margin-right:			14px;
}

/* Large variation ------------------------------ */

#base-callout.large .actions,
#base-callout.regular .actions
{
	margin-top:				15px;
}

#base-callout.large p strong
{
	display:				block;
}

#base-callout .intro
{
	background:				url(/assets/images/bg-divide-x.gif) bottom left repeat-x;
	padding:				13px 14px 16px;
	margin-bottom:			15px;
}

#base-callout .intro p
{
	margin-left:			220px;
}


#base-callout.large .intro p strong
{
	display:				inline;
}

#base-callout .video-interviews
{
	width:					310px;
	background:				url(/assets/images/bg-divide-y.gif) top right repeat-y;
	padding:				0 48px 15px 14px;
	margin-right:			18px;
	margin-bottom:			15px;
	min-height:				294px;
	float:					left;
}

#base-callout .video-interviews p
{
	margin-bottom:			10px;
	height:					42px;
}

#base-callout .video-interviews img
{
	border:					1px solid #fff;
	display:				block;
}

#base-callout .video-interviews li a img
{
	display:				block;
	float:					left;
	border:					none;
	margin-right:			7px;
}

#base-callout .video-interviews li.last a img
{
	margin-right:			0;
}

#base-callout .video-interviews .video
{
	position:				relative;
}

#base-callout .video-interviews .icon-play
{
	border:					none;
	position:				absolute;
	left:					130px;
	top:					59px;
}

#base-callout .rankings
{
	width:					142px;
	padding-right:			23px;
	float:					left;
	background:				url(/assets/images/bg-divide-y.gif) top right repeat-y;
	min-height:				147px;
	margin-right:			15px;
}


/*--------------------------------------------------------------------------
	=Footer
----------------------------------------------------------------------------*/

#footer
{
	background:				url(/assets/images/bg-footer.gif) 0 0 repeat-x;
	text-align:				center;
	padding-top:			12px;
	color:					#999;
	padding-bottom:			30px;
}

#footer a
{
	color:					#999;
	text-decoration:		none;
}

#footer a:hover
{
	color:					#333;
	text-decoration:		underline;
}

#footer div
{
	width:					752px;
	margin:					auto;
}

#footer ul
{
	float:					right;
}

#footer ul li
{
	float:					left;
	margin:					0 5px 0 0;
}


/*--------------------------------------------------------------------------
	=Colours
----------------------------------------------------------------------------*/

.c-1, h2.inputs {color:#27BEF8;}
.c-2 {color:#7F8185;}
h2.outcomes {color:#92C435;}
.c-3 {color:#AA71AA;}
.c-4 {color:#F04F42;}
.c-5 {color:#FFCC00;}
.c-6, h2.risk {color:#FF981B;}
.c-7 {color:#AB7E52;}
.c-8 {color:#92C435;}

.i1 {background-color: #CAF0FF;}
.i2 {background-color: #80DCFF;} .i2 .above {color: #80DCFF;}
.i3 {background-color: #00AEF0;} .i3 .above {color: #00AEF0;}
.i4 {background-color: #3B73B9;}
.i5 {background-color: #00194D;}

.o1 {background-color: #E3F2CE;}
.o2 {background-color: #C4E197;} .o2 .above {color: #C4E197;}
.o3 {background-color: #75B418;} .o3 .above {color: #75B418;}
.o4 {background-color: #759E36;}
.o5 {background-color: #44621C;}

.r1 {background-color: #FFD4A0;}
.r2 {background-color: #FFB962;} .r2 .above {color: #FFB962;}
.r3 {background-color: #FF9615;} .r3 .above {color: #FF9615;}
.r4 {background-color: #B45712;}
.r5 {background-color: #894D04;}


/*
.i1 {background-color: #00194D;}
.i2 {background-color: #3B73B9;} .i2 .above {color: #3B73B9;}
.i3 {background-color: #00AEF0;} .i3 .above {color: #00AEF0;}
.i4 {background-color: #80DCFF;}
.i5 {background-color: #CAF0FF;}

.o1 {background-color: #44621C;}
.o2 {background-color: #759E36;} .o2 .above {color: #759E36;}
.o3 {background-color: #75B418;} .o3 .above {color: #75B418;}
.o4 {background-color: #C4E197;}
.o5 {background-color: #E3F2CE;}

.r1 {background-color: #894D04;}
.r2 {background-color: #B45712;} .r2 .above {color: #FF9615;}
.r3 {background-color: #FF9615;} .r3 .above {color: #FF9615;}
.r4 {background-color: #FFB962;}
.r5 {background-color: #FFD4A0;}
*/

/*--------------------------------------------------------------------------
	=Data panels
----------------------------------------------------------------------------*/

#panel-profile
{
	height:					290px;
	width:					520px;
	float:					right;
	overflow:				auto;
}

#panel-profile h2
{
	font-weight:			bold;
	color:					#666;
	margin-bottom:			0.4em;
}

#panel-profile p
{
	margin-bottom:			1em;
}

#panel-data
{
	float:					right;
	height:					290px;
	width:					500px;
	padding-right:			20px;
}

#panel-data h2
{
	margin-bottom:		10px;	
}

#panel-data p
{
	margin-bottom:		10px;	
}

.data-listing li
{
	border-top:				1px solid #E9E9E9;
	background:				url(../images/bg-rpx-data-listing-li.png) repeat-x 0 100%;
}

.data-listing li.last,
.data-listing li li.last
{
	border-bottom:			1px solid #E9E9E9;
}

.data-listing h3
{
	margin:					0;
}

.data-listing h3 a
{
	background:				url(../images/bg-data-listing-toggle.png) no-repeat 10px 10px;
	display:				block;
	font-weight:			normal;
	padding:				6px 10px 6px 22px;
	text-decoration:		none;
}

.data-listing h3 a:hover,
.data-listing h3 a.hide
{
	color:					#88B731;
	text-decoration:		none;
}

.data-listing h3 a.hide
{
	background-position:	8px -39px;
	color:					#88B731;
}

 .data-listing.risk h3 a
{
	background-position:	10px -90px;
}

.data-listing.risk h3 a:hover,
.data-listing.risk h3 a.hide
{
	color:					#FF9615;
}

.data-listing.risk h3 a.hide
{
	background-position:	8px -139px;
}

 .data-listing.inputs h3 a
{
	background-position:	10px -190px;
}

.data-listing.inputs h3 a:hover,
.data-listing.inputs h3 a.hide
{
	color:					#4376ED;
}

.data-listing.inputs  h3 a.hide
{
	background-position:	8px -239px;
	color:					#4376ED;
}

.data-listing li div
{
	display:				none;
}

.data-listing li ul
{
	margin:					20px 0 10px 50px;
	height:					165px;
}

.data-listing li li
{
	background:				none;
	border-bottom:			1px solid #D5D5D5;
	border-top:				none;
	float:					left;
	height:					140px;
	padding:				0 6px;
	position:				relative;
	width:					52px;
}

.data-listing li li.first
{
	padding-left:			20px;
}

.data-listing li.last
{
	border-bottom:			none;
	padding-right:			20px;
}

.data-listing .first .count,
.data-listing .first .label
{
	left:					20px;
}

.data-listing .label
{
	background:				url(../images/bg-chart-divider.png) no-repeat 100% 0;
	bottom:					-25px;
	color:					#666;
	display:				block;
	height:					20px;
	line-height:			1em;
	padding-right:			5px;
	position:				absolute;
	right:					0;
	text-align:				center;
	width:					52px;
}

.data-listing li .last .label
{
	background:				none;
	right:					15px;
}

.data-listing .count
{
	bottom:					0;
	color:					#FFF;
	display:				block;
	font-weight:			bold;
	height:					0;
	left:					6px;
	line-height:			2em;
	overflow:				visible;
	position:				absolute;
	text-align:				center;
	width:					52px;
}

.data-listing .above
{
	left:					0;
	position:				absolute;
	top:					-22px;
	text-align:				center;
	width:					52px;
}

#panel-data .data-listing .source
{
	color:					#999;
	margin:					0 0 17px 30px;
}


/*--------------------------------------------------------------------------
	=Graph panels
----------------------------------------------------------------------------*/

#panel-graph
{
	width:					598px;
}

#data-graph
{
	background:				url(../images/bg-data-graph.png) repeat 128px 0;
	height:					300px;
	width:					554px !important;
}

#panel-graph .jScrollPaneContainer
{
	width:					581px !important;
}

#chart-scale
{
	background:				url(../images/bg-chart-scale.png) no-repeat 0 100%;
	clear:					left;
	color:					#999;
	height:					29px;
	overflow:				auto;
	padding-left:			21px;
	width:					431px;
}

#panel-graph #order-chart
{
	margin-bottom:			7px;
}

#panel-graph #chart-scale
{
	margin-left:			129px;
}

#chart-scale li
{
	float:					left;
	text-align:				center;
	width:					43px;
}

.horizontal-graph
{
	margin-bottom:			4px;
}

.horizontal-graph li
{
	float:					left;
	height:					19px;
	position:				relative;
	width:					430px;
}

.horizontal-graph .label
{
	background-color:		#FFF;
	clear:					left;
	float:					left;
	height:					16px;
	padding-bottom:			3px;
	width:					129px;
}

.horizontal-graph .label img
{
	vertical-align:			middle;
}

.horizontal-graph .count
{
	left:					129px;
	color:					#FFF;
	display:				block;
	font-weight:			bold;
	height:					12px;
	margin:					2px 0 3px;
	position:				absolute;
	text-indent:			-9999px;
	width:					0;
}

#order-chart
{
	margin-bottom:			5px;
}

#order-chart li
{
	float:					left;
	margin-right:			4px;
}

#order-chart a,
.order-chart-a
{
	background:				url(../images/bg-order-chart-a.png) no-repeat 0 0;
	display:				block;
	height:					16px;
	overflow:				hidden;
	text-indent:			-9999px;
}

#order-chart a
{
	width:					137px;
}

#order-chart .order-chart-a
{
	width:					126px;
}

#order-chart .asc .order-chart-a,
#order-chart .order-chart-a:hover
{
	background-position:	0 -16px;
}

#order-chart .desc .order-chart-a,
#order-chart .desc .order-chart-a:hover
{
	background-position:	0 -32px;
}

#order-chart .order-chart-b
{
	background-position:	-126px 0;
	width:					142px;
}

#order-chart .desc .order-chart-b:hover,
#order-chart .desc .order-chart-b
{
	background-position:	-126px -16px;
}

#order-chart .order-chart-b:hover,
#order-chart .asc .order-chart-b
{
	background-position:	-126px -32px;
}

#order-chart .order-chart-c
{
	background-position:	-268px 0;
	width:					142px;
}

#order-chart .desc .order-chart-c:hover,
#order-chart .desc .order-chart-c
{
	background-position:	-268px -16px;
}

#order-chart .order-chart-c:hover,
#order-chart .asc .order-chart-c
{
	background-position:	-268px -32px;
}

#order-chart .order-chart-d
{
	background-position:	-410px 0;
	width:					142px;
}

#order-chart .desc .order-chart-d:hover,
#order-chart .desc .order-chart-d
{
	background-position:	-410px -16px;
}

#order-chart .order-chart-d:hover,
#order-chart .asc .order-chart-d
{
	background-position:	-410px -32px;
}

#order-chart .order-chart-e
{
	background-position:	-552px 0;
	width:					126px;
}

#order-chart .asc .order-chart-e:hover,
#order-chart .asc .order-chart-e
{
	background-position:	-552px -16px;
}

#order-chart .order-chart-e:hover,
#order-chart .desc .order-chart-e
{
	background-position:	-552px -32px;
}

#data-chart
{
	height:					300px;
	overflow:				auto;
	width:					570px !important;
}

#panel-chart .jScrollPaneContainer
{
	width:					584px !important;
}

#data-chart thead
{
	display:				none;
}

#data-chart tbody th
{
	height:					16px;
	width:					126px;
	border-color:			#FFF;
	border-style:			solid;
	border-width:			1px 5px 3px 0;
	vertical-align:			top;
}

#data-chart tbody th img
{
	vertical-align:			middle;
}

#data-chart td
{
	height:					16px;
	border-color:			#FFF;
	border-style:			solid;
	border-width:			1px 5px 3px 1px;
	text-indent:			-9999px;
	width:					141px;
}


/*--------------------------------------------------------------------------
	=jScrollPane
----------------------------------------------------------------------------*/

.jScrollPaneContainer
{
	position:				relative;
	overflow:				hidden;
	z-index:				1;
}

.jScrollPaneTrack
{
	position:				absolute;
	cursor:					pointer;
	right:					0;
	top:					0;
	height:					100%;
	background:				#aaa;
}

.jScrollPaneDrag
{
	position:				absolute;
	background:				#666;
	cursor:					pointer;
	overflow:				hidden;
}

.jScrollPaneDragTop
{
	position:				absolute;
	top:					0;
	left:					0;
	overflow:				hidden;
}

.jScrollPaneDragBottom
{
	position:				absolute;
	bottom:					0;
	left:					0;
	overflow:				hidden;
}

a.jScrollArrowUp
{
	display:				block;
	position:				absolute;
	z-index:				1;
	top:					0;
	right:					0;
	text-indent:			-2000px;
	overflow:				hidden;
	height:					9px;
}

a.jScrollArrowDown
{
	display:				block;
	position:				absolute;
	z-index:				1;
	bottom:					0;
	right:					0;
	text-indent:			-2000px;
	overflow:				hidden;
	height:					9px;
}

.jScrollPaneTrack
{
	background:				url(../images/jScroll/track.png) repeat-y;
}

.jScrollPaneDrag
{
	background:				url(../images/jScroll/drag.png) repeat-y;
}

a.jScrollArrowUp
{
	height:					15px;
	background:				url(../images/jScroll/arrow-up.png) no-repeat 0 0;
}

a.jScrollArrowUp:hover
{
	background-position:	0 -15px;
}

a.jScrollArrowDown
{
	height:					15px;
	background:				url(../images/jScroll/arrow-down.png) no-repeat 0 0;
}

a.jScrollArrowDown:hover,
a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover
{
	background-position:	0 -15px;
}


/*--------------------------------------------------------------------------
	=Miscellaneous
----------------------------------------------------------------------------*/

.footnotes
{
	border-top:				1px solid #D5D5D5;
	padding-top:			10px;
	margin-top:				50px;
	padding-left:			12px;
	margin-left:			-12px;
}

.no-profile
{
	padding:				0 0 0 15px;	
}

.no-profile a
{
	color:					#27BEF8;	
}

#base-callout .btn
{
	height:					15px;
}

.btn
{
	display:				block;
}

.site-map h1
{
	margin-bottom:			15px;
}

.site-map ul
{
	font-weight:			bold;
}

.site-map ul ul
{
	margin-left:			15px;
	margin-bottom:			10px;
	font-weight:			normal;
}

.w3c
{
	left:					-99999px !important;
	position:				absolute !important;
	top:					-99999px !important;
}

.hidden
{
	display:				none;	
}

#key-finding-grid li,
#header #navigation li,
#country-filter li,
#country-profile ul li,
#indicator-filter input,
#indicator-filter li,
#base-callout .actions li.addthis a,
#base-callout .video-interviews li
{
	display:				inline;
}

.feature-article img,
#case-study-listing img,
.other-key-findings li,
#video-listing li img,
#ranking-instructions p .btn,
#base-callout .feature img,
#base-callout .intro h2
{
	float:					left;	
}

#section:after,
#header #navigation:after,
#footer:after,
#base-callout .actions:after,
#base-callout .intro:after,
#base-callout .video-interviews:after,
#base-callout .feature:after,
#core-container:after,
.feature-article:after,
#key-finding-grid:after,
#key-finding-listing li:after,
#case-study-listing li:after,
.other-key-findings:after,
.other-case-studies:after,
#video-listing li:after,
#country-profile ul:after,
#country-data:after,
#ranking-instructions:after,
#indicator-filter:after,
#ranking-data:after,
#order-chart:after,
.horizontal-graph:after,
.data-listing li div:after,
.callout-panel:after
{
	clear:					both;
	content:				".";
	display:				block;
	font-size:				0;
	height:					0;
	line-height:			0;
	overflow:				hidden;
	visibility:				hidden;
}

/* Button Styles */

.btn
{
	display:				block;
	text-indent:			-9999px;
	overflow:				hidden;
}

#base-callout .rankings .view-ratings
{
	background:				url(/assets/images/bg-standard-text-links.gif) -404px 0 no-repeat;	
	width:					132px;
	float:					right;
	margin:					14px 0 0;
}

#base-callout .rankings .view-ratings:hover
{
	background-position:	-404px -15px;	
}

#base-callout .country-data .view-interactive-map
{
	background:				url(/assets/images/bg-standard-text-links.gif) -549px 0 no-repeat;	
	width:					138px;
	float:					right;
	margin:					2px 0 0;
}

#base-callout .country-data .view-interactive-map:hover
{
	background-position:	-549px -15px;	
}

#base-callout .feature .read-case-study
{
	background:				url(/assets/images/bg-small-text-links.gif) -145px 0 no-repeat;	
	width:					138px;
	float:					right;
	margin:					10px 0 0;
}

#base-callout .feature .read-case-study:hover
{
	background-position:	-145px -15px;	
}

#base-callout .feature .read-more
{
	background:				url(/assets/images/bg-small-text-links.gif) -654px 0 no-repeat;	
	width:					82px;
	float:					right;
	margin:					10px 0 0;
}

#base-callout .feature .read-more:hover
{
	background-position:	-654px -15px;	
}

.show-key-finding
{
	background:				url(/assets/images/bg-small-text-links.gif) 0 0 no-repeat;	
	width:					140px;
	margin:					10px 0 0;
	height:					15px;
}

.show-key-finding:hover
{
	background-position:	0 -15px;	
}

.back-to-key-findings
{
	background:				url(/assets/images/bg-button-sprite.gif) -708px 0 no-repeat;	
	width:					181px;
	height:					25px;
}

.back-to-key-findings:hover
{
	background-position:	-708px -27px;	
}

.read-full-case-study
{
	background:				url(/assets/images/bg-small-text-links.gif) -404px 0 no-repeat;	
	width:					135px;
	margin:					10px 0 0;
	height:					15px;
}

.read-full-case-study:hover
{
	background-position:	-404px -15px;	
}

.back-to-case-studies
{
	background:				url(/assets/images/bg-button-sprite.gif) -890px 0 no-repeat;	
	width:					181px;
	height:					25px;
}

.back-to-case-studies:hover
{
	background-position:	-890px -27px;	
}

.watch-video
{
	background:				url(/assets/images/bg-small-text-links.gif) -286px 0 no-repeat;	
	width:					112px;
	margin:					10px 0 0;
	height:					15px;
}

.watch-video:hover
{
	background-position:	-286px -15px;	
}

li:hover .watch-video
{
	background:				url(/assets/images/bg-small-text-links.gif) -543px 0 no-repeat;	
	width:					112px;
	margin:					10px 0 0;
	height:					15px;
}

li:hover .watch-video:hover,
li.selected .watch-video
{
	background-position:	-543px -15px;	
}

#country-filter .healthcare-inputs,
#core-container #country-filter.inactive .healthcare-inputs
{
	background:				url(/assets/images/bg-country-filter-tabs.png) 0 0 no-repeat;	
	width:					152px;
	height:					33px;
	outline:				none;
}

#country-filter .healthcare-inputs:hover,
#country-filter .selected .healthcare-inputs
{
	background-position:	0 -33px;	
}

#country-filter .healthcare-outcomes,
#core-container #country-filter.inactive .healthcare-outcomes
{
	background:				url(/assets/images/bg-country-filter-tabs.png) -152px 0 no-repeat;	
	width:					169px;
	height:					33px;
	outline:				none;
}

#country-filter .healthcare-outcomes:hover,
#country-filter .selected .healthcare-outcomes
{
	background-position:	-152px -33px;	
}

#country-filter .healthcare-risks,
#core-container #country-filter.inactive .healthcare-risks
{
	background:				url(/assets/images/bg-country-filter-tabs.png) -321px 0 no-repeat;	
	width:					159px;
	height:					33px;
	outline:				none;
}

#country-filter .healthcare-risks:hover,
#country-filter .selected .healthcare-risks
{
	background-position:	-321px -33px;	
}

#country-profile ul li a.back-to-map
{
	background:				url(/assets/images/bg-country-profile-tabs.gif) 0 0 no-repeat;	
	width:					100px;
}

#country-profile ul li a.back-to-map:hover
{
	background-position:	0 -29px;	
}

#country-profile ul li a.country-profile
{
	background:				url(/assets/images/bg-country-profile-tabs.gif) -100px 0 no-repeat;	
	width:					104px;
}

#country-profile ul li a.country-profile:hover,
#country-profile ul li.selected a.country-profile
{
	background-position:	-100px -29px;	
}

#country-profile ul li a.country-data
{
	background:				url(/assets/images/bg-country-profile-tabs.gif) -204px 0 no-repeat;	
	width:					104px;
}

#country-profile ul li a.country-data:hover,
#country-profile ul li.selected a.country-data
{
	background-position:	-204px -29px;	
}

.spending-overview
{
	width:					133px;
	background:				url(/assets/images/bg-standard-text-links.gif) 0 0 no-repeat;	
}

.spending-overview:hover,
.selected .spending-overview
{
	background-position:	0 -15px;	
}

.policy-overview
{
	width:					120px;
	background:				url(/assets/images/bg-standard-text-links.gif) -142px 0 no-repeat;	
}

.policy-overview:hover,
.selected .policy-overview
{
	background-position:	-142px -15px;	
}

.diseases-overview
{
	width:					133px;
	background:				url(/assets/images/bg-standard-text-links.gif) -264px 0 no-repeat;	
}

.diseases-overview:hover,
.selected .diseases-overview
{
	background-position:	-264px -15px;	
}


#geographical-info .text-healthcare-inputs
{
	background:				url(/assets/images/bg-standard-text-links.gif) -696px 0 no-repeat;	
	width:					130px;
	height:					15px;
	outline:				none;
}

#geographical-info .text-healthcare-inputs:hover,
#geographical-info .selected .text-healthcare-inputs
{
	background-position:	-696px -15px;	
}

#geographical-info .text-healthcare-outcomes
{
	background:				url(/assets/images/bg-standard-text-links.gif) -834px 0 no-repeat;	
	width:					153px;
	height:					15px;
	outline:				none;
}

#geographical-info .text-healthcare-outcomes:hover,
#geographical-info .selected .text-healthcare-outcomes
{
	background-position:	-834px -15px;	
}

#geographical-info .text-healthcare-risks
{
	background:				url(/assets/images/bg-standard-text-links.gif) -992px 0 no-repeat;	
	width:					130px;
	height:					15px;
	outline:				none;
}

#geographical-info .text-healthcare-risks:hover,
#geographical-info .selected .text-healthcare-risks
{
	background-position:	-992px -15px;	
}

#ranking-instructions .back-to-map
{
	width:					100px;
	background:				url(/assets/images/bg-button-sprite.gif) -1099px 0 no-repeat;	
	height:					23px;
}

#ranking-instructions .back-to-map:hover
{
	background-position:	-1099px -27px;	
}

#indicator-filter .category-indicator-graph
{
	width:					137px;
	background:				url(/assets/images/bg-ranking-tabs.gif) 0 0 no-repeat;	
}

#indicator-filter .category-indicator-graph:hover,
#indicator-filter .selected .category-indicator-graph
{
	background-position:	0 -37px;	
}

#indicator-filter .overall-ranking-chart
{
	width:					110px;
	background:				url(/assets/images/bg-ranking-tabs.gif) -137px 0 no-repeat;	
}

#indicator-filter .overall-ranking-chart:hover,
#indicator-filter .selected .overall-ranking-chart
{
	background-position:	-137px -37px;	
}

.noflash
{
	padding:				10px;
}

.noflash p
{
	margin-bottom:			12px;
}

#map-display div .noflash a
{
	display:				inline;
}