@import url("screentypes.css");
@import url("fonts.css");
@import url("filters.css");

.phone-only{
	display:none!important;
}

body.ie.lte8 *{
	/*
	behavior: url(../../css/PIEFix/PIE.htc);
	-pie-png-fix: true;
	*/
}
body{	
	font-family:Arial;
	color:#000000;
	background: #DFE2E7;
	/* overflow-x:hidden; */
	/* overflow-y: visible; */
	height:100%;
	/* text-align: center; */
}


html{
	height:100%;
	margin:0; 
	padding:0;
}

.relativePos
{
	position: relative !important;
}

#floater {
    /* float: left; */
    /* height: 50%; */
    /* margin-bottom: -322px; */
    /* position: relative; */
    /* width: 1px; */
}

#courseholder{
	/* border: 1px solid #AAAAAA; */
	/* clear: both; */
	/* position: relative; */
	margin: 0px auto;
	width: 1014px;
	height: 100%;
	overflow-x: hidden;
	/* overflow-y: initial; */
}


#contentholder
{	
	display: none;
	position: absolute;
	margin-top: 50px;
	/* width: 100%; */
	/* height: 100%; */
	/* overflow-y: hidden; */
	/* overflow-x: hidden; */
	/* top: 0; */
	/* left: 0; */
}

.screenHolder
{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: visible;
	
	/*background: #FFFFFF;*/ */;
}

.subscreen
{
    position: relative !important;	

	background: #FFFFFF;
    margin-bottom: 10px;
}

.darkScreen
{
    background: #3A383D;
}

.topMargin
{
	margin-top: 10px;
}



#navholder .screenHolder{
	top:  0;
	left: 0;
}

.lte8 .screenHolder
{
    border-radius: 0px!important;
}

.dialogueOpen #menuholder .invisibutton,
.dialogueOpen #contentholder .invisibutton,
.screenHolder.disabled .invisibutton
{
    display: none !important;
}

#introholder
{	
	display: none;
	position: absolute;
	height:644px;
	width:914px;
	top: 0px;
	left: 0px;
	overflow: visible;	
}

#dialogueholder
{	
	display: none;
	position: fixed;
	width:100px;
	height:50px;
	top: 0px;
	left: 1014px;
	z-index: 1101 !important;
}

#dialoguemask
{
    z-index: 1100;
	display: none;
	
    position: fixed;
	
    width: 100%;
	
    height: 100%;
	top: 0px;
	left: 0px;
	background: rgba( 0, 0, 0, 0.5 );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66000000', endColorstr='#66000000');
	 /* IE */
}


.dialogueCloseBtn
{
	background: url('../../images/ui/ui_spritesheet.png') no-repeat -1570px -430px;
	width: 30px;
	height: 30px;
	right: 10px;
	top: 10px;
	cursor: pointer !important;	
}

.dialogueCloseBtn p
{
	position: absolute;
	left: -50px;
	display: none;
}

.dialogueCloseBtn.over
{	
	background-position: -1570px -640px;	
}

.dialogueCloseBtn.over p
{
	display: block;
}

.screenElement.screen .bitbutton{
	position: absolute !important;
	display:block;
	right:0;
	bottom:0;
	background: blue;
	color: white;
	padding: 5px;
	border: none;
	font-size: 12px;
}

#BIT 
{
	position: fixed;
	display:block;
	left:0;
	top:0;	
	visibility: hidden;
}

#BIT button{
	
	background: blue;
	color: white;
	padding: 5px;
	float: left;
	border: none;
	font-size: 12px;	
}

#BIT p
{	
	background: white;
	color: black;
	padding: 5px;
	float: left;
	border: black 1px solid;
	font-size: 12px;	
}

.BITtextInput
{	
	width:60px;
	height:20px;
	font-size: 12px;
	resize : none ;	
}

.bitGo
{	
	position: absolute;
	left: 90px ;
}







	







/* ui elements */
*{
	
	/* margin:0; */
	padding: 0px;	
}

