.gsc-control {
    float: left;
    width: 100%;
    height: 500px;
    overflow: auto;
}

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 * .gsc-keeper : the save link below savable results
 */

.gsc-search-box {
    float: left;
    width: 250px;
}

.gsc-input {
    width: 150px;
    float: right;
}

.gsc-keeper {
    float: right;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
    width: 100%;
}

td.gsc-search-button {
    float: left;
}

input.gsc-search-button {
    float: left;
    border: 1px solid #5f5f5f;
    padding: 2px 10px;
    margin-left: 0;
}


div.gsc-clear-button {
    margin-left: 2px;
  padding : 3px 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('//www.google.com/uds/css/clear.gif');
  cursor : pointer;
}

input.gsc-input {
    padding: 2px 4px;
    border: 1px solid #5f5f5f;
    margin-top: 2px;
    margin-right: 0px;
}

@media screen and (max-width: 900px) {
//input.gsc-input{position: relative; width: 100px; margin-top: 30px; left: -60px;}
}


/* each section of results has a results header table
 * .gsc-resultsHeader : the header itseld
 * td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
 * td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
 * .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
 * .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
 * .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
 * .gsc-title : the section's title (e.g., Web Results, etc.)
 * .gsc-stats : contains the result counts
 * .gsc-stats
 */
.gsc-resultsHeader {
  width : 100%;
  clear : both;
}

.gsc-resultsHeader td.gsc-twiddleRegionCell{
  width: 75%;
}

/*
 * note that the next three classes are all joined together
 * to implement the twiddle image. apps can substitute in their
 * own images but will need to account for the image size here
 * as well as in the left padding of the title element
 *
 * Note: uds provides the following images that work with the geometry/padding defined below
 *  to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
 *  or use an image of your own design
 */
.gsc-resultsHeader .gsc-twiddle{
  margin-top: 4px;
  display: inline;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
  background-image: url('//www.google.com/uds/css/arrow_close.gif');
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
  background-image: url('//www.google.com/uds/css/arrow_open.gif');
}

.gsc-resultsHeader .gsc-title{
  color: #676767;
  margin-right: 10px;
  padding-left: 14px;
  display: inline;
}

/*
 * .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
 * .gsc-result-selector : an individual selector
 * .gsc-one-result : single result selector
 * .gsc-more-results : more (4) results selector
 * .gsc-all-results : all results (8) selector
 */
.gsc-results-selector {
  display : inline;
}

.gsc-result-selector {
  cursor : pointer;
  display : inline;
  font-size : 13px;
  padding-left : 13px;
  background-repeat: no-repeat;
  background-position: center left;
}

/* default mode is dark */
.gsc-one-result {
  background-image: url('//www.google.com/uds/css/one-complex-dark.gif');
}

.gsc-more-results {
  background-image: url('//www.google.com/uds/css/more-complex-dark.gif');
}

.gsc-all-results {
  background-image: url('//www.google.com/uds/css/all-complex-dark.gif');
  padding-right : 1px;
}

/* active mode is light */
.gsc-one-result-active .gsc-one-result {
  background-image: url('//www.google.com/uds/css/one-complex-light-blue.gif');
}

.gsc-more-results-active .gsc-more-results {
  background-image: url('//www.google.com/uds/css/more-complex-light-blue.gif');
}

.gsc-all-results-active .gsc-all-results {
  background-image: url('//www.google.com/uds/css/all-complex-light-blue.gif');
}

.gsc-resultsHeader .gsc-configLabel{
  color: #676767;
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('//www.google.com/uds/css/settings.gif');
}


/* the results for each section
 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gsc-results : the collection of results for a given searcher
 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
 */
.gsc-resultsbox-visible {
  display : block;
}

.gsc-results {
  padding-bottom: 2px;
  width : 99%;
}

.gsc-result {
  margin-bottom: 10px;
}

.gsc-result .gs-title {
  height: 1.4em;
  overflow: hidden;
}

.gsc-webResult {
  zoom: 1;  /* IE-specific hack to get the layout clearing right. */
}

/* Wrapper for a result. */
.gsc-webResult .gsc-result {
  margin: 0;
  padding: .5em 0;
  border-bottom: 1px solid #ebebeb;
}

.gsc-above-wrapper-area {
  border-bottom: 1px solid #E9E9E9;
  padding: 5px 0 5px 0;
}

.gsc-above-wrapper-area-container {
  width: 100%;
}

/* trailing cursor section
 */
.gsc-imageResult .gsc-cursor-box {
  clear : both;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  cursor : default;
  color : #00f;
  font-weight : bold;
  text-decoration: none;
}


/* Per result labels
 */
.gs-webResult div.gs-per-result-labels a.gs-label {
  text-decoration : underline;
  cursor : pointer;
  padding : 3px;
  color : black;
}

.gs-webResult div.gs-per-result-labels a.gs-label.gs-labelActive {
  cursor : default;
  text-decoration : none;
}

.gs-bidi-start-align {
  text-align: left;
}

.gs-bidi-end-align {
  text-align: right;
}

.gsc-table-result,
.gs-promotion-table {
  border-spacing: 0px;
}

.gsc-table-cell-thumbnail,
.gs-promotion-image-cell {
  vertical-align: top;
}

.gsc-table-cell-snippet-close,
.gs-promotion-text-cell {
  vertical-align: top;
  width: 100%;
}

.gsc-thumbnail-left {
  display: block;
}

/* Default rule */
.gsc-inline-block {
  position: relative;
  display: inline-block;
}

/***********************************************/
/**************** Display Nons *****************/
/***********************************************/

.gsc-url-bottom {
  display: none
}

.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  overflow : hidden;
  display : none;
}

.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
    display: none;
}

.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
  display : none;
}

.gsc-resultsbox-invisible {
  display : none;
}

.gsc-result div.gs-watermark {
  display: none;
}

.gsc-results .gsc-result img.gs-ad-marker {
  display: none;
}

.gsc-adBlockInvisible {
  display : none;
}

.gsc-above-wrapper-area-invisible {
  display: none;
}

.gsc-getlink-invisible {
  display: none;
}

.gsc-result-info-invisible {
  display: none;
}

.gsc-getlink-text-invisible {
  display: none;
}

.gsc-option-menu-invisible {
  display: none;
}

.gs-imageResult-classic .gs-text-box .gs-title {
  display: none;
}

.gs-imageResult-column .gs-text-box .gs-size {
  display: none;
}

.gs-imageResult-popup .gs-text-box .gs-title {
   display: none;
}

.gsc-table-cell-snippet-close .gsc-preview-reviews {
  display: none;
}

.gsc-url-top {
  display: none;
}

.gsc-thumbnail-inside {
  display: none;
}

.gsc-labels-no-label-div-invisible {
  display: none;
}

.gsc-labels-label-div-invisible {
  display: none;
}

input.gsc-label-result-label-prefix-invisible {
  display: none;
}

.gsc-label-result-label-prefix-error-invisible {
  display: none;
}

.gsc-add-label-error-invisible {
  display: none;
}

.gsc-label-result-saving-popup-invisible {
  display: none;
}