/*
AICO Button Pack 1.0 Stylesheet
Created: 19 December 2009
*/

button.aico {
	border: none;
	background: none; 
	color: inherit;
  	font: inherit;
	padding: 0;
}

.aico-button,
.aico-button:link,
.aico-button:visited {
	display: block;
	position: relative;
	
	padding: 0 0 0 22px;
	height: 40px;
	line-height: 40px;
	
	text-align: center;
	
	background-position: 0 0;
	background-repeat: no-repeat;
	
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.aico-button span {
	display: block;
	position: absolute;
	top: 0px;
	right: -20px;
	width: 20px;
	height: 40px;
	
	background-position: right top;
}

.aico-white,
.aico-white:link,
.aico-white:visited,
.aico-grey,
.aico-grey:link,
.aico-grey:visited	{ color: #343434; }

.aico-white,
.aico-white span		{ text-shadow: #ffffff 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.white.png"); }
.aico-grey,
.aico-grey span 		{ text-shadow: #ffffff 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.grey.png"); }
.aico-black,
.aico-black span 		{ text-shadow: #222222 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.black.png"); }
.aico-green,
.aico-green span 		{ text-shadow: #5A972B 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.green.png"); }
.aico-yellow,
.aico-yellow span 		{ text-shadow: #B19F3D 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.yellow.png"); }
.aico-orange,
.aico-orange span 		{ text-shadow: #b0522e 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.orange.png"); }
.aico-red,
.aico-red span 			{ text-shadow: #943b3b 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.red.png"); }
.aico-pink,
.aico-pink span 		{ text-shadow: #b2378e 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.pink.png"); }
.aico-purple,
.aico-purple span 		{ text-shadow: #823b94 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.purple.png"); }
.aico-blue,
.aico-blue span 		{ text-shadow: #325ba5 1px 1px 1px; background-image: url("/css/buttons/images/buttons/aico.button.blue.png"); }

.aico-button:hover		{ background-position: left -40px; }
.aico-button:hover span { background-position: right -40px; }