/* @override http://dev.ketto/css/corner-btn.css */

/* Basic buttons */
.button-rounded {
		text-decoration: none;
		display: inline-block;
		border: 2px solid #fff; 
        background-color: #ed5a26;  
        border-radius: 4px; 
        -moz-border-radius: 4px; 
        -webkit-border-radius: 4px;
}
/*input.button-rounded {padding: 0 3px 2px 3px;}
a.button-rounded, a.button-rounded:visited, a.button-rounded:link {
	
	text-decoration: none;
	color: white;
}*/
.button-rounded {
	color: white;
	padding: 5px 8px 5px 8px;
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 1px;
}
.button-rounded:hover {background-color: #C3D73F;}

/* floated buttons */
.button-rounded.right {	float: right; margin: 0 0 0.5em 0.5em;}
.button-rounded.left {	float: left; margin: 0 0.5em 0.5em 0; }
a.button-rounded.left , a.button-rounded.right {padding: 2px 6px 4px 6px; }

/* For IE and Opera */
.button-rounded.wrapped { border: none; background: transparent none; float: none; margin: 0;}
span.button-rounded {position: relative; }
span.button-rounded i {position: absolute; width: 4px; height: 4px; background: url(../img/shared/corners.png) no-repeat;}
span.button-rounded i.tl {top: -2px; left: -2px; background-position: 0 0;}
span.button-rounded i.tr {top: -2px; right: -2px;  background-position: -4px 0;}
span.button-rounded i.bl {bottom: -2px; left: -2px; background-position: 0 -4px;}
span.button-rounded i.br {bottom: -2px; right: -2px; background-position: -4px -4px;}

/* For IE only */
*:first-child+html input.button-rounded {padding: 1px 3px 0 3px;}
*:first-child+html a.button-rounded {padding: 3px 6px;}

/* For Opera only */
input.button-rounded.opPad {padding: 1px 5px 2px 5px;}
span.button-rounded i.opNoFlo {right: -4px;}