/* @group buttons */
a.blueGreenButton {
    display: block;
	color: #fff;
	cursor: pointer; /* Hugo - IE7 */
}
a.blueGreenButton .left {
	width: 28px;
	height: 26px;
	line-height: 26px;
	background-position: 0 -54px;
}
a.blueGreenButton .right {
    height: 26px;
	line-height: 26px;
	color: #fff;
	background-position: right -54px;
	font-size: 13px;
	padding-right: 8px;
	float: left !important;/* Hugo - IE7 */
}
a.greenBlueButton {
    display: block;
	color: #fff;
	cursor: pointer; /* Hugo - IE7 */
}
a.greenBlueButton .left {
	background-position: 0 -80px;
	float: left;
	height: 27px;
	width: 30px;
}
a.greenBlueButton .right {
	background-position: right -80px;
	color: #fff;
	float: left !important;/* Hugo - IE7 */
	font-family: Trebuchet MS;
	font-size: 13px;
	font-style: italic;
	height: 23px;
	line-height: 18px;
	padding: 4px 10px 0 0;
}
a.blueDarkBlueButton {
	color: #fff;
	cursor: pointer; /* Hugo - IE7 */
    display: block;
}
a.blueDarkBlueButton .left {
	background-position: 0 -134px;
	height: 27px;
	line-height: 26px;
	width: 33px;
}
a.blueDarkBlueButton .right {
	background-position: right -134px;
	color: #fff;
	float: left !important; /* Hugo - IE7 */
	font-size: 13px;
    height: 27px;
	line-height: 26px;
	padding-right: 8px;
}

div.arrowWButton span.arrow {
	float: left;
	height: 18px;
	margin: 0 5px;
	width: 18px;
}
div.arrowWButton .arrow.green {
	background-position: 0 -257px;
}
div.arrowWButton .arrow.orange {
	background-position: -18px -257px;
}
div.arrowWButton .arrow.blue {
	background-position: -36px -257px;
}
div.arrowWButton a {
	color:#96a3ab;
	text-decoration:none;
}
div.arrowWButton a .leftSide {
	background-position: 0 -36px;
	float: left;
	height: 18px;
	width: 6px;
}
div.arrowWButton a .rightSide {
	background-position: right -36px;
	color:#6B7C87;
	float:left;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding: 0 6px 0 1px;
}
/* @end */