ul, ol, dl
{
	font-size: inherit;
}
div.fixed-form
{
	max-width: 500px;
	margin: 0 auto;
}
table.autoWidth
{
	width: auto !important;
	margin: 0 auto;
}
a.edit-link
{
	font-size: .9rem;
}

ul.subs-list
{
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}

ul.subs-list li
{
	display: inline-block;
	margin: .25em;
	color: #333;
	background: #555;
	height: 8em;
	width: 8em;
	font-size: 1rem;
	text-align: center;
	border-radius: 53%;
	vertical-align: top;
}

ul.subs-list li div.sub-wrapper
{
	position: relative;
	margin: 0 1rem;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
}

ul.subs-list li#free div.sub-title
{
	font-family: Oswald;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: .05em;
}

ul.subs-list li div.sub-item-header
{
	font-family: Oswald;
}

ul.subs-list li div.sub-item-locals
{
	font-family: Oswald;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.4em;
	line-height: 1.3em;
	letter-spacing: .05em;
}

ul.subs-list li div.sub-item-lower
{
	font-family: Georgia;
	line-height: 1em;
	padding-top: .5em;
	font-weight: 400;
}

ul.subs-list li.active
{
	background: #fff;
	color: #0C344A;
}

/*****************************************
*************   Transport  ************
*****************************************/


div#playback-controls,
div#looping-controls,
div#bookmark-controls
{
	float: left;
	border: none;
}

div#playback-controls
{
	width: 20%;
}
div#looping-controls
{
	width: 40%;
}
div#bookmark-controls
{
	float: right;
	width: 40%;
}

#loop-display-wrapper
{
	float: left;
	width: 100%;
	background: #222;
}
.transport-button
{
	float: left;
	background: none;
	border: none;
	border: 1px solid #555;
	border-right: none;
	border-top: 1px solid #777;
	box-shadow: none;
	font-size: .8rem;
	-webkit-font-smoothing: antialiased;
	color: white;
	padding: .5em;
	text-align: center;
	font-weight: 600;
	background: rgb(86,86,86);
	background: -moz-linear-gradient(top, rgba(86,86,86,1) 0%, rgba(51,51,51,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,1)), color-stop(100%,rgba(51,51,51,1)));
	background: -webkit-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(51,51,51,1) 100%);
	background: -o-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(51,51,51,1) 100%);
	background: -ms-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(51,51,51,1) 100%);
	background: linear-gradient(to bottom, rgba(86,86,86,1) 0%,rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 );
	white-space: nowrap;
}

.transport-button.set,
.transport-button.set:hover
{
	color: lime;
}



