/*
 * 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 80 2008-01-04 21:13:38Z emartin24 $
 *
 */
 
/* Overlay */
#contactModalOverlay {
background-color: #372A38;
cursor: wait;
}

/* Container */
#contactModalContainer {
height: 300px;
width: 420px;
left: 50%;
top: 15%;
margin-left: -210px;
font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
font-size: 0.9em;
text-align: left;
}
#contactModalContainer .content {
background-color: #3B2D3C;
color: #ddd;
height: 300px;
}
#contactModalContainer h1 {
color: #d76300;
margin: 0;
padding: 0 0 6px 12px;
font-size: 1.2em;
text-align: left;
}
#contactModalContainer .loading {
position: absolute;
background: url(../img/loading.gif) no-repeat;
z-index: 8000;
height: 55px;
width: 54px;
margin: -14px 0 0 170px;
padding: 0;
}
#contactModalContainer .message {
text-align: center;
}
#contactModalContainer .error {
width: 92%;
font-size: .8em;
background: #000;
border: 2px solid #ccc;
font-size: 0.8em;
font-weight: bold;
margin: 0 auto;
padding: 2px;
}
#contactModalContainer br {
clear: both;
}
#contactModalContainer form {
padding: 0;
margin: 10px auto;
}
#contactModalContainer label {
clear: left;
display: block;
width: 100px;
float: left;
text-align: right;
padding-right: 4px;
font-weight: bold;
}
#contactModalContainer input#name,
#contactModalContainer input#email,
#contactModalContainer textarea {
font-family: "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
float: left;
padding: 2px;
margin: 2px;
background: #eee;
border: 1px solid #fff;
width: 250px;
}
#contactModalContainer textarea {
height: 164px;
}
#contactModalContainer div.top {
height: 13px;
background: url(../img/form_top_ie.gif) no-repeat;
padding: 0;
margin: 0;
}
#contactModalContainer div.bottom {
height: 13px;
background: url(../img/form_bottom.gif) no-repeat;
font-size: .7em;
text-align: center;
}
#contactModalContainer div.bottom a,
#contactModalContainer div.bottom a:link,
#contactModalContainer div.bottom a:active,
#contactModalContainer div.bottom a:visited {
position: relative;
top: -4px;
text-decoration: none;
color: #666;
}
#contactModalContainer div.bottom a:hover {
color: #888;
}
#contactModalContainer .send,
#contactModalContainer .cancel {
margin: 10px 0 0 4px;
cursor: pointer;
height: 24px;
border: 0;
}
#contactModalContainer .send {
width: 70px;
background: url(../img/send.png) no-repeat;
}
#contactModalContainer .cancel {
width: 70px;
background: url(../img/cancel.png) no-repeat;
}
#contactModalContainer a.modalCloseX,
#contactModalContainer a.modalCloseX:link,
#contactModalContainer a.modalCloseX:active,
#contactModalContainer a.modalCloseX:visited {
text-decoration: none;
font-weight: bold;
font-size: 1.2em;
position: absolute;
top: -2px;
left: 400px;
color: #999;
}
#contactModalContainer a.modalCloseX:hover {
color: #9bb3b3;
}