#search-bar{position:absolute;width:100%;height:30px;border-top:1px solid lightgrey;border-bottom:1px solid lightgrey;text-align:right;background-color:white}#search-bar.fixed{position:fixed;max-width:960px;right:0;left:0;top:0;margin:0 auto;z-index:1;box-shadow:0 2px 14px 0 #777}#search-bar.block{position:relative;border:none}#search-bar button,#search-bar input,#search-bar span{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;margin-right:5px;height:20px;padding-left:2px}#search-bar input{right:5px;width:170px;border:1px solid lightgrey;border-radius:10px}#search-bar input:focus{border:2px solid lightgreen;outline:none}#search-bar button{position:absolute;right:10px;background:none;border:none;color:grey;font-size:18px;cursor:pointer}#search-bar button:hover{color:orange}#search-bar span{right:120px;line-height:20px;cursor:pointer}#search-bar a{position:absolute;left:0;line-height:30px;width:120px;font-size:18px;color:grey;text-align:center;cursor:pointer}#search-bar a:hover{color:orange;background-color:lightgrey}