
body {
	font: 82% "Trebuchet MS", sans-serif;
	margin: 0px 0px;
	background-color:#E9E9E9
}
table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.danger{
	color: red;
}
.nodanger{
	color: #337E04;
}

.red_alert {
	background: #FF0000 url("images/ui-bg_gloss-wave_red_alert_500x100.png") 50% 50% repeat-x;
}

.form_text {
	border: 1px solid #8e846b;
	background-color: #fff9e5;
	color: #1f1f1f;
}

input.text { 
	margin-bottom:2px; 
	width:95%; 
	padding: 8px; 
}

#sortable1, #sortable2 {
    border: 1px solid #BFBFBF;
    width: 272px;
    min-height: 40px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 15px;
  }

#sortable1 li, #sortable2 li  {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.0em;
    width: 250px;
	height: 30px;
  }

.sortable-number { 
	width: 25px;
	float: left;
	line-height: 1em;
	text-align: center;
	font-weight: bold; 
	margin: 7px 10px 0 0;
}
.placehold { 
	width: 25px;
	float: left;
	line-height: 1em;
	text-align: center;
	font-weight: bold; 
	margin: 7px 10px 0 0;
}

hr { 
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    border-style: inset;
    border-width: 1px;
	width: 200px;
	margin-right: auto;
	margin-left: 0;
} 

img {
    float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
}

.d {
	padding-top: 5px;  
}

.custom-ui-state-highlight {
	border: 1px solid #8e846b;
	background: #fff9e5;
	color: #1f1f1f;
}
