/*
 * 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; z-index: 5555;}

/* Container */
#contact-container {font: 16px/22px Arial; text-align:center; width:430px; height: 890px; margin: 0 auto;}
#contact-container .contact-content {background-color:#FFFFFF; color: #969299; overflow: hidden; width: 430px; height: 860px; margin: 0 auto;}
#contact-container h1 {color:#969299; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 6px; text-align:center;}
#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 50px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {color: #FF0000; text-align:center; width: 420px; height: 50px; margin: 0 auto; text-align: center;}
#contact-container .contact-error {color: #FF0000; background:#FFFFFF; border:0px; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:420px; text-align: center; position: relative;}
#contact-container br {clear:both;}
#contact-container form {margin:0 auto; padding:0; text-align: left;}
#contact-container label {/*cdisplay:block; */font-weight:bold; text-align:left; width:100px; vertical-align: text-top;}
#contact-container .contact-input {background:#eee; border:1px solid #000000; font-family: Arial, Helvetica, sans-serif; padding:2px; margin:5px; width:320px; height:18px; /*vertical-align:middle;*/}
#contact-container textarea {height:100px;}
#contact-container .contact-input-message {background:#eee; border:1px solid #000000; font-family: Arial, Helvetica, sans-serif; padding:2px; margin:2px; width:320px; height:80px; padding-bottom: 10px; vertical-align: text-top;}
#contact-container textarea {height:100px; resize:none;}
#contact-container .contact-cc {font-weight:bold; font: 16px/22px Arial; font-family: Arial, Helvetica, sans-serif; position: relative; left: 0px; cursor:default; font-size:14px; vertical-align:top; height: 3px; width: 3px; text-align: left;}
#contact-container .contact-top {background-color:#FFFFFF; height:15px; 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:#FFFFFF; font-size:12px; height:20px; line-height:18px; text-align:center; -webkit-border-bottom-right-radius:9px; -webkit-border-bottom-left-radius:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-bottomleft:9px; border-radius:0 0 9px 9px;}
#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:#A0CC20; border:0; color:#969299; cursor:pointer; font-size:16px; font-weight:bold; height:26px; width: 150px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#66CC33;}
#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;}