/** Copyright 2005 Google Inc. All rights reserved. */

/* the GSearchControl CSS Classes
 * .gsc-control : the primary class of the control
 */
.gsc-control {
  width: 300px;
}

.gsc-control div {
  position: static;
}

.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size : 13px;
}

.gsc-control-cse 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 : 0;
  margin-right : 0;
  margin-bottom : 4px;
  margin-left : 0;
  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 : 0;
  border-spacing : 0 0;
  width : 100%;
  margin-bottom : 2px;
}

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

table.gsc-search-box td.gsc-input {
  padding-right : 12px;
}

td.gsc-search-button {
  width : 1%;
}

td.gsc-clear-button {
  width : 14px;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding,
table.gcsc-branding td,
table.gcsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding,
table.gcsc-branding {
  border-style : none;
  border-width : 0;
  border-spacing : 0 0;
  width : 100%;
}

.gsc-branding-text,
.gcsc-branding-text,
.gsc-branding-text-name,
.gcsc-branding-text-name, {
  color : #676767;
}

td.gsc-branding-text,
td.gcsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text,
td.gcsc-branding-text div.gcsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  font-size : 11px;
  margin-right : 2px;
}

div.gsc-branding-youtube td.gsc-branding-text {
  vertical-align : middle;
}

td.gsc-branding-img-noclear,
td.gcsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img,
td.gcsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

div.gsc-branding-youtube td.gsc-branding-img-noclear {
  width : 55px;
}

