/* CSS Document */
/*home page specific css*/
.contentHome
{
	position:relative;
}
.mainDataHome
{
	position:absolute;
	top:15px;
	left:140px;
	width:360px;
	height:180px;
}
.h3spell
{
	font-size:13px;
	color:#336699;
	border-bottom:1px solid #8ca2ff;
	padding:4px 0;
}
.h3Blue
{
	font-size:13px;
	color:#336699;	
	padding:4px 0;
}
.letterword
{
	position:absolute;
	left:380px;
	top:5px;
}
.factsonQuiz
{
	position:absolute;
	right:100px;
	top:80px;
}
.tipsonQuiz
{
	position:absolute;
	right:140px;
	top:132px;
}
.quizonspell
{
	position:absolute;
	right:105px;
	top:200px;
}
.mainDataQuiz
{
	position:absolute;
	top:15px;
	left:100px;
	width:450px;
}
.datacontent
{
	width:408px;	
	overflow:auto;
	margin:0 auto;
	padding-top:15px;	
}
.headingBrwn
{
	overflow:auto;
}
.headingBrwnUl
{
	padding:2px 4px 0px 2px;

}
.headingBrwnUl li
{
	background: url(../images/bullet.gif) left center no-repeat;
	padding:0px 8px 0px 12px;
	margin:1px 0px 2px 0px;
}
.headingBrwnUl li a
{
	text-decoration:none;
	color:#000000;	
}
.challenge
{
	color:#336699;
	padding-bottom:3px;
	background: url(../images/bg_separator.gif) center bottom repeat-x;
}


.explanation
{
	margin:6px 0px 6px 0px;
	padding:5px;
	background-color:#8ca2ff;
	color:#ffffff;
	font-weight:bold;
}

.answerUl01
{
	
	color:#000000;
	font-weight:bold;
	overflow:auto;
}
.answerUl01 li
{
	float:left;
	padding:0 4px;
	line-height:20px;
}

.alternateMenu
{
	background:transparent url(../images/orline.gif) center top no-repeat;
	padding-top:15px;
	margin-top:5px;
}
.flagit
{
	background:transparent url(../images/icon_flag.png) center left no-repeat;
	padding-left:20px;
}
#questinNavigation
{
	width:448px;
	height:98px;
	overflow:hidden;
	background:transparent url(../images/nav_box.gif) top left no-repeat;
	position:absolute;
	bottom:10px;
	left:200px;
	z-index:31;
}
html>body #questinNavigation
{
	background:transparent url(../images/nav_box.png) top left no-repeat;
}

.qNavUl 
{
	width:425px;
	height:45px;
	margin:4px auto 0 auto;
	overflow:hidden;
	clear:both;
	color:#333333;
}
.qNavUl li
{
	float:left;
	padding:2px 1px 1px 2px;
}
.qNavUl li a
{
	display:block;
	width:18px;
	height:16px;
	padding-top:2px;
	text-align:center;
	text-decoration:none;
	font-size:10px;
}
.qNavUl li a.flagged
{
	background:transparent url(../images/nav_flagged.gif) top left no-repeat;
	color:#c86802;
}
.qNavUl li a.pending
{
	background:transparent url(../images/nav_pending.gif) top left no-repeat;
	color:#999999;
}
.qNavUl li a.taken
{
	background:transparent url(../images/nav_taken.gif) top left no-repeat;
	color:#000000;
}
.qNavUl li a.current
{
	background:transparent url(../images/nav_current.gif) top left no-repeat;
	color:#c86802;
}

#wrongAnswer, #correctAnswer
{
	position:absolute;
	top:250px;
	left:20px;
	z-index:41;
	height:100px;
	width:398px;
	margin:0 auto;
	overflow:hidden;
	padding:5px;
}
#wrongAnswer
{
	background:#fdf0f0 url(../images/icon_wrong.gif) 10px 10px no-repeat;
	border:1px solid #ff0606;
}
.h4error
{
	font-size:12px;
	color:#ff0000;
}
.h4correct
{
	font-size:12px;
	color:#339900;
}
.ansDataLi
{
	height:45px;
	overflow:auto;
}
#wrongAnswer ul, #correctAnswer ul
{
	padding:5px 0 0 60px;
}
#wrongAnswer ul li, #correctAnswer ul li
{
	padding:2px 0;
}
#correctAnswer
{
	background:#f2fdf0 url(../images/icon_correct.gif) 10px 10px no-repeat;
	border:1px solid #339900;
	padding: 0 9px 8px 0 ;
}
.expandQmenu
{
	position:absolute;
	width:406px;
	height:150px;
	border-right:1px solid #e06666;
	border-bottom:1px solid #e06666;
	border-left:1px solid #e06666;
	z-index:51;
	background:#ffffff;
	color:#333333;
	overflow:auto;
}
.expandQmenu a
{
	color:#333333;
	text-decoration:none;
}
.expandQmenu a:hover
{
	text-decoration:underline;
}
.expandQmenu a:visited
{
	color:#aaaaaa;
}
.expandQmenu ul
{
	
	position:relative;
	background:#feefda;
	padding:5px 0;
}
.expandQmenu ul li
{	
	position:relative;
}
a.quizsubcat
{
	background:transparent url(../images/bullet_quiz.gif) center left no-repeat;
	padding-left:15px;
	margin-left:5px;
	cursor:pointer;
}
.expandQmenu ul li ul
{
	position:relative;
	top:0px;
	left:0px;
	padding:0 0 0 5px;
	overflow:auto;
	clear:both;
	background:#ffffff;
}
.expandQmenu ul li ul li
{
	background:transparent url(../images/arrow_rightb.gif) center left no-repeat;
	padding:1px 1px 1px 10px;
	width:170px;
	float:left;
}


.staticText
{
	position:absolute;
	top:80px;
	width:406px;
	height:200px;
	z-index:51;
	background:#ffffff;
	color:#333333;
	overflow:auto;
	/*border:1px solid red;*/
}