@charset "UTF-8";

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12pt;
	background-attach: fixed;	
	overflow-x: hidden;
	position: relative;
}

input[type=text], input[type=password]
{
    background-color: #FFFFFF;
    border:solid 1px #BA1212;
    color: #666666;
    height: 28px;
    padding-left:5px;
	padding-right:5px;
    width: 191px;
}

textarea[type=text], textarea[type=password]
{
    background-color: #FFFFFF;
    padding-left:5px;
	padding-right:5px;
}

input[type=button], input[type=text], input[type=password]
{
    border: 0;
    border-radius:5px;
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	 position: absolute;
}

#bgcontainermain {
	position: absolute;
	z-index:1;
}

#bgimagemain {
  	position: absolute;
}

#bggradientemain {
  	position: absolute;
}

#menucontainer {
	position: absolute;
    height: 160px;
    padding: 0px;
	z-index:12;
}

.menu_button {
	position: absolute;
	box-shadow: 0px 3px 4px #7F7F7F;
}

.menu_buttonTitle {
	position: relative;
	height: 45px;
}

.menu_buttonTitleBG {
	position: relative;
	background-color: #000000;
	opacity: 0.3;
	height: 45px;
}

.menu_buttonTitleText {
	position: absolute;
	color: #FFFFFF;
	top: 0px;
	text-align: center;
	font-size: 12pt;
	text-shadow: 2px 2px 2px #000000;
}

.menu_progress {
	margin: 3px;
	position: absolute;	
}

.menu_progressBG {
	position: absolute;
	top: 0px;
	background-color: #000000;
	opacity: 0.3;
}

.menu_progressContainer {
	position: absolute;
	top: 0px;
}

.menu_progressTitleText {
	position: absolute;
	color: #FFFFFF;
	top: 10px;
	left: 10px;
	text-align: left;
	font-size: 11pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-shadow: 2px 2px 2px #000000;
	white-space: nowrap;
}

.menu_progressBar1 {
	position: absolute;
	top: 10px;
	height: 16px;
	background-image:url('../gfx/scrubber-1.jpg');
    background-size:100% 100%;
}

.menu_progressBar2 {
	position: absolute;
	top: 10px;
	height: 16px;
	background-image:url('../gfx/scrubber-2.jpg');
    background-size:100% 100%;
}

.menu_progressBar3 {
	position: absolute;
	top: 10px;
	height: 16px;
	background-image:url('../gfx/scrubber-3.jpg');
    background-size:100% 100%;
}

.menu_buttonHotspot {
	position: absolute;
	background-color: #FFFFFF;
	opacity:0;
	top: 0px;
}

.menu_subButtons {
	padding: 3px;
	position: absolute;
	height: 145px;
}

.menu_subButton {
	position: relative;
	height: 145px;
}

.menu_subButtonBG {
	position: relative;
	background-color: #000000;
	opacity: 0.5;
	height: 45px;
}

.menu_subButtonGradient {
	position: absolute;
	top: 0px;
	background-image:url('../gfx/gradient-10.png');
    background-repeat:repeat;
    background-size:100% 100%;
}

.menu_subButtonSelected {
	position: absolute;
	top: 0px;
}

.menu_subButtonSelectedBG {
	position: absolute;
	top: 0px;
	background-color: #000000;
	opacity: 0.3;
}

.menu_subButtonGradientSelected {
	position: absolute;
	top: 0px;
	background-image:url('../gfx/gradient-7.png');
    background-repeat:repeat;
    background-size:100% 100%;
}

.menu_subButtonList {
	margin-left: 0px;
	padding-left: 25px;
	color: #009900;
}

.menu_subButtonTitleText {
	position: absolute;
	color: #009900;
	top: 0px;
	text-align: left;
	font-size: 11pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-shadow: 2px 2px 2px #000000;
}

.menu_subButtonTitleText span{
	color: #DBDBDB;
}

.menu_subButtonHotspot {
	position: absolute;
	top: 0px;
	opacity: 0;
}

#menutitle {
	position: fixed;
    width: 400px;
    height: 60px;
    background-color: #000000;
	color: #FFFFFF;
    padding: 0px;
	z-index:10010;
}

