.button {
    display: block;
    height: 25px; line-height: 25px;
    background-color: #f7d900;
    font-weight: bold;
    /* white space is smaller now margin-right: 5px;*/
    text-decoration: none ! important;
    color:#000 !important;
    text-transform: uppercase;
    text-align: center;
    float:left;
    margin-right:7px;
}

.button strong a:hover,
.button strong a.hover,
.button a strong :hover,
.button a strong.hover,
.button a.hover strong,
.button strong:hover,
.button strong.hover
{
    color:#000;
}


.button.disabled
{
    background-color: #efefef;
}

.button.active
{
    background-color: #d8d8d8;
}

.button.gray
{
    background-color: #d8d8d8;
}

/* button right background */
.button strong {
    display: block;
    padding:  0 30px 0 23px;
    margin-left: 8px;
}

.button.forward strong {
    background: url("../../images/layout/public/buttons/btn-arrow.png") no-repeat scroll left center transparent;
}

.button.backward strong {
    background: url("../../images/layout/public/buttons/btn-arrow-back.png") no-repeat scroll left center transparent;
}

.button.disabled strong:hover,
.button.disabled strong.hover
{
    cursor:default;
}

.button.disabled.forward strong:hover,
.button.disabled.forward strong.hover
{
    color:#000;
    cursor:default;
}


.button.first strong:hover,
.button.first strong.hover
{
    cursor:default;
}

/* submit button */


.submitbutton input {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin: 0;
}
.submitbutton { cursor: pointer; float: left; margin: 0; /*background: url('../../images/layout/public/buttons/button-right-bg.png') no-repeat right; */}
.submitbutton.disabled { /* background: url('../../images/layout/public/buttons/button-right-bg-off.png') no-repeat right; */}
/*.submitbutton.active { background: url('../../images/layout/public/button/button-right-bg-blue.png') no-repeat right; }*/
.submitbutton input { cursor: pointer; border: none; margin: 0 23px 0 0; font-weight: bold; }
.submitbutton input, .submitbutton input:active { padding: 0 0 0 23px; }

/* button: backward */

.button.backward, .submitbutton.backward input { float: left; padding-left: 0;  }
/*.button.disabled.backward, .submitbutton.disabled.backward input { background: url('../../images/layout/public/buttons/button-left-bg-flash.png') no-repeat; }
.button.active.backward, .submitbutton.active.backward input { background: url('../../images/layout/public/buttons/button-left-bg-flash.png') no-repeat; }
*/
.submitbutton.backward input { padding-left: 34px; }


/* button: forward */
.button.forward, .submitbutton.forward { float: right; }
.button.forward strong, .submitbutton.forward { /*background: url('../../images/layout/public/buttons/button-right-bg-arrow.png') no-repeat right;*/ padding-right: 30px; }
/*.button.disabled.forward strong, .submitbutton.disabled.forward { background: url('../../images/layout/public/buttons/button-right-bg-flash-off.png') no-repeat right; color: #fff ! important; }
.button.active.forward strong, .submitbutton.active.forward { background: url('../../images/layout/public/buttons/button-right-bg-flash.png') no-repeat right; }*/
.submitbutton.forward { padding-right: 10px; }
.submitbutton.forward input { padding-right: 0px; }

.box .button strong, .box .submitbutton.forward {/* background: url('../../images/layout/public/buttons/button-right-bg-arrow-white.png') no-repeat right;*/ padding-right: 30px; }


/* previous and next buttons */
.button.previous
{
  /* background:url('../../images/layout/public/buttons/button-left-bg-first.png') no-repeat;*/
   float:left;
}

.button.next
{
    /*background:url('../../images/layout/public/buttons/button-left-bg.png') no-repeat;*/
    float:right;
}

.button.next strong
{
    /*background:url('../../images/layout/public/buttons/button-right-bg.png') no-repeat right;*/
    padding:0 23px;
    color:#000;
}

.button.previous strong
{
    /*background:url('../../images/layout/public/buttons/button-left-bg-arrow.png') no-repeat left;*/
    padding:0 23px 0 36px;
    color:#000;
}

.button.next strong:hover, .button.previous strong:hover
{
    color:#fff;
}

.button_container
{
    float:right;
    width:350px;
    margin-right:50px;
}
