body {
		/*background-color:#E5E3E3;*/
		background-color:#fff;
        background-repeat:repeat;
        background-position:0 0;
        background-attachment:scroll;
        color: #444444;
        font-family: Helvetica,Arial,Sans-serif;
        font-size: 13px; 
        text-align:left;
		}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
a {text-decoration: none; color:#3B5998;}
a:hover {text-decoration: underline; color: #444;}
a:visited {color:#3B5998;}
label{cursor:pointer;}
img{border: none;}

#page_indicate{
	font-size: 14px;
	font-weight: bold;
}
.ans_opt_txt{float:left; text-align: left; padding-left:0; padding-right:0;}
.rank_ans_opt_txt{float: left; text-align: left;}
.question-label label{ margin:0px 0 0px 27px; text-shadow: none; padding:3px 0; float: left; display: block;}
.question-label >.grid_span{ margin:0px 0 0px 27px; text-shadow: none; padding:5px 0 5px 3px !important; float: left; display: block;}

.opt_txt{float: left; text-align: center; width:100%;margin-left: 10px;word-wrap:break-word;}
.grid_col_txt{float: left; text-align: center;margin-top:5px; font-size:14px; width:100%;}
.question-label-demo{margin-top: 5px; text-align:left; float:left; margin-left:31px;}
.add_txt_box{margin:0 !important; border: 1px solid #B6B9BC;height: 29px;}
.demo_elem{width:100%;}
.add_sel_box{margin:0 !important; padding:3px; height: 30px; font-size:12px; border: 1px solid #B6B9BC;}

.arrow{
	position: relative;
	background: transparent;
	transition-property: border-width, top;
	transition-duration: 300ms, 300ms;
	margin: 0 auto;
	width: 16px;
	height: 16px;
	border: solid #000;
	border-width: 0 2px 2px 0;
}

.up{
	transform: rotate(226deg);
	-webkit-transform: rotate(226deg); /* Opera, Chrome, and Safari */
	-ms-transform: rotate(226deg); /* IE 9 */
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=226); /* IE8  */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=226); /* IE7	*/
	top: 13px;
	}

.down{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg); /* Opera, Chrome, and Safari */
	-ms-transform: rotate(45deg); /* IE 9 */
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=45); /* IE8  */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=45); /* IE7	*/
	top: 3px;
	}
	
.arrow-container{
	float: right; margin-right: 10px; background: none repeat scroll 0% 0% rgb(221, 221, 221); border: 1px solid #AAAAAA; padding: 4px 14px 19px; cursor:pointer; 
	border-radius:4px;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	}
