/************
 *  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;
	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-signup-menu {
	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:0px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	height: 35px !important;
}

.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: .5em 2em .42em;
	
}
.big-width {
	font-size: 18px;
	width: 150px;
	padding: .4em 1em .4em;
	float: none;
	margin-left: 30px;
	
}
.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;
}
.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);
}
.black:hover {
	color:#fff;
	background: #444;
}
.black:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
}
 
/* gray */
.gray {
color: #ffffff;
border: solid 0px #838383 !important; 
background: #838383 !important; /* for non-css3 browsers */

}
.gray:hover {
background: #5a5a5a !important;

}
.gray:active {
border: solid 0px #ec3331;	
color: #f9baae;

}
 
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;

}
.white:FOCUS {
	color: #000;
	background: #ededed;

}
.white:hover {
	color: #000;
	background: #ededed;

}
.white:active {
	color: #000;

}
 
/* orange */
.orange {
color: #ffffff;
border: solid 0px #980401; 
background: #f47c20; /* for non-css3 browsers */

}
.orange:hover {
background: #f9a31a !important;

}
.orange:active {
border: solid 0px #ec3331;	
color: #f9baae;

}




/* orange - switch */
.orange-switch {
color: #ffffff;
background: #f47c20;
border: solid 0px #980401;
}
.orange-switch:hover {
color: #ffffff;
 
background: #f47c20; /* for non-css3 browsers */

}
.orange-switch:active {
border: solid 0px #ec3331;	
color: #f9baae;

}

.btn-orange-shadow {
	color: #ffffff;
	border: solid 0px #980401 !important; 
	background: #f47c20; /* for non-css3 browsers */
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
}
.btn-orange-shadow:HOVER {
	background: #f47c20 !important;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
}
.btn-orange-shadow:ACTIVE {
	border: solid 0px #ec3331;	
	color: #f9baae;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
	box-shadow: 0 5px 10px rgba(0,0,0,.5)
}


/* yellow */
.yellow {
color: #fff;
border: solid 0px #980401; 
background: #ffff0e; /* for non-css3 browsers */

}
.yellow:hover {
background: #f47c20;

}
.yellow:active {
border: solid 0px #ec3331;	

}

/* Mustard yellow */
.myellow {
color: #fff;
border: solid 0px #980401; 
background: #e2ca01; /* for non-css3 browsers */

}
.myellow:hover {
background: #f47c20;

}
.myellow:active {
border: solid 0px #ec3331;	

}

/* red */
.red {

color: #ffffff;
border: solid 0px #980401; 
background: #e1535c !important; /* for non-css3 browsers */

}
.red:hover {
color: #ffffff;
background: #b91708 !important;

}
.red:active {
border: solid 0px #ec3331;	
color: #f9baae;

}
 
/* blue */
.blue {
	color: #fff;
	border: solid 0px #0076a3;
	background: #0095cd;

}
.blue:hover {
	background: #00adee;

}
.blue:active {
	color: #80bed6;

}

/* dark blue */
.darkblue {
	background: #005C7F;
	border: solid 1px #0076a3;
	color: #fff;

}
.darkblue:hover {
	background: #0080c0;

}
.darkblue:active {
	color: #80bed6;

}
 
/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;

}
.rosy:hover {
	background: #cf5d6a;

}
.rosy:active {
	color: #dca4ab;

}
 
/* green */
.green {
color: #ffffff;
border: solid 0px #980401; 
background: #7ab42d !important; /* for non-css3 browsers */

}
.green:hover {
background: #518110 !important;

}
.green:active {
border: solid 0px #ec3331;	
color: #f9baae;

}

/* dark green */
.darkgreen {
color: #ffffff;
border: solid 0px #980401; 
background: #223d08; /* for non-css3 browsers */

}
.darkgreen:hover {
background: #25771e;

}
.darkgreen:active {
border: solid 0px #ec3331;	
color: #f9baae;

}


/* dark red */
.darkred {
color: #ffffff;
border: solid 0px #980401; 
background: #FE0000; /* for non-css3 browsers */

}
.darkred:hover {
background: #CF0103;

}
.darkred:active {
border: solid 0px #ec3331;	
color: #f9baae;

}


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;

}


/* gray */
.pennants {
color: #ffffff;
border: solid 0px #980401; 
background: #5a5a5a; /* for non-css3 browsers */

}

/* green */
.logingreen {
color: #ffffff;
border: solid 0px #980401; 
background: #518110; /* for non-css3 browsers */
}
.logingreen:hover {
background: #8CC152;

}
.logingreen:active {
border: solid 0px #ec3331;	
color: #f9baae;

}