/* Styles for simplePopup modal window plugin */
#sP-container { height: 100%; position: fixed; width: 100%; z-index: 999; }
#sP-container .sP-backdrop { background: #000; height: 100%; opacity: 0.7; filter: alpha(opacity=70); position: absolute; top: 0; width: 100%; z-index: 1000; }
#sP-container .sP-viewbox { background-color: #000; background-position: 50% 50%; position: absolute; top: 100px; z-index: 1001;}

#sP-container .sP-close,
#sP-container .sP-prev,
#sP-container .sP-next,
#sP-container .sP-section { background: url(../_images/games/screenshot/lightbox-sprite.png) no-repeat; }

#sP-container, .sp-image {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#sP-container .sP-close { background-position: -68px 0; cursor: pointer; height: 30px; position: absolute; right: 3px; top: -37px; width: 30px; z-index: 1001; }
#sP-container .sP-close:hover { background-position: -68px -30px; }
#sP-container .sP-border.border-top { background: url(../_images/games/screenshot/lightbox-t.gif); height: 43px; left: 0; position: absolute; top: -43px; width: 100%; }
#sP-container .sP-border.border-right { background-image: url(../_images/games/screenshot/lightbox-r.gif); height: 100%; position: absolute; right: -6px; top: 0; width: 6px; }
#sP-container .sP-border.border-bottom { background-image: url(../_images/games/screenshot/lightbox-b.gif); bottom: -37px; height: 37px; position: absolute; left: 0; width: 100%; }
#sP-container .sP-border.border-left { background-image: url(../_images/games/screenshot/lightbox-l.gif); height: 100%; left: -6px; position: absolute; top: 0; width: 6px; }

#sP-container .sP-section.section-top-left { background-position: -99px 0; height: 43px; left: -6px; position: absolute; top: -43px; width: 255px; }
#sP-container .sP-section.section-top-right { background-position: -69px -95px; height: 112px; right: -6px; position: absolute; top: -43px; width: 254px; }
#sP-container .sP-section.section-bottom-left { background-position: -68px -57px; bottom: -37px; height: 37px; left: -6px; position: absolute; width: 145px; }
#sP-container .sP-section.section-bottom-right { background-position: -214px -57px; bottom: -37px; height: 37px; right: -6px; position: absolute; width: 145px; }

/* Styles for simplePopup modal window plugin - Mists of Pandaria theme */
.mists #sP-container .sP-close,
.mists #sP-container .sP-prev,
.mists #sP-container .sP-next,
.mists #sP-container .sP-section { background: url(../_images/games/mists/view-image-sprite.png) no-repeat; }

.mists #sP-container .sP-close { background-position: -4px -204px; cursor: pointer; height: 34px; position: absolute; right: -7px; top: -28px; width: 34px; z-index: 1001; }
.mists #sP-container .sP-close:hover { background-position: -47px -204px; }

.mists #sP-container .sP-border.border-top { background: url(../_images/games/mists/view-image-horizontal-bars.png) repeat-x 0 0; height: 30px; left: 0; position: absolute; top: -30px; width: 100%; }
.mists #sP-container .sP-section.section-top-left { background-position: 0 0; height: 90px; left: -7px; position: absolute; top: -30px; width: 217px; }
.mists #sP-container .sP-section.section-top-right { background-position: -217px 0; height: 90px; right: -7px; position: absolute; top: -30px; width: 217px; }

.mists #sP-container .sP-border.border-bottom {  background: url(../_images/games/mists/view-image-horizontal-bars.png) repeat-x 0 -30px; bottom: -46px; height: 46px; position: absolute; left: 0; width: 100%; }
.mists #sP-container .sP-section.section-bottom-left { background-position: 0 -91px; bottom: -46px; height: 106px; left: -7px; position: absolute; width: 217px; }
.mists #sP-container .sP-section.section-bottom-right { background-position: -218px -91px; bottom: -46px; height: 106px; right: -7px; position: absolute; width: 217px; }

.mists #sP-container .sP-border.border-left { background: url(../_images/games/mists/view-image-sprite.png) repeat-y -436px 0; height: 100%; position: absolute; left: -7px; top: 0; width: 7px; }
.mists #sP-container .sP-border.border-right { background: url(../_images/games/mists/view-image-sprite.png) repeat-y -436px 0; height: 100%; position: absolute; right: -7px; top: 0; width: 7px; }

.mists #sP-container .sP-prev,
.mists #sP-container .sP-next { cursor: pointer; height: 44px; position: absolute; bottom: -43px; width: 50px; z-index: 1001; }
.mists #sP-container .sP-prev { background-position: -212px -201px; left: -1px; }
.mists #sP-container .sP-prev:hover { background-position: -273px -201px; }
.mists #sP-container .sP-next { background-position: -89px -201px; right: -1px; }
.mists #sP-container .sP-next:hover {	background-position: -150px -201px;}

