@CHARSET "UTF-8";

@font-face {
	font-family:FuturaLT-Heavy;
	src: url("./style/FuturaLT-Heavy.ttf");
	font-style:heavy;
}

@font-face {
	font-family:FuturaLT;
	src: url("./style/FuturaLT.ttf");
	font-style:normal;
}

@font-face {
	font-family:Entypo;
	src: url("./style/entypo.ttf");
	font-style:normal;
}

/***** Convenience Classes *****/

.ib {display: inline-block; }

.clear, br, .break		{ clear:both; }
.fl, .float-left		{ float:left !important; display:block;}
.fr, .float-right		{ float:right !important; display:block;}
 
.tl, .text-left			{ text-align:left; }
.tr, .text-right		{ text-align:right; }
.tc, .text-center		{ text-align:center; }
.tj, .text-justify		{ text-align:justify; }
 
.bold		{ font-weight:bold; }
.italic	  	{ font-style:italic; }
.underline	{ border-bottom:1px solid; }
.highlight	{ background:#ffc; }
 
.img-left	{ float:left; margin:4px 10px 4px 0; }
.img-right	{ float:right; margin:4px 0 4px 10px; }
 
.nopadding	{ padding:0; }
.noindent	{ margin-left:0; padding-left:0; }
.nobullet	{ list-style:none; list-style-image:none; }

.w100	{ width: 100% !important; }
.w75 {width:75% !important;}
.w66 {width:66.66666% !important;}
.half, .w50 { width: 50% !important; }
.quarter, .w25 { width: 25% !important; }
.third, .w33 { width: 33.33333% !important; }

.h100	{ height: 100% !important; }
.h50 { width: 50% !important; }
.h25 { width: 25% !important; }
.h33 { width: 33.33333% !important; }

*[onclick]	{ cursor:pointer }

.hidden	{ display: none !important; }

/* These pair of nested elements will center-align elements, not just text.
<div class=centering> 
	<div class=centered> 
		(some inner blocks) 
	</div>
</div>
*/

.centering	{ 
	clear: both;
	float: left;
	left: 50%;
	position: relative; 
}

.centering > .centered	{ 
	float: left;
	left: -50%;
	position: relative; 
}

.error { 
	border-style: solid;
	border-width: 2px;
	border-color: #CC0000;
	background-color: #FF3333;
	text-align: center;
	font-size:larger;
}

.error a {
	color: white;
}

/* dijits and template styles */

#datalynk-login .dijitTextBox{ 
	width: 98%;
	margin: 5px 0 0;
	padding-left: 5px;
}

#datalynk-login .dijitButton{
	margin: 4px auto;
	display: block;
	text-align: center;
}
#datalynk-login .dijitButtonNode{
	display: block;
}

#datalynk-login.lms{
	height: 400px;
}

#datalynk-login.lms .centering{
	height: 100%;
	vertical-align: middle;
}

#datalynk-login .centered {
	margin-top: 200px;
	width:300px; 
}
		
#supportPopup, #supportPopup > div {
	background: transparent;
	border:none;
	margin:none;
	padding:none;
} 

#supportPopup .dijitDialogCloseIcon{
	color:red; /* use background image */
}

#supportPopup .panel {
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 430px;
	margin: 13px;
	width: 292px;
}

#live_support_panel .psmtc_6IYp {
    position: absolute !important;
}

#supportPopup .spacer {
	background-image: url("https://ourtrainingroom.com/images/mulligan/help_hover_container.png");
	background-repeat: no-repeat;
	height: 460px;
	width: 957px;
	overflow: hidden;
}

#supportPopup #email_support_form_new {
	color: #6E2418;
	font-size: 18px;
	text-decoration: none;
	margin-left:-6px;
}

#supportPopup #email_support_panel{
	background-image:url("https://ourtrainingroom.com/images/mulligan/email_btn.png");
	background-repeat: no-repeat;
	width:265px;
	padding: 60px 13px 13px 13px;
}

