html, body, h1, h2, h3, h4, h5, h6, div, p, a, img, table, thead, tbody, th, td, dl, ul, ol, li, dt, dd, form, fieldset, label, button, hr, header, nav, article, footer,section, aside 	{margin: 0; padding: 0; border: 0; font-weight: normal;}
ol, ul		{list-style: none;}
a img		{border: none;}
:focus 		{outline: 0;}
header, nav, article, footer,section, aside 	{display:block;}


/* general layout */

html				{
                    background-color: #bbb;
                    background-image: linear-gradient(top, #666666 0%, #BBBBBB 500px);
                    background-image: -o-linear-gradient(top, #666666 0%, #BBBBBB 500px);
                    background-image: -moz-linear-gradient(top, #666666 0%, #BBBBBB 500px);
                    background-image: -webkit-linear-gradient(top, #666666 0%, #BBBBBB 500px);
                    background-image: -ms-linear-gradient(top, #666666 0%, #BBBBBB 500px);
                }
body			{position: relative; padding: 0; font-family: Arial; font-size: 62.5%; color: #444;}

.top-banner
		{
			position: absolute;
			z-index: 1;
			top: 0;
			left: 50%;
			margin-left: -230px;
		}

.page			{
                    position: relative;
                    width: 1000px;
                    margin: 0 auto;
                    background: #fff url(../images/body-bg.png) 50% 0 no-repeat;
                    border-radius: 0 0 10px 10px;
                    box-shadow: 0 0 10px #444;
                }

a:link			{color: #069;}
a:visited		{color: #069;}
a:hover			{text-decoration: none; color: #069;}

header			{height: 70px; padding-top: 17px; padding-bottom: 2px; margin: 0 25px; border-bottom: solid 1px #ddd;}
	header .logo			{font-size: 170%; color: #999;}
		.logo a, .logo span			{font-size: 150%; text-decoration: none;}
	.lang				{position: absolute; top: 15px; left: 50%; width: 175px; margin-left: 300px; text-align: right; font-size: 120%;}
.container		{
                    position: relative;
                    overflow: hidden;
                    zoom: 1;
                    padding: 40px 25px 50px 15px;
                    font-size: 130%;
                }
	.nav				{position: absolute; top: 12px; right: 22px; color: #999;}
		.nav a					{margin: 0 3px;}
	article				{float: right; width: 720px;}
	aside				{float: left; width: 190px; padding-right: 25px; margin-top: 49px; border-right: solid 1px #ddd;}
		.side-menu				{margin: -7px 0 40px 0; font-size: 90%;}
			.side-menu li					{margin-top: -1px;}
				.side-menu li a, .side-menu li span	{display: block; padding: 8px 5px 7px 7px; border-bottom: solid 1px #ddd; border-left: solid 3px transparent; line-height: 15px; text-decoration: none; color: #666;}
				.side-menu li span					{border-left-color: #069; color: #069;}
				.side-menu li a:hover				{border-left-color: #069; color: #069;}
footer			{margin: 0 25px; border-top: solid 1px #eee; padding: 20px 0 25px 0; text-align: right; font-size: 120%; color: #999;}
	footer a				{color: #999;}

.top-context	{position: absolute; top: 7px; left: 50%; margin-left: 241px; width: 234px; height: 60px;}
.share			{margin-bottom: 40px;}

/* content */

h1				{margin-bottom: 30px; font-size: 180%; color: #069;}
h2				{font-size: 130%;}
h3				{font-size: 140%;}
h4				{font-size: 130%;}
h5				{font-size: 115%; font-weight: bold; color: #069;}
h6				{font-size: 100%;}

a[rel=ajax]		{text-decoration: none; border-bottom: dashed 1px #069;}

section p		{margin-bottom: 15px; line-height: 1.5em;}

/* main page */
.allcountries	{overflow: hidden;}
	.allcountries h4		{margin-bottom: 10px; font-weight: bold; color: #069;}
	.allcountries ul		{overflow: hidden; height: 1%; width: 770px; padding-bottom: 25px; font-size: 100%; line-height: 15px;}
		.allcountries li			{float: left; width: 31%; height: 30px; padding-right: 2%;}
			.allcountries a				{color: #444;}

/* country page */
.country 		{
                    overflow: hidden;
                    zoom: 1;
                    margin-top: -10px;
                }
	.country .info		{float: left; width: 480px; overflow: hidden;}
		.country  dl				{width: 100%; margin: -6px 0 15px 0;}
			.country  dt, .country  dd		{position: relative; display: inline-block; padding: 7px 1px; border-top: solid 1px #ddd; vertical-align: top; line-height: 15px;}
			.country  dt					{width: 48%; color: #777;}
				.country  dt sup					{line-height: 0;}
			.country  dd					{width: 50%;}
				.country  dd a					{white-space: nowrap;}
				.country  dd a#projection-link	{position: absolute; top: 5px; left: 30%; margin-left: 20px;}
				.country  dd span					{float: right;  width: 150px; margin-left: -150px; text-align: right; font-size: 90%; line-height: 15px; color: #999;}
				.country  dd small					{margin-left: 10px; font-size: 90%; color: #999;}
				.country  dd b					{font-weight: normal;}
				.country  dd b.plus				{color: #444;}
				.country  dd b.minus				{color: #d00;}
				.country  dd .pop					{position: absolute; z-index: 10; top: 29px; left: -100px; right: 0; padding: 10px 15px; background-color: #fff; border: solid 1px #ddd; font-size: 90%; line-height: 20px; color: #777;}
				.country  dd .pop					{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 3px 5px rgba(0,0,0,.2);}
					.country  dd .pop h6					{margin-bottom: 10px; line-height: 1.2em;}
				.country  dd #what-time-body 		{line-height: 1.2em;}
					.country  dd #what-time-body strong		{display: block; padding-bottom: 7px; margin-bottom: 7px; border-bottom: solid 1px #ddd; word-spacing: 7px; font-weight: normal; }
						.country  dd big						{font-size: 150%;}
					.country  dd .pop-close				{position: absolute; top: 2px; right: 2px; display: block; width: 12px; height: 12px; background: url(../images/lightbox-btn-close.png) 50% 50% no-repeat;}
				.country  ol						{margin-left: 27px; list-style-type: decimal;}
					.country  ol li							{margin-bottom: 5px;}
	.country .media		{float: right; width: 202px; padding-left: 20px; border-left: solid 1px #ddd;}
		.country .media ul		{margin: -6px 0 20px 0; border-bottom: solid 1px #ddd;}
			.country .media ul li			{padding: 8px 0 7px 0; line-height: 15px;}
		.country .media h5		{padding-bottom: 3px; margin-bottom: 5px; background: #fff;}
		.country .media img		{display: block; margin-bottom: 20px; border: solid 1px #ddd;}
		.country audio			{width: 200px; margin-bottom: 20px;}
			.country audio object			{width: 194px; height: 40px; margin-bottom: 20px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}

/* countries compare */
.fog			{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=0.5);}
.compare		{margin-bottom: 15px; padding: 5px; border-radius: 5px; background: #eee; text-align: right; color: #777;}
	.compare select		{width: 177px; height: 22px; margin-left: 10px; white-space: normal;}
.compare-div	{position: absolute; z-index: 99; top: 170px; left: 50%; width: 800px; min-height: 100px; padding: 15px 20px 25px 20px; margin-left: -420px; background: #fff; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 0 10px #444; -webkit-box-shadow: 0 0 10px #444; box-shadow: 0 0 10px #444; font-size: 140%;}
article .compare-div		{position: static; width: 100%; margin: -7px 0 0 0; padding: 0 0 20px 0; border: none; box-shadow: 0; background: transparent; font-size: 100%;}
article .compare-div		{-moz-box-shadow: none; -webkit-box-shadow: none; }
	.compare-close		{position: absolute; top: 5px; right: 5px; display: block; width: 12px; height: 12px; background: url(../images/lightbox-btn-close.png) 50% 50% no-repeat;}
	.compare-div h5		{margin-bottom: 0;}
	.compare-div table	{width: 100%; border-collapse: collapse; font-size: 90%;}
		.compare-div  th, .compare-div  td	{position: relative; padding: 6px 10px; text-align: center; line-height: 15px;}
		.compare-div  thead th			{padding-bottom: 15px;}
		.compare-div  th+td			{width: 230px;}
		.compare-div  th+td+td			{width: 70px;}
		.compare-div  th+td+td+td		{width: 230px;}
		.compare-div  th				{border: none; font-size: 110%;}
		.compare-div  td				{border: solid 1px #ddd;}
		.compare-div  .ratio			{white-space: nowrap;}
		.compare-div  .win			{background: #efe;}

		.compare-div  tbody th			{border: solid 1px #ddd; text-align: left; font-size: 100%;}
		.compare-div  tbody span		{float: right; width: 50px; margin: 2px 0 0 -50px; text-align: right; font-size: 90%; color: #777; white-space: nowrap;}
		.compare-div  tbody sup		{line-height: 0;}
.constant-link	{padding-top: 15px; text-align: right; font-size: 90%;}

/* country tags */
.words			{padding-left: 10px; margin-bottom: 15px; border-left: solid 3px #9cf;}
	.words label			{display: inline-block; width: 265px; vertical-align: top;}
	.words div			{float: right; width: 190px;text-align: right;}
		.words input[type=text]	{width: 140px;}
		.words input[type=submit]	{width: 30px;}
		.words #url				{width: 0; padding: 0; margin: 0; border: none; visibility: hidden;}
		.words span				{display: block; margin-top: 5px; font-size: 90%;}
			.words div i					{font-style: normal;}
			.words .red					{color: #b00;}
			.words .green				{color: #490;}
			.words .finish				{display: none;}
.country-tags	{margin-bottom: 25px; padding-top: 10px; border-top: solid 1px #ddd;}
	.country-tags h5		{margin-bottom: 10px; color: #666; font-weight: normal; font-size: 100%;}
	.country-tags>a		{margin-right: 10px; text-decoration: none;}
	.country-tags>a:hover{text-decoration: underline;}

/* media pages */
.media-page		{width: 500px;}
	.big-img			{display: block; margin-top: -8px; margin-bottom: 20px; border: solid 1px #ddd;}
	.seealso			{margin: 20px 0 40px 0;}
	.gimn-info			{margin-top: 20px; color: #666;}
	.media-page .anthem			{display: block; width: 400px; margin-bottom: 15px;}
		.media-page .anthem object			{display: block; width: 400px; height: 42px; margin-bottom: 30px;}

/* lists */
.list-country 	{margin-right: 180px; min-height: 650px;}
.lists-menu		{list-style-type: disc; list-style-position: inside; color: #666;}
	.lists-menu li		{margin-bottom: 10px; padding-left: 10px;}
		.lists-menu a			{margin-right: 10px;}
.sort-please	{margin: -32px 0 15px 0; text-align: right; font-size: 90%; line-height: 15px; color: #777;}
.type-list		{width: 520px; margin-bottom: 40px; border-collapse: collapse;}
	.type-list .header	{padding: 5px; margin: 0; height: 30px;}
        .type-list .header a	    {border-bottom: 1px dashed #069;text-decoration: none;}
	.type-list th, .type-list td	{border: solid 1px #ddd; text-align: center;}
	.type-list td				{padding: 5px 15px;}
	.type-list th+td				{text-align: left;}
.short-list tr td:first-child		{text-align: left !important;}
.right-context	{
	position: fixed;
	top: 200px;
	left: 50%;
	margin-left: 320px;
	width: 160px;
}
.flag-list		{overflow: hidden; height: 1%; width: 500px;}
	.flag-list li			{float: left; width: 50%; min-height: 200px;}
		.flag-list img, .emblem-list img	{display: block; margin: 7px 0 20px 0; border: solid 1px #ddd;}
.list-subpage	{width: 500px;}
	.list-subpage ul		{width: 50%;}
	.list-subpage ol		{width: 50%; list-style-type: decimal; list-style-position: outside; margin-left: 30px; color: #999;}
		.list-subpage li			{zoom: 1; margin-bottom: 7px;}
			.list-subpage li span			{float: right; color: #777;}

.bn				{
					position: absolute;
					top: 0;
					left: 420px;
					width: 560px;
                    padding: 0 10px;
                    background-color: #fff;
                    font-size: 120%;
				}
        .bn .free		{
                            display: block;
                            height: 56px;
                            border: solid 2px #eee;
                            border-radius: 5px;
                            background-color: #fff;
                            text-align: center;
                            font-size: 18px;
                            line-height: 30px;
                            text-decoration: none;
                            color: #999;
                        }
                .bn-info		{
                                    display: block;
                                    font-size: 15px;
                                    line-height: 1.5;
                                }
.a-block                {
                    margin: 10px 0;
                }

/* jquery lightbox */

#jquery-overlay {position: absolute;	top: 0;	left: 0; z-index: 90; width: 100%; height: 500px;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#jquery-lightbox a img {border: none;}
#lightbox-container-image-box {position: relative; min-width: 300px; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%;	zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0;	float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-container-image-data-box {min-width: 280px; font: 10px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 100%; text-align: left; padding: 10px 0; font-size: 120%; line-height: 1.3em;}
#lightbox-image-details h5	{margin-bottom: 10px;}
#lightbox-image-details p	{margin-bottom: 10px;}
#lightbox-image-details ul	{margin-bottom: 10px; margin-left: 20px; list-style-type: disc;}
	#lightbox-image-details ul li		{margin-bottom: 5px;}
#lightbox-image-details-caption {display: block;}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {position: absolute; z-index: 100; top: -10px; left: 100%; width: 20px; height: 20px; margin-left: -10px;}


/* ie hacks */
*+html .country  dt		{display: inline-block;}
*+html .country  dd		{display: inline-block;}
*+html .country  dt		{display: inline;}
*+html .country  dd		{display: inline;}

* html .country  dt			{display: inline-block;}
* html .country  dd		{display: inline-block;}
* html .country  dt			{display: inline;}
* html .country  dd		{display: inline;}

.spec-z					{z-index: 10;}


.under-list-context
		{
			margin: 30px 0;
		}
#page .digits
		{
			text-align: right;
		}
.right-context+p
		{
			margin-right: 200px;
		}
.lang-link-index
		{
			display: block;
			width: 250px;
			margin-top: -15px;
			margin-bottom: 25px;
		}
.lang-link-country
		{
			display: block;
			margin-top: -15px;
			margin-bottom: 30px;
		}
		.lang-link-country span
				{
					text-transform: capitalize;
				}
.lang-link-list
		{
			display: block;
			margin-top: -15px;
			margin-bottom: 30px;
		}
@media screen and (max-width: 920px)
{
	.top-banner
			{
				position: static;
				margin: 0 auto;
				text-align: center;
			}
	.right-context
			{
				display: none;
			}
	.type-list
			{
				width: 100%;
			}
}
@media screen and (max-width: 770px)
{
	.page
			{
				margin: 0;
				width: auto;
				background: #fff;
				box-shadow: none;
			}
	header
			{
				margin: 0;
				height: auto;
				padding: 20px;
			}
	aside,
	article
			{
				float: none;
				width: auto;
			}
	aside
			{
				margin: 0;
				border: none;
				border-top: 10px solid #ddd;
				padding-top: 20px;
			}
	.side-menu
			{
				font-size: 1.2rem;
				line-height: 1.5;
			}
	.side-menu li
			{
				padding: 10px 0;
				border-bottom: 1px solid #ddd;
				line-height: 1.3em;
			}
	.side-menu li a,
	.side-menu li span
			{
				border: none;
				line-height: 1.3em;
			}
	.share
			{
				display: none;
			}
	.allcountries ul
			{
				width: auto;
			}
	.right-context
			{
				display: none;
			}
	h1
			{
				margin-top: 1em;
				margin-bottom: 1.5em;
			}
	.sort-please
			{
				display: none;
			}
	.type-list
			{
				font-size: 1.1rem;
			}
	.type-list th,
	.type-list td
			{
				padding: .7em .5em;
			}
	.type-list .header
			{
				padding: .7em .5em;
			}
	.country .info
			{
				float: none;
				width: auto;
			}
	#media
			{
				float: none;
				width: auto;
			}
	.country .compare
			{
				padding: 20px 10px;
				line-height: 30px;
			}
	.country .compare select
			{
				vertical-align: top;
				height: 30px;
				font-size: 1rem;
			}
	.country dd a#projection-link
			{
				top: -1.5em;
				right: 0;
				left: auto;
			}
	#media
			{
				border-top: 10px solid #ddd;
				border-left: none;
				padding-top: 20px;
				padding-left: 0;
			}
}

@media screen and (max-width: 500px)
{
	.top-banner
			{
				display: none;
			}
	.allcountries
			{
				padding-bottom: 50px;
			}
	.allcountries h4
			{
				font-size: 1.5rem;
			}
	.allcountries li
			{
				float: none;
				margin-bottom: .5em;
				width: auto;
				height: auto;
				font-size: 1.3rem;
				line-height: 1.5;
			}
	.country .info
			{
				margin-bottom: 20px;
				font-size: 1.1rem;
			}
	.country dt,
	.country dd
			{
				display: block;
				width: auto;
				padding: 0;
				line-height: 1.3;
			}
	.country dt
			{
				padding-top: 10px;
			}
	.country dd
			{
				padding-top: 10px;
				padding-left: 3em;
				padding-bottom: 10px;
				border: none;
			}
	.country dd .pop
			{
				top: 2.5em;
				left: 0;
			}
	.country dd small
			{
				display: none;
			}
	.country dd span
			{
				position: absolute;
				bottom: 15px;
				right: 0;
			}
	.country .info ins
			{
				margin: 30px 0 0 0;
			}
	#media
			{
				font-size: 1.1rem;
				line-height: 1.5;
			}
	#media img
			{
				box-sizing: border-box;
				width: 100%;
			}
}

.under-list-context {
	margin-left: -240px;
}
.lists-menu {
	min-height: 600px;
}