/* CSS Document */

/* -----| Style reset |---------------------------------------------------------------------- */
html {
	font-size: 62.5%;	/* Reset 1em to approximately 10px */
	font-family: Verdana, Sans-Serif;
	line-height: 1.8em;
}

ul {
	margin: 0.25em 0em 1.5em 0em;
	padding: 0em;
}

li {
	list-style-type: none;
	padding: 0em;
	margin: 0em;
	text-align: left;
}

body, body form {
	width: 820px;
	margin: 0px auto;
	margin-top: 10px;
}

body.Center {
	width: 800px;
	margin: 0px auto;
}

div.Names img {
	border: 0px;
	margin-left: 0.5em;
}

a, a:link, a:visited, a:active {
	color: #555;
}

a:hover {
	color: #6C956C;
}

h2 {
	font-weight: normal;
	font-size: 1.8em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	color: #046A8B;
}

h3 {
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	color: #333;
}

p {
	font-size: 1.2em;
}

/* -----| Reuseable elements |--------------------------------------------------------------- */
div.Left {
	float: left;
}

div.Right {
	float: right;
}

div.Clear {
	clear: both;
}

div.ValidationSummary {
	border: solid 1px #333;
	background-color: #faa;
	padding: 1em 1em 0em 1em;
	font-size: 1.2em;
	margin-bottom: 2em;
}

div.ValidationSummary li {
	list-style-type: square;
	margin-left: 2em;
}

div.Confirm {
	margin-top: 0.75em;
	border: solid 1px #9cd379;
	background-color: #d8efce;
	padding: 0.75em 1em;
	font-size: 1.4em;
}

div.body {
	background-attachment: fixed;
}


/* -----| Header |--------------------------------------------------------------------- */

div.Header{
	height: auto;
	font-size: 2.5em;
	color: #888;
}

div.Header div.Logo{
	float: left;
}

div.Header div.Title {
	margin-left: 3.5em;
	padding-top: 0.8em;
	color: #0587AF;
}

div.Header div.Title span{
	font-size: 0.5em;
	line-height: 2.5em;
}

div.Introduction {
	margin: 0.7em 0em 1em 7em;
	font-size: 0.5em;
	color: #035A74;
}

/* -----| Navigation |--------------------------------------------------------------------- */
div.Navigation {
	display: block;
	margin-bottom: 1em;
	background: #D7EAEE;
	border-top: solid 1px #AFD9E2;
	border-bottom: solid 1px #AFD9E2;
	padding: 0.2em 1em;
	font-size: 1.3em;
	color: #3C4345;
	height: 1.4em;
}

div.Navigation span {
	color: #9DBBC2;
	margin-bottom: 0.5em;
}

div.Navigation a:link, div.Navigation a:active, div.Navigation a:visited {
	color: #057395;
	text-decoration: none;
	font-weight: normal;
}


div.Navigation a:hover {
	color: #3C4345;
}

div.Disclaimers {
	margin: 0em;
	padding: 0em;
	text-align: right;
	font-size: 0.8em;
}

div.Disclaimers a:link, div.Disclaimers a:active, div.Disclaimers a:visited {
	text-decoration: none;
	color: #555;
}

div.Disclaimers a:hover {
	color: #046A8B;
	text-decoration: underline;
}

/* -----| Main content |--------------------------------------------------------------------- */

div.Content {
	font-size: 1.1em;
	background: url(_Images/headerbar.png) repeat-x bottom center;
}

div.Content h1 {
	line-height: 1.2em;
	font-weight: normal;
	font-size: 1.75em;
	margin: 0.75em 0em 0.1em 0em;
}

div.Content h3 {
	font-size: 1.2em;
	font-weight: normal;
	color: #777;
	margin: 0.1em 0em;
}

div.Content p {
	margin: 0em 0em 1.5em 0em;
}

div.Main {
	border: solid 1px #ccc;
	background-color: #f4f4f4;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 1em;
	padding-top: 0.3em;
	height: 52em;
}

div.Map {
	/*margin: 1em 0em;
	border: solid 1px #ccc;
	background-color: #fff;
	padding: 0.2em;
	padding-bottom: 0.5em;
	width: 95%;*/
	height:100%;
}


div.Map span {
	font-style: italic;
	color: #666;
	font-size: 10px;
}
div.Instruction {
	color: #046A8B;
	margin: 0em 0em;
}

div.Names div.Country {
	border: solid 1px #ccc;
	padding: 1em;
	margin-bottom: 1em;
	color: #046A8B;
	background-color: #f4f4f4;

}

div.Country h1, div.Names h1 {
	color: #046A8B;
	margin: 0em 0em 0.5em 0em;
	padding: 0em;
	font-size: 1.5em;
}
	
