.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.buttonwrapper
{
    /*width:200px; /* needed for IE6 not to look crazy.  Be careful, though, because now these buttons might break if there's too much text in them. */
    position:relative;
    left:50%;
    float:left;
    text-align:left;
}
/* FireFox 2.0 */
.buttonwrapper, x:-moz-any-link {left:10%;}
.buttonwrapper, x:-moz-any-link, x:default {left:50%;}
a.fancybutton {
    background: transparent url('../images/fb_buttonright.png') no-repeat scroll top right;
    color: #444;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 29px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none !important;
    position:relative;/* needed for i.e.
    left:-50%;  /* made these into their own class*/
    display:block;
}
a.fancybutton2 {
    background: transparent url('../images/op_btn_right.gif') no-repeat scroll top right;
    color: #444;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 17px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none !important;
    position:relative;/* needed for i.e.
    left:-50%;  /* made these into their own class*/
    display:block;
}
/* Safari CSS Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
			a.fancybutton2 {height:18px;}
		}
a.centered, div.centered
{
    position:relative;
    left:-50%;
}

a.fancybutton span {
    background: transparent url('../images/fb_buttonleft.png') no-repeat;
    line-height: 15px;
    padding: 7px 0 7px 18px;
    color:White;
    font-weight:bold;
    font-size:13px;
  /*  float:left;*/
  display:block;
}

a.fancybutton2 span {
    background: transparent url('../images/op_btn_left.gif') no-repeat;
    line-height: 6px;
    padding: 5px 0 6px 10px;
    color:White;
    font-weight:bold;
    font-size:11px;
  /*  float:left;*/
  display:block;
}

a.fancybutton span:hover
{
  /*cursor:pointer; cursor:hand;*/
}

a.fancybutton2 span:hover
{
  /*cursor:pointer; cursor:hand;*/
}

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

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

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

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