/*
 * 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 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

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

/* Container */
#contact-container { text-align: left; width: 450px; }
#contact-container .contact-content {
	color: #ddd; height: 40px; padding: 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #000 0px 0px 50px;
	-moz-box-shadow: #000 0px 0px 50px;
	box-shadow: #000 0px 0px 50px;
	background: #E3E3E3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3E3E3), to(#FFFFFF));
	background: -moz-linear-gradient(#E3E3E3, #FFFFFF);
	background: linear-gradient(#E3E3E3, #FFFFFF);
	-pie-background: linear-gradient(#E3E3E3, #FFFFFF);
	behavior: url(PIE.htc); }
#contact-container h1 { color: #333; font-size: 20px; line-height: 20px; margin: 0; padding: 0 0 5px 10px; text-align: left; }
#contact-container .contact-loading { background: url(../img/contact/loading.gif) no-repeat; height: 16px; margin: 0 0 0 225px; position: absolute; width: 16px; z-index:8000; }
#contact-container .contact-message { color: #C00; font-size: 12px; font-weight: bold; line-height: 18px; text-align: center; }
#contact-container .contact-error { background: #C00; color: #FFF; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0 auto; padding: 2px; width: 94%; }
#contact-container br { clear:both; }
#contact-container form { margin:0; padding: 10px 0 0 0; }
#contact-container label { clear: left; color: #333; display: block; float: left; font-size:14px; font-weight: bold; line-height: 22px; margin: 2px 0 0 0; padding: 0 10px 0 0; text-align: right; width: 94px; }
#contact-container .contact-input { background: #fff; border: 1px solid #CCC; float: left; padding: 2px; margin: 2px; width: 300px; }
#contact-container textarea { height:114px; }
#contact-container .contact-cc { color: #333; cursor: default; font-size: 12px; line-height: 18px; margin-top: 2px; padding-top: 2px; vertical-align: top; }
#contact-container .contact-button { background: #999; border: 0; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; height: 26px; margin: 4px 0 0 4px; text-align: center; vertical-align: middle; }
#contact-container .contact-button:hover { background: #C00;}
#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: 5px; }
#contact-container a.modal-close:hover { color: #ccc; }