/* GLOBAL FORTMATTING - ALL PAGES */

.Page {
    position: relative;
    width: 100%;
	height: 100%;
    overflow: hidden;
    white-space: normal;
    /*background:#f0f0f0;*/
	text-align:center;
	color:#333333;
	white-space: nowrap;
}
.Page:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.Page *{
	white-space:normal;
}
.Page > .scroll-bg {
    /*min-height: 550px;*/
	top:60px;
	bottom:0;
	position: absolute;
	/*width:100%;*/
	left:0;
	right:0;
 	overflow: hidden;
	text-align:left;
}
.content{
	 padding: 5px 5px 0 5px;
}
.content.right{
	float:right;
	width:27%;
	padding-left:0;
	clear: both;
}

/*@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .Page {
        width: 768px;
        height: 861px;
    }
    .Page > .scroll-bg {
        min-height: 825px;
    }
}*/

/*.deskTopScroll {
    overflow: auto !important;
}*/
.Page.deskTopScroll .scroll-bg{
	overflow: auto;
	overflow-x: hidden;
	/*height: 550px;*/
	padding-bottom: 50px;
}


.LOADING .pagePreloader{
	z-index:500;
	background: url("../images/white-opacity50.png");
	position: absolute;
	width: 100%;
	height: 100%;
    top:0;
	left: 0;
}
.LOADING .pagePreloader:after {
	background: url(../images/preloader.gif) no-repeat 50% 50%;
    content: "";
	position: absolute;
    display: block;
    width: 100%;
	height: 100%;
    top:0;
	left: 0;
	z-index: 501;
}


.assetFloatRight {
	float: right;
	position: relative;
	margin-left: 20px;
}

.assetFloatLeft{
	float: left;
	position: relative;
	margin-right: 20px;
}
.assetCenter {
	display:block;
	margin:0 auto;
}
.assetLabel {
	
}



/*Splash Screen  INTRO*/
.Splash{
	color: #FFF;
	font-size: 24px;
	line-height: 1.3em;
}
.Splash .splash-bar{
	position: absolute;
	top: 243px;
	padding-left: 60px;
	width: 100%;
}
.Splash .column-4.img{
	width: 130px;
}
.Splash .column-4.txt{
	width: 273px;
}
.Splash .column-4 img{
	width:118px;
}
.Splash .column-4.white-rule-right{
	position: relative;
	width: 294px;
	margin-right: 27px;
}
.Splash .white-rule-right:after {
	background: #FFF;
    content: "";
	position: absolute;
    display: block;
    width: 1px;
    top:-10px;
	bottom:-25px;
	right: -1px;
}
.Splash .splash-started{
	position: absolute;
	bottom: 84px;
	right: 36px;
	width: 280px;
	/*color: #333333;*/
}
.Splash .splash-started img{
	position: absolute;
	right: 0px;
	top: 0;
}

.clo-title-chapter{
	display: inline-block;
	vertical-align: middle;
	font-size: 69px;
	color: #D84D4D;
	line-height: 1em;
}
.clo-title{
	display: inline-block;
	vertical-align: middle;
	width: 80%;
}


.Text .content{
	padding: 10px 20px;
}


.Help {
	background-image: url(../images/content/Help.jpg);
	background-repeat: no-repeat;
}
.Help h1{
	color: #A64D0B;
}

.flysheet {
	background-image: url(../images/content/Flysheet.jpg);
}
.flysheet.Page > .scroll-bg {
    padding: 0px;
}

