/* SELECTOR (FILTER INTERFACE) */

.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;
}

.selector-available h2, .selector-chosen h2 {
    border: 1px solid #ccc;
}

.selector .selector-available h2 {
    background: white url(../img/nav-bg.gif) bottom left repeat-x;
    color: #666;
}

.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 .selector-available input {
    width: 230px;
}

.selector ul.selector-chooser {
    float: left;
    width: 22px;
    height: 50px;
    background: url(../img/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;
    text-indent: -3000px;
    overflow: hidden;
}

.selector-add {
    background: url(../img/selector-add.gif) top center no-repeat;
    margin-bottom: 2px;
}

.selector-remove {
    background: url(../img/selector-remove.gif) top center no-repeat;
}

a.selector-chooseall, a.selector-clearall {
    display: block;
    width: 6em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    color: #666;
    padding: 3px 0 3px 18px;
}

a.selector-chooseall:hover, a.selector-clearall:hover {
    color: #036;
}

a.selector-chooseall {
    width: 7em;
    background: url(../img/selector-addall.gif) left center no-repeat;
}

a.selector-clearall {
    background: url(../img/selector-removeall.gif) left center no-repeat;
}
.selector img.clear-input-button {
    position: relative;
    left: 3px;
    top: 3px;
}

.selector {
width: 95%;
float: left;
}

.selector select {
width: 100%;
height: 8em;
}

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

.selector-available h2, .selector-chosen h2 {
border: 1px solid #ccc;
font-size:smaller;
}

.selector .selector-available h2, .selector .selector-chosen h2 {
background: white url(../img/nav-bg.gif) bottom left repeat-x;
color: #333;
font-size: 10pt;
}


.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 .selector-available input {
   background: url(../img/selector-search.gif) center left no-repeat;
   padding-left: 18px;
   width: 80%;
}

.selector ul.selector-chooser {
float: left;
width: 22px;
height: 50px;
/* background: url(/admin/chooser-bg.gif) top center no-repeat; */
margin: 5em 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;
text-indent: -3000px;
}

.selector-add {
/* background: url(/images/admin/selector-add.gif) top center no-repeat; */
margin-bottom: 2px;
}

.selector-remove {
/* background: url(/images/admin/selector-remove.gif) top center no-repeat; */
}

a.selector-chooseall, a.selector-clearall {
display: block;
width: 10em;
text-align: left;
margin-left: auto;
margin-right: auto;
font-weight: bold;
color: #666;
padding: 3px 0 3px 18px;
}

a.selector-chooseall:hover, a.selector-clearall:hover {
color: #036;
}

a.selector-chooseall {
width: 7em;
/* background: url(/images/admin/selector-addall.gif) left center no-repeat; */
}

a.selector-clearall {
/* background: url(/images/admin/selector-removeall.gif) left center no-repeat; */
}

.selector select {
font-size:11px;
font-weight:normal;
}
.selector h2 {
margin-bottom:0;
}

