
div.tinyVidPlayer{
	display:inline-block;
}

	div.tinyVidPlayer div.nw{
		background:url(nw.png) top left no-repeat;
		height:34px;
		padding-left:41px;
		position:relative;
	}
	
		div.tinyVidPlayer div.ne{
			background:url(ne.png) top right no-repeat;
			padding-right:41px;
			height:inherit;
		}
	
			div.tinyVidPlayer div.nc{
				background:url(nc.png) repeat-x;
				height:inherit;
				overflow:hidden;
				position:relative;
			}
			
				div.tinyVidPlayer div.nc div.tit{
					color:#fff;
					font-family:Calibri, Verdana, Tahoma, Arial, sans-serif;
					font-weight:bold;
					font-size:16px;
					overflow:hidden;
					position:absolute;
					left:0px;
					top:8px;
					height:24px;
					white-space:nowrap;
				}
				
				.titleLabel{
					display:inline-block;
					color:#eee;
					font-family:Calibri, Verdana, Tahoma, Arial, sans-serif;
					font-weight:bold;
					font-size:16px;
					padding-top:7px;
					margin-right:8px;
					height:16px;
					white-space:nowrap;
					cursor:pointer;
				}
				
				.titleLabel.active{
					color:#fff;
					text-shadow:0px 2px 8px white;
				}
				
				.menuBox{
					display:block;
					color:#ccc;
					font-family:Calibri, Verdana, Tahoma, Arial, sans-serif;
					font-weight:bold;
					background:rgba(8,8,8,0.7);
					font-size:16px;
					border:2px solid #fff	;
					border-top:none;
					border-radius:8px;
					border-top-left-radius:0px;
					border-top-right-radius:0px;
					box-shadow:black 0px 8px 16px;
					white-space:nowrap;
				}
				
				.menuItem{
					cursor:pointer;
					padding:2px;
				}
				
				.menuItem:hover{
					background:rgba(255,255,255,0.7);
					text-shadow:0px 2px 2px black;
					color:#fff;
				}
				

				
			div.tinyVidPlayer div.nc div.tim{
					background:url(time_bg.png) repeat-x;
					color:#fff;
					font-family:Calibri, Verdana, Tahoma, Arial, sans-serif;
					font-weight:bold;
					font-size:13px;
					overflow:hidden;
					position:absolute;
					right:0px;
					top:11px;
					height:24px;
					padding-left:5px;
					white-space:nowrap;
				}

	div.tinyVidPlayer div.mw{
		background:url(mw.png) top left repeat-y;
		padding-left:14px;
		position:relative;
	}

		div.tinyVidPlayer div.me{
			background:url(me.png) top right repeat-y;
			padding-right:14px;
		}

			div.tinyVidPlayer div.mc{
				background:#000;
			}
			
				div.tinyVidPlayer video.v{
					display:block;
					min-width:200px;
				}

	div.tinyVidPlayer div.sw{
		background:url(sw.png) bottom left no-repeat;
		height:40px;
		padding-left:24px;
		position:relative;
	}

		div.tinyVidPlayer div.se{
			background:url(se.png) bottom right no-repeat;
			padding-right:24px;
			height:inherit;
		}

			div.tinyVidPlayer div.sc{
				background:url(sc.png) repeat-x;
				height:inherit;
			}

				div.tinyVidPlayer a.btn{
					position:absolute;
					outline: none;
				}
				
				div.tinyVidPlayer a.btn:hover{
					z-index:1;
				}
				
				div.tinyVidPlayer a.play{
					left:15px;top:2px;
					width:32px;height:30px;
				}
				
					div.tinyVidPlayer a.btn div.gfx_play{
						width:inherit;height:inherit;
						background:url(play_inactive.png) top left no-repeat;
					}
				
					div.tinyVidPlayer a.btn:hover div.gfx_play{
						background:url(play_inactive_hover.png) top left no-repeat;
					}

					div.tinyVidPlayer a.abtn div.gfx_play{
						background:url(play_active.png) top left no-repeat;
					}

					div.tinyVidPlayer a.abtn:hover div.gfx_play{
						background:url(play_active_hover.png) top left no-repeat;
					}
					
				div.tinyVidPlayer a.stop{
					left:39px;top:5px;
					width:24px;height:23px;
				}

					div.tinyVidPlayer a.btn div.gfx_stop{
						width:inherit;height:inherit;
						background:url(stop_inactive.png) top left no-repeat;
					}

					div.tinyVidPlayer a.btn:hover div.gfx_stop{
						background:url(stop_inactive_hover.png) top left no-repeat;
					}
					
					div.tinyVidPlayer a.abtn div.gfx_stop{
						background:url(stop_active.png) top left no-repeat;
					}

					div.tinyVidPlayer a.abtn:hover div.gfx_stop{
						background:url(stop_active_hover.png) top left no-repeat;
					}
					
				div.tinyVidPlayer a.mute{
					right:73px;top:5px;
					width:12px;height:17px;
				}
				

					div.tinyVidPlayer a.btn div.gfx_mute{
						width:inherit;height:inherit;
						background:url(mute.png) top left no-repeat;
					}
					
					div.tinyVidPlayer a.abtn div.gfx_mute{
						background:url(mute_active.png) top left no-repeat;
					}

				div.tinyVidPlayer div.bar{
					min-width:40px;
					height:16px;
				}
				
				div.tinyVidPlayer div.seeker{
					padding-top:6px;
					padding-right:68px;
					padding-left:43px;
				}
				
				div.tinyVidPlayer div.volume{
					position:absolute;
					right:17px;
					top:6px;
					width:50px;
				}
				
					div.tinyVidPlayer div.bar div.fill{
						height:inherit;
						background:url(bar.png) top left repeat-x;
						position:relative;
					}
				
						div.tinyVidPlayer div.bar div.w{
							width:8px;
							height:inherit;
							position:absolute;
							background:url(bar_overlay_w.png) top left no-repeat;
							top:0px;
						}
						
						div.tinyVidPlayer div.bar div.e{
							width:8px;
							height:inherit;
							position:absolute;
							right:0px;
							top:0px;
							background:url(bar_overlay_e.png) top right no-repeat;
						}
						
						div.tinyVidPlayer div.bar div.progress{
							height:inherit;
							position:absolute;
							top:0px;
							left:0px;
						}
						
						div.tinyVidPlayer div.seeker div.progress{
							background:url(bar_filler_or.png) top left repeat-x;
							width:0%;
							height:inherit;
						}
						
						div.tinyVidPlayer div.volume div.progress{
							background:url(bar_filler_bl.png) top left repeat-x;
							width:100%;
							height:inherit;
						}

						div.tinyVidPlayer div.seeker div.limiter{
							margin-left:8px;
							margin-right:7px;
							position:relative;
							height:inherit;
						}
						
							
							div.tinyVidPlayer div.seeker div.handle{
								width:13px;
								height:inherit;
								position:absolute;
								left:0%;
								margin-left:-7px;
								background:url(bar_throbber.png) top left no-repeat;
							}
							
				div.tinyVidPlayer div.size{
					background:url(resizer.png) bottom right no-repeat;
					position:absolute;
					width:12px;
					height:13px;
					top:18px;
					right:10px;
				}





