/*
Yummy 3D Buttons Stylesheet
Author: elemis
*/

a.button, a.button:link, a.button:visited {
	display: block;
	position: relative;
	padding: 0 10px 0 20px;
	height: 32px;
	line-height: 28px;
	text-align: center;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: normal;
	cursor: pointer;
	font-family: 'MidoMedium';
	text-decoration: none;
}
a.button span {
	display: block;
	position: absolute;
	top: 0px;
	right: -10px;
	width: 10px;
	height: 32px;
	background-position: right top;
}
a.button, a.button span {
	float: left;
}
a.button:hover {
	background-position: left -32px;
	text-decoration: none;
}
a.button:hover span {
	background-position: right -32px;
	text-decoration: none;
}

a.button:active, a.buttonactive {
	background-position: left -64px;
	text-decoration: none;
	padding-top:3px;
	height: 29px;
	
}
a.button:active span {
	background-position: right -64px;
	text-decoration: none;
	padding-top:3px;
	height: 29px;
}

.button.pink, .button.pink span {
	background-image: url(images/button-pink.png);
	text-shadow: 1px 1px 0px #d4aad2;
	color:#8f5e8e;
}

.button.blue, .button.blue span {
	background-image: url(images/button-blue.png);
	text-shadow: 1px 1px 0px #a1c8d5;
	color: #466d7b;
}

.button.purple, .button.purple span {
	background-image: url(images/button-purple.png);
	text-shadow: 1px 1px 0px #a1a7ca;
	color:#596184;
}

.button.brown, .button.brown span {
	background-image: url(images/button-brown.png);
	text-shadow: 1px 1px 0px #cdb99e;
	color:#806b50;
}

.button.rose, .button.rose span {
	background-image: url(images/button-rose.png);
	text-shadow: 1px 1px 0px #cd9fb0;
	color:#865567;
}

.button.lime, .button.lime span {
	background-image: url(images/button-lime.png);
	text-shadow: 1px 1px 0px #b0d39d;
	color: #597949;
}