input[type="submit"], input[type="button"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
}
#block-sitewidesearchbar {
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
}

#block-sitewidesearchbar .searchformholder {
  display: block;
  width: 270px;
  margin: 0 auto 8px 25px; }
@media (min-width: 400px) {
    #block-sitewidesearchbar .searchformholder {
      margin: 0 auto 8px auto;
      width: 240px; } }
@media (min-width: 648px) {
    #block-sitewidesearchbar .searchformholder {
      width: 240px;
      margin-top: -3px;
    } 
}
@media (min-width: 960px) {
    #block-sitewidesearchbar .searchformholder {
      display: inline-block;
      vertical-align: top;
      
      *zoom: 1; } }
@media (min-width: 648px) {
    #block-sitewidesearchbar .searchformholder #catalogsrch, 
    #block-sitewidesearchbar .searchformholder #sitewidegooglesrch, 
    #block-sitewidesearchbar .searchformholder #guidessrch {
      margin-left: 0; } }
  
  #block-sitewidesearchbar .searchformholder form.searchform {
    display: none; }
 
  #block-sitewidesearchbar .searchformholder form.searchform.active {
      display: inline-block;
      vertical-align: top;
      *zoom: 1; }

#block-sitewidesearchbar #radiobluebuttons {
  display: block;
  margin: 0 auto;
  padding-left: 5px;
  text-align: center; }
@media (min-width: 400px) {
    #block-sitewidesearchbar #radiobluebuttons {
      width: 370px;
      margin-bottom: 8px; } 
  }
@media (min-width: 648px) {
    #block-sitewidesearchbar #radiobluebuttons {
      width: 405px;
      padding: 0 0 4px 0; }
  }
@media (min-width: 960px) { 
    #block-sitewidesearchbar #radiobluebuttons {
      display: inline-block  !important;
      vertical-align: top;
      *zoom: 1;
      margin: 0 5px 0 0;
      width: 420px; } 
  }

#block-sitewidesearchbar #radiobluebuttons input {
  opacity: 0; }
#block-sitewidesearchbar #radiobluebuttons #guidesradio, 
#block-sitewidesearchbar #radiobluebuttons #metaradio,
#block-sitewidesearchbar #radiobluebuttons #sitewidegoogleradio {
    width: auto;
}


#block-sitewidesearchbar #searchholder {
  padding: 8.4px 0; }
  #block-sitewidesearchbar #searchholder fieldset {
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    background: transparent; }
  #block-sitewidesearchbar #searchholder select {
    width: 120px;
    height: 30px;
    border: solid 1px #aaa; }
    #block-sitewidesearchbar #searchholder select#finditselect {
      width: 200px; }
      @media (min-width: 648px) {
        #block-sitewidesearchbar #searchholder select#finditselect {
          width: auto; } }

#block-sitewidesearchbar #searchholderlining {
  margin: 0 auto; }
  @media (min-width: 960px) {
    #block-sitewidesearchbar #searchholderlining {
      width: 670px; } }

#block-sitewidesearchbar .tabformbutton {
  padding: 8px 6px;
  margin-top: 2px; }

#block-sitewidesearchbar .mainq {
  background-image: url(/National_Library/oe_/http://gethelp.library.upenn.edu/sites/default/files/images/common/searchboxicon.png);
  background-position: 8px 50%;
  background-repeat: no-repeat;
  padding: 4px 5px 5px 24px;
  height: 30px; }

#block-sitewidesearchbar #cataloginput, #block-sitewidesearchbar #googleinput, #block-sitewidesearchbar #guidesinput {
  width: auto; 
  height: 25px; 
  border: solid 1px #999;
}
@media (min-width: 960px) {
    #block-sitewidesearchbar #cataloginput, #block-sitewidesearchbar #googleinput, #block-sitewidesearchbar #guidesinput {
      width: auto;
      
    } 
}

@media (min-width: 648px) {
  #block-sitewidesearchbar #finditsrch {
    margin: 0; } }

#block-sitewidesearchbar #finditinput {
  width: 204px;
  margin-bottom: 8px; }
  @media (min-width:648px) {
    #block-sitewidesearchbar #finditinput {
      margin-bottom: 0; } }

