/*
 | DynamicView © MonkeyProof
 | CSS - Main.css
 |
 */
 
#dynamicview { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 850; display: none; }
#dynamicview-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 851; background: transparent url(../../img/admin/bg_darker.png); }
#dynamicview-picture-container { position: absolute; width: 200px; height: 200px; background: #fff url(../img/loader.gif) no-repeat center center; padding: 7px; z-index: 852; box-shadow: 0 0 150px #000; display: none; }
#dynamicview-picture-box { position: relative; width: 100%; height: 100%; display: block; text-align: center; vertical-align: middle; }
#dynamicview-picture-box span { vertical-align: middle; }

#dynamicview-btn-close { position: absolute; width: 25px; height: 25px; top: -45px; right: -15px; background: url(../img/close.png) no-repeat center center; }
#dynamicview-btn-left { z-index: 3; display: none; position: absolute; width: 90px; height: 100%; top: 0; left: 0; background: url(../img/arrow_left.png) no-repeat right center; }
#dynamicview-btn-right { z-index: 3; display: none; position: absolute; width: 90px; height: 100%; top: 0; right: 0; background: url(../img/arrow_right.png) no-repeat left center; }

#dynamicview-btn-close:hover { cursor: pointer; }
#dynamicview-btn-left:hover { cursor: pointer; }
#dynamicview-btn-right:hover { cursor: pointer; }
.gallery_hitzone:hover { cursor:pointer; }

#dynamicview-image-wrap { position: relative; overflow: hidden; display: block; z-index: 1; background: #fff; }
#dynamicview-image-wrap img { position: relative; display: inline-block; }

/*
dynamicview
dynamicview-bg
dynamicview-picture-container
dynamicview-picture-box
*/