/* CSS Document */
/*

	AbraWorld Button styles 
	author: Albert Krautheim 
	date: 9/23/2025
	version: 1.2
	last updated: 9/23/2025



*/


	.aw_button{
		border-radius:8px 0px 8px 0px;
		text-align: center;
		background-color:#CDCDCD;
		border-color:#827E7E;
		padding:2px 10px 2px 10px;
		zoom: 1;
	}
	
	.aw_button:before, .aw_button:after{
		content: "\0020";
		display: block;
		height: 0;
	}
	
	.aw_button:after {
		clear: both;
	}
	button:hover {
	background: #FFF;
	border-color: #CCC;
	color: #333;
	cursor:pointer;
}
	button:active {
	border-color: #4D90FE;
	color: #4D90FE;
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
	
	button.confirmbtn{
	border: 1px solid #3079ED !important;
	background:#3F83F1;
		
	color:#FCFCFC;
	text-shadow: 2px 1px 1px #000;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
	button.confirmbtn:hover{
	border: 1px solid #2F5BB7 !important;
	background:#6291DF;
	color:#FCFCFC;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
	
	button.specialbtn{
	border: 1px solid #29691D !important;
	background: #3A8E00;
		text-shadow: 2px 1px 1px #000;
		color:#FCFCFC;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}

button.specialbtn:hover{
	border: 1px solid #2D6200 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
}
	

	button.purplebtn {
	border: 1px solid #8E52A1 !important;
	background: #8E52A1;
		text-shadow: 2px 1px 1px #000;
	background: -webkit-linear-gradient(top, #8E52A1, #8E52A1);
	background: -moz-linear-gradient(top, #8E52A1, #8E52A1);
	background: -ms-linear-gradient(top, #8E52A1, #8E52A1);
	background: -o-linear-gradient(top, #8E52A1, #8E52A1);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
 color:#FCFCFC;
}
button.small{
	
}
button.purplebtn:hover {
	border: 1px solid #8E52A1 !important;
	background: #8E52A1;
	background: -webkit-linear-gradient(top, #8E52A1, #8E52A1);
	background: -moz-linear-gradient(top, #8E52A1, #8E52A1);
	background: -ms-linear-gradient(top, #8E52A1, #8E52A1);
	background: -o-linear-gradient(top, #8E52A1, #8E52A1);
	cursor: pointer;
}
	button.darkpurplebtn {
	border: 1px solid #662D91 !important;
	background: #662D91;
		color:#FFF;
		text-shadow: 2px 1px 1px #000;
	background: -webkit-linear-gradient(top, #662D91, #662D91);
	background: -moz-linear-gradient(top, #662D91, #662D91);
	background: -ms-linear-gradient(top, #662D91, #662D91);
	background: -o-linear-gradient(top, #662D91, #662D91);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
button.darkpurplebtn:hover {
	border: 1px solid #662D91 !important;
	background: #662D91;
	background: -webkit-linear-gradient(top, #662D91, #662D91);
	background: -moz-linear-gradient(top, #662D91, #662D91);
	background: -ms-linear-gradient(top, #662D91, #662D91);
	background: -o-linear-gradient(top, #662D91, #662D91);
	cursor: pointer;
}

	button.redbtn {
	border: 1px solid #D14836 !important;
	background: #D64937;
		color:#FCFCFC;
		text-shadow: 2px 1px 1px #000;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
button.redbtn:hover {
	border: 1px solid #B0281A !important;
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}
	
	button.action:hover {
	-moz-box-shadow: 0 1px 0px #DDD;
	-webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD;
}

	
	/*------------------------------------*\
	$BUTTON LABEL
\*------------------------------------*/
 button span.label {
	display: inline-block;
	line-height: 15px;
	
	padding:2px 3px 2px 3px;
	
	
 -webkit-transition: color .20s;
 -moz-transition: color .20s;
 -o-transition: color .20s;
 transition: color .20s;
}
button span.label a{
	color:inherit;
}
button span.label a:hover{
	text-decoration: none;
}