/*Proprofs.com - Quizview stylesheet*/

body, table {font-family:Arial, Helvetica, sans-serif; border:0; margin:0; padding:0;  color:#000000; font-size:88%;} 
body{min-width:420px;max-width:420px;}
.main-div{
	background-color:#ccc;
	font-size:11px;
	max-width:420px;
	width:420px;
	padding:0px;
	margin:0px;
	/*min-height:395px;
	_height:395px;*/
}

.main-div table{
	font-size:11px;
}

.td_sections{
	border:3px solid #bbb;
	background:#fff;
}

.quiz_desc{
	font-size:13px;
}

/*Style of td for main quiz contents(middle column contents*/
.td_quiz_sections{
	border:3px solid #bbb;
	background:#fff;
	margin:0px 0px 0px 0px;
}

.td_quiz_sections_no_padding{
	border:3px solid #000000;
	background:#fff;
	margin:0px;
}

.td_quiz_sections_no_padding.topborder{
	border:3px solid #bbb;
	background:#fff;
	border-top:1px solid #bbb;
}
.td_quiz_sections_no_padding.bottomborder{
	border:3px solid #bbb;
	border-bottom:none;
	background:#fff;
	/*border-bottom:1px solid #bbb;*/
}
.td_quiz_sections_no_padding.both{
	border:3px solid #bbb;
	background:#fff;
	border-top:none;
	border-bottom:none;

}


.td_quiz_sections_no_margin{
	border:3px solid #bbb;
	background:#fff;
	margin:0px;
}
/*********************************************************/


.printable_quiz_table{
	border-bottom: dotted 1px #bbb;
	margin-bottom: 10px;
}


.proprofs_qs_logo{
	margin:0px; 
	border-bottom:1px #f3f3f3 solid; 
	padding:5px 5px 12px 5px;
}


/*Main Quiz title and user images Styles*/
.quiz_title_link{
	/*border-bottom:1px dotted #ccc;*/
	padding:3px;
}
.quiz_title_link a{
	text-decoration:none; 
	color:#23a6c7;
}

.quiz_title_link a:hover{
	text-decoration:none; 
	color:#444444;
}

.totalQ{color: #999;}

/*below 3 styles are used in quizshow page*/
.quiz_title_link.big_padding{
	border-bottom:1px dotted #ccc;
	padding:3px;
}
.quiz_title_link.noborder{
	border-bottom:none;
	padding:5px;
}
.quiz_title_link.3pxpadding.noborder{
	border-bottom:none;
	padding:3px;
}
.quiz_title_link.big_padding.noborder{
	border-bottom:none;
	padding:3px;
}

h1{
	letter-spacing:normal;
	margin:0;
	border:none;
	padding-bottom:0;

	font-weight:normal;	
	font-size:16px;
	padding:3px;
	text-decoration:none;
}
#summaryText{
	font-size:10px;
	padding:3px;
}

#summaryText a{
	text-decoration:underline; 
	}

.quiz_author_image{
	float:right;
	text-align:center;
	padding:0px 0px 0px 10px;
}
.quiz_author_image img{
	padding:2px;
	border:solid 1px #ccc;
}

.quiz_details_td_style{
	/*border-bottom:1px dotted #ccc;*/
	padding:8px;
}
.quiz_details_td_style.noborder{
	border-bottom:none;
	padding:5px;
}
/*************************/

/*Quiz contents details tables styling*/
.div_quiz_stat_details{
	float:left;
	width:80px;
	margin:0; 
	text-transform:capitalize; 
	font-size:12px; 
	letter-spacing:-1px; 
}
.div_quiz_stat_main{
	float:left;
	border:none;
	border-left:none;
	margin:0;
	font-size:12px; 
	font-weight:bold;
}


/*************************************/

/*Icons specific to quiz-school's quiview page*/
/**** ICONS ****/
.QS_home{
	background:url('../../images/icon-qs-home.png') left center no-repeat;
	padding:3px 0px 3px 20px;
}	
.QS_again{
	background:url('../../images/icon-qs-again.png') left center no-repeat;
	padding:3px 0px 3px 20px;
}	
.QS_fullscreen{
	background:url('/images/icon_fullscreen.png') left center no-repeat;
	padding:3px 0px 3px 20px;
}
.QS_embed{
	background:url('/images/icon_embed.png') left center no-repeat;
	padding:3px 0px 3px 20px;
}
.QS_comments_icon{
	background:url('/images/comments_icon.png') left center no-repeat;
	padding:3px 0px 3px 20px;
}

