@charset "utf-8";
/*
 *Contact Form CSS Document
 *Created By Jamie Cookson
 *Last edited 25/01/2013
 */

#contact-form input,  
#contact-form select,  
#contact-form textarea,  
#contact-form label {  
    font-size:15px;  
    margin-bottom:2px;  
    background: #EEE;
}  
#contact-form input,  
#contact-form select,  
#contact-form textarea {  
    width:460px;  
    border: 1px solid #831987;  
    margin-bottom:5px;  
    padding:4px;  
    font-style: italic;
}  
#contact-form input:focus,  
#contact-form select:focus,  
#contact-form textarea:focus {  
    border: 1px solid #831987;  
    background-color: #FFF;  
	color:#000;
	font-style: normal;
	box-shadow: inset 0px 0px 10px #000;
}  
#contact-form textarea {  
    height:250px;  
    resize: none;  
    background-image: url(../img/text-back.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}  
#contact-form .required {  
    font-weight:bold;  
    color:#F00;  
}  
#contact-form #submit-button {  
    width: 100px;  
    color:#FFF;   
    display:block;  
    background-color: #831987;  
	margin:0px auto;
}  
#contact-form #submit-button:hover {  
    background-color: #cc7bff;  
    color: #FFF;
}  
input:required, textarea:required {  
    -moz-box-shadow:none;  
    -webkit-box-shadow:none;  
    -o-box-shadow:none;  
    box-shadow:none;  
} 
::-webkit-input-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
input:-moz-placeholder, textarea:-moz-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
input.placeholder-text, textarea.placeholder-text  {  
    color:#CCC;  
    font-style:italic;  
}  






/*
    <div id="contact-form">
        <form method="post" action="form2mail.php">
            <p>Name:<br>
            <input type="text" id="name" name="name" value="" placeholder="John Doe" required autofocus/></p>
            
            <p>Email Address:<br>
            <input type="email" id="email" name="email" value="" placeholder="johndoe@example.com" required /></p> 
            
            <p>Message:<br>
            <textarea id="message" name="message" placeholder="Your message must be greater than 20 charcters" required data-minlength="20"></textarea></p>

            <input type="submit" value="Submit" id="submit-button" />
        </form>
    </div>
*/