/*
 * 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 254 2010-07-23 05:14:44Z emartin24 $
 */

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

/* Container */
#contact-container {font: 12px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:550px;}

#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; font-size:16px; line-height:16px; margin:0; padding:0 0 6px 12px; text-align:left;}
#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:#000; border:2px solid #ccc; font-size:12px; font-weight:bold; line-height:14px; margin:0 auto; padding:2px; width:92%;}
#contact-container br {clear:both;}
#contact-container form {margin:0; padding:0;}
#contact-container label {clear:left; display:block; float:left; font-weight:normal; padding-right:4px; text-align:right; width:150px;}
#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:250px;}
#contact-container .contact-check {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:5px; margin:2px; width:10px;}
a.contact { font: bold 12px Arial, Helvetica, sans-serif; color:#1c789a; text-decoration:underline;}
#contact-container textarea {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#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-bottom {background-color:#333; font-size:12px; 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 {font: bold 12px Arial, Helvetica, sans-serif; color:#1c789a; text-decoration:underline; position:relative; top:-4px;}
#contact {font: bold 12px Arial, Helvetica, sans-serif; color:#1c789a; text-decoration:underline;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:12px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#contact-container .contact-button:hover {background:#f49000;}
#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;}
#switches .active {
  font-weight: bold;
}
#slides div {
  display: none;
}
#slides div.active {
	padding:2px 5px;
    display:block;
	/*text-decoration:none;
    position:relative;*/
    
	width:200px;
    border:1px solid #cccccc;
    background-color:#fffeeb;
	color:#555555;
    text-align: left;
}

#switches div {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}

#switches span {
	padding: 0px;
	display: block;
	color: #fff;
	text-align:left;
	text-decoration: none;
	font-weight: bold;
}
#switches div em {
	text-align:left;
	border:3px solid #999999;
	color:#000;
	background:#FFC;/* url(../images/hover.png) no-repeat;*/
	width: 280px;
	/*height: 45px;*/
	position: absolute;
	top: -250px;
	left: -5px;
	padding: 2px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}
#contact-container .err{
	border:1px solid #F00; background:#F99;
}
#switches span a {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dashed #FFF;
}