/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */

<!-- Confirm Box  -->
/* Overlay */
#confirmModalOverlay {background-color:#000; cursor:wait;}

/* Container */
#confirmModalContainer {height:140px; width:420px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}
#confirmModalContainer .header {height:30px; width:100%; background:url(/images/modal/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(/images/modal/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ddd;}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}
<!-- End  Confirm Box  -->



<!-- Contact Box  -->
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {height:40px;background-color:#333; color:#ddd; }
#contact-container h1 {color:#FFF; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(/images/modal/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px; background:url(/images/modal/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {padding-top:10px;height:13px; background:url(/images/modal/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#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/modal/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(/images/modal/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.2em; position:absolute; top:-4px; right:6px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}

<!-- End Contact Box  -->


<!-- Information Box  -->

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:auto; width:750px; background-color:#fff; border:3px solid #ccc;}
#simplemodal-container a.modalCloseImg {background:url(/images/modal/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3100; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}


<!-- End Information Box  -->


<!-- Landing Page Box  -->

/* Overlay */
#landing-overlay {background-color:#000; cursor:wait; }

/* Container */
#landing-container {height:auto; width:870px; background-color:#fff; border:3px solid #ccc;}
#landing-container a.modalCloseImg {background:url(/images/modal/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3100; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#landing-container #basicModalContent {padding:8px;}


<!-- End Landing Page Box  -->


<!--Mail Page Box  -->

/* Overlay */
#mail-overlay {background-color:#000; cursor:wait;}

/* Container */
#mail-container {height:auto; width:870px; background-color:#fff; border:3px solid #ccc;}
#mail-container a.modalCloseImg {background:url(/images/modal/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3100; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#mail-container #basicModalContent {padding:8px;}


<!-- End Mail Page Box  -->
