/* Scratchcard Structure */
.scratchcardWrap {
	width:980px;
	padding:20px 0 0 0;	
	
}
#scratchcard {
	width:586px;
	height:348px;
	float:left;
	position:relative;
	z-index:1000;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}

.scratchPanel {
	width:227px;
	height:219px;
	position:absolute;
	top:50px;
	right:30px;
	background:url(/anaeko-content/QF/scratchcard-game/images/scratch-grid.png) 8px 8px no-repeat #fff;
	padding:8px;
}

.scratchItem {
	width:56px;
	height:54px;
	float:left;
	margin:0 1px 1px 0;
	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/default-icon.png);
	cursor:pointer;
}

.scratchItem.end {
	margin:0 0 1px 0;
}

.scratchItem.last {
	margin:0;
}




/*scratchcard sub panels */







/* Scratchcard Backgrounds */
#scratchcard.NameTheMovie			{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/namethemovie-bg.jpg); }
#scratchcard.BritishComedy			{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/britishcomedy-bg.jpg); }
#scratchcard.AmericanTV				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/americantv-bg.jpg); }
#scratchcard.CapitalCities			{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/capitalcities-bg.jpg); }
#scratchcard.PremiershipFootball		{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/premiershipfootball-bg.jpg); }
#scratchcard.Oscars				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/oscars-bg.jpg); }
#scratchcard.Olympics				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/olympics-bg.jpg); }
#scratchcard.JamesBond				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/jamesbond-bg.jpg); }
#scratchcard.Rugby				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/rugby-bg.jpg); }
#scratchcard.SportingHeroes			{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/sportingheroes-bg.jpg); }
#scratchcard.WorldCup				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/worldcup-bg.jpg); }
#scratchcard.Music60s				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/music60s-bg.jpg); }
#scratchcard.Music70s				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/music70s-bg.jpg); }
#scratchcard.Music80s				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/music80s-bg.jpg); }
#scratchcard.Music90s				{ 	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/music90s-bg.jpg); }



/* Scratch Item icons */
.scratchPanel.NameTheMovie			.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/namethemovie-icon.png);}
.scratchPanel.BritishComedy			.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/britishcomedy-icon.png);}
.scratchPanel.AmericanTV			.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/americantv-icon.png);}
.scratchPanel.CapitalCities			.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/capitalcities-icon.png);}
.scratchPanel.PremiershipFootball		.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/premiershipfootball-icon.png);}
.scratchPanel.Oscars 				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/oscars-icon.png);}
.scratchPanel.Olympics				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/olympics-icon.png);}
.scratchPanel.JamesBond				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/jamesbond-icon.png);}
.scratchPanel.Rugby				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/rugby-icon.png);}
.scratchPanel.SportingHeroes			.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/sportingheroes-icon.png);}
.scratchPanel.WorldCup				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/worldcup-icon.png);}
.scratchPanel.Music60s				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/music60s-icon.png);}
.scratchPanel.Music70s				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/music70s-icon.png);}
.scratchPanel.Music80s				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/music80s-icon.png);}
.scratchPanel.Music90s				.scratchItem {	background-image:url(/anaeko-content/QF/scratchcard-game/images/scratchcards/music90s-icon.png);}









/* Question Structure */

#questions {
	width:394px;
	height:297px;
	float:left;
	margin:20px 0 0 0;
	position:relative;
	color:#FFFFFF;
	font-size:13px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}

.questionPanel {
	width:362px;
	height:253px;
	padding:22px 10px 22px 22px;
	background:url(/anaeko-content/QF/scratchcard-game/images/question-bg.png) top right no-repeat;
	position:absolute;
	left:-260px; /* ======================================================= Change to -270px */
	top:0;		
}

.questionPanel .question {
	width: 270px;
height: 264px;
	position:relative;
	float:left;
	
}

p.theQuestion {
	font-weight:bold;
	margin:5px 0;
	}

.questionPanel .question ul {
	margin:0 0 0 0px;
	list-style:none;	
}

