/***********************************************************************
								 PAGE
***********************************************************************/
/* BROWSER RESET */
html,
body {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	background:transparent;
	color:#666;
}
a:active, a:visited {
	outline:0;
}
.fx_clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
body {
	margin:0;
}
sup {
	position:relative;
	top:-.4em;
	font-size:.75em;
}
#container {
	position:relative;
	width:990px;
	margin:0 auto;
}
#content {
	background-color:#FFF;
	padding:0 0 7px;
	border-radius:0 0 7px 7px;
}
/***********************************************************************
								GLOBAL ELEMENTS
***********************************************************************/
/* BROWSER RESET */
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label {
	padding:0;
	border:0;
	margin:0;
	background:transparent;
	vertical-align:baseline;
	font-size:100%;
	font-family:inherit;
	font-weight:inherit;
	font-style:inherit;
}
/* CLEAR FLOATS */
.block:after {
	content:" ";
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
}
/* GLOBAL */
body {
	color:#666;
	font-family:Arial, Helvetica, sans-serif !important;
}
/* TEXT */
h2 {
	margin:0 0 10px;
	color:#4D148C;
	font:1.42em "Arial Narrow", Arial, sans-serif;
	font-weight:bold;
}
.block p {
	margin:8px 0 0;
}
a:link,
a:visited {
	color:#4D148C;
	text-decoration:none;
}
a:hover,
a:focus,
a:active {
	color:#666;
	text-decoration:underline;
}
.block {
	font-size:1.09em;
}
.block ul,
.block ul li {
	list-style:disc;
	line-height:1.8em;
}
/* CONTENT AREA */
#content {
	margin:0;
	font-size:68.75%;
}
/* LAYOUT STYLES */
.block {
	position:relative;
	margin:0 0 10px;
}
/* SLIDING DOOR BUTTONS */
button {
	padding:0 10px;
	border:0;
	border-radius:4px;
	margin:0;
	color:#FFF;
	white-space:nowrap;
	font:13px/20px "Arial Narrow", Arial, sans-serif;
	cursor:pointer;
}
button::-moz-focus-inner {
	padding:0;
	border:0;
}
/***********************************************************************
								DEMO BLOCK
***********************************************************************/
.demoPage {
	background:#FFF none;
}
.demoPage #container {
	width:100%;
}
.demoPage #content {
	padding:20px 0;
	background-color:transparent;
}
.demo {
	position:relative;
	width:723px;
	border:solid 1px #999;
	border-radius:10px;
	margin-left:10px;
	background:none !important;
}
body.rtl .demo {
	margin-right:10px;
	margin-left:0;
}
#col-middle .demo {
	width:478px;
}
.demoPage .demo {
	margin:0 auto 10px;
}
.demoHeader {
	height:26px;
	padding:31px 15px 15px;
	border-bottom:1px solid #999;
	border-radius:10px 10px 0 0;
	background-color:#FFF;
}
.demoHeader h2 {
	float:right;
	margin-top:3px;
	font:normal 2em Arial, Helvetica, sans-serif;
	color:#4D148C;
}
body.rtl .demoHeader h2 {
	float:left;
}
.demoContent {
	position:relative;
	overflow:hidden;
}
.demoContent .inner-shadow-bottom {
	position:absolute;
	bottom:0;
	z-index:10;
	width:100%;
	height:7px;
	background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
	background:linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
}
.demoContent .inner-shadow-top {
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	height:7px;
	background:-moz-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
	background:-webkit-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
	background:-o-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
	background:-ms-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
	background:linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
}
.demoContent img {
	vertical-align:bottom;
}
.demoContent .demoChapters {
	position:absolute;
	bottom:-100%;
	left:0;
	z-index:20;
	padding:10px;
	border-top-right-radius:10px;
	-webkit-box-shadow:2px -2px 8px 0 rgba(0,0,0,0.4);
	box-shadow:2px -2px 8px 0 rgba(0,0,0,0.4);
	background-color:#666;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.demoContent .demoChapters.showing {
	bottom:0;
}
.demoChapters h2 {
	color:#FFF;
	font:normal 1em Arial, sans-serif;
	text-transform:uppercase;
}
.demoChapters ul {
	margin:0;
	min-width:220px;
	overflow-x:hidden;
	overflow-y:auto;
}
.demoChapters li {
	border-bottom:1px solid #CCC;
	background:#E5E5E5;
	background:-moz-linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%);
	background:-webkit-linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%);
	background:-o-linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%);
	background:-ms-linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%);
	background:linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%);
	list-style-type:none !important;
	font-size:1.083em;
	white-space:nowrap;
}
.demoChapters li:last-child {
	border-bottom:0;
}
.demoChapters li.playing {
	background:#CCC;
	background:-moz-linear-gradient(top, #CCC 0%, #E5E5E5 8px, #CCC 100%);
	background:-webkit-linear-gradient(top, #CCC 0%, #E5E5E5 8px, #CCC 100%);
	background:-o-linear-gradient(top, #CCC 0%, #E5E5E5 8px, #CCC 100%);
	background:-ms-linear-gradient(top, #CCC 0%, #E5E5E5 8px, #CCC 100%);
	background:linear-gradient(top, #CCC 0%, #E5E5E5 8px, #CCC 100%);
}
.demoChapters a {
	display:block;
	padding:6px 10px 5px;
	color:#666;
	cursor:pointer;
}
.demoChapters a:hover,
.demoChapters a:focus,
.demoChapters a:active,
.demoChapters .playing a {
	color:#4D148C;
	text-decoration:none;
}
.demoChapters .playing a:after {
	content:"PLAYING";
	margin:0 15px;
	color:#4D148C;
	font-weight:bold;
	font-size:.846em;
}
.demoChapters .paused .playing a:after {
	content:"PAUSED";
}
.demoChapters label {
	cursor:pointer;
}
.demoChapters .length {
	margin-left:3px;
	font-size:.846em;
}
body.rtl .demoChapters .length {
	margin-right:3px;
	margin-left:0;
}
.demoChapters li ul {
	display:none;
}
.demoChapters li.playing ul {
	display:block;
}
.demoChapters li li {
	padding:1px 10px 0 20px;
	border-color:#BBB;
	background:transparent none !important;
	font-size:.923em;
	cursor:pointer;
}
body.rtl .demoChapters li li {
	padding:1px 20px 0 10px;
}
.demoChapters li li:hover,
.demoChapters li li.playing {
	color:#4D148C;
}
.demoChapters li li.playing:before {
	content:"▸";
	display:inline-block;
	width:12px;
	margin-left:-12px;
	color:#4D148C;
}
body.rtl .demoChapters li li.playing:before {
	content:"◂";
	margin-right:-12px;
	margin-left:0;
}
.demoChapters li li h3 {
	padding:0 10px;
}
.demoCaptions {
	display:none;
}
.demoCaptions.active {
	display:block;
	padding:10px 10px 15px;
	border-top:1px solid #999;
	background-color:#F1F1F1;
}
.demoCaptions p {
	margin:0 0 10px;
}
.demoCaptions p:last-child {
	margin-bottom:0;
}
.demoNav {
	position:relative;
	height:40px;
	border-top:1px solid #999;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	background:#E6E7E8;
	background:-moz-linear-gradient(top, #E5E5E5 0%, #F1F1F1 50%, #DDD 100%);
	background:-webkit-linear-gradient(top, #E5E5E5 0%, #F1F1F1 50%, #DDD 100%);
	background:-o-linear-gradient(top, #E5E5E5 0%, #F1F1F1 50%, #DDD 100%);
	background:-ms-linear-gradient(top, #E5E5E5 0%, #F1F1F1 50%, #DDD 100%);
	background:linear-gradient(top, #E5E5E5 0%, #F1F1F1 50%, #DDD 100%);
	text-align:center;
}
.demoNav button {
	display:none;
	float:left;
	width:50px;
	height:20px;
	padding:0;
	margin-top:10px;
	border-radius:0;
	outline:0;
	background-color:transparent;
	background-image:url(images/assets.png);
	background-repeat:no-repeat;
}
.demoNav button.enabled {
	display:block;
}
.demoNav .firstControls {
	position:absolute;
	top:0;
	left:0;
}
.demoNav .firstControls small {
	display:none;
	float:left;
	max-width:200px;
	margin:13px 10px 0;
	overflow:hidden;
	font-size:1.083em;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.demoNav .firstControls small.enabled {
	display:block;
}
#col-middle .demoNav .firstControls small {
	max-width:130px;
}
.demoNav .middleControls {
	display:inline-block;
	margin:0 auto;
}
.demoNav .lastControls {
	position:absolute;
	top:0;
	right:0;
}
.demoNav .demoBtn_chapters {
	float:left;
	width:28px;
	height:28px;
	margin:6px 0 0 10px;
	border-radius:4px;
	background-position:4px -1438px;
}
.demoNav .demoBtn_chapters:hover,
.demoNav .demoBtn_chapters:focus {
	background-position:4px -1464px;
}
.demoNav .demoBtn_chapters.active {
	height:25px;
	margin-top:-1px;
	border-top:9px solid #666;
	border-radius:0 0 4px 4px;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	background:#666 url(images/assets.png) no-repeat 4px -1832px;
	background:url(images/assets.png) no-repeat 4px -1832px, -moz-linear-gradient(top, #666 0%, #666 80%, #999 100%);
	background:url(images/assets.png) no-repeat 4px -1832px, -webkit-linear-gradient(top, #666 0%, #666 80%, #999 100%);
	background:url(images/assets.png) no-repeat 4px -1832px, -o-linear-gradient(top, #666 0%, #666 80%, #999 100%);
	background:url(images/assets.png) no-repeat 4px -1832px, -ms-linear-gradient(top, #666 0%, #666 80%, #999 100%);
	background:url(images/assets.png) no-repeat 4px -1832px, linear-gradient(top, #666 0%, #666 80%, #999 100%);
}
.demoNav .demoBtn_chapters.active:hover,
.demoNav .demoBtn_chapters.active:focus {
	height:34px;
	border-top:0;
	background-position:4px -1823px;
	background-position:4px -1823px, 0 0;
}
.demoNav .demoBtn_back {
	border-right:1px solid #AAA;
	background-position:18px -1496px;
}
.demoNav .demoBtn_back:hover,
.demoNav .demoBtn_back:focus {
	background-position:18px -1520px;
}
.demoNav .demoBtn_playPause {
	background-position:21px -1592px;
}
.demoNav .demoBtn_back.enabled + .demoBtn_playPause {
	border-right:1px solid #AAA;
	border-left:1px solid #F5F5F5;
}
.demoNav .demoBtn_playPause:hover,
.demoNav .demoBtn_playPause:focus {
	background-position:21px -1616px;
}
.demoNav .demoBtn_playPause.playing {
	background-position:21px -1772px;
}
.demoNav .demoBtn_playPause.playing:hover,
.demoNav .demoBtn_playPause.playing:focus {
	background-position:21px -1796px;
}
.demoNav .demoBtn_forward {
	border-left:1px solid #F5F5F5;
	background-position:18px -1544px;
}
.demoNav .demoBtn_forward:hover,
.demoNav .demoBtn_forward:focus {
	background-position:18px -1568px;
}
.demoNav .demoBtn_cc {
	float:right;
	border-right:1px solid #AAA;
	background-position:18px -1641px;
}
.demoNav .demoBtn_cc:hover,
.demoNav .demoBtn_cc:focus,
.demoNav .demoBtn_cc.active {
	background-position:18px -1666px;
}
.demoNav .demoBtn_volume {
	float:right;
	margin-right:5px;
	background-position:14px -1745px;
}
.demoNav .demoBtn_cc.enabled + .demoBtn_volume {
	border-left:1px solid #F5F5F5;
}
.demoNav .demoBtn_volume.muted {
	background-position:14px -1691px;
}