.flysheet .title {
	color: white;
	font-weight: bold;
	font-size: 60px;
	padding: 40px 0px;
	text-align: center;
	position: relative;
	border: solid 1px #003366;
	background: #2a478d; /* Old browsers */
	background: -moz-linear-gradient(top,  #2a478d 1%, #4b68ad 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2a478d), color-stop(100%,#4b68ad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2a478d 1%,#4b68ad 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2a478d 1%,#4b68ad 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2a478d 1%,#4b68ad 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2a478d 1%,#4b68ad 100%); /* W3C */
	margin: 0px auto;
	top:325px;
	line-height: 60px;
	text-shadow: 0px 0px 4px #000000;
}

.flysheet .title.TwoLiner {
	line-height: 1.1em;
	padding: 20px 40px;
}


/*FULLSCREEN*/
.FullScreenGraphic {
	background-image:url(../images/content/courseCompletion.jpg);
}
.FullScreenGraphic .content, .courseCompletion .content {
	background-image: url("../images/white-opacity80.png");
	position: relative;
	width: 430px;
	height: 100%;
	top: 0px;
	position: absolute;
	padding:0px 30px;
}




/*Accordion*/

.AccordionArea.std-skin {
	width: 90%;
	margin: 0 auto;
}
.AccordionArea.std-skin .std-control {
	display: block;
	border-radius: 0;
	text-align: center;
	margin: -1px 0;
}

.AccordionArea.std-skin .AccordionContent {
	background: white;
}
.AccordionArea.std-skin .Data {
	padding: 10px;
	display: none;
	border:1px solid #D8D3D0;
}
.AccordionArea .AccordionBtn .checkbox{
	position: absolute;
	left: 5px;
}







/*ThumbnailGrid*/
.ClickableTable .tabBtns {
	min-height: 404px;
	padding: 0;
	position: static;
	margin-left:0px !important;
}





/*HotSpots*/
.HotSpot .checkbox{
	left: 8px;
	position: relative;
	top: 10px;
}
.HotSpot .puBtn {
	height:35px;
	position: absolute;
	color: white;
	border-radius: 5px;
	cursor: pointer;
	font-weight:bold;
}
.HotSpot .puBtn.withText {
	background: #2a478d;
	padding: 10px 55px 10px 15px;
}
.HotSpot .caBtnHs {
	position: absolute;
	display: inline-block;
	width: 44px;
	height: 44px;
	left: -22px;
	top: 4px;
	background-image: url(../images/hotspot.png);
	background-repeat: no-repeat;
}
.HotSpot .HOVER .caBtnHs {
	background-position: 0 -44px;
}
.HotSpot .CHECKED .caBtnHs {
	background-position: 0 -88px;
}
.HotSpot .RIGHT .caBtnHs {
	left: auto;
	right: 1px !important;
}






/*DECISION POINT*/
.Decision_Point .dpContent{
	overflow:hidden;
	margin-bottom:1em;
}
.Decision_Point .graphic_holder{
	float:left;
	margin-right:10px;
}


.courseCompletion {
	background-image:url(../images/content/courseCompletion.jpg);
}



/*ShareAndCompareController*/

.ShareAndCompare.defaultSkin h1{
	/*position: relative;
	z-index: 4;*/
	/*UCB Specific margin for page title for this pagetype - gs3*/
	margin: 4px 30px 4px 35px; 
}
.ShareAndCompare.defaultSkin .feedback-scroll {
	overflow-y: scroll;	
	height: 86%;
}
.scenario-scroll{
	overflow-y: scroll;
	height: 507px;
}

.ShareAndCompare.defaultSkin .feedbackWrap {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 565px;
	margin-right: 55px;
	margin-top: 20px;
}


.ShareAndCompare.defaultSkin .scenario{
	z-index: 1;
	position: relative;
}
.ShareAndCompare.defaultSkin .NotepadRight {
	background: url("../images/shareCompare/notepad_papers.png");
	position: absolute;
	right: -620px;
	height: 100%;
	 -webkit-transform: translate3d(0,0,0);
	 background-repeat: no-repeat;
}
.ShareAndCompare.defaultSkin .NotepadRight:after {
	background: url("../images/shareCompare/notepad_papers_continue.png");
    content: "";
	position: absolute;
    display: block;
    width: 100%;
	height: 100%;
	left: 0px;
	top:519px;
}

.ShareAndCompare.defaultSkin .NotepadRightInner{
	/*margin-left: 20px;*/
	width: 300px;
	margin-left:47px;
}

.ShareAndCompare.defaultSkin .NotepadRightInner p{
	margin-top: 1em;
}
.ShareAndCompare.defaultSkin #doneBtn{
	margin-top: 10px;
}
.ShareAndCompare.defaultSkin #shareBtn{
	/*width: 27px;
	height: 27px;*/
	float: right;
}
.ShareAndCompare.defaultSkin textarea{
	overflow: auto;
	height: 353px;
	width: 280px;
	padding: 10px;
	resize: none;
	color: #000;
	
	background-color:#FFF;
	border: 1px solid #bbb;
}
.ShareAndCompare.defaultSkin textarea.DISABLED{
	background: whitesmoke;
}
.ShareAndCompare.defaultSkin .boxRight{
	width: 100%;
	/*bottom: 0px;*/
	color: #000;
	z-index: 1;
	zoom: 1;
}