div.Names div {
	color: #333;
	padding: 1em 2em 1em 2em;
	border: solid 1px #ccc;
	background-color: #fff;
}

div.Names h2 {
	color: #046A8B;
	margin: 0em 0em 0.5em 0em;
	font-size: 1.2em;
}

div.Names table {
	width: 100%;
}

div.Names table tr {
	width: 100%;
}

div.Names table th {
	text-align: left;
	color: #333;
	font-size: 1.2em;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 0.3em 0em;
}


div.Names table tr td {
	padding: 0.2em;
	border-bottom: solid 1px #ccc;
	font-size: 1.2em;
	vertical-align: top;
}

div.Names table tr td b {
	color: #666;
}

div.Names table tr td span {
	font-size: 0.9em;
	font-style: italic; 
}

div.Names table tr#UNnames {
	color: #046A8B;
}

/* -----| GeoNames |------------------------------------------------------------------------ */
#GeoNames {
	border: 1px solid #ccc;
	background-color: #F4F5F4;
}

div.CountryList {
	width: 15em;
	padding: 1.0em;
	margin: 0.5em;
	float: left;
	border: 2px solid #ccc;
	background: url(../_Images/feature.png) repeat-x top center #fff;
}

div.CountryList a {
	color: #666;
}

div.CountryList h1 {
	margin: 0em 0em 0.3em 0em;
	color: #666666;
}

div.NameDisplay {
	padding: 0.5em 0.5em 0.5em 21em;
}

div.NameDisplay table {
	background-color: #fff;
}

div.NameDisplay table h3 {
	font-size: 1.8em;
}

/* -----| Host page |------------------------------------------------------------------------ */
div.Static {
	font-size: 1.2em;
	margin-top: 0.75em;
	text-align: justify;
}

div.Static ul li {
	text-align: justify;
	margin-left: 3em;
	list-style-type: disc;
}

div.Static blockquote {
	font-family: Consolas, Courier New;
}

/* -----| Popup |------------------------------------------------------------------------ */
div.Names div.Popup {
	background-color: #DCF1F8;
	visibility: hidden; 
	position:absolute;
	border: solid 1px #046A8B;
	width: 30em;
	padding: 0em;
}

div.Names div.Popup div.Close {
	text-align: right;
	padding: 0.5em 0.5em 0.5em 0em;	
	margin: 0em;
	border: none;
}

div.Names div.Popup h3 {
	margin: 0.7em 0em 0em 1em;
	padding: 0em;
	background-color: #DCF1F8;
	font-weight: normal;
	color: #046A8B;
}

div.Names div.Popup div.InfoText {
	margin: 0em;
	padding-left: 1.2em;
	background-color: #DCF1F8;
	border: none;
}

/* -----| Footer |------------------------------------------------------------------------ */
div.SiteFoot {
	clear: both;
	border-top: solid 1px #CFD4E6;
	margin: 50px auto 10px auto;
	padding-top: 10px;
	text-align: center;
	font-size: 1.0em;
	color: #aaa;
}



div.SiteFoot div.Links {
	margin-bottom: 10px;
}



div.SiteFoot div a, div.SiteFoot div a:link, div.SiteFoot div a:visited, div.SiteFoot div a:hover, div.SiteFoot div a:active {
	color: #aaa;
}



div.SiteFoot div a:hover {
	color: #777;
}



div.SiteFoot div.Links a {
	margin: 0px 8px;
	color: #777;
}

/* -----| FAQ |--------------------------------------------------------------------- */
div.Question {
	font-size: 1.2em;
	color: #046A8B;
	margin-bottom: 1em;
	border-bottom: solid 1px #ccc;
}

div.Answer {
	font-size: 1.2em;
}


/* -----| Feedback |--------------------------------------------------------------------- */
div.FeedbackSent {
	margin-top: 2em;
	font-size: 1.2em;
	color: #0C7394;
}

/* -----| Updates |--------------------------------------------------------------------- */
table#updates {
	border: solid 1px #ccc;
}

table#updates tr {
	border-bottom: solid 1px #ccc;
}

table#updates tr td {
	padding: 0.5em 1em;
}

/* -----| References |--------------------------------------------------------------------- */
table#databaseIds {
	margin-bottom: 2em;
}

table#databaseIds table {
	text-align: right;
	border: solid 1px #ccc;
	border-left: none;
	border-right: none;
	border-top: none;
}

table#databaseIds table tr td {
	padding: 0em 1em;
	background-color: #fff;
}

#ddCountryList {
	margin-bottom: 1em;
}

div.section {
	width: 95%;
	overflow: scroll;
	overflow-y: auto;
	overflow-x: scroll;
	border: solid 1px #555;
}

div.explanation {
	margin-bottom: 1em;
	color: #256376;
}