html, body {
    margin:0px;
    padding: 0px;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:white;
}

#divPopTitle, #divPopStuff {
	font-family: sans-serif;
	font-size: 11pt;

}


#divTop {
	display:flex;
	justify-content:center;
	margin-top:20px;
}

#topLogo {
	display:inline-block; 
}

#topTitle {
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    padding-top: 18px;
    padding-left: 20px;
    font-family: sans-serif;
}

textarea {
	font-family: sans-serif;
	font-size:11pt;
}
#divLeft {
	height:calc(100% - 155px);
	width:150px;
	float:left;
}

.encol {
	color:#808080;
}

#divMid  {
	width: 100%; /** calc(100% - 150px); **/
	height:calc(100% - 155px);
	float:left;
	overflow: auto;
}

#divBot {
	width: 100%;
	height:80px;
	float:left;
	overflow: auto;
	/*********** SHENKER RED!!!! 
	background-color:  #e4322b ;    
	*******************/
}
table {
	border-collapse: collapse;
	font-family:sans-serif;
}

.bbred {
	/**
	* background-color:  #e4322b ;   
	SHENKER RED!!!!
	border-bottom:solid 3px #e4322b ;  
	**/
	padding:0px;
	margin:0px;
}

.bggrey {
	background-color: #f0f0f0;
}

.bdl {border-left: 	solid 1px black;}
.bdt {border-top: 	solid 1px black;}
.bdr {border-right: solid 1px black;}
.bdb {border-bottom:solid 1px black;}
	
.textinput {
	background-color: #f0f0f0;
	border: solid 1px black;
	font-family: sans-serif;
	font-size: 11pt;
}
.divCnt {
	width:100%;
	height:100%;
	display:none;
	position:relative;
	left:0;
	top:0;
	valign: middle;            
}

.bigredbutton {
	width:200px;
	height:60px;
	background-color:red;
	border-radius: 10px;
	color:white;
	font-family:sans-serif;
	font-size: 20px;
}

.nextbutton {
	width:200px;
	height:40px;
	background-color:#007bff;
	border-radius: 10px;
	color:white;
	font-weight:bold;
	font-family:sans-serif;
	font-size: 15px;
	display:none;
}

.nb2 {
	width:200px;
	height:40px;
	background-color:#007bff;
	border-radius: 10px;
	color:white;
	font-weight:bold;
	font-family:sans-serif;
	font-size: 15px;
}

.btver {
    margin-top: 8px;
    width: 100px;
    height: 30px;
    background-color: #00aa00;
    border-radius: 8px;
    color: white;
    font-family: sans-serif;
    font-size: 15px;
}

.btDiv {
	width:100%;
	text-align:right;
	
}

.mcOption {
	line-height: 40px; 
	vertical-align: middle; 
	float:left; 
	height:40px;
	border-radius: 5px; 
	margin-left:4px; 
	background-color:#e0e0e0;
	margin-right:10px; 
}

[draggable=true] {
  -khtml-user-drag: element;
}

/***
.woWord {
	line-height: 40px; 
	vertical-align: middle; 
	float:left; 
	height:40px; 
	border-radius: 5px; 
	draggable: true;
	margin-left:15px; 
	background-color:#d8d8d8;
	margin-right:5px; 
	margin-bottom: 5px;
}


.woDummy {
	float:left; 
	height:40px; 
	width:1px;
}
**/

#woTarget {
	width:				100%;
	height:				140px;
	background-color:	#c0c0c0;	
	float:left;
}

.woWord {
	font-family:sans-serif;
	font-size:14pt;
	line-height: 30px; 
	vertical-align: middle; 
	float:left; 
	height:30px; 
	draggable: true;                                           
	background-color:#fefefe;
	border: solid 1px #dedede;
	margin-top: 2px;
	border-radius: 4px;
}

.woSpace {
	float:left; 
	height:32px; 
	width:4px;
	margin-top: 2px;
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
}


.liOption {
	line-height: 40px; 
	vertical-align: middle; 
	float:left; 
	height:40px; 
	border-radius: 5px; 
	margin-left:4px; 
	background-color:#e0e0e0;
	margin-right:10px; 
}

.fh		{height:10px;}

.rr2	{ border-right:	solid 2px #dddddd;}

.cw 	{	background-color: #ffffff;}
.rl		{	}
.rr		{	}
.rt		{	}
.rb		{	}
/**
.rt		{	border-top:		solid 1px black;}
.rl		{	border-left:	solid 1px black;}
.rr		{	border-right:	solid 1px black;}
.rb		{	border-bottom:	solid 1px black;}
**/
.stb 	{	height:			5px; font-size:1pt;}
.slr 	{	width:			20px;}
.sq		{	width:			90px;}
.tbform {
	font-family: 	sans-serif;
	font-size:		11pt;
	text-align:		right;
	background-color: #f0f0f0;
	border-collapse: collapse;
	vertical-align: bottom;
}

#divForm {
	width:	70%;
	height:	600px;
}

#shkLevSel {
	width: 100px;
}

