+++ /dev/null
-/** Copyright 2005 Google Inc. All rights reserved. */
-
-/* the GSearchControl CSS Classes
- * .gsc-control : the primary class of the control
- */
-#searchcontrol {background-color:white; padding: 20px; clear: both;}
-.gsc-control {
-  width: auto;
-}
-
-.gsc-control div {
-  position: static;
-}
-
-/* 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
- */
-form.gsc-search-box {
-  font-size: 13px;
-  margin-top : 0px;
-  margin-right : 0px;
-  margin-bottom : 4px;
-  margin-left : 0px;
-  width: 100%;
-}
-
-/*
- * 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 {
-  border-style : none;
-  border-width : 0px;
-  border-spacing : 0px 0px;
-  width : 100%;
-  margin-bottom : 2px;
-}
-
-table.gsc-search-box td {
-  vertical-align : middle;
-}
-
-td.gsc-search-button {
-  width : 1%;
-}
-
-td.gsc-clear-button {
-  width : 14px;
-       display: none;
-}
-
-table.gsc-branding {
-  border-style : none;
-  border-width : 0px;
-  border-spacing : 0px 0px;
-  width : 100%;
-       display: none;
-       }
-
-td.gsc-branding-text {
-  vertical-align : top;
-}
-
-td.gsc-branding-text div.gsc-branding-text {
-  padding-bottom : 2px;
-  text-align : right;
-  color : #676767;
-  font-size : 11px;
-  margin-right : 2px;
-}
-
-td.gsc-branding-img-noclear {
-  width : 51px;
-  vertical-align : bottom;
-}
-
-td.gsc-branding-img {
-  width : 65px;
-  vertical-align : bottom;
-}
-
-table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
-  margin-right : 0px;
-  text-align : center;
-}
-
-table.gsc-branding-vertical td.gsc-branding-img-noclear {
-  text-align : center;
-}
-
-div.gsc-branding-img,
-div.gsc-branding-img-noclear,
-img.gsc-branding-img,
-img.gsc-branding-img-noclear {
-  padding-top : 1px;
-}
-
-img.gsc-branding-img,
-img.gsc-branding-img-noclear {
-  margin : 0 0 0 0;
-  padding-right : 0;
-  padding-left : 0;
-  padding-bottom : 0;
-  border : none;
-}
-
-input.gsc-search-button {
-  margin-left : 4px;
-}
-
-div.gsc-clear-button {
-  display : inline;
-  text-align : right;
-  margin-left : 4px;
-  margin-right : 4px;
-  padding-left : 10px;
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-image: url('http://www.google.com/uds/css/clear.gif');
-  cursor : pointer;
-}
-
-/*
- * Given that this is sitting in a variable width tabel cell, the idea is
- * for it to consume the entire cell. The adjacent cell contains the search
- * button and that is a fixed width cell.
- */
-input.gsc-input {
-  padding-left : 2px;
-  border-style : solid;
-  border-width : 1px;
-  border-color : #BCCDF0;
-  width : 99%;
-}
-
-.gsc-keeper {
-  color: #3366cc;
-  text-decoration: underline;
-  font-size: 13px;
-  cursor: pointer;
-  font-weight: normal;
-
-  padding-left: 16px;
-  background-repeat: no-repeat;
-  background-position: 1px 3px;
-  background-image: url('http://www.google.com/uds/css/blue_check.gif');
-}
-.gsc-imageResult .gsc-keeper {
-  text-decoration: none;
-}
-
-/* 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 {
-  clear: both;
-  width: 100%;
-  border-bottom: 1px solid #e9e9e9;
-  margin-bottom : 4px;
-}
-
-.gsc-resultsHeader td.gsc-twiddleRegionCell{
-  width: 75%;
-}
-
-.gsc-resultsHeader td.gsc-configLabelCell{
-  text-align: right;
-  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: 0px 2px;
-}
-.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
-  background-image: url('http://www.google.com/uds/css/arrow_close.gif');
-}
-.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
-  background-image: url('http://www.google.com/uds/css/arrow_open.gif');
-}
-
-.gsc-resultsHeader .gsc-title{
-  color: #676767;
-  margin-right: 10px;
-  padding-left: 14px;
-  display: inline;
-}
-
-.gsc-resultsHeader .gsc-stats {
-  color: #676767;
-  font-size: 11px;
-  font-weight: normal;
-  display : inline;
-}
-
-.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
-  display : none;
-}
-
-/*
- * .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-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
-  display : none;
-}
-
-.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('http://www.google.com/uds/css/one-complex-dark.gif');
-}
-
-.gsc-more-results {
-  background-image: url('http://www.google.com/uds/css/more-complex-dark.gif');
-}
-
-.gsc-all-results {
-  background-image: url('http://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('http://www.google.com/uds/css/one-complex-light-blue.gif');
-}
-
-.gsc-more-results-active .gsc-more-results {
-  background-image: url('http://www.google.com/uds/css/more-complex-light-blue.gif');
-}
-
-.gsc-all-results-active .gsc-all-results {
-  background-image: url('http://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('http://www.google.com/uds/css/settings.gif');
-}
-
-
-/* tabbed mode of search control
- * .gsc-tabsArea : the box containing all of the tabs
- * .gsc-tabsAreaInvisible : same as above, but this is the state when search has been cleared
- * .gsc-tabHeader : an individual tab
- * .gsc-tabHeader.gsc-tabhActive : the active tab
- * .gsc-tabHeader.gsc-tabhInactive : an inactive tab
- * .gsc-tabData : the data area/box containg results and header data for each tab
- * .gsc-tabData.gsc-tabdActive : the data area for the active tab
- * .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
- */
-.gsc-tabsArea {
-  clear: both;
-  margin-top: 6px;
-       display: none;
-  }
-
-.gsc-tabsAreaInvisible {
-  display : none;
-  }
-
-.gsc-tabHeader {
-  display: inline;
-  cursor: pointer;
-  padding-left: 6px;
-  padding-right: 6px;
-  margin-right: 2px;
-  }
-
-.gsc-tabHeader.gsc-tabhActive {
-  border-left: 1px solid #e9e9e9;
-  border-right: 1px solid #e9e9e9;
-  border-top: 2px solid #ff9900;
-  color: black;
-  }
-
-.gsc-tabHeader.gsc-tabhInactive {
-  border-left: 1px solid #e9e9e9;
-  border-right: 1px solid #e9e9e9;
-  border-top: 2px solid #e9e9e9;
-  background: #e9e9e9;
-  color: #676767;
-  }
-
-.gsc-tabData.gsc-tabdActive {
-  display: block;
-  }
-
-.gsc-tabData.gsc-tabdInactive {
-  display: none;
-  }
-
-/* tab specific results header supression
- * - no twiddle, tabbed mode runs in full expand mode
- * - no title
- * - no stats
- */
-.gsc-tabData .gsc-resultsHeader .gsc-title {
-  display: none;
-  }
-
-.gsc-tabData .gsc-resultsHeader .gsc-stats {
-  display: none;
-  }
-
-.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
-  display : none;
-}
-
-
-
-/* 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-resultsbox-invisible {
-  display : none;
-}
-
-.gsc-results {
-  clear: both;
-  padding-bottom: 2px;
-}
-
-.gsc-result {
-  margin-bottom: 10px;
-}
-
-.gsc-result .gs-title {
-  height: 1.4em;
-  overflow: hidden;
-  }
-
-/* specialized, result type specific, fine grained controls */
-.gsc-result div.gs-watermark {
-  display: none;
-}
-
-/* Ads
- * inline the title div so that we can have an adjecent ad marker
- * in the control, the ad-marker is supressed since ads are already positioned
- * underneath a results divider
- */
-.gsc-webResult a div.gs-title {
-  display: inline;
-}
-.gsc-results .gsc-result img.gs-ad-marker {
-  display: none;
-}
-
-/* Standard configuration div/form */
-div.gsc-config {
-  border: 1px solid #e9e9e9;
-  margin-top: 0px;
-  margin-bottom: 10px;
-  padding-top : 2px;
-  padding-left : 6px;
-  padding-right : 6px;
-  padding-bottom : 6px;
-}
-
-form.gsc-config {
-  margin-bottom : 0px;
-}
-
-.gsc-configSetting {
-  margin-top : 6px;
-  }
-
-.gsc-configSetting_Label {
-  color: #676767;
-  }
-
-.gsc-configSettingInput {
-  color: #676767;
-  border: 1px solid #e9e9e9;
-  width: 75%;
-  }
-
-.gsc-configSettingCheckbox {
-  color: #676767;
-  margin-right: 6px;
-  }
-
-.gsc-configSettingCheckboxLabel {
-  display : inline;
-  color: #676767;
-  }
-
-div.gsc-configSettingSubmit {
-  margin-top : 8px;
-  text-align : right;
-}
-
-input.gsc-configSettingSubmit {
-  display: inline;
-  font-size: 11px;
-  cursor: pointer;
-}
-
-
-/* Image Search
- * - support for horizontal and vertical orientation
- * - title, url, and size supression
- */
-.gsc-results.gsc-imageResult .gsc-imageResult.horizontal{
-  float: left;
-  width: 65px;
-  margin-bottom: 4px;
-  margin-right: 8px;
-  text-align: center;
-}
-
-.gsc-results.gsc-imageResult .gsc-imageResult.horizontal .gs-imageResult {
-  height: 41px;
-}
-
-.gsc-results.gsc-imageResult .gsc-imageResult.vertical{
-  float: none;
-  margin-bottom: 4px;
-  margin-right: 8px;
-  text-align: left;
-}
-
-.gsc-results.gsc-imageResult .gsc-imageResult.horizontal .gsc-keeper {
-  background-position: center;
-}
-
-.gsc-imageResult .gs-title {
-  display: none;
-}
-.gsc-imageResult .gs-visibleUrl {
-  display: none;
-}
-.gsc-imageResult .gs-size {
-  display: none;
-}
-
-/* Video Search
- * - metadata, publisher small font
- * - single line title
- */
-
-.gsc-videoResult .gs-videoResult .gs-metadata {
-  font-size: 11px;
-}
-
-.gsc-videoResult .gs-videoResult .gs-title {
-  line-height: 1.3em;
-  height: 1.3em;
-  overflow: hidden;
-  }
-
-.gsc-videoResult .gs-videoResult .gs-snippet {
-  line-height: 1.3em;
-  max-height: 2.6em;
-  overflow: hidden;
-  }
-
-/*** End of Control, Begin Results ***/
-
-/* generic, cross cutting result style
- * - in the form of .gs-result .gs-xxx where xxx is the generic style
- * .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
- * .gs-divider : typically seperates results from ads
- * .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
- * .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
- * img.gs-image : an actial image in a result
- * .gs-phone : a phone number
- * .gs-address : an address (includes street, city, region, country)
- * .gs-streetAddress : a street (including #)
- * .gs-city : a city
- * .gs-region : a region (zip code, area, etc.)
- * .gs-country : a country
- * .gs-snippet : snippetized content
- * .gs-watermark : indicator that user selected this result
- * .gs-metadata : generic metadata, e.g.,
- * .gs-image-box : generic container for a result's image (within a table)
- * .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
- */
-.gs-result .gs-title,
-.gs-result .gs-title * {
-  color: #0000cc;
-  text-decoration: underline;
-}
-
-.gs-divider {
-  padding-bottom: 8px;
-  text-align: center;
-  color: #676767;
-}
-
-.gs-result a.gs-visibleUrl,
-.gs-result .gs-visibleUrl {
-  color: #008000;
-  text-decoration: none;
-}
-
-/* relative and absolute dates, not, news inlines these */
-.gs-relativePublishedDate,
-.gs-publishedDate {
-  color: #6f6f6f;
-  text-decoration: none;
-}
-.gs-result a.gs-clusterUrl,
-.gs-result .gs-clusterUrl {
-  color: #008000;
-  text-decoration: none;
-  cursor: pointer;
-}
-
-.gs-newsResult .gs-publisher {
-  color: #6f6f6f;
-  display : inline;
-  text-decoration: none;
-}
-
-.gs-bookResult .gs-author {
-  color: #6f6f6f;
-}
-
-/*
- * For news results there are two dates...
- * The relative date is visible while in the
- * search control and the published date
- * is visible when clipped. Why? It doesn't
- * make sense to say 4 hours ago for a clipped
- * result...
- */
-
-/* establish the base style */
-.gs-newsResult .gs-relativePublishedDate,
-.gs-newsResult .gs-publishedDate {
-  display : inline;
-  margin-left : 4px;
-}
-
-/* base styling for relative date is none */
-.gs-blogResult .gs-relativePublishedDate,
-.gs-newsResult .gs-relativePublishedDate {
-  display : none;
-}
-
-/* suppress publishedDate while in the control */
-.gsc-blogResult .gs-blogResult .gs-publishedDate,
-.gsc-newsResult .gs-newsResult .gs-publishedDate {
-  display : none;
-}
-
-/* enable relativePublishedDate while in the control */
-.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
-.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
-  display : inline;
-}
-
-.gs-newsResult .gs-location {
-  color: #6f6f6f;
-  display : inline;
-  text-decoration: none;
-}
-
-.gs-result img.gs-image {
-  vertical-align : middle;
-  border : 1px solid #0000cc;
-}
-
-.gs-result div.gs-phone {}
-
-.gs-result .gs-directions,
-.gs-result .gs-directions * {
-  color: #3366cc;
-  font-weight: normal;
-  text-decoration : underline;
-}
-
-.gs-videoResult a.gs-publisher,
-.gs-videoResult .gs-publisher {
-  color: #008000;
-  text-decoration: none;
-}
-
-.gs-result a {
-  cursor: pointer;
-}
-
-.gs-result .gs-address {
-}
-
-.gs-result .gs-snippet {
-}
-
-.gs-result .gs-watermark{
-  font-size: 10px;
-  color: #7777cc;
-}
-
-div.gs-results-attribution {
-  text-align : center;
-  margin-bottom : 4px;
-}
-
-div.gs-results-attribution,
-div.gs-results-attribution * {
-  font-size : 10px;
-  color : #676767;
-  text-decoration : none;
-}
-
-div.gs-results-attribution a {
-  color: #0000cc;
-  cursor : pointer;
-}
-
-div.gs-results-attribution a:hover {
-  text-decoration : underline;
-}
-
-.gs-result .gs-metadata{
-  color: #676767;
-}
-
-/* searcher specific styling for
- * - web ad
- * - web
- * - local
- * - image (none)
- * - blog (none)
- * - video (none)
- */
-
-/* webAd search specific over rides
- * .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
- */
-.gs-localAd img.gs-ad-marker,
-.gs-webAd img.gs-ad-marker {
-  padding-left: 4px;
-}
-
-.gs-localAd a.gs-visibleUrl div.gs-visibleUrl,
-.gs-webAd a.gs-visibleUrl div.gs-visibleUrl {
-  display : none;
-}
-
-/* default is to not show long mode visible urls
- * apps should selectively enable this while disabling
- * div.gs-visibleUrl-short
- */
-.gs-webResult div.gs-visibleUrl-long {
-  width : 100%;
-  overflow : hidden;
-  display : block;
-}
-
-.gs-webResult div.gs-visibleUrl-short {
-       display: none;
-}
-
-/* local search specific over rides
- * - city, region displayed inline
- * - country supressed
- * - small font size for info window's
- */
-
-.gs-localAd div.gs-address * {
-  color : #676767;
-}
-
-.gs-localAd div.gs-street {
-  display: inline;
-}
-
-div.gs-city {
-  display: inline;
-}
-
-div.gs-region {
-  display: inline;
-}
-
-div.gs-country {
-  display: none;
-}
-
-div.gs-infoWindow * {
-  font-size: 11px;
-  }
-
-/* video search specific over rides
- * - align the table data
- * - default image width garuntee
- * - appropriate cell seperation
- */
-
-/* todo(markl): workaround until gre in gmail fixes his styles */
-.gs-videoResult * {
-  font-size: 13px;
-  }
-
-/*
-.gs-videoResult td .gs-image {
-  vertical-align : middle;
-}
-
-.gs-videoResult td.gs-image-box {
-  background-color : #000000;
-}*/
-
-.gs-videoResult td div.gs-image-box {
-  width : 110px;
-  height : 78px;
-}
-
-.gs-videoResult td div.gs-text-box {
-  vertical-align: top;
-  margin-left: 4px;
-  }
-
-
-/* book search specific over rides
- * - default image width garuntee
- * - appropriate cell seperation
- */
-.gs-bookResult td div.gs-image-box {
-  width : 75px;
-  height : 90px;
-}
-
-.gs-bookResult td div.gs-text-box {
-  vertical-align: top;
-  margin-left: 4px;
-  }
-
-.gs-bookResult img.gs-image,
-.gs-bookResult img {
-  border-spacing : 0px 0px;
-  border : none;
-}
-
-.gs-bookResult table.gs-image-box {
-  border-style : none;
-  border-width : 0px;
-  border-spacing : 0px 0px;
-}
-
-.gs-bookResult td.gs-pages img {
-  height : 7px;
-  width : 45px;
-}
-
-.gs-bookResult td.gs-page-edge img {
-  height : 7px;
-  width : 11px;
-}
-
-.gs-bookResult td.gs-shadow {
-  vertical-align : bottom;
-}
-
-.gs-bookResult td.gs-image img {
-  height : 80px;
-}
-.gsc-ad-box { display:none;}
-
-
-/* trailing cursor section
- */
-.gsc-imageResult .gsc-cursor-box {
-  clear : both;
-}
-
-.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
-  margin-bottom : 0px;
-  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 {
-  color : #A90A08;
-  font-weight : bold;
-  text-decoration: none;
-}
-
-.gsc-resultsHeader *{display:none;}