/* Styles for simplePopup modal window plugin */
#svP-container { height: 100%; position: fixed; width: 100%; z-index: 999; }
#svP-container .svP-backdrop { background: #000; height: 100%; opacity: 0.7; filter: alpha(opacity=70); position: absolute; top: 0; width: 100%; z-index: 1000; }
#svP-container .svP-viewbox { background-color: #000; background-position: 50% 50%; position: absolute; top: 200px; z-index: 1001; }

#svP-container .svP-close,
#svP-container .svP-prev,
#svP-container .svP-next,
#svP-container .svP-section { background: url(../_images/games/screenshot/lightbox-sprite.png) no-repeat; }

#svP-container .svP-close { background-position: -68px 0; cursor: pointer; height: 30px; position: absolute; right: 3px; top: -37px; width: 30px; z-index: 1001; }
#svP-container .svP-close:hover { background-position: -68px -30px; }
#svP-container .svP-border.border-top { background: url(../_images/games/screenshot/lightbox-t.gif); height: 43px; left: 0; position: absolute; top: -43px; width: 100%; }
#svP-container .svP-border.border-right { background-image: url(../_images/games/screenshot/lightbox-r.gif); height: 100%; position: absolute; right: -6px; top: 0; width: 6px; }
#svP-container .svP-border.border-bottom { background-image: url(../_images/games/screenshot/lightbox-b.gif); bottom: -37px; height: 37px; position: absolute; left: 0; width: 100%; }
#svP-container .svP-border.border-left { background-image: url(../_images/games/screenshot/lightbox-l.gif); height: 100%; left: -6px; position: absolute; top: 0; width: 6px; }

#svP-container .svP-section.section-top-left { background-position: -99px 0; height: 43px; left: -6px; position: absolute; top: -43px; width: 255px; }
#svP-container .svP-section.section-top-right { background-position: -69px -95px; height: 112px; right: -6px; position: absolute; top: -43px; width: 254px; }
#svP-container .svP-section.section-bottom-left { background-position: -68px -57px; bottom: -37px; height: 37px; left: -6px; position: absolute; width: 145px; }
#svP-container .svP-section.section-bottom-right { background-position: -214px -57px; bottom: -37px; height: 37px; right: -6px; position: absolute; width: 145px; }

/* Styles for simpleVideoPopup modal window plugin - Mists of Pandaria theme */
.mists #screenViewer  { height: 463px; left: 50%; margin-left: -415px; width: 830px; }
.mists #screenViewer .topLeft,
.mists #screenViewer .topRight,
.mists #screenViewer .bottomLeft,
.mists #screenViewer .bottomRight,
.mists #screenViewer .close { background: url(../_images/games/mists/view-image-sprite.png) no-repeat; }

.mists #screenViewer #viewerTitle { color: #eac179; font: 11px Arial, sans-serif; position: absolute; top: -18px; z-index: 1001; }

.mists #screenViewer .close { background-position: -4px -204px; cursor: pointer; height: 34px; position: absolute; right: -7px; top: -28px; width: 34px; z-index: 1001; }
.mists #screenViewer .close:hover { background-position: -47px -204px; }

.mists #screenViewer .topBorder { background: url(../_images/games/mists/view-image-horizontal-bars.png) repeat-x 0 0; height: 30px; left: 0; position: absolute; top: -30px; width: 100%; }
.mists #screenViewer .topLeft { background-position: 0 0; height: 90px; left: -7px; position: absolute; top: -30px; width: 217px; }
.mists #screenViewer .topRight { background-position: -217px 0; height: 90px; right: -7px; position: absolute; top: -30px; width: 217px; }

.mists #screenViewer .bottomBorder {  background: url(../_images/games/mists/view-image-horizontal-bars.png) repeat-x 0 -30px; bottom: -46px; height: 46px; position: absolute; left: 0; width: 100%; }
.mists #screenViewer .bottomLeft { background-position: 0 -91px; bottom: -46px; height: 106px; left: -7px; position: absolute; width: 217px; }
.mists #screenViewer .bottomRight { background-position: -218px -91px; bottom: -46px; height: 106px; right: -7px; position: absolute; width: 217px; }

.mists #screenViewer .leftBorder { background: url(../_images/games/mists/view-image-sprite.png) repeat-y -436px 0; height: 100%; position: absolute; left: -7px; top: 0; width: 7px; }
.mists #screenViewer .rightBorder { background: url(../_images/games/mists/view-image-sprite.png) repeat-y -436px 0; height: 100%; position: absolute; right: -7px; top: 0; width: 7px; }
.mists #screenViewer a { color: #eac179; }