/* The navigation styling: */

.nav-content{
	/*background: url('../graphics/bgTile.png');*/
	color: #29704E;
}

.nav-content a {
	text-decoration: none;
}

/* TOP NAV */

#top-nav, #bottom-nav { 
	background-color: white;
	opacity: .8;
}

#top-nav{	
	position: absolute;
	background-image:url(../graphics/bg_topNav.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	height: 56px;
	width: 1013px;
	z-index: 50;
}

#top-nav-content{
	margin-top: 17px;
	margin-right: 160px;
}

#social-media{
	float: right;	
	padding: 13px 20px 0px 0px;
}

.top-nav-btn{
	font-family:Arial, Helvetica, sans-serif;
	float: right;
	height: 20px;
	font-size: 16px;
	text-align: center;
	margin-right: 15px;
	color: #008a4b;
	border-right: 1px solid #999;
	text-shadow: 0 2px 0 rgba(255, 255, 255, .9);
}


.top-nav-btn.over {
	color:#333333;
}

.top-nav-btn-alt{
	text-align: left;
}

.text-input-field{
	font-size: 0.75em;
	float: right;
	margin-right: 0px;
	height: 16px;
}

#btn-home{
	width: 117px;
	height: 24px;
	float:left !important;
	border: 0;
	margin-right: 50px;
}

#btn-home.over{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

#btn-menu {
	width: 59px;
}

#btn-menu.over {
	color:#333333;
}

#btn-resources{
	width: 108px;
	height: 20px;
}

#btn-resources.over{
	color:#333333;
}

#btn-intro{
	width: 108px;
	height: 20px;
}


#btn-intro.over{
	color:#333333;
}

#btn-notes{
	background-image: none;
	width: 70px;
	height: 20px;
	margin-top:2px;
}

#btn-bookmarks{
	background-image: none;
	width: 97px;
	height: 20px;
	margin-top:2px;
}

#btn-bookmarks-icon{
	background-position: -43px -142px;
	float: right;
	width: 16px;
	height: 30px;
	margin-top: -5px;
}

#btn-exit {
	border-right: none;
	width: 33px;
}

#btn-glossary {
	width: 85px;
}
#btn-glossary.over {
}


/* BOTTOM NAV */

#bottom-nav{
	position: absolute;
	background-image:url(../graphics/bg_bottomNav.jpg);
	background-repeat:no-repeat;
	top: 603px;
	height: 57px;
	width: 1013px;
	z-index: 20;
}

#bottom-nav-content{
	
}

.bottom-nav-btn{
	float: right;
	height: 39px;
	width: 41px;
	margin-left: 15px;
	margin-top:5px;
}

#btn-next{
	display:block;
	background: url('../graphics/next.png') no-repeat 0 0;
	width:36px;
	height:36px;
	margin-right: 10px;
}

#btn-next.over{
	background-position: 0 -36px;
}

#btn-back{
	display:block;
	background: url('../graphics/back.png') no-repeat 0 0;
	width:36px;
	height:36px;
}

#btn-back.over{
	background-position: 0 -36px;
}

#btn-media{
	display:block;
	background: url('../graphics/pause.png') no-repeat 0 0;
	width:36px;
	height:36px;
}

#btn-media.over{
	background-position: 0 -36px;
}

#btn-media.pause{
	background-position: 0 -72px;
}

#btn-media.pause.over{
	background-position: 0 -108px;
}

/* MISC NAV */

#courseTitle{
	font-size: 0.85em;
	padding: 16px 0px 0px 30px;
	float: left;
}

.caption-box{
	border: solid 1px #333;
	background: #EFEFEF;
	font-size: 0.875em;
	padding: 8px 12px 8px 12px;
	text-align: left;
	position: absolute;
	right: 30px;
	bottom: 50px;
	width: 560px;
	height: 54px;
	display: none;
	
	z-index: 22;
	-webkit-transform: translateZ(1);
	
	overflow-y: auto;
	
	-moz-box-shadow: 1px 1px 8px 1px #666;
	-webkit-box-shadow: 1px 1px 8px 1px #666;
	box-shadow: 1px 1px 8px 1px #666;
}

/* volume bar */

#volumeBarContainer {
	position: absolute;
	width: 126px;
	height: 37px;
	top: 6px;
	left: 50px;
	cursor:pointer;
}

#volumeBar_empty {
	background: url('../graphics/volumeBar_empty.png') no-repeat;
}

#volumeBar_full {
	background: url('../graphics/volumeBar_full.png') no-repeat;
}

.volumeBar { 
	position: absolute;
	width: inherit;
	height: inherit;
}

#btn-speakerempty
{
	width: 25px;
	position: absolute;
	height: 34px;
	top: 5px;
	left: 25px;
	background: url('../graphics/speaker1.png') no-repeat;	
}

#btn-speakerfull 
{
	width: 54px;
	background: url('../graphics/speaker2.png') no-repeat;	
	position: absolute;
	height: 34px;
	top: 5px;
	left: 173px;
}

/**/

.btn-play{

}

.btn-pause{

}

#btn-media{

}

#btn-volume{
}

#btn-replay{
}