/**********************************************************
 **                   Main Styles                        **
 **********************************************************/

body {
	padding: 0;
	margin: 0;
  	font-family: 'Lucida Grande', Arial, Verdana, Arial, Sans-Serif;
  	color: #000;
}


 a.roundbutton {
    border: 1px solid #666;
    border-radius: 5px;
    background-color: lightgrey;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    margin : 3px;
    padding: 1px 5px 1px 5px;
    display: inline-block;
}
a.roundbutton:hover {
    border: 1px solid #ff8080;
    background-color: #ffcccc;
    color: black;
}


a:link, a:visited, a:active {
	color:#000;
}

a:hover { 
	color:#000066;
}

img {
	border:0;
}
	
form {
	margin: 0;
	padding: 0;
}

.errorMessage {
	color: #ffcc99;
}

.errorMessage input {
	font-size: 1.2em;
}

#outer {
}

#hdr {
	height: 100px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

#banner {
    padding: 10px;
    text-align: center;
    font-family: 'Lucida Grande', Arial, Verdana, Arial, Sans-Serif;
    color: #666;
}

#l-col {
	padding: 0 5px 0 5px;
	width: 150px;
	margin-bottom: 10px;
	float: left;
     min-height: inherit;
}

#cont {
	margin-left: 160px;
    border: 1px solid #000;
	padding: 5px;
	margin-bottom: 10px;
    margin-right: 10px;
    min-height: inherit;
}

#logo {
	width: 220px;
	float: left;
}

#ftr {
	/*border-top: 1px solid #000;*/
	text-align: right;
	clear: both;
    font-size: 10px;
}

#ftr ul {
    list-style: none;
    padding: 0;
}

#ftr li {
	margin: 10px 10px 10px 0px;
	display: inline;
}

#ftr a {
    float: none;
	font-size: 0.8em;
	margin: 3px;
	padding: 2px;
	color: #999;
}

#ftr a:hover {
	color: #666;
}

.hint {
	font-size: 0.7em;
}

#notice {
	font-size: 0.9em;
	background-color:  #FFEFEF;
	padding: 3px;
	border-top: 1px solid #FF9999;
	border-bottom: 1px solid #FF9999;
}

#readonly {
	font-size: 0.9em;
	background-color:  #FFEFEF;
	padding: 3px;
	border-top: 1px solid #FF9999;
	border-bottom: 1px solid #FF9999;
}

.hilite {
	color: #99FF99;
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/**********************************************************
 **                Navigation Menu                       **
 **********************************************************/

#nav-menu {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	float: right;
	margin: 0 0 10px 4px; 
	height:70px;
	width: 400px;
	padding: 0;
}

#nav-menu ul {
	list-style: none;
	margin:0;
	padding:0;
}

#nav-menu li {
	color: #fff5ee;
	float: left;
	padding: 3px 8px;
	height: 18px;
}

#nav-menu a {
	color: #fff5ee;
	text-decoration: none;
	border-bottom: none;
}

#nav-menu a:hover {
	color: #333;
}

/**********************************************************
 **                      Side Menu                       **
 **********************************************************/

#sidemenu {
	margin: 0;
	padding: 0;
}

#sidemenu ul
{
    list-style: square;
	margin: 0;
	padding: 0 0 0 10px;
}

#sidemenu ul.submenu
{
    list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
}

#sidemenu li
{
	padding: 0;
	margin: 0;
}

#sidemenu a:link, #sidemenu a:visited {
	width:135px;
	font-size: 0.9em;
	display: block;
	padding: 3px 0 2px 2px; 
	text-decoration: none;	
}

#sidemenu a:link.selected, #sidemenu a:visited.selected {
	background-color: #CCCCCC;	
}

#sidemenu a:hover, #sidemenu a:hover.selected {
	color: #006;
}

#current_exam {
	background-color: #FFCCCC;
	margin-right: 3px;
}

#current_exam a:link, #current_exam a:visited {
	width: 145px;
}

#current_exam #progress {
	text-decoration: underline;
	font-size: 0.8em;
}

#sidemenu p {
	font-size: 0.8em;
	color: #FFFFFF;
	background-color: #333333;
	margin: 2px 3px 2px 0;
	padding: 0 1px 1px 2px;
}

#sidemenu hr {
	margin: 2px 0 4px 0;
}

/**********************************************************
 **                      Groups                          **
 **********************************************************/

.group {
	margin: 5px 5px 5px 5px;
	padding: 0px;
	color: #000;
	font-size: 0.9em;
}

.group .standard p {
	margin: 0;
	padding: 5px 0 8px 0;
}