.transport-button:hover
{
	color: white;
	background: rgb(117,117,117);
	background: -moz-linear-gradient(top, rgba(117,117,117,1) 0%, rgba(66,66,66,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,117,117,1)), color-stop(100%,rgba(66,66,66,1)));
	background: -webkit-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(66,66,66,1) 100%);
	background: -o-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(66,66,66,1) 100%);
	background: -ms-linear-gradient(top, rgba(117,117,117,1) 0%,rgba(66,66,66,1) 100%);
	background: linear-gradient(to bottom, rgba(117,117,117,1) 0%,rgba(66,66,66,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#424242',GradientType=0 );
}
.transport-button:focus
{
	outline: none;
}
.transport-button:active
{
	background: #111;
	border-color: #777;
}
.transport-button.disabled,
.transport-button:disabled
{
	
	pointer-events:none;
   background: #444;
   color: #606060;
   border-color: #777;
}

.transport-button.engaged
{
	background: rgb(204,108,108);
	background: -moz-linear-gradient(top, rgba(204,108,108,1) 0%, rgba(204,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,108,108,1)), color-stop(100%,rgba(204,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(204,108,108,1) 0%,rgba(204,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(204,108,108,1) 0%,rgba(204,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(204,108,108,1) 0%,rgba(204,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(204,108,108,1) 0%,rgba(204,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6c6c', endColorstr='#cc0000',GradientType=0 );

}
div#playback-controls .transport-button
{
	width: 33.33333%;
}

div#looping-controls .transport-button
{
	width: 33.333333%;
}

div#bookmark-controls .transport-button
{
	width: 50%;
}

.form-button:disabled
{
	background: #555;
	color: #777;
}


/*****************************************
*********   Progress And Looping  ********
*****************************************/

div#playhead
{
	background: white;
	position: absolute;
	height: .75rem;
	width: .75rem;
	top: .125rem;
	border-radius: .5em;
	margin-left: -.25em;
}

#loop-display
{
	float: left;
	width: 100%;
	height: 1rem;
	background: #333;
	cursor: pointer;
}

#loop-region
{
	display: block;
	margin-bottom: -1rem;
	background: #777;
	border-radius: 1rem;
	height: 100%;
	position: absolute;
}

#slider
{
	margin: .5em;
	font-size: 1rem;
}

#slider.looping
{
}

#slider.looping #loop-region
{
	background: white;
}

#slider.looping .noUi-handle
{
	background: #0099ff;
}
#control-buttons-wrapper
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 100;
}
						


/*****************************************
*************   Chapters Popup  ************
*****************************************/


ul.f-dropdown.compact-list
{
	padding: 0 !important;
	background: #444 !important;
	border: 4px solid #999;
	max-height: 300px;
	overflow: auto;
	font-size: .8rem !important;
}

ul.f-dropdown.compact-list li,
ul.f-dropdown.compact-list li:hover
{
	font-size: inherit;
	border-bottom: 1px solid #777;
	line-height: 1.5em !important;
	display: block;
	background: none !important;
	color: white;
}
ul.f-dropdown.compact-list li a,
ul.f-dropdown.compact-list li span
{
	color: #ddd;
	display: block;
	padding: inherit;	
	padding: .25em .5em;
	font-weight: 600;
}


ul.f-dropdown.compact-list li.disabled span
{
	color: #5f5f5f;
}

ul.f-dropdown.compact-list li a:hover
{
	background: #555 !important;
}

ul.f-dropdown.compact-list.drop-top:before,
ul.f-dropdown.compact-list.drop-top:after {
	display: none !important;
}


/*****************************************
*************  Video Page   ************
*****************************************/


#video-page-wrapper
{
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	border: none;
}

#video-page-wrapper #top-bar
{	
	position: absolute;
	left: 0;
	width: 100%;
	height: 2rem;
	padding: 0;
	text-align: left;
	z-index: 10;
	color: #999;
	font-weight: 600;
	border-bottom: 1px solid #555;
	background: rgb(86,86,86);
	background: -moz-linear-gradient(top, rgba(86,86,86,1) 0%, rgba(51,51,51,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,1)), color-stop(100%,rgba(51,51,51,1)));
	background: -webkit-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(51,51,51,1) 100%);
	background: -o-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(51,51,51,1) 100%);
	background: -ms-linear-gradient(top, rgba(86,86,86,1) 0%,rgba(51,51,51,1) 100%);
	background: linear-gradient(to bottom, rgba(86,86,86,1) 0%,rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 );
}

#video-page-wrapper #top-bar #video-page-title
{
	padding-top: .3rem;
}
#video-page-wrapper #top-bar #video-page-title span.title,
#video-page-wrapper #top-bar #video-page-title span.subtitle
{
	font-size: .75rem;
	display: block;
	line-height: 1.1em;
}


#video-page-wrapper #sidebar
{
	position: absolute;
	top: 2rem;
	left: 0;
	padding: 0;
	bottom: 0;
	width: 25%;
	min-width: 250px;
	overflow: auto;
	z-index: 1;
	background: #222;
}

#sidebarCloseButton
{
	color: white;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
}


#sidebarCloseButton i
{
	font-size: 1.5rem;
	position: fixed;
	height: 2rem;
	width: 2rem;
	margin-left: -2rem;
	line-height: 2rem;
}

#video-page-wrapper #main-column
{
	position: absolute;
	top: 2rem;
	width: 75%;
	left: 25%;
	bottom: 0;
}

#video-page-wrapper #main-column.full-width
{
	width: 100%;
	left: 0%;
	border-left: none;
}

#video-player-wrapper
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 4.1rem;
	background: black;
}

#video-player-wrapper.no-controls
{
	width: 100%;
	top: 0;
	bottom: 0 !important;
}
#video-player-wrapper iframe
{
	width: 100%;
	height: 100%;
}

#video-controls-wrapper
{
	position: absolute;
	bottom: 0;
	height: auto;
	width: 100%;
	background: #555;
	border-top: 1px solid #777;
}



#noVideoMessage
{
	text-align: center;
	font-size: 1.5rem;
	position: absolute;
	width: 100%;
	color: white;
	height: 100%;
	vertical-align: center;
	padding-top: 10%;
}

#control-buttons-wrapper
{
	border-top: 1px solid #555;
}


/*****************************************
*************   Segments List  ************
*****************************************/

ul.sections
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	font-size: .8em;
	font-weight: 600;
}

ul.sections li.section
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #262626;
}

ul.sections li.section span
{
	display: block;
	font-family: Oswald;
	text-transform: uppercase;
	letter-spacing: .1rem;
	font-size: 1rem;
	font-weight: 600;
	color: white;
	padding: .5em 0 .5em .5em;
	cursor: pointer;

}

