@import "../../scss/lib/bootstrap/variables";
@import "../../scss/lib/bootstrap/mixins";

.search_form {
  margin-bottom: $baseLineHeight;
  @include clearfix();
  dl {
    dt, dd { float:left; margin: 0 5px 0 0;}
    label { display:inline; line-height: $baseLineHeight * 1.2;}
    #q-element {max-width:500px; width:100%; margin-bottom: 5px;}
  }
}

ul.srch_results {
  padding: 0;
  margin-left: 0;
  list-style: none;
  ul {
    margin-top: $baseLineHeight / 2;
    list-style: none;
  }
  li {
    @include clearfix();
    padding: 10px;
    border-top: 1px dotted $tableBorder;
    &:first-child {
      padding-top: 0;
      border-top: none;
    }
  }
  h6 {margin-bottom: 0;}
  .list_thumb {float:left; width:10%; max-width:50px; margin-right:2%;}
  .list_item_content {float:left; width:85%;}
  .no_thumb .list_item_content {width:100%;}
  .highlighted {color: lighten($accent, 20%); font-weight: bold;}
  .date-square {
    margin:5px 15px 0 0;
    @include square(43px);
    font-size: 11px;
    line-height: 11px;
    strong {
      font-size: 18px;
      line-height: 26px;
    }
  }
}

.srch_header, .srch_footer {
  padding: 0 10px; margin: 0 0 12px 0;
}
.srch_header {
  color: #333;
  margin-top: $baseLineHeight;
  font-size:$baseFontSize - 3px;
  line-height:$baseLineHeight + 4px;
  @include clearfix();
  @include gradient-vertical($grayLighter, darken($grayLighter,10%));
  @include border-radius(5px);
  h4 {
    font-size:$baseFontSize - 1px;
    line-height:$baseLineHeight + 4px;
    margin: 0;
    font-weight:bold;
    float: left;
    min-width:50%;
  }
  span { float: right; display:block;}
}