/*-----------------------------------------------------------------------------
	ECN Holdings - Contact CSS
-----------------------------------------------------------------------------*/

/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2007 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 114 2008-03-20 00:53:05Z emartin24 $
 *
 */

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
/** Overlay **/
#contact-overlay {
	background-color: #000;
	cursor: wait;
}
/** Container **/
#contact-container {
	top: 15%;
	left: 50%;
	width: 420px;
	margin-left: -210px;
	font: 12px/170% "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-align: left;
}
#contact-container .contact-content {
	height: 40px;
	color: #DDD;
	background-color: #333;
}
#contact-container h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 160%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
#contact-container .contact-loading {
	position: absolute;
	width: 16px;
	height: 16px;
	margin: -14px 0 0 200px;
	padding: 0;
	background: url(../img/contact/loading.gif) no-repeat;
	z-index: 8000;
}
#contact-container .contact-message {
	text-align: center;
}
#contact-container .contact-error {
	width: 92%;
	margin: 0 auto;
	padding: 2px;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	background: #000;
	border: 1px solid #777;
}
#contact-container br {
	clear: both;
}
#contact-container form {
	margin: 0;
	padding: 0;
}
#contact-container label {
	display: block;
	float: left;
	width: 100px;
	padding-right: 4px;
	font-weight: bold;
	text-align: right;
	clear: left;
}
#contact-container .contact-input {
	float: left;
	width: 250px;
	margin: 2px;
	padding: 2px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	background: #FFF;
	border: 1px solid #000;
}
#contact-container textarea {
	height: 84px;
}
#contact-container .contact-top {
	height: 13px;
	margin: 0;
	padding: 0;
	background: url(../img/contact/form_top.gif) no-repeat;
}
#contact-container .contact-bottom {
	height: 13px;
	margin: 0;
	padding: 0;
	background: url(../img/contact/form_bottom.gif) no-repeat;
}
#contact-container .contact-button {
	height: 24px;
	margin: 4px 0 0 2px;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background: #777;
	border: 0;
	cursor: pointer;
	vertical-align: middle;
}
#contact-container .contact-button:hover, 
#contact-container .contact-button:focus {
	text-decoration: none;
	outline: none;
	color: #000;
	border: 0;
	background: #FFF;
}
#contact-container a.modalCloseX, 
#contact-container a.modalCloseX:link, 
#contact-container a.modalCloseX:active, 
#contact-container a.modalCloseX:visited {
	position: absolute;
	top: -2px;
	left: 400px;
	font-size: 1.2em;
	font-weight: bold;
	color: #777;
	text-decoration: none;
	outline: none;
}
#contact-container a.modalCloseX:hover, 
#contact-container a.modalCloseX:focus {
	color: #FFF;
	text-decoration: none;
	outline: none;
}