#button-container{
	position: relative;
	margin: 0px;
	height: 20px;
	display: inline-block;
}

#button{
	margin: 0px 5px 0px 5px;
	text-decoration: none;
	float: left;
	width: auto;
	padding: 0px 20px 0px 0px;
	height: 20px;
	line-height: 20px;
	background-color: #000;
	border: 1px solid #333;
	padding-left: 20px;

	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;

	color:#fff;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}

.blue
{
	background: #B86042;
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #B86042),
	    color-stop(0.85, #D17F3D)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #4260B8 0%,
	    #3D7FD1 85%
	);
	
	-moz-box-shadow:1 2px 0 #344c94;
	-webkit-box-shadow:0 2px 0 #344c94;
	box-shadow:0 2px 0 #344c94;
}

.blue:hover
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #4B6DD1),
	    color-stop(0.85, #4085DB)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #4B6DD1 0%,
	    #4085DB 85%
	);
	box-shadow:0 2px 0 #344c94;
}

.blue:active
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #4B6DD1),
	    color-stop(0.85, #4085DB)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #4B6DD1 0%,
	    #4085DB 85%
	);
	box-shadow:0 1px 0 #395EA8;
	margin-top: 1px;
}

.red
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #B86042),
	    color-stop(0.85, #D17F3D)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #B86042 0%,
	    #D17F3D 85%
	);
	
	-moz-box-shadow:1 2px 0 #944c34;
	-webkit-box-shadow:0 2px 0 #944c34;
	box-shadow:0 2px 0 #944c34;
}

.red:hover
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #D16D4B),
	    color-stop(0.85, #DB8540)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #D16D4B 0%,
	    #DB8540 85%
	);
	box-shadow:0 2px 0 #944c34;
}

.red:active
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #D16D4B),
	    color-stop(0.85, #DB8540)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #D16D4B 0%,
	    #DB8540 85%
	);
	box-shadow:0 1px 0 #A85E39;
	margin-top: 1px;
}

.green
{
	
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #60B842),
	    color-stop(0.85, #7FD13D)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #60B842 0%,
	    #7FD13D 85%
	);
	
		-moz-box-shadow:1 2px 0 #944c34;
	-webkit-box-shadow:0 2px 0 #4c9434;
	box-shadow:0 2px 0 #4c9434;
}

.green:hover
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #6DD14B),
	    color-stop(0.85, #85DB40)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #6DD14B 0%,
	    #85DB40 85%
	);
	box-shadow:0 2px 0 #5EA839;
}

.green:active
{
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0, #6DD14B),
	    color-stop(0.85, #85DB40)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	    #6DD14B 0%,
	    #85DB40 85%
	);
	box-shadow:0 1px 0 #5EA839;
	margin-top: 1px;
}