/*CSS for eTEST Desktop*/

.ecFullBody{
	width:100%;
	height:100%;
}

/*.etest-video-iframe{
	width:400px;
	height:225px;
}*/

#eTestIntroVideo1{
	width:430px;
	height:242px;
}


strong.coursename{
	font-size: 15px;
	color: red;
}

strong.source{
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #008000;
	background: #fcf5a9;
}

hr{
	width: 100%;
}


form {
	margin-bottom: 0%;
}

/* element-wise */
a, a:visited{
	color: #000080;
	text-decoration: none;
}


/* QUESTION TEXT*/
p {
	margin-left: 10px;
	margin-right: 10px;
}

p.coursetext {
	background-color: #fff;
	opacity:0.8;	 		  
	filter:alpha(opacity=80);  /*IE solution*/
}

input{
	border: 1px solid #AAA;
	background: #FFF;
	color: #050742;
	padding: 2px 5px 2px 5px;
}

input.spacer{
	border: none;
	background-color: transparent;
}

input.choice{
	border: none;
	background-color: transparent;
}

select {
	font-size:13px;
	color: #050742;
	background-color: white;
}

table {
	border-spacing: 0%;
}

table.ecoach-table{
	text-align: center;
	font-size: 15px;
}

tr.option{
	border-bottom: 1px dotted black;
}
/*
tr.CMOTHERtr{
}
tr.CMANStr{
	display: none;
}
*/

td.trow{
	border-bottom: 1px solid #CCC;
	background: white;
	color: black;
	padding: 20px 0px;
}
td.trow2{
	border-bottom: 1px solid #CCC;
	background: #c1ddec;
	color: black;
}

th.trow{
	background: #444;
	color: white;
	/*border-left: 1px dotted #000;*/
}

.trow img {
	opacity:0.40;	 		  
	filter:alpha(opacity=40);  /*IE solution*/
}

.trow img:hover{
	opacity:1;	 		  
	filter:alpha(opacity=100);  /*IE solution*/
}

.activetest, .activetest td.trow{
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
/*	color: #a27900;*/
	color: #e38402;
}
.confirmed, .confirmed td.trow{
	font-size: 14px;
	font-style: italic;
	font-weight: bolder;
	color: #f98f02;
}
.demotest, .demotest td.trow{	
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
    color: #AAA;
    background: transparent;
}

.pk-list{
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}
/* jquery ui */
ul.icon-btn li {margin: 2px; position: relative; padding: 2px; cursor: pointer; list-style: none;}
ul.icon-btn span.ui-icon {float: left; margin: 0 2px;}
/* jquery ui */

#popout-inner{
	margin: 0% 10%;
	width: 80%;
	background: #0769AD;	
    position: fixed;
	top: 30px;
	z-index: 2000;
	text-align: center;
	opacity:1.0;	 		  
	filter:alpha(opacity=100);  /*IE solution*/
}

html, body{
/*	background: #DDD url(../img/misc/ui/mattefinish.png) 50% 50% repeat;*/
	background: white;
}

#body-div{
	background: #DDD url(../img/misc/ui/mattefinish.png) 50% 50% repeat;
	overflow-x: hidden;
	overflow-y: hidden;
}


#main-div{
	 background-color: #CCC;
	 width:100%;
	 border-top-width: 0px;
}

#product-bar{
/*	height: 30px;*/
/*	background-color: #111;*/
	background-color: #f98f02;
	text-align: left;
}

#top-bar{
	height: 48px;
	background-color: white;
	border-bottom: 1px solid #DDD;
}

#top-info{
	width: 100%;
	height: 100%;
	display: table;
}
#top-info h2{
	display: table-cell;
	vertical-align: middle;	
}

#bottom-bar-div{
	width: inherit;
/*	background: transparent;*/
/*	background: green;*/
	position: absolute;
	right: inherit;
	top: 590px;
	z-index: 999;
}

#bottom-bar-div button{
	height: 40px;
}

#bottom-bar1{
	width: 100%;
	height: auto;
}

#bottom-bar2{
	width: 100%;
	height: 50px;
}

#bottom-bar2 .half-l, #bottom-bar2 .half-r{
	height: 100%;	
}

#bottom-bar2 .full{
	height: 100%;
}

#ansform{

}

#anstable{
	width: 100%;
/*	width: 95%;*/
/*	border-left: 1px solid #777;*/
	border-collapse: collapse;
}

#anstable tr:hover{
	color: white;
	background: #59ACFF;
}

#anstable tr.selectedoption{
	color: white;
	background: #8ec7ff;
}

#anstable td{
	height: 40px;
	font-size: 125%;
	font-weight: bolder;
}

