/* * SimpleModal Contact Form * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2008 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: contact.css 132 2008-05-23 16:05:17Z emartin24 $ * */ body {padding:0; margin:0; height:100%; width:100%; font-family:Helvetica, Arial, sans-serif;} /* Overlay */ #contact-overlay {background-color:#000; cursor:wait;} /* Container */ #contact-container {width:760px; left:12%; top:2%; font-size:12px; text-align:left;} #contact-container .contact-content {background-color:#333; color:#ddd; height:40px;} #contact-container h1 {background:#d76300; font-family:Helvetica, Arial, sans-serif; color:#FFFFFF; margin:0; font-size:1em; text-align:left; display:block; padding: 2px 0px 2px 5px; margin-bottom:10px;} #contact-container .contact-loading {position:absolute; background:url(../img/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; top: 50px; margin:-14px 0 0 470px; 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:Helvetica, Arial, sans-serif; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px;} #contact-container textarea { font-family:Helvetica, Arial, sans-serif; height:57px;} #contact-container .contact-top {height:13px; background:url(../img/contact/form_top.gif) no-repeat; padding:0; margin:0;} #contact-container .contact-bottom {height:13px; background:url(../img/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;} #contact-container .contact-bottom a, #contact-container .contact-bottom a:link, #contact-container .contact-bottom a:active, #contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;} #contact-container .contact-bottom a:hover {color:#888;} #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(../img/contact/send.png) no-repeat;} #contact-container .contact-addmore {width:80px; background:url(../img/contact/addmore.png) no-repeat;} #contact-container .contact-sendmessage {width:144px; height:35px; background:url(../img/contact/sendmessage.jpg) no-repeat;} #contact-container .contact-fetch {width:50px; background:url(../img/contact/send.png) no-repeat;} #contact-container .contact-remove {width:80px; background:url(../img/contact/remove.png) no-repeat;} #contact-container .contact-removeall {width:100px; background:url(../img/contact/removeall.png) no-repeat;} #contact-container .contact-cancel {width:65px; background:url(../img/contact/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:-2px; left:740px; color:#999;} #contact-container a.modalCloseX:hover {color:#9bb3b3;} #video-container {width:354px; left:35%; top:2%; font-size:12px; text-align:left;} #video-container .contact-content {background: #333333; height:40px;} #video-container h1 {background: #333333; color:#FFFFFF; margin:0; font-size:14px; text-align:left; padding-left:20px;font-family:"Trebuchet MS", Arial;} #video-container .contact-loading {position:absolute; background:url(../img/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; top: 50px; margin:-14px 0 0 470px; padding:0;} #video-container .contact-message {text-align:center;} #video-container .contact-error {width:92%; font-size:.8em; background:#000; border:1px solid #ccc; font-size:0.8em; color:#fff; font-weight:bold; margin:0 auto; padding:2px;} #video-container br {clear:both;} #video-container form {padding:0; margin:0;} #video-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;} #video-container .contact-input { font-family: "MS Sans Serif", Arial, Helvetica; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px;} #video-container textarea { font-family: "MS Sans Serif", Arial, Helvetica; height:84px;} #video-container .contact-top {height:13px; background:url(../img/contact/vidtop.gif) no-repeat; padding:0; margin:0;} #video-container .contact-bottom {height:13px; background:url(../img/contact/vidbtm.gif) no-repeat; font-size:.7em; text-align:center;} #video-container .contact-bottom a, #video-container .contact-bottom a:link, #video-container .contact-bottom a:active, #video-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;} #video-container .contact-bottom a:hover {color:#888;} #video-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;} #video-container .contact-send {margin: 0px; width:84px; height:24px; background:url(../img/contact/fetch.gif) no-repeat;} #video-container .contact-addmore {width:84px; height:24px; background:url(../img/contact/addmore.gif) no-repeat;} #video-container .contact-sendmessage {width:136px; height:48px; background:url(../img/contact/send_message.gif) no-repeat;} #video-container .contact-fetch {width:84px; height:24px; background:url(../img/contact/send.gif) no-repeat;} #video-container .contact-remove {width:84px; height:24px; background:url(../img/contact/remove.gif) no-repeat;} #video-container .contact-removeall {width:84px; height:24px; background:url(../img/contact/removeall.gif) no-repeat;} #video-container .contact-cancel {width:65px; background:url(../img/contact/cancel.png) no-repeat;} #video-container a.modalCloseX, #video-container a.modalCloseX:link, #video-container a.modalCloseX:active, #video-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:0px; left:335px; color:#999;} #video-container a.modalCloseX:hover {color:#9bb3b3;} .heading{color:#d76300; margin:0; font-size:1.2em; text-align:left;} .field { border: 1px solid #6d6d6d; background: #4e4e4e; color: #c7c7c7; font-family:Helvetica, Arial, sans-serif; font-size: 12px; } .emailcontacts { width: 360px; float: left; } .sectionpanel { width: 350px; float: right; } .checkbox { border: 1px solid #6d6d6d; background: #4e4e4e; } #videos { background:#333333; width:304px; height:425px; margin:0 auto; padding:10px 25px 10px 25px; font-family:"Trebuchet MS", Arial; font-size:12px; color:#FFFFFF; } #vid { width:137px; text-align:center; float:left; } #vid1 { width:137px; text-align:center; float:left; padding-left:30px; } #videos a { font-family:"Trebuchet MS", Arial; font-size:12px; color:#FFFFFF; text-decoration:none; }