/*
 * 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 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

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

	/* Container */
	#contact-container {
		text-align:left; 
		width:350px;
	}
		
		#contact-container h1 {
			color:#e63228; 
			font-size:20px; 
			line-height:20px; 
			margin:0; 
			padding:0 0 15px 12px; 
			text-align:left;
		}

		#contact-container .contact-top {
			background-color:#333; 
			height:13px; 
			margin:0; 
			padding:0; 
			-webkit-border-top-left-radius:8px; 
			-webkit-border-top-right-radius:8px; 
			-moz-border-radius-topleft:8px; 
			-moz-border-radius-topright:8px; 
			border-radius:8px 8px 0 0;
		}
			
		#contact-container .contact-content {
			background-color:#333; 
			color:#ddd;
			height:40px;
		}
			
			#contact-container .contact-loading {
				background:url('../img/contact/loading.gif') no-repeat;
				height:55px; 
				margin:-14px 0 0 190px; 
				padding:0; 
				position:absolute; 
				width:54px; 
				z-index:8000;
			}
			
			#contact-container .contact-message {
				text-align:center;
			}
			
			#contact-container .contact-error {
				background:#d72a20; 
				border:2px solid #921c14; 
				-webkit-border-radius:8px; 
				-moz-border-radius:8px; 
				font-size:11px; 
				font-weight:bold; 
				line-height:18px; 
				margin:0 auto 5px auto; 
				padding:2px; 
				width:92%;
				color:#fff;
			}
			
			#contact-container form {
				margin:0; padding:0;
			}

				#contact-container label {
					clear:left; 
					display:block; 
					float:left; 
					font-weight:bold; 
					padding:4px 4px 4px 4px; 
					text-align:right; 
					width:100px;
				}
				
				#contact-container .contact-input {
					float:left;
					padding:3px 5px 3px 5px;
					margin:5px 0 5px 0;
					width:181px; /*180 191*/
					height:21px; /*27px*/
					border:0;
					color:#4d4d4d;
					background:url('../img/input_text_bg.gif') top left no-repeat;
					font-size:11px;
				}
				
				#contact-container .contact-textarea {
					padding:3px 5px 3px 5px;
					margin:5px 0 5px 0;
					width:181px;
					height:121px;
					border:0;
					color:#4d4d4d;
					background:url('../img/input_textarea_bg.gif') top left no-repeat;
					font-size:11px;
				}
				
				#contact-container .contact-tip {
					display:block;
					float:left;
					padding:0 0 0 0;
					margin-left:108px;
					width:191px;
					color:#8b9cc1;
					font-size:9px;
				}
				
				
				#contact-container .br {clear:both;width:1px;height:1px;}
				
				#contact-container .contact-cc {
					cursor:default; 
					font-size:11px; 
					vertical-align:top;
				}
			
			#contact-container .contact-bottom {
				background-color:#333; 
				font-size:11px; 
				height:13px; 
				line-height:12px; 
				text-align:center; 
				-webkit-border-bottom-right-radius:8px; 
				-webkit-border-bottom-left-radius:8px; 
				-moz-border-radius-bottomright:8px; 
				-moz-border-radius-bottomleft:8px; 
				border-radius:0 0 8px 8px;
			}
				
				#contact-container .contact-bottom a,
				#contact-container .contact-bottom a:link,
				#contact-container .contact-bottom a:active,
				#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
				#contact-container .contact-bottom a:hover {}
				
				#contact-container .contact-button { 
					width:96px;
					height:37px;
					background:url('../img/button_contact.gif') top left no-repeat;
					border:0;
					color:#fff;
					text-transform:uppercase;
					font-weight:bold;
				}
				
					#contact-container .contact-button:hover {background-position: bottom left;color:#e23127;}
			
		#contact-container a.modal-close,
		#contact-container a.modal-close:link,
		#contact-container a.modal-close:active,
		#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
		#contact-container a.modal-close:hover {color:#ccc;}