redesigngoogle: Air

Welcome. RedesignGoogle lets you totally transform the look of Google Search by creating and installing custom designs. It's part of WebMynd's mission to give you more control over your search experience.

redesigngoogle.
gallery: uncategorized

get this look

designer's statement

This design reduces as much visual noise in the original design as possible. A natural evolution of Google's tireless pursuit of simplicity and minimalism, it's Google, clarified. ----------------------------------------------------------------------------------------- Read more and see live demo: www.injectiondesign.com/google/ ----------------------------------------------------------------------------------------- Edit Dec 26: Inline loading, instant search, bug fixes, and polishes.

tweet this!

Air

by Chan Karunamuni

average rating

show discussion

/* @override http://www.injectiondesign.com/google/designs/air2/2/clarity.css */

body {
	background: #fafafa url(http://www.injectiondesign.com/client/google/c/background4.png) repeat-x 0 -42px !important;
	margin: -3px 0 0;
}

a {outline: none   !important;
}

/* @group gbar */

/* @group search mode bar */

#gbar {
	position: relative !important;
	left: 229px !important;
	top: 15px;
	color: #686868 !important;
	font-weight: normal !important;
	font-style: normal !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	width: 441px !important;
	height: 19px !important;
	z-index: 100;
}

#gbar b.gb1 {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	display: block !important;
	float: left !important;
	padding: 2px 8px 3px !important;
	color: #292929 !important;
	margin-right: 6px !important;
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	background: #ededed url(http://www.injectiondesign.com/client/google/c/inset.png) repeat-x 0 top !important;
	height: 13px !important;
}

#gbar b.gb1.desel {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	display: block !important;
	float: left !important;
	padding: 2px 8px 3px !important;
	color: #a7a7a7 !important;
	margin-right: 6px !important;
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	background: transparent none repeat-x 0 top !important;
	height: 13px !important;
	text-shadow: #fff 0 1px 0;
}

#gbar a.gb1 {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;	
	color: #a7a7a7   !important;
	text-decoration: none !important;
	padding: 2px 8px 3px !important;
	display: block !important;
	float: left !important;
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	height: 13px;
	opacity: 0;
	text-shadow: #fff 0 1px 0 !important;
}

#gbar a.gb1:hover, 
#gbar .gb3 u:hover {
	background-color: #e7e9ff;
	color: #4766d6   !important;
	border-bottom: 1px solid #d8dfff;
}

#gbar a.gb3 {
	color: #b2b2b2   !important;
	text-decoration: none !important;
	margin-left: 0   !important;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	height: 13px;
	opacity: 0;
	text-shadow: #fff 0 1px 0 !important;
}

.gb1,.gb3 {
	zoom: 1 !important;
	margin-right: 0 !important;
	text-decoration: none !important;
	font-weight: normal !important;
	font-style: normal !important;
}

.gb2,.gb3 {
	text-decoration: none
}

.gb3 u {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	
	color: #b5b5b5   !important;
	text-decoration: none !important;
	padding: 2px 9px 3px 8px !important;
	font-weight: normal !important;
	display: block !important;
	float: left !important;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
	font-style: normal !important;
	position: relative !important;
	top: 1px !important;
}

.gb3 u:hover {
	color: #6568ec   !important;
}

.gb3 small {
	position: relative !important;
	top: 4px !important;
	left: -3px !important;
	display: none !important;
}

/* @end */

/* @group user profile bar */

#guser {
	text-align: right !important;
	position: relative !important;
	top: 7px !important;
	right: 16px !important;
	color: #636363 !important;
	display: none !important;
}

#gbar,#guser {
	padding-top: 1px   !important;
	font: 11px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
}

#guser a {
	color: #f1313e   !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
}

#guser b {
	padding-right: 8px !important;
}

/* @end */

.gbh,.gbd {
	border-top: 0 solid #f57cb2 !important;
	font-size: 1px !important;
	background-color: #f3816f !important;
	height: 109px;
	margin-top: -24px;
	opacity: 1;
	z-index: 14;
	visibility: hidden;
}

/* @group logo */

#logo {
	display: block !important;
	overflow: hidden !important;
	position: relative !important;
	width: 132px !important;
	height: 63px !important;
	margin: 35px 35px -3px 46px;
	background: url(http://www.injectiondesign.com/client/google/c/logo2.png) no-repeat 0 0 !important;
	letter-spacing: -9999px !important;
	color: #fffeff !important;
	font-size: 1px !important;
}