.ShareAndCompare.defaultSkin .boxLeft{
	float: left;
	width: 555px;
	/*margin-top: 50px;*/
	padding: 12px;
	
}
.ShareAndCompare.defaultSkin .boxFull{
	float: none;
	clear: both;
	width: 100%;
}


.ShareAndCompare.defaultSkin .btnContainer{
	text-align: center;
}


.ShareAndCompare.defaultSkin .Q_A_control{
	width:460px;
	color:#03F;
}
.ShareAndCompare.defaultSkin .QA_Back{
	margin-left: 25px;
}
.ShareAndCompare.defaultSkin .differentDevice{
	display:none;
}




.moving .caBtn {
	background: url("../images/Moving_hotspot.png");
	width:58px;
	height:59px;
	display: inline-block;
	cursor:pointer;
	position:absolute;

}

.moving .caBtn .checkbox {
	margin-left: 1px;
	margin-top: 11px;
}

.moving .caBtn.HOVER {
	background-position:0px -59px;	
}

.moving .caBtn.CHECKED  {
	background-position:0px -118px;	
}

.moving .ContainerArea {
	display:none;
}

.moving .ContainerArea.SELECTED {
	display:block;
}



.bodyAni {
	position:absolute;
	overflow: hidden;
}
.bodyAni .heightened {
	height: 560px;
}
.bodyAni .assetFloatRight {
	margin-left: 38px;
}
.bodyAni .assetFloatRight:before {
	content: "";
	position: absolute;
	width:38px;
	height:410px;
	top: 50%;
	margin-top: -205px;
	left: -38px;
	background: url("../images/content/slant.png");
}
.bodyAni> .closeBtn {
	position: relative;
	margin: 0px auto;
}



.fullScreenImg{
	position: absolute;
	top: 0;
	bottom: 0;
	overflow: hidden;
	width:100%;
	z-index:-1;
	
	/*filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	filter:gray;*/
}
.fullScreenImg img{
	width:100%;
	height: 100%;
	position:absolute;
	left:0;
	top:0;
}
.fullScreenImg .fade-black{
	position: absolute;
	left: auto;
	right: -172px;
	top: 0;
	width: 318px;
	height: 670px;
}



.caseVideo{
	position:absolute;
	top:0;
	left:0;
	bottom: 0;
	/*background: yellowgreen;*/
		width: 1024px;
	height: 670px;
}
.caseVideo .jp-jplayer{
	width: 100%;
	height: 100%;
}
.caseVideo .jp-jplayer video {
	height:auto;
}
.caseVideo .jp-interface {
	width: 457px;
	height: 62px;
	bottom: 5px;
	left: 71px;
}
.caseVideo .std-control{
	position: absolute;
	right: -83px;
	top: 0;
	bottom: 0;
	line-height: 62px;
	padding: 0 10px;
}
.caseVideo .MediaAreaPlayer.mp-gui .play-btn {
	position: absolute;
	left: -66px;
	width: 62px;
	height: 62px;
	background: #D94D4D;
	border-radius: 5px;
}
.caseVideo .MediaAreaPlayer.mp-gui .play-btn .icon{
	background:	url(../images/arrowBack-Next.png) -308px 0px no-repeat;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	margin-top: 12px;
}
.caseVideo .MediaAreaPlayer.mp-gui .play-btn.PAUSE .icon {
	background-position: -440px 0px;
}

