/* =============================================================================
   Kids' World Ex Game
   ========================================================================== */
	
    
    .start{
		max-width: 523px;
		padding: 10px;
        margin: 0;
		}
   .start a.right{
		float:right;
		margin: 10px 0 0 0;
   } 
   .start a.btn2{
		width: 160px;
   }
   .start h2{
		margin: 15px 0;
   }
   .interactive, .world-ex-map, .welcome, .redeem, .complete, .entrylink, .middle, .prize{display: none;}
   .world-ex-map{
		max-width: 580px;
		background: url('../images/geoquiz/map-bg.png') no-repeat 0 0 transparent;
		height: 435px;
		position: relative;
   }
   
   .world-ex-map .entry, .world-ex-map .welcome{
		max-width: 339px;
		background: #65090a;
		height: auto;
		margin: 0 auto;
		top: 5%;
		position: relative;	
		/* remove for bigger */
		border:3px solid #d1a32a;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		width: 85%;		
	}
   .world-ex-map h2{
		color: #65090a;
		font-size: 1.15em;
		background: #d1a32a;
		text-align: center;
		-webkit-border-radius: 20px 20px 0 0;
		-moz-border-radius: 20px 20px 0 0;
		border-radius: 20px 20px 0 0;
   }
  
   .world-ex-map .entry h2, .world-ex-map .welcome h2, .world-ex-map .complete h2, .world-ex-map .redeem h2{
		text-align: center;
   }
   .world-ex-map .entry p, .world-ex-map .welcome p, .world-ex-map .complete p, .world-ex-map .redeem p{
		color: #fff;
		max-width: 340px;
		text-align: center;
		font-weight: bold;
		font-size: 1.1em;
   }
   .world-ex-map ul{
		width: 211px;
		padding: 0;
		margin: 30px auto;
   }
   .world-ex-map  ul li{
		list-style:none outside none;
		margin: 10px 0;
   }
   .world-ex-map  li a{
		background: url('../images/geoquiz/entry-btn.png') no-repeat 0 0 transparent;
		width: 151px;
		height: 31px;
		display: block;
		color: #fff;
		padding: 0 0 0 60px;
		line-height: 30px;
		font-weight: bold;
		font-size: 1.1em;
   }
   .world-ex-map .response ul{
		margin: 0 auto;
   }
  .world-ex-map .questionContainer ul{
		width: 165px;
		margin: 10px auto;
	} 
   .world-ex-map .response li a, .world-ex-map .welcome li a, .world-ex-map .complete li a{
		background: url('../images/geoquiz/continue-btn.png') no-repeat 0 0 transparent;
		width: 115px;
   }
   
   .world-ex-map .questionContainer{
		background: #65090a;
		border:3px solid #d1a32a;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		width: 75%;
		position: relative;
		margin: 0 auto;
		top: 15%;
   }
   
   .world-ex-map .questionContainer h2{
		color: #65090a;
		background: #d1a32a;
		text-align: center;
		-webkit-border-radius: 20px 20px 0 0;
		-moz-border-radius: 20px 20px 0 0;
		border-radius: 20px 20px 0 0;
   }
   
   .world-ex-map .responses{
		background: none repeat scroll 0 0 #D1A32A;
		border: 3px solid #65090A;
		border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		color: #000000;
		display: block;
		height: 30px;
		line-height: 30px;
		padding: 0 15px;
		position: relative;
		width: auto;
		width: -fit-content;
		width: -moz-fit-content;
		margin: 0 auto;
		top: 20%;
   }

   .AFRICA, .ANTARCTICA, .AUSTRALIA, .CENTRALAMERICA, .CENTRALASIA, .EASTASIA, .EUROPE, .MIDDLEEAST, .NORTHAMERICA, .SOUTHAMERICA, .SOUTHASIA{
		max-width: 580px;
		height: 435px;
		position: relative;
   }
   .AFRICA{background: url('../images/geoquiz/Geography_Africa.png') no-repeat 0 0 transparent; }
   
   .ANTARCTICA{background: url('../images/geoquiz/Geography_Antarctica.png') no-repeat 0 0 transparent;}
   .AUSTRALIA{background: url('../images/geoquiz/Geography_Australia_Oceania.png') no-repeat 0 0 transparent; }
   .CENTRALASIA{background: url('../images/geoquiz/Geography_CentralAsia.png') no-repeat 0 0 transparent; }
   .CENTRALAMERICA{background: url('../images/geoquiz/Geography_CentralAmerica_Carribean.png') no-repeat 0 0 transparent; }
   .EASTASIA{background: url('../images/geoquiz/Geography_EastAsia.png') no-repeat 0 0 transparent; }
   .EUROPE{background: url('../images/geoquiz/Geography_Europe.png') no-repeat 0 0 transparent; }
   .MIDDLEEAST{background: url('../images/geoquiz/Geography_MiddleEast.png') no-repeat 0 0 transparent; }
   .NORTHAMERICA{background: url('../images/geoquiz/Geography_NorthAmerica.png') no-repeat 0 0 transparent; }
   .SOUTHAMERICA{background: url('../images/geoquiz/Geography_SouthAmerica.png') no-repeat 0 0 transparent; }
   .SOUTHASIA{background: url('../images/geoquiz/Geography_SouthAsia.png') no-repeat 0 0 transparent; }
   
   #level1, #level2, #level3{position: relative; height: 435px; display: none; }
   
   .world-ex-map .question, .world-ex-map .response, .world-ex-map .hint{
		width: 90%;
		padding: 0 5%;
		color: #fff;
		font: bold 1em arial,sans-serif;
		margin: 10px 0;
   }
   
   .world-ex-map p a{
	color: #d1a32a;
   }
   
   .world-ex-map input[type="radio"] {
		position: absolute !important;
		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
		clip: rect(1px, 1px, 1px, 1px);
	}

	.world-ex-map input[type="radio"] + label {
		color:#fff;
		font:bold 1em Arial, sans-serif;
	}

	.world-ex-map input[type="radio"] + label span {
		display:inline-block;
		width:19px;
		height:19px;
		margin: -3px 10px 0 0;
		vertical-align:middle;
		background:url(../images/check_radio_sheet.png) -38px top no-repeat;
		cursor:pointer;
	}
	.world-ex-map input[type="radio"]:focus + label span, input[type="radio"]:focus{
		border: 1px dotted #000;
	}

	.world-ex-map input[type="radio"]:checked + label span {
		background:url(../images/check_radio_sheet.png) -57px top no-repeat;
	}

	.world-ex-map input[type="radio"]:checked + label.incorrect span {
		background:url(../images/check_radio_sheet_incorrect.png) -57px top no-repeat;
	}
	

	.lt-ie9 .world-ex-map input[type="radio"] {
		display:inline;
		padding: 0 10px;
		position: relative !important;
		clip: none; /* IE6, IE7 */
	}

	.lt-ie9 .world-ex-map input[type="radio"] + label span {
		display:none;
	}
	
	.lt-ie9 .world-ex-map label{
		color:#fff;
	}
   
   .shoephone{
		background: url("../images/geoquiz/shoephone.png") no-repeat scroll 0 0 transparent;
		height: 141px;
		left: 27%;
		position: absolute;
		top: 50%;
		width: 141px;
		display: none;
   }
   

   
   .world-ex-map .welcome h3{
		background: url("../images/geoquiz/stars.png") no-repeat scroll center bottom transparent;
		color: #FFFFFF;
		font-size: 1.75em;
		line-height: 25px;
		max-width: 365px;
		min-height: 55px;
		padding: 10px 0;
		text-align: center;
   }
   
   .world-ex-map .welcome p{
		max-width: 300px;
		padding: 0 5%;
   }
   
   .world-ex-map .welcome ul{
		margin: 0 auto;
		width: 165px;
   }
   
   .world-ex-map .redeem{
		background: #d1a32a;
		border:3px solid #65090a;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
    margin: 0 auto;
    position: relative;
    top: 15%;
    width: 75%
   }
   
    .world-ex-map .redeem h2{
		background: #650b0b;
		color: #d1a32a;
		margin:0 0 15px 0;
   }
   
   .world-ex-map .redeem p{ width: 80%; margin: 0 auto; color:#000;}
   
   .redeem .prize{
		padding: 0 10px;
		width: 210px;
		background: #ac5c27;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
   }
   
   .world-ex-map .complete{
		background: url("../images/geoquiz/complete-bg.png") no-repeat scroll 0 0 transparent;
		max-width: 427px;
		height: 391px;
		position: absolute;
		bottom: 0;
		right: 0;
		top: auto;
   }
   
   .world-ex-map .complete h2{
		width:  278px;
   }
   
   .world-ex-map .complete p{padding: 0 20px; width: 238px; }
   .world-ex-map .complete ul{margin:30px 0 0 60px; }
   
   .world-ex-map .middle{
		background: #65090a;
		border:3px solid #d1a32a;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		width: 75%;
		position: relative;
		margin: 0 auto;
		top: 10%;
   }
   
   .world-ex-map .middle p {
		font-weight: bold;
		text-align: center;
		color: #fff;
		padding: 2%;
	}
	
	
	.world-ex-map .middle ul{
		position: relative;
		/* change to percents */
		top: 10%;
		margin: 0 auto;
		width: 165px;
	}
	
	.world-ex-map .middle ul li a{
		background: url("../images/geoquiz/continue-btn.png") no-repeat scroll 0 0 transparent;
	}
   
  
	.world-ex-map .prize img {
		margin: 0 auto;
		padding-top: 15px;
		width: 75%;
	}
   
   .world-ex-map .prize ul {
		max-width: 450px;
   }
   
   .world-ex-map .prize ul li{
		float: left;
   }
   
   .world-ex-map .prize ul li:first-child{
		margin-right: 25px;
   }
   
   @media only screen and (min-width: 479px) {
	.shoephone{
		display: block;
	}
	
	  .world-ex-map .entry, .world-ex-map .welcome{
		top: 10%;
		width: 75%;		
	}
	
	.world-ex-map .questionContainer{
		background: #65090a;
		border:3px solid #d1a32a;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		width: 45%;
		position: absolute;
		top: 25%;
		right: 5%;
   }
	
	   .world-ex-map .responses{
		background: none repeat scroll 0 0 #D1A32A;
		border: 3px solid #65090A;
		border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		color: #000000;
		display: inline-block;
		height: 30px;
		right: 330px;
		line-height: 30px;
		padding: 0 15px;
		position: absolute;
		top: 200px;
		width: auto;
   }
   
   .world-ex-map .entry{
		max-width: 339px;
		background: url('../images/geoquiz/levels.png') no-repeat 0 0 transparent;
		height: 303px;
		margin: 0 auto;
		top: 66px;
		position: relative;	
		border: 0px none;
	}
	
	 .world-ex-map h2{
		color:#650b0b;
		text-transform: uppercase;
		background: none;
   }
   
   .world-ex-map .welcome{
		background: url("../images/geoquiz/welcome-bg.png") no-repeat scroll 0 0 transparent;
		max-width: 553px;
		height: 367px;
		margin: 0 auto;
		position: relative;
		top: 25px;
		border: 0px none;
		width: 100%;
   }
   
   
   
   .world-ex-map .middle p{
		color: #000;
   }
   
    .world-ex-map .welcome ul{
		margin: 15px 0 0 100px;
   }
   
   .world-ex-map .middle{
		background: url("../images/geoquiz/middleframe-bg.png") no-repeat scroll 0 0 transparent;
		border: 3px solid #D1A32A;
		border-radius: 20px 20px 20px 20px;
		height: 362px;
		left: 15px;
		position: absolute;
		top: 30px;
		max-width: 546px;
		width: 100%;
   }
   
   .world-ex-map .middle p {
		font-weight: bold;
		left: 230px;
		position: absolute;
		text-align: center;
		top: 92px;
		width: 150px;
	}
	
	.world-ex-map .middle ul{
		position: absolute;
		margin: 30px auto;
		/* change to percents */
		top: 230px;
		left: 225px;
	}
	
	  .world-ex-map .redeem{
		background: #d1a32a;
		border:3px solid #65090a;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		width: 50%;
		position: absolute;
		top: 15%;
		margin: 0 25%;
   }
   
   .world-ex-map .complete{
	width: 100%;
   }
   
   
   }