/* styling for the Google search results page */

.gsc-control-cse {
  font-family: Arial, sans-serif;
  border-color: #fff;
  background-color: #fff;
}

.gsc-control-cse .gsc-table-result {
  font-family: "ff-tisa-web-pro", Georgia, Palatino, Times, Serif;
}

input.gsc-input {
  border-color: #a7a9ac;
  /*padding-right: 0 !important;*/
}

input.gsc-input {
  /*
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: white;
  border-bottom-color: #bbb;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color-ltr-source: physical;
  border-left-color-rtl-source: physical;
  border-left-color-value: #bbb;
  border-left-style-ltr-source: physical;
  border-left-style-rtl-source: physical;
  border-left-style-value: solid;
  border-left-width-ltr-source: physical;
  border-left-width-rtl-source: physical;
  border-left-width-value: 2px;
  border-right-color-ltr-source: physical;
  border-right-color-rtl-source: physical;
  border-right-color-value: #bbb;
  border-right-style-ltr-source: physical;
  border-right-style-rtl-source: physical;
  border-right-style-value: solid;
  border-right-width-ltr-source: physical;
  border-right-width-rtl-source: physical;
  border-right-width-value: 2px;
  border-top-color: #bbb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-style: solid;
  border-top-width: 2px;
  box-shadow: none !important;
  box-sizing: border-box;
  color: #555;
  display: block;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-size: 1rem !important;
  height: 48px;
  line-height: 1em !important;
  margin-bottom: 1rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  outline-color: -moz-use-text-color !important;
  outline-style: none !important;
  outline-width: medium !important;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 100%;
  */
}

/* ----------- Reset some Penofin styles */
input.gsc-input {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-color: white;
  font-family: Arial, Helvetica, Sans-serif;
  border: 2px solid #a7a9ac; 
  border-width: 2px !important;
  box-shadow: none; 
  outline: none !important; 
  color: #000; 
  display: inline-block;
  font-size: 1rem; 
  margin: 0 0 1rem 0;
  padding: 0.75rem !important;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
}
input.gsc-input:hover, 
input.gsc-input:active {
  border: 2px solid #fcb53d !important; 
  border-width: 2px !important; 
}
/* ----------- /Reset some Penofin styles */

table.gsc-search-box td {
  vertical-align:top;
}

