.button0
	{
	margin-bottom:6px;
	margin-top:3px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	border: 1px rgba(255, 255, 255, 0.25) solid!important;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 7px;
	}	  

.button0,.button1,.button2,.button3,
.button4 {	
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
user-drag: none;
-webkit-user-drag: none;
font-family: arial;	
}
	
a.button0, 
a.button1 /*=== Basic & Rounded Buttons ===*/
	{ 
	color: #fff; 
	text-decoration:none;
	line-height:14px;
	padding: 1px 5px; 
	}
	
.nbf12 {font-size: 12px!important; }
 .bbf12 {font-size: 12px!important; font-weight: bold!important;}
 .bbf11 {font-weight: bold!important;}

.bdis { opacity: 0.3; pointer-events: none; } 
	
/* === Rounded Buttons === */
.button1
	{
	margin-bottom:6px;
	margin-top:3px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	border: 1px rgba(255, 255, 255, 0.25) solid!important;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}	 
	
	
/*=== Simple Buttons ===*/
.button2
	{
		margin-bottom:6px;
	margin-top:3px;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
	}	  

a.button2
	{ 
	color: #fff; 
	text-decoration:none;
	line-height:16px;
	padding: 2px 5px; 
	border: 1px rgba(255, 255, 255, 0.25) solid;
	}
	
	
/* === Circle Buttons === */
a.button3
	{ 
	color: #fff; 
	text-decoration:none;
	line-height:20px;
	padding: 5px 5px; 
	text-align:center;
	}
	
.button3
	{
	height:20px;
	width:20px;
	margin-bottom:10px;
	margin-right:0px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	}	 
	
	
/* === Square Buttons === */
.button4
	{
	height:17px;
	min-width:17px;
	margin-bottom:10px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}	
	
a.button4
	{ 
	color: #fff; 
	text-align:center;
	text-decoration:none;
	line-height:17px;
	padding: 3px 4px; 
	}

	
