/* Add curved borders to various elements */

#contactForm, .statusMessage, input[type="submit"], input[type="button"] {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
}


/* Style for the contact form and status messages */

#contactForm, .statusMessage {
  color: #666;
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}


/* The form dimensions */

#contactForm {
    height: 496px;
    margin: 0 auto;
    width: 511px;
	
/*	position: absolute;*/
    border-radius: 5px;
    background: #fff;
 /*   display: none;*/
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    font-family: Arial, sans-serif;
    z-index: 9999999;
    font-size: 14px;
}


/* Position the form in the middle of the window (if JavaScript is enabled) */

#contactForm.positioned {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  background: url("../img/back-form.png");
  z-index: 999999;
  
}


/* Dimensions and position of the status messages */

.statusMessage {
  display: none;
  margin: auto;
  width: 500px;
  height: 100px;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}


/* The header at the top of the form */

#contactForm h2 {
    color: #B80000;
    font-family: arial;
    font-size: 21px;
    margin: 20px 0 15px 30px;
    width: 476px;
}


/* Give form elements consistent margin, padding and line height */

#contactForm ul {
  list-style: none;
  margin: 0 20px;
  padding: 0;
}

#contactForm ul li {
  margin: 5px 0 0;
  padding: 0;
}


/* The field labels */

#contactForm label {  
   font-family: arial;
   font-size: 19px;
   font-weight: bold;
   line-height: 30px;
}

#contactForm label span{ color:#cf4243;}


/* The fields */

#contactForm input, #contactForm textarea {
  display: block;
  margin: 0;
  padding: .4em;
  width: 450px;
 /* font-family: "Georgia", serif;*/
  font-size: 1em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  background: #fff;
}

#contactForm textarea {
    height: 100px;
    line-height: 10px;
    resize: none;
}


/* Place a border around focused fields, and hide the inner shadow */

#contactForm *:focus {
  border: 1px solid #66f;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}


/* Display correctly filled-in fields with a green background */


#contactForm span{
	font-family: arial;
    font-size: 10px;
    font-weight: bold;
}

#contactForm label span{font-size: 19px;}


/* The Send and Cancel buttons */

#contactForm input#sendMessage {
    background: none repeat scroll 0 0 #FF0000;
    color: #FFFFFF;
    float: right;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    margin: 10px 20px 0 0;
    width: 110px;
}

#contactForm input[type="submit"]:hover,
#contactForm input[type="submit"]:active,
#contactForm input[type="button"]:hover,
#contactForm input[type="button"]:active {
  cursor: pointer;
  opacity: 1;
}


input#cancel {
    background-color: #E8E7E7;
    color: #000000;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
	
}

#blackout {
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 999990;
    left: 0;
    display: none;
}


/* Header/footer boxes */


.text-info{ margin: 10px 185px 10px 20px; }
.text-info p {
	font-family: arial;
    font-size: 14px;
	text-align: center;
}

p.formfooter{
	color: #000000;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin: 0 20px;
}

#failureMessage p, #successMessage p, #sendingMessage p {font-size: 28px;}