#searchForm{ /* The search form. */ width:525px; /*background-color:#4C5A65; padding:50px 50px 30px;*/ margin:0 auto; position:relative; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; } fieldset{ border:none; } #s{ /* The search text box. */ border:none; color:#888888; /*background:url("../images/interface/searchBox.png") no-repeat;*/ background:url('../images/interface/zoom.png') 10px center no-repeat; border:1px solid #888888; float:left; font-family:Arial,Helvetica,sans-serif; font-size:15px; height:36px; line-height:36px; margin-right:12px; outline:medium none; padding:0 0 0 35px; text-shadow:1px 1px 0 white; width:385px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 2px 2px 3px #888; -webkit-box-shadow: 2px 2px 3px #888; box-shadow: 2px 2px 3px #888; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888'); } .icons{ background:#4C5A65; padding:3px 3px 10px 3px; list-style:none; margin:10px 0; height:19px; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .icons li{ background:url("../images/interface/icons.png") no-repeat; float:left; height:19px; text-indent:-999px; cursor:pointer; margin-right:5px; } /* Styling each icon */ li.web{ width:15px;} li.web.active, li.web:hover{ background-position:left bottom;} li.images{ width:22px; background-position:-18px 0;} li.images.active, li.images:hover{ background-position:-18px bottom;} li.news{ width:14px; background-position:-44px 0;} li.news.active, li.news:hover{ background-position:-44px bottom;} li.videos{ width:17px; background-position:right 0;} li.videos.active, li.videos:hover{ background-position:right bottom;} span.arrow{ /* The little arrow that moves below the icons */ width:11px; height:6px; margin:21px 0 0 5px; position:absolute; background:url('../images/interface/arrow.png') no-repeat; left:0; } /* The submit button */ #submitButton{ /*background:url('../images/interface/buttons.png') no-repeat; width:83px; height:36px; text-indent:-9999px; overflow:hidden; text-transform:uppercase; border:none;*/ cursor:pointer; } #submitButton:hover{ background-position:left bottom; } /* Web & news results */ .webResult{ text-shadow:1px 1px 0 #586a75;margin-bottom:50px;} .webResult h2{ background-color:#5D6F7B; font-size:18px; font-weight:normal; padding:8px 20px; /* Applying CSS3 rounded corners */ -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; } .webResult h2 b{ color:#fff; } .webResult h2 a{ color:#eee;border:none;} .webResult p{ line-height:1.5;padding:15px 20px;} .webResult p b{ color:white;} .webResult > a{ margin-left:20px;} /* Image & video search results */ .imageResult{ float:left; height:170px; margin:0 0 20px 40px; text-align:center; width:150px; } .imageResult img{ display:block;border:none;} .imageResult a.pic{ border:1px solid #fff; outline:1px solid #777; display:block; margin:0 auto 15px; } /* The show more button */ #more{ width:83px; height:24px; background:url('../images/interface/more.png') no-repeat; cursor:pointer; margin:40px auto; } #more:hover{ background-position:left bottom; }