.disabled .showOnDisabled{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.disabled .hideOnDisabled{
    display: none !important;
}

.screenElement{
	position: absolute;
}

button.invisibutton 
{
    cursor: pointer;
	cursor: hand;
	position: absolute;
	top:0;
	left:0;
	border:none !important;
	padding:0 !important;
	margin: 0 !important;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
}



button.invisibutton 
{	
    width:100% !important;									
	height:100% !important;	
}

.screenElement.screen.disabled button.invisibutton,
.screenElement.button.disabled button.invisibutton{
	display: none !important;
}



button.invisibutton.tabbed{
	
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	background: transparent;
	border:3px solid yellow !important;
	
}

.mask
{
	overflow: hidden;
	/* border: 1px dashed red; */
}


.screenElement.screen
{
	/* overflow: hidden; */
	/* border: 1px dashed red; */
}

.screenElement.screen.scrolling
{
	overflow: auto;
}

.button 
{	
	-webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;/* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
	background-color: #009EE0;
	border: solid 3px #FFFFFF;
	
	padding: 4px 20px;
	visibility:visible !important;
	display:block !important;	
}
.button.disabled{

}
.button.hidden{
	opacity:0 !important;
	display:none !important;
	filter:alpha(opacity=0) !important;
}

.lte8 .button {
	border-radius: 0;
}

.button.over
{	
	border-color: #009EE0;
	background-color: #FFFFFF;
	cursor:pointer;	
}


.button.over p
{	
	color: #009EE0 !important;	
}

.tabs .clickholder
{
	text-align: center;
}

.tabs .click
{
	position: relative;
	display: inline-block;
	padding: 5px 20px;
	margin-left: 2px;
	background: #455560;
	height: 37px;
}

.tabs .click p
{
	color: white;
}

.tabs .click.animover,
.tabs .click.disabled
{
	top:-5px;
	background: #1B9DED;
	padding-top: 10px; 
}

.tabs .revealholder
{
	position: absolute;
	top: 37px;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #455560;
	background: white;
	overflow: hidden;
}

.tabs .reveal
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	overflow: hidden;
	border-bottom: 1px solid #EE3124;
}

.tick
{
	position: absolute;
	top: 1px;
	left: -28px;
	background: url('../../images/ui/ui_spritesheet.png') no-repeat -270px -642px;
	width: 28px;
	height: 33px;
}

/* MENU */
#menuholder
{		
	padding-top: 60px;
	position: absolute;
	width:1014px;

	/* height: 0px; */
	/* top: 0; */
	/* left: 0; */
	/* overflow-y: visible; */
	/* overflow-x: hidden; */
}

.topic6 .pledgeBtn,
.topic7 .pledgeBtn,
.topic8 .pledgeBtn,
.topic9 .pledgeBtn,
.topic10 .pledgeBtn,
.topic11 .pledgeBtn{
	display:none!important;
}

.topicStatus{
    background: url('../../images/ui/ui_spritesheet.png') no-repeat -530px -430px;
    position: absolute;
	width: 73px;
	height: 6px;
}


.topicStatus.locked {
	background-position: -270px -430px;
}


.topicStatus.notattempted {
	background-position: -530px -430px;
}


.topicStatus.incomplete {
	background-position: -790px -430px;
}


.topicStatus.completed,
.topicStatus.passed {
	background-position: -1050px -430px;
}

.dropdown .button
{
	background-color: #F1E8F2;
	border-style: none;
	position: relative;
	display: block;
	width: 285px;
	height: 38px;
}

.dropdown .button p
{
	color: #791D7E;
}

.dropdown .button.over
{
	background-color: #791D7E;
}

.dropdown .button.over p
{
	color: #F1E8F2;
}

.dropdown .button.disabled
{
	display: none !important;
}

.dropdown .button.opener
{
	background: none;
	position: absolute;
}

.dropdownSpace
{
	margin: 10px 295px 10px 0px;
}

.dropdown.open
{
	z-index:2000;
}

.menuClickOut
{
	z-index:1000;
}

/* NAV */

#navholder
{	
	display: none;
	position: fixed;
	width:1014px;
	height: 60px;
	background-color: #FFFFFF;
	z-index: 1050;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #E3E4E4;
}




div.navbutton.disabled{
	
	/*background: -webkit-linear-gradient(#eeeeee 0%, #a8a8a8 100%)!important;
	*/
	opacity: 50% !important;
	cursor:default !important;
	
	display:none !important;
}



div.navBtnDiv.disabled:hover{
	
	/*background: -webkit-linear-gradient(#eeeeee 0%, #a8a8a8 100%)!important;
		opacity: 50% !important;
	*/
	cursor: default !important;
	
}


.burgerBtn
{
	background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -1830px -10px;
	position: absolute;	
	width: 36px;	
	height: 27px;
}

.burgerBtn.over
{
	background-position: -1830px -220px;
}

.exitBtn 
{	
    background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -1565px 0px white;
	position: absolute;	
	width: 35px;	
	height: 35px;
}

.exitBtn.over 
{
	
	background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -1565px -210px #eee;
	
}

.helpBtn
{	
    background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -1302px -6px white;
}

.helpBtn.over 
{	
	background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -1302px -216px #eee;
}

.navbutton
{
	margin-top: 15px;
	margin-right: 25px;
	position:relative !important;
	float: right;
}

.navbutton.menuBtn
{	
    background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -530px -10px;
}

.navbutton.menuBtn.over
{
	background-position: -530px -220px;
}

.resourcesBtn 
{	
    background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -786px -4px white;
    /* margin-left: 14px; */
    padding: 3px;
}

.resourcesBtn.over 
{	
	 background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -786px -214px #eee;
}

.tooltip{
	display: none !important;
}
.over .tooltip{
	display: block !important;
}




#preloader{
	
	position: absolute;
	top: 0px;
	left: 420px;
	width: 140px;
	height: 40px;
	text-align: center;
	background: rgba(255, 255, 255, 0.8);
	padding: 5px;
	border-radius: 25px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 1px solid #1B9DED;
	border-top: 0;
	
}

.lte8 #preloader{
	border-radius: 0px;
	background: rgb(255, 255, 255);
}


