/* REQUIRED BUTTON STYLES: */		
.button, .button_disabled { 
	position: relative;
	border: 0 !important; 
	padding: 0;
	cursor: pointer;
	display: inline-block;
	overflow: visible; /* removes extra side padding in IE */
}

.button::-moz-focus-inner, .button_disabled::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

.button span, .button_disabled span { 
	position: relative;
	display: inline-block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	.button span, .button_disabled span {
		margin-top: 0px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
.button, .button_disabled { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:1em; 
	text-align: center; 
	background: transparent url(../layout/images/buttons/button_defaultSprite.gif) no-repeat right -135px; 
}
	
.button span, .button_disabled span {
	padding: 0 0 0 15px; 
	line-height: 25px;
	height:25px; 
	background: transparent url(../layout/images/buttons/button_defaultSprite.gif) no-repeat left -45px; 
	color:#fff; 
}

.button_disabled span {
	color: #AAA;
}


.button_special { 
	background: transparent url(../layout/images/buttons/button_defaultSprite.gif) no-repeat right -225px; 
}
	
.button_special span {
	background: transparent url(../layout/images/buttons/button_defaultSprite.gif) no-repeat left -180px;
	color: #ffffff; 
}
	
.button:hover, .button_active { /* the redundant class is used to apply the hover state with a script */
	background-position: right -135px; 
}

.button:hover span {
	background-position: 0 -45px;
	color: #0c2854;
}

.button_active span {
	background-position: 0 -45px;
	color: #0c2854;
}

/* Community Spalte Anpassung */
#rightCol .button {
	background: transparent url(../layout/images/buttons/button_defaultSprite_community.gif) no-repeat right -135px; 
}

#rightCol .button span {
	background: transparent url(../layout/images/buttons/button_defaultSprite_community.gif) no-repeat left -45px;
}

#rightCol .button:hover, .button_active { /* the redundant class is used to apply the hover state with a script */
	background-position: right -135px; 
}
	
#rightCol .button:hover span {
	background-position: 0 -45px;
	color: #0c2854;
}

#rightCol .button_active span {
	background-position: 0 -45px;
	color: #eaeaea;
}

/* onBlue Anpassung */
.onBlue .button {
	background: transparent url(../layout/images/buttons/button_defaultSprite_onBlue.gif) no-repeat right -135px; 
}

.onBlue .button span {
	background: transparent url(../layout/images/buttons/button_defaultSprite_onBlue.gif) no-repeat left -45px;
}

.onBlue .button:hover, .button_active { /* the redundant class is used to apply the hover state with a script */
	background-position: right -135px; 
}
	
.onBlue .button:hover span {
	background-position: 0 -45px;
	color: #0c2854;
}

.onBlue .button_active span {
	background-position: 0 -45px;
	color: #eaeaea;
}