/*
 * 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 238 2010-03-11 05:56:57Z emartin24 $
 *
 */


/* Overlay */
#contact-overlay {
	background-color:#000;
	cursor:wait;
}
/* Container */
#contact-container {
	width:700px;
	font-family:'Century Gothic', Verdana, Arial;
	font-size:14px;
	text-align:left;
}
#contact-container .contact-content {
	background: url(../images/bg.png);
	color:#ddd;
	height:40px;
}
#contact-container h4 {
	color:#d76300;
	margin:0;
	padding:0 0 6px 105px;
	font-size:1.1em;
	text-align:left;
}
#contact-container .contact-loading {
	position:absolute;
	background:url(../new/images/contact/loading.gif) no-repeat;
	z-index:8000;
	height:55px;
	width:54px;
	margin:-14px 0 0 170px;
	padding:0;
}
#contact-container .contact-message {
	text-align:center;
}
#contact-container .contact-error {
	width:70%;
	font-size:.8em;
	background:#000;
	border:2px solid #ccc;
	font-size:0.8em;
	font-weight:bold;
	margin-left:10px;
	padding:2px;
}
#contact-container br {
	clear:both;
}
#contact-container form {
	padding:0;
	margin:0;
}
#contact-container label {
	clear:left;
	display:block;
	width:100px;
	float:left;
	text-align:right;
	padding-right:4px;
}
#contact-container .contact-input {
	font-family:'Century Gothic', Verdana, Arial;
	float:left;
	padding:2px;
	margin:2px;
	background:#eee;
	border:1px solid #fff;
	width:300px;
}
#contact-container textarea {
	height:114px;
	font-size:.9em;
}
#contact-container .contact-cc {
	font-size:.9em;
	cursor:default;
}
#contact-container .contact-top {
	height:34px;
	background:url(../images/form_top.gif) repeat-x;
	padding:0;
	margin:0;
}
#contact-container .contact-bottom {
	height:23px;
	background:url(../images/form_bottom.gif) repeat-x bottom left;
	font-size:.7em;
	text-align:center;
}
.contact-details { 
	float: right;
	margin-top: -280px;
}
.contact-details p {
	text-align:right;
	font-size: 11px;
	padding-right: 20px;
	
}
#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 4px;
	cursor:pointer;
	height:24px;
	border:0;
	font-size:1em;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
}
#contact-container .contact-send {
	width:50px;
	background:url(../images/send.png) no-repeat;
}
#contact-container .contact-cancel {
	width:65px;
	background:url(../images/cancel.png) no-repeat;
}
#contact-container a.modal-close, #contact-container a.modal-close:link, #contact-container a.modal-close:active, #contact-container a.modal-close:visited {
	text-decoration:none;
	font-size:1.2em;
	position:absolute;
	top:20px;
	right:30px;
	color:#999;
}
#contact-container a.modal-close:hover {
	color:#930;
}