/*************************************
	     TinyMCE HTML Editor 
*************************************/

div.p-box-pretext{
	margin:10px 20px;
	}

div.p-box-title{
	margin-left:20px;
	margin-top:5px;
	font-weight:bold;
	text-align:center;
	}

div.p-box-text{ 
	/* Box For Passage */
	border:1px solid #aaa;
	padding:10px;	
	margin-left:20px;
	margin-top:10px;
	background:#EAEFFF;
	text-align:center;
	}
	
div.p-box-list{
	/* Box For Bullet List */
	border:1px solid #aaa;
	padding:10px;	
	margin-left:20px;
	background-color:#EAEFFF;
	text-align:left;
	}
	
	div.p-box-list ul{	
		margin:0;	
		padding:0 0 0 15px;
		}

div.p-box-arrow{
	/* Box For Arrow ↓ etc */
	text-align:center;
	font-size:24px;
	margin:5px;
	}
	
	





/*************************************
	     admin quiz detail
*************************************/
div.quiz-detail{
	padding-left:5px;					
	font-weight:bold;
	}
div.quiz-detail div.title{
	color: #FF6600;
	font-size:14px;					
	}
div.quiz-detail div.description{
	color:#0099FF;
	font-size:12px;	
	margin-bottom:5px;
	border-bottom:1px dashed #ccc;
	}
	
/**************************************/
				 
input.textbox-answer{
	color:#0099CC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	border:1px solid #D9EAFD;
	border-bottom:2px solid #0099CC;	
	padding:2px;
}

tr#right-answer,
td#right-answer,
div#right-answer,
span#right-answer{
	font-weight:bold;
	color: #0099FF;
}

tr#real-answer,
td#real-answer,
div#real-answer,
span#real-answer{
	font-weight:bold;
	color: #99CC00;
}

tr#correct,
td#correct,
div#correct,
span#correct{
	font-weight:bold;
	color: #09F;
}

span.correct{
	font-size:15px;
	vertical-align:top;
	color: #09F;
}

span.incorrect{
	font-size:15px;
	vertical-align:top;
	color: #F00;
}

tr#incorrect,
td#incorrect,
div#incorrect,
span#incorrect{
	font-weight:bold;
	color: #F00;
}

table#rating{
	border-collapse:collapse;
}

table#rating tr th{
	background: #94C2F5;
	color: #333333;
	text-align:center;
	
}

table#rating tr td{
	background: #F4FAFF;	
}

table#questions{
	margin-top:30px;
	color:#444;
	width:600px;
}

table#questions tr td#num{
	vertical-align:top;
	font-weight:bold;
	padding-top:3px;
	width:20px;
}

div#question{
	padding-bottom:0px;
	text-align:left;
}

table#one-word tr td{
	vertical-align:top;	
}

table#one-word tr td span#option,
div#option{	
	text-decoration:underline;
	font-weight:bold;
}

div#section{
	padding-top:20px;
	font-weight:bold;
	font-size:14px;
	color:#555;
	margin-bottom:5px;
}

/***************************
		 Two Column
****************************/

table#two-column{
	border:0px solid #006699;
	border-collapse:collapse;	
}
table#two-column tr td#column-x,
table#two-column tr td#column-y{
	border:1px solid #0099CC;
	background:#C1EBFF;
	font-weight:bold;
	width:41%;
	text-align:center;
}
table#two-column tr td#column-one,
table#two-column tr td#column-two{
	border:1px solid #0099CC;
	text-align:center;
}



/***************************
		Three Column
****************************/

table#three-column{
	border:0px solid #006699;
	border-collapse:collapse;	
}
table#three-column tr td#column-x,
table#three-column tr td#column-y,
table#three-column tr td#column-z{
	border:1px solid #0099CC;
	background:#C1EBFF;
	font-weight:bold;
	width:30%;
	text-align:center;
}
table#three-column tr td#column-one,
table#three-column tr td#column-two,
table#three-column tr td#column-three{
	border:1px solid #0099CC;
	text-align:center;
}