.group .form {
}

.group_body {
}

.group h1 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
	color: #000;
}

.group h2 {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 3px 0;
	padding: 0;
	color: #000;
}

.group h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 5px 0 0 20px;
	padding: 0;
	color: #600;
}

.group ul {
	margin-top: 3px;
}

.group li {
	margin-bottom: 5px;
}

.group .form .helptext p {
	padding: 0;
}

/**********************************************************
 **                      Forms                           **
 **********************************************************/

.group .form p {
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 200px;
	height: 1%;
}

.group label {
	font-weight: bold;
	float: left;
	margin-left: -200px;
	width: 200px;
}

.group textarea {
	width: 350px;
	height: 200px;
}

.group textarea.mcqoption {
	width: 350px;
	height: 100px;
}

* html .threepxfix {
	margin-left: 3px;
}

.group input [type="text"] {
	width: 180px;
}

.group input.short_text {
	width: 25px;
}

#mcq_answer_a {
	float: left;
}

#mcq_answer_b {
	float: left;
}

#mcq_answer_c {
	float: left;
}

#mcq_answer_d {
	float: left;
}

#mcq_answer_e {
	float: left;
}

#searchbox {
	border: 1px solid #666;
	padding: 0 0 0 5px;
}

/**********************************************************
 **                      Tables                          **
 **********************************************************/

table {
	/*border: 1px solid #666;*/ 
	font-size: 0.9em;
}


thead th,tfoot th {
	font-weight: bold;
	text-align: left;
	border: solid 1px #666;
	padding-right: 2px;
	padding-left: 2px;
	background-color: #EEEEEE;
}

tbody tr.even {
}

tbody tr.odd {
	background-color: #FFEEEE;
}

#ctl00_MainContent_report_ctl06 div table {
    border: none; 
}

#ctl00_MainContent_report_ctl10 div div table {
    border: none; 
}

tbody td {
	padding-right: 2px;
	padding-left: 2px;
	border: solid 1px #666;
	text-align: center;
}

.shadedcell {
	background-color: #EEE;
}

tr.currentexam {
	background-color: #FFCCCC;
}

.correctanswer {
	background-color: #FFFF99;
	font-weight: bold;
}

.group .form .richtextstyle p, .group .form .correctanswer p {
	padding: 1px 0 3px 200px;
}

table.pass_rates {
	border: 1px solid #666;
}

table.pass_rates td {
	border: none;
}

table.pass_rates td.box_it {
	border: 1px solid #666;
	text-align: center;
	width: 100px;
}

.tableContainer thead tr.subheader th {
	font-size: 0.9em;
}

.tableContainer .failrow, .failrow_key, tr.failrow {
	background-color: #FFE0E0;
}

.tableContainer .ffenw td, .ffenw_key ,.ffenw td a{
	color: #16a596;
}

.tableContainer .passexamrow, .passexamrow_key {
	background-color: #E0FFE0;
}

.tableContainer .imgsrow td, .imgsrow_key ,.imgsrow td a{
	color: #996600;
}
.tableContainer .pexmcqexem td, .pexmcqexem,.pexmcqexem_key,.pexmcqexem td a {
	color: #0D84F5;
}

.tableContainer .ffdeferral td, .ffdeferral ,.ffdeferral_key,.ffdeferral td a{
	color: #0D84F5;
}

.tableContainer .cohort1, .tableContainer .imgsrow td.cohort1, .cohort1_key {
	color: #0000FF;
}

.tableContainer .cohort2, .tableContainer .imgsrow td.cohort2, .cohort2_key {
	color: #000000;
}

/*** scrolling table with fixed headers ***/

div.tableContainer {
	width: 99%; /* table width will be 99% of this*/
	height: 650px; /* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
}

.tableContainer table {
	width: 97%; /*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: #FFF;
	/*border-right: 1px solid #666;*/
}

.tableContainer table>tbody { /* child selector syntax which IE6 and older do not support*/
	overflow: auto;
	height: 440px;
	overflow-x: hidden;
}

.tableContainer thead tr {
	position:relative;
}

.tableContainer thead td, thead th {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #EEE;
}

.tableContainer tr {
	height: 20px;
}

.tableContainer td {
	color: #000;
	padding-right: 2px;
	padding-left: 2px;
	font-size: 12px;
	text-align: right;
	/*border-bottom: solid 1px #666;
	border-left: solid 1px #666;*/
	height: 20px;
    text-align: center;
}

.tableContainer td:last-child {
	padding-right: 25px; /*prevent Mozilla scrollbar from hiding cell content*/
}

