/**** Shared button structure */

.button {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0 0 0 2px;
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	background-position: top left;
	background-repeat: no-repeat;
	white-space: nowrap;
}

.button:hover {
	background-position: bottom left;
}

.button .button_middle {
	background-position: top left;
}

.button span.button_middle {
	float: left;
	padding: 0 12px 0 12px;
	height: 19px;
	line-height: 15px;
	text-align: top;
}

.button span.button_expand {
	float: left;
	padding: 0 5px 0 5px !important;
	margin: 0 !important;
	height: 19px;
	vertical-align: middle;
}

.button span.button_expand img {
	float: left;
	border: none;
}

.button span.button_expand_left {

}

.button span.button_expand_right {

}

.button input.button_middle {
	float: left;
	border: none;
	padding: 0 12px 5px 12px !important;
	margin: 0 !important;
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand; /* IE 5 */
}

.button .button_right {
	float: left;
	width: 2px;
	height: 19px;
}

/**** Green button */

.button_green {
	background-image: url(../img/button/button_green_left.png);
	color: #eee;
}

.button_green:hover, .button_green input.button_middle:hover {
	color: #fff;
}

.button_green span.button_middle {
	background: url(../img/button/button_green_middle.png) repeat-x;
}

.button_green span.button_expand {
	background: url(../img/button/button_green_middle.png) repeat-x;
}

.button_green input.button_middle {
	background: url(../img/button/button_green_middle.png) repeat-x;
	color: #eee;
}

.button_green .button_right {
	background: url(../img/button/button_green_right.png) no-repeat;
}

/**** Red button */

.button_red {
	background-image: url(../img/button/button_red_left.png);
	color: #eee;
}

.button_red:hover, .button_red input.button_middle:hover {
	color: #fff;
}

.button_red span.button_middle {
	background: url(../img/button/button_red_middle.png) repeat-x;
}

.button_red span.button_expand {
	background: url(../img/button/button_red_middle.png) repeat-x;
}

.button_red input.button_middle {
	background: url(../img/button/button_red_middle.png) repeat-x;
	color: #eee;
}

.button_red .button_right {
	background: url(../img/button/button_red_right.png) no-repeat;
}

/**** Orange button */

.button_orange {
	background: url(../img/button/button_orange_left.png) no-repeat;
	color: #eee;
}

.button_orange:hover, .button_orange input.button_middle:hover {
	color: #fff;
}

.button_orange span.button_middle {
	background: url(../img/button/button_orange_middle.png) repeat-x;
}

.button_orange span.button_expand {
	background: url(../img/button/button_orange_middle.png) repeat-x;
}

.button_orange input.button_middle {
	background: url(../img/button/button_orange_middle.png) repeat-x;
	color: #eee;
}

.button_orange .button_right {
	background: url(../img/button/button_orange_right.png) no-repeat;
}

/**** Yellow button */

.button_yellow {
	background: url(../img/button/button_yellow_left.png) no-repeat;
	color: #eee;
}

.button_yellow:hover, .button_yellow input.button_middle:hover {
	color: #fff;
}

.button_yellow span.button_middle {
	background: url(../img/button/button_yellow_middle.png) repeat-x;
}

.button_yellow span.button_expand {
	background: url(../img/button/button_yellow_middle.png) repeat-x;
}

.button_yellow input.button_middle {
	background: url(../img/button/button_yellow_middle.png) repeat-x;
	color: #eee;
}

.button_yellow .button_right {
	background: url(../img/button/button_yellow_right.png) no-repeat;
}

/**** Gray button */

.button_gray {
	background: url(../img/button/button_gray_left.png) no-repeat;
	color: #c0c0c0;
	cursor: default;
}

.button_gray:hover, .button_gray input.button_middle:hover {
	color: #c0c0c0;
}

.button_gray span.button_middle {
	background: url(../img/button/button_gray_middle.png) repeat-x;
}

.button_gray span.button_expand {
	background: url(../img/button/button_gray_middle.png) repeat-x;
}

.button_gray input.button_middle {
	background: url(../img/button/button_gray_middle.png) repeat-x;
	color: #eee;
}

.button_gray .button_right {
	background: url(../img/button/button_gray_right.png) no-repeat;
}

/**** Big Green Round Button */

.button_large_green_round {
	background: url(../img/button/button_quick_match_left.png) no-repeat;
	color: #eee;
	cursor: default;
	height:35px;
	font-size: 18px;
	font-weight: normal;
}

.button_large_green_round:hover, .button_large_green_round input.button_middle:hover {
	color: #fff;
}

.button_large_green_round span.button_middle{
	background: url(../img/button/button_quick_match_middle.png) repeat-x;
	height:35px;
	margin-left:18px;
	line-height: 26px;
	cursor: pointer;
}

.button_large_green_round span.button_expand {
	background: url(../img/button/button_quick_match_middle.png) repeat-x;
	height:35px;
}

.button_large_green_round input.button_middle {
	background: url(../img/button/button_quick_match_middle.png) repeat-x;
	color: #eee;
}

.button_large_green_round .button_right {
	background: url(../img/button/button_quick_match_right.png) no-repeat;
	height:35px;
	width:25px;
}


/**** Huge Green Round Button */

.button_huge_green_round {
	background: url(../img/button/button_green_huge_left.png) no-repeat;
	color: #eee;
	cursor: default;
	height:44px;
	font-size: 22px;
	font-weight: normal;
}

.button_huge_green_round:hover, .button_huge_green_round input.button_middle:hover {
	color: #fff;
}

.button_huge_green_round span.button_middle{
	background: url(../img/button/button_green_huge_middle.png) repeat-x;
	height:44px;
	margin-left:22px;
	line-height: 26px;
	cursor: pointer;
}

.button_huge_green_round span.button_expand {
	background: url(../img/button/button_green_huge_middle.png) repeat-x;
	height:44px;
}

.button_huge_green_round input.button_middle {
	background: url(../img/button/button_green_huge_middle.png) repeat-x;
	color: #eee;
}

.button_huge_green_round .button_right {
	background: url(../img/button/button_green_huge_right.png) no-repeat;
	height:44px;
	width:33px;
}


/**** White outlined "button" */

a.label_large_white_round { color: #474747; }

.label_large_white_round {
	background: url(../img/download/oval_left.png) no-repeat;
	color: #474747;
	height:30px;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
}

.label_large_white_round span.button_middle{
	background: url(../img/download/oval_middle.png) repeat-x;
	height:30px;
	margin-left:12px;
	line-height: 30px;
	padding: 0;
}

.label_large_white_round .button_right {
	background: url(../img/download/oval_right.png) no-repeat;
	height:30px;
	width:14px;
}