/***************************
		 Accordion
****************************/

#basic-accordian {
	border:1px dashed #ddd;
	padding:5px;
	width:98%;	 
	left:70%;
	top:25%;
	z-index:2;
	margin-top:-50px;
	display: block;
}

#basic-accordian .accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #EEE;
	cursor:pointer;
	font-weight:bold;
}

#basic-accordian .accordion_headings:hover{
	background:#00CCFF;
}

#basic-accordian .accordion_child{
	padding:15px;
	background:#FFF;
	border:1px solid #ccc;
	border-top:none;
}

#basic-accordian .header_highlight{
	background: #00CCFF;
}

/*=============================*/

#accordian{
	border:1px dashed #09f;
	padding:5px;
	width:98%;	 
	left:70%;
	top:25%;
	z-index:2;
	margin-top:-50px;
	display: block;
}

#accordian .accordion-headings{
	padding:5px;
	background: url(../images/bg/accordion-bg.jpg) repeat-y;
	color: #FFF;
	border:1px solid #09f;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
}

#accordian .accordion-headings:hover{
	background: url(../images/bg/accordion-hover-bg.jpg) repeat-y;
	color:#FFF;
}

#accordian .accordion-child{
	padding:5px;
	background:#FFF;
	border:1px solid #0099FF;
	border-top:none;
	overflow: auto;
	height:450px;
}

#accordian .header-highlight{
	background: url(../images/bg/accordion-active-bg.jpg) repeat-y;
	color:#fff;
}

/*=============================*/

#accordian2{
	/*border:1px dashed #FF9900;*/
	padding:5px;
	width:99%;	 
	left:70%;
	top:25%;
	z-index:2;
	display: block;
}

#accordian2 .accordion-headings{
	padding:5px;
	background: #FFCC00;
	color: #FFF;
	border:2px solid #F90;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
}

#accordian2 .accordion-headings:hover{
	background:#f90;
	color:#FFF;
}

#accordian2 .accordion-child{
	padding:5px;
	background:#FFF;
	border:1px solid #FF9900;
	border-top:none;
	height:100%;
}

#accordian2 .header-highlight{
	background:#f90;
	color:#fff;
}

/***************************
		Pagging
****************************/
ul#paggingquiz{
	margin-left:0;
	padding-left:0;
}

ul#paggingquiz li{
	list-style:none;
	display: inline;
	border:1px solid #0099FF;
	padding:4px 5px;
	margin:2px;
	background: url(../images/bg/button-bg.jpg);
	width:15px;
	color:#FFF; 
}

ul#paggingquiz li a:link,
ul#paggingquiz li a:visited{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	
}

ul#paggingquiz li#currentPage a:link,
ul#paggingquiz li#currentPage a:visited{
	color: #fff;	
}

ul#paggingquiz li:hover{
	background: url(../images/bg/button-bg-hover.jpg);
}

ul#paggingquiz li#currentPage{
	background: #0099CC;
}

ul#paggingquiz li.blur{
	background: #CCCCCC;
	color:#777;
}


/* For tab menu */

.tab h3{
	color: #333;
	padding: 3px 3px 3px 10px;
	font-size: 16px;
	margin: 0px;
	text-align: left;
}

.tab h3 a{
	color: #000099;
	display: block;
	font-size:14px;
	font-weight: normal;
	text-decoration: none;
}

.tab h3 a:hover{
	text-decoration:underline;
}

h3{
	margin: 0;
	padding: 5px;
	font-size: 16px;
}
p{
	margin: 0;
	padding: 5px;
	line-height: 1.5em;
}
#wrappers{
	width: 590px;
	margin: 0 auto;
}
#left{
	float: left;
	width: 150px;
	background: none;
}
#right{
	float: right;
	width: 440px;
}
.tab{
	color: #333;
	padding: 3px;
	margin: 0 1px 1px 0;
	text-align: center;
	background: url(../images/tab-bg2.png);
}