#email_support_panel_OR {
	width: 100%;
	/* text-align:center; */
	padding: 10px 10px 10px 0px;
}

#supportPopup #email_support_form_new label{
	display:block;
	text-transform:uppercase;
	padding-top:5px;
}

#supportPopup #email_support_form_new input, #supportPopup #email_support_form_new textarea{
	width: 100%;
	resize: none;
}

#supportPopup #email_support_form_new textarea{
	height: 103px;
	overflow: auto;
}

@-moz-document url-prefix() {
    #supportPopup #email_support_form_new textarea {
		height: 96px;
		overflow: auto;
	}
}

#supportPopup #email_btn{
	background-image: url("https://ourtrainingroom.com/images/mulligan/email_submit_btn.png");
	background-repeat: no-repeat;
	cursor:pointer;
	border:0px;
	margin-top:10px;
	width: 279px !important;
	height: 53px;
	background-color:transparent;
}

#supportPopup #support_reply{
	padding: 55px 13px 13px 13px;
}

#supportPopup #support_recaptcha{
	padding: 55px 13px 13px 13px;
}

#supportPopup {
	box-shadow: 0px 0px 0px;
}

.dijitBrowserCompatibilityDialog {
	text-align: center;
	font-size: 16px;
	width: 700px;
	font-family: Tahoma, Geneva, sans-serif;
}

.dijitBrowserCompatibilityDialog .dijitDialogPaneContent {
	padding-left: 50px;
	padding-right: 50px;
}

.dijitBrowserCompatibilityDialog .browserPanel {
	display: inline-block;
	padding: 10px;
	width: 110px;
}

.dijitBrowserCompatibilityDialog .browserPanelSupport {
	font-size: 12px;
	color: gray;
}

/* add styles to helpDesk popup: */
.lms #helpDesk{
	width:205px;
	padding-left:36px;
	margin-left:-41px;
	margin-top:80px;
}

.lms #helpDesk .title{
	height:51px;
	font-size: 20px;
	padding: 0px 5px;
	line-height: 75px;
	color:white;
	background: url("./style/help_desk_title.png") transparent top left no-repeat; 
}

.lms #helpDesk .content-style{
	background: url("./style/help_bg_tile.png") transparent; 	
}

.lms .dijitPopup .content{
	padding: 5px;
	background: url("./style/white-corner-br.png") scroll left bottom transparent;
}

.lms .dijitPopup .dijit .dijitButtonNode{
	color: white;
	background-color: #A95523;	
	background-image: url("./style/button_bg_red.png");
	border: 1px solid #A95523;
	padding: 3px;
}

.lms .dijitPopup .dijitHover .dijitButtonNode{
	background-image: url("./style/button_bg_red_hover.png") !important;
}


.datalynkMultiDropdown *[data-dojo-attach-point=spawnNode]{
	display: block;
	float:right;
}

.datalynkMultiDropdown{
	display: inline-block;
	overflow: hidden;
}

.datalynkMultiDropdown *[data-dojo-attach-point=veryWideNode]{
	width:30000px;
	position:relative;
}

.datalynkMultiDropdown *[data-dojo-attach-point=containerNode]
{
	display: inline-block !important; /* required for js layout calculations*/
	overflow: visible; /* for testing only */
}

.datalynkMultiDropdown .showHide {
	float: right;
	position: static;
}

.datalynkMultiDropdown .showHide.hidden {
	/* using width:0 instead of display:none causes the container to 
	still have a pixel height for the dojo layout calculations. */
	display: block !important;
	width:0px;
	margin:0;
	padding:0;
	border:0px;
	overflow:hidden;
}

.datalynkTextarea{
	padding:0 none !important;
	background-color: transparent;
	width:100%;
	height: 5.5em; /* Shows about 4.5 lines of text. The bottom line is deliberately truncated.*/	
}
	
.datalynkTextareaContainer textarea.dijitTextBox.dijitTextArea{
	resize:none;
	/* width:auto; */
}

#password_rescue h1{
	text-align: center;
}

#password_rescue #feedback{
	width: 300px;
}