#block-sitewidesearchbar #googleinput.mainq {
  background: #fff url(https://web-archive.nli.org.il/National_Library/oe_/https://www.google.com/cse/static/en/google_custom_search_watermark.gif) no-repeat scroll 10px center;
  padding-left: 10px; }
  #block-sitewidesearchbar #googleinput.mainq:focus {
    background-image: none !important; }

#block-sitewidesearchbar .holdradio {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  margin: 0 0 8px 19px;
  text-align: left;
  padding: 4px 0;
  width: 155px;
  cursor: pointer; 
  background-color: #eee;
  border: solid 1px #999;
}
#block-sitewidesearchbar .holdradio.active, #block-sitewidesearchbar .holdradio.active:hover, #block-sitewidesearchbar .holdradio:hover {
    border: 1px solid #2373a5;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 0 1px 1px #3373a5;
    background-color: #6facd5;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='$fromColor', EndColorStr='$toColor');
    background-image: linear-gradient(to bottom, #5393c5, #6facd5); 
}
#block-sitewidesearchbar .holdradio:hover {
    background-color: #5393c5;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='$fromColor', EndColorStr='$toColor');
    background-image: linear-gradient(to bottom, #6facd5, #5393c5); 
}
#block-sitewidesearchbar .holdradio.active {
    cursor: default; 
}
@media (min-width: 400px) {
    #block-sitewidesearchbar .holdradio {
      display: inline-block;
      vertical-align: top;
      *vertical-align: top;
      *zoom: 1;
      margin: 0; 
      } 
}
@media (min-width: 648px) {
    #block-sitewidesearchbar .holdradio {
      width: 163px;
      padding: 6px 8px 7px 0;
      margin: 0 5px 0 0; } 
}
#block-sitewidesearchbar .metaradio {
  width: 135px; }
@media (min-width: 648px) {
      #block-sitewidesearchbar .guidesradio {
      width: 135px; } 
}

#block-sitewidesearchbar .guidesradio {
  width: 75px; }
@media (min-width: 648px) {
      #block-sitewidesearchbar .guidesradio {
      width: 80px; } 
}

#block-sitewidesearchbar .sitewidegoogleradio {
  width: 102px; }
@media (min-width: 648px) {
    #block-sitewidesearchbar .sitewidegoogleradio {
      width: 108px; } 
}

/*in drupal, these styles are in utilities.css*/

/*a element is for widget tabs. label element is for widget console and default 3button search */
a > span > span.labelfornotactive,
a > span.labelfornotactive,
a > h3 > span.labelfornotactive, label > span > span.labelfornotactive,
label > span.labelfornotactive,
label > h3 > span.labelfornotactive {
  display: inline;
  position: absolute !important;
  height: 1px;
  width: 1px;
  height: 0;
  width: 0;
  padding: 0;
  border: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

a > span > span.labelforactive,
a > span.labelforactive,
a > h3 > span.labelforactive, label > span > span.labelforactive,
label > span.labelforactive,
label > h3 > span.labelforactive {
  display: none;
  position: absolute !important;
  height: 1px;
  width: 1px;
  height: 0;
  width: 0;
  padding: 0;
  border: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

a.active > span > span.labelfornotactive, a.active > span.labelfornotactive,
a.active > h3 > span.labelfornotactive, label.active > span > span.labelfornotactive, label.active > span.labelfornotactive,
label.active > h3 > span.labelfornotactive {
  display: none;
  position: absolute !important;
  height: 1px;
  width: 1px;
  height: 0;
  width: 0;
  padding: 0;
  border: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

a.active > span > span.labelforactive, a.active > span.labelforactive,
a.active > h3 > span.labelforactive, label.active > span > span.labelforactive, label.active > span.labelforactive,
label.active > h3 > span.labelforactive {
  display: inline;
  position: absolute !important;
  height: 1px;
  width: 1px;
  height: 0;
  width: 0;
  padding: 0;
  border: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }


.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  height: 0;
  width: 0;
  padding: 0;
  border: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.visually-hidden-off {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}