/* 

http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html 

Note! Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). 

Using a different padding, means setting a different height. 

*/



.clear { /* generic container (i.e. div) for floating buttons */

    overflow: hidden;

    width: 100%;

}



a.button {

	background: transparent url(../bilder/bg_button_a.gif) no-repeat scroll right top;

	color: #444;

	display: block;

	float: right;

	height: 18px;

	margin-right: 0px;

	padding-right: 6px; /* sliding doors padding */

	text-decoration: none;

}



a.button span {

	background: transparent url('../bilder/bg_button_span.gif') no-repeat;

	display: block;

	line-height: 8px;

	padding: 5px 0 5px 6px;

} 

a.button:active {

    background-position: bottom right;

    color: #000;

    outline: none; /* hide dotted outline in Firefox */

}



a.button:active span {

	background-position: bottom left;

	padding: 6px 0 4px 6px; /* push text down 1px */

}