/**
 * CSS3 buttons
 * @see http://webdesignerwall.com/tutorials/css3-gradient-buttons
 **/

/* button 
---------------------------------------------- */
.button, .button-icon {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-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);
    border: 0;
}

.oldie .button {
    border-radius: 0;
}

.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}

.rounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

button.small {
    padding: .4em 1em;
}

a.small {
    padding: .4em 1em;
}

.tiny {
	font-size: 11px;
	padding: .2em .4em .275em;
}

.button-icon {
    border-radius: .2em;
    padding: .3em;
    margin-top: -3px;
    background: #f5f5f5;
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #d5d5d5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d5d5d5));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
    background: linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d5d5d5',GradientType=0 );
    text-shadow: 0 1px 1px #FFFFFF;
    color: #333;
    border: 1px solid #bbbbbb;
    border-color: rgba(0, 0, 0, 0.1);
}

.button-icon.micro{
    border-radius: 1em;
    padding: 0;
    background: none;
    border: none;
    text-shadow: none;
    box-shadow: none;
    opacity: .3;
}

.button-icon.micro:hover{
    opacity: 1;
}

button.button span {
    position: relative;
    margin-left: -.2em;
    margin-right: .3em;
    padding-bottom: .3em
}

button.button[disabled="disabled"] {
    opacity: .3;
    cursor: default;
}

/* ---------------------------------------------- */

.red {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #aa6f64 3%, #6b352b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#aa6f64), color-stop(100%,#6b352b));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#aa6f64 3%,#6b352b 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#aa6f64 3%,#6b352b 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#aa6f64 3%,#6b352b 100%);
    background: linear-gradient(top,  #ffffff 0%,#aa6f64 3%,#6b352b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa6f64', endColorstr='#6b352b',GradientType=0 );
    color: #FADDDE;
    box-shadow: inset 0px 1px rgba(255,255,255,.1);
    border: 1px solid transparent;
}
.red:hover {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #c68a81 3%, #6b352b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#c68a81), color-stop(100%,#6b352b));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#c68a81 3%,#6b352b 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#c68a81 3%,#6b352b 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#c68a81 3%,#6b352b 100%);
    background: linear-gradient(top,  #ffffff 0%,#c68a81 3%,#6b352b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c68a81', endColorstr='#6b352b',GradientType=0 );
    color: #FFF;
}

.green {
    background: #6a9d28;
    background: -moz-linear-gradient(top,  #6a9d28 24%, #436b0c 81%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#6a9d28), color-stop(81%,#436b0c));
    background: -webkit-linear-gradient(top,  #6a9d28 24%,#436b0c 81%);
    background: -o-linear-gradient(top,  #6a9d28 24%,#436b0c 81%);
    background: -ms-linear-gradient(top,  #6a9d28 24%,#436b0c 81%);
    background: linear-gradient(top,  #6a9d28 24%,#436b0c 81%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9d28', endColorstr='#436b0c',GradientType=0 );
    color: #E8F0DE;
}
.green:hover {

    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #7cb72f 3%, #7cb72f 24%, #4f7d0e 81%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#7cb72f), color-stop(24%,#7cb72f), color-stop(81%,#4f7d0e));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#7cb72f 3%,#7cb72f 24%,#4f7d0e 81%);
    background: -o-linear-gradient(top,  #ffffff 0%,#7cb72f 3%,#7cb72f 24%,#4f7d0e 81%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#7cb72f 3%,#7cb72f 24%,#4f7d0e 81%);
    background: linear-gradient(top,  #ffffff 0%,#7cb72f 3%,#7cb72f 24%,#4f7d0e 81%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cb72f', endColorstr='#4f7d0e',GradientType=0 );    
    color: #FFF;
}

.blue
{
    color: #FEF4E9;
    background: #85a8c1;
    background: -moz-linear-gradient(top,  #85a8c1 0%, #ffffff 0%, #3e749a 3%, #2d5672 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85a8c1), color-stop(0%,#ffffff), color-stop(3%,#3e749a), color-stop(100%,#2d5672));
    background: -webkit-linear-gradient(top,  #85a8c1 0%,#ffffff 0%,#3e749a 3%,#2d5672 100%);
    background: -o-linear-gradient(top,  #85a8c1 0%,#ffffff 0%,#3e749a 3%,#2d5672 100%);
    background: -ms-linear-gradient(top,  #85a8c1 0%,#ffffff 0%,#3e749a 3%,#2d5672 100%);
    background: linear-gradient(top,  #85a8c1 0%,#ffffff 0%,#3e749a 3%,#2d5672 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e749a', endColorstr='#2d5672',GradientType=0 );
    box-shadow: inset 0px 1px rgba(255,255,255,.4);
    border: 1px solid #bbbbbb;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.blue:hover
{
    background: #abc9e4; /* Old browsers */
    background: -moz-linear-gradient(top,  #abc9e4 0%, #4b8bc6 2%, #0561b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abc9e4), color-stop(2%,#4b8bc6), color-stop(100%,#0561b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #abc9e4 0%,#4b8bc6 2%,#0561b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #abc9e4 0%,#4b8bc6 2%,#0561b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #abc9e4 0%,#4b8bc6 2%,#0561b4 100%); /* IE10+ */
    background: linear-gradient(top,  #abc9e4 0%,#4b8bc6 2%,#0561b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b8bc6', endColorstr='#0561b4',GradientType=0 ); /* IE6-9 */
}

.white {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #d5d5d5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d5d5d5));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
    background: linear-gradient(top,  #f5f5f5 0%,#d5d5d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d5d5d5',GradientType=0 );
    text-shadow: 0 1px 1px #FFFFFF;
    color: #333;
}

.white:hover, .button-icon:hover {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 19%, #dcdcdc 76%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,#ffffff), color-stop(76%,#dcdcdc));
    background: -webkit-linear-gradient(top,  #ffffff 19%,#dcdcdc 76%);
    background: -o-linear-gradient(top,  #ffffff 19%,#dcdcdc 76%);
    background: -ms-linear-gradient(top,  #ffffff 19%,#dcdcdc 76%);
    background: linear-gradient(top,  #ffffff 19%,#dcdcdc 76%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 );
}

.darkblue {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #435c6d 3%, #212f3b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#435c6d), color-stop(100%,#212f3b));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#435c6d 3%,#212f3b 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#435c6d 3%,#212f3b 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#435c6d 3%,#212f3b 100%);
    background: linear-gradient(top,  #ffffff 0%,#435c6d 3%,#212f3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435c6d', endColorstr='#212f3b',GradientType=0 );
    color: #D9D9D9;
    text-shadow: 0 1px 1px #000;
}

.darkblue:hover
{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #8699a5 3%, #212f3b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#8699a5), color-stop(100%,#212f3b));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#8699a5 3%,#212f3b 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#8699a5 3%,#212f3b 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#8699a5 3%,#212f3b 100%);
    background: linear-gradient(top,  #ffffff 0%,#8699a5 3%,#212f3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8699a5', endColorstr='#212f3b',GradientType=0 );
    color: #FFF;
}