.correctans {
	font-weight: bold;
	background-color: #E0FFE0;
}

/*********** viva details ***************/
/*********** graph table ****************/

.group_body .graphtable {
	padding: 0px;
	margin: 0px;
	width: 95%;
	border: none;
}

.graphtable td {
	padding: 0px;
	margin: 0px;
	border: none;
}

.graphtable td.key-y {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.graphtable td.key-x {
	border-bottom: 1px solid #000;
	text-align: center;
}

.graphtable td.h-axis {
	background-color: #E0E0E0;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #000;
}

td.label-bar {
	background-color: #E0E0E0;
	border-bottom: 1px solid #999999;
}

td.graph-bar {
	background-color: #E0E0E0;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #669966;
}

.graphtable td table {
	border: none;
}

.graphbar {
	padding: 0px;
	margin: 0px;
	border: none;
}

.graphbar td {
	padding: 0px;
	border: none;
}

.thisquestion {
	background-color: #669966;
	color: #FFF;
}

.thisquestionlite {
	background-color: #CCFFCC;
}

p.thisquestionlite {
	width: 400px;
}

.allquestions {
	background-color: #666699;
	color: #FFF;
}

.allquestionslite {
	background-color: #EEEEFF;
}

p.allquestionslite {
	width: 400px;
}

#question_text {
	border: 1px solid #666;
	padding: 10px;
	font-size: 1.2em;
}

#viva_stat_left {
	width: 45%;
	padding: 5px;	
}

#viva_stat_right {
	float: right;
	width: 48%;
	padding: 5px;
}

/**********************************************************
 **                     Errors                           **
 **********************************************************/

.fieldWithErrors {
  padding: 1px;
  background-color: red;
  display: table;
}

.fieldWithWarning {
  background-color: #ffff99;
}

#errorExplanation {
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 10px;
  margin-top: 5px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -5px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
  margin-top: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  color: #333;
}

#first_alert {
	color: #FFCC33;
	font-size: 0.8em;
}

#keep_alive {
	display: none;
	border: 1px solid #663300;
	background-color: #FFCC99;
	width: 240px;
	height: 80px;
	text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -120px;
	z-index: 1001;
}

#session_timer {
	font-weight: bold;
	font-size: 1.2em;
	color: #CC0000;
}

/**********************************************************
 **               Tooltip			                     **
 **********************************************************/

.tooltip_header {
	font-size: 0.7em;
	vertical-align:middle;
	font-weight: bold;
	width: 160px;
	border: 1px solid #A5CFE9;
	padding: 3px;
	color: #253D4C;
	background: #D5EBF9;
	filter: alpha(opacity=90); /*IE*/
	opacity: 0.90; /*FF*/
}

.tooltip_body {
	font-size: 0.7em;
	border: 1px solid #A5CFE9;
	width: 160px;
	padding: 3px;
	color: #0D2433;
	background: #FFFFFF;
	filter: alpha(opacity=90); /*IE*/
	opacity: 0.90; /*FF*/
}



/* styles added for report viewer  */
div #ctl00_MainContent_report div div table tbody td,
div #ctl00_MainContent_report div div table thead th,
div #ctl00_MainContent_report div div table tfoot th,
div #ctl00_MainContent_report .group_body table

{
    border-bottom: none;
    border-left:none;
    border-right:none;
    border-top:none;
}

table #ctl00_MainContent_report_fixedTable tbody tr td div div table,
table #ctl00_MainContent_report_fixedTable tbody tr td div div table tbody tr td div div,
#ctl00_MainContent_report_AsyncWait_Wait table tr td
{
    border-bottom: none;
    border-left:none;
    border-right:none;
    border-top:none;
}
/*
.group_body table
{
     border-right:none;
}*/
 #sortable_table , #normaltable 
{
    border-right: 1px solid #666;
}

  .w3-container, .w3-panel {
                padding: 0.01em 16px;
            }

            .w3-black, .w3-hover-black:hover {
                color: #fff !important;
                background-color: white !important;
            }

            .w3-bar {
                width: 100%;
                overflow: hidden;
            }

            .w3-border {
                border: 1px solid #ccc !important;
            }

            .w3-red, .w3-hover-red:hover {
                color: black !important;
                background-color: rgb(255, 204, 204);
                 border: 1px solid #ccc !important;
            }
.w3-container p,.w3-container table{
    color:black;
}

fieldset.login-screen {
	border: 1px solid #e1e1e1;
	margin-bottom: 1em;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 0;
	display: block;
	clear: both;
}