/*This will affect only the search form ELEMENTS*/


input.searchBox{
 border: 1px solid #ccc;
/* Safari 5, Chrome support border-radius without vendor prefix.
* FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
* No support in Safari 3/4, IE 6/7/8, Opera 10.0. */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/* Chrome, FF 4.0 support box-shadow without vendor prefix.
* Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
* No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
* change the offsets, blur and color to suit your design.*/
-moz-box-shadow: 0px 0px 0px #666;
-webkit-box-shadow: 0px 0px 0px #666;
box-shadow: 0px 0px 0px #666;

/* using a bigger font for demo purposes so the box isn't too small */
font-size: 20px;
 /* with a big radius/font there needs to be padding left and right
* otherwise the text is too close to the radius.
* on a smaller radius/font it may not be necessary */
padding: 4px 7px;
/* only needed for webkit browsers which show a rectangular outline;
* others do not do outline when radius used.
* android browser still displays a big outline */
outline: 0;
width: 300px;
/* this is needed for iOS devices*/
-webkit-appearance: none;
}
/* supported IE8+ and all other browsers tested.
* optional, but gives the input focues when selected.
* change to a color that suits your design. */
input.searchBox:focus {
border-color: #3399FF;

}


/**This is for the submit button**/
input.buttonS{
 border: 2px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;


border-radius: 10px;
-moz-box-shadow: 0px 0px 0px #666;
-webkit-box-shadow: 0px 0px 0px #666;

box-shadow: 0px 0px 0px #666;

font-size: 18px;
padding: 4px 4px;
color: #FFF;

outline: 0;
background-color:  #78aece;
-webkit-appearance: none;
}