/*
 * 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 213 2009-09-17 04:10:02Z emartin24 $
 *
 */

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

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

/* Container */
#contact-container {width:835px; font-family:Helvetica, arial; text-transform: capitalize; margin-bottom:16px; display:inline;text-align:left;}
#contact-container .contact-content {width:831px;  padding-left:4px; background:url(../img/contact/box_middle_section.gif) repeat-y 0 0; color:#ddd;}
* .contact-content {width:800px; height:480px;  padding-left:0px; background:url(../img/contact/box_middle_section.gif) repeat-y 0 0; color:#ddd;}

#contact-container h1 {color:#2795BE; font-size:20px; margin:0; padding:0 0 18px 53px; text-align:left; font-weight:normal; text-transform: uppercase;}
#contact-container .contact-loading {position:absolute;  background:url(../img/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:20px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;width:650px;  text-transform:none;}
#contact-container .contact-error {width:43%; text-align:center; float:left;  font-size:1em; color: #FFFFFF; z-index:9950; background:#000; border:1px solid #ccc; font-weight:bold; margin-left:152px; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;color:#939598;}
#contact-container label {clear:left; display:block; width:126px; font-size:12px; line-height:24px; float:left; text-align:right; padding-right:4px; font-weight:bold; text-transform:uppercase;}
#contact-container .contactus-input {font-family:Helvetica, arial ; float:left; padding-left:8px; padding-top:2px; margin-bottom:5px; width:292px;  height:17px;  border:solid 1px #939598;   background:url(../img/contact/input_bg.gif) repeat-x 0 0;  font-size:12px;  color:#000000;  font-weight:bold;  }
#contact-container .textarea {  font-family:Helvetica, arial ;  float:left;   padding-left:8px;  width:292px; height:106px;  border:solid 1px #939598;  font-size:12px; color:#000000;  font-weight:bold;   background:url(../img/contact/text_area_bg_large.gif) repeat-x 0 0;  background-color:#FFFFFF;  }
#contact-container .contact-cc {font-size:12px; cursor:default; font-weight:bold; text-transform: uppercase; margin:0px; padding:0;}
#contact-container .contact-top {height:22px; background:url(../img/contact/box_top_section.gif) no-repeat; padding:0; margin:0;width:835px;}
#contact-container .contact-bottom {height:22px; background:url(../img/contact/box_bottom_section.gif) no-repeat; font-size:.7em; text-align:center; padding:15px 20px; width:795px; position:absolute;z-index:-10;}
#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:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 0px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {margin-top:20px;width:95px; background:url(../img/contact/send.gif) no-repeat;height:32px;}
#contact-container .contact-send:hover{width:95px; background:url(../img/contact/send_o.gif) no-repeat;height:32px;}

#contact-container .contact-cancel {margin-top:20px;width:95px; background:url(../img/contact/cancel_o.gif) no-repeat;height:32px;}
#contact-container .contact-cancel:hover {width:95px; background:url(../img/contact/cancel_o.gif) no-repeat;height:32px;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {margin-top:142px;margin-right:360px;text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modal-close:hover {color:#9bb3b3;}


#contact-container a.new-modal-close,
#contact-container a.new-modal-close:link,
#contact-container a.new-modal-close:active,
#contact-container a.new-modal-close:visited {margin-top:30px;margin-right:160px;text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.new-modal-close:hover {color:#9bb3b3;}