.QS_save{
	background:url('../../images/icon-qs-save.png') left center no-repeat;
	padding-left:20px;
}	
.QS_print{
	background:url('../../images/icon-qs-print.png') left center no-repeat;
	padding:3px 0px 3px 20px;
}	
.tipIcon{
	background:url('../../images/icon-tip-16.png') left center no-repeat;
	padding-left:20px;
}	
.catIcon{
	background:url('../../images/icon-cat.png') left center no-repeat;
	padding-left:20px;
	
}
.tagIcon{
	background:url('../../images/icon-tag.png') left center no-repeat;
	padding-left:14px;
	
}

.tagIconSmall{
	background:url('../../images/icon-tag-small.png') left center no-repeat;
	padding:0px 3px 0px 12px;
}


.icon_correct_answer{
	background:url('../../images/icon-correct-10.png') left center no-repeat;
	padding-left:15px;
	padding-right:20px;
	
}

.icon_incorrect_answer{
	background:url('../../images/icon-incorrect-10.png') left center no-repeat;
	padding-left:15px;
	padding-right:20px;
}

.icon_question_correct_answer{
	background:url('../../images/icon-correct-10.png') left center no-repeat;
	padding-left:15px;
	padding-right:20px;
	
}

.icon_question_incorrect_answer{
	background:url('../../images/icon-incorrect-10.png') left center no-repeat;
	padding-left:15px;
	padding-right:20px;
}

