/******* BEGIN: Including button_global.css *******/

/******* END: Including button_global.css *******/


/******* BEGIN: Including button_global.css *******/
/*
Copyright (c) 2010, GamesCenterArcade.com. All rights reserved.
*/ /**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
div.form-buttons { /*wraps form buttons*/
	clear:both;
	float:none;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}
span.button-wrapper,
span.button-wrapper .button {
	display:-moz-inline-box;
	display:inline-block;
	background-color:transparent;
	background-image:url(http://gamescenterarcade.com/img/button-standard.png);
	_background-image:url(http://gamescenterarcade.com/img/button-standard.gif);
	background-repeat:no-repeat;
	width:auto; /*ie padding fix*/
	overflow:visible;
	_position:relative;
	outline:none;
}
span.cta,
span.cta .button,
span.cta-green,
span.cta-green .button {
	background-image:url(http://gamescenterarcade.com/img/button-cta.png);
	_background-image:url(http://gamescenterarcade.com/img/button-cta.gif);
	font-size:120%;	
}
span.cta-large,
span.cta-large .button {
	background-image:url(http://gamescenterarcade.com/img/sprite_button_large.png);
	_background-image:url(http://gamescenterarcade.com/img/sprite_button_large.gif);	
	font-size:150%;
}
span.button-wrapper {
	background-position:100% 0;
	padding-right:4px;
	margin-right:5px;
	margin-left:2px;
}
span.button-wrapper .button {
	font-weight:bold;
	background-position:0 0;
	border:0;
	color:#fff;
	padding-right:6px;
	padding-left:8px;
	padding-bottom:2px;
	margin-left:-2px;
	_margin-left:0;
	height:25px;
	min-width:30px;
	_left:-2px;
	text-align:center;
}
span.cta .button,
span.cta-green .button {
	height:37px;	
}
span.button-wrapper a.button:link,
span.button-wrapper a.button:visited,
span.button-wrapper a.button:hover {
	color:#fff;
	padding-left:10px;
	text-decoration:none;
}
span.button-wrapper:hover {
	background-position:100% -100px;
}
span.button-wrapper:hover .button {
	background-position:0 -100px;
	outline:0;
}
span.btn-small .button,
span.cancel-small .button,
span.disabled-small .button {
	height:21px;
}
span.cancel .button,
span.cancel a.button:link,
span.cancel a.button:visited,
span.cancel a.button:hover,
span.cancel-small .button {
	color:#666;	
}
span.disabled .button,
span.disabled a.button:link,
span.disabled a.button:visited,
span.disabled a.button:hover,
span.disabled-small .button {
	color:#999;
}
span.btn-small .button,
span.cancel-small .button,
span.disabled-small .button {
	font-size:80%;	
}
span.cancel {
	background-position:100% -800px;
}
span.cancel .button {
	background-position:0 -800px;
}
span.btn-small {
	background-position:100% -400px;
}
span.btn-small .button {
	background-position:0 -400px;
}
span.cancel-small {
	background-position:100% -1200px;
}
span.cancel-small .button {
	background-position:0 -1200px;
}
span.button-wrapper:active,
span.pressed,
span.pressed:active,
span.pressed:hover {
	background-position:100% -200px;
}
span.button-wrapper:active .button,
span.pressed .button,
span.pressed:active .button,
span.pressed:hover .button {
	background-position:0 -200px;
}
span.cta-green {
	background-position:100% -1200px;	
}
span.cta-green .button {
	background-position:0 -1200px;	
}
span.cta-green:hover {
	background-position:100% -1300px;	
}
span.cta-green:hover .button,
span.cta-green .button:hover {
	background-position:0 -1300px;	
}
span.cta-green:active {
	background-position:100% -1400px;	
}
span.cta-green:active .button,
span.cta-green .button:active {
	background-position:0 -1400px;	
}
span.disabled,
span.disabled:hover,
span.disabled:active {
	background-position:100% -3200px;
}
span.disabled .button {
	background-position:0 -3200px;	
}
span.disabled-small,
span.disabled-small:hover,
span.disabled-small:active {
	background-position:100% -3300px;
}
span.disabled-small .button,
span.disabled-small:hover .button,
span.disabled-small:active .button,
span.disabled-small .button:hover,
span.disabled-small .button:active {
	background-position:0 -3300px;
}

span.btn-small:hover {
	background-position:100% -500px;
}

span.btn-small:hover .button {
	background-position:0 -500px;
	outline:0;
}

span.btn-small:active,
span.pressed-small,
span.pressed-small:active,
span.pressed-small:hover {
	background-position:100% -600px;
}
span.btn-small:active .button,
span.pressed-small .button,
span.pressed-small:active .button,
span.pressed-small:hover .button {
	background-position:0 -600px;
}
span.cancel:hover {
	background-position:100% -900px;
}
span.cancel:hover .button {
	background-position:0 -900px;
}
span.cancel:active {
	background-position:100% -1000px;
}
span.cancel:active .button {
	background-position:0 -1000px;
}
span.cancel-small:hover {
	background-position:100% -1300px;
}
span.cancel-small:hover .button {
	background-position:0 -1300px;
}
span.cancel-small:active {
	background-position:100% -1400px;
}
span.cancel-small:active .button {
	background-position:0 -1400px;
}
span.cta:hover {
	background-position:100% -100px;	
}
span.cta:hover .button {
	background-position:0 -100px;	
}
span.cta:active {
	background-position:100% -200px;	
}
span.cta:active input.button {
	background-position:0 -200px;	
}
span.cta-large:hover {
	background-position:100% -60px;
}
span.cta-large:hover .button {
	background-position:0 -60px;
}
span.cta-large:active {
	background-position:100% -120px;
}
span.cta-large:active .button {
	background-position:0 -120px;
}

/* link that looks like a button */
span.button-wrapper a.button {
	line-height:1.8em;
	*height:2.1em;
	margin-left:-3px;
	_margin-left:0;
	_left:-3px;
	padding-top:1px;
	padding-bottom:0;
}
span.cta-large a.button {
	font-family:georgia, times new roman, serif;
	font-weight:normal;
	height:53px;
	line-height:1.8em;
	padding-left:16px;
	padding-right:14px;
	_padding-left:19px;
}
#bd span.button-wrapper a.button:link,
#bd span.button-wrapper a.button:visited {
	color:#fff;	
}
#bd span.cancel a.button:link,
#bd span.cancel a.button:visited,
#bd span.cancel-small a.button:link,
#bd span.cancel-small a.button:visited {
	color:#666;	
}
/* badges (callouts) */
.badge,
.badge span {
	display:inline-block;
	background:url(http://s.bebo.com/img/badge-red.png);
	background-repeat:no-repeat;
	position:relative;
}
.badge {
	background-position:100% 0;
	padding-right:3px;
	margin-left:3px;
}
.badge span {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-left:-3px;
	*left:-3px;
	padding:2px 3px 2px 6px;
	background-position:0 0;
}

div.form-wrapper {
	clear:both;
	float:none;
}


/******* END: Including global_platform.css *******/

