@charset "utf-8";
/*
	* GuessTheFlag.com
	* Version 1.0
*/

/* Global */
body {
	background:#d8efa9;
	margin:0;
	padding:0;
	font-size:11px;
}

#wrapper {
	width:800px;
	margin:auto;
}
/* Global */

/* Header */
#header {
	font-family:Verdana;
	color:#9ab273;
	font-size:10px;
	text-align:center;
}
.logo {
	/*
	background: url(/images/guess-the-flag.png) no-repeat;
	width:523px;
	height:97px;
	*/
	text-align: left;
}
.head-text {
	height:24px;
	width:772px;
	background: url(/images/head-mid.png) repeat-x;
}
.head-left {
	background: url(/images/head-left.png) no-repeat;
	width:14px;
	height:24px;
}
.head-right {
	background: url(/images/head-right.png) no-repeat ;
	width:14px;
	height:24px;
}
/* Header */

/* Box */
#box {
	background:#FFFFFF;
}
.top-left {
	background: url(/images/top-left.png) no-repeat;
	width:18px;
	height:18px;
}
.top-middle {
	width:764px;
	height:18px;
	background: url(/images/top-mid.png) repeat-x;
}
.top-right {
	background: url(/images/top-right.png) no-repeat ;
	width:18px;
	height:18px;
}
.left-mid {
	background: url(/images/left-mid.png) repeat-y ;
	width:18px;
	height:auto;
}
.right-mid {
	background: url(/images/right-mid.png) repeat-y ;
	width:18px;
	height:auto;
}
.bot-left {
	background: url(/images/bot-left.png) no-repeat ;
	width:18px;
	height:18px;
}
.bot-mid {
	background: url(/images/bot-mid.png) repeat-x ;
	width:1px;
	height:18px;
}
.bot-right {
	background: url(/images/bot-right.png) no-repeat ;
	width:18px;
	height:18px;
}
/* Box */

/* Options */
#options {
	padding:10px 0 0 0;
	margin:0 0 0 6px;
	width:228px;
	line-height:20px;
}
#options a {
	display:block;
	font-weight:bold;
	height:20px;
	margin-bottom:6px;
	background:url(/images/flag-grey.png) #f1f1f1 5px 0px no-repeat;
	padding-left:28px;
	font-family:Trebuchet MS,Verdana;
	font-size:16px;
	text-decoration:none;
	color:#000000;
}
#options a:hover {
	background:url(/images/flag-correct.png) #e6fcd6 5px 0px no-repeat;
	color:#6da02b;
}
/* Options */

/* Info */
#info {
	padding:7px 10px 0px 10px;
	margin:0 0 0 6px;
	width:206px;
	height:189px;
	background:#e6fcd6;
	border: solid #cff3b5;
	border-width: 1px 1px 0px 1px;
	color:#48831d;
	font-size:13px;
	text-align:center;
	font-family:Trebuchet MS,Verdana;
}
#info a {
	line-height:28px;
	font-family:Trebuchet MS,Verdana;
	border: 1px solid #a8c66b;
	background:#cff3b5;
	padding: 2px 8px 2px 8px;
}
#info a:hover {
	background:#c6eea9;
}
.info-bot {
	width:228px;
	text-align:right;
	background:#e6fcd6;
	margin:0 0 0 6px;
	font-family:Trebuchet MS,Verdana;
	border: solid #cff3b5;
	border-width: 0px 0px 1px 0px;
}
.info-bot a {
	width:70px;
	padding:0 5px 0 5px;
	text-align:center;
	background:#cff3b5;
	font-size:12px;
	color:#9ab273;
	text-decoration:none;
}
.info-bot a:hover {
	background:#c6eea9;
}

.infoto {

	color:#a9c679;
	font-size:11px;
	text-align:center;
	font-family:Trebuchet MS,Verdana;
}


/* Info */

/* Alert */
#alert {
	text-align:center;
	font-family:Trebuchet MS,Verdana;
	font-size:16px;
	font-weight:bold;
	height: 30px;
	margin:0;
}
.correct {
	/*background:url(/images/flag-correct.png) #e6fcd6 180px 1px no-repeat;*/
	background:#e6fcd6;
	width:487px;
	padding-left:16px;
	/*margin:0px 0 10px 0;*/
	border:1px solid #cff3b5;
	color:#48831d;
}

.wrong {
	/*background:url(/images/flag-wrong.png) #fdcfcb 200px 1px no-repeat;*/
	background:#fdcfcb;
	width:487px;
	padding-left:16px;
	/*margin:0px 0 10px 0;*/
	border:1px solid #f6b6b1;
	color:#c2352b;
}
.wellcome {
	background: #e6fcd6 180px 1px no-repeat;
	width:487px;
	padding-left:16px;
	/*margin:0px 0 10px 0;*/
	border:1px solid #cff3b5;
	color:#48831d;
}

.correct_box {
	/*margin:0px 0 10px 0;*/
	color:#91bc72;
}

.wrong_box {
	/*margin:0px 0 10px 0;*/
	color:#d3817b;
}

.country_name_box_correct {
	/*margin:0px 0 10px 0;*/
	text-decoration: underline;
}

.country_name_box_wrong {
	/*margin:0px 0 10px 0;*/
	text-decoration: underline;
}
/* Alert */

#googlemap {
	width: 505px;
	height: 471px;
	overflow: hidden;
}

