/*-------------------------------------------------------------------------------------*/
.buttonwrapper
{
    overflow:           hidden;
    width:              100%;
}
/*-------------------------------------------------------------------------------------*/
a.boldbuttons_red
{
    background:         transparent url('images/roundedge-red-left.gif') no-repeat top left;
    display:            block;
    float:              left;
    font:               bold 13px Arial; /* Change 13px as desired */
    text-decoration:    none;
    height:             30px; /* Height of button background height */
    line-height:        22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
    padding-left:       8px;  /* Width of left menu image */
}
a.boldbuttons_red   span
{
    background:         transparent url('images/roundedge-red-right.gif') no-repeat top right;
    display:            block;
    padding:            4px 10px 4px 2px; /* Set 10px to be equal or greater than'padding-left' value above */
}
a:hover.boldbuttons_red
{
    text-decoration:    underline;
}
a:link.boldbuttons_red,
a:visited.boldbuttons_red,
a:hover.boldbuttons_red,
a:active.boldbuttons_red
{
    color:              white; /* button text color */
}
/*-------------------------------------------------------------------------------------*/
a.boldbuttons_blue
{
    background:         transparent url('images/roundedge-blue-left.gif') no-repeat top left;
    display:            block;
    float:              left;
    font:               bold 13px Arial; /* Change 13px as desired */
    text-decoration:    none;
    height:             30px; /* Height of button background height */
    line-height:        22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
    padding-left:       8px;  /* Width of left menu image */
}
a.boldbuttons_blue  span
{
    background:         transparent url('images/roundedge-blue-right.gif') no-repeat top right;
    display:            block;
    padding:            4px 10px 4px 2px; /* Set 10px to be equal or greater than'padding-left' value above */
}
a:hover.boldbuttons_blue
{
    text-decoration:    underline;
}
a:link.boldbuttons_blue,
a:visited.boldbuttons_blue,
a:hover.boldbuttons_blue,
a:active.boldbuttons_blue
{
    color:              white; /* button text color */
    border:             none;
    outline:            none;
}
/*-------------------------------------------------------------------------------------*/
