html {
	/*background-image: url("../images/background_main.png");
	background-size:cover;
	background-repeat:no-repeat;*/
	/*background-color:transparent;*/
}

body {
	/*background-color: #cccccc;*/
	height:100vh;
	/*background-image: url("../images/background_main.png");
	background-size:cover;
	background-repeat:no-repeat;*/
	/*background-color:transparent;*/
}

.container, .container-fluid {
	height:100%;
	background-color:transparent;
	background-size:cover;
	background-repeat:no-repeat;
	background-image: url("../images/background_main.jpg");
}

/* Bootstrap override */   /* Commented out to test modal popups */
/*@media (min-width: 1200px) {
	.container {
		width: 1014px;
	}
}*/
/*#headerBar {
	height: 65px;
	background-image: url("../images/header_h130_h65.png"), url("../images/header_logo_820x130_410x65.png");
	background-repeat: repeat-x, no-repeat;
	background-position: left, center;
	background-size:2px 65px, 410px 65px;
}*/

#headerBar {
	height: 65px;
	background-image: url("../images/header_logo_820x130_410x65.png"),url("../images/header_h130_h65.png");
	background-repeat: no-repeat, repeat-x;
	background-position: center, left;
	background-size: 410px 65px, 2px 65px;
}

#headerRight {
	padding-top:20px;
	color:#FFF;
}

main {
	margin-left:20px
}

#footerBar1, #footerbar2 {
	height: 72px; /*54px*/
	background-image: url("../images/footer_h108_h54.png");
	background-repeat: repeat-x;
	background-position:0 0;
	background-size:2px 72px; /*54px*/
	padding-right:0;
	padding-bottom:0;
	margin-bottom:0;
	margin-right:0;
}

#footerBarEnd {
	background-image: url("../images/footer_end_24x108_12x54.png");
	background-repeat: no-repeat;
	background-size: 12px 72px; /*54px*/
	width:12px;
	height:72px;  /*54px*/
	padding-top:10px;
}

#footerNavText {
	font-family:'Roboto', sans-serif;
	font-weight:500;
	color:#e6e2da;
	margin-top:25px;
	line-height: 15px;
}

#contentArea {
	/*height: 450px;*/
	height:calc(100% - 138px);  /*height:calc(100% - 120px);*/
	background: none;

	padding-left:20px;
	padding-right:20px;
}

#contentBlock {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	/*height: 430px;*/
	height:calc(100% - 30px); /*height:calc(100% - 30px);*/
	width: calc(100% - 40px);
	background: rgba(255, 255, 255, 0.8);
	overflow: auto;
	max-width:1014px;
	float:none;
}

#headerTitle {
	font-family: 'Raleway', sans-serif;
	/*color: #6ad2ff;*/
	color: #fff;
	font-weight:500;
	font-size:1.3em;
	padding-top:19px;
	padding-left:20px;
}

@media (max-width: 992px) {
	#headerTitle {font-size:1.0em;padding-top:12px;}
	div.headerTitle {
		max-width:170px;
		text-align:center;
	}
}

/*#headerLogo {
	background-size: 410px 65px;
	background-repeat: no-repeat;
	width: 410px;
	height: 65px;
	margin: 0 auto;
}*/

a.btnPrev, a.btnPrevDim {
	display: block;
	background-image: url("../images/btnBack_Sprite_60x108_30x54.png");
	background-size: 30px 162px;
	background-position: top;
	position: absolute;
	top: calc(50% - 20px);
	left:0;
	width: 30px;
	height:54px;
	z-index:10;
}

a.btnPrev:hover {
	background-position: center;
	cursor: pointer;
}

a.btnPrevDim {
	background-position: bottom;
	cursor: default;
}

a.btnNext, a.btnNextDim {
	background-image: url("../images/btnNext_Sprite_60x108_30x54.png");
	background-size: 30px 162px;
	background-position: top;
	position:absolute;
	right:0;
	top: calc(50% - 20px);
	width: 30px;
	height:54px;
	z-index:10;
}

a.btnNext:hover {
	background-position: center;
	cursor: pointer;
}

a.btnNextDim {
	background-position: bottom;
	cursor: default;
}

a.btnMenu,a.btnHelp, a.btnExit, #pageCounter, #btnHelpExit {
	font-family: 'Roboto', sans-serif;
	color:#FFF;
	text-decoration: none;
	margin-right:10px;
}
a.btnMenu:hover,a.btnHelp:hover, a.btnExit:hover, #btnHelpExit:hover {
	color: #6ad2ff;
	text-decoration: none;
	cursor:pointer;
}
#pageCounter {
	display:inline;
}

a.btnExit {
	padding-left:10px;
}

#footerBar1 > div {
	margin-top:25px;  /*for btnExit*/
}

a.btnToolkit {
	background-image:url("../images/btnToolkit_Sprite_180x92_90x46.png");
	background-size:90px 92px;
	background-position: top;
	width:90px;
	height:46px;
	display:block;
	margin-left:10px;
	margin-top:3px;
}

a.btnToolkit:hover {
	background-position: bottom;
	cursor:pointer;
}

