/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 164 2008-12-02 23:31:54Z emartin24 $
 *
 */

body {height:100%; margin:0; padding:0; width:100%;}

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

/* Container */
#contact-container {color:#e9f4ff; font-family:Arial, Helvetica, sans-serif; text-align:left; width:380px;}

#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {border:none; color:#fff; font-size:15px; font-weight:bold; position:absolute; right:10px; top:4px; text-decoration:none;}
#contact-container a.modalCloseX:hover {color:#bcddff;}

#contact-container .contact-content {-moz-border-radius:10px; -moz-box-shadow:0 0 30px rgba(0,0,0,0.5); -webkit-border-radius:10px; -webkit-box-shadow:0 0 30px rgba(0,0,0,0.5); background:url(images/modal-top.png) top repeat-x, url(images/modal-bottom.png) bottom repeat-x; background-color:#4d7eb4; height:40px; padding:12px 0 0 15px;}
#contact-container .contact-title {color:#fff; font-size:17px; font-weight:normal; margin:0; padding:5px 0 20px 0; text-align:left;}

#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {-moz-border-radius:3px; -webkit-border-radius:3px; background:#163f6c; color:#ff0; font-size:11px; font-weight:bold; padding:2px; width:340px;}

#contact-container br {clear:both;}
#contact-container form {padding:0; margin-left:5px;}

#contact-container label {margin-left:10px;}
#contact-container .contact-input {background:url(images/modal-text.png) no-repeat; border:none; color:#1b4776; float:left; font-family:Arial, Helvetica, sans-serif; height:23px; outline:none; padding-left:5px; margin-bottom:10px; width:235px;}
#contact-container .contact-textarea {background:url(images/modal-textarea.png) no-repeat; border:none; color:#1b4776; font-family:Arial, Helvetica, sans-serif;  float:left; height:80px; margin-bottom:15px; outline:none; padding:6px; resize:none; width:288px;}

#contact-container .contact-button {-moz-border-radius:8px; -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5); -webkit-border-radius:8px; -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5); -webkit-transition-property:color; -webkit-transition-duration:.25s; background:url(images/modal-button.png) repeat-x; border:none; color:#fff; cursor:pointer; font-size:12px; font-weight:bold; height:24px; margin-right:3px; text-align:center;}
#contact-container .contact-button:hover {color:#bcddff;}
#contact-container .contact-send {width:70px;}
#contact-container .contact-cancel {width:85px;}

#contact-container .contact-instructions {padding-left:100px; margin-left:5px;}