
div.Section p.SectionTitle {
    margin: 0px;
    margin-bottom: 5px;
    display: inline;
}

div.CourseViewport {
	border:0px;
	padding:0px;
	margin:0px;
}

div#courseDispatchersViewport {
}

div#eLearningViewport {
	width:1024px;
	height:768px;
}

iframe#eLearningStage {
	width:1024px;
	height:768px;
	border:0px;
	padding:0px;
	margin:0px;
}

/* ------------------- */
/* --- CourseTable --- */
/* ------------------- */


div.Section table.CourseTable {
    width: 100%;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	border-collapse: collapse;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

div.Section table.CourseTable th {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    background-color: #FFFFFF;
    color: #142534;
	border-bottom-color: #8C9DAC;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

/*
.ELearningElement {
	display:none;
}

.AssessmentElement {
	display:none;
}

.FormsElement {
	display:none;
}
*/

div.Section table.CourseTable th.SubSectionTitle {
    font-size: 14px;
    width: 100%;
    text-align: left;
    font-weight: bold;
}

div.Section table.CourseTable th.SectionSpacer {
    border-bottom-width: 0px;
    height: 40px;
}

div.Section table.CourseTable td {
    text-align: left;
    background-color: #FFFFFF;
    color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	padding-right: 2px;
	border-bottom-color: #B1BDC7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

div.Section table.CourseTable td.ELearningCell {
    padding-left:8px;
    padding-right:8px;
    text-align: center;
    color: #000000;
}

div.Section table.CourseTable td.DocumentFormsCell {
    padding-left:12px;
    padding-right:12px;
    text-align: center;
    white-space: nowrap;
}

div.Section table.CourseTable p.DocumentTitle {
	margin: 0px;
	font-size: 13px;
}

/* --- inner table for e-learning controls --- */

div.Section table.CourseTable table.ELearningControlTable {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

div.Section table.CourseTable table.ELearningControlTable td {
    text-align: center;
	padding: 0px;
	margin: 0px;
    border: 0px;
}


/* ---------------------------- */
/* --- WBT control elements --- */
/* ---------------------------- */


/* --- start, resume --- */

div.DocumentELearningStart {
	margin-right: 2px;
}

div.DocumentELearningResume {
	margin-left: 5px;
}

div.DocumentELearningResume a {
	visibility: hidden;
}

div.DocumentELearningStart a:link, div.DocumentELearningStart a:visited,
div.DocumentELearningResume a:link, div.DocumentELearningResume a:visited {
	display: block;
	text-align: center;
	vertical-align: middle;
	height: 16px !important;
	width: 16px;
	text-decoration: none;
	background: url(images/course.elearning.buttons.png) no-repeat;
}

div.DocumentELearningStart a:link, div.DocumentELearningStart a:visited {
   	background-position: 0px 0px;
}

div.DocumentELearningStart a:hover {
	background-position: 0px -16px; 
}

div.DocumentELearningResume a:link, div.DocumentELearningResume a:visited {
   	background-position: -16px 0px;
}

div.DocumentELearningResume a:hover {
    background-position: -16px -16px;
}

div.DocumentELearningMarker a:link, div.DocumentELearningMarker a:visited {
	background-position: -32px 0px;
}

div.DocumentELearningMarker a:hover {
    background-position: -32px -16px;
}

/* --- progress bar --- */

span.DocumentELearningProgress {
    font-size: 1px;
}

span.DocumentELearningProgress div {
    font-size: 1px;
    margin:0px;
	padding:0px;
    text-align: left;
}

span.DocumentELearningProgress div.Progress {
    border-width: 1px;
    border-color: #8c9dac;
    border-style: solid;
	background-color: #004E99;
}

span.DocumentELearningProgress div.BarFrame {
    /*border: 1px #EBEEF0 solid;*/
	background-color: #EBEEF0;
}

span.DocumentELearningProgress div.BarBackground {
	background-color: #EBEEF0;
		
	width: 80px;
	height: 8px;
}

span.DocumentELearningProgress div.ProgressBar {
	background-color: #FF781E;
	height: 8px;
}

span.DocumentELearningResult div {
    margin:0px;
	padding:0px;
    text-align: center;
    font-size: 1px;
}

span.DocumentELearningResult div.ResultFrame {
	border: 1px #90ABDC solid;
	background-color: #90abdc;
}

span.DocumentELearningResult div.ProgressResult {
	height: 12px;
	width: 27px;
	background-color: #ffffff;
	color: #004e99;
    text-align: center;
	text-indent: 1px;
	line-height: 1.4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	cursor: default;
}


/* ------------------- */
/* --- CourseTable --- */
/* ------------------- */


div.Section div.CertificateButton {
	padding: 0px;
	margin: 0px;
	text-align:right;
}

div.Section p.CourseEmpty{
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 0px;
}

div.Section ul.CourseEmpty {
	padding-top: 0px;
	margin-top: 0px;
}



/* ------------------ */
/* --- SCO launch --- */
/* ------------------ */

body.CourseScoLaunch {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body.CourseScoLaunch iframe {
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}