/*=== Red ===*/
a.color_1 
	{
	
	position: relative;
    text-decoration: none;
    background-color:#f44d37;
    -webkit-box-shadow: 1px 4px 0px #c93824, 2px 7px 6px #adadad;
    -moz-box-shadow: 1px 4px 0px #c93824, 2px 7px 6px #adadad;
    box-shadow: 1px 4px 0px #c93824, 2px 7px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_1:hover
	{	 
	background-image: none;
	
	background-color:#ff7361;
	-webkit-box-shadow: 1px 4px 0px #d95848, 2px 7px 6px #adadad;
    -moz-box-shadow: 1px 4px 0px #d95848, 2px 7px 6px #adadad;
    box-shadow: 1px 4px 0px #d95848, 2px 7px 6px #adadad;
	}

a.color_1:active 
	{
	background-color:#e84833;
    -webkit-box-shadow: 1px 3px 0px #c23c2b, 1px 3px 6px #adadad;
    -moz-box-shadow: 1px 3px 0px #c23c2b, 1px 3px 6px #adadad;
    box-shadow: 1px 3px 0px #c23c2b, 1px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}

	
/*=== Green ===*/
a.color_2 
	{
	background-color:#30C723;
	position: relative;
    text-decoration: none;
    -webkit-box-shadow: 0px 4px 0px #21881C, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #21881C, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #21881C, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_2:hover
	{	 
	background-image: none;
	
	background-color:#2DA827;
	-webkit-box-shadow: 0px 4px 0px #387436, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #387436, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #387436, 0px 6px 6px #adadad;
	}
	
a.color_2:active 
	{
	background-color:#107C10;
	-webkit-box-shadow: 0px 3px 0px #07331C, 0px 3px 6px #adadad;
    -moz-box-shadow: 0px 3px 0px #07331C, 0px 3px 6px #adadad;
    box-shadow: 0px 3px 0px #07331C, 0px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}
	
	
/*=== Violet ===*/
a.color_3
	{
	background-color:#9c73df;
	position: relative;
    text-decoration: none;
    -webkit-box-shadow: 0px 4px 0px #815fb8, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #815fb8, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #815fb8, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_3:hover
	{	 
	background-image: none;

	background-color:#bb9deb;
	-webkit-box-shadow: 0px 4px 0px #9c84c4, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #9c84c4, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #9c84c4, 0px 6px 6px #adadad;
	}
	
a.color_3:active 
	{
	background-color:#8d62d1;
	-webkit-box-shadow: 0px 3px 0px #7350ab, 0px 3px 6px #adadad;
    -moz-box-shadow: 0px 3px 0px #7350ab, 0px 3px 6px #adadad;
    box-shadow: 0px 3px 0px #7350ab, 0px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}
	


/*=== Light Green ===*/
a.color_5
	{
	background-color:#a0d468;
	position: relative;
    text-decoration: none;
    -webkit-box-shadow: 0px 4px 0px #83ad55, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #83ad55, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #83ad55, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_5:hover
	{	 
	background-image: none;

	background-color:#b9e090;
	-webkit-box-shadow: 0px 4px 0px #9aba77, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #9aba77, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #9aba77, 0px 6px 6px #adadad;
	}
	
a.color_5:active 
	{
	background-color:#92c65a;
	-webkit-box-shadow: 0px 3px 0px #749e47, 0px 3px 6px #adadad;
    -moz-box-shadow: 0px 3px 0px #749e47, 0px 3px 6px #adadad;
    box-shadow: 0px 3px 0px #749e47, 0px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}
	
	
/*=== Orange ===*/	
a.color_7
	{
	background-color:#f48737; 
	position: relative;
    text-decoration: none;
    
    -webkit-box-shadow: 0px 4px 0px #cf7230, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #cf7230, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #cf7230, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_7:hover
	{	 
	background-image: none;

	background-color:#ff9142;
	-webkit-box-shadow: 0px 4px 0px #d97b38, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #d97b38, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #d97b38, 0px 6px 6px #adadad;
	}
	
a.color_7:active 
	{
	background-color:#e8792a;
	-webkit-box-shadow: 0px 3px 0px #c26523, 0px 3px 6px #adadad;
    -moz-box-shadow: 0px 3px 0px #c26523, 0px 3px 6px #adadad;
    box-shadow: 0px 3px 0px #c26523, 0px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}
	

/*=== Blue ===*/	
a.color_8
	{
	background-color:#42a2f4;
	position: relative;
    text-decoration: none;
    
    -webkit-box-shadow: 0px 4px 0px #3888cf, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #3888cf, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #3888cf, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_8:hover
	{	 
	background-image: none;

	background-color:#6bbaff;
	-webkit-box-shadow: 0px 4px 0px #5b9ed9, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #5b9ed9, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #5b9ed9, 0px 6px 6px #adadad;
	}
	
a.color_8:active 
	{
	background-color:#3394e8;
	-webkit-box-shadow: 0px 3px 0px #2b7bc2, 0px 3px 6px #adadad;
    -moz-box-shadow: 0px 3px 0px #2b7bc2, 0px 3px 6px #adadad;
    box-shadow: 0px 3px 0px #2b7bc2, 0px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}
	
	
/*=== Yellow ===*/		
a.color_10
	{
	background-color:#f1c40f;
	position: relative;
    text-decoration: none;
    
    -webkit-box-shadow: 0px 4px 0px #cca60c, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #cca60c, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #cca60c, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_10:hover
	{	 
	background-image: none;

	background-color:#ffd736;
	-webkit-box-shadow: 0px 4px 0px #d9b72e, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #d9b72e, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #d9b72e, 0px 6px 6px #adadad;
	}
	
a.color_10:active 
	{
	background-color:#e5b802;
	-webkit-box-shadow: 0px 3px 0px #bf9902, 0px 3px 6px #adadad;
    -moz-box-shadow: 0px 3px 0px #bf9902, 0px 3px 6px #adadad;
    box-shadow: 0px 3px 0px #bf9902, 0px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}
	
	
/*=== Light Blue ===*/	
a.color_11
	{
	background-color:#4fc0ea;
	position: relative;
    text-decoration: none;
    
    -webkit-box-shadow: 0px 4px 0px #42a0c2, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #42a0c2, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #42a0c2, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_11:hover
	{	 
	background-image: none;

	background-color:#79d6f7;
	-webkit-box-shadow: 0px 4px 0px #66b5d1, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #66b5d1, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #66b5d1, 0px 6px 6px #adadad;
	}
	
a.color_11:active 
	{
	background-color:#41b2dc;
	-webkit-box-shadow: 0px 3px 0px #3693b5, 0px 3px 6px #adadad;
    -moz-box-shadow: 0px 3px 0px #3693b5, 0px 3px 6px #adadad;
    box-shadow: 0px 3px 0px #3693b5, 0px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}
	
	
/*=== Grey ===*/	
a.color_12
	{
	background-color:#a7abb4;
	position: relative;
    text-decoration: none;
    
    -webkit-box-shadow: 0px 4px 0px #85888f, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #85888f, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #85888f, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}

a.color_12:hover
	{	 
	background-image: none;

	background-color:#b6bec9;
	-webkit-box-shadow: 0px 4px 0px #959ba3, 0px 6px 6px #adadad;
    -moz-box-shadow: 0px 4px 0px #959ba3, 0px 6px 6px #adadad;
    box-shadow: 0px 4px 0px #959ba3, 0px 6px 6px #adadad;
	}
	
a.color_12:active 
	{
	background-color:#9da4ac;
	-webkit-box-shadow: 0px 3px 0px #797e85, 0px 3px 6px #adadad;
    -moz-box-shadow: 0px 3px 0px #797e85, 0px 3px 6px #adadad;
    box-shadow: 0px 3px 0px #797e85, 0px 3px 6px #adadad;
    position: relative;
    top: 1px;
	}
.green_but {
    box-shadow: 0px 4px 0px #85888f, 0px 6px 6px #adadad;
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
 background: #219c0c; border: 1px solid #39b000; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1cb700), to(#317900)); background-image: -moz-linear-gradient(90deg, #317900, #1cb700); background-image: -o-linear-gradient(90deg, #317900, #1cb700); }
.blue_but { background: #0017b9; border: 1px solid #054aed; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7589e6), to(#0f249f)); background-image: -moz-linear-gradient(90deg, #0f249f, #7589e6); background-image: -o-linear-gradient(90deg, #0f249f, #7589e6); }
.yellow_but { background: #f9c000; border: 1px solid #c0b80e; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd631), to(#b08900)); background-image: -moz-linear-gradient(90deg, #b08900, #ffd631); background-image: -o-linear-gradient(90deg, #b08900, #ffd631); }
.teal_but { background: #0aa; border: 1px solid #00b7b7; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00cdcd), to(#008080)); background-image: -moz-linear-gradient(90deg, #008080, #00cdcd); background-image: -o-linear-gradient(90deg, #008080, #00cdcd); }
.darkred_but { background: #9f0909; border: 1px solid #c00c0c; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ca0b0b), to(#820606)); background-image: -moz-linear-gradient(90deg, #820606, #ca0b0b); background-image: -o-linear-gradient(90deg, #820606, #ca0b0b); }
.almond_but { background: #a46f20; border: 1px solid #b76d00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d27e00), to(#865b1a)); background-image: -moz-linear-gradient(90deg, #865b1a, #d27e00); background-image: -o-linear-gradient(90deg, #865b1a, #d27e00); }
.purple_but { background: #91019c; border: 1px solid #ba5fd8; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e70fff), to(#91019c)); background-image: -moz-linear-gradient(90deg, #91019c, #e70fff); background-image: -o-linear-gradient(90deg, #91019c, #e70fff); }
.litegreen_but { background: #42bb00; border: 1px solid #31d818; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#12d617), to(#359700)); background-image: -moz-linear-gradient(90deg, #359700, #12d617); background-image: -o-linear-gradient(90deg, #359700, #12d617); }
.orange_but { background: #df7000; border: 1px solid #ff7d09; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9433), to(#b74e00)); background-image: -moz-linear-gradient(90deg, #b74e00, #ff9433); background-image: -o-linear-gradient(90deg, #b74e00, #ff9433); }
.chocolate_but { background: #9f5000; border: 1px solid #aa6f00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b75b00), to(#5c3a34)); background-image: -moz-linear-gradient(90deg, #5c3a34, #b75b00); background-image: -o-linear-gradient(90deg, #5c3a34, #b75b00); }
.darkchocolate_but { background: #663d2d; border: 1px solid #9a6c5a; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#936757), to(#3c241b)); background-image: -moz-linear-gradient(90deg, #3c241b, #936757); background-image: -o-linear-gradient(90deg, #3c241b, #936757); }
.liteblue_but { background: #0188d1; border: 1px solid #009ad5; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#01aaff), to(#00789f)); background-image: -moz-linear-gradient(90deg, #025f8f, #01aaff); background-image: -o-linear-gradient(90deg, #025f8f, #01aaff); }
.red_but { background: #d20000; border: 1px solid #c03f18; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f00), to(#800)); background-image: -moz-linear-gradient(90deg, #800, #f00); background-image: -o-linear-gradient(90deg, #800, #f00); }
.yellowgreen_but { background: #9bb300; border: 1px solid #a9c100; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#daec00), to(#858c00)); background-image: -moz-linear-gradient(90deg, #858c00, #daec00); background-image: -o-linear-gradient(90deg, #858c00, #daec00); }
.slategray_but { background: #4e6967; border: 1px solid #789; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#708090), to(#2f4f4f)); background-image: -moz-linear-gradient(90deg, #2f4f4f, #708090); background-image: -o-linear-gradient(90deg, #2f4f4f, #708090); }
.darkgreen_but { background: #006400; border: 1px solid #4e9e4e; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c994c), to(#006400)); background-image: -moz-linear-gradient(90deg, #006400, #4c994c); background-image: -o-linear-gradient(90deg, #006400, #4c994c); }
.darkblue_but { background: #004a77; border: 1px solid #1778b3; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1977b2), to(#00416a)); background-image: -moz-linear-gradient(90deg, #00416a, #1977b2); background-image: -o-linear-gradient(90deg, #00416a, #1977b2); }
.white_but { color: #333; background: #eee; border: 1px solid #e2e2e2; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bfbfbf)); background-image: -moz-linear-gradient(90deg, #bfbfbf, #fff); background-image: -o-linear-gradient(90deg, #bfbfbf, #fff); }
.gray_but { color: #333; background: #d0d0d1; border: 1px solid #d1d1d1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#98999a)); background-image: -moz-linear-gradient(90deg, #98999a, #e5e5e5); background-image: -o-linear-gradient(90deg, #98999a, #e5e5e5); }
.black_but { background: #282828; border: 1px solid #5b5b5b; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7c7c7c), to(#010101)); background-image: -moz-linear-gradient(90deg, #010101, #7c7c7c); background-image: -o-linear-gradient(90deg, #010101, #7c7c7c); }
.green_but:hover{ background: #388c00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#189e00), to(#265e00)); background-image: -moz-linear-gradient(90deg, #265e00, #189e00); background-image: -o-linear-gradient(90deg, #265e00, #189e00); }
.green_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#1cb700), to(#317900)); background-image: -moz-linear-gradient(-90deg, #317900, #1cb700); background-image: -o-linear-gradient(-90deg, #317900, #1cb700); }
.blue_but:hover{ background: #0a1a74; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#687acc), to(#071252)); background-image: -moz-linear-gradient(90deg, #071252, #687acc); background-image: -o-linear-gradient(90deg, #071252, #687acc); }
.blue_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#7589e6), to(#0f249f)); background-image: -moz-linear-gradient(-90deg, #0f249f, #7589e6); background-image: -o-linear-gradient(-90deg, #0f249f, #7589e6); }
.yellow_but:hover{ background: #ca9c00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5c02c), to(#967600)); background-image: -moz-linear-gradient(90deg, #967600, #e5c02c); background-image: -o-linear-gradient(90deg, #967600, #e5c02c); }
.yellow_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ffd631), to(#b08900)); background-image: -moz-linear-gradient(-90deg, #b08900, #ffd631); background-image: -o-linear-gradient(-90deg, #b08900, #ffd631); }
.teal_but:hover{ background: #008a8a; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b3b3), to(#066)); background-image: -moz-linear-gradient(90deg, #066, #00b3b3); background-image: -o-linear-gradient(90deg, #066, #00b3b3); }
.teal_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#00cdcd), to(#008080)); background-image: -moz-linear-gradient(-90deg, #008080, #00cdcd); background-image: -o-linear-gradient(-90deg, #008080, #00cdcd); }
.darkred_but:hover{ background: #7c0505; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b00909), to(#590404)); background-image: -moz-linear-gradient(90deg, #590404, #b00909); background-image: -o-linear-gradient(90deg, #590404, #b00909); }
.darkred_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ca0b0b), to(#820606)); background-image: -moz-linear-gradient(-90deg, #820606, #ca0b0b); background-image: -o-linear-gradient(-90deg, #820606, #ca0b0b); }
.almond_but:hover{ background: #8a5e1a; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b86e00), to(#664513)); background-image: -moz-linear-gradient(90deg, #664513, #b86e00); background-image: -o-linear-gradient(90deg, #664513, #b86e00); }
.almond_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#d27e00), to(#865b1a)); background-image: -moz-linear-gradient(-90deg, #865b1a, #d27e00); background-image: -o-linear-gradient(-90deg, #865b1a, #d27e00); }
.purple_but:hover{ background: #790182; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d00ee5), to(#790182)); background-image: -moz-linear-gradient(90deg, #790182, #d00ee5); background-image: -o-linear-gradient(90deg, #790182, #d00ee5); }
.purple_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#e70fff), to(#91019c)); background-image: -moz-linear-gradient(-90deg, #91019c, #e70fff); background-image: -o-linear-gradient(-90deg, #91019c, #e70fff); }
.litegreen_but:hover{ background: #369b00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0fbd15), to(#287300)); background-image: -moz-linear-gradient(90deg, #287300, #0fbd15); background-image: -o-linear-gradient(90deg, #287300, #0fbd15); }
.litegreen_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#12d617), to(#359700)); background-image: -moz-linear-gradient(-90deg, #359700, #12d617); background-image: -o-linear-gradient(-90deg, #359700, #12d617); }
.orange_but:hover{ background: #bf5200; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5872e), to(#9e4500)); background-image: -moz-linear-gradient(90deg, #9e4500, #e5872e); background-image: -o-linear-gradient(90deg, #9e4500, #e5872e); }
.orange_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff9433), to(#b74e00)); background-image: -moz-linear-gradient(-90deg, #b74e00, #ff9433); background-image: -o-linear-gradient(-90deg, #b74e00, #ff9433); }
.chocolate_but:hover{ background: #7d3f00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9e4f00), to(#422a26)); background-image: -moz-linear-gradient(90deg, #422a26, #9e4f00); background-image: -o-linear-gradient(90deg, #422a26, #9e4f00); }
.chocolate_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#b75b00), to(#5c3a34)); background-image: -moz-linear-gradient(-90deg, #5c3a34, #b75b00); background-image: -o-linear-gradient(-90deg, #5c3a34, #b75b00); }
.darkchocolate_but:hover{ background: #442820; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7a5648), to(#241510)); background-image: -moz-linear-gradient(90deg, #241510, #7a5648); background-image: -o-linear-gradient(90deg, #241510, #7a5648); }
.darkchocolate_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#936757), to(#3c241b)); background-image: -moz-linear-gradient(-90deg, #3c241b, #936757); background-image: -o-linear-gradient(-90deg, #3c241b, #936757); }
.liteblue_but:hover{ background: #01618f; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#029ae5), to(#014f75)); background-image: -moz-linear-gradient(90deg, #014f75, #029ae5); background-image: -o-linear-gradient(90deg, #014f75, #029ae5); }
.liteblue_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#01aaff), to(#00789f)); background-image: -moz-linear-gradient(-90deg, #025f8f, #01aaff); background-image: -o-linear-gradient(-90deg, #025f8f, #01aaff); }
.red_but:hover{ background: #bf0000; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e50000), to(#6e0000)); background-image: -moz-linear-gradient(90deg, #6e0000, #e50000); background-image: -o-linear-gradient(90deg, #6e0000, #e50000); }
.red_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#f00), to(#800)); background-image: -moz-linear-gradient(-90deg, #800, #f00); background-image: -o-linear-gradient(-90deg, #800, #f00); }
.yellowgreen_but:hover{ background: #848a00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2d400), to(#6d7300)); background-image: -moz-linear-gradient(90deg, #6d7300, #c2d400); background-image: -o-linear-gradient(90deg, #6d7300, #c2d400); }
.yellowgreen_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#daec00), to(#858c00)); background-image: -moz-linear-gradient(-90deg, #858c00, #daec00); background-image: -o-linear-gradient(-90deg, #858c00, #daec00); }
.slategray_but:hover{ background: #3c5150; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5b6875), to(#203636)); background-image: -moz-linear-gradient(90deg, #203636, #5b6875); background-image: -o-linear-gradient(90deg, #203636, #5b6875); }
.slategray_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#708090), to(#2f4f4f)); background-image: -moz-linear-gradient(-90deg, #2f4f4f, #708090); background-image: -o-linear-gradient(-90deg, #2f4f4f, #708090); }
.darkgreen_but:hover{ background: #004a00; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#408040), to(#004a00)); background-image: -moz-linear-gradient(90deg, #004a00, #408040); background-image: -o-linear-gradient(90deg, #004a00, #408040); }
.darkgreen_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#4c994c), to(#006400)); background-image: -moz-linear-gradient(-90deg, #006400, #4c994c); background-image: -o-linear-gradient(-90deg, #006400, #4c994c); }
.darkblue_but:hover{ background: #003a5e; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#156799), to(#003252)); background-image: -moz-linear-gradient(90deg, #003252, #156799); background-image: -o-linear-gradient(90deg, #003252, #156799); }
.darkblue_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#1977b2), to(#00416a)); background-image: -moz-linear-gradient(-90deg, #00416a, #1977b2); background-image: -o-linear-gradient(-90deg, #00416a, #1977b2); }
.white_but:hover{ background: #cacaca; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#a6a6a6)); background-image: -moz-linear-gradient(90deg, #a6a6a6, #e5e5e5); background-image: -o-linear-gradient(90deg, #a6a6a6, #e5e5e5); }
.white_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), to(#bfbfbf)); background-image: -moz-linear-gradient(-90deg, #bfbfbf, #fff); background-image: -o-linear-gradient(-90deg, #bfbfbf, #fff); }
.gray_but:hover{ background: #c1c1c1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#7e7f80)); background-image: -moz-linear-gradient(90deg, #7e7f80, #ccc); background-image: -o-linear-gradient(90deg, #7e7f80, #ccc); }
.gray_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#e5e5e5), to(#98999a)); background-image: -moz-linear-gradient(-90deg, #98999a, #e5e5e5); background-image: -o-linear-gradient(-90deg, #98999a, #e5e5e5); }
.black_but:hover{ background: #171717; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#525252), to(#000)); background-image: -moz-linear-gradient(90deg, #000, #525252); background-image: -o-linear-gradient(90deg, #000, #525252); }
.black_but:active{ background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#7c7c7c), to(#010101)); background-image: -moz-linear-gradient(-90deg, #010101, #7c7c7c); background-image: -o-linear-gradient(-90deg, #010101, #7c7c7c); }