/* Button 
---------------------------------------------- */
.css3-button {display: block; vertical-align: baseline; font-weight: bold; margin: 0; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: 0.5em 2.0em 0.55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.css3-button:hover {text-decoration: none;}
.css3-button:active {position: relative;	top: 1px;}
.css3-medium {padding: 0.3em 0.8em 0.35em;}
a.css3-medium, a.css3-medium:visited {padding: 0.45em 0.8em 0.35em;}
.css3-small {padding: 0.2em 1.0em 0.275em;}
.css3-bigger {padding: 0.8em 2.3em 0.85em;}



/* Button font size
---------------------------------------------- */
.css3-1125 {font-size: 1.125em;}
.css3-10 {font-size: 1.0em;}
.css3-875 {font-size: 0.875em;}
.css3-75 {font-size: 0.75em;}



/* Button width
---------------------------------------------- */
.css3-width-150 {width: 150px;}
.css3-width-84 {width: 84px;}



/* Button color styles 
---------------------------------------------- */
.css3-gray {color: #e9e9e9; border: solid 1px #555; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));	background: -moz-linear-gradient(top,  #888,  #575757); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}
.css3-gray:hover {background: #616161; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background: -moz-linear-gradient(top,  #757575,  #4b4b4b); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');}
.css3-gray:active {color: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); background: -moz-linear-gradient(top,  #575757,  #888); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');}

.css3-orange {color: #fef4e9; border: solid 1px #da7c0c;	background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));	background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
.css3-orange:hover {background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');}
.css3-orange:active {color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}

.css3-red {color: #faddde;	border: solid 1px #980c10; background: #d81b21;	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');}
.css3-red:hover {background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));	background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');}
.css3-red:active {color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top,  #aa1317,  #ed1c24); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}

.css3-blue {color: #d9eef7; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top,  #00adee,  #0078a5); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.css3-blue:hover {background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));	background: -moz-linear-gradient(top,  #0095cc,  #00678e); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.css3-blue:active {color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top,  #0078a5,  #00adee);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}

.css3-green {color: #e8f0de;	border: solid 1px #538312; background: #64991e;	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e)); background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');}
a.css3-green, a.css3-green:visited {color: #e8f0de;}
.css3-green:hover {background: #538018; background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');}
a.css3-green:hover {color: #fff;}
.css3-green:active {color: #a9c08c; background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');}