/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 254 2010-07-23 05:14:44Z emartin24 $
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px; min-height: 315px !important; }
#contact-container .contact-content {background-color:#E7E7E7; color:#ddd; -webkit- border-radius: 0 0 8px 8px; -moz- border-radius: 0 0 8px 8px; -o- border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; padding-bottom: 15px; }
#contact-container h1 {color: #2e2e2e; font-size: 18px; line-height: 20px; margin: 0; padding: 0 0 6px 12px; text-align: left; text-decoration: none; font-family: lato, arial; font-weight: bold; background: url(../img/icone_newsletter.png) 18px 0 no-repeat; padding-left: 55px; margin-bottom: 10px; }
#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message { font-weight: normal; font-size: 13px; font-family: arial;}
#contact-container .contact-error {font-size: 11px; line-height: 18px; padding: 4px; width: 92%; margin: 9px 0 16px 11px !important; float: left !important; color: red; font-weight: normal; }
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px; color: #666; font-weight: normal; font-size: 13px; font-family: arial; margin-top: 8px; }
#contact-container .contact-input {background:white;border: 1px solid #D5D5D5; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:9px; margin:2px; width:300px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; font-family: arial; font-size: 12px !important; margin-bottom: 7px; }
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-top {background-color:#E7E7E7; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#contact-container .contact-bottom {background-color:#E7E7E7; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-button {background: #2E2E2E; border:0; color:#fff; cursor:pointer; font-size:14px; font-weight:bold; height:30px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding: 0 15px 15px 15px; text-shadow: none; font-family: arial; }
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#contact-container a.modal-close:hover {color:#ccc;}