/* " Added a min height to over rid the settings as I couldn't quickly find them*/

.videoChapterMenu{background-color:#FFFFFF; overflow-y:auto; min-height: 290px; max-height:290px; height:290px;}
.videoChapter{margin:1px 0; background-color:#3E55A2; color:#ffffff; padding:10px; cursor: pointer; cursor: hand; font-family:arial}

.videoChapter:hover {
	background-color:#386fcb;
}

.linksMenu{background-color:#FFFFFF; overflow-y:auto;}
.linkButton{margin:1px; background-color:#A0BF38; color:#ffffff; padding:5px 10px; cursor: pointer; cursor: hand; font-family:arial; font-size: 0.8em;}

.linkButton:hover {
	background-color:#7a912b;
}

.pageTitle{color:#014597; font-family: 'Fjalla One', sans-serif; font-size: 30pt;}
.a:hover {color:red;}

.menu-title {
    font-family: arial;
    font-size: 1em;
    margin: -1px 0 10px;
    margin-top: -1px;
}

.textBox{color:#454B4C; font-family: 'Open Sans', sans-serif; font-size: 11px;  text-align: justify; line-Height:16px}

.backButton{margin:5px 0; background-color:#BF3801; color:#ffffff; padding:5px 10px; cursor: pointer; cursor: hand; font-family:arial; font-size: 0.8em;}

.backButton:hover {
	background:#e94300;
}

#btn_loop{
	position: absolute;
	top: 5px;
	right: 21px;
	height: 25px;
	width: 25px;
	text-decoration: none;
	background: url('../image/loop_on.png') no-repeat scroll 0% 0% transparent;
	background-size: 16px 16px;
}
#btn_loop.dontloop{
	background:#e94300;
	background:url('../image/loop_off.png') no-repeat;
	background-size: 16px 16px;
}