/*
    Document   : lightbox.css
    Created on : 16-Feb-2010, 17:09:25
    Author     : kevin.hamilton
    Description:
        Purpose of the stylesheet follows.
*/


/* Shadow CSS (unshamably nicked from ExtJS ) */

.lightbox {
    z-index: 10000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
/*    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#aaaaaa', Positive='true')";*/

    /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#aaaaaa', Positive='true');*/
/*    filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135);*/
    z-index: 10100;
    /*filter:dropshadow(OffX=20, OffY=20, Color='black', Positive='true');*/
/*    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5 )";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3); progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=5 );
*/
}
.lightbox.use-trans {
   -moz-transition: -moz-transform .5s ease, opacity .5s ease;
   -webkit-transition: -webkit-transform .5s ease, opacity .5s ease;
   -o-transition: -o-transform  .5s ease, opacity .5s ease;
   -ms-transition: -o-transform  .5s ease, opacity .5s ease;
   transition: transform  .5s ease, opacity .5s ease;

}

.lightbox.use-trans.closed {
    opacity: 0;
    -moz-transform: scale(.1); /*rotate(180deg);*/
    -webkit-transform: scale(.1); /*rotate(180deg);*/
    -o-transform: scale(.1); /*rotate(180deg);*/
    -ms-transform: scale(.1); /*rotate(180deg);*/
    transform: scale(.1); /*rotate(180deg);*/
}

.lightbox-inner {
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    background-color: #ffffff;

    overflow: hidden;
    position: relative;

    width: 100%;
    height: 100%;
}

.lightbox-inner .lb-image {
    height: 100%;
    width:100%;
}
.lightbox-inner {
    width: 100%;
    height: 100%;
}
.lightbox.imageviewer .lightbox-inner div {
    width: 100%;
    height: 100%;
}
.gallery-responsive-lightbox {
    width: 100%;
    height: 100%;
}
.gallery-responsive-lightbox .swipe-wrap {
    height: 100%;
}
.gallery-responsive-lightbox .swipe-wrap>div {
    height: 100%;
    text-align: center;
    width: 100%;
}
.gallery-responsive-lightbox .swipe-wrap>div>img {
    background: url(/asbiscuit/images/preloader.gif) center center no-repeat;
}

.page-mask {
    top:  0;
    left: 0;
    position:fixed;
    z-index:3000;
    background: #000000;
}
.page-mask.gradient {
/*    background: #7D7E7D;  Old browsers */
    background: rgb(125,126,125); /* Old browsers */
    background: rgba(125,126,125, .7); /* Old browsers */
    background: -webkit-gradient(radial, 100% 100%, 0, 0% 0%, from(rgba(125,126,125,.7)), to(rgba(0,0,0,.9)));/* Chrome5+,Safari5.1+ */

    background:    -moz-radial-gradient(center, ellipse, rgba(125,125,125,.5) 0%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.7) 100%); /* FF3.6+ */
    background: -webkit-radial-gradient(center, ellipse, rgba(125,125,125,.5) 0%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.7) 100%); /* Chrome10+,Safari5.1+ */
    background:      -o-radial-gradient(center, ellipse, rgba(125,125,125,.5) 0%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.7) 100%); /* Opera11.10+ */
    background:     -ms-radial-gradient(center, ellipse, rgba(125,125,125,.5) 0%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.7) 100%); /* IE10+ */
    background:         radial-gradient(center, ellipse, rgba(125,125,125,.5) 0%, rgba(0,0,0,.5) 70%, rgba(0,0,0,.7) 100%); /* W3C */

}
.svg.backgroundsize.no-cssgradients .page-mask.gradient {
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCXdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiPg0KPHJhZGlhbEdyYWRpZW50IGlkPSJTVkcxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwIiB4Mj0iNTAiIHkxPSIwIiB5Mj0iMTAwIj4NCgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojN0Q3RTdEO3N0b3Atb3BhY2l0eTouMyIvPg0KCTxzdG9wICBvZmZzZXQ9Ii43IiBzdHlsZT0ic3RvcC1jb2xvcjojMDAwMDAwO3N0b3Atb3BhY2l0eTouMyIvPg0KCTxzdG9wICBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMwMDAwMDA7c3RvcC1vcGFjaXR5Oi41Ii8+DQo8L3JhZGlhbEdyYWRpZW50Pg0KPHJlY3QgZmlsbD0idXJsKCNTVkcxKSIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiLz4NCjwvc3ZnPg==");
}

.lightbox-tools {
    position: absolute;
    display: block;
    top: 3px;
    right: 3px;
/*    width: 16px;*/
    height: 16px;
    width: auto;
    z-index: 2100;
/*    cursor:pointer;*/
    background:transparent no-repeat scroll 0 0;

}
.lightbox-tools>div {
    cursor: pointer;
}

.lightbox-close {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    float: right;
}
.lightbox-reload {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    float: right;
}
.lightbox-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 32px;
    height: 32px;
    margin-left:-16px;
    margin-top:-16px;
    background: #ffffff url('spinner.gif') no-repeat center bottom;
    z-index: 2500;
}
.lightbox-spinner span {
    position: absolute;
    display:block;
/*    left: 50%;*/
    bottom: 100%;
    background:#ffffff;
}

.x-shadow {
    /*display: none;*/
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
}

.x-shadow * {
    border: 0;
    clear: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

/* top  bottom */
.x-shadow .xstc, .x-shadow .xsbc {
    height: 6px;
    float: left;
}

/* corners */
.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
    width: 6px;
    height: 6px;
    float: left;
}

/* sides */
.x-shadow .xsc {
    width: 100%;
}

.x-shadow .xsml, .x-shadow .xsmr {
    width: 6px;
    float: left;
    height: 100%;
}

.x-shadow .xsmc {
    float: left;
    height: 100%;
    background: transparent;
}

.x-shadow .xst, .x-shadow .xsb {
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.x-shadow .xsml {
    background: transparent repeat-y 0 0;
}

.x-shadow .xsmr {
    background: transparent repeat-y -6px 0;
}

.x-shadow .xstl {
    background: transparent no-repeat 0 0;
}

.x-shadow .xstc {
    background: transparent repeat-x 0 -30px;
}

.x-shadow .xstr {
    background: transparent repeat-x 0 -18px;
}

.x-shadow .xsbl {
    background: transparent no-repeat 0 -12px;
}

.x-shadow .xsbc {
    background: transparent repeat-x 0 -36px;
}

.x-shadow .xsbr {
    background: transparent repeat-x 0 -6px;
}

.x-shadow .xsmc {
    background-image: url(shadow-c.png);
}

.x-shadow .xsml, .x-shadow .xsmr {
    background-image: url(shadow-lr.png);
}

.x-shadow .xstl, .x-shadow .xstc,  .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{
    background-image: url(shadow.png);
}