@import url('/css/reset.css');
@import url('/css/layout.css');
@import url('/css/typography.css');
@import url('/css/navigation.css');

body 	{ background-color: #3a3a3c; }

/* FA Logo */
#header .logo { float: left;  margin-top:25px; }

/* Tag line below FormAssembly.com logo - hidden, text is present in logo image.*/
#header h2 { display: none; }

/* Footer */
#footer .column	.partner	{ padding-left: 10px; }
#footer .column p			{ margin: 0; }
#footer a 					{ color: #DDD; }
.copyright					{ color:#aaa; font-size: 0.8em }
#trustefoot{
	width: 75px;
	float: left;
	}

.divider { background-image: url(/images/divider.png); background-repeat: no-repeat; background-position: bottom center; min-height: 50px; clear: both; margin: 0 0 2em 0; }	

/* Homepage */

.pitch 				{ min-width: 380px;	max-width: 440px; padding-top: 5px; }
.createwebforms 	{ margin-top: 0px; background-image: url(/images/create-web-forms.gif); background-repeat: no-repeat; width: 290px; height: 70px; border: none; }
.pitch h1 span 		{ display: none; }
.pitch p 			{ line-height: 190%; font-size: 1.2em; }
.pitch .nextAction 	{ margin: 2em 0 0 0; font-size: 1.5em !important ; font-weight: bold; }

.tryit 				{ float: right; width:379px; height: 340px; background-image: url(/images/form-builder-try-it.gif); background-repeat: no-repeat; }
.tryit a 			{ display: block; width: 379px; height: 340px; }
.tryit a span 		{ display: none; }
.examples 			{ float: right; width:347px;}
.examples p 		{ font-size: 1em;  padding: 0 0 0 15px;}

.sideBar .tryit 	{ width: 310px; background-image: url(/images/try-it-now-310x280.gif); background-repeat: no-repeat; }
.sideBar .tryit a 	{ width: 310px; height: 280px; }
.sideBar .tryit p 	{ margin: 0 0 2em 0; }

/*  Blog / Web Developer Corner / Why Use FormAssembly? */
.column h2			{ padding: 0 12px 0 0; font-size: 1.5em; height: 24px; margin: 16px 0 0 0; color: #565; }
.column h3 			{ padding: 0 12px 0 0; font-size: 1.3em; line-height: 24px; height: 24px; margin: 16px 0 0 0; color: #565;  }
.column h4 			{ padding: 0 12px 0 0; margin: 16px 0 0 0;  }
.column p 			{ padding: 0 12px 0 0; margin: 1em 0 0 0; }	




/* FAQ & Misc. Documentation Pages */

.documentation h2 {	color: #999; }
.documentation hr { border: none; height: 1px; background-color: #EEE; margin: 3em 0 2em 0; }






/* Signup / Pricing pages */
.pricing h1 { font-size:3em; font-weight:bold; line-height:1; margin:0 0 0 0px; }	
.pricing h2 { font-size:1.7em; font-weight:normal; margin:0 0 0 0px;  }
.pricing h3 { font-size:1.5em; line-height:1; margin: 0 0 1em 0; color:#111111; font-weight: normal; }
.pricing table { border-collapse: collapse; width:100%; }
.pricing table .col0 {  text-align:right; width: 180px; }
.pricing table td, table th { padding: 2px 4px; }
.pricing .planHeaders th { text-align: center; }	
.pricing .bestFor td { text-align: center; }
.pricing .bestFor .highlight { background-color: #FFD; }
.pricing .feature th, .lastFeature th { text-align: right; border-bottom: 1px dotted #dddddd; padding: 2px; white-space: nowrap;  font-weight: normal;  } 
.pricing .feature td, .lastFeature td { text-align: center; border-bottom: 1px dotted #dddddd; padding: 2px; vertical-align: top }
.pricing .feature:hover, .lastFeature:hover { background-color: #FFD; }

.pricing .section th { text-align: right; border-bottom: 1px solid #CCC; padding: 2px; white-space: nowrap;}
.pricing .signup  th { text-align: right; font-size: 1.3em}
.pricing .enhancedFeatureStar { position: absolute; z-index:1; }
.pricing .button  {
	background-image:url("//www3.formassembly.com/images/button-bg.gif"); background-position:1px 0; background-repeat:no-repeat; 
	display:block; font-size:13px; height:21px; line-height:21px; text-align:center; width:84px; font-weight:bold;
	margin: 8px auto; color: #FF7200 !important;
	text-transform: uppercase;
} 
.pricing .faqLinks td { font-size: 11px; text-align: center; padding: 8px 2px 2px 2px; }
.pricing .faqLinks th { font-size: 11px; font-weight: normal; text-align: right; color: #AAA; padding: 8px 2px 2px 2px; } 
.pricing .legend { font-size: 11px; color: #999; text-align: right; margin: 0 0 0 0; padding: 0; width: 200px; float:right;}
.pricing .legend img { vertical-align: top; }
.pricing .guarantee { text-align: right; }
.pricing .guarantee img { vertical-align: middle;  margin-right: 72px;  }

.pricing .OneOfTwoColumns { width: 45%; margin-right: 5%; float: left; }
.pricing .TwoOfTwoColumns { padding-left: 55% }

.pricing dl { margin-top: 0 }
.pricing dl dt { font-size:1.2em; font-weight:bold; margin:1.5em 0 0.3em; padding: 0; }
.pricing dd { font-size:1.2em; margin:0; padding: 0; line-height:1.5;  }


.pricing  .separator { margin-top: 3em; border-top: 1px solid #ccc; clear: both }


.pricing #tooltip {
	zoom: 1;
    display:none; 
    background-color: #FFD; 
    z-index:4;
    font-size:13px; 
    width: 450px; 
    padding:20px 50px;
    line-height: 1.5; 
    color:#472829;   
    box-shadow: 0 2px 10px rgba(0,0,0,0.7); 
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.7); 
 		-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.7); 
 		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=125, Color='#555555')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=125, Color='#555555');
}

.pricing #tooltip2 {
	display:none; 
    background-color: #3D464B; 
    background-color: #FFD; 
    z-index:4;
    font-size:13px; 
    width: 140px; 
    padding:20px;
    line-height: 1.5; 
    color:#FFF;     
    color:#472829;   	   
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.7); 
 		-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.7); 
 		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=125, Color='#555555')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=125, Color='#555555');
}

.pricing .enterprisePlanInfo {  width:40%; border:1px solid #EEC; padding: 10px;  float: left; background-color: #FFD; border-radius:5px; }
.pricing .enterprisePlanInfo a { font-weight: bold; }

/* Sign-up Form */

#registrationForm  {}
#registrationForm .preField { float: left; display: block !important; width: 130px !important; min-width: 130px !important;
							  border-bottom: 1px dotted #CCC; margin: 0 5px 0 0 !important; padding: 0 !important; font-size: 1.2em; }
#registrationForm .oneField { margin: 6px 0; }
#registrationForm .actions  { padding: 20px 0 10px 0 ; }
#registrationForm 
	.actions input 			{ float: right; font-size: 1.3em; font-weight: bold; }
#registrationForm .reqMark  { color: #F00; font-family: "Courier New", Courier, mono; }

/*
 * Testimonial Page
 */
.testimonialForm 				{ width: 600px; }
.testimonialForm .actions input { float: none !important; }
 
.partner .testimonial img		{ float: left; margin: 0 20px 50px 0; }
.testimonialCard { margin: 10px 0; }

/*
 * Privacy Policy
 */

#truste{
	width:75px;
	float: right;
	} 
	
#safeharbor{
	width:137px;
	float: right;
	}	
 


/*
 * Contact Us Page
 */ 
 
#screenshot{
	width: 520px;
	float: right;
	clear: right;
} 
 
.contactForm 				{ width:580px; }
.contactForm textarea,
.contactForm #wf_Subject 	{ width:500px; } 
.contactForm .actions input { float: none !important; }


#col1{
	float: left;
	width: 150px;
	margin-right: 10px;
}

#col2{
	float: left;
	width: 150px;
	margin-left: 10px;
}

