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

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

body 				{	
						text-align: center;
						background-color: #cfdffd;
						font-family: Tahoma, Arial, Verdana;	
						color: #333333;}

#page_container 		{	
						background: url(../images/bkg_body.gif) top left repeat-y;
						width: 759px;
						position:relative; 
						margin: 0px auto; 
						height:auto !important; 
						height:100%; /* IE6: treats it as min-height*/
						min-height:100%; 	}

#header				{	background: url(../images/bkg_header.gif) top left no-repeat; 
						min-height: 150px;
					}

#header h1			{	text-indent: -9999px; 
						padding-top: 10px;
						padding-left: 26px;
						padding-bottom: 0;
						margin: 0;
					}

#header a			{	margin-left: 25px;
						font-size: 19pt;
						font-weight: bold;
						color: black;
						font-family: Tahoma;
						text-decoration: none;
					}					
					
#header a#logo img	{
						border: 0;
					}							
						
#powered_by			{	
						position: absolute;
						right: 20px;
						top: 48px;
						border: 0;
					}		
					
#content,#share_content	{	clear: both;		
							padding-bottom: 45px; /* Footer Padding */}

/* ====> Testimonial Submission Panel */
h2#write_us			{	text-indent: -9999px; 
						margin: 1.2em 0.9em 0.4em 1.2em;
						height: 15px;
						width: 395px;
						background: url(../images/hdr_write_testimonial.gif) no-repeat; }

#fields				{	min-height: 275px; }						

#testimonial, #email_friends
					{	border: 0;
						margin: 0 0 0 20px;
						padding: 0;
						position: relative;
						background: url(../images/bkg_panel_body.gif) repeat-y;
					}				

/* ====> Suggeston Bubbles */
#suggestions		{
						position: absolute;
						left: 461px;
						top: -69px;
						height: 166px;
						width: 266px;
						text-align: center;
						background: url(../images/suggest_bubble.gif) no-repeat;
					}		
#suggestions p		{	width: 200px;
						line-height: 135%;
						color: #fc503e;
						font-weight: normal;
						font-size: 12pt;
						margin: 40px 20px 20px 43px;
						top: 0;
						left: 0;
						position: absolute;
					}
					
#testimonial #fields, #email_friends ol	  /* additional style specified on ol below */	
					{	background: url(../images/bkg_panel_header.gif) no-repeat;
						margin: 0;
						padding: 0;
						padding-bottom: 10px;
						list-style: none;
						margin-bottom: 0px;
					}	
#testimonial ol		{
						margin: 0;
						padding: 0;
						padding-bottom: 0px;
						list-style: none;
						margin-bottom: 0px;
					}	
			
							
#testimonial li, #email_friends li
					{	margin: 0px 0px 0px 10px; 
						padding: 6px 10px 6px 9px;
					}					

#txt_testimonial	{ 	width: 440px;
						height: 8em;
						padding: 5px;
						margin-top: 15px;
						font: 11pt tahoma;
					}
					
					
#testimonial #email	label 	{	
								color: #0165af;	
								text-decoration: underline;
							}
#testimonial #email	label input
							{ position: absolute; left: -9999px;		}
#sign						{ display: none;}							
							
#testimonial #email	label:hover	{	cursor: pointer;		}
					
#testimonial .textbox	{
							
							font: 11pt tahoma;
							padding: 3px;
							width: 211px;

						}					

#testimonial .desc		{	font-size: 10pt; }		


#testimonial p#email_privacy	{	font-size: 10pt; 
									margin: 5px 0px 5px 2px;
								}		

#testimonial .footer	, #email_friends .footer  /* additional style specified on footer */
					{	position: absolute;
						height: 15px;
						font-size: 10pt;
						width: 100%;
						left: 0;
						bottom: 0;
						padding: 0 0 0 0px;
						margin: 0px;
						background: url(../images/bkg_panel_footer.gif) left bottom no-repeat;
					}											
								
/* =====> Add Photos, Video, Audio section */
#add_media				{
							border: 1px solid #cbcbcb;
							width: 214px;
							height: 116px; /*ie: 125px */
							position: absolute;
							top: 165px; 
							left: 255px;
							background-color: white;
						}
