.filter-search {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 35px;
    height: 250px;
}
/* filter search header */
.filter-search-header {
    background: #00549a;
    color: white;
}
.filter-search-header {
    width: 775px;
    height: 37px;
}
.filter-search-header div, .filter-search-header span {
    float: left;
}
.filter-search-header .minimize-filer-search-label {
    width:auto;
    height:17px;
    float:right;
    color: #cc9933;
    padding: 10px;
    cursor: pointer;
}
.filter-search-header .minimize-filer-search-icon {
    width: 29px;
    height: 37px;
    background-image:url('../img/filter-search-arrow.jpg');
    background-position: 0px 0px;
    background-repeat:no-repeat;
    cursor: pointer;
}
.filter-search-header .expand-filer-search-icon {
    background-position: 0px -37px;
}
.filter-search-header h2.refine-search-label {
    font-size: 18px;
    font-weight: bold;
    float:left;
    padding-top: 6px;
    margin: 0px;
}
/* filter search content */
.filter-search-content {
    padding-top: 10px;
    padding-bottom:14px;
    float: left;
    position: relative;
    background-image:url('../img/filter-search-content-background.png');
    width: 775px;
    z-index: 5;
    display:none;
}
.filter-search-content {
    color: #38608a;
}
.filter-search-content div {
    float:left;
}
.filter-search-content .hint {
    float:right;
    margin-top:-22px;
    background-image:url('../img/filter-search-hint.gif');
    background-repeat: no-repeat;
    width:14px;
    height:14px;
}
.filter-search-content .hint p {
    display:none;
    width: 180px;
    position: relative;
    background-color: white;
    padding: 10px;
    margin-top: 15px;
    margin-left: -180px;
    z-index: 202;
    border: 1px solid #aec2e3;
    font-size: 11px;
}
.filter-search-content h3.search-type-header {
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    margin-bottom:5px;
    margin: 0 0 8px;
}
/* location */
.filter-search-content div.location-search {
    padding-left: 24px;
    margin-right: 24px;
    width: 208px;
}
.filter-search-content .location-selects {
    position: relative;
    z-index:2;
}
.filter-search-content .location-selects .university-select {
    position: relative;
    left: -2px;
    z-index: 199;
}
.filter-search-content .location-selects .campus-select {
    position: relative;
    left: -2px;
    float: right;
    z-index: 198;
}
.filter-search-content .location-selects .campus-select .select-wrapper {
	padding-left:18px;
}
.filter-search-content .location-selects .postcode-select {
    position: relative;
    left: -2px;
    z-index: 197;
}
.filter-search-content .location-selects .area-select {
    position: relative;
    left: -2px;
    z-index: 196;
}
.filter-search-content .location-selects .tube-station-select {
    position: relative;
    left: -2px;
    z-index: 195;
}
.filter-search-content .location-selects .university-select select{
    width: 208px;
}
.filter-search-content .location-selects .campus-select select{
    width: 190px;
    display: none;
}
.filter-search-content .location-selects .postcode-select select {
    width: 208px;
}
.filter-search-content .location-selects .area-select select{
    width: 208px;
}
.filter-search-content .location-selects .tube-station-select select{
    width: 208px;
}
.filter-search-content .activable-select {
    background: none;
    margin-bottom: 3px;
    height: 26px;
}
.filter-search-content .activable-select.active {
    background-image:url('../img/orange-trans.gif');
}
.filter-search-content .activable-select .select-wrapper {
    margin: 2px;
}
.filter-search-content .campus-arrow {
    margin-top:4px;
    float:left;
    width:12px;
    height:16px;
    background-image:url('../img/campus-arrow.gif');
    position:absolute;
    top:28px;
    left:2px;
}
/* room type & price range */
.filter-search-content .room-type-search ul, .filter-search-content .price-range-search ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.room-type-search div.checkbox-list, .price-range-search div.checkbox-list {
    padding: 10px;
    padding-right: 7px;
    background: white;
    border: 1px solid #aec2e3;
    line-height: 22px;
}
.filter-search-content .room-type-label .checkbox , .filter-search-content .price-range-label .checkbox {
    float: right;
    margin-top: 3px;
}
/* room type */
.filter-search-content div.room-type-search {
    padding-left: 24px;
    padding-right: 24px;
    border-color: #aec2e3;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    width: 208px;
}
.filter-search-content .room-type-label {
    width: 170px;
}
.filter-search-content .room-type-label .label {
    width: 150px;
    white-space: nowrap;
    overflow:hidden;
}
.room-type-search div ul {
    height: 120px;
    width: 190px;
}
/* price range */
.filter-search-content div.price-range-search {
    padding-left: 24px;
    padding-right: 24px;
    width: 208px;    
}
.price-range-search div ul {
    height: 120px;
    width: 190px;
}
.filter-search-content .price-range-label {
    width: 170px;
}
/* clear */
.filter-search-content #clear-button {
    padding-top:20px;
    float: right;
    cursor: pointer;
}
#property-list-container{
    position: relative;
}

/* Loading overlay */
#replace-out {
    position: relative;
}
#replace-out .loading {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 775px;
    height: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 2100;
    text-align: left;
}
#replace-out .loading img {
    position: absolute;
    left: 50%;
    margin: 80px 0px 20px -16px;
    z-index: 2100;
}
#replace-out .loading .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-color: #666666;
}

.hiddenCampus {
    display: none;
}
/*  */
div {
    outline:white none thick;
}