@charset "utf-8";
/* CSS Document */
.button,.button:visited {
	background: #222 url(../images/appstore/button-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	min-width:48px;
	text-align:center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-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);
	position: relative;
	white-space: nowrap;
	cursor: pointer;
}
.button .button-text{
    position:absolute;
    left:10px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.button .button-slide-text{
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}

.button:hover {
	background-color: #111;
	color: #fff;
}
.button:hover .button-text{
    filter:alpha(opacity=0);
	opacity:0;
}
.button:hover .button-slide-text{
    filter:alpha(opacity=100);
	opacity:1;
}

.button:active {
	top: 1px;
}

.small.button,.small.button:visited {
	font-size: 10px;
	padding:5px 10px 6px;
}

.button,.button:visited,.medium.button,.medium.button:visited {
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.large.button,.large.button:visited {
	font-size: 14px;
	padding: 8px 14px 9px;
}

.huge.button,.huge.button:visited {
	font-size: 18px;
	padding: 8px 30px 9px;
}

.green.button,.green.button:visited {
	background-color: #17bd42;
}

.green.button:hover {
	background-color: #17cd42;
}

.grey.button,.grey.button:visited {
	background-color: grey;
}

.grey.button:hover {
	background-color: grey;
}
.grey.button:active {
	top: 0px;
}

.blue.button,.blue.button:visited {
	background-color: #0086d0;
}

.blue.button:hover {
	background-color: #009ad0;
}

.red.button,.red.button:visited {
	background-color: #e33100;
}

.red.button:hover {
	background-color: #872300;
}

.magenta.button,.magenta.button:visited {
	background-color: #a9014b;
}

.magenta.button:hover {
	background-color: #630030;
}

.orange.button,.orange.button:visited {
	background-color: #ff5c00;
}

.orange.button:hover {
	background-color: #d45500;
}

.yellow.button,.yellow.button:visited {
	background-color: #ffb515;
}

.yellow.button:hover {
	background-color: #fc9200;
}