#add_media h3			{	
							background: url(../images/hdr_express_more.gif) 6px 7px no-repeat #6cc0ff;
							height: 27px;
							width: 100%;
							padding: 0;
							margin: 0;
							text-indent: -9999px;
						}
#add_media ul			{	width: 92px;
							list-style-type: none;
							padding: 0;
							margin: 0;
							float: left;
						}						
#add_media li				{	border: 1px solid #cbcbcb;							
							border-top: 0;
							border-left: 0;
							height: 16px;
							padding: 7px 12px 6px;
							margin:0;
							background-color: #f2f6ff;
						}						
#add_media li.on			{
							background-color: white;
							border-right: none;
							color: #0493ff;	
						}	
						
#add_media li				{	font-size: 10pt;
							color: #82b6e0;	
							border-right: 1px solid #cbcbcb;
						}
#add_media li.off:hover	{
							background-color: #f8faff;
							color: #39a9fe;	
						}								
#add_media li:hover		{	cursor: pointer; }						
						
							
#add_media img			{ 	float: left;	
							padding: 5px 0px 0px 16px;
						}
#add_media img:hover		{	cursor: pointer;}		

#add_media #upload		{
							position: relative;
						}
				
#add_media .file 		{
							float: left;
							width: 100%;
							border: 1px solid #cbcbcb;
							margin: -1px 0px 0px -1px;
							height: 57px;
							left: 0;
							top: 90px;
							position: absolute;
						}
#add_media .file input	{
							margin: 5px 3px 2px 7px;
							width: 190px;
						}						
#add_media .file label 
						{
							padding: 0px 5px 3px 7px;
							display: block;
							font-size: 10px;
							
						}
#add_media #add_photo_upload	{	background-color: #e7ffc9;	}						
#add_media #add_video_upload	{	background-color: #f7edec;	}
#add_media #add_audio_upload	{	background-color: #e9f9fd;	}
						
						
			

					
/* ====> Share Panel */
					
h2#share_love		{	text-indent: -9999px; 
						margin: 1em 0.9em 0.4em 1.2em;
						height: 15px;
						width: 395px;
						background: url(../images/hdr_share_the_love.gif) no-repeat; }		
#email_friends ol	{
						padding-top: 10px;
						padding-bottom: 62px;
					}						
#email_friends .desc	{
						padding-top: 15px;
						font-size: 10pt;
						line-height: 150%;
						width: 450px;
					}
#recipient_list		{ 	width: 440px;
						height: 4em;
						padding: 5px;
						margin-top: 0px;
						font: 11pt tahoma;
					}		

img#import_addressbook {
							border: 0;
						}
											
					
#email_friends .footer  {
						height: 60px;
						padding-left: 20px;
					}

/* ====> Raffle */					
#raffle 				{	background: url(../images/bkg_raffle.gif) repeat-y;	
						position: absolute;
						left: 506px;
						top: -40px;						
					}
#raffle h3			{ 	height: 53px;
						width: 211px;
						padding: 0;
						margin: 0;
						text-indent: -9999px;
						background: url(../images/hdr_raffle.gif) no-repeat;
					}
#raffle div			{	background: url(../images/ftr_raffle.gif) left bottom no-repeat;
						padding: 0px 20px 30px 20px;
						width: 171px;
						font-size: 11pt;
						line-height: 130%;

					}	
#raffle a			{	color: #f85403;	}	

em.more_info		{	color: #f85403; 
								text-decoration: underline;
								font-style: normal;
							 }
em.more_info:hover		{	cursor: pointer; }

#email_friends .desc em.more_info 	{ 	color: #4d65bc;	}

li.rewards_campaign_details	
					{
						border: 1px solid #fdd355;
						background: url(../images/bkg_top_orange.gif) top repeat-x #fdf2db;
						width: 420px;
						margin: 10px 10px 10px 20px !important;
						padding: 15px 15px 15px 15px !important;
					}

li.rewards_campaign_details	p
					{	margin-top: 0px;
						font-size: 10pt; }
				
