/*********************************************************
 *
 * XWORD
 *
 *********************************************************/
.KryssordCheckSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -217px -15px;
	height		:	15px;
	width		:	15px;
}

.KryssordXSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -232px -15px;
	height		:	15px;
	width		:	15px;
}

.KryssordArrowSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -247px -15px;
	height		:	15px;
	width		:	15px;
}

/* 5.2 Large Kryssord	(X-word) */
.KryssordCheckLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll 0px -32px;
	height		:	31px;
	width		:	31px;
}

.KryssordArrowLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -31px -32px;
	height		:	31px;
	width		:	31px;
}

.KryssordLettLarge{
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -125px -32px;
	height		:	31px;
	width		:	93px;
}

.KryssordMiddelsLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -93px -32px;
	height		:	31px;
	width		:	93px;
}

.KryssordVanskeligLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -62px -32px;
	height		:	31px;
	width		:	93px;
}

.KryssordGoblet {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll 0px -156px;
	height		:	31px;
	width		:	31px;
}

/* 5.3 Small Orange	(Sudoku) */
.SudokuCheckSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -217px -30px;
	height		:	15px;
	width		:	15px;
}

.SudokuXSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -232px -30px;
	height		:	15px;
	width		:	15px;
}

.SudokuArrowSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -247px -30px;
	height		:	15px;
	width		:	15px;
}

.SudokuLettSmall{
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -292px -30px;
	height		:	15px;
	width		:	45px;
}

.SudokuMiddelsSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -277px -30px;
	height		:	15px;
	width		:	45px;
}

.SudokuVanskeligSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -262px -30px;
	height		:	15px;
	width		:	45px;
}

/* 5.4 Large Orange	(Sudoku) */
.SudokuCheckLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll 0px -63px;
	height		:	31px;
	width		:	31px;
}

.SudokuArrowLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -31px -63px;
	height		:	31px;
	width		:	31px;
}

.SudokuLettLarge{
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -125px -63px;
	height		:	31px;
	width		:	93px;
}

.SudokuMiddelsLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -93px -63px;
	height		:	31px;
	width		:	93px;
}

.SudokuVanskeligLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -62px -63px;
	height		:	31px;
	width		:	93px;
}

/* 5.5 Small Green		(Quiz) */
.QuizCheckSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -217px -45px;
	height		:	15px;
	width		:	15px;
}

.QuizXSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -232px -45px;
	height		:	15px;
	width		:	15px;
}

.QuizArrowSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -247px -45px;
	height		:	15px;
	width		:	15px;
}

.QuizLettSmall{
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -292px -45px;
	height		:	15px;
	width		:	45px;
}

.QuizMiddelsSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -277px -45px;
	height		:	15px;
	width		:	45px;
}

.QuizVanskeligSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -262px -45px;
	height		:	15px;
	width		:	45px;
}


.QuizCheckLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll 0px -94px;
	height		:	31px;
	width		:	31px;
}

.QuizArrowLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -31px -94px;
	height		:	31px;
	width		:	31px;
}

.QuizLettLarge{
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -125px -94px;
	height		:	31px;
	width		:	93px;
}

.QuizMiddelsLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -93px -94px;
	height		:	31px;
	width		:	93px;
}

.QuizVanskeligLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -62px -94px;
	height		:	31px;
	width		:	93px;
}

/*********************************************************
 *
 * PUZZLE TIP
 *
 *********************************************************/

 .xword .tip {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -11px -202px;
 }

 .quiz .tip {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -11px -222px;
 }

 .sudoku .tip {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -11px -212px;
 }



/*********************************************************
 *
 * PUZZLE STARS SMALL
 *
 *********************************************************/

.easySmall, .mediumSmall, .hardSmall {
	width		: 45px;
	height		: 15px;
}

.xword .icon.easySmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -292px -15px;
}

.xword .icon.mediumSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -277px -15px;
}

.xword .icon.hardSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -262px -15px;
}


.sudoku .icon.easySmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -292px -30px;
}

.sudoku .icon.mediumSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -277px -30px;
}

.sudoku .icon.hardSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -262px -30px;
}


.quiz .icon.easySmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -292px -45px;
}

.quiz .icon.mediumSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -277px -45px;
}

.quiz .icon.hardSmall {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -262px -45px;
}


/*********************************************************
 *
 * PUZZLE STARS SMALL
 *
 *********************************************************/


.easyLarge, .mediumLarge, .hardLarge {
	width		: 93px;
	height		: 31px;
}

.xword .icon.easyLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -125px -32px;
}

.xword .icon.mediumLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -93px -32px;
}

