/* 

PANELS STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/

/* --------- general  --------- */
.panel-content {
	padding:10px;
}
/*	sidebar */
div.sb-nav {
}
div.sb-link-holder {
1	border-bottom:1px solid #4a6565;
	background:#008080;
}
div.sb-icon-holder {
	background:#008080;
	width:40px;
	width:24%;
	float:left;
	border-bottom:1px solid #66b3b3;
}
div.sb-link {
	background:#4ca6a6;
	border-bottom:1px solid #94caca;
	border-left:1px solid #cae4e4;
	float:right;
	width:75%;
}
div.sb-link:hover,
div.sb-link a.on {
	background-color:#265353;
}
div.sb-link a{
	color:#fff;
	font-size:1.3em;
	height:20px;
	line-height:20px;
	padding:10px 10px;
	display:inline-block;
	width:87%;
	background:url(/mainpics/icons/arrow-right-white.png) right center no-repeat;
}
/*	div special */
div#resources{
}
div#resources div{
	border:1px solid #fff;
}
div#resources div:hover{
	border:1px solid #a2c1d3;
}
/*	page nav */
.page-nav {
	margin:10px 0;
}
.page-nav p{
	background:#c00965;
	border:1px solid #ce4d8e;
	color:#fff !important;
	padding:0.25em .5em ;
	margin-right:5px;
}
.page-nav a{
	color:#fff !important;
}
.page-nav p:hover{
	background:#d77ba9;
	color:#fff;
}
.page-nav p.on{
	background:#d77ba9;
	border:1px solid #ce4d8e;
	color:#fff !important;
	padding:0.25em .5em ;
	margin-right:5px;
}
/*	messaging */
.messages-list-holder {
	padding:10px;
	clear:both;
}
.message-holder {
	border:1px solid #f00;
	padding:5px 10px;
	width:95%;
}
.message-from {
	background: #e6f3cc;
	border:1px solid #bfe07f;
	float:right;
}
.message-to {
	background: #fff5cc;
	border:1px solid #ffe57f;
}
.message-holder .sender {
	width:8%;
	text-align:right;
	margin-right:5px;
}
.message-holder .message-text {
}

/*  styling for ckeditor output  */
div.ckeditor-output h2 {
	background: none !important;
	color:#4684a8;
	padding: 0;
	padding-bottom:15px;
}
div.ckeditor-output p {
	font-size: 1.4em;
}
div.ckeditor-output p span {
1	color: #333!important;
}
div.ckeditor-output ul {
	color: #333;
	font-size: 1.2em;
	padding-left: 20px;
}
div.ckeditor-output ul span {
	list-style-type: circle;
	font-size: 1.2em;
}
div.ckeditor-output ol {
	color: #333;
	font-size: 1.2em;
	padding-left: 20px;
}
div.ckeditor-output ol span {
	list-style-type: lower-alpha;
	font-size: 1.2em;
}
div.ckeditor-output blockquote {
	margin-left: 30px;
	border-left: #787878 7px solid;
	background: #F9F9F9;
}
div.ckeditor-output blockquote p {
	padding: 10px 20px;
}
div.ckeditor-output blockquote p span {
	color: #333 !important;
}
	

/*  styling for ckeditor output  */


/*MCQ SECTION*/
/*START TEST*/
div#start-quiz-panel{
	background:#008080;
	padding:20px 5px;
	padding-right:10px;
	}
div#start-quiz-panel p{
	color:#FFF;
	font-size:1.4em;
	}
div#start-quiz-panel div#start-quiz-icon{
	background:url(/mainpics/icons/test-start.png) no-repeat center;
	width:180px;
	height:180px;
	margin:0 5px;
	margin-bottom:20px;
	float:left;
	}
/*QUESTIONS*/
div#questions-container{
	margin:10px 0;
	border:1px solid #ccc;
	background:#FEFEFE;
	width:480px;
	float:left;
	}
form#questions-test h2{
	width:462px;
	}	
form#questions-test h2 span{
	display:block;
	margin-bottom:10px;
	}	
div#questions-container p{
	margin-bottom:0;
	}
div#questions-container a{
	padding:4px;
	padding-left:35px;
	color:#C00965;
	display:block;
	}
div#questions-container a.question-click{
	background:url(/mainpics/icons/icon-checkbox-sm.png) no-repeat left 4px top 5px;
	}
div#questions-container a.question-click.on,
div#questions-container a.question-click:hover{
	background:url(/mainpics/icons/icon-checkbox-ticked-sm.png)  no-repeat left 4px top 5px;
	}
div#questions-container a.question-click-dead{
	background:url(/mainpics/icons/icon-checkbox-sm.png) no-repeat left 4px top 5px;
	}
div#questions-container a.question-click.question-correct,
div#questions-container a.question-click.question-correct:hover{
	background:url(/mainpics/icons/icon-checkbox-sm.png)  no-repeat left 4px top 5px;
	}
div#questions-container a.question-click.question-correct.on,
div#questions-container a.question-click.question-correct.on:hover{
	background:url(/mainpics/icons/icon-checkbox-ticked-sm.png)  no-repeat left 4px top 5px;
	}
/* 	span for background color	*/
div#questions-container a span{
	display: block;
	padding: 6px 0 6px 6px;
	width: 100%;
	height: 100%;
	}
div#questions-container a.question-correct span{
	background-color:#95BC01;
	color: #fff;
	}
div#questions-container a.question-incorrect span{
	background-color:#E80000;
	color: #fff;
	}