#preloader img{
	
	position: absolute;
	left: 105px;
	top: 8px;
}



#loadbarcontainer{
	
	position: absolute;
	top: 10px;
	left:10px;
	width: 80px;
	height: 25px;
	border: 1px solid #1B9DED;
	border-radius: 22px;
	background: white;
	overflow: hidden;
}



#loadbar{
	
	background: #1B9DED;
	height: 25px;
	width: 0%;
	border-radius: 22px;
	
}






.backBtn{
	background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -10px -10px;

}
.backBtn.over {
	background-position: -10px -220px;
}



.nextBtn{
	background: url( '../../images/ui/ui_spritesheet.png' ) no-repeat -270px -10px;
}
.nextBtn.over {
	background-position:  -270px -220px;

}

#pagecounter{
	display: none;
	position: absolute;
	top: 19px;
	height: 30px;
	text-align: center;
	width: 365px;
	left: 417px;
}
#pagecounterString{
	position: absolute;
	height: 100%;
	width: 100%;
}
#pagecounterString.left{
	text-align: left;
}
#pagecounterString.center{
	text-align: center;
}
#pagecounterString.right{
	text-align: right;
}
.pagecounter{
	position: absolute;
	height: 100%;
	width: 100%;
}
.pagecounter .screen{
	position: relative;
	display: inline-block;
	margin-right:8px;
	top: 0px;
	width: 8px;
	height: 8px;
	background-color: #ffffff;
	border-radius: 6px;
	border-width: 2px;
	border-color: #363435;
	border-style: solid;
}
.pagecounter .screen button{
	cursor:default;
}

.pagecounter .screen.current,
.pagecounter .screen.overPC
{
	background-color: #363435 !important;
}
.pagecounter .screen.overPC button {
	cursor:pointer;
}
.pagecounter .screen.visited{
	background-color: #cccccc;
}
.pagecounter .screen.passed{
	background-color: green;
}
.pagecounter .screen.failed{
	background-color: red;
}
/* endNAV */

.emailFrame
{
	visibility:hidden;
}

.homeBtn
{
	background-image: url( '../../images/ui/ui_spritesheet.png' ) ;
	background-position: -775px -3px;
	width: 36px;
	height: 36px;

}
.homeBtn.over
{
	background-position: -775px -213px;

}

.homeBtn p
{
	text-align: right;
	padding-top: 10px;
}

.nextTopicBtn .after
{
	position:absolute;
	background-image: url( '../../images/ui/ui_spritesheet.png' ) ;
	background-position: -270px -10px;
	width: 15px;
	height: 28px;
	right: 15px;
	top: 12px;
}
.nextTopicBtn.over .after
{
	background-position: -270px -50px;
}

.nextTopicBtn p
{
	text-align: left;
}

.backTopicBtn .after
{
	position:absolute;
	background-image: url( '../../images/ui/ui_spritesheet.png' ) ;
	background-position: -10px -10px;
	width: 15px;
	height: 28px;
	left: 15px;
	top: 12px;
}
.backTopicBtn.over .after
{
	background-position: -10px -50px;
}

.backTopicBtn p
{
	text-align: right;
}

.scrollTopBtn .after
{
	position:absolute;
	background-image: url( '../../images/ui/ui_spritesheet.png' ) ;
	background-position: -10px -220px;
	width: 28px;
	height: 15px;
	left: 15px;
	top: 16px;
}
.scrollTopBtn.over .after
{
	background-position: -270px -220px;
	width: 28px;
	height: 15px;
}

.scrollTopBtn p
{
	text-align: right;
	padding-top: 10px;
}

.logo
{
	position: absolute;
	right: 25px !important;
	left: auto !important;
	top: 25px !important;
}

.backgroundHolder
{
	width: 100% !important;
}

.topicDuration p
{
	font-size: 15px !important;
}


.pledgeCommitScreen ul,
.pledgeCommitScreen li {
	color:  white;
}
.pledgeBtn
{
	border-style: solid;
	border-width: 1px;
	border-color: #E60E68;
	background-color: #E60E68;
	width: 87px !important;
	height: 31px !important;
}

.pledgeBtn p
{
	padding-top: 2px;
	color:#FFFFFF;
	width: 100%;
	text-align: center;
	font-size: 10px;
}

.pledgeBtn.over
{
	border-style: solid;
	background-color: #FFFFFF;
}

.pledgeBtn.over p
{
	color: #E60E68;
}

.pledgeBtn .text
{
	width: 100%;
}