/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

@font-face { /* added chan */
 font-family: 'Lato', sans-serif;
 font-style: normal;
 font-weight: 400;
 src: url('fonts/Lato/Lato-Regular.ttf') format('truetype');
}



*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {
color: #000000;
text-decoration:none;
}
#TB_window a:visited {
color: #000000;
text-decoration:none;
}
#TB_window a:hover {
color: #CC0000;
text-decoration:none;
}
#TB_window a:active {
color: #CC0000;
text-decoration:none;
}
#TB_window a:focus{
color: #000000;
text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=85);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#FFFFD9;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
#skipprompt{
	display:none;
	/*background-color:#FFFFFF;*/
	background-color:#f8f8f8;
	position:absolute;
	left:0;
	right:0;
	margin:50px auto;
	padding:40px 50px 0px 50px;
	border-radius: 15px;
	/*opacity:0.85;*/
	z-index: 999999;
	height:auto;
	max-width:500px;
	width:90%;
	filter:alpha(opacity=95);
	-webkit-box-shadow: 0px 4px 27px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 27px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 27px -8px rgba(0,0,0,0.75);
	
}
/*.skipvisible{
	padding:10px;
	margin-top:20px;
	width:70%;
	color:#37B3D7;
}*/
.skipvisible{
	/*padding:10px;*/
	/*margin-top:10px;*/
	/*margin-left:15% !important;*/
	/*margin-left:10% !important;*/
	/*width:70%;*/
	/*width:80%;*/
	color:#4d4d4d;
	text-align:left;
	/*margin-top: 5%;*/
	font-size: 20px;
}

.question{
	/*background-color:#FFF;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #0053A6;
}

.radius{
	padding: 15px;
	border-radius: 10px;
	behavior: url(../../PIE.php);
}

a:link img{text-decoration: none;
border-color: #FFFFD9;
border-width: 2px;
}

a:visited img{text-decoration: none;
border-color: #FFFFD9;
border-width: 2px;
}

a:hover img{text-decoration: none;
border-color: #FFFFD9;
border-width: 2px;
}
.navblue a:link {
	color : #F0C02E;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	padding: 2px;
	display: block;
}
.navblue a:visited {
	color : #F0C02E;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	padding: 2px;
	display: block;
}

.navblue a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
}

.navblue a:active{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
}

.navblue  {
	color : #1988DA;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	text-align: left;
	padding: 0px 1px;
}

.navblue1 a:link {
	color : #4E83DA;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	padding: 2px;
	display: block;
}
.navblue1 a:visited {
	color : #4E83DA;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	padding: 2px;
	display: block;
}

.navblue1 a:active,.navblue1 a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	background-color: #4E83DA;
	display: block;
	padding: 2px;
}

.navblue1  {
	color : #1988DA;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 11px;
	text-align: left;
	padding: 0px 1px;
}

.subblue a:link { 
    font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-decoration:none
}

.subblue a:visited { 
    font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #CC0000;
	text-decoration:none
}

.subblue a:hover { 
    font-family: Arial;
	font-weight: bold;
	text-decoration: none; 
	font-size: 12px;
	color: #CC0000;
}
.pagetitle {
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
}
.sub {
 font-family:Arial;
 font-size:12px;
 font-weight:bold;
}
td {
 font-family:Arial;
 font-size:12px;
}
.mainbg{
/*background-color: #FFFFD9;*/
background-color: #FFF;
margin-left:5px;
margin-right:5px;
}

.mainbg1{
background-color:#ECECEC;
margin-left:5px;
margin-right:5px;
}

a:link {
	color : #255AB1;
	font-weight : bold;
	text-decoration : none;
}
a:visited {
	color : #255AB1;
	font-weight : bold;
	text-decoration : none;
}
a:active{
	color : #255AB1;
	font-weight : bold;
	text-decoration: none ;
}
a:hover{
	color : #255AB1;
	font-weight : bold;
	text-decoration: underline ;
}
body {
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
ul {list-style:inside;}
ol {list-style:inside;}

.navbluechild a:link {
	color : #F0C02E;
	font-weight : bold ;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	padding: 2px;
	padding-left:10px;
	display: block;
}
.navbluechild a:visited {
	color : #F0C02E;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	padding: 2px;
	padding-left:10px;
	display: block;
}

.navbluechild a:hover{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
	padding-left:10px;
}

.navbluechild a:active{
	color : #000000;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	background-color: #F0C02E;
	display: block;
	padding: 2px;
	padding-left:10px;	
}

.navbluechild  {
	color : #1988DA;
	font-weight : bold;
	font-family: Tahoma;
	text-decoration : none;
	font-size: 10px;
	text-align: left;
	padding: 0px 1px;
	padding-left:10px;	
}

.question{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	/*color:#CC0033;*/
	color:#bf0000;
	font-weight:bold;
	/*background-color:#EEE;*/
}

.dos{
	font-size: 16px;
	color:#169494;
	font-weight:bold;	
}

.response{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color:#169494;
	font-weight:bold;	
}

.questiontext{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color:#bf0000;
	font-weight:normal;
}

.dostext{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color:#169494;
	font-weight:normal;	
}

.responsetext{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color:#169494;
	font-weight:normal;	
}
.firstbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #0053A6;
	padding: 10px;
	padding-left:20px;
	padding-right:10px;
}


.speechbox{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #0053A6;
	padding: 10px;
}

.incorrect{
	color: #FF3333;
	font-weight:bold;
	font-size:14px;
}
.correct{
	color: #26a69a;
	font-weight:bold;
	font-size:14px;!important
}

.incorrect{
	color: #FF3333;
	font-weight:bold;
	font-size:14px;
}
.fidbak{
	color: #ffffff;
	font-weight:bold;
	font-size:14px;!important
}

.firstbox .alert table tr:nth-child(2) td{
	padding-left:10px;
}
.firstbox.QAlist{
	padding:0px !important;
}
#question_cc table{
	margin:0;
}

.jqiwarning .jqi{ background-color:#b0be96 ;  }
                        .jqifade{ position: absolute; background-color: #333333; }
                        div.jqi{ position: absolute;  background-color: #282828; padding: 5px; width: 350px; text-align: left; }
                        div.jqi .jqiclose{ float: right; margin: -35px -10px 0 0; cursor: pointer; }
                        div.jqi .jqicontainer{ background-color: #EAFDFF; padding: 5px; color: #000000; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
                        div.jqi .jqimessage{ background-color: #EAFDFF; padding: 10px; }
                        div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; }
                        div.jqi button{ padding: 3px 10px 3px 10px; margin: 0 10px; }