/* Video Player Box CSS - 03-20-2014 */

#videoBtn {
  width: 228px; /* size of pix */
  height: 176px;
	background: #523A22 url(../images/bgs/bg_paleo141.gif);
  border: 2px solid #523A22;
  padding: 0;
  margin: 0 auto;
}
#videoPix {
	width: 208px;
	height: 156px;
  border: 2px solid #523A22;
	margin: 10px;
}
#videoBtn span{ display: block; }
#videoBtn a{
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  opacity: 0.8; /* dim when NOT hovered */
  zoom: 1;
}
#videoBtn a img{
  display: block;
  border: none;
}
#videoBtn a:hover{ opacity: 1; } /* full brightness when hovered */
#videoBtn a:active{ border: none;}

/* overlayed video */
div#voverlay {
  display: none; /* initially overlay is hidden */
  width: 640px;  /* size of the video - can be larger than the background-image for FF but not IE */
  height: 480px;
  background-image: url(../images/bgs/bg_white_710x550.gif);  /* background frame - must be same ratio as video */
  padding: 35px; /* padding to put a border around the actual video */
}

/* close button positioned on upper right corner */
div#voverlay div.close {
  width: 36px;
  height: 36px;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  background-image: url(../images/clips/btn_close_red_36x36.gif);
}

div#vcontainer{
  width: 100%;
  height: 100%;	
  left: 0;
  top: 0;
  background: url(../images/clips/loading.gif) no-repeat 50% 50%;
}