.roundButton {
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

a.roundButton {
	display: inline-block;
}

a.roundButton,
a.roundButton div {
	~display: inline; /* keeps hasLayout on IE */
}

.roundButton[disabled] .rightSide {
	color: GrayText;
}

.roundButton[disabled] {
	cursor: default;
}

.roundButton .leftSide {
	background-position: left top;
	background-repeat: no-repeat;
}

.roundButton .rightSide {
	background-position: right top;
	white-space: nowrap;
}

.roundButton:hover .bigButton .leftSide {
	background-position: left -42px;
}

.roundButton:hover .smallButton .leftSide {
	background-position: left -28px;
}

.roundButton:hover .rightSide {
	background-position: right -100%;
}

.roundButton[disabled]:hover .leftSide {
	background-position: left top;
}

.roundButton[disabled]:hover .rightSide {
	background-position: right top;
}

.roundButton .bigButton,
.roundButton .bigButton .rightSide {
	height: 42px;
	line-height: 42px;
}

.roundButton .bigButton {
	font-size: 16px;
}

.roundButton .bigButton .leftSide {
	padding-left: 12px;
}

.roundButton .bigButton .rightSide {
	padding-right: 12px;
}

.roundButton .smallButton,
.roundButton .smallButton .rightSide {
	height: 28px;
	line-height: 28px;
}

.roundButton .smallButton {
	font-size: 12px;
}

.roundButton .smallButton .leftSide {
	padding-left: 7px;
}

.roundButton .smallButton .rightSide {
	padding-right: 7px;
}

/* Blue look */
.roundButton .blue {
	color: #F5FAFF;
}

.roundButton .bigButton .blue {
	background-image: url(images/roundButton/btn_big_blue_left.png);
}

.roundButton .bigButton .blue .rightSide {
	background-image: url(images/roundButton/btn_big_blue_right.png);
}

.roundButton .smallButton .blue {
	background-image: url(images/roundButton/btn_small_blue_left.png);
}

.roundButton .smallButton .blue .rightSide {
	background-image: url(images/roundButton/btn_small_blue_right.png);
}

/* Light look */
.roundButton .light {
	color: #3E3E3E;
}

.roundButton .bigButton .light {
	background-image: url(images/roundButton/btn_big_light_left.png);
}

.roundButton .bigButton .light .rightSide {
	background-image: url(images/roundButton/btn_big_light_right.png);
}

.roundButton .smallButton .light {
	background-image: url(images/roundButton/btn_small_light_left.png);
}

.roundButton .smallButton .light .rightSide {
	background-image: url(images/roundButton/btn_small_light_right.png);
}

/* Dark look */
.roundButton .dark {
	color: #EEE;
}

.roundButton .bigButton .dark {
	background-image: url(images/roundButton/btn_big_dark_left.png);
}

.roundButton .bigButton .dark .rightSide {
	background-image: url(images/roundButton/btn_big_dark_right.png);
}

.roundButton .smallButton .dark {
	background-image: url(images/roundButton/btn_small_dark_left.png);
}

.roundButton .smallButton .dark .rightSide {
	background-image: url(images/roundButton/btn_small_dark_right.png);
}