body{
	background-color:#000000;
}

#activity {
	width: 300px;
	height: 350px;
	
	/*border: 1px solid #FFF;*/
}

.intro-box{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border: 5px solid #333333;
background-color: #999999;
width: 209px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
color: white;
text-align: center;
font-family: sans-serif;
padding: 14px;
line-height: 16px;
font-size: 0.7em;
display: block;
}
#file{
	border: none;
width: 86px;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 20px;
margin-bottom: 20px;
}

#preview {
	width:204px;
	height:115px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border-radius:50px;
	
	position:relative;
	top: -115px;
}

#previewBatch {
	background-image:url('images/plate.png');
	background-repeat:no-repeat;
	
	width:204px;
	height:115px;
	margin-left:auto;
	margin-right:auto;
	
	overflow:hidden;
}

#previewLoader{
	width:204px;
	height:115px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border-radius:40px;	
}
#preview img {    
display: block;
}

.siteclear{
	clear:both;
}
.button{
	margin-top: -115px;
display: block;
width: 209px;
border: none;
min-height: 56px;
margin-left: auto;
margin-right: auto;
	}
	.button-lbl-rotate{
		float: left;
color: #FFFFFF;
font-size: 0.7em;
font-family: Arial;
border: none;
width: 65px;
text-align: center;
	}
	.button-lbl-scale{
		float: left;
color: #FFFFFF;
font-size: 0.7em;
font-family: Arial;
border: none;
width: 65px;
text-align: center;
	}
	.button-lbl-position{
		float: left;
color: #FFFFFF;
font-size: 0.7em;
font-family: Arial;
border: none;
width: 65px;
text-align: center;
	}
	
	
	.button-rotate{
		float: left;
color: #FFFFFF;
font-size: 0.7em;
font-family: Arial;
border: none;
width: 65px;
text-align: center;
		}
		.btn-rotate-left a{
			display:block;
			float:left;
			background-image:url('images/min-btn.png');
			background-repeat:no-repeat;
			width:23px;
			height:22px;
			color:transparent;
			font-size:0px;
			text-decoration:none;
			cursor:pointer;
		}
		.btn-rotate-right a{
			display:block;
			float:left;
			background-image:url('images/plus-bttn.png');
			background-repeat:no-repeat;
			width:23px;
			height:22px;
			margin-left:3px;
			color:transparent;
			font-size:0px;
			text-decoration:none;
			cursor:pointer;
		}
	.button-scale{
		float: left;
color: #FFFFFF;
font-size: 0.7em;
font-family: Arial;
border: none;
width: 65px;
text-align: center;
		}
		.btn-scale-min a{
			display:block;
			float:left;
			background-image:url('images/min-btn.png');
			background-repeat:no-repeat;
			width:23px;
			height:22px;
			color:transparent;
			font-size:0px;
			text-decoration:none;
			cursor:pointer;
		}
		.btn-scale-plus a{
			display:block;
			float:left;
			background-image:url('images/plus-bttn.png');
			background-repeat:no-repeat;
			width:23px;
			height:22px;
			margin-left:3px;
			color:transparent;
			font-size:0px;
			text-decoration:none;
			cursor:pointer;
		}
	.button-position{
		float: left;
color: #FFFFFF;
font-size: 0.7em;
font-family: Arial;
border: none;
width: 65px;
text-align: center;
		}
		.btn-position-x-lbl{
			display: block;
float: left;
width: 11px;
color: white;
font-family: Arial;
font-size: 0.9em;
		}
		.btn-position-x a#xmin{
			display:block;
			float:left;
			background-image:url('images/min-btn.png');
			background-repeat:no-repeat;
			width:23px;
			height:22px;
			color:transparent;
			font-size:0px;
			text-decoration:none;
			cursor:pointer;
			margin-left:3px;
		}
		.btn-position-x a#xplus{
			display:block;
			float:left;
			background-image:url('images/plus-bttn.png');
			background-repeat:no-repeat;
			width:23px;
			height:22px;
			margin-left:3px;
			color:transparent;
			font-size:0px;
			text-decoration:none;
			cursor:pointer;
		}
		
		.btn-position-y{
		margin-top:3px;
		}
		.btn-position-y-lbl{
			display: block;
float: left;
width: 11px;
color: white;
font-family: Arial;
font-size: 0.9em;
		}
		.btn-position-y a#ymin{
			display:block;
			float:left;
			background-image:url('images/min-btn.png');
			background-repeat:no-repeat;
			width:23px;
			height:22px;
			color:transparent;
			font-size:0px;
			text-decoration:none;
			cursor:pointer;
			margin-left:3px;
		}
		.btn-position-y a#yplus{
			display:block;
			float:left;
			background-image:url('images/plus-bttn.png');
			background-repeat:no-repeat;
			width:23px;
			height:22px;
			margin-left:3px;
			color:transparent;
			font-size:0px;
			text-decoration:none;
			cursor:pointer;
		}
#hide-show{
	display:none;
}

.image-wrap {
	position: relative;
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}
.image-wrap:after {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: solid 1px #1b1b1b;

	-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.image-wrap img {
	vertical-align: bottom;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.color-emboss{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	}
	.color-emboss .color-btn a{
		display:block;
		float:left;
		background-image:url('images/color-btn.png');
		background-repeat:no-repeat;
		width:99px;
		height:22px;
	}
	.color-emboss .emboss-btn a{
		display:block;
		float:right;
		background-image:url('images/emboss-btn.png');
		background-repeat:no-repeat;
		width:100px;
		height:22px;
		
	}
.footer-yellow{
	width: 200px;
margin-left: auto;
margin-right: auto;
color: yellow;
font-family: Arial;
font-size: 0.7em;
text-align: center;
margin-top: 34px;
}
.footer-white{
	width: 200px;
margin-left: auto;
margin-right: auto;
color: white;
font-family: Arial;
font-size: 0.7em;
text-align: center;
margin-top: 34px;
}