#testName {
	width: 100px;
}
#testScore {
	width: 100px;
}

.alleft{	text-align: left;}

.formText {
	font-family: sans-serif;
	font-size:10pt;
	border-radius:4px;
}

.countdown {
	color:#848484;
	font-size:55pt;
	text-align: center;
	height:90px;
	width:100%;
	border:none;
}                                            

#tmcd {
    position: absolute;
    background-color: white;
    left: 32px;
    top: 140px;
    width: 130px;
    height: 250px;
    z-index: 10;	
}
.wh100 	{ width:100%; height:100%;}
.wLeft 	{ width:16%;	}
.wRight { width:16%;	}
.hFill	{ height:15px;	}
.tit	{ height:80px; font-size: 24pt; color:#848484; text-align: center;}
.wLdiv  { width: 150px;}
.fsMed  { font-size:16pt;}
.fsNorm { font-family:sans-serif; font-size:14pt;}
.szQA	{ width:200px; height:40px;}
.bgQAL 	{ background-color:#a0a0a0; color:#ffffff;}
.bgQAR 	{ background-color:#f0f0f0}
.alR	{ text-align:right;}
.alL	{ text-align:left;}
.alC	{ text-align:center;}
.szWO   { width:200px; height:122px; }
.ra		{ font-size:20pt; color:red; font-weight:bold }
.fss 	{font-family:sans-serif; }
.fs20	{font-size:20pt; }
.cent	{text-align: center;}
.fs12	{font-size: 12pt;}
.fs18   {font-size: 18pt;}


.grey   { color:#848484;}

.fsBig	{ font-size:24pt; }

.fRed	{ color: red;}

.shkFG { color:#e4322b;}


#slOuter {
    position:relative;
    cursor:pointer;
    width:400px;
    height:45px;
    float:left;
    // border: solid 1px #c0c0c0;
    background: #e0e0e0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f7f7f7, #dddddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f7f7f7, #dddddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f7f7f7, #dddddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f7f7f7, #dddddd); /* Standard syntax (must be last) */

}
#slInner {
    display:block;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background: #e0e0e0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e85350, #f66b67); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e85350, #f66b67); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e85350, #f66b67); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e85350, #f66b67); /* Standard syntax (must be last) */
    z-index:10;
    width: 0%;
}
#slBT {
    height:100%;
    width:60px;
}

#slBTImg {
    height:36px;
    width:36px;
    margin:0px;
}


#slOuterTrain {
    position:relative;
    cursor:pointer;
    width:400px;
    height:45px;
    float:left;
    // border: solid 1px #c0c0c0;
    background: #e0e0e0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f7f7f7, #dddddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f7f7f7, #dddddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f7f7f7, #dddddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f7f7f7, #dddddd); /* Standard syntax (must be last) */

}
#slInnerTrain {
    display:block;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background: #e0e0e0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e85350, #f66b67); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e85350, #f66b67); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e85350, #f66b67); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e85350, #f66b67); /* Standard syntax (must be last) */
    z-index:10;
    width: 0%;
}
#slBTTrain {
    height:100%;
    width:60px;
}

#slBTImgTrain {
    height:36px;
    width:36px;
    margin:0px;
}


/*** NEW welcome2 **/

.tbform2 {
	font-family: 	arial;
	font-size:		11pt;
	text-align:		right;
	color:			#111;
	background-color: #f0f0f0;
	border-collapse: collapse;
	vertical-align: bottom;
}

.tbform2 td {
	height:16px;
	text-align: left;
}

.nbl {border-left: 		solid 2px #aaa;}
.nbt {border-top: 		solid 2px #aaa;}
.nbr {border-right: 	solid 2px #aaa;}
.nbb {border-bottom: 	solid 2px #aaa;}
.nw1 {width:14px;}
.nw2 {width:20px;}
.nw3 {width:180px;}

.w100p {width:100%;}
.h100p {height:100%;}

.nwsp {width:20px;}
.bgwhite {background-color:white;}

.impf {
	font-family: 	arial;
	font-size:		11pt;
}

.ra2	{ font-size:16pt; color:red; font-weight:bold }

.rdet { height:30px;}

#thinkDiv {
	width:200px;
	height:300px;
	top:780px;
	left:0px;
	overflow:auto;
	font-family:monospace;
	font-size:8pt;
	background-color:#ffff00;
	color:black;
	display:none;
	position:absolute;
	z-index:100;
}

#selDiv {
	position:absolute;
	top:740;
	z-index:100;
}
.txTcode {
	font-family:monospace;
	font-size:24pt;
	width:140px;
	height:40px;
}

.dvMust {
    font-family: sans-serif;
    color: red;
    font-weight: bold;
    font-size: 16pt;
    display: inline-block;
    padding-right: 25px;
}

#msgCont {
	font-size: 18pt;
}