@import url("jquery-ui/ui.core.css");
@import url("jquery-ui/ui.theme.css");
@import url("jquery-ui/ui.dialog.css");
/** sprite: backgrounds; sprite-image: url(sprites/resultsheadings.png); sprite-layout: vertical; */



.description{
	display: bolck;
	word-wrap: break-word;
}

/* 

.tooltip2:hover span{
    display:inline-block; 
    position:absolute; 
    color:#111;
    border:1px solid #DCA; 
    background:#fffAF0;
}

.tooltip2 span{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
} */



.scorm_header{
	margin: 0px auto;
    background-color: white;
    border-bottom: 2px solid #54BDB8;
    /* height:75px; */
}

.scorm_headerEstia {
	margin: 0px auto;
    background-color: #F2F0EC;
    border-bottom: 2px solid #0D214F;
}
.scorm_headerEstiaLabs {
	margin: 0px auto;
    background-color: #F2F0EC;
    border-bottom: 2px solid #0D214F;
}

#mainhtmlarea {
		font-family: 'Open Sans' !important;
		    color: #5F5E5F !important;
		/* overflow: hidden; */
		line-height: 21px;
		background-color: #EEEEEE;
}

a a:ACTIVE a:HOVER {
    color: #5F5E5F !important;
}


#framecontentLeft, #framecontentRight{
	position: absolute; 
	top: 0px; 
	width: 15px; /*Width of left frame div*/
	bottom: 0px;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
	background-color: #191919;
}
#framecontentLeft {
	left: 0px;
}
#framecontentRight {
	right: 0px; 
}
#framecontentTop,  #framecontentBottom {
	position: absolute;
	/* left: 15px; */ /*Set left value to WidthOfLeftFrameDiv*/
	/* right: 15px; */ /*Set right value to WidthOfRightFrameDiv*/
	width: 100%;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
}

.mathsskin  #maincontent {
	bottom: 100px; /*Set bottom value to HeightOfBottomFrameDiv*/
}
.btn-color{
/* background: #66C078;
color: white; */
	background: #5DB85B;
    color: white;
    width: 170px;
    margin-bottom: 20px !important ;
}
.btn-color:hover{
	background-color: #28AA49;
}

.btn-colorEstia {
		background: #F2C8AA!important;
		color: #0D214F!important;
		width: 170px;
		margin-bottom: 20px!important;
		font-weight: bold!important;
}
.btn-colorEstia:hover {
		background-color: #F2C8AA;
		color: #0D214F!important;
}
.btn-colorEstia:focus {
    outline: none!important;
}
#message_boxEstia {
	background-color: #F2F0EC;
}
.quickinfoEstia {
    float: left;
    display: inline;
    margin-left: 5px;
    margin-top: 10px;
    height: 60px;
    width: 290px;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
    font-weight: normal;
    color: #0D214F;
}

.btn-primaryEstia {
	background: #F2C8AA;
	color: #0D214F;
	width: 170px;
	font-weight: bold!important;
}
.btn-primaryEstia:hover {
	background-color: #F2C8AA;
	color: #0D214F;
	font-weight: bold!important;
}

.btn:hover, .btn:focus{
	color: white;
}

.btn{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#maincontentt {
	position: absolute; 
	top: 25px; /*Set top value to HeightOfTopFrameDiv*/
	bottom: 46px; /*Set bottom value to HeightOfBottomFrameDiv*/
	left: 15px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 15px; /*Set right value to WidthOfRightFrameDiv*/
	overflow: auto;
}

.maincontentt {
	position: absolute; 
	top: 25px; /*Set top value to HeightOfTopFrameDiv*/
	bottom: 46px; /*Set bottom value to HeightOfBottomFrameDiv*/
	left: 15px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 15px; /*Set right value to WidthOfRightFrameDiv*/
	overflow: auto;
}

.close-button{
	text-align: center;
}

.close-button img {
    padding-top: 8%;
}

#framecontentTop, #topleft, #topright {
	top: 0px; 
	height: 25px; /*Height of top frame div*/
	background-color: #191919;
	background-image: url(../images/banner_bg_top.jpg); /** sprite-ref: backgrounds; */
	background-repeat: repeat-x;
}

/*
 #topleft {
	background-image: url(../images/banner_bg_top.jpg); / ** sprite-ref: backgrounds; * /
}
#topright {
	background-image: url(../images/banner_bg_top.jpg); / ** sprite-ref: backgrounds; * /
}
 .mathsskin #framecontentBottom {
	height: 100px; / *Height of bottom frame div* /
	background-image: url(../images/mathsshell2/layout/slice_lower.png); 
}
*/
#framecontentBottom{
	height: 47px; /*Height of bottom frame div*/
	bottom: 0px;
	background-image: url(../images/banner_bg_bottom.jpg);/** sprite-ref: backgrounds; */
	background-repeat: repeat-x;
	position: fixed;
}
#framecontentBottom1{
	position: absolute;
	left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 0px; /*Set right value to WidthOfRightFrameDiv*/
	width: auto;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
	/* height: 46px; */ /*Height of bottom frame div*/
	/* bottom: 0;  */