div.gsc-branding-youtube td.gsc-branding-img {
  width : 69px;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0;
  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,
div.gcsc-branding-img,
div.gcsc-branding-img-noclear,
img.gcsc-branding-img,
img.gcsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear,
img.gcsc-branding-img,
img.gcsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

td.gcsc-branding-text {
  white-space: nowrap;
  width: 100%;
}

td.gcsc-branding-text div.gcsc-branding-text {
  margin: 0 2px;
}

td.gcsc-branding-img-noclear {
  width: auto;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

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('//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: 1px 6px;
  border: 1px solid #DDD;
  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('//www.google.com/uds/css/blue_check.gif');
}

/* 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%;
}

.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: 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-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('//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');
}


/* 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;
  margin-bottom: 8px;
  }

.gsc-tabsArea .gs-spacer {
  font-size : 1px;
  margin-right : 0;
  overflow : hidden;
}

.gsc-tabsArea .gs-spacer-opera {
  margin-right : 0;
}

.gsc-tabsAreaInvisible,
.gsc-refinementsAreaInvisible,
.gsc-refinementBlockInvisible {
  display : none;
  }

.gsc-tabHeader {
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 2px;
  margin-top: 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;
  cursor: pointer;
  }

.gsc-tabData.gsc-tabdActive {
  display: block;
  }

.gsc-tabData.gsc-tabdInactive {
  display: none;
  }

/* gsc-resultsbox-invisible is preferred over gsc-tabdActive */
.gsc-tabData.gsc-tabdActive.gsc-resultsbox-invisible{
  display: none;
  }

.gsc-refinementsArea {
  clear: both;
  margin-bottom: 4px;
  padding-left: 8px;
  }

.gsc-refinementHeader {
  margin-right: 2px;
  padding: 2px 8px 0 8px;
  }

.gsc-refinementHeader.gsc-refinementhActive {
  font-weight: bold;
  }

.gsc-refinementHeader.gsc-refinementhInactive {
  text-decoration: underline;
  cursor: pointer;
  }

/* 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;
}

/* style for auto-completion table
 * .gsc-completion-selected : highlighted completions.
 * .gsc-completion-container : styling for the table which contains the completions
 * .gsc-completion-promotion-selected: highlighted promotions
 */
.gsc-completion-selected {
  background : #EEEEEE;
  cursor: default;
}

.gsc-completion-selected .gsc-completion-promotion-table {
  cursor: pointer;
}

.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  background: white;
  border : 1px solid #DDD;
  border-top-color: #D9D9D9;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -mox-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  margin: 0;
}

.gsc-completion-title {
  color: #0000cc;
  line-height: normal;
  white-space: normal;
}

.gsc-completion-snippet {
  line-height: normal;
  white-space: normal;
}

.gsc-completion-icon-cell {
  width: 42px;
  height: 42px;
  padding-right: 10px;
}

.gsc-completion-icon {
  /* place image in the middle */
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 1px solid #dddddd;
}

.gsc-completion-promotion-table {
  font-size : inherit;
  background: inherit;
  margin: 5px 0;
  width: 100%;
}

/* TODO(zengmin): Remove the following gsc-completion-* rules after
   consolidated-searchbox is fully launched
 */

.gsc-completion-promotion {
  background: white;
  margin-left: 0;
  margin-right: 0;
}

.gsc-completion-promotion-separator {
  margin: 5px 0;
  width: 100%;
  height: 0px;
  border-top: 1px solid #e5e5e5;
}

.gsc-completion-promotion-icon-cell {
  width: 42px;
  height: 42px;
  padding-right: 10px;
}

.gsc-completion-promotion-icon {
  /* place image in the middle */
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 1px solid #dddddd;
}

.gsc-completion-promotion-selected .gsc-completion-promotion-table tr {
  background : #eeeeee;
  cursor: pointer;
}

/* The following rules is mainly to override settings in gs-promotion
 * that we don't want
 */
.gsc-completion-promotion .gs-promotion {
  background: inherit;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

.gsc-completion-promotion-selected .gs-promotion a.gs-title,
.gsc-completion-promotion .gs-promotion a.gs-title {
  text-decoration: none;
  white-space: normal;
}


.gsc-completion-promotion-selected .gs-promotion {
  background: inherit;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

.gsc-completion-promotion-selected .gs-promotion .gs-snippet,
.gsc-completion-promotion .gs-promotion .gs-snippet {
  padding-left: 0px;
  padding-top: 0px;
}

/* 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 {
  padding-bottom: 2px;
  width : 99%;
}

.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
 */
.gsc-results .gsc-result img.gs-ad-marker {
  display: none;
}

.gsc-wrapper {
  position : relative;
  display : block;
}

.gsc-adBlock {
  position : relative;
  display : block;
  border-bottom: 1px solid #E9E9E9;
  margin-bottom: 4px;
}

.gsc-adBlock h2 {
  float : right;
  margin : 3px 5px 0;
  font-weight : normal;
  font-size : .9em;
  color : #676767;
}

.gsc-adBlock .gsc-ad {
  padding-left : 8px;
  padding-top : 5px;
  padding-right : 3px;
}

.gsc-adBlock .gsc-ad a {
  font-weight : bolder;
  color : #0000CC;
  line-height : 1.4em;
}

.gsc-adBlock .gsc-ad cite {
  font-style : normal;
  color : green;
}

.gsc-adBlock .gsc-ad span {
  padding-left : 8px;
}

.gsc-adBlockNoHeight {
    height : 0;
}

.gsc-adBlockInvisible {
  display : none;
}

.gsc-adBlockVertical {
  position : relative;
  display : block;
  float : right;
  width : 30%;
}

.gsc-thinWrapper {
  width : 69%;
  float : left;
  overflow : hidden;
}

.gsc-adBlockVertical h2 {
  text-align : center;
  font-weight : normal;
  font-size : .9em;
  color : #676767;
  margin-top : 6px;
}

.gsc-adBlockVertical .gsc-ad {
  padding-left : 8px;
  padding-top : 5px;
}

.gsc-adBlockVertical .gsc-ad a {
  font-weight : bolder;
  color : #0000CC;
  line-height : 1.4em;
}

.gsc-adBlockVertical .gsc-ad cite {
  font-style : normal;
  color : green;
  display : block;
}

.gsc-adBlockVertical .gsc-ad span {
}

/* Standard configuration div/form */
div.gsc-config {
  border: 1px solid #e9e9e9;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top : 2px;
  padding-left : 6px;
  padding-right : 6px;
  padding-bottom : 6px;
}

form.gsc-config {
  margin-bottom : 0;
}

.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;
}

/* Added so elements inside a result are properly cleared by the container. */
.gsc-webResult:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: 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-result-info {
  text-align: left;
  color: #676767;
  font-size: 13px;
  padding-bottom: 4px;
  padding-left: 8px;
  border-bottom: 1px solid #E9E9E9;
}

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

.gs-web-image-box,
.gs-promotion-image-box {
  float: left;
  padding: 2px 8px 2px 0px;
  margin-right: 0px;
  margin-left: 0px;
  text-align:center;
  width: 62px; /* default width + 1px border */
}

.gs-web-image-box img.gs-image,
.gs-promotion-image-box img.gs-promotion-image {
  border: 1px solid #e2e2e2;
  max-width: 60px; /* Small icons width. */
  max-height: 120px;  /* Limit height too. */
  /* IE-specific hack to simulate max-width and max-height. */
  /* For IE, image size will be 105 because various default
   * values for margins and borders are different.
   */
  width: expression(this.width > 64 ? '64px': true);
  height: expression(this.height > 120 ? '120px': true);
}

div.gs-action {
  display: inline;
  margin-right: 0.6em;
}
div.gs-action a.gs-action {
  color: #7777CC;
}
div.gs-action.cart a.gs-action,
div.gs-action.star a.gs-action,
div.gs-action.rss a.gs-action,
div.gs-action.download a.gs-action,
div.gs-action.email a.gs-action,
div.gs-action.mobile a.gs-action,
div.gs-action.share a.gs-action,
div.gs-action.fullscreen a.gs-action,
div.gs-action.generic a.gs-action,
div.gs-action.link a.gs-action {
  padding-left: 18px;
  background:transparent url('//www.google.com/cse/images/action_icons_sprite.gif') no-repeat;
}
div.gs-action.cart a.gs-action {
  background-position: 0 0;
}
div.gs-action.star a.gs-action {
  background-position: -16px -34px;
}
div.gs-action.rss a.gs-action {
  background-position: -48px -98px;
}
div.gs-action.download a.gs-action {
  background-position: -64px -128px;
}
div.gs-action.email a.gs-action {
  background-position: -112px -224px;
}
div.gs-action.mobile a.gs-action {
  background-position: -131px -257px;
}
div.gs-action.share a.gs-action {
  background-position: -32px -64px;
}
div.gs-action.fullscreen a.gs-action {
  background-position: -79px -162px;
}
div.gs-action.generic a.gs-action {
  background-position: -144px -290px;
}
div.gs-action.link a.gs-action {
  background-position: -159px -321px;
}

/* Image Search
 */
.gsc-imageResult .gs-imageResult .gs-text-box .gs-ellipsis {
  overflow:hidden;
  text-align: left;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -ms-text-overflow:ellipsis;
  white-space:nowrap;
}

.gsc-imageResult {
  float: left;
  margin-bottom: 1em;
  margin-right: 20px;
}

.gsc-imageResult-column {
  margin-right: 70px;
}

.gs-imageResult {
  width: 114px; /* default width + 1px border */
  overflow: hidden;
}

.gs-imageResult .gs-image-box {
  height: 86px; /* default height + 1px border */
  width: 114px; /* default width + 1px border */
  position : relative;
}

.gs-imageResult .gs-text-box {
  text-align: center;
  overflow : hidden;
  height: 4em;
}

/* No padding for image result */
.gs-imageResult div.gs-title,
.gs-imageResult .gs-snippet,
.gs-imageResult .gs-visibleUrl,
.gs-imageResult .gs-visibleUrl-short,
.gs-imageResult .gs-spelling {
  padding: 0;
}

.gs-imageResult .gs-snippet {
  overflow : hidden;
  line-height: 1em;
  white-space : nowrap;
}
.gs-imageResult .gs-visibleUrl {
  overflow : hidden;
  line-height: 1.3em;
  height: 1.3em;
}

.gs-imageResult .gs-size {
  color: #6f6f6f;
}

.gs-imageResult .gs-image-box {
  text-align: center; /* center align image in image box */
}

.gs-imageResult .gs-image-box img.gs-image {
   border: none;
}

/* Classic layout related styles */

/* Do not show title for compact layout such as classic and popup */
.gs-imageResult-classic .gs-text-box .gs-title {
  display: none;
}

/* Column layout related styles */

.gs-imageResult-column {
  width: 474px; /* image box width (114px) + image box right margin (10px) + text box width (350px) */
  height: 84px; /* image box height */
}

.gs-imageResult-column .gs-image-box {
  float: left;
  margin-right: 10px;
  text-align: left;
}

.gs-imageResult-column .gs-text-box {
  float: left;
  width: 350px;
  height: 86px; /* image box height */
}

.gsc-imageResult-column .gs-imageResult-column .gs-text-box .gs-title {
  height: auto;
  text-align: left;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -ms-text-overflow:ellipsis;
}

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

/* Popup layout related styles */

/* No margin, padding or border for popup layout */
.gsc-imageResult.gsc-imageResult-popup,
.gsc-results .gsc-imageResult-popup:hover {
  margin: 0;
  padding: 0;
  border: 0;
}

.gsc-imageResult .gs-imageResult-popup {
  width: auto; /* Override the default image result width */
  overflow: visible; /* popup box may overflow and should be visible */
  position: relative;
}

/* Instead put margin bottom and right on searcher image thumbnail. */
.gs-imageResult-popup .gs-image-thumbnail-box {
  padding: 5px;
}

.gs-imageResult-popup .gs-image-box {
  width: auto;
}

.gs-imageResult-popup .gs-image-popup-box {
  width: auto;
  position : absolute;
  padding: 10px;
  background: white;
  left: 0;
  top: 0;
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  -webkit-outline:1px solid rgba(0,0,0,0.2);
  display: none;
}

.gs-imageResult-popup .gs-image-popup-box .gs-image-box {
  height: auto; /* override default image box width (86px) */
  width: auto; /* override default image box height (114px) */
  margin-bottom: 10px;
}

.gs-imageResult-popup .gs-image-popup-box .gs-text-box {
  height: auto;
  width: auto;
}

/* Do not show title for compact layout such as classic and popup */
.gs-imageResult-popup .gs-text-box .gs-title {
   display: none;
}


/* Video Search
 * - single line title
 */

.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;
  }

/* trailing more link at the bottom of
 * a collection of results
 */
.gsc-imageResult .gsc-trailing-more-results {
  clear : both;
}

.gsc-results .gsc-trailing-more-results {
  margin-bottom : 10px;
}

.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
  color: #0000cc;
  text-decoration: underline;
}