.questionPanel .question ul li {
	height:25px;
	padding:5px 0;
		
}

.question ul li .possible_answer {
	float:left;
	padding:5px 0 0 0;
}

.questionPanel .question span {
cursor:pointer;	
}

.questionPanel .submitAnswer {
	width:137px;
	height:35px;
	background:url(/anaeko-content/QF/scratchcard-game/images/submit.png) top left no-repeat;
	display:block;
	position:absolute;
	bottom:0px;
	right:70px;	
	cursor:pointer;
}



.questionPanel .score {
	width:66px;
	height:227px;
	position:relative;
	float:left;
	padding:23px 0 0 0;
	margin:0 0 0 26px;
	text-align:center;
	font-size:12px;
}


p {
margin:0px;
}

p.playerScore {
font-size:36px;	
border-bottom:1px solid #999;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

p.skip {
border-bottom:1px solid #999;
padding:0 0 10px 0;
margin:5px 0 10px 0;
display:inline-block;
}

p.cat{
	
padding:0 0 10px 0;
margin:5px 0 10px 0;
display:inline-block;
}

	
/* custom radio buttons */

.question ul li .checkbox, .question ul li .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;

}
.question ul li .radio {
	background: url(/anaeko-content/QF/scratchcard-game/images/radio.png) no-repeat;
}



/* TIMER */

.hideBtns {display:none;}

#timerWrap {
	position:absolute;
	top:-65px;
	right:-65px;
	width:60px;
	height:60px;
	padding:20px;
	background:url(/anaeko-content/QF/scratchcard-game/images/timer-bg.png) top left no-repeat;
}

.timer {
	position:relative;
	font-size: 60px;
	width:1em;
	height:1em;
	float: left;
}
.timer > .percent {
	position: absolute;
	top: 1.05em;
	left: 0;
	width: 3.33em;
	font-size: 0.3em;
	text-align:center;
}
.timer > #slice {
	position:absolute;
	width:1em;
	height:1em;
	clip:rect(0px,1em,1em,0.5em);
}
.timer > #slice.gt50 {
	clip:rect(auto, auto, auto, auto);
}
.timer > #slice > .pie {
	border: 0.1em solid #c0c0c0;
	position:absolute;
	width:0.8em; /* 1 - (2 * border width) */
	height:0.8em; /* 1 - (2 * border width) */
	clip:rect(0em,0.5em,1em,0em);
	-ms-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em; 
	border-radius:0.5em; 
}
.timer > #slice > .pie.fill {
	-ms-transform:rotate(180deg) !important;
	-moz-transform:rotate(180deg) !important;
	-webkit-transform:rotate(180deg) !important;
	-o-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
}
.timer.fill > .percent {
	display: none;
}
.timer.fill > #slice > .pie {
	border: transparent;
	background-color: #eba100;
	width:1em;
	height:1em;
}

#postScore,#postScoreButtons {
	display: none;
}

#correctAnswer {
	font-size:17px;
	width: 100%;
	margin-top: 10px;
	font-weight: bold;
}

/*Helpful Information*/


.helpfulInfo{
	width:280px;
	height:160px;
	background:#2C2C2C;
	border-radius:5px;
	border: 2px solid #d79500;
	position:relative;
	z-index:50;
	color:#fff;
	top: 117px;
	left:19px;
	}

.messageTitle{
	width:auto;
	height:33px;
	float:left;
	font-size:20px;
	font-weight:bold;
	line-height:2.0;
	padding-left:10px;
	padding-top: 10px;
	}

.arrow{
	float:right;
	margin:13px 10px 0 0;
	height:19px;
	width:29px;
	background:url(/anaeko-content/QF/scratchcard-game/images/arrow.png) top left no-repeat;
	}

.helpfulMessage{
	width:240px;
	height:auto;
	font-size:14px;
	float:left;
	padding-left:11px;
	padding-top:5px;
	line-height:1.5;
	}