/* 	background-color : #38C2D8; 
	background-repeat: repeat-x;
	height:60px;*/
}
#framecontentBottom2{
	position: absolute;
	left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 0px; /*Set right value to WidthOfRightFrameDiv*/
	width: auto;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	color: white;
	/* height: 46px; */ /*Height of bottom frame div*/
	/* bottom: 0;  */
/* 	background-color : #38C2D8; 
	background-repeat: repeat-x;
	height:60px;*/
}

.introtext p {
	/* margin-bottom: 20px;	 */
	margin-bottom: 10px;
}

#lessonTitle {
	display: block;
	position: relative;
	top: 2px;
	text-align: center;
	margin-left: 175px;
	margin-right: 175px;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

/* MAY NOT BE REQUIRED *
.pageTitle {
		display: block;
		text-align: center;
		padding-top: 2px;
	}

.detoplinks	{ 
		position: absolute;
		top: 0px;
		right: 0px;
		sbackground-color: black;
	}
.de_links {
		color: white;
		}
* END MAY NOT BE REQUIRED */

.exerciseLabelPanel {
	display: block;
	position: absolute;
	top: 2px;
	left: 0px;
	font-weight: bold;
}
.jumpbuttons span {
		display: none;
	}
.jumpbuttons {
	display: block;
	height: 40px;
	width: 100px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/* .jumpbuttons_hover  {
		background-position: 0px -40px !important;
	}
*/

/** sprite: actbuttons; sprite-image: url(sprites/actbuttons.jpg); sprite-quality: 0.85; sprite-layout: horizontal; */

.activepractice #practice{
	background-image: url(../images/bttn_practice_active.png);	/** sprite-ref: actbuttons; */
}
#practice {
	width: 160px;	
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_practice.png); 	/** sprite-ref: actbuttons; */
}
#practice:hover {
	background-image: url(../images/bttn_practice_hover.png); 	/** sprite-ref: actbuttons; */
}
#save {
	width: 150px;
	height: 46px;
	bottom: 0px;
	right: 0px;
	background-image: url(../images/bttn_save&exit_lesson.jpg); 	/** sprite-ref: actbuttons; */
}

#save:hover {
	background-image: url(../images/bttn_save&exit_lesson_hover.jpg); 	/** sprite-ref: actbuttons; */
}

#sheet_assignment {
	width: 220px;
	left: 0px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_print_assignment.jpg); 	/** sprite-ref: actbuttons; */
}

#sheet_assignment:hover {
	background-image: url(../images/bttn_print_assignment_hover.jpg); 	/** sprite-ref: actbuttons; */
}

#sheet_activity {
	width: 220px;
	left: 0px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_print_activity.jpg); 	/** sprite-ref: actbuttons; */
}

#sheet_activity:hover {
	background-image: url(../images/bttn_print_activity_hover.jpg); 	/** sprite-ref: actbuttons; */
}

#sheet_information {
	width: 220px;
	left: 0px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_print_infosheet.jpg); 	/** sprite-ref: actbuttons; */
}

#sheet_information:hover {
	background-image: url(../images/bttn_print_infosheet_hover.jpg); 	/** sprite-ref: actbuttons; */
}

.deactions #tutorial {
	width: 220px;
	left: 218px !important;
	background-image: url(../images/bttn_introduction.jpg); 	/** sprite-ref: actbuttons; */
}
.deactions:hover #tutorial {
	background-image: url(../images/bttn_introduction_hover.jpg); 	/** sprite-ref: actbuttons; */
}
.activetutorial #tutorial {
	background-image: url(../images/bttn_tutorial_active.png);	 	/** sprite-ref: actbuttons; */
}
.fscontent .lhs {
	height: 26px !important;
}
#introduction{
	width: 220px;
	left: 220px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_introduction.jpg); 	/** sprite-ref: actbuttons; */
}
#introduction:hover {
	background-image: url(../images/bttn_introduction_hover.jpg); 	/** sprite-ref: actbuttons; */
}
#lesson{
	width: 220px;
	left: 0px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_lesson.jpg); 	/** sprite-ref: actbuttons; */
}
#lesson:hover {
	background-image: url(../images/bttn_lesson_hover.jpg); 	/** sprite-ref: actbuttons; */
}
#tutorial {
	width: 160px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_tutorial.png); 	/** sprite-ref: actbuttons; */
}
#tutorial:hover {
	background-image: url(../images/bttn_tutorial_hover.png); 	/** sprite-ref: actbuttons; */
}
.deactions #exam {
	width: 220px;
	left: 14px !important;
	background-image: url(../images/bttn_lesson.jpg);	 	/** sprite-ref: actbuttons; */
}
.deactions:hover #exam {
	background-image: url(../images/bttn_lesson_hover.jpg);	 	/** sprite-ref: actbuttons; */
}
.activeexam #exam {
	background-image: url(../images/bttn_exam_active.png);	 	/** sprite-ref: actbuttons; */
}
#exam {
	width: 160px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_exam.png); 	/** sprite-ref: actbuttons; */
}
#exam:hover {
	background-image: url(../images/bttn_exam_hover.png); 	/** sprite-ref: actbuttons; */
}
#exit {
	width: 110px;
	height: 46px;
	bottom: 0px;
	right: 13px; 
	background-image: url(../images/bttn_exit_lesson.jpg); 	/** sprite-ref: actbuttons; */
}
#exit:hover {
	background-image: url(../images/bttn_exit_lesson_hover.jpg); 	/** sprite-ref: actbuttons; */
}
#exitButtonContainer{
	position: absolute;
	z-index: 100;
}
#lessonTitleContainer{
	position: absolute;
	z-index: 100;
}
#courseTitleContainer{
	position: absolute;
	z-index: 100;
	color: white;
}
#createstudyplan {
	width: 220px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_createstudyplan.jpg); 	/** sprite-ref: actbuttons; */
}
#createstudyplan:hover {
	background-image: url(../images/bttn_createstudyplan_hover.jpg);	/** sprite-ref: actbuttons; */
}
#createILP {
	width: 220px;
	height: 46px;
	bottom: 0px;
	background-image: url(../images/bttn_createILP.jpg); 	/** sprite-ref: actbuttons; */
}
#createILP:hover {
	background-image: url(../images/bttn_createILP_hover.jpg);	/** sprite-ref: actbuttons; */
}

