body {background: #F5F5F5; font-family: arial, helvetica, sans-serif; /*color:#444444;*/ font-size:14px;  margin:0px; }
h2 {text-align:center;}
.live {font-size:0.8em; font-weight:normal;}
/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
#pagewrap {
	width: 960px;
	margin: 0 auto;
	border:0px solid #FFAA00;
}
.clear {clear: both;}
.center {text-align:center; }
.left {text-align:left; }
/************************************************************************************
TOP MENU
*************************************************************************************/
#top_menu{width:100%; margin-bottom:10px; position:relative; display:block; height:35px; line-height:35px; font-family:arial;  font-size:14px; font-weight:bold; text-align:left; background: #FFAA00;}
#top_menu ul{margin:0;padding:0;list-style-type:none;width:auto;float:right; padding-right:20px;}
#top_menu ul li{display:block;float:left;margin:0;}
#top_menu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:0px 20px 0 20px;height:35px; line-height:35px; font-size:14px;font-family:arial;  }
#top_menu ul li a:hover {color:#fff;background:#FFBF40; font-size:14px;font-family:arial;  }
#top_menu ul li a.current{color:#fff;background:#FFBF40; font-size:14px; font-family:arial; }

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	//background: #fff;
	margin: 20px 10px 15px 10px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	height:80px;
	
}
#header h1 {font-family: verdana; font-weight: bold; font-size: 185%; color: #0000D5;  }
/* site logo */
#logo {float:left;margin-right:15px; width:180px;}
#flag {float:left; margin-right:10px; text-align:left;}

#mill {padding:35px 3px 0 3px ; text-align:center;}

#selector {margin-left:0px;padding:5px 3px 0 3px ; text-align:center;}
#selector select {padding-left:10px; width: 310px;}

#language {margin-top:6px; margin-left:2px; margin-right:15px;background-color: #FFAA00;color:#fff; border-color: Transparent; }

#ads_line_top { padding:0px 20px 0 20px;}
#ads_line_middle	{float: right; margin:5px 0px 0 0;}
#ads_top {clear: both;}

#ads_bottom {width: 100%; clear:both;}