input.gsc-search-button {
  border-color: #00AAE0;
  background-color: #00AAE0;
  color:#FFFFFF;
  display: block;
  cursor: pointer;
  font-family: "myriad-pro", Arial, Helvetica, Sans-serif;
  font-weight:bold;
  text-transform: uppercase;
  /*height: 48px;*/
  padding-bottom: 15px;
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 15px;
  margin-left: 2px;
  width: 100% !important;
  /*
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  border-bottom-color: -moz-use-text-color !important;
  border-bottom-style: none !important;
  border-bottom-width: medium !important;
  border-image-outset: 0 0 0 0 !important;
  border-image-repeat: stretch stretch !important;
  border-image-slice: 100% 100% 100% 100% !important;
  border-image-source: none !important;
  border-image-width: 1 1 1 1 !important;
  border-left-color-ltr-source: physical !important;
  border-left-color-rtl-source: physical !important;
  border-left-color-value: -moz-use-text-color !important;
  border-left-style-ltr-source: physical !important;
  border-left-style-rtl-source: physical !important;
  border-left-style-value: none !important;
  border-left-width-ltr-source: physical !important;
  border-left-width-rtl-source: physical !important;
  border-left-width-value: medium !important;
  border-right-color-ltr-source: physical !important;
  border-right-color-rtl-source: physical !important;
  border-right-color-value: -moz-use-text-color !important;
  border-right-style-ltr-source: physical !important;
  border-right-style-rtl-source: physical !important;
  border-right-style-value: none !important;
  border-right-width-ltr-source: physical !important;
  border-right-width-rtl-source: physical !important;
  border-right-width-value: medium !important;
  border-top-color: -moz-use-text-color !important;
  border-top-style: none !important;
  border-top-width: medium !important;
  */
  border: none !important;
  font-size: 1rem;
  line-height: 1em;
  margin-bottom: 1rem;
  margin-right: 0;
  margin-top: 0;
  /*
  outline-color: -moz-use-text-color !important;
  outline-style: none !important;
  outline-width: medium !important;
  */
  outline: none !important;
  text-align: center;
  box-shadow: none !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.gsc-tabHeader.gsc-tabhInactive {
  border-color: #00AAE0;
  background-color: #00AAE0;
}
.gsc-tabHeader.gsc-tabhActive {
  background-color: #165493;
  border-top-color:  #00AAE0;
  border-bottom-color: #165493;
  border-right-color: #165493;
}
.gsc-tabsArea {
  border-color: #165493;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.gsc-webResult.gsc-result.gsc-promotion:hover {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
  color: #165493;
  font-family: "myriad-pro", Arial, Helvetica, Sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
  color: #A7A9AC;
  font-family: "myriad-pro", Arial, Helvetica, Sans-serif; 
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.gsc-cursor-page {
  color: #165493;
}
a.gsc-trailing-more-results:link {
  color: #165493;
  font-size:18px;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
  color: #333333;
  font-size:18px;
  font-family: "ff-tisa-web-pro", Georgia, Palatino, Times, Serif;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
  color: #165493;
  font-size:18px;
  font-family: "ff-tisa-web-pro", Georgia, Palatino, Times, Serif;
}
.gs-webResult div.gs-visibleUrl-short {
  color: #165493;
  font-size:18px;
  font-family: "ff-tisa-web-pro", Georgia, Palatino, Times, Serif;
}
.gs-webResult div.gs-visibleUrl-short  {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long {
  display: block;
}
.gs-promotion div.gs-visibleUrl-short {
  display: none;
}
.gs-promotion div.gs-visibleUrl-long  {
  display: block;
}
.gsc-cursor-box {
  border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
  border-color: #165493;
  background-color: #FFFFFF;
  color: #165493;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #00AAE0;
  background-color: #00AAE0;
  color: #165493;
}
.gsc-webResult.gsc-result.gsc-promotion {
  border-color: #336699;
  background-color: #FFFFFF;
}
.gsc-completion-title {
  color: #165493;
}
.gsc-completion-snippet {
  color: #333333;
}
.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link, .gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited {
  color: #165493;
  font-family: "myriad-pro", Arial, Helvetica, Sans-serif;
  font-size: 1.5rem;
}
.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover, .gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active {
  color: #A7A9AC;
  font-family: "myriad-pro", Arial, Helvetica, Sans-serif;
  font-size: 1.5rem;
}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
  color: #333333;
  font-size: 20px;
  font-family: "ff-tisa-web-pro", Georgia, Palatino, Times, Serif;
}
.gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short  {
  color: #165493;
  font-size: 18px;
  font-family: "ff-tisa-web-pro", Georgia, Palatino, Times, Serif;
}

/* add a right-margin to the search results image */
.gs-image-box, 
.gs-web-image-box, 
.gs-web-image-box-portrait { margin-right: 20px !important; }

/* adjust the padding & borders */
.gsc-table-result, .gs-promotion-table {
  padding-bottom: 20px !important;
  margin: 20px 0 !important;
}
.gsc-result { border-bottom: 1px solid #999 !important; }

.gsc-selected-option, 
.gsc-option { min-width: 100px !important; }

.gsc-option-menu-container:after,
.gsc-selected-option:after, 
.gsc-option:after {
  content: " ";
  display: table; 
  clear: both;
}

.gsc-selected-option-container {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  box-shadow: none !important;
  color: #444;
  cursor: default;
  font-size: 11px;
  font-weight: bold;
  height: 27px;
  line-height: 27px;
  /*
  max-width: 90%;
  min-width: 54px;
  */
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  outline: 0px none;
  padding: 0px 28px 0px 6px;
  position: relative;
  text-align: center;
  /* width: 50px !important; */
}