#logo img {
	border: none !important;
	position: absolute !important;
	left: -0px !important;
	top: -26px !important;
	display: none !important;
}

/* @end */

/* @group search field */

table#sft.ts {
	margin: 0   !important;
	position: relative;
	top: -20px;
}

#sff table.ts tbody tr td {
	position: relative;
}

td#sff {
	opacity: 1;
}

/* @group search button */

.lsb {
	height: 41px;
	width: 90px;
	border-style: none !important;
	text-indent: -9999px !important;
	position: relative !important;
	left: -1px;
	top: 13px;
	overflow: hidden;
	background: url(http://www.injectiondesign.com/client/google/c/searchbutton4.png) no-repeat 0 0;
	visibility: visible;
	opacity: 0;
}

.lsb:active {
	background: url(http://www.injectiondesign.com/client/google/c/searchbutton4.png) no-repeat 0 -44px;
}

/* @end */

.lst {
	outline:none !important;
	font: 18px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	width: 591px !important;
	border-style: none !important;
	text-indent: 14px !important;
	color: #3e3e3e !important;
	top: 9px;
	background: url(http://www.injectiondesign.com/client/google/c/searchfield-grad7-h.png) no-repeat -591px 0 !important;
	position: relative;
	padding-top: 9px;
	overflow: hidden;
	height: 37px;
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 0px solid #fff !important;
}

.lst:focus {
	outline:none !important;
	font: 18px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	width: 591px !important;
	border-style: none !important;
	text-indent: 14px !important;
	color: #000 !important;
	top: 9px;
	background: url(http://www.injectiondesign.com/client/google/c/searchfield-grad7-h.png) no-repeat 0 0 !important;
	position: relative;
	padding-top: 9px;
	overflow: hidden;
	height: 37px;
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;
}

#sff table.ts {
	width: 1px;
}

/* @end */

#sff table.ts tbody tr td.nobr.xsm a {
	display: block !important;
	width: 23px !important;
	height: 23px !important;
	text-indent: -999px !important;
	background: url(http://www.injectiondesign.com/client/google/c/gear.png) no-repeat 0 0 !important;
	position: relative !important;
	top: -13px !important;
	left: -126px !important;
	opacity: 0;
}

#sff table.ts tbody tr td.nobr.xsm a:hover {
	background: url(http://www.injectiondesign.com/client/google/c/gear2.png) no-repeat 0 -25px !important;}

/* @group result bar */

body#gsr #bsf, body#gsr #ssb, body#gsr .blk {
	border-color: #b1cbe1   !important;
	border-top-width: 0 !important;
	border-top-color: #b1cbe1 !important;
	background-color: transparent !important;
	margin-bottom: -14px;
}

body#gsr div#cnt div#ssb p {
	position: relative !important;
	top: -20px;
	color: #9f9f9f !important;
	padding-right: 27px !important;
	height: 0 !important;
	font: 11px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
	border-bottom-style: none !important;
	text-shadow: #fff 0 1px 0 !important;
}

body#gsr div#cnt div#ssb p a {
	color: #5365d7 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	border-bottom: 0 solid #e1e1e1 !important;
}

td#rhspad {
	display: none;
}

body#gsr div#cnt div#ssb p a:hover {
	border-bottom: 1px solid #e1e1e1 !important;
}

body#gsr div#cnt div#ssb #prs span.std b {
	display: none !important;
}

body#gsr #cnt {
	max-width: none   !important;
	line-height: 16px !important;
}

/* @end */

/* @group ads */

/* @group top yellow ad */

div#tads.c {
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	border-radius: 6px !important;
	
	margin-left: 49px !important;
	margin-right: 36px !important;
	padding: 4px 6px 2px 7px !important;
	border-bottom: 1px solid #fff0b8 !important;
	margin-bottom: 5px !important;
}

#tads h2 {
	font: 9px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	color: #cabe8e !important;
}

a#pa1 {
	text-decoration: none !important;
	line-height: 19px !important;
	color: #152dc4 !important;
}

a#pa1:hover {
	color: #071da9 !important;
	border-bottom: 1px solid #cacaca !important;
}

#tads ol li.tas cite {
	color: #4da937 !important;
}

#tads ol li.tas {
	color: #595959 !important;
}

/* @end */

td#rhsline.std {
	border-left: 0 solid #fffeff   !important;
	padding-top: 34px !important;
	text-align: left !important;
	opacity: 0.61 !important;
	position: relative !important;
	display: none !important;
}

