/* Darkbox
---------------------------------------- */
.darkbox {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	display:none;
	overflow:hidden;
	width:100%;
	height:100%;
	}
	.darkbox .darkbox-shadow {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:#000;
		}
	.darkbox .darkbox-canvas {
		position:absolute;
		top:50%;
		left:50%;
		overflow:hidden;
		margin:-40px 0 0 -40px;
		width:80px;
		height:80px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		border-radius:15px;
		background:#000 url(i/spinner.png) 24px 24px no-repeat;
		}
		.darkbox .darkbox-canvas IMG {
			display:block;
			visibility:hidden;
			background-color:rgba(0,0,0,.4);
			}
	.darkbox .darkbox-button {
		position:absolute;
		top:-13px;
		z-index:1;
		display:none;
		overflow:hidden;
		width:30px;
		height:30px;
		background:url(i/close.png) no-repeat;
		cursor:pointer;
		}
	.darkbox .darkbox-button-left {
		left:-16px;
		}
	.darkbox .darkbox-button-right {
		right:-16px;
		}
	.darkbox .darkbox-picker {
		position: absolute;
		left:0;
		right: 0;
		bottom: -50px;
		height: 20px;
		background: linear-gradient(90deg, #000, #fff);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		}
	.darkbox .darkbox-picker:before {
		content:'';
		border-left:1px solid #fff;
		border-right:1px solid #000;
		display:inline;

		}

/* Darkbox On
---------------------------------------- */
.darkbox-on {
	display:block;
	}

/* Darkbox Loaded
---------------------------------------- */
.darkbox-loaded {
	}
	.darkbox-loaded .darkbox-canvas {
		overflow:visible;
		height:auto;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		background:none;
		box-shadow: 0 0 20px 8px #000;
		}
		.darkbox-loaded .darkbox-canvas IMG {
			width:100%;
			visibility:visible;
			}

/* Darkbox Error
---------------------------------------- */
.darkbox-error {
	}
	.darkbox-error .darkbox-canvas {
		background-image:url(i/error.png);
		}

/* Darkbox Done
---------------------------------------- */
.darkbox-done {
	}
	.darkbox-done .darkbox-button {
		display:block;
		}