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

.aico-button,
.aico-button:link,
.aico-button:visited {
	display: block;
	position: relative;
	
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	
	text-align: center;
	
	background-image: url(/images/login/gradient.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;

	-moz-box-shadow: rgb(50, 50, 50) 0px 1px 2px;
	-webkit-box-shadow: rgb(50, 50, 50) 0px 1px 2px;
	-khtml-box-shadow: rgb(50, 50, 50) 0px 1px 2px;
	text-decoration: none;
}

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

.aico-white		{ text-shadow: #ffffff 1px 1px 1px; background-color: #ffffff; }
.aico-grey 		{ text-shadow: #ffffff 1px 1px 1px; background-color: #e2e2e2; }
.aico-black 	{ text-shadow: #222222 1px 1px 1px; background-color: #242424; }
.aico-green 	{ text-shadow: #48b027 1px 1px 1px; background-color: #48b027; }
.aico-yellow 	{ text-shadow: #CCB927 1px 1px 1px; background-color: #CCB927; }
.aico-orange 	{ text-shadow: #A63F14 1px 1px 1px; background-color: #A63F14; }
.aico-red 		{ text-shadow: #7E1A12 1px 1px 1px; background-color: #7E1A12; }
.aico-pink 		{ text-shadow: #992D83 1px 1px 1px; background-color: #992D83; }
.aico-purple 	{ text-shadow: #6A2590 1px 1px 1px; background-color: #6A2590; }
.aico-blue 		{ text-shadow: #2346A0 1px 1px 1px; background-color: #2346A0; }

.aico-white:hover	{ text-shadow: #ffffff 1px 1px 1px; background-color: #f6f6f6; }
.aico-grey:hover 	{ text-shadow: #efefef 1px 1px 1px; background-color: #d2d2d2; }
.aico-black:hover,.aico-black.current 	{ text-shadow: #141414 1px 1px 1px; background-color: #080808; }
.aico-green:hover 	{ text-shadow: #48b027 1px 1px 1px; background-color: #51931E; }
.aico-yellow:hover 	{ text-shadow: #CCB927 1px 1px 1px; background-color: #B6A523; }
.aico-orange:hover 	{ text-shadow: #B64716 1px 1px 1px; background-color: #913A12; }
.aico-red:hover 	{ text-shadow: #7E1A12 1px 1px 1px; background-color: #581309; }
.aico-pink:hover 	{ text-shadow: #992D83 1px 1px 1px; background-color: #832267; }
.aico-purple:hover 	{ text-shadow: #6A2590 1px 1px 1px; background-color: #4C187F; }
.aico-blue:hover 	{ text-shadow: #2346A0 1px 1px 1px; background-color: #1D368D; }

/* DEMO ONLY STYLES - CAN BE REMOVED */
.wrapper {
	margin: auto;
	min-width: 600px;
}
.wrapper h1 {
	margin: 1em 0 0;
}
.wrapper h1,
.wrapper h2,
.wrapper p {
	padding: 0 20px;
	width: 600px;
}
.wrapper .aico-button {
	float: left;
	margin: 15px;
}
.wrapper code {
	float: left;
	margin: 20px 15px 15px 0;
}
.wrapper ul {
	display: block;
	width: 100%;
	margin: 0px;
}
.wrapper li {
	display: block;
	width: 100%;
	height: 70px;
	border-top: 1px solid #f1f1f1;
}
.wrapper .aico-demo-light 		{ background: #ffffff; }
.wrapper .aico-demo-dark 		{ background: #333333; }
.wrapper .aico-demo-dark li		{ border-color: #555555; }