#testingBACKGROUND{
	background:url(../img/main/testinghome.jpg);
	background-size: 100% 100%;
	height: 100%;
}

#courseformdiv{
/*	height: 30px;*/
	text-align: left;
}
#courseformdiv table{
	height: 45px;	
}

#courseIMG{
	position: relative;
	top: 0px;
	background-size: 100%;
}
#courseIMGtop{
	height: 54px;
	position: relative;
	top: 0px;
	background: #0769AD;
	border-bottom: 1px solid #666;
	display: table;
	width: 100%;
}
#courseIMGtop h3{
	color: white;
	font-size: 3vmin;
	font-family: 'Calibri';
	vertical-align: middle;
	display: table-cell;
}
#course-title{
	margin-top:0px;
}

#footer-div{
	background-color: transparent;
	height: 40px;
	width: 100%;
	text-align: center;
/*	border-top: 1px solid #DDD;*/
}

#footer{
	width: 100%;
	height: 100%;
/*	height: 36px;*/
/*	border-top: 2px solid #999;*/
/*	border-bottom: 2px solid #999;*/
}


#holder{
	
}

#scorecontrol-div{
	background-color: whitesmoke;
	max-height: inherit;
}

#scorearea-div{
	text-align: left;
	width: inherit;
}

#score-bin{
	width: 1000px;
	height: 400px;
	
}

#testdetails-table{
	/*width:98%;*/
	width:100%;
	text-align:center;
	border-collapse: collapse;
}

/* PRODUCTS - start*/
/*- eTest : start -*/
#etest-nav-menu{
/*	float: left;*/
/*	width: 75%;*/
}
#etest-nav-menu img{
	height: 30px;
}

#etest-space-div{
	float: right;
	width: 25%;
	font-size: 0.8em; 
}

/*- eTest : end -*/
/* PRODUCTS - end*/

#testformdiv{
	width:inherit;
	background:url(../img/main/testinghome.jpg);
	background-size: 100% 100%;
}

#innertable{
	background: whitesmoke; 
	width:100%;
	height: 100%;
/*	opacity:0.95;	 		  */
/*	filter:alpha(opacity=95); */
	 /*IE solution*/
}

.tests-table{
	opacity:1.0;	 		  
	filter:alpha(opacity=100);  /*IE solution*/
	height: 35px;
	overflow-x: hidden;
	border: 1px solid #CCC;
}

table.tests-table tr:hover td {
    background: #59ACFF;
	color: #FFF;
}

#course-test-groups{
	float:left;
	text-align:left;
	width:50%;
}

#course-info-div{
	float:right;
	text-align:right;
	width:50%;
}

#testinfo-bar{
	height: 30px;
	background: #f98f02;
	padding: 5px 0px;
}

#testinfo-l{
	width:190px;
	height:100%;
	float:left;
	background: transparent;
}

#testinfo-c{
	width:600px;
	height:100%;
	float:left;
	background: transparent;
}
#testinfo-r{
	width:210px;
	height: 100%;
	float:right;
	background: transparent;
}

#testcontent-div{
	width:100%;
	height:454px;
	background: whitesmoke;
	border-top: 2px solid #FFF;
	float: left;
	font-style: italic;
	font-weight: bolder;
}

/*#selectedpackage:not(.field), #selectedcourse, #selectedanalysis{*/
#selectedpackage, #selectedcourse, #selectedanalysis{
	height:35px;
	padding: 0px;
}

#bottom{
	width:1000px; 
	height:30px; 
	background:#444;
}

#bottom-left{
	width:200px;
	float:left;
}

#bottom-center{
	width:600px;
	float:left;
}

#bottom-right{
	width:200px;
	float:right;
}

#question-div{
	width:100%;
	height:481px; /*555 - 74px; */
	float:left; 
	background-color: whiteSmoke;
}

#qbar-div{
	/*height: 234px;*/
}

#qbar-info{
	width: 30%;
	float: right;
	height: 30px;
	font-size: 10px;
}

#qbar-test{
	width: 40%;
	float: right;
	height: 30px;
	white-space: nowrap;
}

#qbar-time{
	font-weight: bolder;
	width: 30%;
	float: right;
	height: 30px;
}
.qbox{
	border-top: 1px solid #DDD;
	background: white;
	overflow: auto;
}

.qbox table{
	border-spacing: 0px;
}

#qattempts{
	background: whitesmoke;
	padding: 10px;
}
#timer{
	padding: 5px 5px;
	background: #444;
	border-radius: 5px;
	font-size: 12px;
}

.hide{
	display: none;
}

.qinstruct{
	font-weight: bolder;
	border-bottom: 2px solid #EEE;
	padding: 4px 0px 4px 0px;
	color: #555;
}