td#rhsline.std a {
	text-decoration: none !important;
	color: #4156dd !important;
	font-size: 14px !important;
}

#rhsline ol.nobr li {
	font-size: 11px !important;
	line-height: 15px !important;
	color: #616161 !important;
	padding-bottom: 11px !important;
}

#rhsline h2 {
	color: #cacaca !important;
	text-transform: capitalize !important;
	font-size: 11px !important;
}

/* @end */

/* @group view options button */

#prs span.tbpc {
	display: none !important;
}

div#tbp {
	position: relative !important;
	top: -9px;
	width: 26px !important;
	background: url(http://www.injectiondesign.com/client/google/c/plusbutton2.png) no-repeat -1px 0 !important;
	height: 23px !important;
	margin: 0   !important;
	padding: 0   !important;
	cursor: hand !important;
	left: -16px !important;
}

div#tbp:hover {
	background: url(http://www.injectiondesign.com/client/google/c/plusbutton2.png) no-repeat -1px -24px !important;
	cursor: hand !important;
}

div#tbp:active {
	background: url(http://www.injectiondesign.com/client/google/c/plusbutton2.png) no-repeat -1px -48px !important;
	cursor: hand !important;
}

/* @end */

/* @group results */

div#res.med {
	padding-left: 35px !important;
	padding-top: 0 !important;
}

#res div ol li.g:hover h3.r a {
	color: #1735e6 !important;
}

/* @group no pills */

#res div ol li.g h3.r a {
	color: #2a41d4;
	text-decoration: none !important;
	position: relative !important;
	font: 16px/23px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
	top: -1px !important;
	margin-right: 18px !important;
}

#res div ol li.g h3.r a:hover {
	color: #3253ff !important;
	text-decoration: none !important;
	position: relative !important;
	border-bottom: 1px solid #e4e7eb !important;
}

#res div ol li.g h3.r a:active {
	color: #2e4bf7 !important;
	text-decoration: none !important;
	position: relative !important;
}

/* @end */

/* @group pills */

/*
#res div ol li.g h3.r a {
	text-shadow: #fff 0 1px 0 !important;
	color: #152ed0 !important;
	text-decoration: none !important;
	position: relative !important;
	left: -11px !important;
	padding: 3px 11px 2px !important;
	font: 16px/24px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
	top: -1px !important;
}

#res div ol li.g h3.r a:hover {
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
	
	color: #1735e6   !important;
	text-decoration: none !important;
	position: relative !important;
	border-bottom: 1px solid #efefef;
	background: #fff repeat-x 0 1px !important;
}

#res div ol li.g h3.r a:active {
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
	
	color: #2e4bf7 !important;
	text-decoration: none !important;
	position: relative !important;
	border-bottom: 1px solid #d8e6ff !important;
	text-shadow: #fffeff 0 1px 0 !important;
	background: #dfe7ff repeat-x 0 1px !important;
}

/* @end */

#res div ol li.g div.s {
	text-shadow: #fff 0 1px 0 !important;
	color: #444 !important;
	font: 13px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
}

#res div ol li.g:hover div.s {
	color: #1f1f1f !important;
}

#res div ol li.g div.s div.osl a {
	text-decoration: none !important;
	color: #979cc0 !important;
	font: 11px/18px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	padding-right: 7px !important;
	text-shadow: #fff 0 1px 0 !important;
}

#res div ol li.g div.s div.osl a:hover {
	text-decoration: none !important;
	color: #4858ba !important;
}

#res div ol li.g div.s span.gl a {
	text-decoration: none !important;
}

#res div ol li.g span.m span {
	color: #a1a1a1 !important;
	position: relative !important;
	top: -3px !important;
	left: -16px !important;
	font: 11px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

#res div ol li.g div.s div.osl {
	font-size: 11px !important;
	color: #fffeff !important;
}

#res div ol li.g div.s {
	padding-top: 0 !important;
	line-height: 15px !important;
	width: 676px   !important;
}

#res div ol li.g {
	padding-bottom: 10px !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding-top: 6px;
}

/* @group subheader results */

#res div ol li.g div.s table.slk tbody tr td div a {
	text-decoration: none !important;
	font: 11px/15px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	color: #6f7bc4 !important;
}

#res div ol li.g div.s table.slk tbody tr td div a:hover {
	color: #929aca !important;
}

#res div ol li.g div.s table.slk tbody tr td a.fl {
	font: bold 11px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	text-decoration: none !important;
	color: #4758c4 !important;
}