/* 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 : #A90A08;
  font-weight : bold;
  text-decoration: none;
}



/*** 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;
}

.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
  font-size: 16px;
}

.gsc-control-cse .gs-result .gs-spelling-original {
  font-size: 13px;
}

.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, note, news/books inlines these */
.gs-relativePublishedDate,
.gs-publishedDate {
  color: #6f6f6f;
  text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
  color: #008000;
  text-decoration: underline;
  cursor: pointer;
}

.gs-newsResult .gs-publisher {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

/*
 * 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-promotion .gs-title,
.gs-promotion .gs-title * {
  text-decoration: none;
}

.gs-promotion a.gs-title,
.gs-promotion a.gs-title * {
  text-decoration: underline;
}

.gs-title .gs-promotion-title-right {
  color: #000000;
}

.gsc-webResult.gsc-result.gsc-promotion {
  background-color: #fff;
}

span.gs-fileFormat {
  color: #666666;
  font-size: 12px;
}

span.gs-fileFormatType {
  font-size: 12px;
}

.gs-promotion table {
  border : none;
  border-style : none;
  border-width : 0;
  border-spacing : 0 0;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.gs-promotion table .gs-snippet a span.gs-title,
.gs-promotion table .gs-snippet a span.gs-title * {
  font-size: 13px;
}

.gs-promotion em {
  font-style: normal;
  font-weight: bold;
}

.gs-promotion .gs-title em {
  color: inherit;
  text-decoration: inherit;
}

.gs-result img.gs-image,
.gs-result img.gs-promotion-image {
  vertical-align : middle;
  border : 1px solid #e2e2e2;
}

.gs-result div.gs-phone {}

.gs-result .gs-directions,
.gs-result .gs-directions * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

.gs-secondary-link,
.gs-secondary-link * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

/* wrapper around user supplied to/from mode directions
 * normally this is disabled by default, and gs-directions is enabled
 * apps can easily switch this by setting display:block on the rule below,
 * and display:none on the rule above
 * e.g., add these two rules to switch local results into
 * alternate style driving directions
 * .gs-localResult .gs-directions-to-from { display : block; }
 * .gs-localResult .gs-directions { display : none; }
 */
.gs-result .gs-directions-to-from {
  display : none;
  margin-top : 4px;
}
.gs-result .gs-directions-to-from .gs-label {
  display : inline;
  margin-right : 4px;
}

.gs-result .gs-directions-to-from div.gs-secondary-link {
  display : inline;
}

.gs-result .gs-directions-to-from .gs-spacer {
  display : inline;
  margin-right : 3px;
  margin-left : 3px;
}

.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 {
}

.gsc-loading-fade .gsc-result-info,
.gsc-loading-fade .gsc-loading-resultsRoot,
.gsc-loading-resultsRoot, /* customized root */
.gsc-loading-fade .gsc-loading-refinementsArea,
.gsc-loading-fade .gsc-adBlock,
.gsc-loading-fade .gsc-adBlockVertical,
.gsc-loading-fade .gsc-adBlockNoHeight {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33.3)";
  filter: alpha(opacity=33.3);
  opacity: 0.333;
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  padding : 5px;
  margin : 5px;
  border : 1px solid rgb(255,204,51);
  background-color : rgb(255,244,194);
}

.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;
}

/* 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,
.gs-promotion div.gs-visibleUrl-long {
  overflow : hidden;
  display : 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;
}

/* 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
 */

div.gs-book-image-box td,
.gs-bookResult td {
  vertical-align : top;
}

div.gs-book-image-box,
div.gs-book-image-box div {
  position : static;
  text-align : start;
}

div.gs-book-image-box {
  width : 75px;
  height : 90px;
}

.gs-bookResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }

div.gs-book-image-box img {
  border-spacing : 0 0;
  border : none;
}

div.gs-book-image-box div.gs-row-1 {
  line-height : 7px;
}

div.gs-book-image-box img.gs-pages {
  height : 7px;
  width : 45px;
}

div.gs-book-image-box img.gs-page-edge {
  height : 7px;
  width : 11px;
}

div.gs-book-image-box div.gs-row-2 {
}

div.gs-book-image-box img.gs-image {
  height : 80px;
  border : 1px solid #a0a0a0;
}

.gs-bookResult .gs-author {
  display : inline;
  color: #6f6f6f;
}
.gs-bookResult .gs-publishedDate {
  display : inline;
}

.gs-bookResult .gs-pageCount {
  display : inline;
  color: #6f6f6f;
  margin-left : 4px;
}

.gs-bookResult .gs-id {}



/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

.gs-patentResult td {
  vertical-align : top;
}
.gs-patentResult .gs-patent-number,
.gs-patentResult .gs-publishedDate,
.gs-patentResult .gs-author {
  display:inline;
}

.gs-patentResult .gs-image-box {
  padding-right : 8px;
}

.gs-patentResult img.gs-image {
  border : 1px solid #7777cc;
}

.gs-spelling a {
  color: #0000cc;
  cursor: pointer;
  text-decoration : underline;
}

.gsc-control-cse:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility: hidden;
}

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

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

.gsc-control-cse-zh_CN .gs-snippet b,
.gsc-control-cse-zh_CN .gs-promotion em,
.gsc-control-cse-zh_TW .gs-snippet b,
.gsc-control-cse-zh_TW .gs-promotion em {
  color: #C03;
  font-style: normal;
  font-weight: normal;
}

.gsc-snippet-metadata {
  color: #767676;
  vertical-align: top;
}

.gsc-role {
  color: #767676;
}

.gsc-tel {
  color: #767676;
}

.gsc-org {
  color: #767676;
}

.gsc-location {
  color: #767676;
}

