/* -------------------------------------------------------- CSS for Page Template ------------------------------------------------------------*/

html, body 			{ 	margin:0;
						padding:0;
						height:100%; 		}

body 				{	background: url(../images/bkg_top_sky.jpg) top repeat-x; 
						text-align: center;
						font-family: Tahoma, Arial, Verdana;	
						color: #333333;}

#page_container 		{	background: url(../images/bkg_sky_and_hill.jpg) top center no-repeat; 
						position:relative; 
						margin:0 auto; 
						height:auto !important; 
						height:100%; /* IE6: treaded as min-height*/
						min-height:100%; 	}

#content_container  	{	text-align: left;
						width: 770px;
						margin: 0 auto;		}

#content			{	clear: both;		
						padding-bottom: 170px; /* Footer Padding */}
#content img		{	border: 0;	}					

#kudosworks_logo 	{	display: block;	
						border: 0;
						float: left;		}

#menu 				{	display: block; 
						float: right; 
						margin-top: 15px; 	}
					
#menu li 				{	list-style-type: none; 
						margin: 0; 
						padding:0; 
						float: left;		}
					
#menu img 			{	border: 0;			}			
			
#footer				{	position:absolute;
						width:100%;
						clear: both;
						height: 150px;
						background: url(../images/bkg_bottom_sky.jpg) top repeat-x;
						left: 0;
						bottom:0; /* stick to bottom */	
						font-size: 0.8em;}
						
#footer p			{	color: #4f97cd;	
						margin: 10px;			}
						
#footer .copyright	{	color: #333333; 
						font-size: 0.93em;		}

a					{ 	color: #0493ff; 	}

h1					{	padding-top: 10px;
						padding-left: 26px;
						padding-bottom: 0;
						margin: 0;	}

h2					{	font-size: 1.22em;
						padding-top: 10px;
						font-weight: normal; 	
						padding-left: 26px;
						margin-bottom: 0px;
						color: #0379c6; }
						
						
h3					{	font-size: 1.0em;
						padding-top: 5px;
						font-weight: bold; 	
						padding-left: 26px;
						margin-bottom: 0px;
						color: gray; }			
						
h2.left_visual, h2.right_visual	
					{	padding-top: 25px;
						margin-top: 5px;
						margin-bottom: -50px;
						height: 70px;}

h2.left_visual		{	background: url(../images/bkg_left_blue_hills.jpg) top left no-repeat;}

h2.right_visual		{	background: url(../images/bkg_right_blue_hills.jpg) top right no-repeat;
						text-align: right; 
						padding-right: 30px;	}
						
h2.subheader		{	padding: 0;	
						padding-left: 26px;
						background: none;
						margin: 0;	
						height: auto;
						margin-top: -3px; 		}

p					{	color: #333333;
						margin: 13px 0px;
						padding-left: 26px;
						padding-right: 20px;
						font-size: 0.9em;
						line-height: 150%; 		}

ul					{	margin-left: 30px; 
						line-height: 140%;
						font-size: 0.83em;	}

blockquote, .quote
					{	font-size: 0.9em;
						padding: 10px 18px 10px 26px;
						margin: 0;
						line-height: 140%; 	
						background: url(../images/bkg_quotes.jpg) 40px top no-repeat;			}
blockquote div.by		{	 font-style: italic;	
						padding-top: 6px;		}						

#banner				{	position: relative;}

#login 				{	width: 312px;
						height: 122px;
						font-size: 1.2em;
						/*display: none;*/
						background: url(../images/bkg_login.gif) no-repeat top left;
						position: absolute;
						top: 48px;
						right: 3px;
						z-index: 10;
						background-color: white;
						border: 0;					}
						
#login div			{	padding: 3px 3px 3px 3px;	
						width: 307px;
						clear: both;
						float: left;				}									
						
#login div.user		{	padding-top: 10px;			}	


#login label			{	font-size: 0.8em;	
						display: block;
						padding: 2px 4px 2px 0px;
						color: #333333;
						float: left;
						font-weight: bold;			
						width: 160px;
						text-align: right;			}		

#login input			{	float: left; 
						display: block;
						width: 120px;				}
						
#login .button,  #login .forgot
					{	 
						padding-top: 2px;
						
						line-height: 100%;}
					
#login #button		{	width: 62px;
						margin-left: 164px;
						height: 21px;					}					
					
#login a				{	color: #fe1700;	
						margin-left: 164px;
						font-size: 0.8em;				}					
						
.clear				{	clear: both;}
/* -------------------------------------------------------- home Page Items  ------------------------------------------------------------*/

#home h1, h2.subheader 			{	float: left;			}

#home h1							{	padding-top: 16px;		}

#home img#spread_rave_reviews	{	padding-left: 15px;		}

#home #how_it_works p			{	line-height: 170%;
									float: left; 
									margin:0; 
									padding: 2px 0px 0px; 
									width: 256px			}
#home #how_it_works span			{	padding: 2px 0px 0px 8px; display: block;		}								