#menutitletext {
	position: absolute;
    padding: 10px;
	top: 4px;
	font-size: 10pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.menu_buttonTitleBG {
	position: relative;
	background-color: #000000;
	opacity: 0.3;
	height: 45px;
}

.text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

.textshadow {
	text-shadow: 2px 2px 2px #000000;	
}

.textwhite {
	color: #FFFFFF;
}

.dropshadow {
	box-shadow: 2px 2px 3px #7F7F7F;	
}

.featurebuttontext {
	position: absolute;
    padding: 0px;
	top: 5px;
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.featureBG {
	position: absolute;
	background-color: #000000;
	opacity: 0;
}

.fullMenuTitleText {
	position:absolute;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #000000;
	opacity: 0.3;
}

#menulist {
	position: relative;
    width: 400px;
    height: 60px;
    padding: 0px;
	z-index:10009;
}

#canvascontainer {
	background-color: #FFFFFF;
	position: absolute;
	z-index:2;
	padding: 0px;
}

#bgcontainer {
	background-color: #FFFFFF;
	position: absolute;
	z-index:1;
}

#bgimage {
	position: absolute;
}

#videocontainer {
	position: absolute;
	z-index:2;
}

#canvas {
	position: absolute;
	z-index:3;
}

#activitycontainer {
	position: absolute;
	z-index:4;
}

#controlcanvas {
	position: absolute;
	z-index:5;
}

#titlecontainer {
	
}

#popupcontainer {
	
}

.ui-loader-default {
	opacity: 1;      
}

.custom-spinner {
	width: 37px;
	height: 37px;
	background-image:url('http://pictures.reuters.com/ClientFiles/RTR/Images/ajax-loader.gif');
	opacity: 1;
	display: block;
}

#examcontainer {
	position: absolute;
}

#examcontrol {
	position: fixed;
	z-index:10003;
}

#examtitle {
	position: fixed;
    width: 400px;
    height: 60px;
    padding: 0px;
	z-index:10002;
}

#examfadebg {
	position: fixed;
	background-color: #FFFFFF;
	opacity: 1;
	z-index:10000;
}

#examtitletext {
	position: relative;
    padding: 10px;
	text-align:left;
	color: #FFFFFF;
}

#examquestionbartext {
	position: relative;
    padding: 10px;
	text-align:left;
	color: #FFFFFF;
}

#examtimertext {
	position: absolute;
    padding: 10px;
	text-align:right;
	color: #FFFFFF;
}

#examquestion {
	position: relative;
    padding: 10px;
	padding-top: 20px;
	z-index:10001;
}

#examanswerbox {
	position: relative;
    padding-top: 20px;
}

.text_left {
	position: relative;
    padding: 10px;
	text-align:left;
	color: #000000;
}

.examanswertext {
	position: relative;
    padding: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-align:left;
	color: #000000;
}

.question_text {
	position: relative;
    padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
	color: #000000;
	font-weight:bold;
}

.question_subtext {
	position: relative;
    padding: 20px;
	padding-top: 0px;
	padding-bottom: 15px;
	text-align:left;
	color: #000000;
	font-weight:100;
}

.answer_text {
	position: relative;
    padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
	color: #000000;
}

.answerselectref {
	text-align:center;
}

#popupcontainer {
	position: absolute;
	z-index:10014;
	left: 0px;
	top: 0px;
}

.results_text {
    padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align:center;
	color: #000000;
	font-weight: bold;
}

.popuptitletext {
	padding-left: 0px;
	padding-right: 0px;
	text-align:center;
	color: #000000;	
}

.popupsubtitletext {
    padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
	text-align:center;
	color: #000000;
	font-weight: bold;
}

.popupsubinfotext {
    padding: 5px;
	padding-left: 0px;
	padding-right: 0px;
	text-align:center;
	color: #000000;
	font-weight: 100;
}

.buttontext {
    padding: 0px;
	text-align:left;
	color: #FFFFFF;
}

.buttontextgrey {
    padding: 0px;
	text-align:left;
	color: #000000;
}