#agreement			{	font-size: 10pt;
						padding-left: 25px;
						padding-top: 0;
						margin-top: 0;
						margin-bottom: 30px;
					}
#agreement input#permission
					{	margin: 0px 5px 0px 7px; 
						vertical-align: middle; }					

#agreement #allow_permission
					{
						display: block;
						margin: 8px 10px 21px 0px;
					}
							
					
#footer				{	position:absolute;
						width:100%;
						height: 38px;
						background: url(../images/bkg_footer.gif) bottom left no-repeat; 
						left: 0;
						bottom:0; /* stick to bottom */	
						font-size: 0.8em;}
						
#content_container  	{	
						text-align: left;
						width: 770px;
						margin: 0 auto;		}

		

					

/* _______________________________ Testimonial Cpature 2nd Page _______________________________________________________________________________________ */						
#share_content		{
						margin-left: 26px;
					}
p#thanks			{	margin: 2.6em 0.9em 0.4em 0em;
						font-size: 11pt;}

h2#prefer_other	
					{	text-indent: -9999px; 
						margin: 0.6em 0.9em 0.4em 0.1em;
						height: 29px;
						width: 403x;
						background: url(../images/hdr_prefer_other_ways.gif) no-repeat; 
					}
					
h3#add_to_facebook	{
						text-indent: -9999px; 
						margin: 0.9em 0.9em 0.4em 0.1em;
						height: 30px;
						width: 360x;
						background: url(../images/hdr_facebook_add_to_wall.gif) no-repeat; 						
					}
p#wall_sample		{
						margin: 0.9em 0.9em 0.2em 1.5em;
						padding: 30px 5px 0px 55px;
						font: 8pt tahoma;
						width: 690px;
						height: 50px;
						background: url(../images/bkg_facebook_wall.gif) no-repeat; 						
					}	
p#wall_sample em	{	color: #3b5998;	
						font-style: normal;
					}
p#wall_sample strong	{	color: #3b5998;	
						font-weight: normal;
						font-size: 7.5pt;
					}
					
h2#you_wrote		{	text-indent: -9999px; 
						margin: 1.2em 0.9em 0.4em 0.1em;
						height: 22px;
						width: 170x;
						background: url(../images/hdr_you_wrote.gif) no-repeat; 
					}			
blockquote			{	font-size: 0.9em;
						padding: 10px 18px 10px 6px;
						margin: 0;
						height: 55px;
						line-height: 140%; 	
						background: url(../images/bkg_quotes.jpg) 40px top no-repeat;			}					
li.rewards_campaign_details
					{
						display: none;
					}
/* =====> Share Section */	
				
#blog_about_it		{
						float: left;
						margin-left: 0px;
						width: 330px;
						height: 140px;
					}
#blog_about_it h3	{
						text-indent: -9999px; 
						margin: 0.9em 0.9em 0.4em 0.5em;
						height: 23px;
						width: 151x;
						background: url(../images/hdr_blog_about_it.gif) no-repeat; 						
					}			
#write_a_review		{
						float: left;
						width: 330px
					}
#write_a_review h3	{
						text-indent: -9999px; 
						margin: 0.9em 0.9em 0.4em 0.1em;
						height: 17px;
						width: 360x;
						background: url(../images/hdr_add_review.gif) no-repeat; 						
					}	
				
.share_list ul			{	margin: 0 0 0 0px; padding: 0;	}					

#blog_about_it ul		{	margin-left: 10px;	}	
#write_a_review ul		{	margin-top: 12px;	}