#footer {
	margin-top:5px;
	text-align:center;
	font-size:11px;
	font-family:Verdana;
	color:#9ab273;
}
#footer a
{
	margin-top:5px;
	text-align:center;
	font-size:11px;
	font-family:Verdana;
	color:#a9c679;
}
#ads {
	margin-top:10px;
	text-align:center;
}
#lang {
	margin:8px auto 0 auto;
	text-align:center;
	width:714px;
}
#lang a {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#lang img {
	border:none;
}
#lang span {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.bubblebox_image {
	margin-right: 0px;
	margin-top: 15px;
	width: 90px;
}
#bubblebox_fact {
	padding:2px 5px 2px 10px;
	margin:0 0 0 2px;
	width:240px;
	height:210px;
	background:#e6fcd6;
	border: solid #cff3b5;
	border-width: 1px 1px 1px 1px;
	color:#a9c679;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#bubblebox_fact_wrong {
	padding:2px 5px 2px 10px;
	margin:0 0 0 2px;
	width:240px;
	height:210px;
	background:#fdcfcb;
	border: solid #f6b6b1;
	border-width: 1px 1px 1px 1px;
	color:#c2352b;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#bubblebox_ads {
	padding:0px 5px 2px 10px;
	margin:0 0 0 2px;
	background:#e6fcd6;
	border: solid #cff3b5;
	border-width: 1px 1px 1px 1px;
}
#bubblebox_ads_wrong {
	padding:2px 5px 2px 10px;
	margin:0 0 0 2px;
	background:#fdcfcb;
	border: solid #f6b6b1;
	border-width: 1px 1px 1px 1px;
}
#bubblebox_ads_frame {
	padding:0px 0px 0px 0px;
	margin:0 0 0 0px;
	background:#e6fcd6;
	color:#a9c679;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#bubblebox_ads_frame_wrong {
	padding:0px 0px 0px 0px;
	margin:0 0 0 0px;
	background:#fdcfcb;
	color:#cb5f58;
	font-size:11px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.bubblebox {
	width: 260px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/* Contact form */

.form-left {
	width:310px;
	padding:23px 0 0 10px;
	float:left;
	text-align:justify;
}


form.contact {
	float:right;
	padding:5px 10px 15px 5px;
	font-size:12px;
	line-height:22px;
	color:#333;
}

input.contact {
	font-family:Trebuchet MS, Verdana, Tahoma;
	width:226px;
	font-size:12px;
	height:22px;
	color:#666;
	line-height:16px;
	padding:2px 3px 0 3px;
	background:#effed0;
	border:1px solid #abb39c;
}

.message {
	font-size:12px;
	background:#effed0;
	padding:2px 3px 2px 3px;
	border:1px solid #abb39c;
	color:#666;
	width:340px;
	height:140px;
}

.submit {
	font-size:12px;
	width:90px;
	margin-top:3px;
	color:#333;
	background:#effed0;
	height:26px;
	padding:2px 5px 2px 5px;
	border:none;
}
.submit:hover {
	background:#bbd586;
	cursor:pointer;
	color:#333;
}


#contact_us {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:justify;
}

#contact_us .correct {
	background: none;
	border: none;
}

#contact_us .wrong {
	background: none;
	border: none;
}

/* Contact form */

/* About Us */

#about_us {
  	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:justify;
}
#about_us a{
  	color:#b2b3ae;
}
#about_us a:hover{
  	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:justify;
}
/* About Us */

/* Banners */
#banners {
  	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:justify;
}

#banners1_tab
{
	margin: 30px 0px 0px 30px;
}

div.banners_links
{
	width: 230px;
	margin: 0px;
	padding: 6px;
	background: url(/images/banners_links.gif) no-repeat left center;
}

div.banners_links a
{
	margin-right: 3px;
	margin-left: 4px;
}

textarea.banners
{
	background: #fafaf3;
	border: 1px solid #CCCBC7;
	color: #CCCBC7;
	overflow: hidden;
	width: 200px;
	height: 48px;
	cursor: pointer;
}

textarea.highlight
{
	background: #effed0;
	border: 1px solid #CCCBC7;
	color: #CCCBC7;
	overflow: hidden;
	width: 200px;
	height: 48px;
	cursor: pointer;
}
table.banners td
{
	margin: 0px;
	padding: 6px 2px 0px 0px;
}
/* Banners */

/* Score page */

#score {
  	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:justify;
}

#score a
{
  	color:#b2b3ae;
}

#score a:hover
{
	color:#becc88;
	cursor:pointer;
}

.submitscore
{
	border:2px solid #cff3b5;
	font-family: Verdana;
	font-size: 14pt;
	font-weight: bold;
	color:#000000;
	width:250px;
	background-color:#effed0;
}

.submitscore:hover
{
	background:#bbd586;
	cursor:pointer;
	color:#333;
}

h2 {
   	color:#8c9a64;
}

/* Score page */

/* Scoreboard Page */

#scoreboard {
  	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:justify;

}
#scoreboard a
{
  	color:#b2b3ae;
}
#scoreboard a:hover
{
	color:#becc88;
	cursor:pointer;
}

/* Scoreboard Page */

/* After score board result [1] */
.resultz {
  	color:#b2b3ae;
}
/* After score board result [1] */

/* error messeges */
.error {
	background:#fdcfcb;
	border:1px solid #f6b6b1;
	color:#c2352b;
}
.noerror {
	background:#e6fcd6;
	border:1px solid #cff3b5;
	color:#48831d;
}
/* error messges */
