/*********************************************************************
* This script has been released with the aim that it will be useful.
* Written by Vasplus Programming Blog
* Website: www.vasplus.info
* Email: info@vasplus.info
* All Copy Rights Reserved by Vasplus Programming Blog
***********************************************************************/



/*General Pop-up Background*/
#vpb_pop_up_background {
    display: none;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    position: fixed;
    z-index: 99999999;
}


/*Sign Up Box*/
#vpb_signup_pop_up_box {
    display: none;
    width: 420px;
    border: solid 1px #000;
    background-color: #FFF;
    box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    top: 20%;
    right: 30%;
    position: fixed;
    z-index: 9999999999;
}

/*Login Box*/
#vpb_login_pop_up_box {
    display: none;
    width: 420px;
    border: solid 1px #000;
    background-color: #FFF;
    box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    top: 20%;
    right: 38%;
    position: fixed;
    z-index: 9999999999;
}


/*Textarea Boxes and Input Boxes Style*/
.vpb_textAreaBoxInputs {

    width: 390px;
    height: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #6CF;
    outline: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    line-height: 20px;
}

    .vpb_textAreaBoxInputs:focus {
        outline: none;
        border: 1px solid #6CF;
        box-shadow: 0 0 10px #6AB5FF;
        -moz-box-shadow: 0 0 10px #6AB5FF;
        -webkit-box-shadow: 0 0 10px #6AB5FF;
    }



/*Vasplus Button*/
.vpb_general_button {
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border:none;
   /* border: 2px solid #63a62f;*/
    box-shadow: 0 2px 3px #666666;
    -moz-box-shadow: 0 2px 3px #666666;
    -webkit-box-shadow: 0 2px 3px #666666;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 -1px 0 #4c9021;
    /*min-width: 70px;*/
    width: auto;
    padding: 9px;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 7px;
    text-decoration: none;
    float: left;
    margin-right: 10px;
}

    .vpb_general_button:hover {
        background-color: #76b347;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
        background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
        background-image: linear-gradient(top, #76b347, #5e9e2e);
        box-shadow: 0 2px 3px #666666;
        -moz-box-shadow: 0 2px 3px #666666;
        -webkit-box-shadow: 0 2px 3px #666666;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        cursor: pointer;
    }