.xword .icon.hardLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -62px -32px;
}


.sudoku .icon.easyLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -125px -63px;
}

.sudoku .icon.mediumLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -93px -63px;
}

.sudoku .icon.hardLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -62px -63px;
}


.quiz .icon.easyLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -125px -94px;
}

.quiz .icon.mediumLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -93px -94px;
}

.quiz .icon.hardLarge {
	background	:	transparent url(../images/rd08/icon.gif) no-repeat scroll -62px -94px;
}

/********************************************************************************************
 *
 *	QUIZ STYLING
 *
 *******************************************************************************************/


.results {
	padding						: 0px 20px;
}

.puzzle.quiz {
	overflow					: hidden;
	margin						: 0px 20px;
	padding						: 0px;
	background-color			: white;
}

.puzzle.quiz input {
	width						: auto;
	background-color			: white;
}


.paper {
	BACKGROUND-COLOR: white;
	BORDER-BOTTOM: #eeeeee 2px outset;
	BORDER-LEFT: #eeeeee 2px outset;
	BORDER-RIGHT: #eeeeee 2px outset;
	BORDER-TOP: #eeeeee 2px outset
}

.paperThin {
	margin:0;
	border:0;
	BACKGROUND-COLOR: white;
	BORDER-BOTTOM: #eeeeee 1px outset;
	BORDER-LEFT: #eeeeee 1px outset;
	BORDER-RIGHT: #eeeeee 1px outset;
	BORDER-TOP: #eeeeee 1px outset;
	width:600px;
	margin-bottom:3px;
	margin-top:10px;
	padding:10px;
}


.required {
	/*font-weight: bold; font-size: 1.7em; color: #FF0000; font-family: "Courier New", Courier, mono;*/
}
.questionCard .required {
	display:none;
}
.requiredText {
	/*font-weight: bold; color: #FF0000; */
}
.helptext {
/*font-weight: normal; font-size 0.8em; */
 }

.progressBar {
	margin: 0px;
	height:30px;
	color: white;
}

.progress {
	background-color: #2366a7;
	line-height:30px;
}

.progress p {
	font-size:14px;
	margin-left:10px;
}

.question, .questionText {
	/*font-size:10pt;
	margin-bottom:10px;*/
	font-weight:bold;
	margin-bottom: 5px;
}

.question div {
	font-weight: normal;
}

.question p {
	font-size: normal;
}

.cardwrapper {
	margin: 0px 15px 0px 15px;
	padding: 0px;
}

.imageholderLeft {
	background: top left url('../images/geni_card_left.jpg') no-repeat;
	float: left;
	width: 113px;
	height: 244px;
	margin-left: 3px;
}


.questionCard {
	float: left;
	margin: 0px;
	padding: 50px 0px 30px 0px;
	width: 451px;
	height: 164px;
	overflow: hidden;
	background: top url('../images/geni_card_middle.jpg') no-repeat;
}

.imageholderRight {
	background: top url('../images/geni_card_right.jpg') no-repeat;
	float: left;
	width: 52px;
	height: 244px;
}

.puzzleArea .buttons {
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.buttons input {
	margin: 4px 0px;
	background:transparent url(../images/button_bg.gif) repeat-x scroll left top;
	border:1px solid #666;
	color:#333;
	cursor:pointer;
	font-size:11px;
	overflow:visible;
	padding:4px 8px;
	width: auto;
	margin-right: 5px;
}

.clearer {
	clear: both;
	line-height: 0px;
}

.correctAnswers {
	margin-top:20px;
}

.correctAnswers .question {
	margin-bottom:20px;
}

.correctAnswers .question .label {
	font-weight:bold;
}

.correctAnswers .question .answer.correct {
	color:green;
}

.correctAnswers .question .answer.wrong {
	color:red;
}
.quizCompleted {
	font-size:8pt;
}

.domPopup {
	width					: 584px;
	background-color		: white;
	border-color			: #00A8F6;
	border-width			: 2px;
	border-style			: solid;
}

.domPopupHeader {
	height					: 21px;
	font-size				: 12px;
	font-weight				: bold;
	border-color			: #00A8F6;
	border-width			: 0px 0px 2px 0px;
	border-style			: solid;
	background-color		: #E2E2E2;
}

.domPopupHeaderPane {
	padding					: 4px;
}

.domPopupHeaderControls {
	font-weight				: normal;
	padding					: 4px;
}

.domPopupHeaderControls span {
	cursor					: pointer;
}

.domPopupBodyPane {
	padding					: 4px;
}

.domPopupBodyPane h2 {
	font-size				: 14px;
}