/* -- reset -- */
div.iVideoWrapper div, div.iVideoWrapper span, div.iVideoWrapper applet, div.iVideoWrapper object, div.iVideoWrapper iframe,
div.iVideoWrapper h1, div.iVideoWrapper h2, div.iVideoWrapper h3, div.iVideoWrapper h4, div.iVideoWrapper h5, div.iVideoWrapper h6, div.iVideoWrapper p, div.iVideoWrapper blockquote, div.iVideoWrapper pre,
div.iVideoWrapper a, div.iVideoWrapper abbr, div.iVideoWrapper acronym, div.iVideoWrapper address, div.iVideoWrapper big, div.iVideoWrapper cite, div.iVideoWrapper code,
div.iVideoWrapper del, div.iVideoWrapper dfn, div.iVideoWrapper em, div.iVideoWrapper font, div.iVideoWrapper img, div.iVideoWrapper ins, div.iVideoWrapper kbd, div.iVideoWrapper q, div.iVideoWrapper s, div.iVideoWrapper samp,
div.iVideoWrapper small, div.iVideoWrapper strike, div.iVideoWrapper strong, div.iVideoWrapper sub, div.iVideoWrapper sup, div.iVideoWrapper tt, div.iVideoWrapper var,
div.iVideoWrapper dl, div.iVideoWrapper dt, div.iVideoWrapper dd, div.iVideoWrapper ol, div.iVideoWrapper ul, div.iVideoWrapper li,
div.iVideoWrapper fieldset, div.iVideoWrapper form, div.iVideoWrapper label, div.iVideoWrapper legend,
div.iVideoWrapper table, div.iVideoWrapper caption, div.iVideoWrapper tbody, div.iVideoWrapper tfoot, div.iVideoWrapper thead, div.iVideoWrapper tr, div.iVideoWrapper th, div.iVideoWrapper td
{
	margin: 0;
	padding: 0;
	border: 0;
	border-left: 0 none;
	border-right: 0 none;
	border-top: 0 none;
	border-bottom: 0 none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	border-bottom-width: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
div.iVideoWrapper :focus, div.iVideoWrapper :active {outline: 0;  -moz-outline-style:none;}
div.iVideoWrapper ol, ul {list-style: none;}
div.iVideoWrapper blockquote:before, blockquote:after,q:before, q:after {content: "";}
div.iVideoWrapper blockquote, q {quotes: "" "";}


/* container has a background image */
div.thumb {
	width: 400px;
	height: 300px;
	border: 2px solid silver;
}

div.thumb a {
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
}

div.thumb a img {
	border: 0;
	margin: 120px auto 0 auto;
}

div.iVideoVideoFrame {
	position:absolute;
	width:10px;
	color: silver;
	height:10px;
	display:block;
	border: 0px none;
	border-color: silver;
	border-width: 5px;
	border-style: none;
	z-index: 9000;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	box-shadow: 0 none;
	padding:0;
}



div.iVideoWrapper div.iVideoMediaFrame,
div.iVideoMediaFrame
{
	position:absolute;
	width:10px;
	color: silver;
	height:10px;
	display:block;
	border-color: #ccccff;
	border-width: 2px;
	border-style: solid;
	z-index: 9000;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	box-shadow: 2px 2px 2px #bbb;
	padding:5px;
}

div.iVideoMediaFrame div.iVideoMedia {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}


div.iVideoOverlay {
	width: 2000px; height: 2000px;
	/*background-image:url(http://static.flowplayer.org/img/overlay/petrol.png);*/
	background: black;
	/*padding:55px; */
	padding: 0 !important;
	margin: 0 !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8000;
}

div.iVideoTitle {
	position: absolute;
	display:none;
	font-size: 24px;
	font-family: Georgia, Tahoma, Verdana, sans-serif;
	color: silver;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

div.iVideoControls {
	position: absolute;
	display:none;
	z-index: 9000;
}

div.iVideoChaptersTab{
	background: #000 url(http://www.ementor.pl/img/iVideo/Viewer/chapters.png) no-repeat center center;
	position: absolute;
	display:none;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	width: 27px;
	height: 89px;
	padding:0;
	margin:0;
	cursor: pointer;
	line-height: 1em;
	border: 0 none;
	z-index: 9010;
}

div.iVideoChapters{
	position: absolute;
	display:none;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding:0;
	margin:0;
	line-height: 1em;
	background: #141414;
	border-left: 1px solid #999 !important;
	z-index: 9000;
}
/**/
/*div.iVideoChapters div.iVideoChaptersInner {*/
/*	position: relative;*/
/*	text-align: center;*/
/*	width:100%;*/
/*	margin-top: 0;*/
/*	padding: 0;*/
/*}*/

div.iVideoChapters a.iVideoChaptersScrollNext {
	background: url(http://www.ementor.pl/img/iVideo/Viewer/scrollDown.png) no-repeat top left;
	display: block;
	position: absolute;
	left:0;
	bottom: 0;
	margin: 0;
	padding: 0;
	height: 32px;
	width:150px;
	z-index: 10;
}

div.iVideoChapters a.iVideoChaptersScrollNext:hover {
	background: url(http://www.ementor.pl/img/iVideo/Viewer/scrollDown.png) no-repeat left 100%;
}

div.iVideoChapters a.iVideoChaptersScrollNext.disabled {
	display: none;
	background: transparent;
}

div.iVideoChapters a.iVideoChaptersScrollPrev:hover {
	background: url(http://www.ementor.pl/img/iVideo/Viewer/scrollUp.png) no-repeat left 100%;
}

div.iVideoChapters a.iVideoChaptersScrollPrev {
	background: url(http://www.ementor.pl/img/iVideo/Viewer/scrollUp.png) no-repeat top left;
	display: block;
	height: 32px;
	width: 150px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

div.iVideoChapters a.iVideoChaptersScrollPrev.disabled {
	background: transparent;
	display: none;
}


div.iVideoChapters div.iVideoChaptersScroll {
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	line-height: 1em;
	width:100%;
	
}


div.iVideoChapters div.iVideoChaptersItems{
    width: 100%;
    position:absolute;
	height: 20000em;
	left:0;
}

div.iVideoChapters div.iVideoChaptersItems div.iVideoChapter{
	width:144px;
	height: auto;
	padding:7px 3px;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 1px dotted #999;
	/*-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;*/
	background-color: #141414;
	color: #999;
	font-family:Arial, sans-serif;
	font-size: 13px;
	text-align:center;
	cursor:pointer;
	overflow: hidden;
}

div.iVideoChapters div.iVideoChaptersItems div.iVideoChapter:hover,
div.iVideoChapters div.iVideoChaptersItems div.iVideoChapter.hover {
	background-color: #141414;
	border-bottom: 1px dotted #999;
	color: #999;
}

div.iVideoChapters div.iVideoChaptersItems div.iVideoChapter.active{
	background-color: #393939;
	color: #fff;
}

div.iVideoChapters div.iVideoChaptersItems div.iVideoChapter.iVideoChapterUber{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	/*font-weight: bold;*/
	
}


/*
div.iVideoChapters button{
	border: 0 none;
	padding:0;
	margin:0 10px;
	text-align: center;
	background: transparent url(http://www.ementor.pl/img/iVideo/Viewer/btn2.png) no-repeat center center;
	width: 140px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	color: white;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
}

div.iVideoChapters button:hover{
	background: transparent url(http://www.ementor.pl/img/iVideo/Viewer/btn3.png) no-repeat center center;
}
*/

/* close button for overlay */
div.iVideoOverlay div.close {
        background:url(http://static.flowplayer.org/img/overlay/close.png) no-repeat;
        position:absolute;
        top:2px;
        right:5px;
        width:35px;
        height:35px;
        cursor:pointer;
}



/* ---- video player controls --------- */

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */

div.iVideoControls div.iVideoControlsInner{
	position: relative;
	top: 50%;
	margin-top: -20px;
	width:auto;
	padding-left:47px;
	padding-right:253px;
	height:40px;
	/* black background with a gradient */
	background:#000 url(http://www.ementor.pl/img/iVideo/Viewer/player/hulu.png) repeat-x 0 -4px;
	
}
	
	/* play/pause button */
	div.iVideoControls div.iVideoControlsInner a.iVideoPlay,
	div.iVideoControls div.iVideoControlsInner a.iVideoPause { 
		position:absolute;
		left: 0;
		width: 46px;
		height: 40px;
		display:block;
		text-indent:-9999em;
		background:url(http://www.ementor.pl/img/iVideo/Viewer/player/hulu.png) no-repeat 10px -61px;
		cursor:pointer;
		border-right:1px solid #000; 
	}
	
	div.iVideoControls div.iVideoControlsInner a.iVideoPlay:hover {
		background-position:10px -105px;	
	}
	
	/* pause state */
	div.iVideoControls div.iVideoControlsInner a.iVideoPause { 
		background-position:11px -148px;
	}
	
	div.iVideoControls div.iVideoControlsInner a.iVideoPause:hover {
		background-position:11px -192px;	
	}
	
	/* the timeline (or "scrubber")  */
	div.iVideoControls div.iVideoControlsInner div.iVideoTrack {  
		cursor:pointer;
		width:100%;
		border-left:1px solid #999;
		height:40px;
		position: relative;
		top: 0;
		left:0;
	}
	
	div.iVideoControls div.iVideoControlsInner div.iVideoPlayhead {
		position:relative;
		cursor:pointer; 
		background-color:#4ff;
		opacity:0.3;
		filter: alpha(opacity=30);	
		width:5px;
		height:40px;
		border-right:1px solid #444;
	}
	
	div.iVideoControls div.iVideoControlsInner div.iVideoProgress,
	div.iVideoControls div.iVideoControlsInner div.iVideoBuffer {	
		position:absolute;
		background-color:#fcfcfc;
		filter: alpha(opacity=10);
		opacity:0.1;
		width:0px;
		height:40px;
	}
	
	div.iVideoControls div.iVideoControlsInner div.iVideoBuffer {
		background-color:#fff;
		opacity:0.1;
		filter: alpha(opacity=10);
	}

	div.iVideoControls div.iVideoControlsInner div.iVideoPreviewMark {
		position:absolute;
		cursor:pointer; 
		background:transparent;
		border-left: 2px dotted #4ff;
		opacity:0.8;
		display:none;
		width: auto;
		height:42px;
		line-height: 40px;
		vertical-align: middle;
		top: 0;
		color: #4ff;
		font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
		font-size: 11px;
		padding-left: 5px;
		
	}
	
	/* time display */
	div.iVideoControls div.iVideoControlsInner div.iVideoTime {
		position:absolute;		
		width:129px;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		vertical-align: middle;
		right:149px;
		top: 0;
		padding:0;
		text-align:center;
		border:1px solid #999;
		border-width:0 1px;
		font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
		font-size:12px;
		color:#666;
		font-weight: normal;
	}
	
	/* total duration in time display */
	div.iVideoControls div.iVideoControlsInner div.iVideoTime strong {
		font-weight:bold;
		color:#fff;
		margin-right:5px;
	}
	
	/* mute / unmute buttons */
	div.iVideoControls div.iVideoControlsInner a.iVideoMute,
	div.iVideoControls div.iVideoControlsInner a.iVideoUnmute {
		position:absolute;
		right:107px;
		top: 0;
		width:40px;
		height:40px;
		text-align:center;
		padding:8px 0;
		cursor:pointer;
		text-indent:-9999em;
		background:url(http://www.ementor.pl/img/iVideo/Viewer/player/hulu.png) no-repeat 5px -323px;
	}
	
	div.iVideoControls div.iVideoControlsInner a.iVideoMute:hover {
		background-position:5px -367px;	
	}
	
	/* unmute state */
	div.iVideoControls div.iVideoControlsInner a.iVideoUnmute {
		background-position:5px -235px;	
	}
	
	div.iVideoControls div.iVideoControlsInner a.iVideoUnmute:hover {
		background-position:5px -279px;	
	}
	
	div.iVideoControls div.iVideoControlsInner a.iVideoOptions {
		position:absolute;
		right:41px;
		top: 0;
		width:40px;
		height:24px;
		text-align:center;
		padding:8px 0;
		cursor:pointer;
		text-indent:-9999em;
		background:url(http://www.ementor.pl/img/iVideo/Viewer/wrench.gif) no-repeat center;
	}
	
	div.iVideoControls div.iVideoControlsInner a.iVideoFiles {
		position:absolute;
		right:0;
		top: 0;
		width:40px;
		height:24px;
		text-align:center;
		padding:8px 0;
		cursor:pointer;
		text-indent:-9999em;
		background:url(http://www.ementor.pl/img/iVideo/Viewer/floppy.gif) no-repeat center;
	}
	
	div.iVideoControls div.iVideoControlsInner a.iVideoClose {
		display: block;
		position:absolute;
		right:0;
		top:0;
		width:88px;
		height:40px;
		line-height: 40px;
		vertical-align: middle;
		text-align: center;
		padding: 0px 0 0px 15px;
		cursor: pointer;
		/*text-indent:-9999em;*/
		border-left:1px solid #999;
		font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
		font-size:13px;
		color:#666;
		background:url(http://www.ementor.pl/img/iVideo/Viewer/close2.gif) no-repeat 9px 11px;
	}
	
	div.iVideoControls div.iVideoControlsInner a.iVideoClose:hover {
		color: #B8B8B8;
		background:url(http://www.ementor.pl/img/iVideo/Viewer/close.gif) no-repeat 9px 11px;
	}


/* --- media ---- */

.iVideoMediaSnippet {
	padding:0;
	margin:0;
	line-height: normal;
}

.iVideoMediaError {
	color: black;
	padding:0 20px;
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia,Tahoma,Verdana,sans-serif;
	line-height: 1.5em;
}

iframe.iVideoMediaSnippet {
	margin:0;
	padding:0;
	border:0 none;
	outline: none;
}