/*# Metadata ################################### Header v.2
# $URL: http://gt-nas-1/svn/gamebase.frontend/trunk/xsl_gamebase/_stargames/data/button.css $
# $Rev: 7317 $
# $Date: 2012-03-27 07:50:37 +0200 (Di, 27 Mär 2012) $
# $Author: bstei $
### TOC ###################################################
#
### Description ###########################################
#
#########################################################*/

/* default (small) buttons */

button,
button.formButton,
a.formButton,
.startGame .play a,
.playGames a,
#startGame .play a,
#voucherBonusFormWrapper button.formButton {
	background: url(../imgs/buttonSprite.png) no-repeat 0 -92px;
	color: #014984;
	font-size: 13px;
	font-weight: bold;
	margin:0;
	padding: 0;
	border: 0;
	overflow: visible;
	height: 34px;
	padding: 0 0 0 20px;
	cursor: pointer;
	width: auto;
	text-decoration: none;
	white-space: nowrap
}

a.formButton,
.startGame .play a,
.playGames a,
#startGame .play a {
	display: inline-block;
}

.firefox button,
.firefox button.formButton,
.firefox #voucherBonusFormWrapper button.formButton,
.ie6 button,
.ie6 button.formButton,
.ie6 #voucherBonusFormWrapper button.formButton {
	padding: 0 0 0 17px;
}

button span,
button.formButton span,
a.formButton span,
.startGame .play span,
.playGames span,
#startGame .play span,
#voucherBonusFormWrapper button.formButton span {
	background: url(../imgs/buttonSprite.png) no-repeat 100% -92px;
	padding: 0 20px 8px 3px;
	width: auto;
	height: 26px;
	line-height: 26px;
	display: block;
	position: relative;
	
}
.firefox button span {
	top: -1px;
}

button:hover,
button.formButton:hover,
.startGame a:hover,
a.formButton:hover,
#voucherBonusFormWrapper button.formButton:hover {
	background-position: 0 -126px;
}

button:hover span,
button.formButton:hover span,
a.formButton:hover span,
.playGames .play a:hover span,
.startGame a:hover span,
#startGame .play a:hover span,
#voucherBonusFormWrapper button.formButton:hover span {
	background-position: 100% -126px;
}

button:focus,
button.formButton:focus {
	border: none;
	outline: none;
}

.ie8 button:active,
.ie8 button.formButton:active {
	background-position: 1px -125px;
}

/* tipBox */

#formOk .formButton,
.successBox button.formButton,
.successBox a.formButton,
.infoBox button.formButton,
.infoBox a.formButton {
	background-position: 0 -252px;
	color: #fff;
}

#formOk .formButton span,
.successBox button.formButton span,
.successBox a.formButton span,
.infoBox button.formButton span,
.infoBox a.formButton span {
	background-position: 100% -252px;
}

#formOk .formButton:hover,
.successBox button.formButton:hover,
.successBox a.formButton:hover,
.infoBox button.formButton:hover,
.infoBox a.formButton:hover {
	background-position: 0 -286px;
}

#formOk .formButton:hover span,
.successBox button.formButton:hover span,
.successBox a.formButton:hover span,
.infoBox button.formButton:hover span,
.infoBox a.formButton:hover span {
	background-position: 100% -286px;
}

#tipContainer button,
#tipContainer button.formButton,
#tipContainer a.formButton {
	background-position: 0 -412px;
	color: #fff;
}

#tipContainer button span,
#tipContainer button.formButton span,
#tipContainer a.formButton span {
	background-position: 100% -412px;
}

#tipContainer button:hover,
#tipContainer button.formButton:hover,
#tipContainer a.formButton:hover {
	background-position: 0 -446px;
}

#tipContainer button:hover span,
#tipContainer button.formButton:hover span,
#tipContainer a.formButton:hover span {
	background-position: 100% -446px;
}


/* default (small) highLight */

.highLight button,
.highLight button.formButton,
.highLight a.formButton {
	background-position: 0 -252px;
	color: #fff;
}
.highLight button:hover,
.highLight button.formButton:hover,
.highLight a.formButton:hover {
	background-position: 0 -286px;
}
.highLight button span,
.highLight button.formButton span,
.highLight a.formButton span {
	background-position: 100% -252px;
}
.highLight button:hover span,
.highLight button.formButton:hover span,
.highLight a.formButton:hover span {
	background-position: 100% -286px;
}
.ie8 .highLight button:active,
.ie8 .highLight button.formButton:active {
	background-position: 1px -285px;
}

/* medium buttons */

.formTable button,
.formTable button.formButton,
.formTable a.formButton,
.startGame .play a,
.playGames a,
#shopContainerBox .shopTeaserButton a {
	background-position: 0 0;
	font-size: 17px;
	height: 46px;
}

#shopContainerBox a {
	color: #014984;
}

.formTable button,
.formTable button.formButton,
.formTable a.formButton {
	min-width: 184px;
	min-width: 161px\9;
	min-width: 0 !ie;
}

.formTable button span,
.formTable button.formButton span,
.formTable a.formButton span,
.startGame .play a span,
.playGames a span,
#shopContainerBox a span {
	background-position: 100% 0;
	height: 36px;
	line-height: 36px;
	padding: 0 30px 10px 8px;
}

.formTable button:hover,
.formTable button.formButton:hover,
.formTable a.formButton:hover,
.startGame .play a:hover,
.playGames a:hover,
#shopContainerBox a:hover {
	background-position: 0 -46px;
}