#btn-testing {
	width: 35px;
	height: 35px;
	bottom: 5px;
	background-image: url(../images/btn-options.png); 	/** sprite-ref: actbuttons; */
}





/*
#nextlesson {
		width: 109px;
		background-image: url(../images/mathsshell2/icons/nextlesson.png);
		right: 450px;
	} 
.skipbutton {
		right: 160px;
		width: 65px;
		background-image: url(../images/mathsshell2/icons/skip.png);
}
.continuebutton {
		right: 20px;	
		width: 120px;
		background-image: url(../images/mathsshell2/icons/continue.png);
}
*/ 
.mousedown {
		background-position: 0px -35px !important;
		cursor: pointer !important;
	}
.disabled {
		background-position: 0px -70px !important;
		color: #ccc !important;
		cursor: default !important;
}
.skipbutton, .continuebutton {
		display: block;
		position: absolute;
		top: 5px;
		padding-top: 8px;
		height: 27px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		text-transform: uppercase;
		text-align: center;
		color: white;
		text-decoration: none;
		outline: none;
		font-size: 16px;
		font-weight: bold;
}

.bordered .outerbox {
	border: solid 1px #a6a9ad;
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: 15px;
	right: 15px;
	background: #fff;
}

.outerbox {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;	
}

.lessonmenu {
	padding: 25px;
}

.outerbox .introtext p,  .introtext div.activitylist {
		font-size: 24px;
		margin-top: 20px;
		position: relative;
		color: #141c45;
	}
.outerbox .introtext p .head, .introtext h2 {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 200px;
		text-transform: uppercase;
		font-weight: bold;
	}
 .introtext h2 {
 	width: 100%;
 	font-size: 24px;
 }
.outerbox .introtext p .tail  {
		display: block;
		padding-left: 200px;
		
	}
.outerbox .introtext div.gettingstarted ol {
		padding-left: 350px;
		font-size: 80%;
	}
.outerbox .introtext div.gettingstarted ol a {
		text-decoration: none;
		text-transform: uppercase;
		color: black;
	}
.outerbox .introtext div.gettingstarted ol a:hover {
		text-decoration: underline;
	}

.introtext_icon {
	margin-left: 50px;
	float: left;
}
.introtext_icon a {
	width: 100%;
	height: 152px;
}
/* asitha css to move*/
.box{
  margin: 0px auto;
  /* width: 385px; */
  background-color: #fff;
  padding-top: 20px;
  border-radius : 5px;
  /* border: 1px solid lightgrey; */
      position: relative;
    /* top: -55px; */
  width: 566px;
  top: -55px;
}

#lessonobjective {
    font-size: 13px;
}
#lessonname {
    font-size: 13px;
}
#lessontopic {
    font-size: 13px;
}

#lessonLinkButtons {
  width: 330px;
  margin: auto;	
}

#activity_assignment_link {
    margin-left: 18%!important;
    width: 64%!important;
	margin-top: 1px!important;
}

object#homeavatarObj {
    height: 70px;
}

/* asitha css to move*/
.title-img{
  position: relative;
  width:164px;
  /* z-index: 999; */
  margin: 0 auto;
  /* top: 5.5vw; */
  top: 25px;
  text-align: center;
      /* min-width: 305px;
    max-width: 450px !important; */
	}
	.introtext{
		color: grey;
	}
.introtextEstia {
	color: #0D214F;
}
/* asitha css to move*/
.circular {
	/* width: 160px; */
    width: 122px;
	height: auto;
	margin: 0 auto;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;

}
.scrollbox {
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
		overflow: auto;
		color: #919091;
	}

.wrong-ans-details{
	/* font-size: 12px; */
	font-style: italic;
	clear : both;
	    /* margin-bottom: 25px; */
	        font-size: 14px!important;
	        color: #4DC5F6;
    font-weight: bold;
}
#advice {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
    font-style: italic;
    letter-spacing: 1px;
    color: #93928d;
}

a.link_nextlesson {
    text-decoration: underline !important;
}