.gsc-rating-bar {
  vertical-align: top;
  display: inline-block;
  width: 64px;
  height: 12px;
  background: transparent url(/uds/css/cse_snippets_stars.png) -65px 0 no-repeat;
  overflow:hidden;
  margin: 2px 0 0 0;
}

.gsc-rating-bar span {
  vertical-align: top;
  display: inline-block;
  height: 12px;
  background: transparent url(/uds/css/cse_snippets_stars.png) 0 0 no-repeat;
  padding: 2px 0 0 0;
}

.gsc-review-agregate-first-line {
  margin: 0 40px 0 0;
  padding: 6px 0;
}

.gsc-review-agregate-odd-lines, .gsc-review-agregate-even-lines {
  margin: 0 40px 0 0;
  padding: 6px 0;
  border-top: 1px solid #EBEBEB;
}

.gsc-reviewer {
  color: #00c;
}

.gsc-author {
  color: #00c;
}

.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-table-cell-snippet-open {
  vertical-align: top;
  width: 100%;
}

.gsc-preview-reviews li {
  list-style: none;
  width: 90%;
}

.gsc-zippy {
  margin: 2px 8px 0px 0px;
  float: right;
  outline: none;
  overflow: hidden;
  height: 14px;
  width: 14px;
  background-position: -19px -5px;
  position: relative;
  top: -6px;
}

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

.gsc-table-cell-snippet-close .gsc-zippy {
  background: transparent url(/uds/css/plus_icons.png) -19px -5px no-repeat;
}

.gsc-table-cell-snippet-open .gsc-zippy {
  background: transparent url(/uds/css/minus_icons.png) -19px -5px no-repeat;
}

.gsc-collapsable {
  cursor: pointer;
}

/*
 * Cross-browser implementation of the "display: inline-block" CSS property.
 * See http://www.w3.org/TR/CSS21/visuren.html#propdef-display for details.
 */
/* Gecko hack */
html>body .gsc-inline-block {
  display: -moz-inline-box;
  display: inline-block;
}

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

/* Pre-IE7 IE hack */
* html .gsc-inline-block {
  display: inline;
}

/* IE7-only hack */
*:first-child+html .gsc-inline-block {
  display: inline;
}
/* text color settings */