.share_list li			{	float: left; width: 125px; list-style: none; padding: 0px 0px 0px 25px; margin: 3px 0 3px 0; line-height: 100%;	}
.share_list a			{	text-decoration: none; font-size: 10pt; color: #0184e7;}
.share_list a:hover		{	text-decoration: underline;	}
.share_list a:visited	{	color: #4404fc;	}
					
#rvw_yahoo			{	background: url(../images/social_networks.gif) no-repeat scroll 0 -560px!important;}
#rvw_google			{	background: url(../images/social_networks.gif) no-repeat scroll 0 -220px!important;}
#rvw_yelp			{	background: url(../images/social_networks.gif) no-repeat scroll 0 -1000px!important;}
#rvw_citysearch		{	background: url(../images/social_networks.gif) no-repeat scroll 0 -920px!important;}
#rvw_yellowpages	{	background: url(../images/social_networks.gif) no-repeat scroll 0 -1180px!important;}

#blog_twitter		{	background: url(../images/social_networks.gif) no-repeat scroll 0 -620px!important;}
#blog_wordpress		{	background: url(../images/social_networks.gif) no-repeat scroll 0 -660px!important;}
#blog_typepad		{	background: url(../images/social_networks.gif) no-repeat scroll 0 -700px!important;}
#blog_blogger		{	background: url(../images/social_networks.gif) no-repeat scroll 0 -680px!important;}
#blog_livejournal	{	background: url(../images/social_networks.gif) no-repeat scroll 0 -1060px!important;}
#blog_orkut			{	background: url(../images/social_networks.gif) no-repeat scroll 0 -1080px!important;}
#blog_hi5			{	background: url(../images/social_networks.gif) no-repeat scroll 0 -1100px!important;}
#blog_friendster	{	background: url(../images/social_networks.gif) no-repeat scroll 0 -1120px!important;}
#blog_myspace		{	background: url(../images/social_networks.gif) no-repeat scroll 0 -520px!important;}
#blog_facebook		{	background: url(../images/social_networks.gif) no-repeat scroll 0 -180px!important;}
					
					
.clear			{	clear: both;	}					
#thank_you h2
					{	text-indent: -9999px; 
						margin: 1.8em 0.9em 0.4em 0.1em;
						height: 29px;
						width: 640x;
						background: url(../images/hdr_thankyou_word_of_love.gif) no-repeat; 
					}					
#thank_you p			{	
						margin: .5em .5em 2.1em .5em;
						font-size: 11pt;
					}


/* _________________________________________ Kudosboard #kb and Kudosboard Detail Page #kbd ____________________________________ 
2 pages are intermingled since the look and feel is mostly shared between the two pages
*/

						
#powered_by			{	
						position: absolute;
						right: 20px;
						top: 48px;
						border: 0;
					}		

#logo			{	float: left;		}
						
#seal				{	
						/*position: absolute;
						right: 23px;
						top: 48px;
						border: 0;*/
						
						float: right;
						margin: -4px 40px 16px 0px;
						padding-top: 0 !important;
					}	


#kb	h2, #kbd h2		{	font-size: 1.3em;
						padding-top: 10px;
						font-weight: normal; 	
						padding-left: 28px;
						margin: 0px 0 0px;
						color: #6cc0ff; 
						width: 490px;	
						float: left;
						clear: both;
					}
#kbd h2				{	float: none;	
						display: inline;
						width: auto;
						padding-top: 0px;
						
						vertical-align: middle;
						padding-right: 5px;
					}
#kbd .back			{
						color: #6cc0ff;
					}					

#kbd #kb_content		{	margin-top: 0px;	}
					
#kbd h3				{		font-size: 8pt;
							padding-left: 28px;
							margin-top: 5px;
							font-weight: normal;
					}		
#kbd h3 em			{		font-size: 11pt;
							font-style: normal;
							font-weight: bold;
							color: #;
					}
					
a.write_us			{	float: left; 
						margin: 4px 0px 7px;
						width: 220px;	}
a.write_us img		{	border: 0;		}						
						
/* ====> blue bubbles */						
						
#kb blockquote.odd, #kbd blockquote  	/* both kb and kb details */
						{	margin: 10px 0 0 20px;
							padding: 0;
							background: url(../images/bkg_bubble_blue_body.gif) repeat-y top left; 
							height: auto;
						}	
						
#kbd blockquote			{	margin: 20px 0 0 36px;
							background: url(../images/bkg_bubble_blue_lg_body.gif) repeat-y top left; 

						}						

#kbd #kb_content div a.back				{	margin: 25px 0px 0px 25px; }						
						