.advice-class{
	text-align: center;
	padding: 15px;
	display: none;
	margin-top: 2px;
}

.hatimage {
	position: absolute;
	bottom: 25px;
	right: 25px;
	height: 170px;
	width: 229px;
	background-image: url(../images/mathsshell2/icons/hatbook.png);
}

.results {
/*		padding: 20px;
	padding-bottom: 0px; */
	padding-bottom: 0px;
	padding-top: 13px;
	margin-bottom: -36px;
	padding-left: 20px;
	padding-right: 20px;
}

#imgResult {
	background: transparent url(../images/img-results-laptop.jpg)  no-repeat bottom right;	
	height: 255px;
	width: 395px;		
}

.txtArea{
		font-size: 15px;
		font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
		font-weight: normal;	
}

.results .statsbox {
	/* border: solid 1px #a6a9ad; */
	background-color: #fff;
	/* background-repeat: repeat-x; */
/* 	background-image: url(../images/mathsshell2/layout/heading_large.png); * sprite-ref: backgrounds; sprite-margin-bottom: 100px; sprite-alignment: repeat; */
	/* padding: 10px; */
	border-radius: 6px 0px 0px 6px;
	/*     position: relative;
    top: -60px; */
    z-index: 0;
       /*  float: left; */
}

.res-img {
    margin: 0 auto;
    width: 164px;
    text-align: center;
    position: relative;
    top: 13px;
    /* z-index: 1; */
}
.results .review {
	border: solid 1px #a6a9ad;
	padding: 10px;
}
.results  .statsbox h3 {
	text-decoration: underline;
	text-transform: uppercase;
	border-bottom: solid 1px #a6a9ad;
	padding: 3px 0px 3px 10px;
	font-size: 16px;
	margin: -10px -10px 10px;
	background-color: transparent;
	background-repeat: repeat-x;
	background-image: url(../images/mathsshell2/layout/heading_small.png); /** sprite-ref: backgrounds; sprite-alignment: repeat;  */
}
.results .statsbox p {
		margin-bottom: 5px;
		font-size: 14px;
	}
.results  .summary {
		/* margin: 0 auto; */
    	/* padding: 50px 25px 15px 25px; */
    	/* height: 100%; */
    	width: 38%;
    	margin-left: 5%;
	}
.results p {
		position: relative;
	}
.results  .head  {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		text-transform: uppercase;
		white-space: nowrap;
		width: 150px;
	}
.results   .tail {
		/* padding-left: 185px;  */
	}

.res-row{
	padding: 5px 0px 5px 0px; 
	    height: 30px;
	clear : both;
	    /* font-size: 1vw; */
	    font-weight: bolder;
	        font-size: 14px;
}

.row-length{
	/* width:100; */
	height: 30px;
	display:none;
}

.results .groupofboxes {
		position: relative;
		sborder: solid 1px green;
		height: 160px;
		margin-top: 10px;
	}
.results  .questions {
		width: 200px;
		top: 0px;
		left: 200px;
		position: absolute;
}

.allcorrect h3 {
		color: #aaa;
	}

.results .incorrect {
/* 		background-image: url(../images/mathsshell2/layout/heading_medium.png);  * sprite-ref: backgrounds; sprite-alignment: repeat;  */
		background-color: white;
		background-repeat: repeat-x;
		margin: 0px -10px;
		padding: 10px;
		height: 40px;
		overflow: hidden;
		color: #716f6f;
	}
.results div.allcorrect .instr {
		display: none;
	}
.incorrectnumbers a:hover {
		text-decoration: underline;
		    color: #5F5E5F !important;
	}
.incorrectnumbers a, .incorrectnumbers span  {
		display: block;
		text-decoration: none;
		/* color: black; */
		float: left;
		padding-right: 5px;
		font-size: 16px;
		font-weight: bold;
		color: #5F5E5F !important;
	}
.results .incorrect .incorrectnumbers {
		height: 50px;
		overflow: auto;
	}
.results .incorrect .incorrectnumberswithwidth {
		height: 120px;
		overflow: auto;
	}	
.results  .incorrect {
	margin: 0px auto;
    height: 132px;
    width: 910px;			
}

.results .incorrectwithwidth {
		width: 280px;
		height:128px;		
}

.results .tobeassessedbox {
		height: 128px;
    	margin: -150px 0px 0px 735px;
}

.results .buttonpanel{
	width: 450px;
	height: 65px;	
	margin-left: 200px;	
	display: none;
}

.buttonpanel .innerbtnpanel {
	position: relative;		
	width: 150px;
	height: 65px;	
	background-color: #C0BFBF;
}

.innerbtnpanel:hover {
	background-color: #E3E3E3;
	cursor: pointer;
}


.innerbtnpanel h3 {	
	position: absolute;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	text-transform: uppercase;
	margin: 5px 10px 5px 10px;
	font-weight: bold;
	font-size: 16px;
	height: 50px;
	width: 130px;
}

.menulsn h3 {	
	background-image: url(../images/img-backtomenu-50x50.png);
	background-repeat: no-repeat;
	background-position: right;			
}

.redolsn h3 {
	background-image: url(../images/img-redolesson-50x50.png);
	background-repeat: no-repeat;
	background-position: right;			
}

