#mediabox{ position: absolute; left: 0; width: 100%; z-index: 5000; text-align: center; line-height: 0}
#mediabox a img{border: none;}
#outerMediaContainer{ position: relative; background-color: #1f1f1f; width: 250px; height: 250px; padding: 2px 0 0 0; margin: 0 auto; border: 10px solid #333; border-bottom: none; z-index: 5005}
#mediaContainer, #mediaboxContent{ padding: 0; z-index:5010}
#mediaboxContent{padding: 0;}
#mediaContainer>#hoverNav{left: 0;}
#bottomNavClose{border: none; margin-right: 5px;}
#mediaDataContainer{ font-size: 15px; font-family: helvetica, arial, verdana, sans-serif; color: #999; background-color: #333; border: 10px solid #333; padding: 0; margin: 0 auto; line-height: 1.4em; text-align: left}
#mediaData #mediaDetails{ width: 100%; float: left; text-align: left; margin-top: 0}
#mediaData #bottomNavClose{ width: 72px; float: right; padding-bottom: 0.7em; margin-right: -1px;}
#mediaboxOverlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden}
#mediaboxContent embed, #mediaboxContent object {z-index:120; position:relative; top:10px; left:0}
#mediaDataContainer {width: 250px; padding:0 0 10px 0; height: 12px; margin: 0 auto; position:relative}
#bottomNav{ float:right; position:relative; width: 100px; text-align: right}
#bottomNav a{ color:#808080; width:72px; height:21px; background:url(/images_common/lightbox_close_dark.gif) 100% 0 no-repeat; display:block}
* html>body .clearfix{display: inline-block; width: 100%;}
* html .clearfix{ height: 1%}