.case-question .ea-button{
	/*width: 49%;*/
	text-align:center;
}




.ClickableArea.std-skin .LOADING .pagePreloader{
	background:none;
}
.ClickableArea.std-skin .btns{
	display:none;	
}
.ClickableArea.std-skin .ca-content{
	display:none;
}
.ClickableArea.std-skin .ca-content.SELECTED{
	display: block;
}



.case-ca .LOADING .pagePreloader{
	background:none;
}
.case-ca .btns{
	display:none;	
}
.case-ca .content{
	margin-right:-27%;
	display:none;
}
.case-ca .content.SELECTED{
	display: block;
}
.case-map{
	margin-right: 0;
	position: absolute;
	left: 5px;
	bottom: 73px;
}
.case-map .case-mapBtn{
	background:url(../images/case-mapBtns.png);
	width:40px;
	height:40px;
}
.case-mapBtn.light{
	height: 37px;
}
.case-mapBtn.loc{
	background-position:0px -40px;
}

.case-ca #ca-0-1{
	margin-right:0;
}



.case-grid{
	position:absolute;
	width:73%;
	left:0;
	top:0;
	bottom:0;
	
	/*background:url(../images/yellow-opacity40.png);
	opacity:.4;*/	
}
.case-grid.HOVER{
	cursor:url(../images/case-circleWhite.png)  31 31, pointer;
}
.case-circle{
	position:absolute;
	width:1px;
	height:1px;
	/*background: url(../images/case-circle.png);*/
	visibility: hidden;
}
.case-circleImg{
	width:65px;
	height:65px;
	position:relative;
	z-index:5;
}
.case-circleImg.yellow, .case-circleImg.blue, .case-circleImg.orange{
	display:none;	
	margin-top:-32px;
	margin-left:-32px;
}
.case-circleImg.highlight{
	left: -32px;
	top: -32px;
	position: absolute;
	z-index:1;
	display: none !important;
}
.yellow .case-circleImg.white, .blue .case-circleImg.white, .orange .case-circleImg.white{
	display:none !important;
}
.yellow .case-circleImg.yellow, .blue .case-circleImg.blue, .orange .case-circleImg.orange{
	display:block;
}
.case-circleSmall{
	background: url(../images/case-circleSmall.png);
	width: 19px;
	height: 19px;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -10px;
}
.yellow .case-circleSmall{
	background-position:-19px 0px;
}
.blue .case-circleSmall{
	background-position:-38px 0px;
}
.orange .case-circleSmall{
	background-position:-57px 0px;
}
.case-ca .RadioTableArea .radioTable tbody tr td:first-child{
	padding-left: 25px;
	position: relative;
}