/*Correct Answer*/
div#correct-answer,
div#incorrect-answer{
	width:128px;
	height:128px;
	margin-right:40px;
	margin-top:10px;
	float:right;
	}	
div#correct-answer{
	background:url(/mainpics/icons/correct-answer.jpg);
	}	
div#incorrect-answer{
	background:url(/mainpics/icons/incorrect-answer.jpg);
	}	
/*Notice Area*/
div#notice-area{
	width:482px;
	}	
/*PERCENT COMPLETE - SCORE SOFAR*/
div#percent-complete,
div#score-so-far{
	float:right;
	display:block;
	background:#94BB00;
	width:210px;
	height:37px;
	margin-left:5px;
}
div#percent-complete{
	clear:both;
	margin-top:5px;
	background:#FFD37F;
	}
div#percent-complete p,
div#score-so-far p{
	color:#FFF;
	font-size:1.6em;
	line-height:2.5;
	text-align:center;
	font-weight: bold;
}
div#percent-complete p{
	color:#58585A;
	text-align:center;
	z-index:9999;
	position:absolute;
	left:9px;
	}
div#percent-complete span.percent-bg{
	background:url(/mainpics/bgs/bg-percent-complete.png);
	position:absolute;
	height:37px;
	z-index:99;
	}	
/*COMPLETED QUIZ*/
div#test-completed-container{
	background:#FF6600;
	padding:20px 10px;
	}
div#test-completed-container h3{
	color:#FFF;
	font-size:2.6em;
	}
div#test-completed-container p{
	color:#fff;
	font-size:1.4em;
	}
div#test-completed-container div#test-completed{
	width:300px;
	height:300px;
	margin-right:20px;
	}	
div#test-completed-container.yes div#test-completed{
	background:url(/mainpics/icons/test-completed-pass.png) no-repeat center #FF6600;
	}	
div#test-completed{
	background:url(/mainpics/icons/test-completed-fail.png) no-repeat center #FF6600;
	}	
div#test-completed-container div.test-results{
	width:350px;
	}	
div#test-completed-container div.test-results div#notice-area{
	max-width:350px;
	}	
div#test-completed-container a#retake-test,
div#test-completed-container a#your-resources,
div#test-completed-container a#other-courses{
	line-height:3;
	}	
div#test-completed-container div.noticePanel,
div#test-completed-container div.errorPanel{
	background:#FFF;
	text-align:center;
1	height:43px;
	border:none;
	}	
div#test-completed-container div.errorPanel{
	margin: 10px 0px;
	}	
	
/*Resources List Status*/
p.status-text{
	display:inline-block;
	padding-left:30px;
	}
p.status-text.passed,
p.status-text.in-progress.passed{
	background:url(/mainpics/icons/icon-tick.png) no-repeat left 4px center;
	}
p.status-text.not-passed{
	background:url(/mainpics/icons/icon-delete.png) no-repeat left 4px center;
	}
p.status-text.not-attempted{
	background:url(/mainpics/icons/icon-new.png) no-repeat left center;
	}
p.status-text.in-progress{
	background:url(/mainpics/icons/test-in-progress.png) no-repeat left 7px center;
	}
div.status a.resource-button{
	float:right;
	color:#FFF!important;
	display:block;
	width:80px;
	height:20px;
	text-align:center;
	font-size:1.2em;
	line-height:1.7;
	/*	default	*/
	background:url(/mainpics/icons/arrow-right-white.png) no-repeat right 5px center #008080;
	background-size:10% auto;
	}	
div.status a.resource-button:hover {
	background:url(/mainpics/icons/arrow-right-white.png) no-repeat right 2px center #008080;
	background-size:10% auto;
	text-decoration:none;
	}	
/*Not passed Button*/	
div.status a.resource-button.not-passed{
	background-color:#95BC01;
	}	
div.status a.resource-button.not-passed:hover{
	background-color:#95BC01;
	}	
/*Start Test Button*/	
div.status a.resource-button.start-test{
	background-color:#95BC01;
	}	
div.status a.resource-button.start-test:hover{
	background-color:#95BC01;
	}	
/*In Progress Test Button*/	
div.status a.resource-button.in-progress{
	background-color:#95BC01;
	}	
div.status a.resource-button.in-progress:hover{
	background-color:#95BC01;
	}	
/*Passed - Review test button*/
div.status a.resource-button.review{
	}	
div.status a.resource-button.review:hover{
	}	
/*Not Passed*/
div.status a.resource-button.not-passed{
	background-color: #FF6600;
	}	
div.status a.resource-button.not-passed:hover{
	background-color: #FF6600;
	}	
/*Module Completed*/
/*
div.module-completed{
	background:#95BC01;
	border:1px solid #A5BC77;
	margin:10px 0;
	padding: 10px;
	height: 20px;
	}	
div.module-completed h3{
	color:#FFF!important;
	}
*/
/* forum	*/
.forum {
}
.forum a.button{
	display:block;
	margin:0 auto 20px;
	width:20%;
}
.forum-list-holder {
	padding-top:10px;
}
.forum-post {
	margin-bottom:10px;
	padding:5px 10px;
	width:85%;
	clear:both;
	float:left;
}
.forum-post p {
	margin-bottom:0.25em !important;
}
.forum-post p.date {
	font-size:1em;
	font-style:italic;
	position:absolute;
	bottom:5px;
	right:5px;
	margin-bottom:0 !important;
}
.forum-post.message-from{
	float:right;
}