.formTable button:hover span,
.formTable button.formButton:hover span,
.formTable a.formButton:hover span,
.startGame .play a:hover span,
.playGames a:hover span,
#shopContainerBox a:hover span {
	background-position: 100% -46px;
}

.ie8 .formTable button:active,
.ie8 .formTable button.formButton:active {
	background-position: 1px -45px;
}

/* tipBox */
.infoBox .formTable button,
.infoBox .formTable button.formButton,
.infoBox .formTable a.formButton {
	background-position: 0 -160px;
}

.infoBox .formTable button span,
.infoBox .formTable button.formButton span,
.infoBox .formTable a.formButton span {
	background-position: 100% -160px;
}

.infoBox .formTable button:hover,
.infoBox .formTable button.formButton:hover,
.infoBox .formTable a.formButton:hover {
	background-position: 0 -206px;
}

.infoBox .formTable button:hover span,
.infoBox .formTable button.formButton:hover span,
.infoBox .formTable a.formButton:hover span {
	background-position: 100% -206px;
}

/* play buttons */

.startGame .play a,
#startGame .play a {
	padding-left: 45px;
	background-position: 0 -480px;
}
.startGame .play a:hover {
	background-position: -500px -480px;
}
.startGame .play span {
	padding: 1px 30px 9px 8px;
}

.games .feature,
.feature .container {
	overflow: visible;
}

.startGame {
    left: auto;
    right: 225px;
}
.poker .startGame,
.bingo .startGame {
	right: 0;
}
#game1 .startGame {
    left: auto;
    right: 235px;
}

/* big (play) buttons */

#big_test_btn,
#startGame .play a,
.warning_moneyroom .infoBox button,
.warning_moneyroom .infoBox button {
	background: url(../imgs/bigButtonSprite.png) no-repeat 0 0;
	background-position: 0 -396px;
    height: 66px;
	font-size: 22px;
	color: #014984;
	text-transform: uppercase;
}

#startGame .play a {
	padding: 0 0 0 55px;
	background-position: 0 0;	
}

#big_test_btn span,
#startGame .play a span,
.warning_moneyroom .infoBox button span,
.warning_moneyroom .infoBox button span {
	background: url(../imgs/bigButtonSprite.png) no-repeat 100% 0;
	height: 57px;
	line-height: 57px;
	padding: 0 40px 9px 10px;
}

#big_test_btn:hover,
.warning_moneyroom .infoBox button:hover,
.warning_moneyroom .infoBox button:hover {
	background-position: -500px -396px;
}

#startGame .play a:hover {
	background-position: 0 -66px;
}

#big_test_btn:hover span,
#startGame .play a:hover span,
.warning_moneyroom .infoBox button:hover span,
.warning_moneyroom .infoBox button:hover span {
	background-position: 100% -66px;
}

.warning_moneyroom .infoBox .fbReal,
.warning_moneyroom .infoBox .fbFun {
	position: absolute;
	right: 10px;
	top: 220px;
}

.warning_moneyroom .infoBox .fbFun{
	right: auto;
	left: 10px;
}

/* paging */

#previousPage,
#nextPage,
.backToTop a {
	width: 37px;
	height: 46px;
	background-position: 0 -606px;
	padding: 0;
}

#previousPage:hover {
	background-position: -45px -606px;
}

#nextPage {
	background-position: -90px -606px;
}

#nextPage:hover {
	background-position: -135px -606px;
}

#previousPage span,
#nextPage span,
.backToTop span,
.warning_disconnect .infoBox .fbFun span,
.warning_disconnect .infoBox .fbReal span,
.become_moneyplayer .infoBox .fbReal span {
	display: none;
}

.playGame {
	float: left;
}
.backToTop {
	float: right;
}
.backToTop a {
	background-position: -180px -606px;
	text-indent: -9999px;
}
.backToTop a:hover {
	background-position: -225px -606px;
}

/* disabled */

.formButton[disabled],
a.formButton.disabled,
.fbCancel {
	background-position: 0 -572px;
	text-shadow: 0 1px 1px #FFFFFF;
	color: #777;
	cursor: default;
}

.formButton[disabled] span,
a.formButton.disabled span,
.fbCancel span {
	background-position: 100% -572px;
}

.formButton[disabled]:hover,
a.formButton.disabled:hover,
.fbCancel:hover {
	background-position: 0 -572px;
}

.formButton[disabled]:hover span,
a.formButton.disabled:hover span,
.fbCancel:hover span {
	background-position: 100% -572px;
}

/* warning disconnect */

.warning_disconnect .infoBox .fbFun,
.warning_disconnect .infoBox .fbReal,
.become_moneyplayer .infoBox .fbReal{
	float: left;
	margin: 0 10px 5px 0;
}

.warning_disconnect .infoBox .fbFun,
.warning_disconnect .infoBox .fbFun:hover{
	height: 64px;
	width: 171px;
	background: url(../imgs/regButtonFun_big.gif);
	float: none;
	margin: 0 auto 5px;
}

.warning_disconnect .infoBox .fbReal,
.warning_disconnect .infoBox .fbReal:hover,
.become_moneyplayer .infoBox .fbReal,
.become_moneyplayer .infoBox .fbReal:hover {
	height: 213px;
	width: 152px;
	background: url(../imgs/regButtonReal_big.gif);
}

/* google-search */

#goog-fixurl .formButton {
	margin: 0 0 0 5px;
}

#goog-wm-qt {
	height: 23px;
    line-height: 23px;
	padding: 0 5px;
}