#kb blockquote a		{	color: #0493ff; }						
						
#kb blockquote.odd p.testimonial, #kbd blockquote p.testimonial	/* both kb and kb details */
						{	margin: 0 0 0 0;
							padding: 12px 15px 0px 88px;
							width: 467px;
							font-size: 10.5pt;
							color: #616367;
							background: url(../images/bkg_bubble_blue_top.gif) no-repeat top left;
							background-color: transparent;
						}
						
#kbd blockquote p.testimonial	{ 	width: 562px;
								
								background: url(../images/bkg_bubble_blue_lg_top.gif) no-repeat top left; } 						

#kb .testimonial img.pic, #kb .testimonial img.media, #kbd .testimonial img.pic
							{
								float: left;
								padding: 5px;
								border: 1px solid silver;
								margin: 3px 15px 0px -15px; /* negative left margin here causes problems for IE */
								background-color: white;
								max-height: 100px;
								max-width: 100px;
							}
							


#kbd .attachment			{	display: block; padding-top: 20px;}							
#kb .testimonial img.media
							{
								border: 1px solid #dfdfe0;
								padding: 2px;
							}
#kbd .testimonial img.media	{	padding: 0;	
								margin: 18px 5px 18px -8px;
								border: 0;}							
							
#kbd blockquote .testimonial img.pic	{	
										max-width: 545px;	
										margin: 18px 5px 18px -8px;
										max-height: 650px !important;
										float: none;

										
							}
							
#kb blockquote.odd p.author, #kbd blockquote p.author	/* both kb and kb details */
						{	margin: 0px 0 0 0;
							padding: 5px 15px 19px 88px;
							width: 467px;
							color: #616367;
							background: url(../images/bkg_bubble_blue_bottom.gif) no-repeat bottom left;
							font-size: 8pt;
						}

#kb blockquote p.author	{	text-decoration: normal;		
						}


#kb blockquote.odd p.attachment
						{
							width: auto !important;
							padding-right: 200px !important;
						}						
						
#kb blockquote.even p.attachment
						{
							width: auto !important;
							padding-right: 100px !important;
						}
						
						
#kbd blockquote p.author	{ 	width: 562px;
							background: url(../images/bkg_bubble_blue_lg_bottom.gif) no-repeat top left; 
							
							} 												
						
#kb blockquote.odd p.author em, #kbd blockquote p.author em	/* both kb and kb details */
						{	font-size: 11pt;
							font-style: normal;
							font-weight: bold;
						}

/* ====> silver bubbles */						
						
#kb blockquote.even  	{	margin: 10px 0 0 165px;
	
							padding: 0;
							background: url(../images/bkg_bubble_silver_body.gif) repeat-y top left; 
							height: auto;
						}	

#kb blockquote.even p.testimonial
						{	margin: 0 0 0 0;
							padding: 12px 75px 0px 40px;
							width: 467px;
							font-size: 10.5pt;
							color: #616367;
							background: url(../images/bkg_bubble_silver_top.gif) no-repeat top left;
							background-color: transparent;
						}
						
#kb blockquote.even p.author
						{	margin: 0px 0 0 0;
							padding: 5px 75px 15px 40px;
							width: 467px;
							color: #616367;
							background: url(../images/bkg_bubble_silver_bottom.gif) no-repeat bottom left;
							font-size: 8pt;
						}	
						
#kb blockquote.even p.author em
						{	font-size: 11pt;
							font-style: normal;
							font-weight: bold;
						}

						
/* USE THIS FOR Footer Padding */
#kb_content			{	
							padding-bottom: 105px; /* Footer Padding */}

						
#kb 	#footer, #kbd #footer	{	
							height: 93px;
							background: url(../images/bkg_footer.gif) bottom left no-repeat; 
							left: 0;
							bottom:0; /* stick to bottom */	
							font-size: 0.8em;}				
						
#kb #footer	p, #kbd #footer p
						{
							font-size: 8pt;
							width: 520px;
							margin: 29px 0px 0px 25px;
							float: left;
						}				
#kb #footer img, #kbd #footer img
						{
							float: left;
							border: 0;
						}