.advert {float: left;  margin:20px;}
.social {margin: 0 auto; width:70%; text-align:center;}
.social table { width:100%;}
.social td {border: 0px solid #E3E3E3; width:33%;}

.data_div {
	float: left;
	width:45%;
	background: #F5F5F5;
	margin: 1%;
	padding: 5px ;
	border:0px solid #444444;
}
.width45 {width:45%;}
.data_div_right {display: block;
	float: left;
	width:45%;
	background: #F5F5F5;
	margin: 1%;
	padding: 5px ;
	border:0px solid #444444;
}

#cp1 {	font-size: 110%;}

#Population_clock table {width:100%;}
#Population_clock tr {height:42px; /*font-size: 90%;*/}
#Population_clock td {border-bottom: 1px solid #E3E3E3;}

.data_div_main {
	float: left;
	width:28%;
	height:1000px;
	margin: 1%;
	padding: 10px ;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.data_div_main h2{border-bottom:1px solid #FFAA00; color:#FFAA00; font-family: arial; font-size: 150%; margin-bottom:0pt; padding-bottom:0; text-align:left;}


.death_top {width:100%;text-align:center;}
.death_top table { width:100%;}
.death_top th {width:40%; font-size: 125%; color:blue; font-weight: normal;border:0px solid #FFAA00;}
.death_top tr {height:25px; /*font-size: 90%;*/}
/*.death_top tr:nth-child(2n+1) {border-bottom: 1px solid #E3E3E3;}*/
.notunderlined td {border-bottom: 0px solid #E3E3E3;}
.underlined td {border-bottom: 1px solid #E3E3E3;}
.death_name{font-size: 130%;padding:0px; border:0px solid #FFAA00;}
.death_counter {font-size: 130%; font-weight: bold;}
.death_perc {width:50px;text-align:center;color:#FFAA00;border:0px solid #FFAA00;}
.source {text-align:left; font-size: 120%;}

.menu {padding:20px 0 0 10px ;border:0px solid #FFAA00;}
.menu td {font-size: 110%; line-height: 1.5;border:0px solid #FFAA00;}
#contents  {font-size: 110%; line-height: 1.3;border:0px solid #FFAA00;}

.review {
	clear:both;
	/*float: left;*/
	width:90%;
	background: #F5F5F5;
	margin: 1% auto;
	padding: 10px ;
	font-size: 120%;
	font-family:"Fjalla One";
}
.review h2,h3{text-align:center;}

#clock {float:right; font-size: 90%;margin-top: 20px;}

.counter {font-size: 130%;
	width: 160px;
	font-weight: bold;
	text-align:right;
	background: none;
}
.data_name {
	padding-left:15px;
	text-align:left;
	background: none;
	font-size: 125%;
}
.reach {text-align:center;	font-size: 180%; font-weight: bold;}
.reach_d {text-align:center;	font-size: 120%; font-weight: bold;}


.list { font-size: 16px;padding-left:15px;}

#footer{ clear:both; width:100%; position:relative; padding-bottom:50px;background: #224273; 
font-family: arial, helvetica, sans-serif; font-size: 13px; color: #ccc; margin-top:10px; padding-bottom:4px; padding-top:10px;
}
#footer a:link{font-family: arial, helvetica, sans-serif; font-size: 13px; color: #B3BFD5; text-decoration:none;}
#footer a:visited{font-family: arial, helvetica, sans-serif; font-size: 13px; color: #B3BFD5; text-decoration:none;}
#footer a:hover{font-family: arial, helvetica, sans-serif; font-size: 13px; color: #E2E7EF; text-decoration:none;}
#footer h3{font-size: 15px; text-align:left;   margin:0 0 9px;   color:#ffffff;}
#footer ul{  margin:0;  padding:0;  list-style:none;  text-align:left;}
#footer ul li{  height:10%;  vertical-align:top;  padding:0 0 6px 0;   text-align:left;}

.data_div_main p{margin:5px 0  0px 0; font-size: 25px;}
a.main_page:link{text-decoration:none;color:blue;font-size: 15px; padding:10px;}
a.main_page:visited{text-decoration:none;color:blue;}
a.main_page:hover {color:#FFAA00;text-decoration:underline;}	

.facts {width:100%; border:1px solid #444444;text-align:center; border-spacing: 0;}
.facts tr { height:28px; font-size: 90%; }
.facts tr:nth-child(2n+1) {
    background: #BFBFBF; /* Цвет фона */
  font-weight: bold;
   } 
 .facts  tr:nth-child(1) {
    background: #BFBFBF; /* Цвет фона */
 font-weight: bold;
}
.facts tbody tr:hover {
    background: #666; /* Цвет фона при наведении */
    color: #fff; /* Цвет текста при наведении */
   }

#population_chart {width:100%; height:350px;}
#population_growth_chart {width:100%; height:300px;}
.years {width:100%; border:1px solid #444444;text-align:center; border-spacing: 0;}
.years tr { height:28px; font-size: 90%; }
.years tr:nth-child(2n+1) {
    background: #BFBFBF; /* Цвет фона */
   } 
 .years  tr:nth-child(1) {
    background: #666; /* Цвет фона */
    color: #fff; /* Цвет текста */
}
.years tbody tr:hover {
    background: #666; /* Цвет фона при наведении */
    color: #fff; /* Цвет текста при наведении */
   }
#about p {font-size: 120%;}

.ref_link {text-decoration: none;}
#notes a{text-decoration:none;}
#notes h3{text-align:left;}
#contents ol li { line-height:30px;}
#facts_ol li { list-style-type :disc;}


/*age structure */
.perc 	{width:80%; border:0px solid #444444; text-align:center; border-spacing: 0; font-size: 0.8em; margin: 3px auto ;}
.perc1 {background: skyblue; border:1px solid #444444;}
.perc2 {background: orange; border:1px solid #444444;}
.perc3 {background: yellow ; border:1px solid #444444;}
.perc_info {text-align:left; border:0px solid #444444;}
.perc4 {background: royalblue ; border:1px solid #444444;}
.perc5 {background: plum ; border:1px solid #444444;}
.perc_left {width:10%; text-align:center;}
.perc_male {width:45%; text-align:right; padding-right: 5px; font-size: 1.1em;}
.perc_female {width:45%; text-align:left; padding-left: 5px; font-size: 1.1em;}