/*
 * 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 212 2009-09-03 05:33:44Z emartin24 $
 *
 */

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

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

/* Container */
#contact-container {width:546px !important; font-family:'Trebuchet MS', Verdana, Arial; font-size:14px; text-align:left;}
#contact-container .contact-content {background:#FFF url(/cform/img/wrap.png) repeat-y; color:#ddd; height:40px;}
#contact-container h1 {color:#ccc; margin:0; padding:0 0 6px 20px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(/cform/img/loading.gif) no-repeat; z-index:8000; height:13px; width:280px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#ddd; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px; color:#333}
#contact-container br {clear:both;}
#contact-container form {padding:0 120px 0 10px; margin:0;background:transparent url(/cform/img/logo.png) no-repeat scroll right center}
#contact-container label {margin-left:10px;clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#recepient, #contact-container .contact-input {
	font-family: 'Trebuchet MS', Verdana, Arial;
	float: left;
	padding: 2px;
	margin: 2px 2px 2px 10px;
	background-color: #FFF;
	border: 1px solid #ccc;
	width: 265px;
	color: #555;
	font-size: 13px;
}
#recepient {width:270px}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;color:#ccc}
#contact-container .contact-top {height:19px; background:url(/cform/img/top.png) no-repeat; padding:0; margin:0}
#contact-container .contact-bottom {height:19px; background:url(/cform/img/bottom.png) no-repeat bottom left; font-size:.7em; 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:#666}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container #contact-cc {margin-left:12px}
#contact-container .contact-button {background:transparent url(/cform/img/btn.gif) no-repeat !important; margin:4px 0 0 8px; cursor:pointer; height:28px;line-height:28px; border:0; font-size:1em; font-weight:bold; color:#333; text-align:center; padding:0; vertical-align:middle}
#contact-container .contact-send 	{width:120px; background-image:url(/cform/img/btnSend.png) !important}
#contact-container .contact-cancel 	{width:100px}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {background:transparent url(/cform/img/close.png) no-repeat; display:block; width:24px; height:24px; text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-12px; left:-12px}
#contact-container a.modal-close:hover {color:#9bb3b3;}

#contact-container input,#contact-container textarea,select{background:#ffffff url(/cform/img/field-bg-top.gif) repeat-x top left}
#contact-container input:hover,#contact-container textarea:hover,#contact-container select:hover,#contact-container input:focus,#contact-container textarea:focus,#contact-container select:focus{border: 1px solid #fed202;background:#ffffff url(/cform/img/field-bg-bottom.gif) repeat-x bottom left}