.mbbg{
	background:rgba(0,0,0,0.7);
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.mbWin{
	box-shadow:0px 8px 16px black;
	border:2px solid #fff;
	border-radius:16px;
	background:#111;
	color:#fff;
	width:50%;
	height:300px;
	margin:auto;
	padding:32px;
	padding-top:0px;
	position:absolute;
	top:-moz-calc(50% - 168px);
	left:-moz-calc(25% - 32px);
	font-family:Calibri, Verdana, Tahoma, Arial, sans-serif;
	font-weight:bold;
	font-size:16px;
}

.mbTitle{
	border:2px solid #fff;
	box-shadow:0px 2px 4px white;
	background:#fff;
	text-align:center;
	color:#000;
	border-top:none;
	border-radius:16px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}

.mbBody{
	margin:8px;
	margin-top:30px;
	font-weight:normal;
}

.mbBody .hidden{
	display:none;
}


.mbFoot{
	position:absolute;
	bottom:8px;
	right:24px;
}

.mbWin .button{
	background:#ddd;
	border:none;
	padding:3px;
	text-align:center;
	text-shadow:0px 2px 3px grey;
	min-width:128px;
	border-radius:8px;
	box-shadow:0px 2px 8px grey;
	font-weight:bold;
	margin:8px;
}

#fileOpen .mbBody .responseText{
	width:-moz-calc(100% - 200px);
	color:#000;
}

#urlOpen .mbBody .responseText{
	width:-moz-calc(100% - 8px);
	color:#000;
}

.mbBody .browse{
	width:182px;
	margin-right:0px;
}


.mbWin .button:hover{
	background: #fff;
}