#res div ol li.g div.s table.slk tbody tr td {
	position: relative !important;
	padding-top: 0 !important;
	margin-top: -10px !important;
}

#res div ol li.g div.s table.slk tbody tr td {
	padding-bottom: 5px !important;
	padding-top: 0 !important;
}

#res div ol li.g div.s table.slk tbody tr td a.fl {
	padding: 2px 10px 4px !important;
	position: relative !important;
	left: -10px !important;
}

#res div ol li.g div.s table.slk tbody tr td a.fl:hover {
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
	background-color: #edf2ff !important;
	border-bottom: 1px solid #d8e6ff !important;
}

#res div ol li.g div.s table.slk tbody tr td a.fl:active {
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
	background-color: #dfe7ff !important;
}

/* @end */

/* @group side details */

#res div ol li.g div.s cite, 
#res div ol li.g div.s span.gl {
	visibility: visible !important;
	font: 11px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
	opacity: 0;
}

#res div ol li.g table.ts div.s cite, 
#res div ol li.g table.ts div.s span.gl {
	visibility: visible !important;
	font: 11px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
	opacity: 1;
}

#res div ol li.g div.s span.gl {
	color: #fffeff !important;
}

#res div ol li.g div.s cite {
	color: #58c63d !important;
	position: relative !important;
	top: 1px !important;
}

#res div ol li.g:hover div.s cite, 
#res div ol li.g:hover div.s span.gl a,
#res div ol li.g:hover div.s span.gl {
	visibility: visible !important;
}

/* @end */

/* @group img */

#gsr #cnt #res.med div img {
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	
	-webkit-box-shadow: 0px 1px 2px #aaaaaa !important;
	-moz-box-shadow: 0px 1px 2px #aaaaaa !important;
	box-shadow: 0px 1px 32px #aaaaaa !important;
	
	border-style: none !important;
}
	
#gsr #cnt #res.med div img:hover {	
	border-style: none !important;
}

#gsr #cnt #res.med div img:active {
	-webkit-box-shadow: 0px 1px 3px #aaaaaa !important;
	-moz-box-shadow: 0px 1px 3px #aaaaaa !important;
	box-shadow: 0px 1px 3px #aaaaaa !important;
	
	border-style: none !important;
	opacity: 0.75 !important;
}

/* @end */

/* @group news results */

#res div ol li.g table.ts tbody tr td a span {
	font: 9px/12px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	color: #8e8e8e !important;
	position: relative !important;
	top: 5px !important;
	text-decoration: none   !important;
}

#res div ol li.g table.ts tbody tr td a:hover span {
	color: #6e79c3 !important;
}

#res div ol li.g table.ts tbody tr td a {
	text-decoration: none   !important;
	font-size: 13px !important;
	color: #243bca !important;
}

#res div ol li.g table.ts tbody tr td a:hover {
	text-decoration: none   !important;
	font-size: 13px !important;
	color: #0018b1 !important;
	border-bottom: 1px none #cdd2f1 !important;
}

#res div ol li.g table.ts tbody tr td nobr span.f {
	color: #8e8e8e !important;
	font: 9px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	position: relative !important;
	top: -1px !important;
}

#res div ol li.g table.ts tbody tr td {
	color: #e5e4e5 !important;
}

#res div ol li.g table.ts tbody tr td div.s {
	color: #4b4b4b !important;
	font: 13px/17px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
	margin-bottom: 2px;
}

#res div ol li.g table.ts tbody tr td span.gl cite {
	color: #52b839 !important;
	font: 11px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
}

#res div ol li.g table.ts tbody tr td span.gl {
	color: #cccbcc !important;
	position: relative;
	top: -1px;
}

#res div ol li.g table.ts tbody tr td span.gl a {
	color: #9297bc !important;
	padding-left: 2px !important;
	font: 11px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
}

#res div ol li.g table.ts tbody tr td span.gl a:hover {
	color: #475ac4 !important;
}

#res div ol li.g table.ts tbody tr td a img {
}

#res div ol li.g table.ts tbody tr td {
	padding-bottom: 4px !important;
	padding-top: 1px !important;
}

/* @end */

/* @group shopping results */

#res div ol li.g table.ts tbody tr td div {
	color: #9d9d9d !important;
	font: 10px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
}

#res div ol li.g table.ts tbody tr td div a {
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
	line-height: 18px !important;
}

#res div ol li.g table.ts tbody tr td div table.ti tbody tr td p {
	position: relative !important;
	top: 3px !important;
	right: 0 !important;
}

