/* Copyright 2011 Nutraide.com */
.buttonbar
{
	padding:4px;
	margin:2px;
}
.buttonbar ul li
{ 
	list-style:none;
	padding:2px 0 2px 0;
	display:inline;
	float:left;	
}		
.button, .button:visited
{
	display:inline;
	position:relative;
	height;32px;
	min-height:32px;
	xmin-width:96px;
	padding:1px 10px 1px 4px;
	margin: 0 2px;
	cursor: pointer;
	text-decoration: none;
	font: 14px Calibri, Arial, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow: 1px 2px 4px 0 rgba(0,0,64,0.6);
	-moz-box-shadow: 1px 2px 4px 0 rgba(0,0,64,0.6);
	box-shadow: 1px 2px 4px 0 rgba(0,0,64,0.6);
	white-space:nowrap;
	color: white;
}
.button:active
{
	top:1px;
	left:1px;
}
.button > img
{
	margin:0px 4px 0 0;
	float:left;
}
.button > div
{
	position:relative;
	top:3px;
	padding-left:24px;
	margin:0;
}
.lagoon
{
	border: solid 1px #079;
	background: #09c;
	background: -webkit-gradient(linear, left top, left bottom, from(#0bf), to(#08a));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
}

.lagoon:hover
{
	background: #08B;
	background: -webkit-gradient(linear, left top, left bottom, from(#0ad), to(#068));
	background: -moz-linear-gradient(top,  #0095cc,  #006688);
}

.red.button
{
	border: solid 1px #970;
	background-color:#F03;
	background:-webkit-gradient(linear, left top, left bottom, from(#F03), to(#A02));
	background:-moz-linear-gradient(top,  #F04,  #A02);
}
.red.button:hover
{
	background-color:#dd0011;
	background:-webkit-gradient(linear, left top, left bottom, from(#E02), to(#600));
	background:-moz-linear-gradient(top,  #E02,  #600);
}
.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;
}
.wb
{
	display:block;
	background-position:left bottom;
	height:40px;
}
.wb:hover
{
	background-position:left top;
}