/*CSS Buttons 1:*/



.Button3m {   /*TOP - Bottom- LEFT -Right*/
	box-shadow:  inset  0  10px 10px -10px #888888, inset  0 -10px 10px -10px #888888, inset 0px 0 0px 0px #888888,inset 0px 0 0px 0px #888888; 
	background:linear-gradient(to bottom, #505757 60%, #0c0d0d 90%);
	background-color:#505757;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:0px 0px 0px 0px;
	border:0px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#2bc0ed;
	font-family:Courier New;
	font-size:11px;
	padding:1px 0px;
	text-decoration:none;
	vertical-align: middle;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}

.Button3m:hover {
	box-shadow:  inset  0  20px 20px -10px #9999FF, inset  0 -10px 10px -10px #9999FF, inset 0px 0 0px 0px #9999FF,inset 0px 0 0px 0px #9999FF, 0 0px 20px 0 rgba(50,50,250,1.24);


/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#505757', endColorstr='#0c0d0d',GradientType=0);*/
	background-color:#505757;
}

.Button3m:active {
	background:linear-gradient(to bottom, #222222 60%, #666666 90%);
}




.Button3l {
	/*  OBEN UNTEN */
	/*box-shadow:  inset  0  10px 10px -10px #888888, inset  0 -10px 10px -10px #888888, inset 0px 0 0px 0px #888888,inset 0px 0 0px 0px #888888; */

	box-shadow:  inset  0  10px 10px -10px #888888, inset  0 -8px 10px -10px #CCCCCC, inset 10px 0 10px -10px #888888, inset 0px 0 0px 0px #888888; 

                   
	background:linear-gradient(to bottom, #505757 60%, #0c0d0d 90%);
	background-color:#505757;
	
	border-radius:9px 0px 0px 9px;
	border:0px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#2bc0ed;
	font-family:Courier New;
	font-size:11px;
	padding:1px 0px;
	text-decoration:none;
	vertical-align: middle;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}

.Button3l:hover {
	box-shadow:  inset  0  20px 20px -10px #9999FF, inset  0 -10px 10px -10px #9999FF, inset 0px 0 0px 0px #9999FF,inset 0px 0 0px 0px #9999FF, 0 0px 20px 0 rgba(50,50,250,1.24);

/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#505757', endColorstr='#0c0d0d',GradientType=0);*/
	background-color:#505757;
}

.Button3l:active {
	background:linear-gradient(to bottom, #222222 60%, #666666 90%);
}



.Button3r {
	box-shadow:  inset  0  10px 10px -10px #888888, inset  0 -8px 10px -10px #CCCCCC, inset 0px 0 0px 0px #888888, inset -10px 0 10px -10px #888888; 
	

                   
	background:linear-gradient(to bottom, #505757 60%, #0c0d0d 90%);
	background-color:#505757;
	
	border-radius:0px 9px 9px 0px;
	border:0px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#2bc0ed;
	font-family:Courier New;
	font-size:11px;
	padding:1px 0px;
	text-decoration:none;
	vertical-align: middle;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
}

.Button3r:hover {
	box-shadow:  inset  0  20px 20px -10px #9999FF, inset  0 -10px 10px -10px #9999FF, inset 0px 0 0px 0px #9999FF,inset 0px 0 0px 0px #9999FF, 0 0px 20px 0 rgba(50,50,250,1.24);

/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#505757', endColorstr='#0c0d0d',GradientType=0);*/
	background-color:#505757;
}

.Button3r:active {
	background:linear-gradient(to bottom, #222222 60%, #666666 90%);
}