/*
 * 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 */
.simplemodal-data {border: 1px solid #DDDDDD;}
#contact-container {font: 16px/22px Times New Roman, serif; text-align:left; width:450px;}
#contact-container .contact-content {background-color:#fff; color:#ddd; height:40px;}
#contact-container h1 {color: #333333; font-size:16px; line-height:20px; color: #3D3D3D; margin:0 0 20px 0; font-weight: normal; padding:0 0 15px 30px; text-align:left; text-transform: uppercase;background-color: #E2E2E2;}
#contact-container .contact-loading {background:url(../images/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center;font:12px/22px arial,helvetica,clean,sans-serif;color: #666;padding: 0 0 20px 0}
#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0 30px;}
#contact-container label {clear:left; display:block; float:left; font:12px/22px arial,helvetica,clean,sans-serif; color: #333; padding-right:4px; margin:2px;  text-align:right; width:100px;}
#contact-container .contact-input {background:#fff; border:1px solid #D7D6D6;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; font-family: arial,helvetica,clean,sans-serif; color: #999999; float:left; padding: 10px 13px; margin: 5px 0; width:360px;}
#contact-container textarea {height:114px;}
#contact-container input[type=checkbox] {margin: 2px 5px 2px 0;float: left;}
#contact-container .contact-cc {cursor:default; font: 12px/20px arial,helvetica,clean,sans-serif; color: #999999; vertical-align:top; float: left;}
#contact-container .contact-top {background-color:#E2E2E2; height:13px; margin:0; padding:0;}
#contact-container .contact-bottom {background-color:#E2E2E2; font-size:12px; height:5px; line-height:12px; text-align:center;}
#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-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#DFDFDF; border:0; color:#FFF; cursor:pointer; font: bold 14px/34px arial,helvetica,clean,sans-serif;margin: 5px 0 0 10px; padding: 0 30px; text-align:center; vertical-align:middle;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#contact-container .contact-button:hover {color:#FFF;font-weight: bold;background: #6AD3F6;}
#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:12px; top:12px;}
#contact-container a.modal-close:hover {color:#ccc;}