.arrow-container:hover{background:#CCC;}

.progress_container{margin-left: 6%; width: 180px;}
.resp_footer{min-height: 52px; background: none repeat scroll 0% 0% rgb(238, 238, 238); box-shadow:0 1px 4px 3px #CCCCCC; float:left; position:fixed; bottom:0;}
.footer_left{float: left; width: 64%; padding: 5px 0px 5px 20px;}
.prog_txt{padding: 0px 0px 5px;}
.resp_progressbar{border: 1px solid; border-radius: 5px;}
.prog_fill{background:#4d4d4d; padding: 2px 0px; width:0%;}
.resp_upDown_btn{float: right; width: 36%; padding: 5px 0px; position:relative; z-index:1;}

.dropdown-menu:before {
	border-bottom: 6px solid rgba(0, 0, 0, 0.2);
	border-left: 7px solid rgba(0, 0, 0, 0);
	border-right: 7px solid rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	left: 50px;
	position: absolute;
	top: -7px;
}

.dropdown-menu:after {
	border-bottom: 6px solid #FFFFFF;
	border-left: 6px solid rgba(0, 0, 0, 0);
	border-right: 6px solid rgba(0, 0, 0, 0);
	content: "";
	display: inline-block;
	left: 51px;
	position: absolute;
	top: -6px;
}

.cust_dropdown{min-width:135px !important;} 
.drop_elem{font-weight:bold; color:#3B5998; cursor:pointer; font-size:14px !important;}
.drop_elem:hover{background:#D4D4D4;}
.button-label-resp{width:64%; margin-top:10px; margin-left:28px;}

.header_resp{height: 50px; background: none repeat scroll 0% 0% rgb(238, 238, 238); position: fixed; top: 0px; opacity: 1; float: left; z-index: 10; box-shadow:0 1px 4px 3px #CCCCCC;}

.qustioncounter{float:left; width:100%; margin-top:25px;}
.deactive{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 1px solid #d4d4d4 !important;
	border-radius: 4px;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	padding: 4px 14px 19px;
}
.add_input_box{text-align: left; float:left;}
.p_user_name{float: left; margin-top: 9px;}
#confirm_signup{padding: 10px; font-size: 16px; font-weight: bold; width: 500px; display:none;}
.conf_sign_txt{margin: 0px 10px 20px;}
.conf_sign_btn{padding: 10px;}
.pop_footer_txt{margin-top: 15px; font-size: 15px;}
.error_msg{margin-left: 56px; color: #A80000; display:none; width:97%;}
.resp_comment_box{float: left; margin: 5px 27px;}
.resp_othr_box{float: left; margin: 5px 6px;}
.demo_elem_txt{width:57px; float: left; text-align: left;  margin-right: 12px; margin-top:8px;}

.cert_heading{ font-weight: bold; margin:15px 10px 0 10px; border-bottom: 1px solid #ddd; padding: 5px 0px;}

.cert_heading1{font-size:17px; font-weight: bold; margin:19px -15px 0 -15px; padding-bottom:5px; border-bottom: 1px solid #ddd;text-align:left;}
.embed_btn{padding: 5px !important; width: 85px !important; box-shadow: none !important; color:#000 !important;}
.embed_phead{display: block ! important; margin: 0px auto; padding-bottom: 5px; min-width: 70%; width: 100%; float: left;}
.sv_btn_embed{margin: 0 0 20px 52px;}
.sv_btn_embed a:hover{
	background-color: #ededed;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
	}	
	.center_img{text-align: center;}
	.right{/* applicable when logo position is set to 'right' */
		text-align: right;
		float: right;
	}
#recaptcha_widget
{
	width: 310px;
	background: #fff;
	border: 1px solid #e5e5e5;
	margin-left:20px; 
	margin-top:7px
}
#recaptcha_image
{
	padding: 5px;
	height: 57px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
}
#recaptcha_reload_btn
{
	background: url(//ssl.gstatic.com/accounts/recaptcha-sprite.png) -63px;
}
#recaptcha_switch_img_btn
{
	background: url(//ssl.gstatic.com/accounts/recaptcha-sprite.png) -21px;
}
#recaptcha_switch_audio_btn
{
	background: url(//ssl.gstatic.com/accounts/recaptcha-sprite.png) -42px;
}
#recaptcha_whatsthis_btn
{
	background: url(//ssl.gstatic.com/accounts/recaptcha-sprite.png);
}
.recaptcha-buttons a
{
	display: inline-block;
	height: 21px;
	width: 21px;
	margin-left: 2px;
	background: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	line-height: 0;
	opacity: .55;
	float:left;
	clear:right;
}
.error_red
{
	color: #A80000;
}	

.captcha_wrapper{background-color:rgb(240, 237, 237);width:350px;height:177px;}
.captcha_head{margin-left:20px;margin-top:15px;font-family: Helvetica,Arial,sans-serif;font-size: 14px;font-weight: bold;padding-top:3px;}	
#recaptcha_image{width: 300px; height: 57px;}
.recaptcha-main{background-color:#FFFFFF;padding:10px;float:left;}
#recaptcha_instructions_audio{float:left;clear:right;width:147px;}
.captcha_input{width: 207px;height:29px;margin-top:5px;}

.side_slider_menu > li > a	{
clear: both;
    /*color: #333;*/
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 5px 10px;
    white-space: nowrap;
	text-decoration:none;
}
.side_slider_menu > li:hover{background-color:rgb(238, 249, 244); cursor:pointer;}
.mob_tab_header{border-bottom: 1px solid #EEE; position: fixed; top: 0px; margin: 0px auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 2px 10px; z-index:1;}
.main_tab_header{border-bottom: 1px solid #EEE; position: fixed; top: 0px; margin: 0px auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 27px 10px; z-index:1;}
.mob_tab_header_free{border-bottom: 1px solid #EEE; position: fixed; top: 30px; margin: 0px auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 2px 10px; z-index:1;}
.main_tab_header_free{border-bottom: 1px solid #EEE; position: fixed; top: 30px; margin: 0px auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 2px 10px; z-index:1;}

.mob_header_wrapper{margin: 0px auto;}

.textbox_option{font-size:13px;}
.multioptions{font-size:13px;}
.nxt_Qbtn{float: left; margin-left: 30px; margin-top: 10px;}
.nxt_Qbtn1{float: left; /*margin-left: 8px;*/ margin-top: 10px; } 
/*******************************************New common Css************************************************/


#main-wrapper{ text-align:left; width:950px; margin:20px auto; text-shadow: none;}
#question-box-area{ float:left; width:100%; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #ddd;}
#question-bg-area{margin-right:45px; background: #fff; float:left; width:100%;  padding-bottom:20px;}

.clear{clear:both;}

/*** Strory CSS ***/
.qTitle{background:#fff; text-align:center; font-size:28px;}
.sur_title_main{ text-align:center; font-size:28px;}
.qpTitle{background:#fff; padding:15px 0 5px 0; font-size:30px;}
.qpTitle span{margin-left:15px;}
.pass_lock{ background:url('/quiz-school/images/1243594760_lock.gif') no-repeat left; padding:0 8px 0 5px;}
.qnumber{background:#fff; text-align:left; font-size:15px; font-weight:bold; color:#444; padding:0 10px 2px 50px;}
.question-desc {font-size: 1.1em !important; text-align:left; text-shadow: none;margin-top:20px; margin-right: 10px;}

#question-area{background: #fff;}
.required-area{margin:15px 0 0 50px;}
.question_text{/*line-height: 2;*/}
.button-area{ width:835px; margin:25px 0 0 50px; }
.required_box strong{position: relative; bottom:4px;}
/*.required_box input{padding:2px; width:245px; height: 35px; margin-left:0!important; font-size:15px;}*/
.required_box input{padding:2px; width:245px; height: 28px; margin-left:0!important; font-size:15px;}

/*** Quizshow CSS ***/
.qn_quizshow{background:#fff; text-align:left; font-size:11px; color:#444; padding:0 10px 2px 45px;}
.quiz-banner {margin:15px 0 0 45px; font-size:14px;  font-weight:normal; color:#000;}
/*.question { width:850px; float:left; font-size:19px; margin-top:15px;}*/

.ques_count{margin:0 30px 0 50px; font-size:15px; font-weight:bold;}
.ques_count_quiz{text-align:left; font-size:15px; font-weight:bold; padding-bottom:5px;}
.left-area{float:left; width:5px; margin:0px 15px 0 30px; font-weight:bold; font-size:16px; *width:0px; *margin-right:0px;}
.text_box_word{margin-top:10px;}
.possible_answer{margin-top:10px;}
.possible_answer ul {margin:10px 0 0 15px;}
.type_here, .type_here textarea{margin-top:10px;}



.button-label{ margin-left:60px; float:left;}
.button-label-next{ width:860px; float:left; padding-top:20px;}
/*.span-label{padding:18px 0 0 0; display:block; font-size:17px; color: #807676;}*/
.span-label{padding:18px 0 0 0; display:block; color: #807676;}
div#question-bg-area input{ margin:0 10px;}
#explanation_area_quizshow{ float:left; margin-left:60px; width:850px;}


.icon_explanation_right{margin-top:5px; border-top:1px solid #dddddd; width:700px; display: block; background:url(/quiz-school/images/arrow_state_grey_right.png) #ddd left no-repeat; padding:2px 0px 2px 16px; font-size:12px;}   
.icon_explanation_down{margin-top:5px; border-top:1px solid #dddddd; width:700px; display: block; background:url(/quiz-school/images/arrow_state_grey_expanded.png) #ddd left no-repeat; padding:2px 0px 2px 16px; font-size:12px;}

.show_correct_incorrect{font-size:22px; margin:0 45px 15px 45px; background:#C0C0C0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;font-weight:normal; padding: 10px 0;}
span#span-quiz-result{margin-left: 1px;}

.icon_correct_answer_big{
color:#4a9e0c;
font-size:28px
}

.icon_incorrect_answer_big{
color:#d72323;
font-size:28px;
}

.icon_incorrect_answer{
background:url('../images/wrong_u.png') left center no-repeat;
padding:15px 50px;
margin-left:5px;
}

.redun{
color: #d72323 !important;
}

.icon_correct_answer{
background:url('../images/correct_u.png') left center no-repeat;
padding:15px 50px;
margin-left:5px;

}

.greenun{
color:#4a9e0c !important;
}

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

.icon_question_notgrade_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;
}

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

.smallContent{
	color:#666666;
	font-size:12px;
}


/*** Quizshowall CSS ***/
.name_box_area{ margin-left:45px; float:left; width:425px; }
.name_box_area input{padding:4px 2px;}
.time_area{float:left; width:425px; text-align:right;}
.time_area1{float:left; width:900px; text-align:right; padding-top:12px;}
.link1{float:left; color:#0099FF; text-decoration:underline;}
.QuestionN{font-size:14px; color: #888888; font-style: italic; line-height: 2;}


.textbox_option{margin:4px 0 0 30px;text-align: left;}
.multioptions{margin:4px 0 0 30px;text-align: left;}
.textbox_option input{padding:4px 2px;}
.textbox_option textarea{margin:0px 0 0 0px;}
.labelQ{display:block; float:left; width:740px;}


/*** Quizreport CSS ***/
#quizreport_area{background:#fff;}
#quiz-end-msg{font-size:14px; padding:15px 0 0 20px;}

#certificate{margin:15px 0 0 20px; }
#social_area{margin:15px 0 0 20px; }
#social_area ul, #other_media ul{margin-left:15px;}
#social_area ul li{list-style-type:none; float:left; margin-right:50px;}
#other_media ul li{list-style-type:none; float:left; margin:20px 50px 0 20px;}
/*a.facebook{ background:url(/quiz-school/images/share_facebook.png) no-repeat left; padding:10px 0px 10px 40px;}
a.twitter{ background:url(/quiz-school/images/share_twitter.png) no-repeat left; padding:10px 0px 10px 40px;}*/
a.myspace{ background:url(/quiz-school/images/share_myspace.png) no-repeat left; padding:10px 0px 10px 40px;}
/*a.myemail{ background:url(/quiz-school/images/share_email.png) no-repeat left; padding:10px 0px 10px 40px;}*/
a.icon_print_c{ background:url(/quiz-school/images/icon_print_c.png) no-repeat left; position:relative; left:-3px; top:8px;padding:10px 0 10px 40px;}
a.icon_embed_c{ background:url(/quiz-school/images/icon_embed_c.png) no-repeat left; position:relative; left:-11px; top:6px; padding:5px 0 10px 35px;}
#share_this_cert_box{ margin:10px 0 0 40px;}
.share_content textarea{width:390px;}
.yscore{font-size:13px;}
.smallyscore{font-size:13px;}

#question_detailed{ margin:40px 0 0 30px; }
#question_detailed table tr td{font-size:15px;}
.storyDescbox{ margin-top:20px;margin-left:12px;}
.labelNormal{font-size:12px;}
.top{border: 2px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; width:900px;}

/*** Quizreport personality CSS ***/
.result_data{margin:10px 0 0 20px;}


/*** Button blue or green CSS start ***/
.large .green .awesome{color:#5F5959; }
.awesome, .awesome:visited {background: #222 url('../images/alert-overlay.png') repeat-x; display: inline-block; padding: 5px 10px 6px; color: #5F5959; 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; }
.awesome:hover { background-color: #111; color: #5F5959; text-decoration: none; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding:5px ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited  { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 15px; padding: 13px 22px; _padding: 13px 15px;}

.green.awesome, .green.awesome:visited  {  border: 1px solid #2D8F11; background-color: #179406; }
.green.awesome:hover { background-color: #3CBF17; }

.orange.awesome, .orange.awesome:visited  { border: 1px solid #F89B2A; background-color: #E68319; }
.orange.awesome:hover { background-color: #F89B2A; }

.blue.awesome, .blue.awesome:visited  { border: 1px solid #e4e4e4; background-color: #EDEDED;}
.blue.awesome:hover { background-color: #e4e4e4; } 



.largered.awesomered, .largered.awesomered:visited { font-size: 15px; padding: 13px 22px; _padding: 13px 15px;}
.awesomered, .awesomered:visited {background: #222 url('../images/alert-overlay.png') repeat-x; display: inline-block; padding: 5px 10px 6px; color: #5F5959; 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; }
.awesomered:hover { background-color: #111; color: #5F5959; text-decoration: none; }
.awesomered:active { top: 1px; }
.redred.awesomered, .redred.awesomered:visited  { border: 1px solid #e4e4e4; background-color:#FF0000;}
.redred.awesomered:hover { background-color:#FF3333; } 

.red1red.awesomered, .red1.awesomered:visited  { border: 1px solid #e4e4e4; background-color:#D72828; color:#FFFFFF;}
.red1red.awesomered:hover { background-color: #FF3333; color:#FFFFFF;  } 



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

/*** Success Info Div ***/
#successInfo{ padding:5px; margin:15px 10px 15px 0px; font-size: 14px; line-height:18px; background-color:#effbed; color:#000; border:1px solid #278518; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
#successInfo p{ padding:5px; font-size:14px; background-color:#effbed;  line-height:18px;}
#successInfo p a{ text-decoration:none;}

/*** Footer CSS start ***/
#bottom-box{height:60px; background:#EAF3FE; border-top:2px solid #ddd;}
#footer{ text-align:center;font-size:11px; font-weight:bold; margin-top:5px; border: none!important;}
#question-desc-align ul { margin-left:8px;padding:5px;}
#question-desc-align ul li{padding:5px;}
#question-desc-align ol { margin-left:25px;padding:5px;}
#question-desc-align ol li{padding:5px;}

/*** CSS for quiz report in matching tyope question ***/
.tdmatch{padding:3px 3px 3px 3px;border: 1px solid #DDDDDD;}
.tdmatchbordernone{padding:3px 3px 3px 3px; border: none;}
.sel_combo
{
  border-color: #AAAAAA;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 2px 2px 1px 1px;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding: 2px;
    width: 175px;
	}
	
		.sub_head {
		background: none repeat scroll 0 0 #EEEEEE;
		padding: 1px;
		}
		#content {
        /*background-color:#FFFFFF;*/
        background-repeat:repeat;
        background-position:0 0;
        background-attachment:scroll;
        /*border: 1px solid #DDDDDD;*/
        border-radius: 5px 5px 5px 5px;
        margin: 0 auto;
        /*width:100%;
        padding: 0px 15px 0px;*/
        }
        #content_report{
            background-repeat:repeat;
            background-position:0 0;
            background-attachment:scroll;
            border-radius: 5px 5px 5px 5px;
            margin: 0 auto;
            /*width:100%;
            padding: 0px 15px 0px;*/
            margin-top: 25px;
        }

		
		
		
		.large1 .green1 .awesome1 {
    color: #FFFFFF;
}
.button a {
    color: #FFFFFF;
}
.large1 {
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
}
.awesome1, .awesome1:visited {
    background: url("../img/layout/alert-overlay.png") repeat-x scroll 0 0 #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 6px;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.awesome1:hover {
    background-color: #111111;
    color: #FFFFFF;
    text-decoration: none;
}
.awesome1:active {
    top: 1px;
}
.small.awesome1, .small.awesome1:visited {
    font-size: 11px;
    padding: 5px;
}
.awesome1, .awesome1:visited, .medium.awesome1, .medium.awesome1:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.large1.awesome1, .large1.awesome1:visited {
    font-size: 16px;
    padding: 7px 20px;
}
.green1.awesome1, .green1.awesome1:visited {
    background: none repeat scroll 0 0 #179406;
    border: 1px solid #2D8F11;
}
.green1.awesome1:hover {
    background: none repeat scroll 0 0 #3CBF17;
}

.reportnavmain {
    margin-bottom: 0px; 
	height: 83px; 
	width: 413px; 
	margin-top: 0px; 
	margin-left: 0px;
	}
.reportinner {
   font-size:14px; 
   font-weight:bold; 
   margin:30px 10px 10px 12px;
   text-align:left;
	}
.essayarea {
  font-size:12px;  line-height: 18px; text-align:justify;
	}
#breadcrumb {
    color: #4F4F4F;
    font-size: 0.85em;
    font-weight: normal;
    padding: 0;
    text-align: left;
	margin: 14px 0 0 12px;
}
/*For signature type of question only***Start*/

@media (min-width:970px) and (max-width:5000px)
{
    .typeSignature{
        border: 1px solid #4d4d4d;
        width:370px;
        height:130px;        
        float: left;
        font-family: Jaspers;
        /*padding-top: 56px;*/
        text-align: center;
        color: #000;
        font-size: 56px;
        display: block;
        margin-top: 14px;
    }
    .signature {
        border: 1px solid #4d4d4d;
        width:370px;
        height:130px;        
        cursor: url(/survey/images/pen.png), auto;
        float: left;
        display: none;
        margin-left: 0px;
        margin-top: 14px;
    }
    .sigTools{
        width: 115px;
        float: right;
    }
    .textForSign{
        padding: 4px;width:100%;
    }
    .mainSigContainer{
        margin-top: 14px; 
        font-size: 13px; 
        width: 600px;
    }
    .toolsContainer{
        float: left;
        width: 386px;
        height: 30px;
    }
    .txtContainer{
        float: left;
        width: 36%;
    }
    .tblFields{
        font-weight: bold;
        width:48%;
    }
}
@media (min-width:768px) and (max-width:969px)
{
    .typeSignature{
        border: 1px solid #4d4d4d;
        width:370px;
        height:130px;        
        float: left;
        font-family: Jaspers;
        /*padding-top: 56px;*/
        text-align: center;
        color: #000;
        font-size: 56px;
        display: block;
        margin-top: 14px;
    }
    .signature {
        border: 1px solid #4d4d4d;
        width:370px;
        height:130px;        
        cursor: url(/survey/images/pen.png), auto;
        float: left;
        display: none;
        margin-left: 0px;
        margin-top: 14px;
    }
    .sigTools{
        width: 34.5%;
        float: right;
    }
    .textForSign{
        padding: 4px;width:100%;
    }
    .mainSigContainer{
        margin-top: 14px; 
        font-size: 13px; 
        width: 93%;
    }
    .toolsContainer{
        float: left;
        width: 410px;
        height: 30px;
    }
    .txtContainer{
        float: left;
        width: 42%;
    }
    .tblFields{
        font-weight: bold;
        width:48%;
    }
}
@media (min-width:1021px) and (max-width:1099px)
{
    .typeSignature{
        border: 1px solid #4d4d4d;
        width:370px;
        height:130px;        
        float: left;
        font-family: Jaspers;
        /*padding-top: 56px;*/
        text-align: center;
        color: #000;
        font-size: 56px;
        display: block;
        margin-top: 14px;
    }
    .signature {
        border: 1px solid #4d4d4d;
        width:370px;
        height:130px;        
        cursor: url(/survey/images/pen.png), auto;
        float: left;
        display: none;
        margin-left: 0px;
        margin-top: 14px;
    }
    .sigTools{
        width: 34.5%;
        float: right;
    }
    .textForSign{
        padding: 4px;
        width:100%;
    }
    .mainSigContainer{
        margin-top: 14px; 
        font-size: 13px; 
        width: 700px;
    }
    .toolsContainer{
        float: left;
        width: 415px;
        height: 30px;
    }
    .txtContainer{
        float: left;
        width: 42%;
    }
    .tblFields{
        font-weight: bold;
        width:48%;
    }
}
@media (min-width:471px) and (max-width:767px)
{
    .typeSignature{
        border: 1px solid #4d4d4d;
        width:328px;
        height:130px;        
        float: left;
        font-family: Jaspers;
        /*padding-top: 56px;*/
        text-align: center;
        color: #000;
        font-size: 56px;
        display: block;
        margin-top: 14px;
    }
    .signature {
        border: 1px solid #4d4d4d;
        width:328px;
        height:130px;        
        cursor: url(/survey/images/pen.png), auto;
        float: left;
        display: none;
        margin-left: 0px;
        margin-top: 14px;
    }
    .sigTools{
        width: 32%;
        float: right;
    }
    .textForSign{
        padding: 4px;width:100%;
    }
    .mainSigContainer{
        margin-top: 14px; 
        font-size: 13px; 
        width: 500px;
    }
    .toolsContainer{
        float: left;
        width: 336px;
        height: 30px;
    }
    .txtContainer{
        float: left;
        width: 42%;
    }
    .tblFields{
        font-weight: bold;
        width:65%;
    }
}
@media (min-width:319px) and (max-width:470px)
{
    .typeSignature{
        border: 1px solid #4d4d4d;
        width:268px;
        height:130px;        
        float: left;
        font-family: Jaspers;
        /*padding-top: 56px;*/
        text-align: center;
        color: #000;
        font-size: 56px;
        display: block;
        margin-top: 14px;
    }
    .signature {
        border: 1px solid #4d4d4d;
        width:268px;
        height:130px;        
        cursor: url(/survey/images/pen.png), auto;
        float: left;
        display: none;
        margin-left: 0px;
        margin-top: 14px;
    }
    .sigTools{
        width: 40%;
        float: right;
    }
    .textForSign{
        padding: 4px;width:100%;
    }
    .mainSigContainer{
        margin-top: 14px; 
        font-size: 13px; 
        width: 300px;
    }
    .toolsContainer{
        float: left;
        width: 280px;
        height: 30px;
    }
    .txtContainer{
        float: left;
        width: 42%;
    }
    .tblFields{
        font-weight: bold;
        width:65%;
    }
}
@media (min-width:281px) and (max-width:320px)
{
    .typeSignature{
        border: 1px solid #4d4d4d;
        width:268px;
        height:130px;        
        float: left;
        font-family: Jaspers;
        /*padding-top: 56px;*/
        text-align: center;
        color: #000;
        font-size: 56px;
        display: block;
        margin-top: 14px;
    }
    .signature {
        border: 1px solid #4d4d4d;
        width:268px;
        height:130px;        
        cursor: url(/survey/images/pen.png), auto;
        float: left;
        display: none;
        margin-left: 0px;
        margin-top: 14px;
    }
    .sigTools{
        width: 40%;
        float: right;
    }
    .textForSign{
        padding: 4px;width:100%;
    }
    .mainSigContainer{
        margin-top: 14px; 
        font-size: 13px; 
        width: 100%;
    }
    .toolsContainer{
        float: left;
        width: 98%;
        height: 30px;
    }
    .txtContainer{
        float: left;
        width: 50%;
    }
    .tblFields{
        font-weight: bold;
        width:48%;
    }
}
@media (max-width:280px)
{
    .typeSignature{
        border: 1px solid #4d4d4d;
        width:217px;
        height:130px;        
        float: left;
        font-family: Jaspers;
        /*padding-top: 56px;*/
        text-align: center;
        color: #444;
        font-size: 56px;
        display: block;
        margin-top: 14px;
    }
    .signature {
        border: 1px solid #4d4d4d;
        width:217px;
        height:130px;        
        cursor: url(/survey/images/pen.png), auto;
        float: left;
        display: none;
        margin-left: 0px;
        margin-top: 14px;
    }
    .sigTools{
        width: 50%;
        float: right;
    }
    .textForSign{
        padding: 4px;width:100%;
    }
    .mainSigContainer{
        margin-top: 14px; 
        font-size: 13px; 
        width: 100%;
    }
    .toolsContainer{
        float: left;
        width: 100%;
        height: 30px;
    }
    .txtContainer{
        float: left;
        width: 42%;
    }
    .tblFields{
        font-weight: bold;
        width:48%;
    }
}
.signatureIcon{
    cursor: pointer;
    padding: 7px 12px 10px;
    background: none repeat scroll 0px 0px rgb(238, 238, 238);
    border: 1px solid rgb(221, 221, 221);
}
.selected{
    box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.15);
    -o-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.15);
    background-color: #e6e6e6;
}
.tools{
     width: 140px;
}
.btnClr{
    width: 100px; margin-top: 21px; 
}
/* Drawing the 'gripper' for touch-enabled devices */ 
html.touch .content {
    float:left;
    width:92%;
}
html.touch .scrollgrabber {
    float:right;
    width:4%;
    margin-right:2%;
}
html.borderradius .scrollgrabber {
    border-radius: 1em;
} 

@font-face {
    font-family: 'nazaninbold';
    src: url('/api/fonts/nazanin/nazaninb-webfont.eot');
    src: url('/api/fonts/nazanin/nazaninb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/api/fonts/nazanin/nazaninb-webfont.woff2') format('woff2'),
         url('/api/fonts/nazanin/nazaninb-webfont.woff') format('woff'),
         url('/api/fonts/nazanin/nazaninb-webfont.ttf') format('truetype'),
         url('/api/fonts/nazanin/nazaninb-webfont.svg#nazaninbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*For signature type of question only***End*/

@font-face{font-family:"Calibri";src:url('/api/fonts/CALIBRI.eot');src:url('/api/fonts/CALIBRI.eot?#iefix') format('embedded-opentype'),url('/api/fonts/CALIBRI.woff') format('woff'),url('/api/fonts/CALIBRI.TTF') format('truetype'); }.m_explation{font-size:13px;}@font-face{font-family:'gothic';src:url('/var/www/web1/web/api/fonts/gothic.eot');src:local('gothic'),url('/var/www/web1/web/api/fonts/gothic.woff') format('woff'),url('/var/www/web1/web/api/fonts/gothic.ttf') format('truetype');}@font-face{font-family:'HPSimplified';src:url('/api/fonts/HPSimplified.eot');src:url('/api/fonts/HPSimplified.eot?#iefix') format('embedded-opentype'),url('/api/fonts/HPSimplified.woff') format('woff'),url('/api/fonts/HPSimplified.ttf') format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'HPSimplified Bold';src:url('/api/fonts/HPSimplified Bold.eot');src:url('/api/fonts/HPSimplified Bold.eot?#iefix') format('embedded-opentype'),url('/api/fonts/HPSimplified Bold.woff') format('woff'),url('/api/fonts/HPSimplified Bold.ttf') format('truetype');font-weight:normal;font-style:normal;}@font-face{font-family:'Lobster Two';font-style:normal;font-weight:400;src:local('Lobster Two'),local('LobsterTwo'),url(//themes.googleusercontent.com/static/fonts/lobstertwo/v5/Law3VVulBOoxyKPkrNsAaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');}@font-face{font-family:'Rammetto One';font-style:normal;font-weight:400;src:local('Rammetto One Regular'),local('RammettoOne-Regular'),url(//themes.googleusercontent.com/static/fonts/rammettoone/v3/mh0uQ1tV8QgSx9v_KyEYPHhCUOGz7vYGh680lGh-uXM.woff) format('woff');}@font-face{font-family:'Philosopher';font-style:normal;font-weight:400;src:local('Philosopher'),url(//themes.googleusercontent.com/static/fonts/philosopher/v5/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff');}@font-face{font-family:'Philosopher';font-style:normal;font-weight:700;src:local('Philosopher Bold'),local('Philosopher-Bold'),url(//themes.googleusercontent.com/static/fonts/philosopher/v5/napvkewXG9Gqby5vwGHICDqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');}@font-face{font-family:'Philosopher';font-style:italic;font-weight:400;src:local('Philosopher Italic'),local('Philosopher-Italic'),url(//themes.googleusercontent.com/static/fonts/philosopher/v5/_9Hnc_gz9k7Qq6uKaeHKmdkZXW4sYc4BjuAIFc1SXII.woff) format('woff');}@font-face{font-family:'Philosopher';font-style:italic;font-weight:700;src:local('Philosopher Bold Italic'),local('Philosopher-BoldItalic'),url(//themes.googleusercontent.com/static/fonts/philosopher/v5/PuKlryTcvTj7-qZWfLCFIARV2F9RPTaqyJ4QibDfkzM.woff) format('woff');}@font-face{font-family:'Karma';font-style:normal;font-weight:400;src:local('Karma Regular'),local('Karma-Regular'),url(//fonts.gstatic.com/s/karma/v2/xNwY0rzBXIEoSeEnAAbQCg.woff) format('woff');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Karma';font-style:normal;font-weight:400;src:local('Karma Regular'),local('Karma-Regular'),url(//fonts.gstatic.com/s/karma/v2/E4YVLCG37sfvbHtA5q6EAQ.woff) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;}@font-face{font-family:"Phontfreaks";src:url('/api/fonts/phontphreaks.eot');src:url('/api/fonts/phontphreaks.eot?#iefix') format('embedded-opentype'),url('/api/fonts/phontphreaks.woff') format('woff'),url('/api/fonts/phontphreaks.TTF') format('truetype'); }