#listed
{
	width: 200px;
	margin: 0 autro;
	padding:0;
}

.block
{ 
   border: 2px solid #0090DF;
   background-color: #68BFEF;
   width: 50px; 
   height: 50px;
   margin: 10px; 
   z-index:9999;
   cursor:move;
   float: left;
   clear: both;
}

.grabitem
{ 
   border: 2px solid #999;
   background-color: #ccc;
   color:#333;
}

#drop
{ 
	background-color: #e9b96e;
	border: 3px double #c17d11;
	width: 300px; 
	height: 300px;
	margin: 10px;
	overflow:auto;
	float:right;
}

#drop .grabitem
{
   border: 2px solid #0090DF;
   background-color: #68BFEF;
   width: 50px; 
   height: 50px;
   margin: 10px; 
   z-index:9999;
   cursor:move;
   float: left;
   clear: both;	
}

table.tbl_category
{
    font-weight:bold;
    width:400px;
}

table.tbl_category td.category_spc
{
    background:#fff!important;
    width:16px!important;
    padding: 5px;
    border-left: 1px solid #00a0Dd;
    border-top: 1px solid #00a0Dd; 
    border-bottom: 1px solid #00a0Dd; 
}

table.tbl_category td.right
{
    border-right: 1px solid #0090Dd;
    border-left: none;
}

table.tbl_category td.category_title
{
    background:#fff!important;
    padding: 5px;
    width:420px;
    text-align:center;
    border-top: 1px solid #00a0Dd; 
    border-bottom: 1px solid #00a0Dd; 
}

table.tbl_category td.category_spc_on
{
    background:#dfd!important;
    width:16px!important;
    padding: 5px;
    border-left: 1px solid #00a0Dd;
    border-top: 1px solid #00a0Dd;
    border-bottom: 1px solid #00a0Dd; 
}

table.tbl_category td.right_on
{
    border-right: 1px solid #0090Dd;
    border-left: none;
}

table.tbl_category td.category_title_on
{
    background:#dfd!important;
    padding: 5px;
    width:420px;
    text-align:center;
    border-top: 1px solid #00a0Dd; 
    border-bottom: 1px solid #00a0Dd; 
}