/* Styling originally from Hans Schmucker,
   http://www.tapper-ware.net/devel/js/JS.TinyVidPlayer/index.xhtml
 */

div.tinyVidPlayer{
  display:inline-block;
}

div.tinyVidPlayer div.nw{
  background:url(images/nw.png) top left no-repeat;
  height:34px;
  padding-left:41px;
  position:relative;
}
				
div.tinyVidPlayer div.ne{
  background:url(images/ne.png) top right no-repeat;
  padding-right:41px;
  height:inherit;
}
				
div.tinyVidPlayer div.nc{
  background:url(images/nc.png) repeat-x;
  height:inherit;
}
			
div.tinyVidPlayer div.mw{
  background:url(images/mw.png) top left repeat-y;
  padding-left:14px;
  position:relative;
}
			
div.tinyVidPlayer div.me{
  background:url(images/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(images/sw.png) bottom left no-repeat;
  height:40px;
  padding-left:24px;
  position:relative;
}
			
div.tinyVidPlayer div.se{
  background:url(images/se.png) bottom right no-repeat;
  padding-right:24px;
  height:inherit;
}
			
div.tinyVidPlayer div.sc{
  background:url(images/sc.png) repeat-x;
  height:inherit;
}
			
div.tinyVidPlayer a.btn{
  position:absolute;
  outline: none;
}
							
div.tinyVidPlayer a.play{left:15px;top:2px;}
div.tinyVidPlayer a.stop{left:43px;top:5px;}
div.tinyVidPlayer a.itext{right:87px;top:5px;}
div.tinyVidPlayer a.sound{right:70px;top:5px;}

div.tinyVidPlayer a.btn img{
  border:none;
}
			
div.tinyVidPlayer div.bar{
  min-width:40px;
  height:16px;
}
							
div.tinyVidPlayer div.seeker{
  padding-top:6px;
  padding-right:83px;
  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(images/bar.png) top left repeat-x;
  position:relative;
}
							
div.tinyVidPlayer div.bar div.w{
  width:8px;
  height:inherit;
  position:absolute;
  background:url(images/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(images/bar_overlay_e.png) top right no-repeat;
}
									
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(images/bar_throbber.png) top left no-repeat;
}
  
div.tinyVidPlayer div.bar div.progress{
  height:inherit;
  position:absolute;
  top:0px;
  left:0px;
}
  
div.tinyVidPlayer div.seeker div.progress{
  background:url(images/bar_filler_or.png) top left repeat-x;
  width:0%;
  height:inherit;
}
  
div.tinyVidPlayer div.volume div.progress{
  background:url(images/bar_filler_bl.png) top left repeat-x;
  width:100%;
  height:inherit;
}
			
div.tinyVidPlayer div.size{
  background:url(images/resizer.png) bottom right no-repeat;
  position:absolute;
  width:12px;
  height:13px;
  top:18px;
  right:10px;
}