/* Stylesheet for SendEarnings' Landing Page - landing4ajax */

/* Base Styles
------------------------------------ */
a { color: #fff; font-weight: bold; }
body {
	background: #005780;
	color: #000;
	font: 62.5% Verdana, sans-serif; /* Converts a base font of 16px to 10px, and makes em's more sensible to work with */
	margin: 0;
	padding: 8px;
	}

/* Page Encapsulation
------------------------------------ */
#page {
	background: #ffffcf url(testimonialsBG.jpg) left bottom no-repeat; /* extended form bg */
	border: 2px solid #fff;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 1px 0;
	width: 768px;
	}
#page:after { /* clears floats for Firefox */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Header
------------------------------------ */
#header {
	background: transparent url(landingPage-header.jpg) top center no-repeat;
	border-bottom: 1px solid #005780;
	height: 70px;
	margin: 0;
	overflow: hidden;
	text-indent: -9999px;
	}
#header * { margin: 0; padding: 0; }

/* quotes
------------------------------------ */
#quotes {
	color: #333;
	display: inline;
	float: right;
	margin: 2px 6px;
	width: 180px;
	}
#quotes h3 { border-bottom: 1px solid #000; font-size: 1.4em; margin: 4px 4px 8px 4px; text-decoration: none; }
.quoteText { display: block; margin: 4px 4px 0 4px; text-align: left; }
.quoteAuthor { display: block; font-weight: bold; margin: .25em 4px 1.5em 4px;}
.quoteAddress { font-weight: normal; font-style:italic;}

/* getPaid
------------------------------------ */
#getPaid {
	background: transparent url(getPaidTo.png) -1px top no-repeat;
	border-left: 1px solid #005780;
	border-right: 1px solid #005780;
	display: inline;
	float: left;
	height: 148px;
	margin: 0;
	overflow: hidden;
	width: 572px;
	text-indent: -9999px;
	}
#getPaid ul { list-style: none; }

/* Signup Form
------------------------------------ */
form { margin: 0; } /* IE */
#signupForm {
	background: #0095dc;
	border-left: 1px solid #005781;
	border-right: 1px solid #005781;
	color: #fff;
	display: inline;
	float: left;
	font-size: 1.1em;
	height: 100%;
	margin: 0;
	padding: 0; 
	width: 572px;
	}
	
	/* Tables
	------------------------------------ */
	#analogData, #digitalData { border-collapse: collapse; display: inline; }
	#analogData 	{ float: left;  margin: 8px 8px 0 8px; width: 284px; }
	#digitalData 	{ float: right; margin: 8px 8px 8px 0; width: 264px; }
	
	/* Table cells
	------------------------------------ */
	td.explanatory { padding: 4px 0; text-align: justify; }
	td.formLabel { font-weight: bold; padding: 2px 0; text-align: left; vertical-align: top; }
	#analogData td.formLabel  { width: 100px; }
	#digitalData td.formLabel { width: 132px; }
	td.formField { text-align: left; }

	/* Form Fields
	------------------------------------ */
	.formField input, .formField select { border: 1px solid #005780; font: 1em Verdana, sans-serif; margin: 0; }
	.formField select { max-width: 178px; }
	input#MemberStreet1 { margin: 0 0 2px 0; }
	select#MemberCountryId	{ max-width: 178px !important; width: 178px; }
	select#MemberStateId	{ max-width: 145px !important; width: 145px; }

	/* Errors
	------------------------------------ */
	.error, .error td  { background: #c66; }
	.errorRow td { padding: 0; }
	.errorRow div { 
		background: #c66;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size: 0.8em;
		margin: 0 0 4px 0;
		padding: 2px;
		text-align: left;
		}
	.errorRow div label { font-weight: bold; text-decoration: underline; }
	#signupFooter .errorRow div { text-align: center; } /* terms_error */

	/* Submit Button
	------------------------------------ */
	#signupFooter { clear: both; margin: auto 8px; text-align: center; }
	#submit { margin: 8px; }

/* footer
------------------------------------ */
#footer {
	clear: both;
	color: #fff;
	margin: 0 auto;
	padding: 1em;
	text-align: center;
	width: 720px;
	}