#btnSubmit {
	display: inline-block;
	background-image:url("../imagesLsn/btn_submit_Sprite_160x112.png");
	background-position: top;
	background-size: 80px 56px;
	width:80px;
	height:28px;
}
#btnSubmit:hover {
	background-position: bottom;
}
/*
#newFooter {
	background-image
}*/

a {color:#106add; text-decoration: underline}
a:hover {color:#800000}

h1 {
	color:#0b5aa0;
	font-family:"Raleway",sans-serif;
	font-weight:500;
	font-size:28px;
	margin-left:-10px;
	margin-bottom:20px;
}
p, label, legend, li {font-family:"Roboto", sans-serif; font-size:16px; line-height:1.2em}
p.instruct {font-weight:bold; color:#800000}
legend {border-bottom:none}

.vidDiv {
	margin-left: 0;
	/*cursor: pointer;*/
}

#smry {
	display: inline-block;
	width: 98px;
	height: 90px;
	background-size: 98px 180px;
}
#hrpro {
	display:inline-block;
	width:80px;
	height:98px;
	max-width:80px;
	max-height:98px;
	background-size: 80px 196px;
}
#hm {
	display:inline-block;
	width:80px;
	height:100px;
	background-size: 80px 200px;
}
.hmClass {
	background-image: url("../imagesLsn/icon_HM_Sprite_161x400.png");
	background-position: top;
}
.hmClass:hover, .hrClass:hover, .smClass:hover {
	background-position: bottom;
}
.hmClassDim, .hrClassDim, .smClassDim  {
	opacity: 0.4;
	cursor:default;
}
.hmClassDim {
	background-image: url("../imagesLsn/icon_HM_Sprite_161x400.png");
}
.hrClassDim{
	background-image: url("../imagesLsn/icon_HR_Pro_Sprite_161x392.png");
}
.smClassDim  {
	 background-image: url("../imagesLsn/icon_Summary_Sprite_196x360.png");
}
.hrClass {
	background-image: url("../imagesLsn/icon_HR_Pro_Sprite_161x392.png");
	background-position: top;
}
.smClass {
	background-image: url("../imagesLsn/icon_Summary_Sprite_196x360.png");
	background-position: top;
}
.smClass:hover {
	background-position: bottom;
}
#btnModalClose {
	display: inline-block; background-image: url(../images/btn_close_Sprite_56x18.png); background-position: top; width: 56px; height: 18px; background-color: rgba(0,0,0,0); margin-left:auto; margin-right:auto;
}
#btnModalClose:hover {
	background-position: bottom;
}
.modal-content {border: 3px solid rgba(24, 129, 215, .5);}
.modal-header {border-bottom: 3px solid #0cb1ff; background-color: #173d64; color:#DDD; padding:5px}
button.close {color:#DDD}
.modal-title {font-weight: bold; font-size: 28px; font-family: 'Raleway', sans-serif;}
.modal-body {background-color: #dedede; padding-bottom:30px; font-family:"Roboto", sans-serif; font-size:16px; line-height:1.2em}
.modal-footer {text-align: center; border-top: 3px solid #0cb1ff; background-color: #173d64; padding:5px}

.btnPlay, .btnStop, .btnReplay {
	line-height: 0;
	font-size: 0;
	color: transparent;
}

a.btnPlay, a.btnPlayDim, a.btnStop, a.btnStopDim, a.btnReplay, a.btnReplayDim {
	display: block;
	float: right;
	margin-right:2px;
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-size: 26px 78px;
}

a.btnPlay, a.btnPlayDim{
	background-image: url('../images/btn_play_Sprite_52x156.png');
}

a.btnPlay:hover, a.btnPlay:focus {
	background-position: center;
	cursor: pointer;
}

a.btnPlay:active {
	background-position: center;
	cursor: pointer;
}

a.btnPlay {
	background-position: top;
}

a.btnPlayDim {
	background-position: bottom;
	cursor: default;
}

a.btnStop, a.btnStopDim {
	background-image: url('../images/btn_pause_Sprite_52x156.png');
}

a.btnStop:hover, a.btnStop:focus {
	background-position: center;
	cursor: pointer;
}

a.btnStop:active {
	background-position: center;
	cursor: pointer;
}

a.btnStop {
	background-position: top;
}

a.btnStopDim {
	background-position: bottom;
	cursor: default;
}

a.btnReplay, a.btnReplayDim {
	background-image: url('../images/btn_replay_Sprite_52x156.png');
}

a.btnReplay:hover, a.btnReplay:focus {
	background-position: center;
	cursor: pointer;
}

a.btnReplay:active {
	background-position: center;
	cursor: pointer;
}

a.btnReplay {
	background-position: top;
}

a.btnReplayDim {
	background-position: bottom;
	cursor: default;
}

img.KC {
	width: 158px; max-width: 50%; display: block; height:auto; float:right; margin-left:10px
}
a.infoIcon, span.infoIconRed {
	display:inline-block;
	background-position:top;
	background-image: url(../images/icon_Information_Sprite_32x64.png);
	background-repeat: no-repeat;
	background-size: 16px 32px;
	width:16px;
	height:16px;
}

a.infoIcon:hover {
	background-position:bottom;
	cursor: pointer;
}

span.infoIconRed {
	background-position:bottom;
}