/*
 * 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 $
 *
 */

/* Overlay */
#contact-overlay {
	
}

/* Container */
#contact-container {
	width: 507px;
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 14px;
	text-align: left;
}

#contact-container .contact-content {
	background: #FFFFFF url(../../images/../images/contact/form_center.jpg) repeat-x scroll 0 0;
	color: #000000;
	border: 2px solid #7BB1D5;	
}

#contact-container .contact-title {
	color: #166085;
	margin: 0;
	padding: 0 0 6px 12px;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}

#contact-container .contact-loading {
	background:transparent url(../../images/gallery/loading.gif) no-repeat scroll 0 0;
	height:55px;
	margin:-6px 0 0 224px;
	padding:0;
	position:absolute;
	width:54px;
	z-index:8000;
}

#contact-container .contact-message {
	text-align: center;	
}

#contact-container .contact-error {	
	width: 92%;
	font-size: 13px;
	background: #F7F7F7 url("../../images/contact/alert.gif") no-repeat 10px center ;
	border: 2px solid #999999;	
	margin: 0 auto;
	padding: 2px;
}

#contact-container br {
	clear: both;
}

#contact-container form {
	padding: 10px 30px;
	margin: 0;
}

#contact-container form #form_top {
	height: 200px;
}

#contact-container form #form_bottom {
	
}

#contact-container form #form_left {
	float: left;
}

#contact-container form #form_right {
	float: left;
	width:338px;
}

#contact-container form #form_bottom #count_chars {
	float: right;
}

#contact-container form #form_bottom #label-contact-message {
	float: none;
	display: inline;
}

#contact-container form #form_bottom #contact-message {
	width: 100%;
	margin: 0;
	padding: 0;
}

#contact-container label {
	clear: left;
	display: block;
	width:84px;
	float: left;
	text-align: right;
	padding-right: 4px;	
}

#contact-container .contact-input {
	font-family: 'Trebuchet MS', Verdana, Arial;
	float: left;
	padding: 2px;
	margin: 2px;
	/*background: #eee;*/
	border: 1px solid #000000;
	width: 230px;
}

#contact-container #input_contact{
	height: 70px;	
}

#contact-container #label_interested {
	clear: left;	
	width:150px;
	float: none;
	text-align: right;
	padding-right: 4px;		
	
}

.clearfix {
	height:1%;
}

.checkbox-list {
	float: right;
	width: 250px
	font-size: 14px;
	list-style: none;	
}

#contact-container .checkbox-list label {
	display: inline;
	float: none;
	
}

#contact-container textarea {
	height: 130px;
	font-size: .9em;
}

#contact-container .contact-cc {
	font-size: .9em;
	cursor: default;
}

#contact-container .contact-top {
	background: url(../../images/contact/form_top.gif) no-repeat scroll left top;
	padding-top: 14px;	
	margin: 0;	
}

#contact-container .contact-bottom {
	background: transparent url(../../images/contact/form_bottom.gif) no-repeat scroll
		left bottom;
	padding: 0;
	margin: 0;
	padding-bottom: 18px;
}

#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;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

#contact-container .contact-send {
	width: 50px;
	background: url(../../images/contact/send.png) no-repeat;
}

#contact-container .contact-cancel {
	width: 65px;
	background: url(../../images/contact/cancel.png) no-repeat;
}

#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: 1.5em;
	position: absolute;
	top: -4px;
	right: 6px;
	color: #999;
}

#contact-container a.modalCloseX:hover {
	color: #9bb3b3;
}