@media(max-width:1500px) {

    #Background_Place {
        width: 1500px !important;
        height: auto !important;
        position: relative !important;
        margin: auto !important;
    }

    #SignUpBody {
        background-size: cover !important;
    }
}

@media(max-width:600px) {

    #RegisterPanel {
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 300px !important;
        min-width: 300px !important;
    }
}


@media(max-width:340px) {

    #RegisterPanel {
        width: 90% !important;
        min-width: 290px !important;
        padding: 2px !important;
    }


    .UserInformationText, fieldset {
        width: 95% !important;
    }

    #btnRegister {
        width: 95% !important;
    }
}

#SignUpBody {
    /*border: 1px solid #4cff00;*/
    width: 100%;
    height: auto;
    direction: rtl;
    background-color: #91d8f4;
    background-image: url("../Pictures/SignUPPictuers/SignUP_Background.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    overflow: hidden !important;
    margin: 0px;
    padding: 0px;
}

#Background_Place {
    width: 100%;
    height: auto;
    opacity: 0;
    margin: 0px;
    padding: 0px;
}


#RegisterPanel {
    position: absolute;
    top: 110px;
    right: 15%;
    width: 400px;
    min-width: 400px;
    height: auto;
    background-color: #f7fbfe;
    /*border: 1px solid #eaac00;*/
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    direction: rtl;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
}


#SignupHeader {
    width: 80%;
    position: relative;
    margin: auto;
    height: auto;
    font-family: Tahoma;
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    text-align: right;
}

    #SignupHeader b {
        color: #ed1b2e;
    }

#imgWaiting {
    position: relative;
    display: block;
    margin: 0px auto 0px auto;
    padding: 0px;
    visibility: hidden;
}


.UserInformationText, fieldset {
    width: 280px;
    display: block;
    position: relative;
    margin: 10px auto 10px auto;
    border: 1px solid #d0d3d8;
    font-family: Tahoma;
    font-size: 15px;
    font-style: normal;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

#UserMobile, #UserEmail, #LoginMobile, #UserPassword, #UserReEnterPassword {
    direction: ltr;
}

#btnRegister {
    width: 290px;
    display: block;
    position: relative;
    margin: 10px auto 10px auto;
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
    background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #268a16;
    cursor: pointer;
    color: #000000;
    font-family: Tahoma;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffee66;
}

    #btnRegister:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
        background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
        background-color: #5cb811;
    }

    #btnRegister:active {
        position: relative;
        top: 1px;
    }

.UserInformationText {
    background-color: #ffffff;
    color: black;
}

fieldset {
    height: auto;
    color: gray;
    padding: 0px 5px 8px 5px;
    margin: 0px auto 0px auto;
    text-align: right;
}

.fieldsetDiv {
    text-align: center;
}


.RadioLabelGender {
    color: black;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: normal;
    margin: 0px 2px 0px 2px;
}

#RegisterWarning {
    width: 100%;
    height: 15px;
    min-height: 15px;
    display: block;
    color: red;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
}

.btnHelpToLogIn {
    background-color: red;
    visibility: hidden;
    display: none;
}

.WarningClass {
    background-color: #fffed0 !important;
}

.DisabledClass {
    pointer-events: none !important;
    opacity: 0.5;
    cursor: not-allowed;
}

.VisibleClass {
    visibility: visible !important;
}











/*background-image: url(../Images/website_Image/Wheat.png));
    background-repeat: no-repeat;
    background-position: top;*/


























/*#btnRegister {
    width: 290px;
    display: block;
    position: relative;
    margin: 10px auto 10px auto;
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
    background: -moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
    background: -webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
    background: -o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
    background: -ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
    background: linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
    background-color: #63b8ee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #3866a3;
    cursor: pointer;
    color: #14396a;
    font-family: Tahoma;
    font-size: 15px;
    font-style: normal;
    padding: 5px 0px 5px 0px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #7cacde;
}

    #btnRegister:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
        background: -moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background: -webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background: -o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background: -ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
        background: linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
        background-color: #468ccf;
    }

   #btnRegister:active {
        position: relative;
        top: 1px;
    }*/

/*#btnRegister {
    width: 290px;
    display: block;
    position: relative;
    margin: 10px auto 10px auto;
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
    box-shadow: inset 0px 1px 0px 0px #caefab;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
    background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
    background-color: #77d42a;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #268a16;
    cursor: pointer;
    color: #306108;
    font-family: Tahoma;
    font-size: 15px;
    font-style: normal;
    padding: 5px 0px 5px 0px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #aade7c;
}

    #btnRegister:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
        background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
        background-color: #5cb811;
    }

    #btnRegister:active {
        position: relative;
        top: 1px;
    }*/