/*******************************************************************
Filename:		signup.css
Project:   	hbclcoldstores.com
Point of contact:	Alex Adams (hello@jujudigital.com)
Description:
			Style sheet for the lightbox stlyed signup box
			Based on the work of YogeshKannna R - www.webtrickss.com
Version history:
			2011-11-02     1.0   AA  First release
			2012-02-23     1.1   AA  Added sytle for the loading graphic			
********************************************************************/

#light_bg
{
position: absolute;
width:100%;
height:750%;
z-index: 50;
top:0px;
left:0px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60); /* For IE8 and earlier */
opacity:0.60;
background: url('../images/overlay-bg-opaque.png') repeat transparent;
display:none;
}
 
#download
{
background: url('../images/download-hbcl-coldstores-brochure.png') no-repeat transparent;
margin: 40px auto;
width: 260px;
height: 120px;
cursor: pointer;
}
 
#signup_box
{
position: relative;
z-index: 100;
font-family: helvetica;
color: #00447b;
width: 420px;
height:320px;
background:#FFF;
bottom: 500px;
margin: 0 auto;
padding-left:20px;
padding-right:20px;
display:none;
border: 1px solid #949494;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 4px 10px -1px rgba(200, 200, 200, 0.98);
}

#signup_box h3 { margin-top: 30px; font-size: 1.0em; }
#signup_box h4 { margin-top: 10px; margin-bottom: 10px; font-size: 1.0em; }
#signup_box form {  }
#signup_box form label { position: relative; float: left; clear: left; margin-right: 10px; width: 50px; } 
#signup_box form input { position: relative; float: left; width: 301px; margin-bottom:1.0em; }
#signup_box form input.submit { position: relative; margin-left: 100px; margin-top: 0.5em; height: 30px; width: 200px; }

#loading_graphic img {position: relative; margin-left: 192px; margin-top: 30px; margin-bottom: 30px;}

.content{ margin-bottom:10px; display:inline-block; font-size: 0.85em; }
.promise { clear: both; text-align: center; font-size: 0.80em; }
 
.content{ margin-bottom:10px; display:inline-block; font-size: 0.85em; }
.promise { clear: both; text-align: center; font-size: 0.80em; }
 
#message_post{ position: relative; clear: both; color: #cc0000; font-size: 0.85em; text-align: center; }
 
#close
{
position: relative;
margin:10px 0;
color:#cc0000;
float: right;
cursor: pointer;

}