::-webkit-input-placeholder { /* WebKit browsers */
    color: #11102b;
    font-weight: bold;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #11102b;
    opacity: 1;
    font-weight: bold;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #11102b;
    opacity: 1;
    font-weight: bold;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #11102b;
    font-weight: bold;
}

body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: Arial;
    background: #000000;
    color: #ffffff;
}

.header
{
    height:100px;margin:0 auto;background-color:#ffffff;text-align:center;
}

h1, h2, h3, table, div, ul, li {
    direction: rtl;
    margin: 0;
    padding: 0;
    text-align: right;
}

a {
    border: none;
    outline: none;
}

.page-box {
    width: 980px;
    height: 855px;
    margin: 0 auto;
    position:relative;
}

    .bdy_once
    {
        background-image: url(../images/web/once.jpg);
        background-repeat:no-repeat;
        background-position:center 100px;
    }

    .bdy_default {
        background-image: url(../images/web/default.jpg);
        background-repeat:no-repeat;
        background-position:center 100px;
    }

    .bdy_quiz {
        
        background-image: url(../images/web/quiz.jpg);
        background-repeat:no-repeat;
        background-position:center 100px;
        
        /*background-color:#000000;*/
    }

    .bdy_thank
    {
        background-image: url(../images/web/thank.jpg);
        background-repeat:no-repeat;
        background-position:center 100px;
    }

/* ========================================================== */

.default-form {
    position: relative;
}

.default .inpt {
    width: 186px;
    height: 20px;
    border: 1px solid #a0a0a0;
    outline: none;
    position: absolute;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    top: 780px;
    width: 180px;
    padding-right:7px;
}

/* one line */

.inpt.fname {
    right: 20px;
}

.inpt.lname {
    right: 240px;
}

.inpt.email {
    right: 455px;
}

.inpt.phone {
    right: 670px;
}

.default-form .send-btn {
    left: 35px;
    position: absolute;
    top: 775px;
    cursor:pointer;
}

.terms {
    right: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 815px;
    vertical-align: middle;
    font-family:Arial;
    font-size:14px;
    color:#ffffff;
}

.terms a {
   color:#ffffff;
}

#video {
  width: 443px;
  height: 266px;
  position: absolute;
  left: 51px;
  top: 340px;
}

/* ========================================================== */
.quiz {
    position: relative;
    height:570px;
}

    .quiz h3 {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.1;
        height: 20px;
    }

    .quiz ul {
        float: right;
        list-style: none;
        margin-top: 0px;
        margin-right: 20px;
    }

        .quiz ul li {
            width: 260px;
            height: 125px;
            float: right;
            margin-right: 55px;
            margin-top: 57px;
        }

    .quiz label {
        direction: rtl;
        white-space: nowrap;
    }

    .quiz ul li input {
        margin: 0;
        padding: 0;
        vertical-align: middle;
        margin-left: 10px;
        float: right;
    }

.quiz-btn {
    display: block;
    position: absolute;
    left: 34px;
    top: 457px;
    cursor:pointer;
}

.answer {
    line-height: 14px;
    display: block;
    margin: 5px 5px 0 0;
    color:#000000;
}

    .answer td
    {
        text-align:right;
        padding-top:10px;
    }

    .answer th
    {
        text-align:right;
        padding-top:10px;
        line-height:20px;
    }