/* CSS magic for wizard and label components */


.rc_help{
}

.rc_help_understated{
    color: #373D41;
}


.rc_label{
    width: 13em;
}

.rc_label_text{
    font-weight: bold;
    float: right;
    text-align: right;
}

.rc_label_image{
    float: right;
}

.rc_required{
    color: #b70000;
}

.rc_value_range{
}

.rc_value_range_understated{
    color: #373D41;
}


.rc_wizard {
    position: relative;
    zoom: 1;
    margin: 0;
    padding: 0;
    line-height: 1.27em;
    border-color: #A3A3A3;
    color: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: black;
}


.rc_wizard hr{
}

.rc_wizard h2{
    color: #3C5687;
    float: left;
    margin-right: 10px;
}

.rc_wizard .rc_wizard_steps{
    /*
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;*/
    padding: 0;
    margin: 0;
    position: static;
    display: inline;
    display: -moz-inline-stack;
    width: auto;
}


.rc_wizard li.visited{
    background: transparent url('../images/arrow.gif') no-repeat scroll 0px 2px;
}

.rc_wizard li.selected{
    background: transparent url('../images/arrow.gif') no-repeat scroll 0px 2px;
}

.rc_wizard li.unvisited{
    background: transparent url('../images/arrow_gray.gif') no-repeat scroll 0px 2px;
}

.rc_wizard li{
    display: inline;
    vertical-align: bottom;
    text-align: left;
    padding: 0;
    zoom: 1;
    background: transparent url('../images/arrow_gray.gif') no-repeat scroll 0px 2px;
    padding: 1px 0 0;
    vertical-align: baseline;
    margin-right: 14px;
    padding-left: 20px;
    position: relative;
}


.rc_wizard .selected a {
    line-height: 1em;
    background: #D8D8D8 url('../images/sprite.png') repeat-x scroll left -1455px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: #373D41;
    border-style: solid;
    border-width: 0 1px;
    border-color: #A3A3A3;
    text-decoration: none;
    vertical-align: bottom;
}


.rc_wizard .selected a:hover, .rc_wizard .visited a:hover {
    background: #D8D8D8 url('../images/sprite.png') repeat-x scroll left -1445px;
    color: #FFFFFF;
}

.rc_wizard .selected a:focus, .rc_wizard .visited a:focus {
    background: #D8D8D8 url('../images/sprite.png') repeat-x scroll left -1455px;
}


.rc_wizard a:focus{
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

.rc_wizard .selected em{
    color: white;
}


.rc_wizard .visited a{
    border-style: solid;
    border-width: 0 1px;
    border-color: #8e8e8e;
    color: #8e8e8e;
    position: relative;
    text-decoration: none;
    line-height: 1em;
    display: inline-block;
    vertical-align: bottom;
}


.rc_wizard a{
    background: #D8D8D8 url('../images/sprite.png') repeat-x scroll 0 0;
    border-style: solid;
    border-width: 0px 1px;
    position: relative;
    text-decoration: none;
    line-height: 1em;
    display: inline-block;
    vertical-align: bottom;
}


.rc_wizard span.disabled{
    background: #D8D8D8 url('../images/sprite.png') repeat-x scroll 0 0;
    border-style: solid;
    border-width: 0px 1px;
    border-color: #8e8e8e;
    position: relative;
    text-decoration: none;
    line-height: 1em;
    display: inline-block;
    vertical-align: bottom;

}


.rc_wizard .selected em, .rc_wizard .visited em{
    color: #373D41; /*dark gray*/
}


.rc_wizard em{
    border-color: #A3A3A3;
    position: relative;
    border-style: solid;
    border-width: 1px 0 0;
    padding: 0.35em 0.75em;
    color: #8e8e8e;
    right: 0;
    left: 0;
    bottom: 0;
    top: -1px;
    display: inline-block;
    vertical-align: bottom;
}

.rc_receipt{
    text-align: right;
}

.rc_receiptHeader{
    text-align: right;
    font-weight: bold;
}

.rc_receiptFooter{
    text-align: right;
    font-weight: bold;
}

.rc_receiptColumn{
    text-align: right;
}

.rc_receiptColumnFinal{
    width: 15%;
}