/* primary colors */
.app_gsvsc {                                                    color : #0000cc; }
.search-form-complete_gsvsc div.search-form-save_gsvsc {        color : #0000cc; }
div.search-form-save_gsvsc {                                    color : #e0e0e0; }
div.edit-tag_gsvsc {                                            color : #7777cc; }
.footerBox_gsvsc a {                                            color : #7777cc; }
.playerBox_gsvsc a.title_gsvsc {                                color : #7777cc; }
div.more_gsvsc:hover {                                          color : #0000cc; }

/* selected tag */
div.tag-selected_gsvsc {                                        color : #000000; }

/* hover colors */
div.tag-control_gsvsc:hover {                                   color : #7777cc; }

/* secondary colors */
div.tag-control_gsvsc {                                         color : #676767; }
.searchForm_gsvsc {                                             color : #676767; }
.searchForm_gsvsc input.gsc-input {                             color : #676767; }
.search-form-input_gsvsc {                                      color : #676767; }
div.edit-form-submit-box_gsvsc {                                color : #676767; }

/* image border color */
.results_gsvsc div.video-result_gsvsc {                  border-color : #0000cc; }

.app_gsvsc td {
  vertical-align : top;
  border : none;
}

div.tag-control_gsvsc {
  display : inline;
  font-size : 11px;
  cursor : pointer;
  margin-right : 8px;
}

div.more_gsvsc {
  display : inline;
  cursor : pointer;
  margin-right : 8px;
  text-decoration : underline;
}

div.tag-control_gsvsc:hover {
  text-decoration : underline;
}

td.tag-control_gsvsc  {
  padding-top : 2px;
}

td.tag-control_gsvsc div.tag-control_gsvsc {
  font-size : 13px;
  cursor : pointer;
  margin-right : 8px;
  font-weight : 400;
}


/*
 * visibility states of the more
 * - edit visible while reading
 * - edit invisible while playing
 * - more invisible unles playing
 */
.reading_gsvsc .more_gsvsc,
.editing_gsvsc .more_gsvsc,
.searching_gsvsc .more_gsvsc {
  display : none;
}

.playing_gsvsc .more_gsvsc {
  text-align : center;
  display : block;
}

/*
 * visibility states of the readBox
 * - visible while reading and searching and playing (default)
 * - none while editing
 */
.readBox_gsvsc {
  display : block;
}
.editing_gsvsc .readBox_gsvsc {
  display : none;
}

/*
 * visibility states of the editBox
 * - none while reading and searching
 * - visible while editing (default)
 */
.editBox_gsvsc {
  display : none;
}
.editing_gsvsc .editBox_gsvsc {
  display : block;
}

/*
 * visibility states of the tagStack
 * - visible while reading, searching
 * - none while playing
 */
.tagStack_gsvsc {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
}

.playing_gsvsc .tagStack_gsvsc {
  display : none;
}

/*
 * visibility states of the player
 * - visible while playing (default)
 * - none while all other times (default)
 */
.playerBox_gsvsc {
  display : none;
}

.playing_gsvsc .playerBox_gsvsc {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerBox_gsvsc .player_gsvsc {
  width : 260px;
  height : 195px;
}

.playerBox_gsvsc div.title_gsvsc {
  text-align : center;
  margin-top : 2px;
}

.playerBox_gsvsc a.title_gsvsc {
  text-decoration : underline;
}

/*
 * visibility states of the searchForm
 * - visible while reading, searching
 * - none while editing, playing
 */
.editing_gsvsc .searchForm_gsvsc,
.playing_gsvsc .searchForm_gsvsc {
  display : none;
}
.reading_gsvsc .searchForm_gsvsc,
.searching_gsvsc .searchForm_gsvsc {
  display : block;
}

/* search form controls */
.searchForm_gsvsc table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

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

.searchForm_gsvsc td.gsc-search-button {
  width : 1%;
}

.searchForm_gsvsc td.gsc-clear-button {
  width : 14px;
}

.searchForm_gsvsc table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

.searchForm_gsvsc td.gsc-branding-text {
  vertical-align : top;
}

.searchForm_gsvsc td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

.searchForm_gsvsc td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

.searchForm_gsvsc td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

.searchForm_gsvsc div.gsc-branding-img,
.searchForm_gsvsc div.gsc-branding-img-noclear,
.searchForm_gsvsc img.gsc-branding-img,
.searchForm_gsvsc img.gsc-branding-img-noclear {
  padding-top : 1px;
}

.searchForm_gsvsc input.gsc-search-button {
  margin-left : 4px;
  cursor : pointer;
}

.searchForm_gsvsc input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  width : 99%;
}

.searchForm_gsvsc form {
  margin-top : 2px;
  margin-bottom : 2px;
}

div.search-form-save_gsvsc {
  font-size : 11px;
  text-align : left;
  cursor : pointer;
}

.search-form-complete_gsvsc div.search-form-save_gsvsc {
  text-decoration : underline;
}

/* edit form controls */
.editBox_gsvsc table {
  width : 100%;
  padding-top : 4px;
  padding-bottom : 4px;
  border : 1px solid #e0e0e0;
  border-spacing : 0px 0px;
}

.editBox_gsvsc tr {
  margin-top : 2px;
  margin-bottom : 2px;
}

.editBox_gsvsc tr.odd_gsvsc {
  background-color : #f9f9f9;
}

tr.edit-form-delete_gsvsc {
  display : none;
}

td.edit-form-input_gsvsc input {
  font-size : 11px;
  padding-left : 2px;
  margin-right : 4px;
  width : 50%;
}

div.edit-form-input-box_gsvsc {
  margin-left : 4px;
  margin-top : 2px;
  margin-bottom : 2px;
}

div.edit-form-submit-box_gsvsc {
  margin-top : 4px;
  text-align : left;
}

div.edit-form-submit-box_gsvsc input {
  font-size : 11px;
  margin-right : 6px;
}

/* footer */
.footerBox_gsvsc {
  clear : both;
  margin-top : 4px;
  margin-bottom : 0px;
  text-align : center;
}

.footerBox_gsvsc table {
  width : 100%;
}

.footerBox_gsvsc td.footer-link_gsvsc {
  text-align : right;
}

.footerBox_gsvsc td.footer-edit_gsvsc {
  text-align : left;
}

.footerBox_gsvsc a {
  font-size : 11px;
  cursor : pointer;
  text-decoration : underline;
}

/* visibility states
 * visible while reading,
 * invisible while playing, editing
 */

.searching_gsvsc div.edit-tag_gsvsc,
.reading_gsvsc div.edit-tag_gsvsc {
  display : block;
}

.editing_gsvsc div.edit-tag_gsvsc,
.playing_gsvsc div.edit-tag_gsvsc {
  display : none;
}

div.edit-tag_gsvsc {
  font-size : 11px;
  cursor : pointer;
  text-decoration : underline;
}


/* results */
.results_gsvsc {
  margin-left : 0px;
}

/* display states:
 * off while playing and editing, on everytime else
 */

.editing_gsvsc .results_gsvsc,
.playing_gsvsc .results_gsvsc {
  display : none;
}

.searching_gsvsc .results_gsvsc,
.reading_gsvsc .results_gsvsc {
  display : block;
}

.results_gsvsc div.video-result_gsvsc {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

.results_gsvsc div.video-result_gsvsc img {
  cursor : pointer;
}

.results_gsvsc table.video-result-table_gsvsc {
  width : 100%
}

.results_gsvsc table.video-result-table_gsvsc td {
  padding : 4px;
}

.results_gsvsc table.video-result-table_gsvsc-2 td {
  width : 50%;
}

.results_gsvsc table.video-result-table_gsvsc-2 td {
  width : 33%;
}

/* two column table, align right/left */
.results_gsvsc table.video-result-table_gsvsc-2 td.video-result-cell_gsvsc-0 div {
  float : right;
}
.results_gsvsc table.video-result-table_gsvsc-2 td.video-result-cell_gsvsc-1 div {
  float : left;
}

/* tiny results */
/* display states:
 * on while playing, off everytime else
 */
.playing_gsvsc .tiny-results_gsvsc {
  display : block;
}

.searching_gsvsc .tiny-results_gsvsc,
.editing_gsvsc .tiny-results_gsvsc,
.reading_gsvsc .tiny-results_gsvsc {
  display : none;
}

.tiny-results_gsvsc {
  margin-left : 0px;
}

.tiny-results_gsvsc div.tiny-video-result_gsvsc {
  border : 1px solid #0000cc;
  background-color : #000000;
  height : 41px;
  width : 54px;
  text-align : center;
}

.tiny-results_gsvsc div.tiny-video-result_gsvsc img {
  cursor : pointer;
}

.tiny-results_gsvsc table.video-result-table_gsvsc {
  width : 100%
}

.tiny-results_gsvsc table.video-result-table_gsvsc td {
  padding : 4px;
}

.results_gsvsc table.video-result-table_gsvsc-4 td {
  width : 25%;
}

.results_gsvsc table.video-result-table_gsvsc-6 td {
  width : 16%;
}

/* tags */
div.tag_gsvsc {
  display : inline;
  margin-right : 6px;
  cursor : pointer;
}
div.tag_gsvsc:hover {
  text-decoration : underline;
}

div.tag-selected_gsvsc {
  font-weight : bold;
}

div.tag-selected_gsvsc:hover {
  text-decoration : none;
}

div.tag_gsvsc-0 {
  font-size : 13px;
}

div.tag_gsvsc-1 {
  font-size : 13px;
}

div.tag_gsvsc-2 {
  font-size : 13px;
}

html, body {
	margin: 0;
	padding: 0;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.hidden {
	display: none;
}

#page-container {
	width: 1280px;
	margin: auto;
}
#header {
	height: 94px;
}
#aix-logo {
	float: left;
	height: 94px;
	width: 525px;
}
#header-right {
	float: right;
	height: 94px;
	width: 230px;
}

#date {
	float: right;
	height: 27px;
	width: 230px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: right;
	padding-top: 10px;
}
#mini-nav-bar {
	width: 230px;
	padding-top: 20px;
	height: 20px;
	cursor: pointer;
}

#mini-nav li {
	float: left;
	padding-right: 0px;
	padding-left: 0px;
   }


#mini-nav {
	width: 230px;
	padding: 0;
	height: 20px;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: inline;
}

div#sharer {
	width:500px;
	display:inline;
	float:right;
	margin-top:5px;
	padding:0;
	overflow: hidden;
}

ul#share {
float:right;
list-style:none outside none;
margin:0;
padding:0;
}

ul#share li {
	float:left;
	position:relative;
	margin:0;
	padding:0;
	height: 23px;
}

#nav-bar {
	height: 20px;
	background-color: #000;
}
#nav {
	width: 1280px;
	float: left;
	padding: 0;
	height: 20px;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: inline;
}

#nav li {
	float: left;
	padding-right: 0px;
	padding-left: 0px;
   }
   
#spacer {
	background-color: #FFF;
	height: 16px;
}

#scrolling-catalog {
	float: left;
	height: 100%;
	width: 430px;
	padding-bottom: 25px;
}
#center-column {
	height: 1009px;
	width: 549px;
	float: left;
}


#banner-ad {
	float: left;
	height: 115px;
	width: 549px;
}

#video-block {
	float: left;
	height: 100%;
	padding-bottom: 0px;
	width: 549px;
	color: #666;
}

