/*
sample code
<input type="submit" class="styledbuttongreen" value="Envoyer">
*/




.styledbuttongreen {
background-color: #68B8D7;
background-image: -webkit-linear-gradient(top, #D2E7F0, #68B8D7);
background-image: -moz-linear-gradient(top, #D2E7F0, #68B8D7);
background-image: -ms-linear-gradient(top, #D2E7F0, #68B8D7);
background-image: -o-linear-gradient(top, #D2E7F0, #68B8D7);
background-image: linear-gradient(top, #D2E7F0, #68B8D7);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#D2E7F0', EndColorStr='#68B8D7'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D2E7F0', EndColorStr='#68B8D7')"; /* IE8 */

-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;

text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.8);

-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;

border-width: 2px;
border-style: solid;
border-color: #D2E7F0 #D2E7F0 #D2E7F0 #D2E7F0;

height: 35px;
padding: 0px 0px 3px 0px;  /* pour centrer verticalement */
width: 120px;
cursor: pointer;
font: 16px "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color: #087FAD;
}

.styledbuttongreen:hover,.styledbuttongreen:focus
{		
    background-color: #88C8E0;
 
    background-image: -webkit-linear-gradient(top, #E7F3F9, #88C8E0);
    background-image: -moz-linear-gradient(top, #E7F3F9, #88C8E0);
    background-image: -ms-linear-gradient(top, #E7F3F9, #88C8E0);
    background-image: -o-linear-gradient(top, #E7F3F9, #88C8E0);
    background-image: linear-gradient(top,  #E7F3F9, #88C8E0);

border-color: #087FAD;
color: #087FAD;
	
}	

.styledbuttongreen:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

.styledbuttongreen::-moz-focus-inner
{
  border: none;
}