@charset "utf-8";
/* CSS Document */
h3, h4, h5{
margin: .5em auto;
}
div#text_box{
display: inline-block;
float: right;
height: 100px;
}
div#draggable_container {
    height: 400px;
    width: 700px;
	clear: both; 
	//left: 0;
	//float: left;}
div .draggable {
    width: 200px;
    height: 166px;
    cursor: move;
    //background: #9fcfba;
    //border: 1px solid #666;
    text-align: left;
    //position: relative;
	display: inline-block;
    //top: 30px;
    //line-height: 50px; }
div#droppable_demo {
    width: 400px;
    height: 300px;
    background: #fff;
    //border: 5px solid #ccc;
    text-align: center;
    //position: relative;
    //top: -60px;
    //left: 140px;
	float: left;
    line-height: 100px; }
div#droppable_demo.hover {
    //border: 5px dashed #aaa;
    background:#efefef; }
div#generated_text_image {
	float: left;
	display: inline; 
	text-align: left;}
#clearButton{
	width: 80px;
}
	
div#loading_box {
	background-color: #4F3307;
	position: fixed;
	top: 40px;
	left: 40px;
	width: 300px;
	height: 100px;
	border: 1px solid #CAC0AB;
	z-index: 1;
	text-align: center;
}
div#loading_box span {
	color: #CAC0AB;
	position: relative;
	font-size: small;
	top: 10%;
}
div#loading_box span span{
	margin-top: 1em;
}
div#loading_box span img{
	margin-left: .5em;
	position: relative;	
	top: 1.8em;
}
.hidden {
display: none;
}