/* CSS Document */
#title {
	font-weight: bold;
}

#login_forma{
	margin: 20px;
}

#login_forma a {
	color: Black;
	text-decoration: none;
}

#login_forma a:hover {
	color: #367dcd;
	font-weight: bold;
}


.input {
	font-size: 12px;
	border: 1px solid #2e77c6;
}

.submit {
	background-color: #2e77c6;
	border: 0;
	color: White;
	padding: 2px;
}

.button {
	text-align: right;
	width: 175px;
}

.button1 {
	text-align: right;
	width: 160px;
}

.error {
	color: #f30c1c;
}

.success {
	color: Black;
	font-weight: bold;
}

/* for drag-and-drop demos */

div.shopping_demo {
  height:110px;
}

img.products {
  margin-right:10px;
  cursor:move;
}

div.cart {
  clear:both;
  border:1px solid #E8A400;
  background-color:white;
  padding:8px;
  width:450px;
  background:url(../images/cart.gif) center no-repeat; 
}

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

div#wastebin {
  width:128px;
  height:148px;
  float: left;
  background: url(../images/trash.png) no-repeat;
  margin-left: 10px;
}

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;
}

.link_mouse a {
 color: #3c83d5;
 text-decoration: none;
}

.link_mouse a:hover {
text-decoration: underline;
}

.certificate {
	border: 1px solid White; 
	color: White; 
	font-weight: bold; 
	height: 38px; 
	padding-top: 10px;
}

.certificate a {
	font-weight: bold;
	color: White;
	text-decoration: none;
}

.certificate a:hover {
	text-decoration: underline;
}

.disabled {
		background: #f1f1ed;
		color: #aca899;
		padding: 2px;
		border: 0;
	}