/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {font:0.8em/1.5 "arial", serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4, h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}
.c {text-align:center;}
.j {text-align: justify; }
.negrita2 {color:#E17000;font-weight:bold}
.vid {clear:both; padding-left:20px; background:url("../design/ico_vid2.gif") 0 2px no-repeat; font-weight:bold;}
.com {clear:both; padding-left:20px; background:url("../design/comment.png") 0 2px no-repeat; font-weight:bold;}
.coment {margin: 0 0 0 10px;position:relative;z-index:9999; float:right;width:100px;padding:5px;}

.doc {clear:both; padding-left:18px; background:url("../design/ico-listg.gif") 0 2px no-repeat;  }
.subdued {color:#999;}
.altred {color:#c00;font-weight:bold;}

.enlace {color:#c00;}

.success {color:#FF4F00;font-weight:bold;}

.pief {color:#999;font-size:11px;}

.small {font-size:11px;}

.titucap {color:#c00;  font-size:130%; clear:both; padding-left:18px; background:url("../design/ico-list.gif") 0 2px no-repeat;  }
.titu2 {color:#390; font-size:100%;}

.autor { padding-right:8px; text-align:right; margin:-.1em 0 0 0; }
.autor2 {margin: 0 0 0 10px;position:relative;z-index:9999; float:right;width:100px;padding:5px;}

.acronym {cursor: help;border-bottom: 1px dashed #cccccc;}

.fotolib {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:200px;padding:5px;background:#fff}
.fotolib img {margin: 0 0 0 10px; border: 1px solid #000}

.fotopor {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;padding:5px;background:#fff}
.fotopor img {margin: 0 0 0 10px; border: 1px solid #000}

.fotoblog {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:300px;padding:5px;background:#fff}
.fotoblog img {margin: 0 0 0 10px; border: 1px solid #000}


.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
.thumbnail img {margin: 0 0 0 10px; border: 1px solid #000}







.video {
		
		margin:0 auto 0 auto; width:420px;
	}
	

.video2 {
		
		margin:0 auto 0 auto; width:480px;
	}

blockquote {
	width: 298px;
	background: #E1E1E1 url("../cssimg/bqtop.gif") no-repeat top;
	font-family: Georgia, "verdana, Times New Roman", serif;
	margin: auto;
}

blockquote div.quote {
	display: block;
	font-size: 11pt;	
	padding: 25px 15px 10px 35px;
	text-indent: 30px;
	color: #9D9D9D;
}

blockquote div cite {
	display: block;
	height: 40px;
	text-align: right;
	font-weight: bold;
	font-size: 10pt;
	padding-right: 60px;
	background-image: url("../cssimg/bqbottom.gif");
	color: #9D9D9D;
}

.left_popup {
	font-family: Arial;
	font-weight: normal;
	color: #353131;
	text-decoration: none;
	background-image: url(../design/Proyecto2.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	float: left;
	height: 160px;
	width: 170px;
	font-size: 8pt;
	padding-left: 30px;
	padding-right: 30px;
    padding-top: 3px;
}



table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

table.table-style01 {width:100%;}
table.table-style01 th {text-align:center;}

table.table-style02 {width:100%;}
table.table-style02 th,td {text-align:center;}


ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}



/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}
legend {color:#c00;font-weight:bold; border-bottom:1px solid #DADADA;}

#formulario {	 margin:0 auto 0 auto; width:300px;}


/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

.bigger {font-size:110%;}
.smaller {font-size:85%;}   
    
/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */
 
ul#ul-rss {margin:15px 0; padding:0; list-style:none;}
ul#ul-rss li {margin:0; padding:0; padding-left:20px; background:url("../design/ico-rss.gif") 0 3px no-repeat;}

ul.ul-list {margin:15px 0; padding:0; list-style:none;}
ul.ul-list li {margin:0; padding:2px 0 3px 0; background:url("../design/dot.gif") 0 100% repeat-x;}

ul.ul-list-02 {margin:15px 0; padding:0; list-style:none;}
ul.ul-list-02 li {margin:0; padding:2px 0 3px 0;}


/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

.main {width:850px; margin:0 auto; text-align:left;}
.main.bg {background:url("../design/main.gif") 100% 0 repeat-y}

#header {background:url("../design/header.gif") 0 100% repeat-x;}
#header .main {width:840px; position:relative; padding:25px 0 25px 10px;}
    
    #logo {width:580px; margin:0; font-size:250%; line-height:1; font-weight:bold; letter-spacing:-1px;}
    #logo a {text-decoration:none;}
   
    #search {position:absolute; top:25px; right:10px; margin:0; padding:0; border:0;}
    #search div {position:relative; width:230px;}
    #search-input {position:absolute; top:0; left:0; overflow:hidden; width:180px; height:30px; background:url("../design/inp-search.gif") 0 0 no-repeat; border:0; font-size:85%;}
    #search-input input {position:relative; top:7px; left:30px; width:140px; margin:0; padding:0; border:0;}
    #search-submit {position:absolute; top:0; right:0; border:0;}
        
#nav ul {margin:0; padding:0; list-style:none;}
#nav ul li {display:inline; margin:0; padding:0;}    
#nav ul li a {display:block; float:left; padding:10px 15px; text-decoration:underline;}
#nav ul li a:hover {text-decoration:none;}
#nav ul li#nav-active a {font-weight:bold; text-decoration:none;} 

#content {float:left; width:600px;}

    .content-in {padding:10px 15px;}
 


#aside {background-color:#EAEAEA; float:right; overflow:hidden; width:230px; padding:10px;}

    #aside .title {margin:0; font-size:100%; font-weight:bold;}
    #aside .aside-padding {padding:0 10px 15px 0;}
    
#footer {clear:both; padding:15px;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */

#topstory, .article {position:relative; padding:10px 15px;}
#topstory .info, .article .info {padding-bottom:2px; background:url("../design/topstory-line.gif") 0 100% repeat-x;}
#topstory .info h2, #topstory .info p, .article .info h3, .article .info p {margin:0;}
#topstory .info p, .article .info p {padding-top:5px;}
#topstory h2, .article h3 {font-size:160%; font-weight:normal;}
#topstory p.date, .article p.date {display:block; position:absolute; top:0; left:-50px; margin:0; overflow:hidden; width:50px; height:41px; background:url("../design/topstory-date.gif") 0 0 no-repeat; text-align:center;}
#topstory p.date span, .article p.date span {display:block; padding-top:14px; font-size:85%; font-weight:bold;}
#topstory p, .article p {margin:10px 0;}

#fichalibro {margin:10px 0; border-top:0px solid #2A2A2A; background-color:#ffffff; color:#333300 ;}


.article .info {background:url("../design/article-line.gif") 0 100% repeat-x;}
.article p.date {font-size:85%; background:url("../design/article-date.gif") 0 0 no-repeat;}
.article p {margin:10px 0;}
.cita {background:url("../design/papel.gif"); background-color:#999;}
.cita p {padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; font-family:georgia, arial, garamond, verdana; font-style: italic; font-size:140%; text-align:justify;  margin:auto; width:420px;}

.cita2 {background:url("../cssimg/fondo.jpg"); background-color:#999;border-width: 6px; overflow:hidden;position:relative;;margin: 0 auto;border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;border-top: 1px solid #d7d7d7;}
.cita2 p {padding-left: 95px; padding-right: 30px; padding-top: 0px; padding-bottom: 10px; font-family: georgia, courier new, arial, garamond, verdana; font-style: normal; font-size:100%; text-align:justify;  width:420px;}
.cita2 h1 {padding-left: 95px; padding-right: 30px; padding-top: 0px; padding-bottom: 10px; font-family: georgia, courier new, arial, garamond, verdana; font-style: normal; font-size:100%; text-align:left;  width:420px;}

dl#news, dl#news dd {margin:0;}
dl#news dt {clear:both; padding-left:15px; background:url("../design/a38.gif") 0 2px no-repeat;}
dl#news dd {margin:0px 0 0px 0; padding-bottom:10px;}
dl#news dd span.date {padding-right:10px; background:url("../design/date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
Z) Others
---------------------------------------------------------------------------------------------------------- */

#comentariosb {	 margin:0 auto 0 auto; width:300px;}

ul.ul-coment {margin:15px 0; padding:0; list-style:none;}
ul.ul-coment li  {border-top: 1px solid silver; margin:0; padding-top: 1.25em; padding-left:60px; background:url("../cssimg/icon1.jpg") 0 1.25em no-repeat;}
ul.ul-coment li span.date {padding-right:0px; background:url("../design/date.gif") 100% 50% no-repeat; font-size:100%; font-weight:bold;}
.comentario {color:#FF4F00;font-weight:bold; margin: 0 0 0 0px;position:relative;z-index:9999; width:100px;padding:5px;}
.ico-comment {padding-left:20px; background:url("../design/ico-comment.gif") 0 1px no-repeat;}



/* ----------------------------------------------------------------------------------------------------------
Z1) Googlebooks
---------------------------------------------------------------------------------------------------------- */

 * resultsTable
 * - vertical mode
 * - horizontal mode
 */

.full_gsbb {
  display : block;
}

.empty_gsbb {
  display : none;
}

table.resultTable_gsbb td {
  border : none;
}

div.resultDiv_gsbb {
  border-style : none;
  border-width : none;
  background-color : #ffffff;
  height : 94px;
  width : 85px;
  text-align : center;
}

div.smallResultDiv_gsbb {
  height : 41px;
  width : 54px;
  text-align : center;
}

div.resultDiv_gsbb img {
  cursor : pointer;
}

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

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

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

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 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

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

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

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

td.gsc-branding-text div.gsc-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 {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-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 : 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;
  display : inline;
}

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('/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('/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%;
  border-bottom : 1px solid #e9e9e9;
  margin-bottom : 4px;
  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: 0px 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
  background-image: url('/uds/css/arrow_close.gif');
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
  background-image: url('/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('/uds/css/one-complex-dark.gif');
}

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

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

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

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

.gsc-all-results-active .gsc-all-results {
  background-image: url('/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('/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;
  }

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

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

.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 {
  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;
  margin-top : 6px;
  margin-bottom : 4px;
  padding-bottom : 2px;
  background : #FFF8DD none repeat scroll 0 0;
}

.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-adBlockInvisible {
  display : none;
}

.gsc-adBlockVertical {
  position : relative;
  display : block;
  float : right;
  width : 30%;
  border-left : 1px solid #C9D7F1;
}

.gsc-thinWrapper {
  width : 69%;
  _width : 99%;
  overflow : hidden;
}

.gsc-adBlockVerticalInvisible {
  display : none;
}

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

.gsc-ad-preview {
  background-image: url('http://www.google.com/images/preview.gif');
}

/* 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
 */
.gsc-imageResult {
  float: left;
  margin-bottom: 1em;
  margin-right: 20px;
}

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

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

/* note, left edge is auto-set by search control */
.gs-imageResult .gs-image-box img.gs-image {
  position : absolute;
  bottom : 0px;
}

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

.gs-imageResult .gs-snippet {
  overflow : hidden;
  line-height: 1em;
  cursor : pointer;
  white-space : nowrap;
}
.gs-imageResult .gs-visibleUrl {
  cursor : pointer;
}
.gs-imageResult .gs-size {
  color: #6f6f6f;
}

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



/*** 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, 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-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: #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 {
}

.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 {
  width : 100%;
  overflow : hidden;
  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
 */

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 : 0px 0px;
  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;
}