#album-video-block {
	float: left;
	height: 479px;
	width: 549px;
	color: #666;
	padding-bottom: 25px;
}

#aix-gazette {
	float: left;
	height: 400px;
	width: 549px;
}
#right-column {
	float: left;
	height: 100%;
	width: 284px;
	padding-bottom: 25px;
}


#right-column a {
	text-decoration: none;
}

#right-column a:hover {
	color: #F00;
	text-decoration: underline;
}


#mailing_list_header {
	width: 283px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #F00;
	color: #FFF;
	font-size: 14px;
	text-indent: 15px;
	height: 23px;
}
#mailing-list-info {
	height: 45px;
	width: 268px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #CCC;
	padding-left: 15px;
}
#mailing-list-field {
	height: 30px;
	width: 268px;
	background-color: #CCC;
	padding-left: 15px;
}

#mailing-list {
	height: 115px;
	width: 284px;
	float: left;
	background-color: #FFF;
}

#li navbar {
	display: inline;	
}

Nav-Bar Start
*{outline: none;}
img {border: 0;}
.container {
	width: 1280px;
	padding: 0;
	margin: 0 auto;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 20px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(images/navbar_home.png) no-repeat;
	width: 81px; 
}
ul#topnav a.blu-ray {
	background: url(images/navbar_blu-ray.png) no-repeat;
	width: 87px; 
}
ul#topnav a.collectors {
	background: url(images/navbar_collectors.png) no-repeat;
	width: 124px; 
}
ul#topnav a.dvdav_prem {
	background: url(images/navbar_dvd_av_prem.png) no-repeat;
	width: 129px; 
}
ul#topnav a.dvdav_std {
	background: url(images/navbar_dvd_av_std.png) no-repeat;
	width: 126px; 
}
ul#topnav a.catalog {
	background: url(images/navbar_catalog.png) no-repeat;
	width: 102px; 
}
ul#topnav a.search {
	background: url(images/navbar_search.png) no-repeat;
	width: 70px; 
}
ul#topnav a.articles {
	background: url(images/navbar_articles.png) no-repeat;
	width: 93px; 
}
ul#topnav a.news {
	background: url(images/navbar_news.png) no-repeat;
	width: 76px; 
}
ul#topnav a.reviews {
	background: url(images/navbar_reviews.png) no-repeat;
	width: 90px; 
}
ul#topnav a.techtalk {
	background: url(images/navbar_techtalk.png) no-repeat;
	width: 103px; 
}
ul#topnav a.feedback {
	background: url(images/navbar_feedback.png) no-repeat;
	width: 89px; 
}
ul#topnav a.contact {
	background: url(images/navbar_contact.png) no-repeat;
	width: 89px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 20px; left: 0;
	background: #000 url(images/sub_bg.png) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
	color: #F00;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(images/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}
End og nav-bar MAIN MENU

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:100px;
	width: 549px;
	margin: 0px;
}
/* rotator css */
	div#rotator ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 24px;
}
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	padding: 0px;
}
    div#rotator ul li.show {
	z-index:500
}



	/* main vertical scroll */
	#main {
	position:relative;
	overflow:hidden;
	height: 785px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
	height: 785px;
	width:294px;
	padding: 10px;
	background-color: #CCC;
	background-repeat: repeat-x;
	background-position: 0 0;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
	position:relative;
	overflow:hidden;
	width: 285px;
	height: 785px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
	float:left;
	cursor:pointer;
	width:285px;
	height:785px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	}
.arrow_info {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
	
	/* main navigator */
	#main_navi {
	float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-align: right;
	margin: 0px;
	padding: 0px;
	}
	
	#main_navi li {
	background-color:#FFF;
	clear:both;
	color:#000;
	font-size:14px;
	height:20px;
	list-style-type:none;
	width:110px;
	cursor:pointer;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	padding-right: 5px;
	}
	
	#main_navi li:hover {
	background-color:#000;
	color: #FFF;
	}
	
	#main_navi li.active {
	background-color:#F00;
	color: #FFF;
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
	margin-left:0px;
	cursor:pointer;
	}
#right_column_bottom {
	float: left;
	height: 187px;
	width: 283px;
	padding-top: 18px;

}
.arrow-info {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#left_lower_box {
	float: right;
<!--	height: 185px;-->
	width: 316px;
	padding-top: 18px;
}

#left_lower_box a {
	text-decoration: none;
}

#left_lower_box a:hover {
	color: #F00;
	text-decoration: underline;
}

#recommends_box {
	float: right;
	height: 125px;
	width: 316px;
	margin-top: 18px;
	background-color: #CCC;
}

#recommends_box {
	text-decoration: none;
}

#recommends_box a:hover {
	color: #F00;
	text-decoration: underline;
}



#recommends_images {
	float: right;
	width: 100px;
	background-color: #06C;
}

.recommends-album-cover {
	float: left;
	width: 60px;
	padding-left: 15px;
	padding-top: 7px;
}

#itrax-header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #F00;
	float: left;
	height: 23px;
	width: 316px;
	text-indent: 15px;
}
#itrax-info {
	width: 301px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #CCC;
	padding-left: 15px;

}
#itrax-logo {
	float: right;
	height: 85px;
	width: 316px;
	padding-top: 0px;
}
#artists-header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #F00;
	padding-left: 15px;
	height: 23px;
	float: left;
	width: 268px;
}
#artist-info {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #CCC;
	float: left;
	height: 168px;
	width: 283px;
}
#artist-photo {
	padding: 15px;
	height: 126px;
	width: 79px;
	float: left;
}
#artist-panel-description {
	padding: 10px;
	height: 145px;
	width: 150px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#aix-gazette-block {
	float: left;
	width: 500px;
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 5px;
}
#aix-gazette-header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFF;
	background-color: #900;
	float: left;
	height: 65px;
	width: 500px;
	text-align: center;
	vertical-align: middle;
}
#gazette-photo {
	float: left;
	height: 155px;
	width: 212px;
}
#gazette-title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #000;
	float: left;
	height: 119px;
	width: 250px;
	padding: 18px;
}
#gazette-content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
<!--	padding: 10px;-->
	float: left;
    height: 100%;
	width: 478px;
	line-height: 20px;
	padding-top: 10px;
	clear: both;
}
#copyright {
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	width: 200px;
	padding-right: 50px;
	padding-top: 15px;
}
#albumpage-video-block {
	float: left;
	height: 300px;
	width: 501px;
	padding-bottom: 24px;
	padding-left: 24px;
	z-index: 0;
}

#albumpage-block {
	float: left;
	width: 501px;
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 5px;
}
#albumpage-header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	float: left;
	height: 65px;
	width: 501px;
	text-align: center;
	background-color: #900;
	padding-top: 10px;
	vertical-align: middle;
}

#sku-number {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	height: 20px;
	width: 501px;
	text-align: left;
}

