Ported the previous form styles that were applied to google's search form to a...

Ported the previous form styles that were applied to google's search form to a standard form. Also added google CSS overrider to make the results and paging look like that of the peoplefinder results.

www/searchCSS.css

 /* Google/Peoplefinder Styles */
 
+
 /** Search Box **/
-#searchform form.gsc-search-box {
+#searchform {
+	margin-bottom: 10px;
+}
+#searchform fieldset {
+	
+}
+#searchform .grid10 {
+	width: 90%;
+}
+#searchform .grid2 {
+	margin-left:0;
+	width: 10%;
+	text-align: right;
+}
+#searchform label {
+	display: none;
+}
+#searchform form {
 	background: #E9D78E; /* old browsers */
     background: -moz-linear-gradient(top, #E9D78E 0%, #DCC679 100%); /* firefox */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9D78E), color-stop(100%,#DCC679)); /* webkit */
@@ -11,19 +29,18 @@
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     width:auto;
+    overflow: auto;
 }
 
-#searchform table.gsc-search-box {
-    width:auto;
-}
-#searchform input.gsc-input {
+#searchform input.search-query {
     border: 1px solid #8A7C47;
     color: #5C5C5C;
     font-size: 1.5em;
     height: 31px;
     padding: 2px 0 0 8px;
+    width: 99%;
 }
-#searchform input.gsc-search-button {
+#searchform input.search-button {
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -border-radius: 5px;
@@ -34,71 +51,105 @@
     color: #FFFFFF;
     cursor: pointer;
 }
-#searchform table.gsc-branding {
-	display:none;
-}
 
+@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
+	#searchform .grid10,
+	#searchform .grid2 {
+        width: auto;
+        float: none;
+    }
+}
 
 /** Overridden directory styles **/
 #maincontent .recordDetails {
 	margin-left:8px;
 	max-width:155px;
 }
+#maincontent ul.pfResult li div.overflow {
+	cursor: auto;
+}
 #maincontent .pfResult a.cInfo {font-size: 0.75em;
     font-weight: bold;
     text-transform: uppercase;}
 #maincontent .pfResult .fn, #maincontent .pfResult .fn a {font-size:12px; line-height:14px; min-height:14px;}
 #maincontent .pfResult .on-campus-dialing {display:block;margin-top:-5px;}
-/*
-
-The Search results
 
-*/
-
-#unl_results .gsc-search-box,
-#local_results .gsc-search-box {
-	display:none;
+/** The Search results **/
+.google-results .gsc-control-cse,
+.google-results .gsc-control-cse .gsc-table-result {
+    font-family: inherit;
+    font-size: 1em;
+}
+.google-results .gsc-search-box {
+    display: none;
+}
+.cse .gsc-control-cse, 
+.gsc-control-cse {
+    padding: 0;
 }
 
-#unl_results {min-height: 300px;}
-#searchform {
-	margin-bottom: 10px;
+.google-results .gsc-control-cse .gs-result .gs-title, 
+.google-results .gsc-control-cse .gs-result .gs-title * {
+    font-size: 1.1em;
+    text-decoration: none;
+    color: #BA0000;
 }
 
-.gsc-input {
-	font-size: 1.1em;
+.google-results .gsc-control-cse .gs-result .gs-title:hover, 
+.google-results .gsc-control-cse .gs-result .gs-title:hover * {
+    color: #EE0000;
 }
-#maincontent .gs-result .gs-title, #maincontent .gs-result .gs-title *{
-	color : #ac0302;
-	text-decoration: none;
-	font-size: 1.1em;
+
+.google-results .gs-webResult div.gs-visibleUrl-long {
+    display: block;
+    color: #897B42;
 }
-.gs-result .gs-title a:hover, .gs-result .gs-title a:hover * {
-	color : #cc0000;
+
+.google-results .gsc-results {
+	border-top: 1px solid #d0cece;
 }
 
+.google-results .gsc-results .gsc-cursor-box {
+	border-top: 1px solid #e6e6e6;
+	padding-top: 20px;
+}
 
-.gs-result.alt {
-	background:#FAFAFA;
+.google-results .gsc-webResult.gsc-result,
+.google-results  .gsc-results .gsc-imageResult {
+    border-top: 1px solid #e6e6e6;
+    border-bottom: 1px solid #d0cece;
+    background-color: #FFFFFF;
+    padding: 12px 5px;
 }
-.gs-result {
-	padding: 0.7em;
+.google-results .gsc-webResult.gsc-result:hover,
+.google-results .gsc-imageResult:hover {
+    background-color: #ECF4F9;
 }
-.gs-webResult div.gs-visibleUrl-short {
-	display:none;
+
+.google-results .gsc-results .gsc-cursor-box .gsc-cursor-page {	
+	display: block;
+	float: left;
+	border: 1px solid #dadada;
+	padding: 2px 4px;
+	text-decoration: none;
+	color: #BA0000;
 }
-.gs-webResult div.gs-visibleUrl-long {
-	display:block !important;
+.google-results .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { 
+	background: #6e6e6e;
+	border: 1px solid #5e5e5e;
+	color: #fff;
 }
-.gs-result:hover {
-	background:#FFFEF0;
+.google-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
+	border: none;
+	font-size: 22px;
+	padding: 2px 6px;
+	color: #3e3e3e;
 }
-
-.gs-search-nav {
-	margin-top: 10px;
-	text-align: right;
+.google-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover {
+    background: none;
+    border: none;
+    color: #3e3e3e;
 }
-.gs-watermark {
-	display: none;
+.google-results .gcsc-branding {
+	clear: both;
 }
-