/* for drag-and-drop demos */

div.shopping_demo {
  height:110px;
}

img.products {
  float:left;
  /*width:100px;
  height:100px;*/
  margin-right:10px;
  cursor:move;
}

div.cart {
	background-color:#E3DCD2;
	padding:10px;
	width:300px;
	height: 300px;
	overflow:hidden;
}

span.title {
  margin:0;
  padding:0;
  padding-top:10px;
  font-size: 12px;
  color: #444;
  font-weight:normal;
}

div#wastebin {
  width:300px;
  padding:8px;
  margin-top:8px;
  color:#ccc;
  border:1px dashed #888;
  font-size:20px;
  font-weight:bold;
  text-align:center;
}

div.cart img {
  float:left;
  width:32px;
  height:32px;
  margin-right:10px;
}

div.cart div {
  font-size:12px/14px;
  font-weight:normal;
  color:#444;
  clear:left;
}

ul.sortablelist {
  list-style-image:none;
  list-style-type:none;
  margin-top:5px;
  margin:0px;
  padding:0px;
}

ul.sortabledemo li {
  padding:0px;
  margin:0px;
}

span.handle {
  background-color: #E8A400;
  color:white;
  cursor: move;
}

li.green {
  background-color: #ECF3E1;
  border:1px solid #C5DEA1;
  cursor: move;
}

li.orange {
  border:1px solid #E8A400;
  background-color: #FFF4D8;
}

#puzzle {
  margin-left:10px;
  width:450px;
  height:450px;
  border:1px solid #e8a400;
}

#puzzle img {
  float:left;
  margin:0px;
  cursor:move;
}

span.congrats {
  background-color: #E8A400;
  color:white;
  font-weight: bold;  
}

div.cart-active {
  background-color: #FFF4D8;
}

div.wastebin-active {
  background-color: #FFF4D8;
  border:1px solid #E8A400;
}