body { 
	color: #ffffff; font-size: 12px; font-family: arial,helvetica,sans-serif;
	background:transparent; width: 100%; height: 100%; margin: 0px; overflow:hidden;
}

#div_composer { 
	background:transparent; width: 0px; height: 0px; margin: auto; overflow:hidden;
}

#div_background {
	position:absolute; overflow: hidden; background:transparent; width: 0px; height: 0px; margin: 0px; z-index: -1; 
}

#div_foreground {
	position:absolute; overflow: hidden; background:transparent; width: 0px; height: 0px; margin: 0px; z-index: 900000; display: block;
}

.div_layer {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
}

.div_crop_iframe,
.div_perspective_iframe,
.div_transformation_iframe,
.div_slice_iframe
 {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 1;
	transform-origin: 0px 0px;
}

.div_transformation {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 2;
	display: none;
}
.div_transformation_handle {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	background-image: url("img/icon_transfo.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.div_transformation_handle:hover  { box-shadow: 1px 1px 12px #555; }

.div_crop {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	z-index: 3;
	display: none;
}
.div_crop_handle {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	background-image: url("img/icon_crop.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.div_crop_handle:hover  { box-shadow: 1px 1px 12px #555; }

.div_slice {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	z-index: 4;
	display: none;
}
.div_slice_handle {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	background-image: url("img/icon_slice.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.div_slice_handle:hover  { box-shadow: 1px 1px 12px #555; }

.div_perspective {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 2;
	display: none;
}
.div_perspective_handle {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
	background-image: url("img/icon_perspective.png");
    background-repeat: no-repeat;
    background-position: center center;
	transform-origin: 0px 0px 0px;
}
.div_perspective_handle:hover  { box-shadow: 1px 1px 12px #555; }
.div_perspective_handle_point {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #ffffff;
	box-shadow: 1px 1px 12px #555; 
	background-color: #ffffff;
	top: 0px;
	left: 0px;
	height: 10px;
	width: 10px;
	z-index: 2;
}

.div_opacity {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	z-index: 4;
	display: none;
	text-align: center;
	background-image: url("img/icon_opacity.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.div_opacity_slider { width: 75%; margin-left: auto; margin-right: auto;  }
.div_opacity:hover  { box-shadow: 1px 1px 12px #555; }

.div_volume{
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
	z-index: 5;
	display: none;
	text-align: center;
	background-image: url("img/icon_volume.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.div_volume_slider { width: 75%; margin-left: auto; margin-right: auto;  }
.div_volume:hover  { box-shadow: 1px 1px 12px #555; }

.div_iframe {
	position:absolute; 
	overflow: hidden;
	border:solid 0px #00ff00;
	background-color:transparent;
	margin-top: 0px;
	margin-left: 0px;
	height: 100%;
	width: 100%;
}

.input_settings { width: 105px; }