How to change Preview and Send buttons using CSS

First topic message reminder :

Hope you guys can help me out

I need a CSS code to modify the "Preview" and "Send" buttons on my Forum. I want the same colors and design.

http://www.thefacebookforum.net/

I want them to look like this


And when the mouse is hover, like this


Thanks!

Oh! ok.
Add this code in the CSS...

Code:

/* post button - normal */
input[name="post"].button1 {
background : url(images/bg-2.png) top repeat-x #D9D9D9;
color: #333333;
font-size: 12px;
font-weight: bold;
height: 25px;
padding: 0px 6px 4px 6px;
border: 1px solid #C5CBCF;
}
/* post button - on hover */
input[name="post"].button1:hover {
background-color: #DDDDDD;
background-image : none;
border: 1px #999999 solid;
}
/* post button - when clicked */
input[name="post"].button1:hover:focus {
background-color: #C5C5C5;
background-image: none;
}

It works perfectly now. Thank you so much anikilen for your help, you have been great!

Glad I could help

Solved > Locked