a{
	color:#fff;
	text-decoration:none;
}
ul{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding:0;
}
ul.course{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 2em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	background-image: url('../images/menu_bg.jpg');
	background-repeat: repeat-y;
}

.course .lesson li a {
	padding-left:10px;
	padding-right: 40px;
	background-color:#0a4088;
	height:40px;
	display:block;
	
	font-family: Calibri;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	font-size: 10pt;
	text-transform: uppercase;	
	
}
.course .lesson li a:hover {
	padding-left:10px;
	padding-right: 40px;
	background-color:#4998ec;
	height:40px;
	display:block;
}


/*topic level menu items*/
.course .lesson .topic li a {
	
}

.course .lesson .topic a {
	padding-left:20px;
	padding-right: 40px;
	background-color:#0a4088;
	border-top:1px solid #0a4088;
	height:40px;
	display:block;
	
	font-family: Calibri;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 9pt;
	text-transform: capitalize;
}
.course .lesson .topic a:hover {
	padding-left:20px;
	padding-right: 40px;
	background-color:#2d77d4;
	border-top:1px solid #2d77d4;
	height:40px;
	display:block;
}

/*slide level menu items*/
.course .lesson .topic .slide{
	/*background-color:#BCBBBC;*/
	border:1px solid black;
}
.course .lesson .topic .slide a  {
	padding-left:30px;
	padding-right: 40px;
	border-bottom:1px solid #6cbad5;
	background-color:#BCBBBC;
	height:40px;
	display:block;
}
.course .lesson .topic .slide a:hover  {
	padding-left:30px;
	padding-right: 40px;
	border-bottom:1px solid #6cbad5;
	background-color:#821e22;
	height:40px;
	display:block;
}
.course .lesson .topic .slide a  li{
	display:inline;
}

/* Containers */
#fullbody {
	width:100%; 
	<!-- height:100%; -->
	height: 100vp;
	overflow:hidden; 
	margin:0;
	/*background-color:#4D4E4E;*/
}
#menu {	font-family: verdana;
	display:block;
	margin:0 auto;
	position:absolute;
	bottom:61px;
	background-image: url('../images/menu_bg.jpg');
	background-repeat: repeat-y;
	margin-left:14px;
}
#menulist {
	z-index:1;
	/* overflow-y:scroll; */
	overflow-x: hidden;
}#menubutton {
	z-index:3;
	width:158px;
	height:46px;
	float:left;
	margin-bottom:5px;
	padding-left:14px;
/*
Original Button
	padding-top: 7px;
*/	
	padding-top:13px;
}#menubutton a {	display:block;
	background-image:url('../images/menu-button-off.png');
	background-repeat:no-repeat;
/*
Original Button
	width:158px;
	height:32px;
	padding-top:14px;
*/	
	width:125px;
	height:16px;
	padding-top:10px;
	padding-bottom: 10px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:white;
	text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;}

#menubutton a:hover {
	background-image:url('../images/menu-button-on.png');
/*
	display:block;
	background-repeat:no-repeat;
	background-image:url('../images/menu-button.jpg');
	padding-top:14px;
	width:158px;
	height:32px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:white;
	text-decoration:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
*/
}
#navbuttons {
	width:136px;
	height:50px;
	float:left;
	padding-left:10px;
	padding-top:10px;
}

#scrubberdur {
	width:320px;
	height:50px;
	float:left;
}

#prevVideo{
	width:42px;
	height:66px;
	float:left;
}
#playpause {
	width:42px;
	height:66px;
	float:left;

}
#nextVideo{
	width:42px;
	height:66px;
	float:left;
}

#content {
	position:absolute;
	left:0;
	top:0;
	z-index:-1;	
	/* background-color:#878886; */
	background-color:#d4d4d4;
	/*top:153; - emh: if you want content Y to begin at bottom of header*/
}

.controldiv, #vol {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:66px;
	outline: none;
	padding-top:5px;
}

.controldiv {
	background-position: 0 0;
	width: 100%;
	/* height: 76px; */
	height: 81px;
	z-index:2;
	position: fixed;
	bottom: 0px;
	left: 0px;
	margin:0 auto;
	transition: all 1s;	
}
.controldiv.close {
	border-top: none;
	height: 20px;
}


.wideoScrubber {
	display: block;
	float: right;
}

.wideoDuration {
	display: block;
	float: left;
	width: 102px; /*RDK big enough for 999:99 / 999:99 */
	height: 17px;
	color: #65767D;
}

input[type=range].wideo {
	-webkit-appearance: none;
	background: transparent;
	height: 35px;
	margin: 0px 2px 0 0;
	padding: 0px 1px 0px 3px;
}

input[type=range].wideo::-webkit-slider-runnable-track {
	height: 1px;
	cursor: pointer;
	animate: 0.2s;
	border-radius: 20px;
	background: #65767D;
	margin-top: 1px;
}

input[type=range].wideo::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: 1px solid #65767D;
	height: 30px;
	width: 30px;
	border-radius: 20px;
	background: #65767D;
	cursor: pointer;  
	margin-top: -15px;
}
input[type=range].wideo::-moz-range-track {
	height: 1px;
	cursor: pointer;
	animate: 0.2s;
	border-radius: 20px;
	background: #65767D;
	margin-top: 1px;
}
input[type=range].wideo::-moz-range-thumb {
	border: 1px solid #65767D;
	height: 30px;
	width: 30px;
	border-radius: 20px;
	background: #65767D;
	cursor: pointer;
	margin-top: -15px;
}
input[type=range].wideo::-ms-track {
	height: 1px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
input[type=range].wideo::-ms-fill-lower {
	background: #65767D;
}
input[type=range].wideo::-ms-fill-upper {
	background: #65767D;
}
input[type=range].wideo::-ms-thumb {
	border: 1px solid #65767D;
	height: 30px;
	width: 30px;
	border-radius: 20px;
	background: #65767D;
	cursor: pointer;
}

#wideoDuration {
	font-family: Calibri, sans-serif;
    font-size: 20px;
    color: #65767D;
    border: 0;
	vertical-align: top;
    text-align: right;
	display:inline-block;
	padding-top: 5px;
	
}
#scrubberHolder {
	display: table-cell;
	vertical-align: middle;
	height: 35px;
	padding-top: 12px;
}

