/* Buttons ---------------------------------------------------------- */

a.orangebutton {
    background: transparent url('/images/ui/buttons/orangestretch/r.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: none;
    font-weight:bold;
	font-size:16px;
    height: 37px;
    margin: 0 0 8px 0;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	width:189px; /* width you want minus right endcap width */
}

.narrow a.orangebutton {
	width:140px;
}

a.orangebutton span {
    background: transparent url('/images/ui/buttons/orangestretch/l.gif') no-repeat;
    display: block;
    line-height: 27px;
    padding: 5px 0px 5px 10px;
} 

a.orangebutton:active {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.orangebutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
} 



a.bigorangebutton {
    background: transparent url('/images/ui/buttons/orangestretch/r.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: none;
    font-weight:bold;
	font-size:16px;
    height: 37px;
    margin: 0 0 8px 0;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	width:auto; /* width you want minus right endcap width */
}

a.bigorangebutton span {
    background: transparent url('/images/ui/buttons/orangestretch/l.gif') no-repeat;
    display: block;
    line-height: 27px;
    padding: 5px 0px 5px 10px;
} 

a.bigorangebutton:active {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.bigorangebutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
} 


a.smallorangebutton {
    background: transparent url('/images/ui/buttons/smallorangestretch/r.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: none;
    font-weight:bold;
	font-size:12px;
    height: 29px;
    margin: 0 0 8px 0;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	cursor:pointer;
}

a.smallorangebutton span {
    background: transparent url('/images/ui/buttons/smallorangestretch/l.gif') no-repeat;
    display: block;
    line-height: 19px;
    padding: 5px 0px 5px 12px;
} 

a.smallorangebutton:active {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.smallorangebutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
} 


a.tallorangebutton {
    background: transparent url('/images/ui/buttons/orangetall/r.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: none;
    font-weight:bold;
	font-size:12px;
    height: 54px;
    margin: 0 0 8px 0;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	cursor:pointer;
}

a.tallorangebutton span {
    background: transparent url('/images/ui/buttons/orangetall/l.gif') no-repeat;
    display: block;
    line-height: 25px;
    padding: 5px 0px 5px 12px;
} 

a.tallorangebutton:active {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.tallorangebutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
} 

.tallorangebutton .upper {
	font-size:18px;
	line-height:18px;
	padding:4px 0 0 0;
}

.tallorangebutton .lower {
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	padding:4px 0 6px 0;
}

a.greymediumbutton {
    background: transparent url('/images/ui/buttons/greymediumstretch/r.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: none;
    font-weight:bold;
	font-size:16px;
    height: 37px;
    margin: 0 0 8px 0;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	cursor:pointer;
}

a.greymediumbutton span {
    background: transparent url('/images/ui/buttons/greymediumstretch/l.gif') no-repeat;
    display: block;
    line-height: 27px;
    padding: 5px 0px 5px 10px;
} 

a.greymediumbutton:active {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.greymediumbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 10px; /* push text down 1px */
} 

a.smallgreymediumbutton {
    background: transparent url('/images/ui/buttons/smallgreymediumstretch/r.png') no-repeat scroll top right;
    color: white;
    display: block;
    float: none;
    font-weight:bold;
	font-size:12px;
    height: 29px;
    margin: 0 0 8px 0;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	cursor:pointer;
}

a.smallgreymediumbutton span {
    background: transparent url('/images/ui/buttons/smallgreymediumstretch/l.png') no-repeat;
    display: block;
    line-height: 19px;
    padding: 5px 0px 5px 12px;
} 

a.smallgreymediumbutton:active {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.smallgreymediumbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
} 

a.tinyorangebutton {
    background: transparent url('/images/ui/buttons/tinyorangestretch/r.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: none;
    font-weight:bold;
	font-size:11px;
    height: 18px;
    margin: 0 0 8px 0;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	cursor:pointer;
}

a.tinyorangebutton span {
    background: transparent url('/images/ui/buttons/tinyorangestretch/l.gif') no-repeat;
    display: block;
    line-height: 8px;
    padding: 4px 0px 6px 6px;
} 

a.tinyorangebutton:active {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.tinyorangebutton:active span {
    background-position: bottom left;
    padding: 5px 0 5px 6px; /* push text down 1px */
} 

a.smallkfbluebutton {
    background: transparent url('/images/ui/buttons/smallkfbluestretch/r.gif') no-repeat scroll top right;
    color: white;
    display: block;
    float: none;
    font-weight:bold;
	font-size:12px;
    height: 29px;
    margin: 0 0 8px 0;
    padding-right: 12px; /* sliding doors padding */
    text-decoration: none;
	text-align:center;
	cursor:pointer;
}

a.smallkfbluebutton span {
    background: transparent url('/images/ui/buttons/smallkfbluestretch/l.gif') no-repeat;
    display: block;
    line-height: 19px;
    padding: 5px 0px 5px 12px;
} 

a.smallkfbluebutton:active {
    background-position: bottom right;
    color: white;
    outline: none; /* hide dotted outline in Firefox */
}

a.smallkfbluebutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 12px; /* push text down 1px */
} 




a.tinyadd {
    background: transparent url('/images/ui/buttons/tinyadd/both.gif') no-repeat scroll top right;
    display: block;
    float: none;
    height: 18px;
	cursor:pointer;
}

a.tinyadd:active {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}



/* Multi-Button Layouts ----------------------------------------------------------- */


.horizontal-buttons a {
float:left;
margin-right:5px; /* space between buttons */
}

/* Other ----------------------------------------------------------- */

.buttons-leftlabels {
	width:auto; float:left; padding:8px 20px 0 0
}

.buttons-leftlabels .upper {
	font-size:18px; line-height:21px
}