#districts {
    width: 900px;
    min-height: 600px;
    margin: 25px auto 0 auto;
    font-size: 10pt;
    color: #004D95;
}

#districts #current {
    width: 800px;
    min-height: 230px;
    margin: 10px auto;
    border: 1px solid #004D95;
}

#districts #current .currentHeader,
#districts #available .availableHeader {
    width: 800px;
    height: 25px;
    border-bottom: 1px solid #004D95;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

#districts #available {
    width: 800px;
    min-height: 500px;
    margin: 10px auto 0 auto;
    border: 1px solid #004D95;
}

#districts #available .typeHeader {
    width: 300px;
    height: 22px;
    cursor: pointer;
    margin: 15px 0;
    padding: 0 0 0 25px;
    font-weight: bold;
    font-size: 16px;
}

#districts #available .open {
    background-image: url("../../../images/community/common/arrow_down.png");
    background-repeat: no-repeat;
    background-position: left;
}

#districts #available .closed {
    background-image: url("../../../images/community/common/arrow_right.png");
    background-repeat: no-repeat;
    background-position: left;
}

#districts #available .availableDistrict {
    width: 725px;
    height: 18px;
    overflow: hidden;
    margin: 0 0 0 50px;
    padding: 0 0 0 25px;
    background-image: url("../../../images/community/common/add.png");
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
}

#districts #available .availableDistrict:hover {
    background-color: #F9F7F7;
}

#districts .currentSelected {
    padding: 5px 0;
}

#districts .currentSelected .selectedDistrict {
    width: 725px;
    height: 18px;
    overflow: hidden;
    margin: 0 0 0 50px;
    padding: 0 0 0 25px;
    background-image: url("../../../images/community/common/cross.png");
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
}

#districts .currentSelected .selectedDistrict:hover {
    background-color: #F9F7F7;
}