.albumpage-artist-title-price {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: left;
	float: right;
	width: 268px;
<!--	height: 78px;-->
	padding-left: 20px;
    line-height: 22px;
	padding-top: 28px;
}
#albumpage-cover-large {
	float: left;
<!--	height: 249px;-->
	width: 213px;
	padding-top: 20px;
}
#albumpage-info-purchase {
	float: right;
	height: 119px;
	width: 250px;
	padding: 18px;
}
#albumpage-content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	float: left;
	width: 501px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.albumpage-add-to-cart {
	float: left;
<!--	height: 32px;-->
	width: 268px;
	padding-left: 20px;
}
.albumpage-artist-list {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	float: left;
<!--	height: 131px;-->
	width: 268px;
	padding-left: 20px;
}

#albumpage-tracklist {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	width: 245px;
	line-height: 17px;
}

#albumpage-comments {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	width: 270px;
	background-color: #F30;
}

#comment-list {
  padding:0;
  margin:0;
  }
  
#comment-list li {
  list-style-type:none;
  }


#tracklist {
  padding:0;
  margin:0;
  }
  
#tracklist li {
  list-style-type:none;
  }
 
 #photolist li {
	list-style-type:none;
	padding-top: 15px;
	display: inline;
  }

  
  
.spectragraph-block {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	height: 168px;
	width: 281px;
	border: 1px solid #000;
}
#social-links-block {
	float: left;
	width: 115px;
	padding-top: 50px;
}
.social-icon {
	padding: 15px;
	float: left;
	height: 75px;
	width: 115px;
}
.social_icon-small {
	width: 250px;
	height: 24px;
	float: left;
}


.feature-block {
	float: left;
	height: 65px;
	width: 265px;
}
.feature-block-text {
	height: 32px;
	width: 200px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-left: 30px;
	padding-top: 10px;
}
.feature-icon-block {
	float: left;
	height: 32px;
	width: 32px;
}

.review-block {
	float: left;
	height: 75px;
	width: 265px;
}

.review-block-text {
	height: 32px;
	width: 166px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding-left: 15px;
}
.review-icon-block {
	float: left;
	height: 42px;
	width: 84px;
	background-color: #6F6;
}

.short-horizontal-line {
	width: 100px;
	float: right;
	background-color: #CCC;
}
#customer-comment-list {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000;
	padding: 15px;
	float: left;
	width: 225px;
	background-color: #FFF;
	font-weight: bold;
}
* {
	outline: none;
}
img {
	border: 0;
}
.container {
	width: 1280px;
	padding: 0;
	margin: 0 auto;
}
ul#topnav {
	margin: 0;
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left;
	text-indent: -9999px;
	height: 20px;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: left bottom;
}
ul#topnav a.home {
	background: url(/images/navbar_home.png) no-repeat;
	width: 81px;
}
ul#topnav a.blu-ray {
	background: url(/images/navbar_blu-ray.png) no-repeat;
	width: 87px;
}
ul#topnav a.collectors {
	background: url(/images/navbar_collectors.png) no-repeat;
	width: 124px;
}
ul#topnav a.dvdav_prem {
	background: url(/images/navbar_dvd_av_prem.png) no-repeat;
	width: 129px;
}
ul#topnav a.dvdav_std {
	background: url(/images/navbar_dvd_av_std.png) no-repeat;
	width: 126px;
}
ul#topnav a.artists {
	background: url(/images/navbar_artists.png) no-repeat;
	width: 102px;
}
ul#topnav a.search {
	background: url(/images/navbar_search.png) no-repeat;
	width: 70px;
}
ul#topnav a.articles {
	background: url(/images/navbar_articles.png) no-repeat;
	width: 93px;
}
ul#topnav a.news {
	background: url(/images/navbar_news.png) no-repeat;
	width: 76px;
}
ul#topnav a.reviews {
	background: url(/images/navbar_reviews.png) no-repeat;
	width: 90px;
}
ul#topnav a.techtalk {
	background: url(/images/navbar_techtalk.png) no-repeat;
	width: 103px;
}
ul#topnav a.feedback {
	background: url(/images/navbar_feedback.png) no-repeat;
	width: 89px;
}
ul#topnav a.contact {
	background: url(/images/navbar_contact.png) no-repeat;
	width: 89px;
}
ul#topnav li .sub {
	position: absolute;
	top: 20px;
	left: 0;
	background: #303030 url(/images/sub_bg.png) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	z-index: 1000;
}
ul#topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #ffffff;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(/images/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #F00;
	background-position: 5px 12px;
	text-decoration: underline;
}
#accordion h2:hover{
	background-color: #F00;
}
/* override standard player dimensions */
.playerInnerBox_gsvsc, .player_gsvsc {
	width : 500px !important;
	height : 300px !important;
	z-index: 0 !important;
	margin: 0px auto 20px;
}
.playing_gsvsc .playerBox_gsvsc {
	margin: 0px;
}

.results_gsvsc{
    margin : 0px auto;
	width: 400px;
}
#videoControl {
	width : 500px;
	text-align: center;
	background: #242424;
	border : 1px solid #666;
    margin : 0px auto;
	padding-top: 10px;
	padding-bottom: 20px;
}

#videoControl a {
color : #666;
}

/* image border color */
.video-result_gsvsc, .tiny-video-result_gsvsc  {border: 2px solid #666 !important;
	height: 37px !important;
	width: 49px !important;
	overflow: hidden !important;
	padding: 4px !important;
	background: #000 !important;
	}
