#adrag
{
  margin-bottom:1em;
}

#adrag_area
{
  position:relative;
  padding:0;
  margin:0;
  border: 1px solid black;
  width:730px;
  height:530px;
  background: url(pic/fon.png) repeat-y;
}

#sortable 
{ 
  list-style-type:none; 
  margin: 0; 
  padding: 0; 
  /* width:520px; */
  font-size:1px;
  margin: 10px 0 10px 20px; 
}
#sortable li 
{ 
  padding:0; 
  /* width:520px; */
  height:120px;
  margin-bottom:10px;
}
#sortable li img { margin:0; padding:0; width:490px;height:120px;}

#adrag_step0, #adrag_step1, #adrag_step2, #adrag_step3
{
  width:490px;
  height:120px;
  padding:0; margin:0;
  background:white;
}
#adrag_1, #adrag_2, #adrag_3, #adrag_4
{
  position:absolute; 
  left:20px;
  z-index:1000;
}

#adrag_1 { top:10px;  }
#adrag_2 { top:140px; }
#adrag_3 { top:270px; }
#adrag_4 { top:400px; }


#adrag_clear
{
  position:absolute; 
  right:20px; 
  top:20px;
}

#adrag_control
{
  position:absolute; 
  right:20px; 
  top:300px;
}

#adrag_z
{
  position:absolute; 
  width:142px;
  height:152px;
  padding:0; margin:0;
  background:white;
  right:20px;
  bottom:20px;
}
#adrag0, #adrag1, #adrag2, #adrag3
{
  position:absolute; 
  left:510px;
  padding:0; margin:0;
}
#adrag0 { top:160px; }
#adrag1 { top:200px; }
#adrag2 { top:240px; }
#adrag3 { top:280px; }

#adrag_mess
{
  position:absolute; 
  right:20px;
  padding:0; margin:0;
  top:80px;
  text-align:right;
  font: 20px Arial, sans-serif; 
  color:#4d4d4d;
}
#adrag_mess SPAN
{
  color:red;
}