#search_block_top {width:45%;position:relative;float:right;top:0;right:0;margin-top:15px;margin-left:5%}
#search_block_top p {padding:0;}
#search_block_top #search_query_top {color:#666;float: left;width:90%;height:30px;margin-right:-10%;padding-right:11%;padding-left:1%;border-top: 1px solid #666;border-left: 1px solid #666;border-bottom: 1px solid #888;border-right: 1px solid #888;-webkit-transition: border linear 0.2s,box-shadow linear 0.2s;-moz-transition: border linear 0.2s,box-shadow linear 0.2s;-ms-transition: border linear 0.2s,box-shadow linear 0.2s;-o-transition: border linear 0.2s,box-shadow linear 0.2s;transition: border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow: inset 0 2px 5px #ddd;-moz-box-shadow: inset 0 2px 5px #ddd;box-shadow: inset 0 2px 5px #ddd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#search_block_top #search_query_top:focus {border-top: 1px solid #333;border-left: 1px solid #333;border-bottom: 1px solid #666;border-right: 1px solid #666;}
#search_block_top .button {-webkit-backface-visibility: hidden;width:20%;padding-top:6px;padding-bottom:6px;height:30px;font-size:12px;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}

form#searchbox{padding-top:5px}
form#searchbox label{color:#333;margin-bottom:1px}
form#searchbox input#search_query_block{border: 1px solid #CCCCCC;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height: 18px;margin-top:10px;}
form#searchbox input#search_button{padding: 1px 4px;}

@media screen and (min-width: 481px) and (max-width: 970px) {
  #search_block_top {width:100%;margin:5px 0px;}
}

@media screen and (max-width: 480px) {
  #search_block_top {margin:5px 0;width:100%;}
}