.nextlsn h3 {
	background-image: url(../images/img-nextlesson-50x50.png);
	background-repeat: no-repeat;
	background-position: right;			
}

.buttonpanel .menulsn {
	top: 0px;
	left: 0px;
	background-image: url(../images/img-divider2x65.png);
	background-repeat: no-repeat;
	background-position: right;
}

.buttonpanel .redolsn {
	top: -65px;
	left: 152px;
	background-image: url(../images/img-divider2x65.png);
	background-repeat: no-repeat;
	background-position: right;
	
}

.buttonpanel .nextlsn {
	top: -130px;
	left: 304px;
	visibility: hidden;	
}

.results  .video h3 , .results  .advice h3 {
	position: absolute;
	bottom: 0px;
	left: -150px;
	border: none;
	white-space: nowrap;
	background-image: none;
	}
.results  .video {
		position: absolute;
		bottom: 10px;
		left: 200px;
		width: 200px;
		padding-left: 0px;
		padding-right: 0px;
}
.video .videopctbar {
		position: absolute;
		top: 10px;
		left: 0px;
		bottom: 10px;
		width: 100px;
		background-color: #a6a9ad;
	}
.results  .video p {
		text-align: center;
		font-weight: bold;
		padding-top: 3px;
	}
.groupbox2 {
		position: relative;
		margin-bottom: 10px;
	}
.results .advice h3 {
		bottom: inherit;
		top: 10px;
		left: 50px;
	}

.results .advice {
	margin: 0px auto;
    height: 132px;
    width: 910px;
}

.studentimage {
	background: transparent url(../images/mathsshell2/icons/picture_laptop.png)  no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 228px;
	width: 323px;
}

.savemsg-align{
	left: 30% !important;
    right: 30% !important;
}

.loadingmsginner {

	position:absolute;
	left:40%;
	top:40%;
	z-index:1;
	display: block;
	background: white url(../images/loadingAnimation.gif) no-repeat center 10px;
	/* font-family: sans-serif; */
	font-size: 16px;
	font-weight: bold;
	padding: 30px 20px 10px;
	text-align: center;
	text-transform: uppercase;
	border: double 3px black;
	white-space: nowrap;
	z-index: 11;
}

.loadingmsg {
		position: absolute;
		top: 0px;
		left:  0px;
		width: 100%;
		height: 100%;
		background-color:  #f8f8f8;
		z-index: 10;
	}

/* DISCOVERING ENGLISH LINKS
NOT USED  ---
.de_links span {
		display: none;
	}
.de_links {
	scolor: white;
	display: block;
	margin: 1px 5px;
	float: left;
	height: 22px;
	width: 50px;
}
.de_links:hover {
		background-position: 0px -22px;
	}
.de_links_mousedown {
		background-position: 0px -44px !important;
	}

.defooterlinks:hover {
		background-position: 0px 72px;
	}
.defooterlinksactive {
		background-position: 0px 36px !important;
}
.defooterlinks {
		display: block;
		height: 36px;
		width: 100px;
		float: left;
		margin: 10px 5px;
	}
.defooterlinks span {
		display: none;
	}
.warmup1 {
		background-image: url(../images/de/warm-up_1.png);
	}
.warmup2 {
		background-image: url(../images/de/warm-up_2.png);
	}
.warmup3 {
		background-image: url(../images/de/warm-up_3.png);
	}
.warmup4 {
		background-image: url(../images/de/warm-up_4.png);
	}
.questions1 {
		background-image: url(../images/de/exercise_1.png);
	}
.questions2 {
		background-image: url(../images/de/exercise_2.png);
	}
.questions3 {
		background-image: url(../images/de/exercise_3.png);
	}
.questions4 {
		background-image: url(../images/de/exercise_4.png);
	}
.questions5 {
		background-image: url(../images/de/exercise_5.png);
	}
.questions6 {
		background-image: url(../images/de/exercise_6.png);
	}
.questions7 {
		background-image: url(../images/de/exercise_7.png);
	}
.questions8 {
		background-image: url(../images/de/exercise_8.png);
	}
.questions9 {
		background-image: url(../images/de/exercise_9.png);
	}

.activity1 {
		background-image: url(../images/de/activity_1.png);
	}
.activity2 {
		background-image: url(../images/de/activity_2.png);
	}
.activity3 {
		background-image: url(../images/de/activity_3.png);
	}
.activity4 {
		background-image: url(../images/de/activity_4.png);
	}
.activity5 {
		background-image: url(../images/de/activity_5.png);
	}
.activity6 {
		background-image: url(../images/de/activity_6.png);
	}
.activity7 {
		background-image: url(../images/de/activity_7.png);
	}
.activity8 {
		background-image: url(../images/de/activity_8.png);
	}
.activity9 {
		background-image: url(../images/de/activity_9.png);
	}


.textresource {
		background-image: url(../images/de/reading.png);
	}
.dialogue {
		background-image: url(../images/de/speech.png);	
	}


#de_dialog {
		background-image: url(../images/de/img_btn_dialogue.png);
	}
#de_grammar {
		background-image: url(../images/de/img_btn_grammar.png);
	}
#de_info {
		display: none;
		background-image: url(../images/de/img_btn_info.png);
		}
#de_help {
		background-image: url(../images/de/img_btn_help.png);
	}
*/