#infoIcon{
	
	clear: both;
	width: 100%;
}

.callToAction{
	background: url("/images/buttonbg.png") 100% 65% repeat-x;
	text-align: center; 
	font-size: 1.5em !important; 
	padding: 8px 4px; 
	border: 2px outset #95bb91;
}

.callToAction a:link{
	color: #ffffff;
}

.featureList{
	width: 100%;
	margin-bottom: 10px;
}

.featureList .featureImage{
	text-align: center;
	width: 140px;
	height: 110px;
	color: #777;
}


.featureList li { 
	font-size:0.9em; 
	list-style-type: none; 
	height: 46px; 
	margin-bottom: 8px; 
	}
.featureList li .icon { float: left; margin-right:8px; }


.landingPage .mainsection {
	background-image: none;
	
}
.landingPage .sideBar {
	width: 250px;	
	margin: 0 0 20px 10px;
}

.landingPage .pitch .large { font-size: 1.5em;}
.landingPage .pitch p {
	
}

.landingPage .pitch h1 {
	border: none;
}

.landingPage .pitch ol {
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}

.landingPage .pitch ul {
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}

.landingPage .pitch  ol li  {
	padding: 0;
	margin: 0 0 0.5em 25px;
	line-height: 150%;	
}

.landingPage .pitch ul li {
	padding: 0;
	list-style-type: none;
	margin: 0 0 0.5em 0;
	line-height: 150%;	
}

.landingPage .pitch {
	width: 100%;
	max-width: 100%;
}

.landingQuote{
	width: 500px;
	padding: 0 10px;
	float: right;
	
}

.notes{
	width: 100%;
	float: left;
	clear: both;
}

.sideBar .nextAction {
	padding: 10px 0;
	width: 100%;
	margin: 20px 0;
	border:1px solid #3f83c7;
	font-size:1.15em;
}

.sideBar .testimonials {
	padding: 10px 20px;
	background-color: #FFC;
	border: 1px solid #DDD;
	margin: 0 0 20px 0;
}

.sideBar .featureList {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 10px;
	width: auto;
}


.thankyou {
	margin: 2em 0;
	padding:1em 4px;
	background-color: #FAFAD2;
	border: 1px solid #EEE;
	font-size: 1.1em;
}