﻿/**
 * CSS for Google Custom Search
 *
 * Downloaded from Google rather than 
 * linking to theirs, for more control.
 *
 * Created 27 February 2012
 * Updated 27 June 2012
 *
 * @author Google
 * @author Allan A Beattie
 */


/* Slight reset to make the preview have ample padding
------------------------------------------------------- */

.cse.gsc-control-cse,
.gsc-control-cse {
	/* padding:1em; */
	width:auto;
}

.cse.gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
	width:100%;
}

.cse.gsc-branding,
.gsc-branding {
	display:none;
}

.gsc-table-result,
.gs-promotion-table {
	margin:5px 0 8px;
}

.cse.gsc-control-cse div,
.gsc-control-cse div {
	/* position:normal; <- wtf? */
}


/* Selector for entire element
------------------------------------------------------- */

.cse.gsc-control-cse,
.gsc-control-cse {
	background-color:#fff;
	border:1px solid #fff;
}

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

.cse.gsc-resultsHeader,
.gsc-resultsHeader {
	/* border:block; <- wtf? */
}

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

input.gsc-input {
	border-color:#D9D9D9;
	font-size:13px;
	padding:1px 6px;
}


/* Search button
------------------------------------------------------- */

.cse input.gsc-search-button,
input.gsc-search-button {
	font-family:inherit;
	font-size:11px;
	font-weight:bold;
	color:#000;
	padding:0 8px;
	height:20px;
	min-width:54px;
	background-color:#CECECE;
	border:1px solid #666;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}


/* Inactive tab
------------------------------------------------------- */

.cse.gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
	border-bottom:none;
	color:#666666;
	background-color:#e9e9e9;
	border:1px solid;
	border-color:#e9e9e9;
	border-bottom:none;
}


/* Active tab
------------------------------------------------------- */

.cse.gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
	background-color:#fff;
	border:1px solid;
	border-top:2px solid;
	border-color:#e9e9e9;
	border-top-color:#FF9900;
	border-bottom:none;
}


/* This is the tab bar bottom border
------------------------------------------------------- */

.cse.gsc-tabsArea,
.gsc-tabsArea {
	margin-top:1em;
	border-bottom:1px solid #e9e9e9;
}


/* Inner wrapper for a result
------------------------------------------------------- */

.cse.gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
	padding:.25em;
	border:1px solid;
	border-color:#fff;
	margin-bottom:1em;
}


/* Result hover event styling
------------------------------------------------------- */

.cse.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results.gsc-imageResult-classic:hover,
.gsc-results.gsc-imageResult-column:hover {
	border:1px solid;
	border-color:#fff;
}


/* Promotion Settings
------------------------------------------------------- */

.cse.gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
	background-color:#fff;
	border-color:#336699;
}


/* Promotion links
------------------------------------------------------- */

.cse.gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse.gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse.gs-promotion.gs-snippet a:link,
.gs-promotion.gs-snippet a:link {
	color:#00c;
}

.cse.gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse.gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse.gs-promotion.gs-snippet a:visited,
.gs-promotion.gs-snippet a:visited {
	color:#00c;
}

.cse.gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse.gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse.gs-promotion.gs-snippet a:hover,
.gs-promotion.gs-snippet a:hover {
	color:#00c;
}

.cse.gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse.gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse.gs-promotion.gs-snippet a:active,
.gs-promotion.gs-snippet a:active {
	color:#00c;
}


/* Promotion snippet
------------------------------------------------------- */

.cse.gs-promotion.gs-snippet,
.gs-promotion.gs-snippet,
.cse.gs-promotion.gs-title.gs-promotion-title-right,
.gs-promotion.gs-title.gs-promotion-title-right,
.cse.gs-promotion.gs-title.gs-promotion-title-right *,
.gs-promotion.gs-title.gs-promotion-title-right * {
	color:#000;
}


/* Promotion url
------------------------------------------------------- */

.cse.gs-promotion.gs-visibleUrl,
.gs-promotion.gs-visibleUrl {
	color:#008000;
}


/**
 * Style for auto-completion table
 *.gsc-completion-selected :styling for a suggested query which the user has moused-over
 *.gsc-completion-container :styling for the table which contains the completions
 */
.gsc-completion-selected {
	background:#EEE;
}

.gsc-completion-container {
	font-family:Arial, sans-serif;
	font-size:13px;
	background:white;
	border:1px solid #CCC;
	border-top-color:#D9D9D9;
	margin-left:0;
	margin-right:0;/* The top, left, and width are set in JavaScript. */
}

.gsc-completion-title {
	color:#00c;
}

.gsc-completion-snippet {
	color:#000;
}


/* Full URL
------------------------------------------------------- */

.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
	display:none;
}

.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
	display:block;
}


/* custom search result colours
------------------------------------------------------- */

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

.gsc-tabHeader.gsc-tabhInactive {
	border-color:#E9E9E9;
	background-color:#E9E9E9;
}

.gsc-tabHeader.gsc-tabhActive {
	border-top-color:#FF9900;
	border-left-color:#E9E9E9;
	border-right-color:#E9E9E9;
	background-color:#fff;
}

.gsc-tabsArea {
	border-color:#E9E9E9;
}

.gsc-webResult.gsc-result,
.gsc-results.gsc-imageResult {
	border-color:#fff;
	background-color:#fff;
}

.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-imageResult:hover {
	border-color:#fff;
	background-color:#fff;
}

.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b {
	color:#932f4c;
}

.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b {
	color:#551A8B;
}

.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b {
	color:#0000FF;
}

.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b {
	color:#0000FF;
}

.gsc-cursor-page {
	color:#932f4c;
}

a.gsc-trailing-more-results:link {
	color:#932f4c;
}

.gs-webResult.gs-snippet,
.gs-imageResult.gs-snippet,
.gs-fileFormatType {
	color:#000;
}

.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl {
	color:#6e819f;
}

.gs-webResult div.gs-visibleUrl-short {
	color:#6e819f;
}

.gs-webResult div.gs-visibleUrl-short {
	display:none;
}

.gs-webResult div.gs-visibleUrl-long {
	display:block !important;
}

.gs-promotion div.gs-visibleUrl-short {
	display:none;
}

.gs-promotion div.gs-visibleUrl-long {
	display:block;
}

.gsc-cursor-box {
	margin:10px 0;
	border-color:#fff;
}

.gsc-results.gsc-cursor-box.gsc-cursor-page {
	border-color:#E9E9E9;
	background-color:#fff;
	color:#932f4c;
}

.gsc-results.gsc-cursor-box.gsc-cursor-current-page {
	border-color:#FF9900;
	background-color:#fff;
	color:#551A8B;
}

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

.gsc-completion-title {
	color:#932f4c;
}

.gsc-completion-snippet {
	color:#000;
}

.gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link *,
.gs-promotion.gs-snippet a:link {
	color:#00c;
}

.gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited *,
.gs-promotion.gs-snippet a:visited {
	color:#00c;
}

.gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover *,
.gs-promotion.gs-snippet a:hover {
	color:#00c;
}

.gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active *,
.gs-promotion.gs-snippet a:active {
	color:#00c;
}

.gs-promotion.gs-snippet,
.gs-promotion.gs-title.gs-promotion-title-right,
.gs-promotion.gs-title.gs-promotion-title-right * {
	color:#000;
}

.gs-promotion.gs-visibleUrl,
.gs-promotion.gs-visibleUrl-short {
	color:#008000;
}

.gs-bidi-start-align {
	line-height:150%;
}