@charset "UTF-8";
/*
***********************
	PAGE STUFF
***********************
*/

#signup {
	line-height: 140%;
	color: #ccc;
}
* html #signup {
}

#signup .email_title {
	position:absolute;
	bottom:72px;
	right:56px;
}

#signup .email_button {
	position:absolute;
	bottom:31px;
	right:83px;
}

#signup p {
	margin-bottom: 0;
}
#signup .button {
	margin: 0;
	padding: 0;
}
#gallery {
	position: absolute;
	bottom:45px;
	left:346px;
	padding: 0;
}
* html #gallery {
}

#gallery img {
	float: left;
	display: inline;
	margin: 12px 10px 0 0;
	padding: 0;
}
#bodycopy {
	position: absolute;
	top: 110px;
	left: 320px;
	color: #fff;
	width: 260px;
}
#list { 
	display: inline;
	color: #D8D8D8;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#list #getmore {
	position:absolute;
	top:185px;
	left:340px;
	width: 112px;
}

#list #simplify {
	position:absolute;
	top:185px;
	left:480px;
	width: 112px;
}

#list #features {
	position:absolute;
	top:54px;
	right:15px;
	width:255px;
}

#list p {
	margin:0;
	padding:0;
}

#list ul {
	padding: 5px 0 0 0; 
	margin: 0;
}

#list ul li {
	list-style-type: none; 
	background: url(img/orange_bullet.png) 0px 5px no-repeat; 
	padding: 0 0 0 11px; 
	margin-bottom: 3px; 
	line-height: 120%;
}

#list #features ul li {
	line-height:130%;
}

/*********************
	OVERLAY
*********************/
 
#email-overlay { width: 380px; height: 500px; }
/* the overlayed element */
div.overlay {
/* growing background image */
background-image:url(/apache/images/overlay/white.png);
_background-image: url(/apache/images/overlay/white.gif);
/* initially overlay is hidden */
display:none;
/* some padding to layout nested elements nicely  */
padding:40px 55px 0 55px;
}
div.overlay h1 {
	font-size: 2.4em;
}
div.overlay p {
	font-size: 1.2em;
	line-height: 140%;
}
/* the overlayed element */

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/apache/images/overlay/close.png);
	_background-image:url(/apache/images/overlay/close.gif);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

	



/*
***********************
       FORM STUFF
***********************
*/
/* Controls width of your form */
.e2ma_signup_form {
	width:350px;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 140px;
}
.e2ma_signup_form textarea { 
	height: 100px;
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	clear: both;
	margin-bottom:5px;
	color: #fff;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
	display: none;
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
    border:0;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
	display: none;
	/*
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#999;*/
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	float: left;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: right;
	vertical-align: middle;
	width: 160px;
	padding-top:5px;
	margin-right: 15px;
	line-height: 140%;
	/*white-space: nowrap;*/
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	font-weight:normal;
}
span.e2ma_signup_form_group_list {
	clear: both;
	float: left;
	margin-top: 5px;
	color: #333;
	font-size: 12px;
}
	

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	border:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	display: none;
	/*clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	padding:5px;
	margin-bottom:5px;*/
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	display: none;
	/*color:#FF0000;*/
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
	clear: left;
	float: left;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: none;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
    width: 75px !important;
}
#e2ma_signup_submit_button {
	background: url(/apache/images/buttons/button_submit.png) no-repeat top left;
	border: none;
	width:75px;
	height:22px;
	margin: 12px 0 0 185px;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}