.selector {
    width: 580px;
    float: left;
}

.selector select {
    width: 270px;
    height: 17.2em;
}

.selector-available, .selector-chosen {
    float: left;
    width: 270px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 0px;
}

.selector-available h2, .selector-chosen h2 {
    border: 1px solid #ccc;
    background: white url(/static/img/nav-bg.gif) bottom left repeat-x;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
}


.selector .selector-filter {
    background: white;
    border: 1px solid #ccc;
    border-width: 0 1px;
    padding: 3px;
    color: #999;
    font-size: 10px;
    margin: 0;
    text-align: left;
}

.selector .selector-chosen .selector-filter {
    padding: 4px 5px;
}

.selector ul.selector-chooser {
    float: left;
    width: 22px;
    height: 50px;
    /*background: url(/static/img/admin/chooser-bg.gif) top center no-repeat;*/
    margin: 8em 3px 0 3px;
    padding: 0;
}

.selector-chooser li {
    margin: 0;
    padding: 3px;
    list-style-type: none;
}

.selector select {
    margin-bottom: 5px;
    margin-top: 0;
}

.selector-add, .selector-remove {
    width: 16px;
    height: 16px;
    display: block;
    padding-top: 2px;
    /*text-indent: -3000px;*/
}




/* STACKED SELECTORS */

.stacked {
    float: left;
    width: 500px;
}

.stacked select {
    width: 480px;
    height: 10.1em;
}

.stacked .selector-available, .stacked .selector-chosen {
    width: 480px;
}

.stacked .selector-available {
    margin-bottom: 0;
}

.stacked .selector-available input {
    width: 442px;
    margin: 0px;
    height: 20px;
    padding-left: 5px;
    display: inline-block;
}

.stacked ul.selector-chooser {
    height: 28px;
    width: 200px;
    margin: 0 20% 3px 30%;
}

.stacked .selector-chooser li {
    height: 28px;
    float: left;
    padding: 3px 3px 3px 5px;
}

