/* -----------------------------------------
              Skinable Buttons              
  ------------------------------------------*/
.button{
	margin: 5px;
}

/*----------------------------------------
				buttons 
-----------------------------------------*/
.button-shadow
{
	float: left;
	background: url(../img/button/button-shadow-right.gif) no-repeat top right;
	margin-left: 0px;
	height:36px;
}
.button-shadow .label
{
	background: url(../img/button/button-shadow-left.gif) no-repeat top left;
	margin-right: 22px;
	padding: 0px 0px 6px 22px;
	font-size: 11px;
	height:36px;
}
.button-shadow .label a, .button-shadow .label a:visited
{
	font-weight:bold;	
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}

.button-shadow .label a:active, .button-shadow .label a:hover
{
	font-weight:bold;	
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}
.button-shadow-hover
{
	float: left;
	background: url(../img/button/button-shadow-right-on.gif) no-repeat top right;
	margin-left: 0px;
	height:36px;
}
.button-shadow-hover .label
{
	background: url(../img/button/button-shadow-left-on.gif) no-repeat top left;
	margin-right: 22px;
	padding: 0px 0px 6px 22px;
	font-size: 11px;
	height:36px;
}
.button-shadow-hover .label a, .button-shadow-hover .label a:visited
{
	font-weight:bold;	
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}

.button-shadow-hover .label a:active, .button-shadow-hover .label a:hover
{
	color:#666666;
	text-decoration: none;
	display: block;
}

.trbutton                                                                                                                      
{
	font-weight:bold;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	border: 0px;
	background-color: transparent;
	background-image: none;
}