/* @group Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
/*ul,ol {list-style: none; margin-bottom: 18px;}*/
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 18px;}
.clear {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block; display: block;}
* html .clearfix {height: 1%;}
/* @end */

/* @group General */


a:link, a:visited, a:active, a:hover {text-decoration: underline; font-weight: 600; color: #2768C8;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #777; _position: static !important;}
abbr {border: 0;}
p {margin-bottom: 18px;}
h1 {font-weight: bold; font-size: 20px; line-height: 26px; margin-bottom: 18px;}
h2 {font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 12px;}
h3 {font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 8px;}
h4,h5,h6 {font-weight: bold; font-size: 1em; line-height: 16px; margin-bottom: 8px;}
blockquote {margin: 18px 0; padding: 18px 18px 0; color: #666; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0;}
hr {width: 100%; height: 1px; background: #ccc; margin: 18px 0; border: none;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 12px; color: #666;}
pre {margin: 0 0 18px 0; white-space: pre-wrap;}
dl {margin-bottom: 18px;}
@font-face {
font-family: Helvetica;
src: url(Helvetica.ttf);
font-weight:lighter;
}
body{
	height: 100%;
	background-color: #FFF7EA;
	font-family:arial;
	color: #2F1E00;
}
#wrapper{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#top_box
{
	width: 938px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-size: 20px;
	border:1px solid black;
	
	
}

#left_column
{
	padding:10px 10px 10px 10px;
	width: 468px;
	height: 680%;
	overflow: scroll;
	font-size: 18px;
	line-height: 22px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float: left;
	
}
.listt{
	list-style-type: disc;
}
@-moz-document url-prefix() {
    #left_column{line-height: 23px; }
}

#right_column
{
	padding:10px 10px 10px 10px;
	width: 469px;
	height: 680%;
	overflow: scroll;
	font-size: 18px;
	line-height: 21px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	
}
@-moz-document url-prefix() {
    #right_column{width: 468px; }
}
/* Index.php */
.support_head_text
{
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}
.adaptive_title
{
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
}
.check_answer_btn
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CCE7FF), color-stop(1, #A9D6FF) );
	background:-moz-linear-gradient( center top, #CCE7FF 5%, #A9D6FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCE7FF', endColorstr='#A9D6FF');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#3771A6;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}  
.check_answer_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A9D6FF), color-stop(1, #CCE7FF) );
	background:-moz-linear-gradient( center top, #A9D6FF 5%, #CCE7FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9D6FF', endColorstr='#CCE7FF');
	background-color:#dfdfdf;
}.check_answer_btn:active {
	position:relative;
	top:1px;
}
/* HOVER STYLES */
      div#pop-up {
        display: none;
        position: absolute;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        background: #F0F7FF;
        color: #2F1E00;
        border: 2px solid #4271A7;
        font-size: 16px;
        line-height: 16px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 2px 2px 5px #000000;
     
 }
 #top_result_box
{
	width: 938px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;

	
}
 #result_view_content_box
 {
	margin-left: auto;
	margin-right: auto;
	width: 938px;
	height: 180px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	font-size: 20px;

}
#result_view_content_box p{
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.Try_Again_Btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CCE7FF), color-stop(1, #A9D6FF) );
	background:-moz-linear-gradient( center top, #CCE7FF 5%, #A9D6FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCE7FF', endColorstr='#A9D6FF');
	background-color:#CCE7FF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#3771A6;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width: 200px;
	height: 20px;
}.Try_Again_Btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A9D6FF), color-stop(1, #CCE7FF) );
	background:-moz-linear-gradient( center top, #A9D6FF 5%, #CCE7FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9D6FF', endColorstr='#CCE7FF');
	background-color:#dfdfdf;
}.Try_Again_Btn:active {
	position:relative;
	top:1px;
}
a.Try_Again_Btn{
	color:#3771A6;
}
.Type_support_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CCE7FF), color-stop(1, #A9D6FF) );
	background:-moz-linear-gradient( center top, #CCE7FF 5%, #A9D6FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCE7FF', endColorstr='#A9D6FF');
	background-color:#CCE7FF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#3771A6;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width: 500px;
	height: 50px;
	margin-top: 20px;
}.Type_support_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A9D6FF), color-stop(1, #CCE7FF) );
	background:-moz-linear-gradient( center top, #A9D6FF 5%, #CCE7FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9D6FF', endColorstr='#CCE7FF');
	background-color:#dfdfdf;
}.Type_support_btn:active {
	position:relative;
	top:1px;
}
#right_column td
{
	padding-left: 10px;
	vertical-align: top;
}
.defualt_input_style
{
	width: 600px;
	margin-top: 5px;
	height: 30px;
	background-color:#F0F7FF;
	font-size: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	font:13px Georgia, "Times New Roman", Times, serif;
	border:1px solid #999999;
}
#user_input_info_box
{
	width: 500px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}
.default_submit_button_style
{
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFE99B), color-stop(1, #FED649) );
	background:-moz-linear-gradient( center top, #FFE99B 5%, #FED649 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE99B', endColorstr='#FED649');
	background-color:#CCE7FF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #C1A22F;
	display:inline-block;
	color:#A58618;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width: 200px;
	height: 40px;
	margin-right: 5px;
}
.list_style_disc{
	margin-left: 20px;
}
#consent
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 25px;
}
.consent_title
{
	text-align: center;
	font-weight: bold;
}
.list_style_disc2{
	margin-left: 20px;
}
.list_style_disc2 li{
	line-height: 20px;
}
.mark_word{
	font-weight: bold;
	text-decoration: underline;
}
.questionnaire
{
	margin-top: 20px;
	font-size: 16px;
	line-height: 30px;
}
.questionnaire_title{
	font-size: 20px;
	font-weight: bold;
}
.choose_helping_button_question
{
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.choose_helping_button_question a{
	text-decoration: none;
	color:#3771A6;
}
#helping_option_box{
	text-align: center;
}
#helping_option_box p{
	font-weight: bold;
	font-size: 20px;
	color:#3771A6;
}
#screenshot_div
{
	 display: none;
        position: absolute;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #FFF7EA;
        color: #2F1E00;
        border: 4px dashed #4271A7;
        font-size: 16px;
        line-height: 16px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 10px 10px 20px #3972A7;
        
}
.screenshot{
	font-size: 20px;
	margin-left: 5px;
}
.question_explanation_wrapper{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.question_explanation_box{
	margin-top: 10px;
	border: 1px solid black;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.choice_missed_text{
	padding-left: 35px;
	margin-top: 0px;
	font-size: 18px;
}
.choice_missed_text_correct{
	padding-left: 35px;
	color: #5DB500;
	font-weight: bold;
	margin-top: 0px;
	font-style: italic;
	font-size: 18px;
}
.question_missed_title{
	padding-left: 15px;
}

.question_missed_explanation{
	padding: 5px 5px 5px 5px;
	border: 1px dashed black;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	font-size: 18px;
}
#warning_support{
	font-size: 20px;
	line-height: 22px;
}