.case-rtq.Box, .case-rtqHeader.Box{
	padding: 0;
	margin-bottom:5px;
}
.case-rtq{
	clear: both;
}
.case-rtq.case-DISABLED, .case-DISABLED .case-rtqHeaderTxt{
	color: #595959;
}
.case-rtqQues{
	display: inline-block;
	/* float: left; */
	padding-top: 12px;
	padding-left: 33px;
	font-weight: bold;
	width: 100px;
	padding-bottom: 12px;
	vertical-align: middle;
}
.case-rtq.QuestionArea .option{
	display: inline-block;
	background: none;
	padding: 0;
	/* float: left; */
	background: none !important;
}
.case-rtq ul{
	display: inline;
}
.case-rtq .option.clear{
	visibility:hidden;
}
.case-rtq.yellow .option.clear, .case-rtq.blue .option.clear, .case-rtq.orange .option.clear{
	visibility:visible;
}
.case-rtq .option.clear .UIInput{
	background:url(../images/inst-close.png);
	background-position: 0px;
	width: 30px;
}
.case-rtq.QuestionArea .UIInput {
	position:static;
}
.case-rtqHeader{
	text-align:right;
}
.case-rtqHeaderTxt{
	width: 130px;
	font-weight: bold;
	text-align: center;
	margin-left: 106px;
}
.case-rtqHeader .option{
	width: 40px;
	text-align: center;
	padding: 0;
	margin-left: 0;
	display: inline-block;
	float: none;
}
/*.case-rtq.QuestionArea .option.HOVER, .case-rtq.QuestionArea .option.DOWN{
	ba
}*/
.case-fb-corret, .answer-correct .case-fb-incorret{
	display: none;	
}
.answer-correct .case-fb-corret{
	display:block;
}

.fb01, .fb02{
	position: absolute;
	left: 187px;
	top: 36px;
	width:407px;
	height:309px;
}
.fb01 .wipeAni, .fb02 .wipeAni{
	width:0;
	height:100%;
	position:absolute;
	background:url(../images/content/WTXXXXX_fb01.png) no-repeat;
	background-position: left top;	
}
.fb02 .wipeAni{
	right:0;
	background:url(../images/content/WTXXXXX_fb02.png) no-repeat;
	background-position: right top;	
}



.OLY-caseVideo{
	background:#000;
}
.OLY-caseVideo .case-ca .content{
	position: relative;
}
.caseVideo-selectorWidth{
	position:absolute;
	left: 44px;
	right: 15px;
	/*height: 5px;
	background: green;*/
	top: 0;
}
.caseVideo-selector{
	position: absolute;
	top: -62px;
	margin-left: -35px;
	width:62px;
	height:71px;
	background:url(../images/caseVideo-selector.png);
	cursor:pointer;
	text-align: center;	
}
.caseVideo-selector.DRAGGING{
	background-position:-62px 0px;
}
.caseVideo-selector.LOCKED{
	background-position:0px -71px;
}
.caseVideo-selector.LOCKED.DRAGGING{
	background-position:-62px -71px;
}
.caseVideo-time{
	position: absolute;
	bottom: 15px;
	width: 100%;
	left: 0;
	line-height: 1em;
	font-size: 14px;
	color: #FFF;
}





.inst-control-wrap{
	position:absolute;
	left:5px;
	right:27%;
	bottom:75px;
}
.inst-control{
	position:relative;
	background: url(../images/blackBg.png);
	color:#FFF;
	border: solid 1px #FFF;
	border-radius: 5px;
	min-height: 58px;
	padding: 7px;
	padding-left: 0;
	width:62px;
	overflow:hidden;
}
.inst-control:before, .inst-icon{
	content:"";
	background: url(../images/inst-icon.png) ;
	position:absolute;
	width:20px;
	height:27px;
	left: 20px;
	top: 14px;
	display:inline-block;
}
.OPEN.inst-control:before, .inst-icon{
	background-position:-20px 0px;
}
.inst-icon{
	position:static;
	float: left;
	margin-right: 10px;
	margin-left: 5px;
	margin-top: 5px;
}
.inst-txt{
	display: none;
}
.inst-control .inst-txt{
	position: relative;
	width: 655px;
	margin-left: 60px;
	padding-right: 40px;
	display:inline-block;
}
.inst-control .inst-txt:after{
	content:"";
	background: url(../images/inst-close.png);
	position:absolute;
	width: 30px;
	height: 30px;
	right: -12px;
	top: 0px;
}