#debugarea {
	position: absolute;
	top: 100%;
}
.fullscreenprompt {
	margin-top: 5px;
	float: right;
	text-align: center;
}

.quickinfo {
	float: left;
	display: inline;
	margin-left: 5px;
	margin-top: 10px;
	height: 60px;
	width: 290px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-weight: normal;
	color: black;
}

#tc_video_title {
	font-family: Arial;
	font-size: 12px;
	padding-left: 15px;
	background-color: #e1e1e1;
	padding-top: 5px;
	height: 22px;
	font-weight: bold;
	background-image: url('../images/video_title.png');
	background-repeat: no-repeat;
	position: relative;
}
#tc_video_title .tc_video_title_r {
	display : none;
	height: 23px;
	width: 23px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url('../images/video_title.png');
	background-position: top right;
	background-repeat: no-repeat;
}

.activitylist h2{
	white-space: nowrap;
	border-bottom: 2px solid #AFAFAF; 
}

.startingactivity{
	padding-top: 55px !important;
	width: 810px;
	padding-left: 65px;
}

/** sprite: startingactivity; sprite-image: url(sprites/startingactivity.jpg); sprite-quality: 0.85; */
/* .introtext_activity {
	padding : 5px;
	margin-right: 10px;
	width: 333px;
	border : solid 1px #07b1c7;
	border-radius : 4px;
} */

.introtext_activity {
    margin-left: 10px;
    margin-right: 10px;
    float: left;
    width: 380px;
}

.print-button-stl{
	border-radius: 4px; 
	border: solid 1px #07b1c7; 
	padding: 5px; 
	width: inherit;
}

.displan_none{
	display: none;
}

.activity_title, .activity_message {
/* 	width: 270px; */
/* 	font-size: 16px !important; */
/* 	float: right; */
	text-align:  left;
}

.print-font-color{
	color : #07b1c7;
}

.activity_title {
	font-weight: bold;
	margin-top: 0px !important;
}

.activity_title:hover {
	text-decoration: underline;
	cursor: pointer;
}
.activity_message {
	margin-top: 10px !important;
}

.activity_image_override {
	height: 25px;
	width: 30px;
	float: left;
	background-repeat: no-repeat;
}

.activity_image {
    height: 152px;
    width: 110px;
    float: left;
    background-repeat: no-repeat;
}

