CSS: Google CSE, Searchbox Styling for Drupal, rounded Corners

gistfile1

/**
 * Google CSE
 */
.block-search-form{
  float: right;
}
.form-item-search-block-form{
  width:auto;
}
.google-cse{
  padding:10px 0 0 0;
  position:relative;
  opacity: .6;
  float: right;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.google-cse:hover{
  opacity: 1;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}
.google-cse input[type="search"],
.google-cse input[type="text"]{
  padding:5px 5px 5px 10px;
  border:1px solid #92a5bc;
  border-right:none;
  width:160px;
  margin-right:-10px;
-webkit-border-radius: 30px 0px 0px 30px;
border-radius: 30px 0px 0px 30px;
-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .3);
box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, .3);
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;

}
.google-cse input[type="image"]{
  background-color:#f1f1f1;
  padding:2px 10px 1px 5px;
  margin:0;
  border:1px solid #92a5bc;
  border-left:none;
  box-shadow:none;
  -webkit-border-radius: 0px 30px 30px 0px;
          border-radius: 0px 30px 30px 0px;


}
.google-cse input[type="search"]:hover,
.google-cse input[type="submit"]:hover{
  opacity:1;
}
.google-cse input[type="search"]:active,
.google-cse input[type="search"]:focus{
  margin-left:0;
  width:220px;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}