/**********Explanation************/
.icon_explanation_right:link, .icon_explanation_right:visited, .icon_explanation_right:active{
	background:url('../../images/icon-arrow-right.png') #ddd left center no-repeat;
	outline:none;
	padding:0px 5px 2px 15px;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

.icon_explanation_right:hover, {
	background:url('../../images/icon-arrow-right.png') #ddd left center no-repeat;
	outline:none;
	color:#069;
	text-decoration:none;
}

.icon_explanation_down:link, .icon_explanation_down:active, .icon_explanation_down:visited{
	background:url('../../images/icon-arrow-down.png') #ddd left center no-repeat;
	outline:none;
	padding:0px 5px 2px 15px;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}

.icon_explanation_down:hover{
	background:url('../../images/icon-arrow-down.png') #ddd left center no-repeat;
	outline:none;
	color:#069;
	text-decoration:none;
}
/*********************************************/

.questionN{ font-size:12px; font-style:italic;}
.questionN,.options{ font-size:12px; font-style:normal;}
.question_text{font-size:12px;}
.ans_option{padding:0 0 10px 0;}

/************Mouse hover for quiz ansers and options***************/
.labelHover{
	font-size:12px;
	/*padding:6px 6px 6px 6px;*/
	padding:3px;
	font-weight:normal;
}
.labelHover_hover{
	font-size:12px;
	background-color:#FFFF99;
	cursor:pointer;
	padding:2px;
	font-weight:normal;
	color:#333333;
	border:1px solid #eee;
}

.labelNormal{
	font-size:11px;
	/*padding:6px 6px 6px 6px;*/
	padding:3px;
	font-weight:normal;
}
.labelNormal.border{
	font-size:11px;
	color:#555;
	padding:6px;
	font-weight:normal;
	border:2px solid #ddd;
	border-right-width:1px;
	border-bottom-width:1px;
	background-color:#f7f7f7;
}


/**************** Buttons ***************/

div.downloadButtons {
    margin-top: 0px;
}
div.downloadButtons p{ color:#666666; font-size:12px; letter-spacing:-1px; }


/* Big button */

span.button a { 
    height: 27px;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    float: left;
    display: block;
    overflow: hidden;
}
    span.button a span {
        display: block;
        white-space: nowrap;
        padding: 5px 8px 5px 0;
        line-height: 18px;
        cursor: pointer;
    }

/* red */
span.button a.red {
    color: #FFFFFF;
    padding: 0 0 0 8px;
    background: #9B2A29 url('../../images/red_comp_left.png') left top no-repeat;
}
span.button a.red:hover {
    padding: 0 0 0 8px;
    color: #FFFFFF;
    background: #1B2329 url('../../images/red_comp_left.png') 0 -27px no-repeat;
}
    span.button a.red span {
        background: #9B2A29 url('../../images/red_comp_right.png') right top no-repeat;
    }
    span.button a.red:hover span {
        background: #1B2329 url('../../images/red_comp_right.png') right -27px no-repeat;
    }

/***********************************************************************************/

/*Class for textboxes*/
.input_quiz_text{
	height:18px;
	font-size:10px;
	font-family:arial,tahoma,verdana,sans-serif;
	color:#666666;
	font-weight:bold; 
	border:#aaa 1px solid;
	vertical-align:middle;
	padding:1px 1px 1px 1px; 
	margin:1px 0; 
}


.smallContent{ font-size:11px; font-weight:normal; letter-spacing:normal; }
.smallContent a:link, .smallContent a:visited {color:#9c2a29;} 
.smallContent a:hover {color:#069; text-decoration:underline;}


/*** Error Info Div ***/
#errorInfo{ padding:3px; margin:1px; background-color:#fdecef; color:#000; border-bottom:1px solid #e9233f; border-top:1px solid #e9233f; }
/*#errorInfo span{ padding-left:20px; padding-top:1px; font-size:12px; background:#fdecef no-repeat left;}*/
#errorInfo p a{ text-decoration:none;}


.divSectionHeader{padding:1px 1px 1px 6px; font-size:12px; font-weight:bold; letter-spacing:1px;}


.fixed_width_desc{
	height:220px;
	overflow:auto;
}

.fixed_width_desc2{
	height:220px;
	overflow:auto;
}


.fixed_width_ques{
	height:295px;
	overflow:auto;
}
.fixed_width_ques2{
	height:295px;
	overflow:auto;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #666666;
padding: 5px;
border: 2px solid #ccc;
display: none;
color: black;
text-decoration: none;
color:#fff;
}


.quiz_author_image img {width:15px; height:auto;}

.fillin_list {list-style:disc; margin-left:22px;}

/******from Question and Description**********/
/** Mouseover show big image **/
ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}
.ToolTextHover span{
display:block;
position:absolute;
padding:0px;
padding:2px; border:1px solid #ddd;
    top:-20px; left:-50px;
	background-color:#fff; color:#000;
	text-align: center;
	z-index:9000;
}


/*################## NEW WIDGET STYLING CSS ######################*/

.mybutton {
	color:#fff; 
	
	background: #222 url('../img/layout/alert-overlay.png') repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); cursor: pointer; 
	font-weight: bold; line-height: 1; 
	
	font-size: 15px; padding: 7px 20px;
	
	border: 1px solid #993333; background-color: #993333; 
}


/*** Error Info Div ***/
#errorInfo{ padding:4px 0px 4px 5px; margin:10px 0px 10px 0px; background-color:#fdecef; color:#AD2C3E; border:1px solid #e9233f; -moz-border-radius: 2px; -webkit-border-radius: 2px;  }
#errorInfo p{ padding:5px 0px 5px 5px; font-size:13px; background-color:#fdecef; }
#errorInfo p a{ text-decoration:none;}

/***********Simple tip CSS**************/
.SimpleTip{ position:relative; color:blue; }
.SimpleTip div{ display: none; }
.SimpleTipHover{ position:relative; color:#069; cursor: help; }
.SimpleTipHover div img{ font-size: 12px; font-weight: normal; width:60px; padding:2px; border:1px solid #FFC568; background-color:#FFF9E4; color:#555;
    position:absolute; 
    display:block; 
    left:0px; /* correct positioning*/
    top:auto; /* adjust positioning from top so that tool tip will come above the elemnt */
    text-align: left; z-index:5000; }

/*** Time left Info Div ***/
#timeleft, #timeleft span{ padding:2px; font-size: 14px; background-color:#fff; color:#000; -moz-border-radius: 2px; -webkit-border-radius: 3px; background-image:none;}
.tzone{color:#666; background-image:none; cursor:help; font-weight:normal;}
.tzone span{border-bottom:1px dotted #555; background-image:none;}