.button 
{
	cursor: pointer; 
	padding: 4px; 
	margin: 10px; 
	
	border: solid 1px rgb(241, 170, 41);
	border-radius: 5px;
	
	background-image: -webkit-linear-gradient(top, rgb(243, 198, 109) 10%, 
												rgb(255, 253, 249) 47%, 
												rgb(207, 146, 34) 50%, 
												rgb(238, 183, 77) 100%);
	background-image: linear-gradient(to bottom, rgb(243, 198, 109) 10%, 
												rgb(255, 253, 249) 47%, 
												rgb(207, 146, 34) 50%, 
												rgb(238, 183, 77) 100%);
	
	box-shadow: 0px 2px 5px rgb(0, 0, 0); 
	-webkit-text-shadow: 0px 5px 5px rgb(0, 0, 0); 
	text-shadow: 0px 2px 5px rgb(0, 0, 0); 
}

.button-inner
{
	position: relative; 
    border-radius: 5px;
	
	background-image: -webkit-linear-gradient(top, rgb(30, 30, 30) 10%, 
												rgb(65, 65, 65) 45%, 
												rgb(0, 0, 0) 50%, 
												rgb(35, 35, 35) 100%);
	background-image: linear-gradient(to bottom, rgb(30, 30, 30) 10%, 
												rgb(65, 65, 65) 45%, 
												rgb(0, 0, 0) 50%, 
												rgb(25, 25, 25) 100%);
}

.arrow-button 
{
	cursor: pointer; 
	padding: 0px; 
	margin: 10px; 
	position: relative; 
	-webkit-text-shadow: 0px 5px 5px rgb(0, 0, 0); 
	text-shadow: 0px 2px 5px rgb(0, 0, 0); 
	display: inline-block; 
}

.button-inner .button-back, .button-inner .button-over, 
.arrow-button  .button-back, .arrow-button  .button-over, .arrow-button .arrow-button-symbole
{
	text-align: center; 
	font-size: 1.3em; 
	font-weight: bold; 
	padding: 10px; 
	min-width: 230px; 
}

.arrow-button  .button-back, .arrow-button  .button-over 
{ 
	font-size: 4.0em; 
	padding: 0px; 
	min-width: 0px; 
}

.button-inner .button-back ,
.arrow-button  .button-back 
{ color: rgb(207, 146, 34); }

.button-inner .selected
{
	/* -webkit-text-shadow: 0px 5px 5px rgb(0, 0, 0); */
	text-shadow:	1px 1px 0px rgb(239, 169, 58),  
					-1px 1px 0px rgb(239, 169, 58),  
					-1px -1px 0px rgb(239, 169, 58),  
					1px -1px 0px rgb(239, 169, 58),  
					0px 0px 10px rgb(245, 210, 146), 
					0px 0px 10px rgb(245, 210, 146), 
					0px 0px 10px rgb(245, 210, 146); 
	
	/*
	text-shadow:	0px 0px 10px rgb(245, 210, 146), 
					0px 0px 10px rgb(245, 210, 146), 
					0px 0px 10px rgb(245, 210, 146); 
					*/
}

.button-inner .button-over, 
.arrow-button  .button-over, 
.arrow-button .arrow-button-symbole
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	color: rgb(255, 253, 249); 
	
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(243, 198, 109, 0) 10%, 
													rgba(255, 253, 249, 1) 47%, 
													rgba(207, 146, 34, 0) 50%, 
													rgba(238, 183, 77, 1) 100%);
	mask-image: linear-gradient(to bottom, rgba(243, 198, 109, 0) 10%, 
											rgba(255, 253, 249, 1) 47%, 
											rgba(207, 146, 34, 0) 50%, 
											rgba(238, 183, 77, 1) 100%);
}

.arrow-button .arrow-button-symbole
{
	padding-left: 15px; 
	padding-right: 15px; 
	padding-top: 14px; 
	right: 0px; 
	bottom: 0px; 
	min-width: 0px; 
	font-size: 2.0em; 
	-webkit-mask-image: none; 
	mask-image: none; 
	color: rgb(20, 20, 20); 
	white-space: nowrap; 
	
	-webkit-text-shadow: 1px 1px 1px rgb(255, 255, 255), 
					-1px -1px 1px rgb(207, 146, 34)s; 
	
	text-shadow: 1px 1px 1px rgb(255, 255, 255), 
					-1px -1px 1px rgb(207, 146, 34); 
}

.arrow-button .arrow-button-symbole * { vertical-align: middle; }

.frame-buttons .button, 
.popup-buttons .button
{
	display: inline-block; 
	padding: 2px; 
	margin: 5px; 
}

.frame-buttons .button-inner .button-back, 
.popup-buttons .button-inner .button-back, 
.frame-buttons .button-inner .button-over, 
.popup-buttons .button-inner .button-over
{
	font-size: 0.9em; 
	padding: 5px; 
	min-width: 50px; 
}