.qinstruct p{
	margin-top: 0px;
	margin-bottom: 0px;
/*	font-size: 140%;*/
}

#qtext{
	color: #888;
	/*border-top: 1px solid #999;*/
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.qnum{
	margin: 10px;
	padding: 5px;
/*	font-size: 20px;*/
	line-height: 20px;
	height: 20px;
	width: 20px;
	display: inline-block;
	border: 2px solid #f98f02;
	border-radius: 50%;
	text-align: center;
	color: #f98f02;
	background: transparent;
}

.qnum.qmain{
	border-color: #f98f02;
	font-weight: bolder;
}

.qpreview{
	text-align:left; 
	font-weight:bold; 
	color:#888
}

.qpreview .qtext{
	
}
.questiontext {
	font-size: 1.5em;
	font-weight: bolder;
	padding: 20px 0px 0px 0px;
	color: #888;
}
.qresource{
	color: #BBB;
}
.optionstext p{
	font-size: 100%;
/*	font-weight: bolder;*/
}

#qtext strong{
	color: red;
}

#qtext-div{
	background: white;
	border-top: 1px solid #DDD;
	text-align: left;
	font-size: 12px;
}

#qnotes{
	background: white;
	color: #888;
	padding: 40px 30px;
	font-size: 16px;
}

#qnotes h1,#qnotes h2,#qnotes h3,#qnotes a{
	color: #f98f02;
}

#qnotes b, #qnotes u{
	color: #2B95FF;
}

#qnotes table{
	border-spacing: 0px;
}

#qnotes tr:first-child, #qnotes tr:first-child b{
	background: #2B95FF;
	color: white;
}

#qnotes tr:first-child td{
	border: 0px;
}

#qnotes td p{
	padding: 10px;
	margin: 0px;
}

#qnotes td{
	border-bottom: 1px solid #CCC;
}

.qoptions{
	background: white;
	color: #888;	
	width: 96%;
	padding: 0px 2% 10px 2%;
/*	float: right;*/
/*	clear: right;*/
	overflow: auto;
}

/* PRINT MODE SETTINGS */

.print-preview .qbox{
	position: relative;
    float: left;
    width: 50%;
    min-height: 180px;
}

.print-preview .qoptions{
	/* background: red; */
}

.print-preview p{
	margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
	margin-inline-end: 0px;
}

.print-preview td, .print-preview #anstable td{
	height: auto;
}

.print-preview .qnum{
	margin: 5px 10px 0px 0px;
	padding: 0px;
}

.print-preview .questiontext{
	font-size: 1.20em;
	padding: 10px 0px 0px 0px;
}

.print-preview .qcomponents p{
	margin: 5px 0px;
}

/*--------------*/


.qcomponents{
	background:white;
	color: #888;	
	width: 96%;
	padding: 0px 2%;
/*	float: left;*/
/*	clear: left;*/
	overflow: auto;
}

.qcomponents p{
	/*font-size: 125%;
	font-size: 2.5vmin;*/
	margin: 15px 0px;
}
/*.qcomponents p:first-child{*/
.qcomponents p:empty{
	display: inline;
	margin: 0px;
}

.qcomponents table{
	border: 1px solid black;
}

.qcomponents th{
/*	border: 1px solid black;*/
/*	border-bottom: 1px solid #888;*/
	padding:5px;
	background: #2B95FF;
	color: white;
}

.qcomponents td{
	border-bottom: 1px solid #888;
	padding:5px;
	background-color: white;
	text-align: center;
}

.qcomponents tr:first-child td{
	border-top: 0px;
}

.qcomponents tr:last-child td{
	border-bottom: 0px;
}

.questiontext-text{
	width: 90%;
}


.qsolution{
	padding: 10px;
	margin: 10px 10px 10px 10px;
	color: green;
/*	font-weight: bold;*/
	background: #bbffbb;
/*	border: green 2px solid;*/
}
.qissue{
	padding: 10px;
	margin: 10px 10px 10px 10px;
	color: #ff0000;
	font-weight: bold;
	background: #ffbbbb;
/*	border: #ff0000 2px solid;*/
}

.subquestiontext{
	background: white;
	padding: 0px 20px;
	font-weight: bolder;
	font-style: normal;
/*	border-top-color: white;*/
/*	border-left-color: white;*/
/*	border-right-color: white;*/
	clear: both;
}
.subquestiontext:last-child{
/*	border-bottom-color: white;*/
}

.subquestiontext.inactive{
	background: whitesmoke;
	font-weight: normal;
	font-style: italic;
/*	border-right-color: #f98f02;*/
/*	border-bottom-color: #f98f02;*/
}