#home #share_testimonials span, #home #attract_qualified_leads span
								{	padding: 2px 0px 0px 14px; }

#home #signup_learnmore, #home #signup_learnmore2, div.signup_learnmore
								{	clear: both;
									text-align: right; 
									padding: 10px 30px 0px 0px;		}
									
#home #signup_learnmore2			{	padding: 20px 20px 10px 0px;					}									

#home #signup_learnmore img, #home #signup_learnmore2 img, div.signup_learnmore img	
								{	padding: 0; margin: 0; border: 0;}

#home #feature_benefits			{	background:	url(../images/bkg_sky_hill_center.gif) no-repeat center 18px ;	
									float: left;	}

#home #featured_in				{	clear: both;
									float: left;
									width: 390px; 
									font-size: 1.0em;
									padding-right: 10px;		}



#home div h2						{	padding: 32px 0px 0px 10px;	
									margin: 0px 0px 15px 0px;
									width: 350px;}									

#home #featured_in div 			{	clear: both; 
									margin: 0px 0px 10px 0px;
									float: left;
									width: 390px;									}
									
#home #featured_in div img			{	margin: 35px 0px 0px 0px; 
									float: left; 					
									display: block;	}
									
#home #featured_in blockquote		{	margin: 10px 0px 0px 0px; 
									padding: 0px 5px 0px 0px;
									float: right; 	
									line-height: 160%;
									width: 245px;
									background: none;						}
									
#home #featured_in #womma		{	margin: 60px 0px 0px 0px; 				}		
									
#home #featured_in #realtor		{	margin: 15px 0px 0px 0px; 				}									
									
#home #benefits					{   float: left; 
									width: 365px;					
									background: url(../images/bkg_stars_lg.gif) no-repeat left 250px;		}

#home #benefits ul				{	margin: 8px 0px 0px 0px;		
									padding: 5px 0px 5px 25px;	
									font-size: 0.9em;
									line-height: 160%;		}									
								
#home #how_it_works	strong		{	font-weight: 110%;	
									font-style: normal;		}


#home #happy_customers			{	background:	url(../images/bkg_sky_hill_center.gif) no-repeat center 18px ;	
									float: left;	}

#home #happy_customers h2		
,#home #happy_customers h2 img		
								{	line-height: 50%;
									margin-bottom: 0px;
									padding-bottom: 0px;					}

	
#home #happy_customers div		{	line-height: 50%;
									width: 350px;
									float: left;	
									padding-top:0;
									margin-top: 0;							}		
									
#home #happy_customers h2 + div
								{  	margin-right: 20px; 					}		

#home #happy_customers div#column1 {	margin-right: 20px;
									width: 390px;							} 													
						
#home #happy_customers blockquote	{	margin: 5px 0px 7px 0px; 
									padding: 12px 0px 0px 0px;
									background: none;
									line-height: 160%;						}		
									
#home blockquote em				{	background-color: #dbf0fe;
									font-style: normal;						}			

/* -------------------------------------------------------- learn more ------------------------------------------------------------*/



#learn_more div					{	margin-top: 20px;						
									clear: both;
									width: 770px;
									float: left;							}

#learn_more div h2				{	margin: 0;
									text-align: left;
									padding: 20px 0px 0px 0px;
									height: 30px;
									float: right;	
									width: 500px;							}	 

#learn_more #how_receive_testimonials h2		
								{	float: left;							}	
									
#learn_more div img				{	float: left; 
									padding-top: 10px;	 					}

#learn_more h1 img				{	margin-top: 0;	padding-top:0;						}														
									
#learn_more div#how_receive_testimonials img		
								{	float: right;
									padding-left: 10px;}									


#learn_more #how_start ul			{	float: left; 
									margin: 0px 0px 0px 0px;
									padding: 5px 0px 0px 40px;
									width: 450px;
									}
									
#learn_more #how_start li			{	list-style-type: disc; 
									float: left;
									line-height: 160%;
									display: inline-block; }				

#learn_more #how_start li.column1	{	width: 290px;	
									float: left;	}

#learn_more #how_start li.column2	{	width: 160px;	
									float: left;	}

#learn_more #help_my_business ol	{	float: left;
									line-height: 160%;
									font-size: 0.9em;
									margin: 0px 0px 0px 20px;
									padding: 5px 0px 5px 30px;	}									
									
#learn_more div p					{	padding: 5px 0px 5px 15px;
										width: 490px;
										line-height: 160%;
										margin: 0px 0px 0px 0px;
										float: left;}	
										
#learn_more div#how_receive_testimonials p		
								{	float: left;
									padding-left: 0px; 		}

#learn_more div#help_my_business	{	margin-bottom: 0; 
									padding-bottom: 0;		}									
									
#learn_more div.sign_up			{	float: left; 
									clear: both;
									text-align: right; 
									margin: 0px 0px 0px 0px;
									padding: 0px 10px 0px 0px;		}									
									
