﻿#mediabox { font-size: 0; }
#mediabox-overlay, #mediabox { display: none; }
#mediabox-body { position: relative; display: table; margin: auto; height: 100%; text-align: center; }
#mediabox-contents { position: relative; display: table-cell; vertical-align: middle; }
#mediabox-contents .content { font-size: 11px; position: relative; width: auto; padding: 10px; display: inline-block; text-align: left; border: solid 3px #333; background: #FFF; margin: auto; }
#mediabox-contents .content-styled { display: inline-block; margin-bottom: -15px; }
#mediabox-contents .content-styled .content { border: none; background: none; padding: 0; }
#mediabox-contents .content-styled .inner { text-align: right; position: relative; zoom: 1; background: url(../images/rounded-box.png) no-repeat left top; padding: 0 0 0 15px; margin: 0 15px 15px 0; }
#mediabox-contents .content-styled .top { position: absolute; background: url(../images/rounded-box.png) no-repeat right top; height: 15px; width: 15px; overflow: hidden; right: -15px; top: 0; }
#mediabox-contents .content-styled .middle { position: relative; zoom: 1; background: url(../images/rounded-box.png) no-repeat right bottom; padding: 0 15px 15px 0; margin: -15px -15px -15px 0; top: 15px; }
#mediabox-contents .content-styled .bottom { position: relative; background: url(../images/rounded-box.png) no-repeat left bottom; height: 15px; width: 15px; margin-top: 15px; left: -15px; float: left; }

.mediabox-active, .mediabox-active #mediabox, .mediabox-active #mediabox-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mediabox-active #mediabox-wrapper { overflow: hidden; }
.mediabox-active #mediabox-body { background: url(../images/overlay.png); width: 100%; height: 100%; }
.mediabox-active #mediabox { overflow: auto; display: block; z-index: 10001; }

* html .mediabox-active #mediabox-body { behavior:expression((this.runtimeStyle.behavior='none')&&(this.originalBackground ? true:(this.originalBackground=this.currentStyle.backgroundImage.replace(/^url\\("/,'').replace(/"\\)$/,''),this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.originalBackground+"',sizingMethod='scale')",this.runtimeStyle.background='url(../images/blank.gif)'))); }
* html #mediabox-contents { width: 1%; display: block; top: expression(temp=this.parentNode.offsetHeight < this.offsetHeight ? 0 : (this.parentNode.offsetHeight-this.offsetHeight)/2); }
* html #mediabox-contents .content-styled { margin-bottom: 0; }

*:first-child+html #mediabox-contents { display: inline; width: auto; zoom: 1; top: expression(temp=this.parentNode.offsetHeight < this.offsetHeight ? 0 : (this.parentNode.offsetHeight-this.offsetHeight)/2); }
*:first-child+html #mediabox-contents .content-styled { margin-bottom: 0; width: 1%; }

