/* Style sheet: feedback_form.css */

/* STYLING FOR feedback-form */

form.feedback-form
{   /* Coding for form and input elements from website: www.threestyles.com/tutorials/css3-login-form-tutorial/ */
    width: 180px;
    height: 200px;
    padding-top: 10px;
    padding-bottom: 10px;
    /* border: 2px solid rgb(220,220,220); */
 
    /* Adding in CSS3 */
 
    /* Rounded Corners */
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
 
    /* Background Gradient - 2 declarations one for Firefox and one for Webkit */
    /* background:  -moz-linear-gradient(19% 75% 90deg,rgb(230,230,230), rgb(200,200,200)); */
    /* background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(230,230,230), to(rgb(200,200,200)); */
 
    /* Shadow behind the box */
    /* -moz-box-shadow:0px -5px 300px #270644; */
    /* -webkit-box-shadow:0px -5px 300px #270644; */
}
.feedback-form p
{   /* font-family: Calibri, Gill, sans-serif; */
    font-size: 80%;
    padding-top: 5px;
    padding-left: 1px;
    padding-bottom: 2px;
    color: rgb(90,90,90);
}

.feedback-form input
{   /* width: 230px;
    background: #8a33c6; **/
    /* font-family: Calibri, Gill, sans-serif; */
    font-size: 80%;
    padding: 2px;
    /* margin-bottom: 6px; */
    /* border-top: 1px solid #ad64e0;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px; */
 
    /* Adding CSS3 */
 
    /* Transition Selectors - What properties to animate and how long */
    /* -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s; */
 
    /* Adding a small shadow */
    -moz-box-shadow: 0px 0px 1px rgb(200,200,200);
    -webkit-box-shadow: 0px 0px 1px rgb(200,200,200);
}
.feedback-form textarea
{   /* width: 230px;
    background: #8a33c6; **/
    /* font-family: Calibri, Gill, sans-serif; */
    font-size: 90%;
    padding: 2px;
    /* margin-bottom: 6px; */
    /* border-top: 1px solid #ad64e0;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px; */

    /* Adding CSS3 */

    /* Transition Selectors - What properties to animate and how long */
    /* -webkit-transition-property: -webkit-box-shadow, background;
    -webkit-transition-duration: 0.25s; */

    /* Adding a small shadow */
    -moz-box-shadow: 0px 0px 1px rgb(200,200,200);
    -webkit-box-shadow: 0px 0px 1px rgb(200,200,200);
}
#sender-name {font-size: 100%;}
#sender-email {font-size: 100%;}
#subject {font-size: 100%;}

#submitButton
{   width: 70px;
    color: #fff;
    float: right;
    /* text-transform: uppercase; */
    text-shadow: #000 1px 1px;
    border-top: 1px solid #ad64e0;
    margin-top: 25px;
 
    /* Adding CSS3 Gradients */
    /* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(RGB (148, 72, 3)), to(RGB (255, 225, 0))); */
    /* background:  -moz-linear-gradient(19% 75% 90deg,RGB (148, 72, 3, RGB (255, 225, 0); */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
    background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
}


/* STYLING FOR feedback response form */

table.feedback-response
{   color: rgb(100,100,100);
    font-family: Verdana, Tahoma, sans-serif;
    text-align: left;
}
.feedback-response td
{   text-align: left
    margin:0;
    padding: 5px 10px 10px 5px;
}