.header_btn{
	display:inline-block;
}
#backBtn img:HOVER { 
 opacity: 0.5;
 filter: alpha(opacity=90); /* For IE8 and earlier */
}
#avatardisplay:hover {
	opacity:0.5;
}
#t-img img:HOVER {
	filter: brightness(112%);
}
#homebtnh img:HOVER { 
 opacity: 0.5;
 filter: alpha(opacity=90); /* For IE8 and earlier */
}
#videoBtn img:HOVER { 
 opacity: 0.5;
 filter: alpha(opacity=90); /* For IE8 and earlier */
}
.startingactivity #al_practice {
	background-image: url("../images/bttn_objectives_practice.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_practice:hover {
	background-image: url("../images/bttn_objectives_practice_hover.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_tutorial {
	background-image: url("../images/bttn_objectives_tutorial.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_tutorial:hover {
	background-image: url("../images/bttn_objectives_tutorial_hover.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_exam {
	background-image: url("../images/bttn_objectives_exam.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_exam:hover {
	background-image: url("../images/bttn_objectives_exam_hover.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_studyplan {
	background-image: url("../images/bttn_objectives_studyplan.jpg"); /** sprite-ref: startingactivity; */
} 
.startingactivity #al_studyplan:hover {
	background-image: url("../images/bttn_objectives_studyplan_hover.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_lesson {
	background-image: url("../images/bttn_objectives_lesson.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_lesson:hover {
	background-image: url("../images/bttn_objectives_lesson_hover.jpg"); /** sprite-ref: startingactivity; */
} 
#al_assignment {
	background-image: url("../images/sheet-on.png"); 
}
/* .startingactivity #al_assignment:hover { */
/* 	background-image: url("../images/bttn_objectives_print_hover.jpg"); * sprite-ref: startingactivity; */
/* } */
#al_information {
	background-image: url("../images/sheet-on.png");
}
/* .startingactivity #al_information:hover { */
/* 	background-image: url("../images/bttn_objectives_print_hover.jpg"); * sprite-ref: startingactivity; */
/* } */
.startingactivity #al_introduction {
	background-image: url("../images/bttn_objectives_intro.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_introduction:hover {
	background-image: url("../images/bttn_objectives_intro_ho.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_previous {
	background-image: url("../images/bttn_previous.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_previous:hover {
	background-image: url("../images/bttn_previous_ho.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_next {
	background-image: url("../images/bttn_next.jpg"); /** sprite-ref: startingactivity; */
}
.startingactivity #al_next:hover {
	background-image: url("../images/bttn_next_ho.jpg"); /** sprite-ref: startingactivity; */
}
#frontPractice{
	background-image: url("../images/practicefront.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#frontPractice:HOVER{
	background-image: url("../images/practicefronthvr.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#frontPracticeEstia {
	background-image: url("../images/practicefront_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#frontPracticeEstia:HOVER{
	background-image: url("../images/practicefronthvr_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#goToNextLesson{
	background-image: url("../images/tutorialfront_gtnl.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#goToNextLesson:HOVER{
	background-image: url("../images/tutorialfronthvr_gtnl.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#goToNextLessonEstia {
	background-image: url("../images/tutorialfront_gtnl_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#goToNextLessonEstia:HOVER{
	background-image: url("../images/tutorialfronthvr_gtnl_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#reDoLesson{
	background-image: url("../images/practicefront_rtl.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#reDoLesson:HOVER{
	background-image: url("../images/practicefronthvr_rtl.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#reDoLessonEstia {
	background-image: url("../images/practicefront_rtl_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#reDoLessonEstia:HOVER {
	background-image: url("../images/practicefronthvr_rtl_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#exitLessonMenu{
	background-image: url("../images/assessmentfront_exit.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#exitLessonMenu:HOVER{
	background-image: url("../images/assessmentfronthvr_exit.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#exitLessonMenuEstia {
	background-image: url("../images/assessmentfront_exit_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#exitLessonMenuEstia:HOVER {
	background-image: url("../images/assessmentfronthvr_exit_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#exitToHome{
	background-image: url("../images/assessmentfront_exit.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#exitToHome:HOVER{
	background-image: url("../images/assessmentfronthvr_exit.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#goToBlankLesson{
	background-image: url("../images/tutorialfront_blank.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#goToBlankLesson:HOVER{
	background-image: url("../images/tutorialfronthvr_blank.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#goToBlankLessonEstia {
	background-image: url("../images/tutorialfront_blank_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
#goToBlankLessonEstia:HOVER {
	background-image: url("../images/tutorialfronthvr_blank_estia.png"); * sprite-ref: startingactivity;
	background-repeat:no-repeat;
}
.promethean_logo-small#prometheanlogo-lessonhome {
	background-image: url("../images/img_promethean-small.jpg"); /** sprite-ref: startingactivity; */
	background-repeat:no-repeat;
	display: block;
	width: 71px;
	height: 42px;
	float: right;
}
div.mathsskin #fsapi_framecontentBottom {
	height: 65px !important; 
}
div.mathsskin #fsapi_maincontent {
	bottom: 65px !important; 
}
div.mathsskin #fsapi_responsePanel {
	margin: 36px 36px 0px 30px;
}
div.mathsskin .continuebutton {
	top: 0px !important;
	margin-right: 15px !important;
}
div.mathsskin .skipbutton{
	top: 0px !important;
}
#fancybox-wrap {
	padding: 0 !important;	
}
.bottom-links{
	margin: 0 auto;
    height: 55px;
}

.no-padding-r{padding-right:0 !important;}
.no-padding-l{padding-left:0 !important;}
	
	.links-bottom-link{
		/* float:left;
		width:32%; */
		text-align:center;
		padding: 31px 0px 15px 0px;
	    /* border-left: 1px solid #00ACC1; */
		cursor : pointer;
		background-size: 100% 100%;
		margin-right: 3px;
	}
	.links-bottom-link label{
		cursor : pointer;
	    margin-bottom: 0;
	    margin-top: 4px;
	}
	.btn-align{
		text-align: center;
	}
	.continuebutton {
	height : 35px !important;
	}
	
	.skipbutton{
	    height: 35px !important;
	    }
	.fscontent .smallbutton {
	height: 35px !important;
	}
	
	#fsapi_btnNext{
	font-size: 12px !important;
    height: 35px !important;
	}
	

	/* Header styles */
	
	body {
	font-family: 'Open Sans' !important;
}
	
	.logo {
	        width: 100%;
    height: 70px;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px; 
	}
	.header_btn {
		margin-left: 5px;
		margin-top: 10px;
	    display: inline-block;
	}
	.avatar-container {
		text-align: center;
		padding-left: 35px !important;
	}
	#avatardisplay {
		float: left;
		width: 100px;
		padding-top: 8px
	}
	.logo-container {
		
	}
	.clear-fix{
		clear: both;
	}
	.msg-container {
		float: left;
		color: white;
		/* padding: 15px; */	
	}
	.welcome_m {
		font-size: 18px;
	}
	.welcome_m, .welcome_msg {
		font-size: 20px;
		color: #444444;
/*     	font-weight: bold; */
		margin-top: 20px;
		float: left;
	}
	.header-bttns {
		margin-right: -15px;
		margin-top: 20px;
		text-align: right;
	}
	@media screen and (max-width: 991px) {
	
		.msg-div{
			float:right !important;
			margin-right: -15px;
		}
		.welcome_m, .welcome_msg {
			width: 100%;
			float: none;
			text-align: right;
			margin-top: -10px;
		}
		.header-bttns {
			margin-top: 10px;
		}
		.avatar-container{
			padding-left: 0px !important;
		}
	}
	@media screen and (max-width: 768px) {
		#avatardisplay {
			display: none;
		}
		.welcome_m, .welcome_msg {
			width: 100%;
			text-align: right;
			margin-top: 20px;
		}
		.header-bttns {
			margin-top: 15px;
			text-align: right;
		}
	}
	@media screen and (max-width: 767px) {
		.msg-div{
			float:none !important;
		}
		.logo {
			background-position: center;
		}
		.header-new {
			height: 160px;
		}
		.msg-container {
			margin-top: -15px;
		}
		.welcome_m, .welcome_msg {
			width: 100%;
			text-align: center;
			margin-top: 0px;
		}
		.header-bttns {
			margin-right: 0px;
			margin-top: 15px;
    		text-align: center;
		}
		.header_btn {
		}
	}
	
.arrow_box {
	position: absolute;
	background: #F4F4A9;
	border: 1px solid #c2e1f5;
	z-index: 99999;
	display: none;
	bottom: 20px;
	padding: 10px;
	text-align : left;
/* 	float: left; */
	width: 99%;
	margin-left : -15px;
	/* text-align: left; */
	-webkit-box-shadow: 3px 3px 17px -2px rgba(161,145,161,1);
	-moz-box-shadow: 3px 3px 17px -2px rgba(161,145,161,1);
	box-shadow: 3px 3px 17px -2px rgba(161,145,161,1);
    border-radius: 5px;
}
.min-height{
	min-height : 5px !important; 
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 5%;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: /* #88b7d5 */#F4F4A9;
	border-width: 12px;
	margin-left: -12px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: /* #c2e1f5 */#F4F4A9;
	border-width: 13px;
	margin-left: -13px;
}

.welcome_m2{
	padding: 15px;
}


#frontTutorial {
	background-image: url("../images/tutorialfront.png");
    background-repeat: no-repeat;
}

#frontTutorial:HOVER {
	background-image: url("../images/tutorialfronthvr.png");
    background-repeat: no-repeat;
}
#frontTutorialEstia {
	background-image: url("../images/tutorialfront_estia.png");
    background-repeat: no-repeat;
}

#frontTutorialEstia:HOVER {
	background-image: url("../images/tutorialfronthvr_estia.png");
    background-repeat: no-repeat;
}

#frontAssesment{
	background-image: url("../images/assessmentfront.png");
    background-repeat: no-repeat;
}

#frontAssesment:HOVER{
	background-image: url("../images/assessmentfronthvr.png");
    background-repeat: no-repeat;
}

#frontAssesmentEstia {
	background-image: url("../images/assessmentfront_estia.png");
    background-repeat: no-repeat;
}

#frontAssesmentEstia:HOVER{
	background-image: url("../images/assessmentfronthvr_estia.png");
    background-repeat: no-repeat;
}

.over-statusbox {
    position: relative;
    /* height: 400px;
    width: 100%; */
    top: -60px;
    /*     float: left; */
}


.score-info {
    width: 38%;
    /* height: 100%; */
    margin-right: 5%;
    background-color: #FDF9BF;
    /* float: left;
    padding: 50px 25px 15px 25px;
    margin-left: 0px; */
        border-radius: 0px 6px 6px 0px;
}

.data-possition {
    padding: 25px 25px 51px 30px;
}

.res-scr {
    height: 100%;
}

.rm-padding {
    padding: 0 !important;
}






.eqWrap {
 display: flex;
}

.eq{
 /* background: lightblue; */
}

.equalHW {
 flex: 1;
}
.equalHMWrap {
 justify-content: space-between;
}

.equalHM {
 width: 32%;
}

.equalHMRWrap {
 justify-content: space-between;
 flex-wrap: wrap;
}

.equalHMVWrap {
 flex-wrap: wrap;
}

.pad-ovrride{
	padding-top: 15px;
	padding-left: 15px;
}

.cmplt-msg {
    text-align: center;
        /* font-size: 1.3vw; */
    font-weight: bolder;
    font-size: 18px;
}

.statsbox-titles {
    text-align: left;
    /* font-size: 1vw; */
    font-size: 16px;
}

.score-info-titles{
	text-align: center;
    /* font-size: 1vw; */
    font-size: 14px;
}

.res-marks {
    text-align: center;
    font-size: 3.3vw;
    padding-top: 15px;
    font-weight: bolder;
        color: #04A4ED;
            padding-bottom: 20px;
}

.mv-side-r {
    float: left;
    width: 10%;
    /* min-height: 32px; */
	min-height: 8px;
}

.mv-side-l {
    float: left;
    width: 84%;
    font-size: 16px;
    margin-left: 8%;
}

.advice-class-data {
    font-size: 14px;
    padding-bottom: 25px;
}

.dummy {
    /* width: 32px;
    height: 15px; */
	display:none;
}

.advice-class-data p {
    font-size: 14px !important;
    font-style: normal !important;
    color: #68664E;
}

p#certificate_advice {
    color: #93928D;
    font-weight: bolder;
}

p#summary-status {
    color: #93928D;
    font-weight: bolder;
/*    float: left;
    width: 84%;
    margin-left: 8%; */
}

p#summary-statusmaster {
    float: left;
    width: 84%;
    margin-left: 8%; 
}

img#g-tick {
    margin: 0 auto;
}

img#certificete-cup {
    margin: 0 auto;
}