﻿#contact_form_holder
{
    font-family: 'Verdana'; /* this is a nice font-family, at least i think, if you don't like it change it <img src="http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley">  */
    font-variant: small-caps; /* making the small letter looks like capital but keeping the size of it to smaller, looks cool */
    width: 250px; /* setting a fixed width of the contact form holder will make things easier later (like aligning and such) */
}
#contact_form_holder input, #contact_form_holder textarea
{
    width: 100%; /* make all the inputs and the textarea same size (100% of the div they are into) */
    font-family: inherit; /* we must set this, so it inherits the font-family */
    padding: 5px; /* and make a custom padding, you can set whatever you like */
}
#contact_form_holder textarea
{
    height: 100px; /* i never liked small textareas, so make it 100px in height */
}
#send_message
{
    width: 200px !important; /* the width of the submit button  */
    font-variant: small-caps; /* nicer font-variant (like explained before) */
    border: 1px solid black; /* remove the default border and put a normal black one */
    cursor: pointer;
    cursor: hand;
}
#cf_submit_p
{
    text-align: right;
}
/* show the submit button aligned with the right side */

/* styling */

.error
{
    display: none; /* hide the errors */ /* add some styling */
    padding: 10px;
    color: #D8000C;
    font-size: 12px;
    background-color: #FFBABA;
}
.success
{
    display: none; /* hide the sucess div */ /* add some styling */
    padding: 10px;
    color: #044406;
    font-size: 12px;
    background-color: #B7FBB9;
    text-align: center;
}

#contact_logo
{
    vertical-align: middle;
    float:right;
}
.error img
{
    vertical-align: top;
}


/* Contact form */

 
#contact-form label {display:block; min-height:41px; overflow:hidden;position: relative;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-right:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty { color:red; font-size:11px; clear:both;  left: 0;top: 5px;}
#contact-form .buttons2 {overflow:hidden;text-align:left; position:relative; clear:both; padding:10px 5px 5px; background-image: background-image:url('../images/gold.jpg');}
#contact-form .buttons2 a {
	cursor:pointer;
	text-align:center;
}
#contact-form .buttons2 a:hover{text-decoration: underline }
#contact-form span{ display:block; margin: 0px 10px 0 0;}