/*

 * 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: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}

#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}

#contact-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}

#contact-container .contact-loading {background:url(http://penshop.com.ua/callback/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:14px; font-weight:bold; line-height:18px; 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:bold; padding-right:4px; text-align:right; width:100px;}

#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;}

#contact-container textarea {height:130px;}

#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 {cursor:default; background-color:#333; font-size:12px; height:40px; 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-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; 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;}

/* contact-button-ref*/

#callback-form {background-color: rgb(240, 240, 220); position:absolute; border:solid gray 1px; padding:5px; margin:32px 0 0 5px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; border-radius:8px 8px 8px 8px;}

#callback-call {color: black; font-size: 14px;position: absolute;
margin: -3px 0 0 8px; width:200px; height:20px; background:url(http://penshop.com.ua/images/phone.png) no-repeat 0px 0px;}

#callback-call:hover {background-position:left -20px;}

#callback-call-prod {color: black; font-size: 14px;position: absolute;
margin: -1px 0 0 5px; width:150px; height:20px; background:url(http://penshop.com.ua/images/phone-prod.png) no-repeat 0px 0px;}

#callback-call-prod:hover {background-position:left -20px;}