/* Copyright 2011-2012  Scriptol.fr & Nutraide.com */

.buttonbar
{
	padding:4px;
	margin:2px;
}

.button, .button:visited 
{
	color: #fff; 
	text-decoration: none;
	border-radius: 6px;  
	box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-right: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-family:Calibri, Arial;
	margin-left:4px;
	font-size: 16px; 
	padding: 1px 8px 3px 8px; 
}
 
.button:active
{
	top: 1px;
	left:1px; 
}

.red.button, .red.button:visited
{
	background-color:#FF0033;
	box-shadow: inset 0px 1px 5px 0 rgba(255,200,200,0.6),
	 inset -1px -1px 3px 0 rgba(160,96,96,0.6), 
	 1px 2px 4px 0 rgba(0,0,0,0.6);
	border-left:1px solid #CC0033; 
	border-top:1px solid #CC0033; 	 	
}
.red.button:hover
{
	background-color:#dd0011;
}

.blue.button, .blue.button:visited, .blue.button:active
{
	background-color:#1Bb2cE;
	box-shadow: inset 0px 1px 5px 0 rgba(255,255,255,0.6), 
	 inset -1px -1px 3px 0 rgba(66,66,128,0.6),
	 1px 2px 4px 0 rgba(0,0,0,0.6);;
	border-left:1px solid #0Ba2bE; 
	border-top:1px solid #0Ba2bE; 
}
.blue.button:hover
{
	background-color:#0Ba2bE;
}

.gray.button, .gray.button:visited
{
	background-color:#CCCCCC;
	box-shadow: inset 1px 1px 2px 0 rgba(255,255,255,0.6), 
	 inset -1px -1px 1px 0 rgba(100,120,140,0.6),
	 1px 2px 4px 0 rgba(0,0,0,0.6);
	color:#333; 
	border-left:1px solid #999; 
	border-top:1px solid #999; 
	text-shadow:none;	
}
.gray.button:hover
{
	background-color:#999;
	color:#111;
}