/*
 * SimpleModal Contact Form
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */
 
 
 
 @font-face {

    font-family: 'HelveticaNeueLTStdMedCnRg';

    src: url('http://blueshiftindia.com/fonts/helveticaneueltstd-mdcn-webfont.eot');

    src: url('http://blueshiftindia.com/fonts/helveticaneueltstd-mdcn-webfont.eot#iefix') format('embedded-opentype'),

         url('http://blueshiftindia.com/fonts/helveticaneueltstd-mdcn-webfont.woff') format('woff'),

         url('http://blueshiftindia.com/fonts/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'),

         url('http://blueshiftindia.com/fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStdMedCnRg') format('svg');

    font-weight: normal;

    font-style: normal;



}

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

/* Container */
#contact-container { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; width:380px;}
.contact-content {background-color:#222222; color:#ddd; height:340px; width:380px;font-family:Arial, Helvetica, sans-serif;}
.contact-content  h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
.heading { background:#222222; padding:3px 15px 3px 15px; }
.heading p { border-bottom:1px dotted #fff; padding:0px 5px 5px 5px; margin:0px; text-align:left; font-size:26px; color:#bfbfbf; font-family: 'HelveticaNeueLTStdMedCnRg';}
.contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin: 66px 0 0 165px; padding:0; position:absolute; width:54px; z-index:8000;}
.contact-message {background:none;  font-size:12px; font-weight:normal; line-height:18px; margin:0 auto; padding:5px; color:#fff; text-align:center;}
 .contact-error {background:none; border-bottom:1px dotted #999; font-size:13px; font-weight:normal; line-height:18px; margin:0 auto;  color:#900;}
 br {clear:both;}
.contact-content form {margin:0; padding:0; padding-top:15px; padding-left:20px;}
.contact-content label {clear:left; display:block; float:left; padding-left:5px; text-align:left; width:110px; color: #b2b1b1; margin-top:15px;}
.contact-content .contact-input { background:#FFF; float:left; padding:0px; margin:0px; height:21px; 	width: 185px; 	color: #000; border:#000 1px solid; padding-right: 24px; padding-left: 10px; line-height:21px; margin-top:15px; padding-bottom:0px;}
.contact-content .dropdown { background:#FFF; float:left; padding:0px; margin:0px; height: 21px;	width: 219px; 	color: #000; border:#000 1px solid; padding-right: 0px; padding-left: 0px; line-height:21px; margin-top:13px; }
.contact-content .upload { width:200px; margin-top:15px; border:none; }
.contact-content textarea {height:50px; background: url(../images/text_area_popup_bg.png) no-repeat; width:145px; height:60px; border:none; margin-top:8px; padding:10px;}
.contact-cc {cursor:default; font-size:14px; vertical-align:top;}
.contact-top {background-color:#222222; 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-bottom {background-color:#222222; 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-bottom a,
.contact-bottom a:link,
.contact-bottom a:active,
.contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
.contact-bottom a:hover {color:#888;}
.contact-button { background:url(../images/submit3_bg.jpg) no-repeat; width:100px; height:29px; border:none; margin-top:10px;}
.contact-button:hover {background:url(../images/submit3_bg.jpg) no-repeat; width:100px; height:29px; border:none; margin-top:10px;}
a.modal-close,
a.modal-close:link,
a.modal-close:active,
a.modal-close:visited {  background: url("../images/close.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    overflow: hidden;
    position: absolute;
    right: -12px;
    text-decoration: none;
    text-indent: -50px;
    top: -14px;
    width: 29px;}
a.modal-close:hover {color:#ccc;}