#qtable{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	max-height: 100%;	
	width:100%;
	float: left;
	background:whitesmoke;
	display: none;
}

#qchart{
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	max-height: 100%;
	width:100%;
	float: left;
	background:whitesmoke;
}

#qchart_pie{
	width:490px;
	height:220px;
	font-size: 10px;
}

#test-status{
	width: 960px;
	padding: 20px;
}

#rsidebar{
	width: 330px;
	height:555px;
	float: right;
}

#lsidebar{
	width: 669px;
	height:555px;
	float: left;
	border-right: 1px solid #999999;
}

#status-msg{
	background: #444;
	width: 1000px;
	height: 555px;
	position: relative;
	top: -555px; /*-555+74*/ 
	opacity:0.96;	 		  
	filter:alpha(opacity=96);  /*IE solution*/
}

#reviewoptions{
	height: 130px;
}

#reviewsummary{
	/*height: 85%;*/
}

#searchResults{
	overflow: auto;
/*	overflow-y: auto;*/
/*	overflow-x: hidden;*/
}

#performance-div{
	height: 100%;
}

.performance-metric{
	background: white;
	width: 250px;
	height: 250px;
	float: left;
	margin: 10px;
	padding: 20px;
	border-radius: 10px;
	opacity:0.95;	 		  
	filter:alpha(opacity=95);  /*IE solution*/
}

.full{
	width: 100%;
}

.half-l{
	width: 50%;
	float:left;
	background: transparent;	
}

.half-r{
	width: 50%;
	float:right;
	background: transparent;	
}

#table-questions{
	overflow-y: auto;
	max-height: 400px;
	text-align: left;
}

.clock-on{
	color: yellow;
	font-weight: bold;
}

.clock-off{
	color: #75eb0a;
	font-weight: bold;
}

.testform{
	overflow-y: scroll;
	height: inherit;
	max-height: 400px;
}

.auth-form{
	text-align: left;
}


tbody tr:hover{
	color: #2B95FF;
}
tbody tr.highlight{
	background: whitesmoke;
}

tbody tr.highlight:hover{
	background: white;
}

tr p:hover{
	/*color: #2B95FF;*/
}

/*---------------------*/

.meter-wrap{
    /*position: relative;*/
}
.meter-status{
	/*width: 10%;*/
}
.meter-wrap, .meter-value{
    width: 90%;
	height: 30px;
}
.meter-wrap .meter-text{
	color: white;
	font-size: 15px;
	font-weight: bolder;
	position: relative;
	top: -25px;
	padding: 5px 10px 5px 10px;
}

.meter-value.filled{
	background-color: #1BE070; 
	float:left;
}
.meter-value.unfilled{
	background-color: #DEDEDE;
	float:right;
}

.course-selector{
/*	width: 10px;*/
	float: left;
}

.course-package{
	margin: 2px 0px;
	padding: 0px 0px 0px 10px;
	width: 90%;
	height: 30px;
	line-height: 30px;
	font-size: 1.2em;
	color: white;
	background-color: #BDBDBD;
	cursor: pointer;
}

.course-package.selected{
	background: #f98f02;
}
.course-package.completed{
	background: #1BE070;
}

/*---------------------*/

.bw{
	color: black;
	font-weight: bold;
	background-color: white;
}

.instruct{
	color: #EEE;
}

.instruct0{
	font-size: 8em;
	font-weight: bolder;
}

.instruct1{
	font-size: 6em;
	font-weight: bolder;
}

.instruct2{
	font-size: 4em;
	font-weight: bolder;
}

.instruct3{
	font-size: 2em;
	font-weight: bolder;
}

.name{
	color: yellow;
	padding: 7.5px 0px 8px;
	font-size: 14px;
}

.smalltext{
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:10px;
	color: #000080;
	background-color: white;
}

.correct{
	color: green;
	font-weight: bold;
	background: #bbffbb;
}
.wrong{
	color: red;
	font-weight: bold;
}
.none{
	
}

.none, .correct, .wrong{
	
}
.correct:hover, .wrong:hover{
	color: white;
	background-color: #59ACFF;
}

.radio{
	border: none;
	background: none;
}
 
.trow{
	border-bottom: 1px solid #000;
	/*border-left: 1px dotted #CCC;*/ 
	padding-top: 5px;
	padding-bottom: 5px;
}
/* CM FORMS */
input.CMinput{
	width:100%;
	height:15px;
	font-size:13px;
	padding-left:7px;
	border:0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 1px 1px #000;
	-webkit-box-shadow: 0 0 1px 1px #000;
	box-shadow: 0 0 1px 1px #000;
}

.loader-animation-table td{
	border: 0px;
}

/* ----------------- */