#columnselector {
/*todo -- make it wider..*/
}
#columns_selected,
#columns_available {
}

ul.columns_sortable {
padding: 3px;
margin: 0px;
border: 1px solid #eee;
list-style-type: none;
float: left;/*make ul box expand to the bottom of the list */
min-height: 40px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.columns_sortable li {
float: left;
}

.columnsel_column {
float: left;
display: inline-block;
background-color: #eee;
border: 1px solid #eee;
padding: 2px 5px;
margin: 2px;
cursor: pointer;
}

.columns_sortable .sortcolumn {
background-image: url("image/up.png");
background-repeat: no-repeat;
background-position: right;
padding-right: 20px;
}

.columns_sortable .sortcolumn-desc {
background-image: url("image/down.png");
}