/** specific styles search filtering. **/

.filter-block {
  height: 250px;
  border: 2px solid #999999;
  background-color: #FFFFFF;
  font-size: 9pt;
  margin: 0px;
  padding: 0px;
}

#content .filter-block ul.filtertype.checkboxes {
  height: 248px;
  overflow: auto;
  margin-bottom: 0;
  margin-left: 0;
  
  margin-top: 2px;
  position: static;
}

.filter-block-wrapper {
  background-color:#F2F2F2;
  margin: 0;
  padding: 10px;
}

.filter-block ul.filtertype.checkboxes li.selected,
.filter-block ul.filtertype.checkboxes li:hover,
.filter-block ul.filtertype.checkboxes li.hover {
  background-color: #F2F2F2;
}

.filter-block ul.filtertype.checkboxes li.selected input {
  background-color: #E76D20;
}

.filter-block ul.filtertype.checkboxes li {
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  padding-left: 6px !important;
}

.filter-block ul.filtertype.checkboxes li input,
.filter-block ul.filtertype.checkboxes li label {
  cursor: pointer;
}

.filter-block-header {
  margin: 0;
  padding: 8px 5px;
  background-image:url(images/btn_expand.gif);
  background-repeat: no-repeat;
  background-position:right;
  cursor: pointer;
}

.filter-block-daterange {
  font-size: 9pt;
  valign: middle;
  align: center;  
}

fieldset.searchbar {
  margin-top: 4em;
}

h2.filter-block-header.filtershown {
  width:265px;
  background-image: url(/css/images/btn_collapse.gif);
}

h2.filter-block-header.filterhidden {
  width:265px;
  background-image: url(/css/images/btn_expand.gif);
}

h2.filter-block-header span.filtered {
  color: #E76D20;
  padding-left: 10px;
  font-size: .8em;
  font-weight: bold;
}

h2.filter-block-header span.unfiltered {
  display: none;
}

div#collections-results {
  min-height: 900px;
  height: 900px;
}

/* IE6 will ignore this rule, can't do child selector
   All other browsers are happy to use the real height value here */
html > body div#collections-results {
  height: auto;
}

label.filtertype-viewall {
  font-size: 0.72em;
  padding-left: 3px;
  cursor: pointer;
  font-weight: bold;
}

div.filter-block {
  margin-top: 1em;
}


/* {{{ replace viewall checkboxes with image */
input.filtertype-viewall {
  position: absolute;
  left: -9000px; 
}
label.filtertype-viewall {
  background-image: url(/css/images/chk_unchecked_highlight.gif);
  background-repeat: no-repeat;
  background-position: left;
  margin-left: -6px;
  padding-left: 28px;
  height: 16px;
  display: block;
  
}
label.filtertype-viewall.checked {
  background-image: url(/css/images/chk_checked.gif);
}
@media all and (min-width:0px) {
  head~body input.filtertype-viewall {
    position: relative;
  }
  head~body label.filtertype-viewall {
    /* margin-left: -22px; */
    margin-top: -16px;
  }
}
/* }}} replace viewall checkboxes with image */


/* {{{ replace checkboxes with image */
.filter-block ul.filtertype.checkboxes li input {
  position: absolute;
  left: -9000px;
  top: 0;
}

.filter-block ul.filtertype.checkboxes li {
  background-image: url(/css/images/chk_unchecked.gif);
  background-repeat: no-repeat;
  background-position: left;
}

.filter-block ul.filtertype.checkboxes li:hover,
.filter-block ul.filtertype.checkboxes li.hover {
  background-image: url(/css/images/chk_unchecked_highlight.gif);
}

.filter-block ul.filtertype.checkboxes li.selected,
.filter-block ul.filtertype.checkboxes li.selected:hover {
  background-image: url(/css/images/chk_checked.gif);
}

.filter-block ul.filtertype.checkboxes li {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 30px !important;
}

@media all and (min-width:0px) {
  head~body .filter-block ul.filtertype.checkboxes li input {
    position: relative;
  }
  head~body .filter-block ul.filtertype.checkboxes li label {
    padding-left: 1px;
    margin-left: -22px;
  }
}
/* }}} replace checkboxes with image */