@font-face {
    font-family: 'B Yekan';
    src: url('fonts/BYekan.eot?#') format('eot'), /* IE6–8 */
    url('fonts/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('fonts/BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

body {
    background-color: #FFFFFF;
}

#masterHeadUp {
    background-image: url(_images/hdup.jpg);
    background-repeat: no-repeat;
    height: 22px;
    width: 955px;
    clear: both;
    float: none;
}

#masterHeadMiddle {
    background-image: url(_images/hdmd.jpg);
    background-repeat: no-repeat;
    height: 44px;
    width: 955px;
    clear: both;
    float: none;
}

    #masterHeadMiddle div.title {
        width:100%;
        direction: rtl;
        color: #004495;
        font-family: 'b yekan', sans-serif;
        font-size: 1.05em;
        display: inline-block;
        text-align: center;
    }

#masterHeadDown {
    background-image: url(_images/hddn.jpg);
    background-repeat: no-repeat;
    height: 22px;
    width: 955px;
    clear: both;
    float: none;
    padding-top: 22px;
}
/* -- steps -- */
#pbar {
    margin: 0;
    height: 22px;
    font-size: 10px;
    line-height: 18px;
}

    #pbar table {
        direction: rtl;
    }

#progressBar p {
    font-family: Tahoma;
    padding: 2px 0;
    text-align: center;
    font-size: 12px;
}

#step_0 p {
    padding: 2px 0;
}

#steps {
    background-color: #cdcdcf;
    padding: 0px 1px 0px 1px;
}

.arrow_0 {
    background: #c7c8cc url("_images/pri.jpg") no-repeat;
    width: 18px;
}

.step_pass {
    background-color: #cdcdcf;
    color: #000000;
    text-align: center;
}

    .step_pass p {
        padding: 2px 0;
    }

.arrow_passb {
    background: #e2cda9 url("_images/pri.jpg") no-repeat;
    width: 18px;
}

.arrow_passf {
    background: #e2cda9 url("_images/prai.jpg") no-repeat;
    width: 18px;
}

.step_active {
    background-color: #ffd105;
    color: #004495;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

    .step_active p {
        padding: 2px 0;
    }

.arrow_activeb {
    background: #e2cda9 url("_images/prai.jpg") no-repeat;
    width: 18px;
}

.arrow_activef {
    background: #e2cda9 url("_images/pra.jpg") no-repeat;
    width: 18px;
}
/* --- */
.step_inactive {
    background-color: #e2cda9;
    color: #FFFFFF;
    text-align: center;
}

    .step_inactive p {
        padding: 2px 0;
    }

.arrow_inactive {
    background: #e2cda9 url("_images/pri.jpg") no-repeat;
    width: 18px;
}

/* -- End steps -- */

#regBox .boxLeft {
    background: url(_images/hbx-left6.jpg) no-repeat 0 0;
    width: 6px;
    height: 29px;
    float: left;
    position: static;
}

#regBox .boxCenter1 {
    background: url(_images/hbx-bg6.jpg) repeat-x 0 0;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 23px;
    padding-top: 6px;
    padding-right: 10px;
    width: 728px;
    font-family: tahoma;
    font-size: 11px;
    text-align: right;
}

#regBox .boxCenter {
    background: url(_images/hbx-bg6.jpg) repeat-x 0 0;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 23px;
    padding-top: 6px;
    padding-right: 10px;
    width: 900px;
    font-family: tahoma;
    font-size: 11px;
    text-align: right;
}

#regBox .boxRight {
    background: url(_images/hbx-right6.jpg) no-repeat 0 0;
    width: 6px;
    height: 29px;
    float: left;
}

.cssbtn {
    background: transparent url(_images/reg_gradients.jpg) repeat-x scroll 0 0;
    border: 1px solid #d22626;
    font-weight: bold;
    font-size: 13px;
    height: 38px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 10px;
    cursor: pointer;
    width: 125px;
    border-radius: 2px;
}