ul.sections li.section span:before
{
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 1.3em;
	line-height: 1em;
	display: inline-block;
	width: 1em;
}

ul.sections li.section span.expanded
{
	background: #222;
}
ul.sections li.section span.expanded:before
{
	content: "\f0d7";
}

ul.sections li.section ul.section-items
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 .5em 0;
}

ul.sections li.section ul.section-items.expanded-visible
{
	background: #222;

}

ul.sections li ul li.section-item
{
	padding: 0;
	line-height: 1em;
	margin: 0;
}
ul.sections li ul li.section-item a
{
	padding: .5em .25em .5em 1.8rem;
	display: block;
	line-height: 1.2em;
	margin: 0;
	font-weight: 600;
	color: #bbb;
}


ul.sections li ul li.section-item a:before
{
	font-family: FontAwesome;
	margin-right: .5em;
	font-size: 1.1em;
}
ul.sections li ul li.section-item.video a:before
{
	content: "\f03d";
}
ul.sections li ul li.section-item.audio a:before
{
	content: "\f001";
}

ul.sections li ul li.section-item.pdf a:before
{
	content: "\f1c1";
}

ul.sections li ul li.section-item.tabs a:before
{
	content: "\f15b";
}

ul.sections li.section-item a:hover
{
	color: #ddd;	
}
ul.sections li.section-item.selected
{	
	background: #0099ff;
}

ul.sections li.selected a,
ul.sections li.section-item.selected a:before
{
	color: white !important;
}



/* Alternate "tile" styles for section browser */
/*
ul.sections
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	font-size: .7em;
	font-weight: 600;
}

ul.sections li.section
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #262626;
}

ul.sections li.section span
{
	display: block;
	font-family: Oswald;
	text-transform: uppercase;
	letter-spacing: .1rem;
	font-size: 1rem;
	font-weight: 600;
	color: white;
	padding: .5em 0 .5em .5em;
	cursor: pointer;
	clear: both;
	color: #aaa;
}

ul.sections li.section span:before
{
	font-family: FontAwesome;
	content: "\f0da";
	font-size: 1.3em;
	line-height: 1em;
	display: inline-block;
	width: 1em;
}
ul.sections li.section span.expanded
{
	background: #222;
	color: white;
}

ul.sections li.section span.expanded:before
{
	content: "\f0d7";
}

ul.sections li.section ul.section-items
{
	display: none;
}


ul.sections li.section ul.section-items.expanded-visible
{
	display: block;
	list-style: none;
	margin: 0 0 0 0em;
	padding: 0 0 0 0;
	background: #222;

}

ul.sections li ul li.section-item
{
	text-align: center;
}
ul.sections li ul li.section-item a
{
	padding: 1em .5em;
	line-height: 1.2em;
	display: block;
	font-size: .7rem;
	color: #aaa;
	text-transform: uppercase;
}


ul.sections li ul li.section-item a:before
{
	font-family: FontAwesome;
	line-height: 1.2em;
	margin: 0;
	font-size: 3em;
	text-align: center;
	display: block;
}
ul.sections li ul li.section-item.video a:before
{
	content: "\f03d";
}
ul.sections li ul li.section-item.audio a:before
{
	content: "\f001";
}

ul.sections li ul li.section-item.pdf a:before
{
	content: "\f1c1";
}

ul.sections li ul li.section-item.tabs a:before
{
	content: "\f15b";
}

ul.sections li.section-item a:hover
{
	color: #ddd;	
}
ul.sections li.section-item.selected
{
	
}

ul.sections li.selected a,
ul.sections li.section-item.selected a:before
{	
	color: white !important;
}
ul.sections li.selected a
{
	background: #333;
	border: 1px solid #555;
	box-shadow: inset 0px 0px 50px #555;
	border-radius: 3px;
	color: white !important;
}
*/



/*****************************************
*************   MP3 Stuff  ************
*****************************************/


div#mp3Wrapper
{
	position: absolute;
	  top: 50%;
	text-align: center;
	width: 100%;
	font-size: 1rem;
	  -webkit-transform: translateY(-50%);
	 transform: translateY(-50%);
}

a#mp3PlayIcon
{
	color: white; 
	font-size: 3em;
	line-height: 1em;
	display: inline-block;
	position: relative;
	top: -1em;
}

a#mp3PlayIcon i
{
	font-size: 2.5em;
	position: relative;
	top: 1.25rem; 
}



/*****************************************
*************   Join Table  ************
*****************************************/
.plan-table
{
	background: rgba( 120, 120, 120, .3);
	border: 1px solid #777;
}

