/************
 *  Buttons general http://www.webdesignerwall.com/demo/css-buttons.html * 
 ***********/



.button {
	display:inline-block;
	margin-bottom:0;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	padding:6px 12px;
	margin-right:2px;
	font-size:14px;
	line-height:1.428571429;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.button:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.button:hover,.button:focus{color:#fff;text-decoration:none;}
.button:active,.button.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.button.disabled,.button[disabled],fieldset[disabled] .button{cursor:not-allowed;pointer-events:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;}


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

.big {
	font-size: 16px;
	padding: .6em 2em .42em;
}

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

/************
 *  Buttons color style  *
 ***********/
 
 /* black */
.black {
	color: #fff;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:FOCUS {
	color:#fff;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:hover {
	color:#fff;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
 
/* gray */
.gray {
color: #ffffff;
border: solid 0px #980401; 
background: #5a5a5a; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#838383), to(#5a5a5a)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #838383, #5a5a5a); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838383', endColorstr='#5a5a5a'); /* for IE */
}
.gray:hover {
background: #5a5a5a;
background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#838383));
background: -moz-linear-gradient(top, #5a5a5a, #838383);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a', endColorstr='#838383');
}
.gray:active {
border: solid 0px #ec3331;	
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#757474), to(#a4a3a3));
background: -moz-linear-gradient(top, #757474, #a4a3a3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757474', endColorstr='#a4a3a3');
}
 
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:FOCUS {
	color: #000;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:hover {
	color: #000;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
 
/* orange */
.orange {
color: #ffffff;
border: solid 0px #980401; 
background: #f47c20; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#f9a31a), to(#f47c20)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #f9a31a, #f47c20); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9a31a', endColorstr='#f47c20'); /* for IE */
}
.orange:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f47c20), to(#f9a31a));
background: -moz-linear-gradient(top, #f47c20, #f9a31a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47c20', endColorstr='#f9a31a');
}
.orange:active {
border: solid 0px #ec3331;	
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#f78f1d), to(#fcbb52));
background: -moz-linear-gradient(top, #f78f1d, #fcbb52);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78f1d', endColorstr='#fcbb52');
}
/* Yellow */
.yellow {
color: #fff;
border: solid 0px #980401; 
background: #ffff0e; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ffff0e), to(#f9a31a)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #f9a31a, #f47c20); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0e', endColorstr='#f9a31a'); /* for IE */
}
.yellow:hover {
background: #e7e70a;
background: -webkit-gradient(linear, left top, left bottom, from(#f9a31a), to(#ffff0e));
background: -moz-linear-gradient(top, #f47c20, #f9a31a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9a31a', endColorstr='#ffff0e');
}
.yellow:active {
border: solid 0px #ec3331;	
background: -webkit-gradient(linear, left top, left bottom, from(#ffff0e), to(#fcbb52));
background: -moz-linear-gradient(top, #f78f1d, #fcbb52);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0e', endColorstr='#fcbb52');
}
/* red */
.red {

color: #ffffff;
border: solid 0px #980401; 
background: #b91708; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#e52803), to(#b91707)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #e52803, #b91707); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e52803', endColorstr='#b91707'); /* for IE */
}
.red:hover {

background: #b91708;
background: -webkit-gradient(linear, left top, left bottom, from(#b91707), to(#e52803));
background: -moz-linear-gradient(top, #b91707, #e52803);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b91707', endColorstr='#e52803');
}
.red:active {
border: solid 0px #ec3331;	
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#dc3921), to(#ffb36a));
background: -moz-linear-gradient(top, #dc3921, #ffb36a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3921', endColorstr='#ffb36a');
}
 
/* blue */
.blue {
	color: #fff !important;
	border: solid 0px #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');
}
.blue:hover {
	background: #007ead;
	color: #fff !important;
	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');
}
.blue:active {
	color: #fff !important;
	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');
}

/* dark blue */
.darkblue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #004A66;
	background: -webkit-gradient(linear, left top, left bottom, from(#005C7F), to(#00374C));
	background: -moz-linear-gradient(top,  #005C7F,  #00374C);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005C7F', endColorstr='#00374C');
}
.darkblue: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');
}
.darkblue: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');
}
 
/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}
 
/* green */
.green {
color: #ffffff;
border: solid 0px #980401; 
background: #518110; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#7ab42d), to(#518110)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #7ab42d, #518110); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab42d', endColorstr='#518110'); /* for IE */
}
.green:hover {
background: #518110;
background: -webkit-gradient(linear, left top, left bottom, from(#518110), to(#7ab42d));
background: -moz-linear-gradient(top, #518110, #7ab42d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#518110', endColorstr='#7ab42d');
}
.green:active {
border: solid 0px #ec3331;	
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#589704), to(#a0da54));
background: -moz-linear-gradient(top, #589704, #a0da54);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#589704', endColorstr='#a0da54');
}

button.disabled {
    opacity: .5;
}

button.disabled-ie {
    /* For IE 5 to 8, in this order. See quirksmode.org/css/opacity.html. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: alpha(opacity=50);    
}




/* Login menu */
.loginmenu {
	color: #d9eef7;
	border: solid 1px #0076a3;
	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');
}


/* gray */
.pennants {
color: #ffffff;
border: solid 0px #980401; 
background: #5a5a5a; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#717171)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #707070, #717171); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070', endColorstr='#717171'); /* for IE */
}