.colAni .column-3, .colAni .column-4{
	/*background:#F1EFEF;*/
	min-height:215px;
}
.colAni .cuepoint{
	display:block;
	/*visibility: hidden;
	margin-left:-23%;*/
	position:relative;
}
.wipe-ani{
	width:0%;
	overflow:hidden;
	  position: relative;
	  min-height:200px;
}
.wipe-content{
	width:206px;
	padding-right: 5px;
}
.colAni .wipe-ani:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:1px;
	background:#343233;
}
.colAni .wipe-ani.NO-LINE:after{
	display:none;	
}
.colAni .assetFloatLeft.column-3, .colAni .assetFloatLeft.column-4{
	position:relative;
	z-index:5;
}
.colAni .cuepoint3{
	z-index:4;
}
.colAni .cuepoint4{
	z-index:3;
}
.colAni .cuepoint5{
	z-index:2;
}




.Progress .nextBackBtns {
	margin-top: -40px;
	float: right;
}
.Progress .QuestionArea .exercise-footer {
	margin:0px;
	  width: 80%;
	min-height: 42px;
}
.Progress .QuestionArea .exercise-footer .feedbacks{
	display:block;
}
.Progress .exercise-footer .feedback.DISPLAY {
	float:left;
	width: 100%;
}
.Progress .exercise-footer .ea-button {
	display:none;
	text-decoration:underline;
}



.iconic {
	position: absolute;
	right: 0px;
	top: -50px;
}

.iconic img {
	width:100%;
	height:100%;	
}





.img-btns{
	position: absolute;
	left: 10px;
	bottom: 20px;
	z-index: 10;
}
.img-btn{
	position:relative;	
}
/*.img-btns .img-btn{
	position:relative;
	z-index:1;
}*/
.img-btn-control{
	width: 40px;
	height: 40px;
	background:url(../images/case-mapBtns.png);
		z-index: 1;
	position: relative;
}
.HOVER .img-btn-control, .DOWN .img-btn-control{
	background-position:-40px 0px;
}
.img-btn-display{
	position: absolute;
	left: 41px;
	left: 0;
	width: 277px;
	height: 215px;
	display: none;
	bottom: 0;
}
.img-btn-display.DISPLAY{
	display: block;
}
.img-btn-display img{
	width:100%;
	height:100%;
}
.img-btn-location {
	margin-top: -3px;
}
.img-btn-location .img-btn-control{
	background-position:0px -40px;
}
.img-btn-location.HOVER .img-btn-control, .img-btn-location.DOWN .img-btn-control{
	background-position:-40px -40px;
}


.img-btn-mag {
	margin-top: -3px;
}
.img-btn-mag .img-btn-control{
	background-position:0px -80px;
}
.img-btn-mag.HOVER .img-btn-control, .img-btn-mag.DOWN .img-btn-control{
	background-position:-40px -80px;
}
.img-btn-mag.OPENED .img-btn-control{
	background-position:0px -120px;
	
}



.MENU10{
	background:#FFF;	
}
.MENU10 h3{
	color:#333333;
	font-size: 37px;
	margin-top: 22px;
}
.mp-ca .btns{
	position:absolute;
	left:0;
	bottom:0;
	margin-left: 0;
}
.mp-ca .caBtn{
	position: relative;
	width: 256px;
	height: 517px;
	display: block;
	background: url(../images/menuPage/btn01.png);
	float: left;
}
.mp-ca .caBtn.HOVER, .mp-ca .caBtn.DOWN{
	background-position:-256px 0px;
}
.mp-ca .btn-2{
background: url(../images/menuPage/btn02.png);
}
.mp-ca .btn-3{
background: url(../images/menuPage/btn03.png);
}
.mp-ca .btn-4{
background: url(../images/menuPage/btn04.png);
}
.mp-ca .mod-status{
	color: #FFF;
	position: absolute;
	top: 330px;
	text-align: right;
	right: 105px;
	display:none !important;
}
.mod-status .mod-status-resume, .mod-status .mod-status-completed{
	display:none;
}
.COMPLETED .mod-status-completed{
	display:block;
}