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


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

#contact-container {width:650px; font-family:'Verdana'; font-size:12px; color:white;border:#E98483 1pt solid;opacity: 0.85;}
#contact-container .contact-content {BORDER-RIGHT: #878787 0pt solid; BORDER-TOP: #878787 0pt solid; BACKGROUND: #7F0000 0% 70%; FILTER: alpha(opacity=85);BORDER-LEFT: #878787 0pt solid; WIDTH: 100%; BORDER-BOTTOM: #878787 0pt solid;  height:40px;min-height:1%;height:auto;}
#contact-container h1 {color:#ffffff; margin:0; padding:0 0 6px 12px; font-size:15px; text-align:center;padding-top:10px;}
#contact-container .contact-loading {position:absolute; background-color:#CC0000; background:url(../img/contact/loading.gif) no-repeat;z-index:8000; height:55px; width:54px; margin:10px 0 0 310px; margin-top:10px;margin-bottom:10px;text-align:center;align:center;padding:0;}
.title-space{height:25px;}
#contact-container .contact-message {text-align:center;margin-bottom:20px;margin-top:-13px;color:white;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#BF0000; border:0px solid #ccc; font-size:0.9em; font-weight:bold; margin:0 auto; padding:3px;color:white;FILTER: alpha(opacity=100);opacity:1;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:120px; float:left; text-align:left; padding-right:4px;margin-top:3px;}
#contact-container .contact-input, textarea.contact-input{font-family:'Verdana';float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:170px;}
#contact-container .contact-input1 {font-family:'Verdana';float:left; padding:2px; margin:2px; border:1px solid #fff;color:white;background-color:#CC0000;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:10px; padding:0; margin:0;font-weight:bold;font-size:15px;color:#FFFFFF;align:center;text-align:center;BACKGROUND: #7F0000 0% 50%; FILTER: alpha(opacity=80);}
#contact-container .contact-bottom {height:35px;background-color:#CC0000; font-size:10px; 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 {position:relative; top:-4px; text-decoration:none; color:white; FILTER: alpha(opacity=100);}
#contact-container .contact-bottom a:hover {color:#white; FILTER: alpha(opacity=100);}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:white; text-align:center; vertical-align:middle;FILTER: alpha(opacity=100);}
#contact-container .contact-send {width:65px; background:url(../img/contact/cancel.jpg) no-repeat;background-color:transparent;color:white;FILTER: alpha(opacity=100);opacity: 100%;}
#contact-container .contact-cancel {width:65px; background:url(../img/contact/cancel.jpg) no-repeat;background-color:transparent;color:white;FILTER: alpha(opacity=100);opacity: 100%;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:20px; position:absolute; top:-4px; right:6px; color:#FFAFAD;}
#contact-container a.modalCloseX:hover {color:white;}

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

#engagement-container {width:650px; font-family:'Verdana'; font-size:12px; color:white;border:#E98483 1pt solid;opacity: 0.85;}
#engagement-container .engagement-content {BORDER-RIGHT: #878787 0pt solid; BORDER-TOP: #878787 0pt solid; BACKGROUND: #7F0000 0% 70%; FILTER: alpha(opacity=85);BORDER-LEFT: #878787 0pt solid; WIDTH: 100%; BORDER-BOTTOM: #878787 0pt solid;  height:40px;min-height:1%;height:auto;}
#engagement-container h1 {color:#ffffff; margin:0; padding:0 0 6px 12px; font-size:15px; text-align:center;padding-top:10px;}
#engagement-container .engagement-loading {position:absolute; background-color:#CC0000; background:url(../img/contact/loading.gif) no-repeat;z-index:8000; height:55px; width:54px; margin:10px 0 0 310px; margin-top:10px;margin-bottom:10px;text-align:center;align:center;padding:0;}
.title-space{height:25px;}
#engagement-container .engagement-message {text-align:center;margin-bottom:20px;margin-top:-13px;color:white;}
#engagement-container .engagement-error {width:92%; font-size:.8em; background:#BF0000; border:0px solid #ccc; font-size:0.9em; font-weight:bold; margin:0 auto; padding:3px;color:white;FILTER: alpha(opacity=100);opacity:1;}
#engagement-container br {clear:both;}
#engagement-container form {padding:0; margin:0;}
#engagement-container label {clear:left; display:block; width:120px; float:left; text-align:left; padding-right:4px;margin-top:3px;}
#engagement-container .engagement-input, textarea.engagement-input{font-family:'Verdana';float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:170px;}
#engagement-container .engagement-input1 {font-family:'Verdana';float:left; padding:2px; margin:2px; border:1px solid #fff;color:white;background-color:#CC0000;}
#engagement-container textarea {height:114px; font-size:.9em;}
#engagement-container .engagement-cc {font-size:.9em; cursor:default;}
#engagement-container .engagement-top {height:10px; padding:0; margin:0;font-weight:bold;font-size:15px;color:#FFFFFF;align:center;text-align:center;BACKGROUND: #7F0000 0% 50%; FILTER: alpha(opacity=80);}
#engagement-container .engagement-bottom {height:35px;background-color:#CC0000; font-size:10px; text-align:center;}
#engagement-container .engagement-bottom a,
#engagement-container .engagement-bottom a:link,
#engagement-container .engagement-bottom a:active,
#engagement-container .engagement-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:white; FILTER: alpha(opacity=100);}
#engagement-container .engagement-bottom a:hover {color:#white; FILTER: alpha(opacity=100);}
#engagement-container .engagement-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:white; text-align:center; vertical-align:middle;FILTER: alpha(opacity=100);}
#engagement-container .engagement-send {width:65px; background:url(../img/contact/cancel.jpg) no-repeat;background-color:transparent;color:white;FILTER: alpha(opacity=100);opacity: 100%;}
#engagement-container .engagement-cancel {width:65px; background:url(../img/contact/cancel.jpg) no-repeat;background-color:transparent;color:white;FILTER: alpha(opacity=100);opacity: 100%;}
#engagement-container a.modalCloseX,
#engagement-container a.modalCloseX:link,
#engagement-container a.modalCloseX:active,
#engagement-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:20px; position:absolute; top:-4px; right:6px; color:#FFAFAD;}
#engagement-container a.modalCloseX:hover {color:white;}
