/* CSS Document */
.workarea {height:auto; width:350px;}
ul.draglist { position:relative; width: 348px;height: auto; list-style: none; margin:0; padding:0;}
ul.draglist li {margin: 1px 0px 3px 0px;zoom: 1; padding:0px}
ul.draglist_alt { 
    position: relative;
    width: 400px; 
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}

ul.draglist_alt li {
    margin: 1px;
    cursor: move; 
}


li.list1 {
    background-color: #fff;
    border:1px solid #7EA6B2;
}

li.list2 {
    background-color: #fff;
   
}

.xtop_color, .xbottom_color {display:block; background:transparent; font-size:1px;}
.xb1_color, .xb2_color, .xb3_color, .xb4_color {display:block; overflow:hidden;}
.xb1_color, .xb2_color, .xb3_color {height:1px;}
.xb2_color, .xb3_color, .xb4_color {background:#ffffff; border-left:1px solid #31312f;border-right:1px solid #31312f;}
.xb1_color {margin:0 5px; background:#31312f;}
.xb2_color {margin:0 3px;border-width:0 2px;}
.xb3_color {margin:0 2px;}
.xb4_color {height:2px; margin:0 1px;}
.xboxcontent_color {display:block; border:0 solid #31312f; border-width:0 1px; height:auto;background-color:#fff;}
* html .xboxcontent_color {height: auto;}
.color_a_color {background-color:#dbdbdc; background-image:url(images/drag-tit-bg.gif); background-position:left top; background-repeat:repeat-x; color:#fff; text-align:left; padding:2px 0px 6px 5px;  font-weight:bold; cursor: move;}


.color_a_color h1{background-image:url(images/drag-tit-icon.gif); background-position:left top; background-repeat:no-repeat; color:#000; font-weight:bold; font-size:12px; margin:0px; padding:0px 0 0 25px;}