/*

input[type=range].wideo {
	-webkit-appearance: none;background: transparent;height: 15px;margin: 0px 0 0 0;padding: 0px 3px 0px 3px;", 0);
	-webkit-slider-runnable-track", "height: 1px;cursor: pointer;animate: 0.2s;border-radius: 8px;background: white;margin-top: 1px;", 0);
	-webkit-slider-thumb", "-webkit-appearance: none;border: 1px solid #000000;height: 12px;width: 12px;border-radius: 7px;background: white;cursor: pointer;  margin-top: -5px;", 0);
	-moz-range-track", "height: 1px;cursor: pointer;animate: 0.2s;border-radius: 8px;background: white;margin-top: 1px;", 0);
	-moz-range-thumb", "border: 1px solid #000000;height: 12px;width: 12px;border-radius: 7px;background: white;cursor: pointer;margin-top: -5px;", 0);
	-ms-track", "height: 1px;cursor: pointer;animate: 0.2s;background: transparent;border-color: transparent;color: transparent;", 0);
	-ms-fill-lower", "background: white;", 1);
	-ms-fill-upper", "background: white;", 1);
	-ms-thumb", "border: 1px solid #000000;height: 12px;width: 12px;border-radius: 7px;background: white;cursor: pointer;", 0);
	
}

addCSSRule(sheet, "input[type=range].wideo", "-webkit-appearance: none;background: transparent;height: 15px;margin: 0px 0 0 0;padding: 0px 3px 0px 3px;", 0);
addCSSRule(sheet, "input[type=range].wideo::-webkit-slider-runnable-track", "height: 1px;cursor: pointer;animate: 0.2s;border-radius: 8px;background: white;margin-top: 1px;", 0);
addCSSRule(sheet, "input[type=range].wideo::-webkit-slider-thumb", "-webkit-appearance: none;border: 1px solid #000000;height: 12px;width: 12px;border-radius: 7px;background: white;cursor: pointer;  margin-top: -5px;", 0);
addCSSRule(sheet, "input[type=range].wideo::-moz-range-track", "height: 1px;cursor: pointer;animate: 0.2s;border-radius: 8px;background: white;margin-top: 1px;", 0);
addCSSRule(sheet, "input[type=range].wideo::-moz-range-thumb", "border: 1px solid #000000;height: 12px;width: 12px;border-radius: 7px;background: white;cursor: pointer;margin-top: -5px;", 0);
addCSSRule(sheet, "input[type=range].wideo::-ms-track", "height: 1px;cursor: pointer;animate: 0.2s;background: transparent;border-color: transparent;color: transparent;", 0);
addCSSRule(sheet, "input[type=range].wideo::-ms-fill-lower", "background: white;", 1);
addCSSRule(sheet, "input[type=range].wideo::-ms-fill-upper", "background: white;", 1);
addCSSRule(sheet, "input[type=range].wideo::-ms-thumb", "border: 1px solid #000000;height: 12px;width: 12px;border-radius: 7px;background: white;cursor: pointer;", 0);
addCSSRule(sheet, "span#wideoDuration", "color:white;font-family:Calibri, sans serif;font-size:10px;margin=0;padding:2px 0px 0 0;border: 0;text-align:right;", 0);
*/





#controllerDisplay{
	width: 100%;
	height: 20px;
	text-align: center;
}

#playbackControls {
	background-color: white;
	max-width:100%;
	border-top:1px solid #cccccc;
}

#prevVideo button.prev {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: 0 -122px;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}
#prevVideo button:hover.prev {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: -42 -122px;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}
#prevVideo button:active.prev {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: 0 -122px;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}

#nextVideo button.next {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: 0 -183px;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}
#nextVideo button:hover.next {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: -42 -183px;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}
#nextVideo button:active.next {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: 0 -183px;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}

button.play {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}
button:hover.play {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: -42 0;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}
button.pause {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: 0 -61px;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}
button:hover.pause {
	background-image: url("../images/controls.png");
	background-repeat:no-repeat;
	background-position: -42 -61px;
	border: 0 none;
	display: block;
	width: 42px;
	height: 52px;
	margin: 0;
	padding: 0;
}

#scrubber {
	display:none;
	border: 0 none;
	cursor: pointer;
	float: left;
	margin-left: 20px;
	margin-top: 15px;
	width:277px;
	/*height:8px;*/
}
button, .button:hover {
	cursor: pointer;
}
#display, #duration {
	color: #FFFFFF;
	float: left;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
}

#header {
	display:block;
	height:95px;
	z-index:4;
	background-color:#fff;
	border-bottom:1px solid #ccc;
}
#logo{
	/*float:left;*/
	padding-left:7px;
	padding-top:7px;
}
#coursetitle {
	/*float:left;*/
	color:#af2b30; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16pt;
	/*padding-left:12px;
	padding-top:26px;*/
	position:absolute;
	top:22px;
	left:110px;
	line-height:.9em;
}
#cobranding{
	margin-right:20px;
	margin-top:10px;
	float:right;
}