@charset "utf-8";

html, body { 
   height:100%; 
   width:100% ;
}
body { 
   margin:0; 
   padding:0; 
   border:none; 
   position:relative; 
}
.overlay { 
   width:100%; 
   min-height:100%; 
   display:none; 
   position:fixed; 
   top:0; 
   left:0; 
   background:url(../images/overlay.png) repeat 0 0; 
   z-index:980; 
}
.dialog { 
   display:table-cell; 
   padding:0;
   position:absolute; 
   left:50%; 
   top:50%; 
   background:transparent; 
   border:none;
   z-index:990;
}
.dialog-inner { 
   border-radius:10px; 
   position:relative;
   line-height:0;
   overflow:hidden;
}
.dialog-loading {
   background:url("../images/loading.gif") no-repeat center center;
}
.dialog-inner > *{ 
   vertical-align:middle; 
}
.dialog .close_dialog { 
   border:none; 
   outline:none; 
   -webkit-appearance:none; 
   height:38px; 
   width:38px; 
   background:url(../images/close_contrast.png) no-repeat 0 0 transparent; 
   z-index:50; 
   position:absolute; 
   margin:0;
   padding:0; 
}
.dialog .close_dialog:hover { 
   color:#444; 
   text-decoration:none; 
   background-position:0 -38px; 
}
.dialog-title { 
   margin:0 auto;
   padding-top:10px;
   text-align:center;
   color:#fff; 
   font-size:13px; 
}
.dialog-title-inner { 
   margin:auto; 
   display:inline-block; 
   vertical-align:middle; 
   padding:5px 15px; 
   background:#000; 
   border:2px solid #111; 
   border-radius:20px; 
}


/**** Gallery *************************/
/**************************************/

.figure-dialog-gallery {
   position:relative;
   overflow:hidden;
}
.dialog-gallery-button-pane {
   position:absolute;
   border:none; 
   background:url("../images/overlay.png") repeat 0 0;
   width:99%;
   border-radius:24px;
   bottom:10px;
   left:.5%;
   display:none;
}
.dialog button {
   cursor:pointer;
}
button.dialog-gallery-back {
   position:absolute;
   border:none; 
   outline:none; 
   -webkit-appearance:none; 
   margin:0;
   bottom:5px;
   left:5px;
}
button.dialog-gallery-next {
   position:absolute;
   border:none; 
   outline:none; 
   -webkit-appearance:none; 
   margin:0;
   bottom:5px;
   right:5px;
}
button.dialog-gallery-slideshow-stop {
   position:absolute;
   border:none; 
   outline:none; 
   -webkit-appearance:none; 
   bottom:5px;
   left:50%;
}
button.dialog-gallery-slideshow-start {
   position:absolute;
   border:none; 
   outline:none; 
   -webkit-appearance:none; 
   background:url("../images/btn_slideshow_start.png") no-repeat 0 0;
   bottom:5px;
   left:50%;
}


/**** Small Control Buttons ***********/
/**************************************/

.controls-small {
   height:30px;
}
.controls-small button {
   height:20px;
   width:20px;
}
.controls-small button.dialog-gallery-back {
   background:url("../images/btn_back-small.png") no-repeat 0 0;
}
.controls-small button.dialog-gallery-next {
   background:url("../images/btn_next-small.png") no-repeat 0 0;
}
.controls-small button.dialog-gallery-slideshow-start {
   margin:0 0 0 15px;
   background:url("../images/btn_slideshow_start-small.png") no-repeat 0 0;
}
.controls-small button.dialog-gallery-slideshow-stop {
   margin:0 0 0 -15px;
   background:url("../images/btn_slideshow_stop-small.png") no-repeat 0 0;
}
.controls-small button:hover {
   background-position:0 -20px;
}
.controls-small button.active {
   background-position:0 -40px;
}


/**** Medium Control Buttons **********/
/**************************************/

.controls-medium {
   height:40px;
}
.controls-medium button {
   height:30px;
   width:30px;
}
.controls-medium button.dialog-gallery-back {
   background:url("../images/btn_back-medium.png") no-repeat 0 0;
}
.controls-medium button.dialog-gallery-next {
   background:url("../images/btn_next-medium.png") no-repeat 0 0;
}
.controls-medium button.dialog-gallery-slideshow-start {
   margin:0 0 0 20px;
   background:url("../images/btn_slideshow_start-medium.png") no-repeat 0 0;
}
.controls-medium button.dialog-gallery-slideshow-stop {
   margin:0 0 0 -20px;
   background:url("../images/btn_slideshow_stop-medium.png") no-repeat 0 0;
}
.controls-medium button:hover {
   background-position:0 -30px;
}
.controls-medium button.active {
   background-position:0 -60px;
}


/**** Large Control Buttons **********/
/**************************************/

.controls-large {
   height:50px;
}
.controls-large button {
   height:40px;
   width:40px;
}
.controls-large button.dialog-gallery-back {
   background:url("../images/btn_back-large.png") no-repeat 0 0;
}
.controls-large button.dialog-gallery-next {
   background:url("../images/btn_next-large.png") no-repeat 0 0;
}
.controls-large button.dialog-gallery-slideshow-start {
   margin:0 0 0 25px;
   background:url("../images/btn_slideshow_start-large.png") no-repeat 0 0;
}
.controls-large button.dialog-gallery-slideshow-stop {
   margin:0 0 0 -25px;
   background:url("../images/btn_slideshow_stop-large.png") no-repeat 0 0;
}
.controls-large button:hover {
   background-position:0 -40px;
}
.controls-large button.active {
   background-position:0 -80px;
}