/******************************
   General element styles
******************************/
* { margin:0; padding:0; }
html, body { height:100%; }
body { font-family:Arial, Helvetica, sans-serif; font-size:100%; position:relative; background:url('../images/bg.gif') top repeat-x #c0ccda; }
h1 { font-size:35px; color:#336699; margin:0 0 20px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 
h2 { font-size:24px; color:#336699; margin:0 0 12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 
h3 { font-size:18px; color:#336699; margin:0 0 8px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 
h4 { font-size:14px; color:#336699; margin:0 0 4px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } 
ol { margin:0 0 10px 18px; }		
ul { margin:0 0 10px 16px; }
input, select, textarea, button { font-family:Arial, Helvetica, sans-serif; color:#534741; font-size:11px; }
a { color:#990000; text-decoration:none; outline:none; }
	a:hover { text-decoration:underline; }
p { margin:0 0 8px; }
	p.last { margin:0 0 16px; }
img { border:none; }
button { cursor:pointer; }
fieldset { border:0; }
.required { color:#F3161E; }
.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.radio, .checkbox { vertical-align:middle; margin:0 2px 0 0; }
.session { position:absolute; top:0; left:0; overflow-y:scroll; width:300px; height:14px; padding:10px; background:#ffffff; font-size:11px; }	
	
/******************************
   Wrap
******************************/	
#wrap { position:relative; overflow:hidden; width:980px; height:100%; height:auto !important; min-height:100%; margin:0 auto; font-size:12px; background:#f4f6f9; color:#666666; zoom:1;  }
	#wrap .logo { position:absolute; width:327px; height:130px; top:0; left:0; background:url('../images/logo.png'); z-index:300; }
		#wrap .logo a { display:block; width:100%; height:100%; text-indent:-1000em; }	
	#wrap .content { }
	
	/******************************
	   Header
	******************************/		
	#wrap .content .header { position:relative; width:100%; height:106px; background:url('../images/header/bg-header.jpg') top right no-repeat;  }
		#wrap .content .header .nav { position:absolute; bottom:1px; right:110px; z-index:100; } 		
			#wrap .content .header .nav ul { overflow:hidden; zoom:1; list-style:none; margin:0; }
				#wrap .content .header .nav ul li { float:left; width:165px; height:48px; padding:0 0 0 10px; line-height:56px; margin:0 2px 0 0; background:url('../images/nav/bg-item.png') top center no-repeat; text-align:center; }				
					#wrap .content .header .nav ul li a { display:block; color:#4e8ece; font-size:22px; text-decoration:none; text-transform:lowercase; letter-spacing:.02em;  }	
						#wrap .content .header .nav ul li a:hover, #wrap .content .header .nav ul li.on a { color:#ffffff; }
					
		/******************************
		   Login/Register
		******************************/						
		#login-register { position:absolute; width:960px; height:42px; top:0; right:0; background:url('../images/header/bg-login-register.png') bottom right no-repeat; z-index:200; }					
			#login-register .inner { width:100%; height:100%; position:relative;  }
				#login-register .inner .divider { position:absolute; right:180px; bottom:42px; width:2px; height:74px; background:url('../images/nav/divider.png') top center no-repeat; }			
			
				/******************************
				   Login
				******************************/					
				#login-register .inner .login { position:absolute; left:320px; bottom:76px; color:#ffffff; }
					#login-register .inner .login p { margin:0 0 4px; }
					#login-register .inner .login a { color:#dddddd; text-decoration:underline; }					
					#login-register .inner .login table { }
						#login-register .inner .login table td { vertical-align:top; padding:0 0 4px; }					
						#login-register .inner .login table td.label { text-align:right; }						
							#login-register .inner .login table td label { margin:0 4px 0 0; } 						
							#login-register .inner .login table td input { width:240px; margin:0 4px 0 0; }							
					/*#login-register .inner .login form div { overflow:hidden; }								
						#login-register .inner .login form div * { float:left; vertical-align:middle; }				
						#login-register .inner .login form div label { margin:0 4px 0 0; }						
						#login-register .inner .login form div input { width:150px; margin:0 4px 0 0; }
							#login-register .inner .login form div input.password { width:100px; }		*/				
						a.button-login { display:block; width:87px; height:28px; background:url('../images/buttons/login.png') top center no-repeat; text-indent:-1000em; }					
					#login-register .inner .login .forgot-password { text-align:right; margin:0 4px 0 0; font-size:10px; }
					
					
				/******************************
				   Register
				******************************/					
				#login-register .inner .register { position:absolute; right:30px; bottom:65px; }				
					#login-register .inner .register p { margin:0 0 4px; }				
				
				/******************************
				   Open Button
				******************************/						
				#login-register .inner .button-open { position:absolute; bottom:10px; right:0; }
					#login-register .inner .button-open a { display:block; width:150px; height:30px; text-indent:-1000em; }	

/******************************
   Logged out layout
******************************/	
.logged-out { }
	.logged-out #main { overflow:hidden; zoom:1; padding:50px 0 50px 20px; background:url('../images/bg-main-top.gif') top repeat-x; }					
		.logged-out #main .column-left { float:left; width:738px; }		
		.logged-out #main .column-right { float:right; width:188px; margin:0 7px 0 0; }							

/******************************
   Right Buckets
******************************/

		  /******************************
			 Case Studies
		  ******************************/  	
		  .bucket .case-studies { }
			  .bucket .case-studies .company-logo { text-align:center; }
			  
		  /******************************
			 Testimonials
		  ******************************/  	
		  .bucket .testimonials { }
			  .bucket .testimonials .quote { width:168px; }
				 .column-right .bucket .testimonials .quote .top { width:152px; height:48px; padding:0 0 4px 8px; background:url('../images/logged-in/testimonials/bg-quote-top.png') bottom center no-repeat;  }				  
				 .column-right .bucket .testimonials .quote .inner { padding:14px 15px 0; background:url('../images/logged-in/testimonials/bg-quote-inner.png') top center no-repeat; border:0; font-size:11px; }	
				 .column-right .bucket .testimonials .quote .bottom { width:168px; height:12px; margin:0 0 12px; background:url('../images/logged-in/testimonials/bg-quote-bottom.png') top center no-repeat; font-size:0; }	  

/******************************
   Shared Form 
******************************/		
.steps { overflow:hidden; zoom:1; margin:0 0 12px; }	
	.steps .step { float:left; overflow:hidden; zoom:1; }			
		.steps .step span { display:block; float:left; height:80px; line-height:80px; color:#cccccc;  }			
		.steps .step .step-number { margin:0 8px 0 0; font-size:70px; }
		.steps .step .step-name { margin:0 8px 0 0; font-size:16px; font-weight:bold; }
		.steps .step .step-divider { width:20px; margin:0 24px 0 0; background:url('../images/advertisers/divider-steps.png') left center no-repeat; text-indent:-1000em; }
		.steps .on span { color:#666666; }
			.steps .on .step-divider { background:url('../images/advertisers/divider-steps-on.png') left center no-repeat; }

.shared-form { }
	.shared-form .label { overflow:hidden; zoom:1; height:32px; }
		.shared-form .label label { float:left; }	
		.shared-form .label a.help { float:right; display:block; width:31px; height:30px; background:url('../images/icons/help.png') top left no-repeat; text-indent:-1000em; }		
	.shared-form label { display:block; margin:0 0 8px; color:#336699; font-size:18px; }
	.shared-form input { display:block; width:95%; padding:4px; margin:0 0 24px; font-size:18px; }	
		.shared-form input.short { width:10%; }		
	.shared-form select { display:block; width:100%; padding:4px; margin:0 0 24px; font-size:18px; }		
	.shared-form textarea { display:block; width:100%; height:80px; padding:4px; margin:0 0 24px; font-size:18px; }		
	.shared-form .checkbox-holder { overflow:hidden; zoom:1; margin:0 0 24px; }		
		.shared-form .checkbox-holder * { float:left; height:22px; vertical-align:middle; }			
		.shared-form .checkbox-holder label { color:#999999; font-size:16px; }				
		.shared-form .checkbox-holder .checkbox { width:auto; margin:0 8px 0 0; }
		.shared-form a.register { display:block; width:86px; height:26px; background:url('../images/buttons/button-register.png') top left no-repeat; text-indent:-1000em;  }			
		.button-submit { display:inline-block !important; width:70px !important; height:26px; padding:0 !important; background:url('../images/buttons/button-submit.png') top left no-repeat; border:0; text-indent:-1000em; cursor:pointer; }
		.button-cancel { display:inline-block !important; width:87px !important; height:26px; padding:0 !important; background:url('../images/buttons/button-cancel.png') top left no-repeat; border:0; text-indent:-1000em; cursor:pointer; }		
	.shared-form .checkbox input { display:inline; width:auto; margin:0 6px 0 0; }	

/******************************
   Success/Error
******************************/		
.success { height:55px; line-height:55px; margin:0 0 12px; padding:0 0 0 64px; background:url('../images/bg-success.png') top left no-repeat; color:#ffffff; font-size:16px;  }
.error { display:none; height:55px; line-height:55px; margin:0 0 12px; padding:0 0 0 24px; background:url('../images/bg-error.png') top left no-repeat; color:#ffffff; font-size:16px; }
	.success span, .error span { font-size:24px; }
	

/******************************
   Footer
******************************/						
#footer { overflow:hidden; font-size:10px; margin:0 20px 20px; }
	#footer .copyright { float:left; }
	#footer .links { float:right; }	
	a.twitter-small { float:left; display:block; width:16px; height:16px; margin:0 2px 0 0; background:url('../images/icons/twitter-small.png') top left no-repeat; text-indent:-1000em; }
	a.facebook-small { float:left; display:block; width:16px; height:16px; background:url('../images/icons/facebook-small.png') top left no-repeat; text-indent:-1000em; }