/* Darkbox */
.darkbox-frame {
position:fixed;
top:0;
left:0;
display:none;
overflow:hidden;
width:100%;
height:100%;
z-index:999;
}
.darkbox-frame-on {
display:block;
}

/* Shadow */
.darkbox-shadow {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
opacity:0;
}

/* Canvas */
.darkbox-canvas {
position:absolute;
top:50%;
left:50%;
overflow:hidden;
margin:-40px 0 0 -40px;
width:80px;
height:80px;
background:#000 url(../i/spinner.gif) 50% 50% no-repeat;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
opacity:.5;
}
.darkbox-canvas IMG {
display:block;
visibility:hidden;
}
.darkbox-canvas-load {
background-image:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.darkbox-canvas-done {
overflow:visible;
opacity:1;
}
.darkbox-canvas-done IMG {
visibility:visible;
opacity:0;
}

/* Button */
.darkbox-button {
position:absolute;
top:-13px;
display:none;
width:30px;
height:30px;
background:url(../i/button.png) no-repeat;
cursor:pointer;
z-index:1;
}
.darkbox-button-on {
display:block;
}
.darkbox-button-left {
left:-16px;
}
.darkbox-button-right {
right:-16px;
}

* HTML BODY {
/*background:url(about:blank) fixed;*/
}
* HTML .darkbox-frame {
position:absolute;
top:expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}
.darkbox-shadow {
filter:alpha(opacity=0);
}
.darkbox-canvas {
filter:alpha(opacity=50);
}
.darkbox-canvas-done {
filter:none;
}
.darkbox-canvas-done IMG {
filter:alpha(opacity=0);
}
* HTML .darkbox-button {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/button.png',sizingMethod='crop');
}