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




/* Customizing */

.darkbox-canvas {
    margin:-48px 0 0 -48px;
    padding: 7px;
    border: 1px solid #5c5c5c;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #252525;
	}
	.darkbox-canvas IMG {
        border: 1px solid #5c5c5c;
	    }

.darkbox-button {
	top: 8px;
	right: 6px;
	width: 33px;
	height: 33px;
	background:url(/i/but_gal.png) -87px 0 no-repeat;
	cursor:pointer;
	z-index:1;
	}