/* 
    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 {
    zoom:1;
    z-index: 2000;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-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);
    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.Shadow(color=#aaaaaa,direction=135);*/

    /*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#aaaaaa', Positive='true');*/
    z-index: 2000;
    /*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-inner {
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #ffffff;
}

.page-mask {
    top:  0;
    left: 0;
    position:absolute;
    z-index:1000;
}

.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;
}

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

.x-shadow * {
    overflow: hidden;
}

.x-shadow * {
    padding: 0;
    border: 0;
    margin: 0;
    clear: none;
    zoom: 1;
}

/* 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);
}