@charset "utf-8";
/* CSS Document */

#searchField{
    width: 240px;
    height: 30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
}
#searchSubmit{
    background: transparent url("../images/search_button.png") no-repeat;
    width: 35px;
    height: 30px;
    border: none; /* removes default button borders */
    cursor: pointer; /* when your mouse is over the button, cursor changes into a pointer */
}
#searchField{
	width: 180px;
	height: 26px;
	padding-right: 25px; /* puts padding on the right side, so text doesn't go under the button. NOTE: TOTAL WIDTH IS 240 + 25 = 265px */
	float: left; /* some browsers display correctly without this, but better to leave it for cross browser compatibility */
	border: 1px solid #FFEDE8; /* sets new color for border of the field */
	padding-left: 10px;
}
#searchSubmit{
    background: transparent url("../images/search_button.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    margin-left: -37px; /* image is 20x20px, so leave little extra */
    margin-top: -2px; /* leave some space from the top, so button looks in the middle */