/* for drag-and-drop demos */
div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    ul.contacts  {
      list-style-type: none;
      margin:0px;
      padding:0px;
    }
    ul.contacts li.selected { background-color: #ffb; }
    li.contact {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
    }
    li.contact div.image {
      float:left;
      width:32px;
      height:32px;
      margin-right:11px;
    }
    li.contact div.name {
      font-weight:bold;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:11px;
	  color:#9c9c9c;
    }
    li.contact div.email {
      font-size:8px;
	  color:#9c9c9c;
    }
    #list {
      margin:0;
      margin-top:10px;
      padding:0;
      list-style-type: none;
      width:250px;
    }
    #list li {
      margin:0;
      margin-bottom:4px;
      padding:5px;
      border:1px solid #888;
      cursor:move;
    }
	
div.shopping_demo {
  height:110px;
}

img.products {
  float:left;
  margin-right:0px;
  cursor:move;
}

img.products1 {
  margin-right:0px;
  cursor:move;
}

div.cart {
  clear:both;
  border:1px solid #cccccc;
  padding:8px;
  width:500px;
}
div.cart1 {
  clear:both;
  border:0px solid #cccccc;
  padding:0px;
  width:202px;
}
div.cart2 {
  clear:both;
  border:0px solid #cccccc;
  padding:0px;
  width:181px;
}
div.cart22 {
  clear:both;
  border:0px solid #cccccc;
  padding:0px;
  width:195px;
}

span.title {
  margin:0;
  padding:0;
  padding-top:10px;
  font-size:8px;
  font-weight:normal;
}

div.wastebin {
  width:500px;
  padding:8px;
  margin-top:8px;
  height:20px;
  color:#ccc;
  border:1px dashed #888;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  text-align:center;
}
div.wastebin1 {
  width:170px;
  padding:4px;
  margin-top:8px;
  height:25px;
  color:#ccc;
  border:1px dashed #888;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  text-align:center;
}

div.cart img {
  width:32px;
  height:46px;
}

div.cart1 img {
  width:32px;
  height:46px;
}

div.cart2 img {
  width:32px;
  height:46px;
}
div.cart22 img {
  width:32px;
  height:46px;
}


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.cart1-active {
  background-color: #FFF4D8;
}
div.cart2-active {
  background-color: #FFF4D8;
}
div.cart22-active {
  background-color: #FFF4D8;
}
div.wastebin-active {
  background-color: #FFF4D8;
  border:1px solid #E8A400;
}
div.wastebin1-active {
  background-color: #FFF4D8;
  border:1px solid #E8A400;
}