/*---------------------------------------------------------------- H E A D E R ---------------------------------------------------------------- */ #login-outer{ height:10px; width:100%; } #login{ font-size:9px; padding:5px 20px; text-align:right; } #header-outer { height: 100%; width: 100%; } #header-top{ height:49px; width:100%; background:#222; } #login_state{text-align:right;padding:2px 20px;font-size:10px;} /* L O G O */ #logo{ float:left; position:relative; width:193px; height:100%; border-right:1px solid #000; } #logo img{ margin:11px 15px; } /* N A V */ #header-outer ul, #footer ul{ padding: 0; width: 100%; list-style: none; } #header-outer li, #footer li{ padding: 0; margin-right: 1px; list-style: none; float:left; position:relative; background-repeat: no-repeat; } #header-outer li a, #header-outer li a:visited, #footer li a, #footer li a:visited{ display: block; text-decoration: none; background-repeat: no-repeat; } #header-outer ul li a, #footer ul li a{background-image: url(./images/nav/css-sprites.png);} #header-outer ul li span, #footer ul li span{visibility:hidden;} /*main nav*/ #main-nav{ float:left; position:relative; width:315px; height:49px; border-right:1px solid #000; } #main-nav ul{margin: 7px 0 0 7px;} #main-nav li{height:35px;} #main-nav li a, #main-nav li a:visited {height:35px;} #main-nav ul .publication a{background-position:0px 0px;width:125px;} #main-nav ul .publication.selected a,#main-nav ul .publication.selected a:hover{background-position:0px -70px;} #main-nav ul .publication a:hover{background-position:0px -35px;} #main-nav ul .clients a{background-position:-125px 0px;width:83px;} #main-nav ul .clients.selected a, #main-nav ul .clients.selected a:hover{background-position:-125px -70px;} #main-nav ul .clients a:hover{background-position:-125px -35px;} #main-nav ul .training a{background-position:-208px 0px;width:91px;} #main-nav ul .training.selected a,#main-nav ul .training.selected a:hover{background-position:-208px -70px;} #main-nav ul .training a:hover{background-position:-208px -35px;} /*tool nav*/ #tool-nav{ float:left; position:relative; width:399px; height:49px; /*border-right:1px solid #000;*/ } #tool-nav ul{margin: 15px 0 0 11px;} #tool-nav li{height:24px;} #tool-nav li a, #tool-nav li a:visited {height:24px;} #tool-nav ul .film-catalog a{background-position:-284px -105px;width:89px;} #tool-nav ul .film-catalog.selected a,#tool-nav ul .film-catalog.selected a:hover{background-position:-284px -153px;} #tool-nav ul .film-catalog a:hover{background-position:-284px -129px;} #tool-nav ul .about a{background-position:0px -105px;width:53px;} #tool-nav ul .about.selected a,#tool-nav ul .about.selected a:hover{background-position:0px -153px;} #tool-nav ul .about a:hover{background-position:0px -129px;} #tool-nav ul .blog a{background-position:-53px -105px;width:43px;} #tool-nav ul .blog.selected a,#tool-nav ul .blog.selected a:hover{background-position:-53px -153px;} #tool-nav ul .blog a:hover{background-position:-53px -129px;} #tool-nav ul .store a{background-position:-96px -105px;width:49px;} #tool-nav ul .store.selected a,#tool-nav ul .store.selected a:hover{background-position:-96px -153px;} #tool-nav ul .store a:hover{background-position:-96px -129px;} #tool-nav ul .subscribe a{background-position:-145px -105px;width:37px;} #tool-nav ul .subscribe.selected a,#tool-nav ul .subscribe.selected a:hover{background-position:-145px -153px;} #tool-nav ul .subscribe a:hover{background-position:-145px -129px;} #tool-nav ul .contact a{background-position:-221px -105px;width:63px;} #tool-nav ul .contact.selected a{background-position:-221px -153px;} #tool-nav ul .contact a:hover{background-position:-221px -129px;} /*sponsor nav*/ #sponsor-nav{ float:left; position:relative; height:100%; } #sponsor-nav img{ margin:4px 0px 0px 22px; } /* S U B N A V */ /*header-bottom gray*/ #header-bottom-gray{width:100%;background:#333;height:27px;} #header-bottom{ width:100%; background:#0083c5; /*height:27px;*/ } #header-outer div.left{ position:relative; float:left; width:750px; } #header-outer div.left .inner{ margin:0px 0px 0px 200px } #header-outer div.right{ position:relative; float:right; } #header-outer div.right input, #header-outer div.right button, #s, #searchsubmit{ float:left; border:none; } #header-outer div.right > div{ margin-top:5px; } #header-outer div.right input.box, #s{ width:120px;height:17px;color:#333;font-family:Verdana, sans-serif;font-size:11px;margin:0 1px 0 18px;padding:0px; } #s{width:250px;margin-left:0px;} #header-outer div.right input.btn, #searchsubmit{ width:17px;height:17px;margin:0px;padding:0px;text-indent:-9999px;background-image:url(./images/nav/css-sprites.png);background-position: -17px -576px; cursor: pointer;font-size: 0;display:block;line-height: 0; } #search{padding:5px;width:290px;border:0px} #header-outer div.right input.btn:hover,#searchsubmit:hover{background-position: 0px -576px;} #search-box{margin-right:20px} /*header-bottom gray #header-bottom-gray div.right input.box{color:#333;} #header-bottom-gray div.right button.btn{background-position: -17px -468;} #header-bottom-gray div.right button.btn:hover{background-position: 0px -468px;}*/ #pub-subnav ul, #clients-subnav ul, #training-subnav ul, #about-subnav ul{margin:0px;} #pub-subnav li, #clients-subnav li, #training-subnav li, #about-subnav li{height:27px;} #pub-subnav li a, #pub-subnav li a:visited,#clients-subnav li a, #clients-subnav li a:visited,#training-subnav li a, #training-subnav li a:visited,#about-subnav li a, #about-subnav li a:visited {height:27px;} /*publication subnav*/ #pub-subnav ul .projects a:hover{background-position:0px -231px;} #pub-subnav ul .projects.selected a{background-position:0px -204px;} #pub-subnav ul .projects a{background-position:0px -177px;width:69px;} #pub-subnav ul .contributors a:hover{background-position:-69px -231px;} #pub-subnav ul .contributors.selected a{background-position:-69px -204px;} #pub-subnav ul .contributors a{background-position:-69px -177px;width:92px;} #pub-subnav ul .submit a:hover{background-position:-161px -231px;} #pub-subnav ul .submit.selected a{background-position:-161px -204px;} #pub-subnav ul .submit a{background-position:-161px -177px;width:63px;} #pub-subnav ul .license a:hover{background-position:-224px -231px;} #pub-subnav ul .license.selected a{background-position:-224px -204px;} #pub-subnav ul .license a{background-position:-224px -177px;width:65px;} #pub-subnav ul .donate a:hover{background-position:-245px -312px;} #pub-subnav ul .donate.selected a{background-position:-245px -285px;} #pub-subnav ul .donate a{background-position:-245px -258px;width:63px;} #pub-subnav ul .faq a{background-position:-393px -339px; width:40px;} #pub-subnav ul .faq a:hover{background-position:-393px -393px;} #pub-subnav ul .faq.selected a{background-position:-393px -366px;} /*clients subnav*/ #clients-subnav ul .projects a:hover{background-position:0px -231px;} #clients-subnav ul .projects.selected a{background-position:0px -204px;} #clients-subnav ul .projects a{background-position:0px -177px;width:69px;} #clients-subnav ul .services a:hover{background-position:0px -312px;} #clients-subnav ul .services.selected a{background-position:0px -285px;} #clients-subnav ul .services a{background-position:0px -258px;width:71px;} #clients-subnav ul .login a:hover{background-position:-71px -312px;} #clients-subnav ul .login.selected a{background-position:-71px -285px;} #clients-subnav ul .login a{background-position:-71px -258px;width:53px;} /*training subnav*/ #training-subnav ul .projects a:hover{background-position:0px -231px;} #training-subnav ul .projects.selected a{background-position:0px -204px;} #training-subnav ul .projects a{background-position:0px -177px;width:69px;} #training-subnav ul .workshops a:hover{background-position:0px -393px;} #training-subnav ul .workshops.selected a{background-position:0px -366px;} #training-subnav ul .workshops a{background-position:0px -339px;width:85px;} #training-subnav ul .events a:hover{background-position:-313px -393px;} #training-subnav ul .events.selected a{background-position:-313px -366px;} #training-subnav ul .events a{background-position:-313px -339px;width:74px;} #training-subnav ul .resources a:hover{background-position:-146px -393px;} #training-subnav ul .resources.selected a{background-position:-146px -366px;} #training-subnav ul .resources a{background-position:-146px -339px;width:80px;} #training-subnav ul .participants a:hover{background-position:-226px -393px;} #training-subnav ul .participants.selected a{background-position:-226px -366px;} #training-subnav ul .participants a{background-position:-226px -339px;width:87px;} #training-subnav ul .online-training a:hover{background-position:-308px -312px;} #training-subnav ul .online-training.selected a{background-position:-308px -285px;} #training-subnav ul .online-training a{background-position:-308px -258px;width:104px;} #training-subnav ul .faq a{background-position:-393px -339px; width:40px;} #training-subnav ul .faq a:hover{background-position:-393px -393px;} #training-subnav ul .faq.selected a{background-position:-393px -366px;} /*about subnav*/ #about-subnav ul .team a:hover{background-position:0px -474px;} #about-subnav ul .team.selected a{background-position:0px -447px;} #about-subnav ul .team a{background-position:0px -420px;width:50px;} #about-subnav ul .careers a:hover{background-position:-52px -474px;} #about-subnav ul .careers.selected a{background-position:-52px -447px;} #about-subnav ul .careers a{background-position:-52px -420px;width:66px;} #about-subnav ul .sponsor a:hover{background-position:-289px -231px;} #about-subnav ul .sponsor.selected a{background-position:-289px -204px;} #about-subnav ul .sponsor a{background-position:-289px -177px;width:70px;} #about-subnav ul .advertise a:hover{background-position:-359px -231px;} #about-subnav ul .advertise.selected a{background-position:-359px -204px;} #about-subnav ul .advertise a{background-position:-359px -177px;width:74px;} #about-subnav ul .awards a:hover{background-position:-118px -474px;} #about-subnav ul .awards.selected a{background-position:-118px -447px;} #about-subnav ul .awards a{background-position:-118px -420px;width:62px;} #about-subnav ul .link a:hover{background-position:-180px -474px;} #about-subnav ul .link.selected a{background-position:-180px -447px;} #about-subnav ul .link a{background-position:-180px -420px;width:76px;} #about-subnav ul .contact a:hover{background-position:-256px -474px;} #about-subnav ul .contact.selected a{background-position:-256px -447px;} #about-subnav ul .contact a{background-position:-256px -420px;width:83px;} #about-subnav ul .press a:hover{background-position:-339px -474px;} #about-subnav ul .press.selected a{background-position:-339px -447px;} #about-subnav ul .press a{background-position:-339px -420px;width:53px;} /*---------------------------------------------------------------- F O O T E R ---------------------------------------------------------------- */ #footer-outer{ width:100%; background:#222; margin-top:10px; height:165px; clear:both; } #footer{/*width:100%;*/width:878px;height:165px;float:left;} #footer ul{padding-top:10px;margin:0px;} #footer li, #footer li a, #footer li a:visited{height:25px;} #footer li.first{margin-left:20px} #footer-outer.grid-footer{height:16px} #footer-tabs{float:left;width:730px !important;} .social{text-align:center;margin-top:15px;} .st_plusone div{height:15px !important;} #footer .arrow-left ,#footer .arrow-right{width:15px;height:90px;padding-top:7px;float:left;} #footer .arrow-left span,#footer .arrow-right span{display:none;} #footer .arrow-left a{display:block;background-image:url(./images/nav/css-sprites.png);background-position:-331px -1086px;width:10px;height:20px;margin-top:32px;} #footer .arrow-right a{display:block;background-image:url(./images/nav/css-sprites.png);background-position:-341px -1086px;width:15px;height:20px;margin-top:32px;margin-left:3px;} #footer .arrow-left a:hover{background-position:-331px -1107px;} #footer .arrow-right a:hover{background-position:-341px -1107px;} #footer a.disabled{display:none;} #footer-nav{float:right;width:40px;} #footer-nav .left,#footer-nav .right{width:15px;height:15px;} #footer-nav .left a{background-position:-134px -593px;width:15px;height:15px;} #footer-nav .right a{background-position:-199px -593px;width:15px;height:15px;} #footer-nav .left a:hover{background-position:-214px -593px;} #footer-nav .right a:hover{background-position:-279px -593px;} #footer-nav .disabled a{display:none;} #footer ul .publication a{background-position:0px -501px;width:83px;} #footer ul .publication.selected a,#footer ul .publication.selected a:hover{background-position:0px -551px;} #footer ul .publication a:hover{background-position:0px -526px;} #footer ul .client-work a{background-position:-83px -501px;width:84px;} #footer ul .client-work.selected a,#footer ul .client-work.selected a:hover{background-position:-83px -551px;} #footer ul .client-work a:hover{background-position:-83px -526px;} #footer ul .workshops a{background-position:-167px -501px;width:81px;} #footer ul .workshops.selected a, #footer ul .workshops.selected a:hover{background-position:-167px -551px;} #footer ul .workshops a:hover{background-position:-167px -526px;} #footer-links{ padding:10px 30px;font-size:10px; } #footer-links a{ color:#999; text-decoration:none; } #footer-links a:hover{ color: #0083C5; text-decoration:none; } /*slider styles*/ #main-footer{ /*width:942px;*/width:872px; padding:0px;margin:0px 5px;clear:both;display: block; } .viewer { /*width:942px;*/width:842px; height:96px;margin:0px;padding-top:7px;position:relative;overflow:hidden;float:left;} .content-conveyor { /*width:942px;*/width:852px; height:96px; position:relative; } .item { width:170px; float:left;position:relative;} .promo-more{width:85px;height:90px;margin:40px 0 0 6px;} .promo-inner{padding-left:3px;padding-top:3px;width:85px;height:90px;} .promo-inner a{display:block;padding:20px 10px;font-weight:bold;line-height:14px;font-size:10px;width:65px;height:50px;color:#fff;background:#434343;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;/*background:#000;*/} .promo-inner a:hover{/*color:#0083C5;*/color:#fff;text-decoration:none;/*background:#111;*/background:#0083C5;} .promo-inner a img{margin-bottom:-1px} #footer-promo{float:right;width:116px;border-left:1px solid #000;height:165px} #footer .loading{background:url('./images/nav/spinner.gif') no-repeat center center;} #footer .trigger{width:160px;height:90px;} .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default;background-image:url(./images/nav/css-sprites.png);background-position:-294px -593px;width:134px;height:15px; cursor:pointer; margin-left: -67px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-widget-content { border: 0px; background: #666;} .sliderLeftButton{ position:relative;top:-15px;height:15px;width:67px;overflow:hidden; } .sliderRightButton{ position:relative;top:-30px;left:875px;height:15px;width:67px;overflow:hidden; } .sliderLeftButton a{background: #666;background-image:url(./images/nav/css-sprites.png);background-position:-134px -593px;display:block;width:67px;height:15px;} .sliderLeftButton a:hover{background-position:-214px -593px;} .sliderRightButton a{background: #666;background-image:url(./images/nav/css-sprites.png);background-position:-147px -593px;display:block;width:67px;height:15px;} .sliderRightButton a:hover{background-position:-227px -593px;} .ui-slider-horizontal { height: 15px;cursor:pointer;width:808px;margin-left:67px;margin-right:67px;background-image:url(./images/nav/css-sprites.png);background-repeat:repeat-x;background-position:0px -608px;} .ui-slider-horizontal .ui-slider-handle { top: 0px;} .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-state-default, .ui-widget-content .ui-state-default {background-image:url(./images/nav/css-sprites.png);background-position:-294px -593px; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; } .ui-state-focus, .ui-widget-content .ui-state-focus {background-image:url(./images/nav/css-sprites.png);background-position:-294px -593px;font-weight: normal; color: #212121; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover,.ui-state-active, .ui-widget-content .ui-state-active {background: #0083C5;background-image:url(./images/nav/css-sprites.png);background-position:0px -593px; font-weight: normal; color: #212121; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #212121; outline: none; text-decoration: none; } /*footer popup*/ .popup{display:none;z-index:50;position:absolute;width:190px;} .popup td.corner, .lightbox td.corner{ height: 19px; width: 18px; } img.trigger {border:0px;margin-left:3px;margin-top:3px;} img.trigger.selected {border:3px solid #0083c5;margin-left:0px;margin-top:0px;} .popup td.popup-content,.lightbox td.popup-content{background:#fff;} .popup td#topleft,.lightbox td#topleft { background-image: url(./images/corners/popup1.png); } .popup td.top,.lightbox td.top { background-image: url(./images/corners/popup2.png); } .popup td#topright,.lightbox td#topright { background-image: url(./images/corners/popup3.png); } .popup td.left,.lightbox td.left { background-image: url(./images/corners/popup4.png); } .popup td.right,.lightbox td.right { background-image: url(./images/corners/popup5.png); } .popup td#bottomleft, .lightbox td#bottomleft { background-image: url(./images/corners/popup6.png); } .popup td.bottom, .lightbox td.bottom { background-image: url(./images/corners/popup7.png); text-align: center;} .popup td.bottom img { display: block; margin: 0 auto; } .popup td#bottomright,.lightbox td#bottomright { background-image: url(./images/corners/popup8.png); } .popup p{font-size:10px;line-height:15px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:5px 0px;padding:6px 0px;} /*---------------------------------------------------------------- OLD SCHOOL CORNERS (YIKES! IE**!!) ---------------------------------------------------------------- */ /*(replace with CSS3 in future)*/ #header-top .roundtopleft, #footer-outer .roundtopleft{ background: url(./images/corners/darkgray-tl.gif) no-repeat top left; height:100%; } #header-top .roundtopright, #footer-outer .roundtopright{ background: url(./images/corners/darkgray-tr.gif) no-repeat top right; height:100%; } #footer-outer .roundbottomleft{ background: url(./images/corners/darkgray-bl.gif) no-repeat bottom left; height:100%; } #footer-outer .roundbottomright{ background: url(./images/corners/darkgray-br.gif) no-repeat bottom right; height:100%; } #main-outer .roundtopleft{ background: url(./images/corners/white-tl.gif) no-repeat top left; height:100%; } #main-outer .roundtopright, #store-main #column-right .roundtopright{ background: url(./images/corners/white-tr.gif) no-repeat top right; height:100%; } #main-outer .roundbottomleft{ background: url(./images/corners/white-bl.gif) no-repeat bottom left; height:100%; } #main-outer .roundbottomright, #store-main #column-right .roundbottomright{ background: url(./images/corners/white-br.gif) no-repeat bottom right; height:100%; } /*header-bottom gray*/ #header-bottom-gray .roundbottomleft, #main-outer.project .roundbottomleft{background: url(./images/corners/lightgray-bl.gif) no-repeat bottom left; height:100%;} #header-bottom-gray .roundbottomright, #main-outer.project .roundbottomright{background: url(./images/corners/lightgray-br.gif) no-repeat bottom right; height:100%;} #header-bottom .roundbottomleft ,#pub-subnav .roundbottomleft, #clients-subnav .roundbottomleft, #training-subnav .roundbottomleft, #about-subnav .roundbottomleft{ background: url(./images/corners/blue-bl.gif) no-repeat bottom left; height:100%; } #header-bottom .roundbottomright, #pub-subnav .roundbottomright,#clients-subnav .roundbottomright, #training-subnav .roundbottomright,#about-subnav .roundbottomright{ background: url(./images/corners/blue-br.gif) no-repeat bottom right; height:100%; } #main-outer.project .roundtopleft{background: url(./images/corners/lightgray-tl.gif) no-repeat top left; height:100%;} #main-outer.project .roundtopright{background: url(./images/corners/lightgray-tr.gif) no-repeat top right; height:100%;} #project-main .msform .roundbottomleft{background: url(./images/corners/lightergray-bl.gif) no-repeat bottom left; height:100%;} #project-main .msform .roundbottomright{background: url(./images/corners/lightergray-br.gif) no-repeat bottom right; height:100%;} #project-main .msform .roundtopleft{background: url(./images/corners/lightergray-tl.gif) no-repeat top left; height:100%;} #project-main .msform .roundtopright{background: url(./images/corners/lightergray-tr.gif) no-repeat top right; height:100%;} #socialnetwork .roundbottomleft{background: url(./images/corners/white-bl.gif) no-repeat bottom left; height:100%;} #socialnetwork .roundbottomright{background: url(./images/corners/white-br.gif) no-repeat bottom right; height:100%;} #socialnetwork .roundtopleft{background: url(./images/corners/white-tl.gif) no-repeat top left; height:100%;} #socialnetwork .roundtopright{background: url(./images/corners/white-tr.gif) no-repeat top right; height:100%;} #clients-additional-outer .roundbottomleft{background: url(./images/corners/white-bl.gif) no-repeat bottom left; height:100%;} #clients-additional-outer .roundbottomright{background: url(./images/corners/white-br.gif) no-repeat bottom right; height:100%;} #clients-additional-outer .roundtopleft{background: url(./images/corners/white-tl.gif) no-repeat top left; height:100%;} #clients-additional-outer .roundtopright{background: url(./images/corners/white-tr.gif) no-repeat top right; height:100%;} #social-main .msform .roundbottomleft{background: url(./images/corners/gray-white-bl.gif) no-repeat bottom left; height:100%;} #social-main .msform .roundbottomright{background: url(./images/corners/gray-white-br.gif) no-repeat bottom right; height:100%;} #social-main .msform .roundtopleft{background: url(./images/corners/gray-white-tl.gif) no-repeat top left; height:100%;} #social-main .msform .roundtopright{background: url(./images/corners/gray-white-tr.gif) no-repeat top right; height:100%;} #clients-main .msform .roundbottomleft{background: url(./images/corners/gray-white-bl.gif) no-repeat bottom left; height:100%;} #clients-main .msform .roundbottomright{background: url(./images/corners/gray-white-br.gif) no-repeat bottom right; height:100%;} #clients-main .msform .roundtopleft{background: url(./images/corners/gray-white-tl.gif) no-repeat top left; height:100%;} #clients-main .msform .roundtopright{background: url(./images/corners/gray-white-tr.gif) no-repeat top right; height:100%;} #main-outer.store .roundtopleft{background: url(./images/corners/lightestgray-tl.gif) no-repeat top left; height:100%;} #main-outer.store .roundbottomleft{background: url(./images/corners/lightestgray-bl.gif) no-repeat bottom left; height:100%;} #main-outer.blog .roundtopright{background: url(./images/corners/lightestgray-tr.gif) no-repeat top right; height:100%;} #main-outer.blog .roundbottomright{background: url(./images/corners/lightestgray-br.gif) no-repeat bottom right; height:100%;} #main-outer.blog #main #column-left .roundtopleft{background: url(./images/corners/white-tl.gif) no-repeat top left;height:100%} #main-outer.blog #main #column-left .roundbottomleft{background: url(./images/corners/white-bl.gif) no-repeat bottom left;height:100%;} img.corner { width: 8px; height: 8px; border: none; display: block !important; } /* hijack google's styles to make input consistent with out old style */ #search-box form.gsc-search-box .gsc-input input.gsc-input { background-image: none !important; height: 15px !important; font-size: 12px !important; } #search-box form.gsc-search-box .gsc-search-button input.gsc-search-button { width: 17px !important; min-width: 17px !important; height: 17px !important; margin: 0px !important; padding: 0px !important; text-indent: -9999px !important; background-image: url(./images/nav/css-sprites.png) !important; background-position: -17px -576px !important; cursor: pointer !important; font-size: 0 !important; display: block !important; line-height: 0 !important; } #search-box form.gsc-search-box .gsc-search-button input.gsc-search-button:hover { background-position: 0px -576px !important; } /* hide google's 'x' */ #search-box form.gsc-search-box .gsc-clear-button { display: none !important; }