/* @end */

/* @group blog posts */

#res div ol li.g table.ts tbody tr td div nobr {
	color: #fffeff !important;
}

#res div ol li.g table.ts tbody tr td div nobr span.a {
	color: #52b839 !important;
}

/* @end */

/* @group video results */

#res div ol li.g table.ts tbody tr td div table.ts tbody tr td font {
	font-size: 11px !important;
	color: #999 !important;
}

#res div ol li.g table.ts tbody tr td div table.ts tbody tr td cite {
	font-size: 11px !important;
	line-height: 17px !important;
	color: #52b839 !important;	
}

#res div ol li.g table.ts tbody tr td div table.ts tbody tr td {
	padding-left: 8px !important;
}

#res div ol li.g table.ts tbody tr td div table.ts tbody tr td div {
	background: transparent url(http://www.injectiondesign.com/client/google/c/play.png) no-repeat right center !important;
	position: relative !important;
	top: -6px !important;
	visibility: visible !important;
	right: 6px !important;
	cursor: hand !important;
}

#res div ol li.g table.ts tbody tr td div table.ts tbody tr td div img {
	background-color: #ff70ff   !important;
	visibility: hidden !important;
	text-indent: -9999px !important;
	position: relative !important;
	top: -6px !important;
}

/* @end */

/* @group related searches */

table#brs.ts.std {
	padding-top: 23px !important;
	padding-bottom: 7px !important;
	margin-top: 22px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

#brs caption.med.nobr {
	color: #939393 !important;
	font: 11px/19px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	vertical-align: middle !important;
	margin-bottom: 19px !important;
	height: 3px !important;
}

#brs tbody tr td a {
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	border-radius: 15px !important;
	border-bottom: 1px solid #d4deff;

text-decoration: none !important;
	color: #6471c1 !important;
	font: 11px/18px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	background-color: #e3eaff !important;
	padding: 3px 11px !important;
	text-shadow: #fff 0 1px 0 !important;
}

#brs tbody tr td a:hover {

border-bottom: 1px solid #b8d1ff !important;
	color: #3f50c1 !important;
	background-color: #cedbff !important;
}

#brs tbody tr td a:active {
	border-bottom: 1px solid #bcd3ff !important;
	color: #4252c1 !important;
	background-color: #cedbff !important;
}

/* @end */

/* @group footer */

#cnt div.std {
	display: none   !important;
}

div#wml {
	display: none !important;
}

div#bsf {
	position: relative !important;
	top: -37px !important;
	border-bottom-style: solid !important;
	border-bottom-width: 0 !important;
}

#bsf form div input.lst {
	text-align: center !important;
	text-indent: 0 !important;
	margin-top: 2px;
	position: relative;
	left: 44px;
}

#bsf form div input.lsb {
	position: relative;
	left: 43px;
	top: 6px;
}

#bsf p {
	padding-top: 32px !important;
	font-size: 11px !important;
	color: #fffeff !important;
	padding-bottom: 11px;
}

#bsf p a {
	text-decoration: none !important;
	color: #4456c4 !important;
	font: 11px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

#bsf p a:hover {
	color: #0f28bc !important;
	border-bottom: 1px solid #aab2dc !important;
}

p#flp {
	position: relative !important;
	top: -58px !important;
	font-size: 11px !important;
	color: #fffeff !important;
}

p#flp a {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif !important;
	text-decoration: none !important;
	color: #a1a1a1 !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

p#flp a:hover {
	color: #676767 !important;
	border-bottom: 1px solid #cacaca !important;
}

/* @group navigation arrows */

#nav tbody tr td.cur {
	width: 53px !important;
	height: 55px !important;
	text-indent: -9999px !important;
	background: url(http://www.injectiondesign.com/client/google/c/backarrow9.png) no-repeat 0 0;
	color: #fff !important;
	font-size: 1px;
	line-height: 45px !important;
	display: block !important;
	position: relative !important;
	left: -10px !important;
}

.csb,.ss {
	background-image: none !important;
}

#nav tbody tr td a {
	display: none !important;
}

#nav tbody tr td.b a {
	display: none !important;
}

#nav tbody tr td.cur:hover {
	background: url(http://www.injectiondesign.com/client/google/c/backarrow9.png) no-repeat 0 -52px !important;
}
#nav tbody tr td.cur:active {
	background: url(http://www.injectiondesign.com/client/google/c/backarrow9.png) no-repeat 0 -104px !important;
}