#learn_more div.sign_up img		{	float: none; 
									padding: 0px 40px 0px 0px;
									margin: 0;
									border: 0;			}									
									
#learn_more blockquote				{	clear: both;
									line-height: 160%;
									padding-left: 40px;
									margin-bottom: -20px;
								}

/* -------------------------------------------------------- pricing ------------------------------------------------------------*/

#pricing h2						{	font-size: 1.4em;}

#pricing h2#sign_up				{	margin-bottom: -50px;}
								
								
#pricing p#intro					{	background: url(../images/bkg_left_blue_hills.jpg) left 10px no-repeat;
									padding: 25px 0px 20px 25px;
									clear: both;		}

									
#pricing table 	 				{	width: 760px;
									margin: 0px 0px 0px 10px;
									border-spacing: 0;
									border-collapse: collapse;
									padding: 0;}
									
#pricing table th.header			{	border: 0;
									text-align: left;
									height: 60px;
									vertical-align: bottom;
									font-weight: normal;
									padding: 0px 0px 10px 15px;
									font-size: 1.4em;
									color: #0379c6; }
									
#pricing table th, #pricing table td	{	border: 4px solid #f3f1f0;	
									vertical-align: top;
									text-align: center;
									margin: 0;
									padding: 2px 2px 2px 2px;}
							
									
#pricing table th img				{	padding-top: 10px; border: 0; }

									
#pricing table td.feature			{	text-align: left; 
									padding: 2px 5px 2px 5px;
									background-color: #f9f9f9;
									vertical-align: middle;
									width: 275px;
									font-size: 0.8em;			}
									
#pricing table td 					{	font-size: 0.9em;
									vertical-align: middle;
									height: 36px !important;	}									

#pricing table td img				{	border: 0; vertical-align: middle;	}									
									
#pricing td.none					{	color: gray; 			}
									
#pricing table th					{	text-align: center;	}									

#pricing table th em				{	padding: 8px 0px 4px 0px;	
							font-weight: normal;
							line-height: 200%;
							font-style: normal;
							font-color: #222222 }

#pricing table th.trial			{	background-color: #f1f7fb;	}									

#pricing table th.business			{	background-color: #e3f2fd;	}									

#pricing table td.business			{	background-color: #f9fbfd;	}									

#pricing table th.premium			{	background-color: #d3ecff;	}	
								
#pricing table td.premium			{	background-color: #f4fafe;	}									



#pricing ul						{	margin: 0px 0px 0px 0px;
									padding-left: 40px;
									font-size: 0.9em;			}	


#pricing div#satisfaction		{	border: 4px solid #f3f1f0;
									border-top: 2px solid #f3f1f0;
									width: 756px;
									margin-left: 8px;
									margin-bottom: 25px;
									background-color: #fff8ce;
									float: left;				}		


#pricing div#satisfaction img	{		float: left;
									padding: 5px 0px 5px 10px;		}

#pricing div#satisfaction p	{		float: left;
									padding: 0;
									margin: 10px 5px 5px 15px;
									font-size: 0.8em;
									width: 578px;				}								
									
a.tooltip { 
    position:relative; /*this is the key*/
	display: inline; /* 1/25/08 - changed from inline-block to inline tested on IE7, IE6, Netscape 7, Firefox, Safari on PC, Safari on Mac */
	_display: inline;
    vertical-align: top;
    text-decoration: none;
    _border-bottom: none;    
}

a.tooltip span {display:none; text-align: left; text-decoration: none;}

a.tooltip span em {font-style: normal; font-weight: normal; text-decoration: underline; display: block; padding-top: 5px; padding-bottom: 1px;}
a.tooltip span em.first {padding-top: 0px;}
a.tooltip span em.none {display: none;}
a.tooltip:hover{z-index:25; _background-color: White; cursor: pointer;}

a.tooltip:hover span
{
    text-decoration: none;
	display:block;
	position:absolute;
	top: 20px;
	left: 20px;
	padding: 7px;
	z-index: 100;
	font: 8pt/130% Verdana;
	width: 250px;
	text-align: left;
	white-space: normal;
	background-color: #FFFFCF; color:#000;
	border: 1px solid #FFD100;
	/*float:left;filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87;	*/
}									
/* -------------------------------------------------------- about_us ------------------------------------------------------------*/
#about_us h2#kudosworks		{	clear: both; 
								margin-top: 30px !important;
								padding-top: 15px;	}		

#about_us h3#word_of_mouth	{	text-align: center; height: 40px;	
								font-size: 1.1em;
								background: url(../images/bkg_quotes_lt.jpg) 70px top no-repeat;			}

#about_us #contact_us h3, #about_us #contact_us p		
							{	/*margin-left: 380px; */	}								

/* -------------------------------------------------------- account signup ------------------------------------------------------------*/
#signup_account table		{	margin-left: 26px;	}
#signup_account	table td	{	padding: 1px 2px 3px 2px;  }

#terms p, #privacy p		{ text-align: justified;}