@charset "UTF-8";
/* CSS buttons */
.buttons { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* set normal link state */

.button1, .button2, .button3 {
	cursor:pointer;
    background: transparent url('/graphics/global/bg_btn1_rt.gif') no-repeat top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
	text-shadow: 1px 1px 1px #000; /* adds drop shadow for compatible browsers */
}

.button1 span, .button2 span, .button3 span, .button1 input, .button2 input, .button3 input{
    background: transparent url('/graphics/global/bg_btn1_left.gif') no-repeat;
    display: block;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	height: 24px;
	border:0;
    line-height: 24px;
    padding: 0 0 0 15px;
    text-shadow: 1px 1px 1px #000; /* adds drop shadow for compatible browsers */
}

/* reset background image for buttons 2 and 3 */

.button2 {
	background-image:url('/graphics/global/bg_btn2_rt.gif');
}

.button2 span, .button2 input {
	background-image:url('/graphics/global/bg_btn2_left.gif');
}

.button3 {
	background-image:url('/graphics/global/bg_btn3_rt.gif');
}

.button3 span, .button3 input {
	background-image:url('/graphics/global/bg_btn3_left.gif');
}

/* set active state */

.button1:active, .button2:active, .button3:active {
    background-position: bottom right;
    color: #E7E7E7;
    outline: none; /* hide dotted outline in Firefox */
}

.button1:active span, .button2:active span, .button3:active span, .button1 input:active, .button2 input:active, .button3 input:active {
    background-position: bottom left;
    outline: none;
    padding: 1px 0 0 15px; /* push text down 1px */
}
.button1:active span, .button2:active span, .button3:active span {
	height: 23px;
	line-height:23px;
	}