/* @end */

/* @group sidebar */

.tbt div.tbos {
	font-size: 13px !important;
	color: #909090 !important;
}

#ssb #prs a#tbpi.q span.tbpo {
	display: none !important;
}

.tbt div.tbou a.q {
	text-decoration: none !important;
	color: #152ed0 !important;
	font: 13px/14px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif !important;
}

div#tbd.med {
	padding-left: 28px !important;
	border-right: 0 none #fffeff !important;
	background-color: transparent !important;
}

/* @end */

// ON LOAD
$(document).ready(function(){

$(".lst").bind("focus", function(e){
  var currentTime = new Date();
  thisKeystroke = currentTime.getTime();
});

$(".lst").bind("keypress", function(e){
  var currentTime = new Date();
  lastKeystroke = thisKeystroke;
  thisKeystroke = currentTime.getTime();
  timeSinceLast = thisKeystroke - lastKeystroke;
  if (timeSinceLast < 600 && searchEvent != null) {
    clearTimeout(searchEvent);
  }
  searchEvent = setTimeout("updateResults();", 600);
});

$("td.cur").click(function(){
	if ($(window).scrollTop() == $(document).height() - $(window).height()){
	  loadMore();
	}
});

start = 0;

$('<div id="tempresults" class="moreloaded"></div>').insertAfter("#res");

var resultinfo = $("div#ssb p").html();
var resultinfo2 = resultinfo.split('about ')[1];
var resultinfo3 = resultinfo2.split('. ')[0];
var resultinfo4 = resultinfo3.split(' for ')[0] + " results for " + resultinfo3.split(' for ')[1];

$("div#ssb p").html(resultinfo4);
$("#gbar b.gb1").addClass("desel");

$("input.lst").focus(function() {
		$("input.lsb").stop();
		$("input.lsb").animate({opacity: "1"}, 200);
	});
	
	$("input.lst").blur(function() {
		$("input.lsb").stop();
		$("input.lsb").animate({opacity: "0"}, 400);
	});

$("#gbar").hover(function() {
		$("#gbar a.gb1").stop();
		$("#gbar a.gb1").fadeTo(200,1);
		
		$("#gbar a.gb3").stop();
		$("#gbar a.gb3").fadeTo(200,1);
		
		$("td.nobr.xsm a").stop();
		$("td.nobr.xsm a").fadeTo(200,1);
		$("#gbar b.gb1").removeClass("desel");
		
	}, function() {
	});

$("table#sft.ts").hover(function() {
		$("#gbar a.gb1").stop();
		$("#gbar a.gb1").fadeTo(200,1);
		
		$("#gbar a.gb3").stop();
		$("#gbar a.gb3").fadeTo(200,1);
		
		$("td.nobr.xsm a").stop();
		$("td.nobr.xsm a").fadeTo(200,1);
		
		$("#gbar b.gb1").removeClass("desel");
		
	}, function() {
		$("#gbar a.gb1").stop();
		$("#gbar a.gb1").fadeTo(200,0);
		
		$("#gbar a.gb3").stop();
		$("#gbar a.gb3").fadeTo(200,0);
		
		$("td.nobr.xsm a").stop();
		$("td.nobr.xsm a").fadeTo(200,0);
		
        $("#gbar b.gb1").addClass("desel");
      
	});

$("li.g").hover(function() {
		$(this).children("div").children("cite").stop();
		$(this).children("div").children("cite").animate({opacity: "1"}, 200);
		$(this).children("div").children("span").stop();
		$(this).children("div").children("span").animate({opacity: "1"}, 200);
	}, function() {
		$(this).children("div").children("cite").stop();
		$(this).children("div").children("cite").animate({opacity: "0"}, 200);
		$(this).children("div").children("span").stop();
		$(this).children("div").children("span").animate({opacity: "0"}, 200);
	});

});

function loadMore() {
  start += 10;
  var nextlink = $("#nav tr td:last a").attr('href');
  var currenturl = window.location;
  url = currenturl + '&start=' + start;
  $("#tempresults").load(url + ' #res');
  $("#tempresults").attr('id', 'oldtemp');
  $('<div id="tempresults" class="moreloaded"></div>').insertAfter(".moreloaded:last");
}

function updateResults() {
  var url = '/search?' + $('#tsf').serialize();
  $.get(
    url,
    {},
    function(data, textStatus) {
      $("#res").replaceWith($("#res", data));
    }
  );
}