.video-result_gsvsc, .tiny-video-result_gsvsc:hover  {border-color: #eaeaea !important;}
.results_gsvsc div.video-result_gsvsc {
	border: 1px solid #999 !important;
	height: 75px !important;
	width: 100px !important;
	overflow: hidden !important;
	padding: 6px !important;
	background: #000 !important;
}
.results_gsvsc div.video-result_gsvsc:hover {border: 1px solid #eaeaea !important;}
.tiny-results_gsvsc{
	width: 440px;
	margin-right: auto;
	margin-left: auto;
}
  
.searchForm_gsvsc .gsc-search-box {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
input.gsc-input,
textarea {
	background: #333;
	border: 1px solid #676767 !important;
}
.gs-text-box, .gs-watermark, .gs-snippet, .gs-size, .gs-visibleUrl, .footerBox_gsvsc, .title_gsvsc, #searchform { display : none !important; }

.searchForm_gsvsc .gsc-search-box input[type=submit]
{
	background:transparent url('/images/video-search.png') no-repeat left top;
	height: 23px;
	width: 24px;
	border: none;
	outline: none;
	text-indent: -999%;
	cursor: pointer;
	overflow: hidden;
	font-size: 0px;
    display:block;
    line-height: 0px;
}
div.more_gsvsc:hover {color:#666 !important;}
div.tagStackBox_gsvsc {
	color:#666 !important;
	margin-top: 4px;
	text-align: center;
	height: 20px;
}

  /* primary colors */
  .app_gsvsc { color : rgb(170, 221, 153); }
  .search-form-complete_gsvsc div.search-form-save_gsvsc { color : rgb(153, 170, 221); }
  .more_gsvsc {color:#ccc; padding-bottom: 5px;}

  /* selected tag */
  div.tag-selected_gsvsc {
	color : rgb(255, 153, 51) !important;
	font-weight: normal !important;
}

  /* hover colors */
  div.more_gsvsc:hover { color : rgb(255, 153, 51); }
  .tag_gsvsc:hover {
	color : rgb(255, 153, 51) !important;
	text-decoration: none !important;
}

#center-column{
	height: 100%;
}

#center-column a {
	text-decoration: none;
	color: #333;
}

#center-column a:hover {
	color: #F00;
	text-decoration: underline;
}


.simple-player-container {
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.simple-player-container > div > ul {
    margin: 0;
    padding-left: 0;
}
.simpleplayer-play-control {
    background-image: url('/images/play.png');
    display: block;
    width: 16px;
    height: 16px;
    bottom: -5px;
    position: relative;
}
.simpleplayer-play-control:hover {
    background-image: url('/images/playing.png');
}
.simpleplayer-stop-control {
    background-image: url('/images/stop.png');
    display: block;
    width: 16px;
    height: 16px;
    bottom: -5px;
    position: relative;
}
.simpleplayer-stop-control:hover {
    background-image: url('/images/stoped.png');
}
#footer {
	background-color: #000;
	float: left;
	height: 60px;
	width: 1280px;
}
#footer-nav {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	height: 10px;
	width: 1280px;
	float: left;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
}

#footer-nav a {
	color: #666;
	text-decoration: none;
	margin-right: 15px;
}

#footer-nav a:hover {
	color: #F00;
	text-decoration: underline;
}
#header-center-top {
	float: left;
	height: 50px;
	width: 525px;
}

#aix-article-block {
	float: left;
	width: 500px;
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 5px;
}
#aix-article-header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFF;
	background-color: #900;
	float: left;
	height: 50px;
	width: 485px;
	padding-left: 15px;
}
#article-photo {
	float: left;
	height: 76px;
	width: 104px;
}
#article-title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	color: #000;
	float: left;
	height: 20px;
	width: 350px;
	padding: 18px;
}
#article-content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 10px;
	float: left;
	height: 100%;
	width: 478px;
	line-height: 20px;
}



#center-column-item {
	width: 500px;
	height: 150px;
	float: left;
	}
#center-column-item-photo {
	width: 130px;
	height: 93px;
	float: left;
	padding-top: 30px;
	}
#center-column-item-title
	{
	width: 349px;
	height: 25px;
	float: left;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000;
	padding-top: 10px;
	}
	
#center-column-item-content{
	width: 349px;
	height: 93px;
	float: left;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	}
	
#center-column-item-photo-2 {
	width: 130px;
	height: 100%;
	float: left;
	padding-top: 30px;
	}
#center-column-item-title-2
	{
	width: 349px;
	height: 100%;
	float: left;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000;
	padding-top: 10px;
	}
	
#center-column-item-content-2{
	width: 349px;
	height: 100%;
	float: left;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	}



#center-column-item-horizontal-line{
	width: 500px;
	height: 5px;
	border-top-style: solid;
	float: left;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-color: #999;
	}
	
#center-column-item-horizontal-line-2{
	width: 350px;
	height: 5px;
	border-top-style: solid;
	float: left;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-color: #999;
}
	
#faq-item {
	width: 500px;
	float: left;	
}

#faq-item-title {
	width: 500px;
	height: 25px;
	float: left;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000;
	padding-top: 10px;	
}

#faq-item-content {
	width: 485px;
	float: left;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

#spectragraph-text {
	background-color: #CCC;
	margin: 0px;
	float: left;
	height: 158px;
	width: 146px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 10px;
}

#spectragraph-image {
	background-color: #CCC;
	float: left;
	height: 158px;
	width: 117px;
	padding-top: 10px;
	padding-left: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
}

/* jQuery lightBox plugin - Gallery style */
.gallery ul {
	list-style: none;
	background-color: #CCC;
	padding-top: 25px;
}
.gallery ul li { display: inline; }
.gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 15px;

}
.gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 15px;
	color: #CCC;
}
.gallery ul a:hover { color: #fff; }


/* jQuery lightBox plugin - Gallery 2 style for spectragraphs */
.gallery2 ul {
	list-style: none;
}
.gallery2 ul li { display: inline; }
.gallery2 ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 15px;
}
.gallery2 ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 15px;
	color: #CCC;
}
.gallery2 ul a:hover { color: #fff; }

#center-column-item-long-content {
	width: 349px;
	float: left;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding-bottom: 25px;
}

#center-column-item-form {
	position:relative;
	overflow:hidden;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	float: left;
	width: 500px;
	}
	
input, textarea, select {
	background-color : #CCC;
	color : #000;
}


/* DEPRECATED FILE */




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
	background-image: url(../images/left.png);
	background-repeat: no-repeat;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/navigator.png);
	clear:right;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:100px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:9px;
	height:9px;
	float:left;
	margin:3px;
	display:block;
	font-size:1px;
	background-image: url(../images/navigator.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -9px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -18px;     
} 	
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	width: 284px;
	background-color: #CCC;
	height: 785px;
}

/* accordion header */
#accordion h2 {
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	cursor:pointer;
	background-color: #666;
	color: #FFF;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#F00;
}

/* accordion pane */
#accordion .pane {
	border:1px solid #fff;
	border-width:0 0px;
	display:none;
	height:500px;
	padding:15px;
	color:#000;
	font-size:14px;
}

/* accordion pane */
#accordion .pane2 {
	border:1px solid #fff;
	border-width:0 0px;
	display:none;
	height:500px;
	padding:0px;
	color:#000;
	font-size:14px;
}

/* a title inside pane */
#accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:14px;
	color:#000;
}
#album-item {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	float: left;
	height: 130px;
	width: 270px;
}
.album-cover {
	float: left;
	height: 117px;
	width: 82px;
}
.album-content {
	float: right;
	height: 117px;
	width: 175px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.album-content a {
	text-decoration: none;
}
.album-content a:hover {
	color: #F00;
	text-decoration: underline;
}
.artist-name {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.horizontal-line {
	width: 260px;
	float: left;
	background-color: #CCC;
}
.speaker-icon {
	float: right;
}
.tracklist-speaker-icon {
	float: none;
}
.cart-spkr {
	float: left;
	height: 26px;
	width: 160px;
	padding-top: 10px;
}
.songtitle-spkr {
	width: 260px;
}
.add-t-cart {
}

.digital_downloads {
}