/* Homemade Search */
.2x-search-button{
	width: 15px;
	height: 14px;
	padding:0; 
	margin:0
}
	
.2x-search-box{
	height: 14px; 
	width: 122px; 
	border: solid 1px red; 
	padding:1px; 
	color:#444444;
}

/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0;
	width: 100%;
}
.cse .gsc-branding,
.gsc-branding {
	display: none;
}
.cse.gsc-control-cse div,
.gsc-control-cse div {
	position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
	/*font-family: Arial, sans-serif;*/
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Search form */
.cse form.gsc-search-box,
form.gsc-search-box {
	margin:0;
	padding:0;
	height: 20px;
}

table.gsc-search-box  {
	margin: 1px 0 0 0;
}

.cse .gsc-branding-text,
.gsc-branding-text {
	color: #000000;
}
.cse td.gsc-input,
td.gsc-input {
	padding-right: 0;
}
.cse .gsc-search-box,
.gsc-search-box {
	border-collapse: collapse;
}
/* Search form */
#cse-search-form{
	float:left;
	/*padding: 0 7px;*/
	width: 100px;
}

/* Search input */
.cse input.gsc-input,
input.gsc-input {
	font-family: inherit;
	border: 1px solid;
	border-color: #777777;
	padding: 3px;
	width: 99%;
	font-size: 16px;

}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
	font-family: inherit;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 1px 2px #000000;
	padding: 3px 8px 4px 8px;
	background-color: #333333;
	border: 1px solid;
	border-color: #333333;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

}

/* Base tab selector styles */
.cse .gsc-tabHeader,
.gsc-tabHeader {
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 1px 2px #000000;
	margin: 0 4px 0 0px;
	padding:6px 5px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
	background-color: #777777;
	border: 1px solid;
	border-color: #777777;
	border-bottom: none;
	color: #ffffff;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
	background-color: #333333;
	border: 1px solid;
	border-color: #333333;
	border-bottom: none;
	color: #ffffff;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
	margin-top: 1em;
	border-bottom: 1px solid #333333;
	padding: 8px 0 16px 0;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
	margin: 0;
	border: none;
}
/* Wrapper for all results */
.cse .gsc-results,
.gsc-results {
	width: 100%;
	margin-top: 10px;
}
/* Uber-wrapper for a result. Add padding to elements within a result block */
.cse .gs-result .gs-title,
.gs-result .gs-title,
.cse .gs-result .gs-snippet,
.gs-result .gs-snippet,
.cse .gs-result .gs-visibleUrl,
.gs-result .gs-visibleUrl,
	padding: 0;
}
/* Font size */
.cse .gs-result .gs-title,
.gs-result .gs-title,
.cse .gs-result .gs-snippet,
.gs-result .gs-snippet, .gs-snippet b {
	font-size: 11px;
	line-height: 18px;
}
/* Result title */
.gs-webResult.gs-result .gs-title, .gs-webResult.gs-result .gs-title b{
	text-decoration: none;
	font-size: 14px;
}

/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
	padding: 0;
	margin-bottom: 1em;
}

/* Set link colors. */
.cse .gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link,
.cse .gs-webResult.gs-result a.gs-title:link b,
.gs-webResult.gs-result a.gs-title:link b,
.cse .gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited,
.cse .gs-webResult.gs-result a.gs-title:visited b,
.gs-webResult.gs-result a.gs-title:visited b,
.cse .gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover,
.cse .gs-webResult.gs-result a.gs-title:hover b,
.gs-webResult.gs-result a.gs-title:hover b,
.cse .gsc-cursor-page,
.gsc-cursor-page,
.cse .gsc-trailing-more-results:link,
.gsc-trailing-more-results:link {
	color: #444444;
}
.cse .gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active,
.cse .gs-webResult.gs-result a.gs-title:active b,
.gs-webResult.gs-result a.gs-title:active b {
	color: #777777;
}
/* Snippet text color */
.cse .gs-webResult.gs-result .gs-snippet,
.gs-webResult.gs-result .gs-snippet {
	color: #333333;
}
/* URL text color */
.cse .gs-webResult.gs-result .gs-visibleUrl,
.gs-webResult.gs-result .gs-visibleUrl,
.cse .gs-webResult.gs-result .gs-visibleUrl-short,
.gs-webResult.gs-result .gs-visibleUrl-short {
	color: #BBBBBB;
	font-weight: bold;
}

#cse .gs-webResult .gs-visibleUrl-short { 
	display:none !important; 
}

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

/* Pagination container centered */
.cse .gsc-cursor-box,
.gsc-cursor-box {
	padding: 0;
	margin: 30px 0 0 0;
	text-align: left;
}
/* Selected pagination */
.gsc-cursor-box .gsc-cursor .gsc-cursor-current-page{
	color: #FFFFFF;
	background-color: #333333;
	text-shadow: 0 1px 1px #000;
	padding: 0 5px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page  {
	text-decoration: none;
	padding: 5px 9px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	background-color: #333333;
	color: #FFFFFF;
}
	
/*Promotion Settings*/
/* The entire promo */
div.gs-promotion {
	background-color: #E6E6E6;
	border: 1px solid;
	border-color: #CCCCCC;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
	color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
	color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
	color: #444444;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
	color: #00CC00;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
	color: #333333;
}
/* Promotion url */
div.gs-promotion .gs-visibleUrl {
	color: #00CC00;
}

/* 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: #EEEEEE;
}
.gsc-completion-container {
	/*font-family: Arial, sans-serif;
	font-size: 15px;*/
	
	font-family: verdana,arial,sans,helvetica;
	font-size: 10.6667px;
	position: absolute;
	background: white;
	border: 1px solid #777777;
	padding: 3px;
	margin-left: 0;
	margin-right: 0;
	width: 180px !important;
	/* The top, left, and width are set in JavaScript. */
}

.gsc-completion-container strong{
    font-weight:bolder;
    color: black;
}

/* RESET FOR SEARCH BOX */

#cse-search-form, form.gsc-search-box, table.gsc-search-box, td.gsc-input{
	margin: 0;
	padding: 0;
}