/* 	ref:
	www.zurb.com/blog_uploads/0000/0617/buttons-03.html 
	http://www.zurb.com/playground/radioactive-buttons
*/
.awesome, .awesome:visited {
    float: left;
	position: relative;
	background: #222 url(http://zurb.com/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
	/* animation - see webkit-keyframes below 
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	*/
}
@-webkit-keyframes bluePulse {
	from { background-color: #000050; -webkit-box-shadow: 0 0 9px #333; }
	50% { background-color: #000066; -webkit-box-shadow: 0 0 18px #2daebf; }
	to { background-color: #000080; -webkit-box-shadow: 0 0 9px #333; }
}
.awesome, .awesome:visited,.medium.awesome, .medium.awesome:visited { 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
	}
.awesome:hover { 
	background-color: #111; 
	color: #fff; 
	}
.awesome:active {
	top: 1px; 
	}
.small.awesome, .small.awesome:visited { 
	font-size: 11px; 
	}
.large.awesome, .large.awesome:visited { 
	font-size: 18px; 
	padding: 11px 18px 13px; 
	}
.large1.awesome, .large1.awesome:visited  { 
	/* -webkit-animation-name: bluePulse; */
	left:30%; 
	font-size: 18px; 
	padding: 11px 18px 13px; 
	}
.blue.awesome, .blue.awesome:visited { 
	background-color: #000066;
	}
.blue.awesome:hover	{
	background-color: #2d2fc3; 
	}
.yellow.awesome, .yellow.awesome:visited {
	background-color: #ffb515; 
	}
.yellow.awesome:hover { 
	background-color: #fc9200; 
	}
.green.awesome, .green.awesome:visited {
	background-color: #91bd09;
	}
.green.awesome:hover {
	background-color: #749a02;
	}
.red.awesome, .red.awesome:visited {
	background-color: #e33100;
	}
.red.awesome:hover {
	background-color: #872300;
	}
.magenta.awesome, .magenta.awesome:visited {
	background-color: #a9014b;
	}
.magenta.awesome:hover {
	background-color: #630030;
	}
.orange.awesome, .orange.awesome:visited {
	background-color: #ff5c00;
	}
.orange.awesome:hover {
	background-color: #d45500;
	}
.grey.awesome, .grey.awsome.visited {
	background-color: #eeeeee;
	}
.grey.awesome:hover {
	background-color: #fefefe;
	}


/* ref
	http://marioluevanos.com/playground/CSS3%20Button/ 
*/ 

.button {
	border:1px solid #1D4253;
	color:#FFFFFF;
	text-shadow:0 -1px 0 #004e68;
	font-size:12px;
	display:inline-block;
	margin:8px 0;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#007197;
	background-image:
	-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,93,124)),
		color-stop(1, rgb(0,136,181))
	);
	background-image:
	-moz-linear-gradient(
		center bottom,
		rgb(0,93,124) 0%,
		rgb(0,136,181) 100%
	);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.55);
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.55);
}
 
.button:hover {
	background-color:#0081ab;
	background-image:
	-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,116,154)),
		color-stop(1, rgb(0,165,198))
	);
	background-image:
	-moz-linear-gradient(
		center bottom,
		rgb(0,116,154) 0%,
		rgb(0,165,198) 100%
	);
	text-decoration:none;
}
 
.button:active {
	background-color:#006486;
	background-image:
	-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(0,133,166)),
		color-stop(1, rgb(0,83,122))
	);
	background-image:
	-moz-linear-gradient(
		center bottom,
		rgb(0,133,166) 0%,
		rgb(0,83,122) 100%
	);
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.75);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.75);
}
 
.button span {
	padding:8px 20px;
	border-top:1px solid #00B8D3;
	display:block;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
}
 
.button span:active { border-top-color:transparent; }
 
/* HTML MARK-UP 
<a href="#" class="button"><span>CSS3 Button - No Images</span></a>
----------------------------------------------------- */