.plan-table .plan-table-heading
{
	padding: 0;
	color: white;
}
.plan-table .plan-name
{
	font-family: Oswald;
	text-transform: uppercase;	
	font-weight: 900;
	font-size: 1.2rem;
	line-height: 1.4em;
	display: block;
	margin-top: .25em;
}
.plan-table .plan-level
{
	text-transform: uppercase;
	font-size: .75em;
	line-height: 1em;
	letter-spacing: .2em;
	font-weight: 600;
	display: block;
	margin-bottom: .5em;
}

.plan-table .feature-heading
{
	background: #555;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	margin-top: -1px;
	font-family: Oswald;
	text-transform: uppercase;
	color: white;
	letter-spacing: .1em;
	line-height: 2em;
}

.plan-table .feature-item
{
	font-size: .9em;
	color: white;
	border-bottom: 1px solid #555;

}

.plan-table .feature-item-title
{
	display: block;
	line-height: 1.4em;
}

.plan-table .feature-item-description
{
	display: block;
	font-size: .8em;
	line-height: 1.4em;
	color: #bbb;
}

.plan-table .plan-table-row .cell
{
	border-right: 1px solid #777;
	color: white;
}

.plan-table .plan-table-row .cell:last-child
{
	border-right: none;
}
.plan-table .cell.disabled
{
	color: #999;
}

.plan-table .feature-item-name, .plan-table .feature-item-value
{
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.plan-table .feature-item-value div
{
	position: relative;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
}
.plan-table .feature-item-value i
{
	font-size: 1.3rem;
}

.plan-table .plan-price
{
	font-family: Georgia;
	font-size: 1.2em;
	line-height: 1em;
	display: block;
	margin-top: .25em;
}

.plan-table .plan-period
{
	display: block;
	font-size: .7em;
	line-height:1.2em;
	margin-bottom: 1em;
	margin-top: 1em;
}


@media (max-width:40em) 
{

		
	#video-page-wrapper #top-bar
	{	
		height: 3rem;
	}
	#video-page-wrapper #sidebar
	{
		top: 3rem;
		width: 80%;
		border-right: 2px solid #555;
	}

	#video-page-wrapper #main-column
	{
		top: 3rem;
		left: 0;
		width: 100%;
		background: black;
	}
	
	#video-page-wrapper #video-player-wrapper
	{
		bottom: 8.4rem;
	}
	
	#slider
	{
		font-size: 1.5rem;
	}
	div#playback-controls
	{
		width: 50%;
	}
	div#looping-controls
	{
		width: 50%;
	}
	div#bookmark-controls
	{
		clear: both;
		float: right;
		width: 100%;
	}

			
	div#mp3Wrapper
	{
		font-size: .6rem;
	}


	a#mp3PlayIcon
	{
		top: -2em; 
	}


	ul.sections
	{
		font-size: .9rem !important;
	}
		
	.transport-button
	{
		font-size: 1rem;
	}
	
	
	div#bookmark-controls .transport-button
	{
		border-top: none;
	}

	.plan-table .feature-item-name.cell
	{
		border-bottom: 1px solid #555;
		border-right: none;
	}
}


@media (min-width: 40.063em) 
{

	#video-page-wrapper #top-bar
	{	
		height: 2.5rem;
	}

	#video-page-wrapper #sidebar
	{
		top: 2.5rem;
		width: 25%;
	}

	#video-page-wrapper #main-column
	{
		top: 2.5rem;
		left: 25%;
		width: 75%;
	}

	div#mp3Wrapper
	{
		font-size: 1rem;
	}

	a#mp3PlayIcon
	{
		top: -1em; 
	}

	#video-page-wrapper #video-controls-wrapper
	{
		display: block;
	}
	
	#video-page-wrapper.vimeo #video-controls-wrapper,
	#video-page-wrapper.youtube #video-controls-wrapper
	{
		display: inherit;
	}
	#video-page-wrapper #video-player-wrapper,
	#video-page-wrapper.vimeo #video-player-wrapper,
	#video-page-wrapper.youtube #video-player-wrapper
	{
		bottom: 4.1rem;
	}
	
	#slider
	{
		font-size: 1rem;
	}

	div#playback-controls
	{
		width: 25%;
	}
	div#looping-controls
	{
		width: 35%;
	}
	div#bookmark-controls
	{
		clear: none;
		float: right;
		width: 40%;
	}

	
	ul.sections
	{
		font-size: .8rem !important;
	}
		

	div#bookmark-controls .transport-button
	{
		border-top: 1px solid #777;
	}

	.plan-table .feature-item-name.cell
	{
		border-bottom: none;
		border-right: 1px solid #777;
	}	

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation : landscape)
{
	html.video-watch-page
	{
	}
	

}