body {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
  margin-right: auto;	
	background-color: rgb(201,171,141);
	color: rgb(78,84,87);
	display: table;
  width:800px;

  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.topline{
	height: 30px;
	background-color: rgb(78,84,87);
  margin-top: 20px;
}
.header{
	background-color: rgb(235,235,235);
  text-align: center;
  padding-top: 50px;
  
  background-image: url("images/circle.png");
  background-repeat: no-repeat;
	background-size: 50px 50px;
	background-position: 10px 10px;

	font-size: 17px;
	height: auto;
	min-height:100px;
	text-align: justify;	
	
	padding: 25px;
	padding-left: 100px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;		
}
.working{
	background-color: rgb(255,255,255);
  text-align: center;
  padding: 0px;
  font-size: 1.1em;
  padding: 30px;
 	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.toolbar{
	background-color: rgb(235,235,235);
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	border-style: solid;
	border-width: 2px;
	height:60px;
	border-color: rgb( 180, 180, 180);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
		 
	text-align: right;
}
.arrow_right{
	background-image: url("images/arrow-right.png");
	background-repeat: no-repeat;
	background-position:right;
	padding-bottom: 10px;
	height: 30px;
	width: 30px;
	opacity: 0.6;
	float: right;
	position:relative;
	top:-2px;
	margin-left:7px;
}
.arrow_right:hover{
	opacity: 1; 
}
.arrow_right:active{
	opacity: .2; 
}
.container{
	width:100px;
	display: inline;
	margin: 10px;
	padding: 0px;
}
.bottom{
	height: 50px;
	background-color: rgb(78,84,87);
  margin-bottom:20px;
  text-align: center;
  vertical-align: middle;
  font-size:10px;
  padding-top: 12px;
  	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.container_rounded{
	background-color: rgb(235,235,235);
	border-radius: 5px;
	padding: 10px;
	padding-left: 2px;
	padding-right: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: rgb( 180, 180, 180);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
input {
	/*background-color: rgb( 255, 255, 255);*/
	border-radius: 3px;
	padding: 4px;
	margin-top: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 180, 180, 180);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
textarea {
	/*background-color: rgb( 255, 255, 255);*/
	border-radius: 3px;
	padding: 4px;
	margin-top: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 180, 180, 180);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
label{
	font-size: 14px;
	display: inline-block;
	width: 180px;
	vertical-align: text-top;
	text-align: left;
	margin: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;	
}

[draggable] {
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		/*user-select: none;*/
		/* Required to make elements draggable in old WebKit */
		-khtml-user-drag: element;
		-webkit-user-drag: element;
}

#list {
		list-style-type: none;
}

.item {
		width: 380px;
		padding-bottom: 5px;
		padding-top: 5px;
		text-align: center;
		cursor: move;
}

.item header {
		height: 22px;
		width: 400px;
		color: black;
		background-color: #fff;
		padding: 5px;
		border-bottom: 1px solid #ddd;
		border-radius: 2px;
		border: 1px solid #009900;
}

.item.over {
		border-top: 2px solid grey;
}