html, body {
	background-color: #FFFFFF;
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

/* ======= MAIN LAYOUT STYLES ======= */

.pagelayout { width: 780px; font-size:10pt; text-align:left; }
#printemail { clear: both; padding-top: 3px; padding-bottom: 3px;}
#lefthome   { margin:0 75% 0 0; padding:0px; font-size:8pt;}
#contenthome { float:right; width: 78%; margin: 0; padding: 2% 1% 0 0; font-size:8pt;line-height:13pt;}
#contenthome2 { float:right; width: 78%; margin: 0; padding: 2% 1% 0 0; font-size:8pt;line-height:13pt;}
#bottomhome { clear: both; padding-top:5px;}
/* optintag is used in H&T signup box */
#optintag   { font-size:9pt; }
#optintag input.submit, #optintag2 input.submit, #optintag3 input.submit { color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background: #6666c2; }
#optintag input { font-size:8pt; }
td { font-size:9pt; }
.smalltext { font-size:8pt; }
/* style for the round corner gray table/box without forms - example 404.jsp */
td.tbl_rndcnr {
	background-color:#EEEEF4; 
	padding-left:40px; 
	padding-right:40px;
}
sup {
	font-size:75%;
}
/* back to top rule */	
div.backtotop hr {
	border: none 0; 
	border-top: 1px solid #dadae6; 
	border-bottom: 1px solid #dadae6;
	width: 100%;
	height: 2px; /* whatever the total width of the border-top and border-bottom equal */
}
hr.light {
	border: none 0; 
	border-top: 3px solid #eeeef4; 
	border-bottom: 3px solid #eeeef4;
	width: 100%;
	height: 6px; /* whatever the total width of the border-top and border-bottom equal */
}
/* LAYOUT STYLES FOR 'FULL PAGE FORMS' */
/* EB: Will take a look at these later when updating all forms to the new rounded corner table styles, these should be consistent and have more generic name */
#FormContent    { width: 100%; padding: 3px; margin: 0; }
#FormContent p 	{ font-family : Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;}


/* ======= LINK STYLES - generic ======= */
a.current:link { 
	color: #8584A5; 
	text-decoration:none; 
}

a:link, a:visited   {
	color: #484882;
	text-decoration: underline;
}
a:active { 
	color: #8584A5;  
	text-decoration: underline; 
}
a:hover { 
	color: #8584A5;  
	text-decoration: underline; 
}
/* ===== HEADER STYLES - generic ===== */
/* orangeheader should be removed - used poorly, H1 style is fine. Used everywhere */
h1, .orangeheader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight:normal;
    color:#ff6600;
    margin-bottom:5px;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color:#484882;
}

/* h3 used on templates homepage to eliminate spacing, use h3 when you need to eliminate spacing around h4  */

h3, h3 a:link, h3 a:visited  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color:#6666c2;
    margin: 0; 
    padding: 0;
}    
    
h4, h4 a:link, h4 a:visited   {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color:#6666c2;
}
h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color:#ff6600;
	margin-bottom:5px;
	margin-top:5px;
    line-height:1.5em;
}
h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color:#484882;
}

/* ===== LIST STYLES - generic ===== */
ul.orangearrow li {
	list-style-image:url("http://img.constantcontact.com/lp/images/standard/bullet_arrow_orange3.gif");
	padding-bottom:10px;
}
	
/* ======= TEXT STYLES ======= */

/* BEGIN: specific for signup page */
/* I don't think these specialized header tags for Community are necessary. Right now we use them for the dynamic include when you link from Community to signup for CC. This should be fixed. */
/* BEGIN: Custom header for Community Signup page */
.community_signup h1 {		
	font-size:14px; 
	font-weight:bold;
	display: inline;
	margin-bottom:5px;
}
.community_signup h4 {		
	font-size:12px; 
	font-weight: normal;
	display: inline;
	padding: 5px;
}		
/* END: Custom header for Community Signup page */
/* END: specific for signup page */
/* EB: this is used only in mypoints homepage - content_home.jsp, should be removed when this partner site is brought to the new default content layout */
#contenthome h1 {
    font-size: 14pt;
    font-weight:normal;
    color:#ff6600;
    margin-bottom:5px;
	text-align:center;
    line-height:16pt;
}

/* used on every license document */ 
.license h4 {
    font-size: 18px;
    font-weight:normal;
    color:#ff6600;
    border-bottom: 1px solid #6666c2;
    margin-bottom:0px;
    padding-top:8px;
}
/* errortext is used for form error labels and a few other places */
.errortext{
    color:#ff0000;
    font-weight:bold;
}
/* date is almost never used (except h&t 2-4) and author is used for the subheads of each old H&T */
.date,.author {
    font-family : Arial, Helvetica, sans-serif;
    font-size: 8pt;
	color:#6666C2;
}
/* BEGIN: glossary list */
dt {
	font-weight: bold;
	color: #484882;
}

dd {
	margin-left:0;
	padding-bottom:12px;
}
/* END: glossary list */

/* copyright is used exclusively in the footers. */
#copyright {
    text-align: center;
    clear:both;
	padding-top:10px;
	font-size : 75%;
}
.copyright {
    text-align: center;
    clear:both;
	font-size : 75%;
}
/* used for policy links below copyright in the footer */
#policies {
	font-size : 75%;
    text-align: center;
    clear:both;
}
/* CALLOUT STYLES - actively used on the 'callout ad' on top right of about us, quickstart and partners. Box with the CC tail at the bottom, could be broaded in naming however */
/* EB: will be addressed as a PTP after the redesign implemented */
.aboutcc {
    background-color: #6160B8;
    font-size: 19px;
    font-weight: normal;
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 0.9em;
    padding-left: 8px;
    padding-top: 5px;
}
.aboutcount {
    color: #FFCC99;
}

/* QUOTE STYLES SHOULD BE REMOVED. Used by old Case Studies layouts. We STILL use this for e-mail-marketer, however it is written poorly and should be redone. FOUND IN:content_success_stories.jsp in default and in e-mail-marketer */
/* EB: will be addressed as a PTP after the redesign implemented */
.quoteheader {
    font-family : Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:bold;
    font-style:italic;
    color:#000099;
}
.quotetext, .graytext {
    font-family : Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#6666c2;
}
.quoteauthor {
    font-family : Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
    color:#6666c2;
    padding-top:4px;
    text-align:right;
}

/* BoxTitle is ONLY uses in: content_common_signupbox_ht3.jsp and should be cleaned up */
/* EB: this is used only in mypoints and bi homepage - content_home.jsp, should be removed when this partner site is brought to the new default content layout */
.BoxTitle {
	font-size : 12px;
	font-style : normal;
    font-weight: bold;
	color : #000099;
	padding-left: 10px;
}
.BoxTitle a { text-decoration: none;}


/* BOX BORDER STYLES */
/* EB: Used only in content_common_signupbox_ht3.jsp, should be removed when this partner site is brought to the new default content layout*/
.boxtop     { border-top: 1px solid #7F7FCC; }
.boxbottom  { border-bottom: 1px solid #7F7FCC; }
.boxright   { border-right: 1px solid #7F7FCC; }
.boxleft    { border-left: 1px solid #7F7FCC; }

/* BEGIN: hide for accessibility - used in LC books section for column headings for 508 accessibility */
.accesstables { display: none; text-align: center; font-size: 0px; }

/* BEGIN: DEBUG STYLES - USED Only internally as our debug template. Should be improved, or conformed to other styles - layout of debug page itself needs improving as well. */
/* EB: will be addressed as a PTP after the redesign implemented */
.debugsmallfont {
    font-size: 8pt;
    font-style: normal;
    font-weight : normal;
    color: #000099;
}
.debugsmallboldfont {
    font-size: 8pt;
    font-style: normal;
    font-weight : bold;
    color: #000099;
    margin-left: 20px;
}
.debugfontred  {
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    color: #FF0000;
}
.debugfontredbold  {
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
    color: #FF0000;
}

/* ===== SITEMAP STYLES ====== */
#sitemap    { 
	padding:20px; 
	line-height: 16px;
}
#sitemap h1 {
	margin-bottom:0;
}
#sitemap h2 { 
	color: #6666C2; 
	font-size: 18px; 
	margin-bottom:10px;
	margin-top:20px;
}
#sitemap ul { 
	list-style-type: square;  
	margin-top:5px; 
	margin-left: 0; 
	padding-left: 2.5em;
}
#sitemap li { 
	margin-bottom: 0px; 
	padding-left: 0; 
	list-style-type: square; 
	padding-bottom: 0.2em; 
}
.tutorials { padding-left:25px; }
.tutorials ul { list-style-type: none; width:450px;  }
.tutorials li {
    color:#6666C2;
    background:url("http://img.constantcontact.com/lp/images/standard/tutorial_icon.gif") no-repeat 3px .5em;
    padding-left:25px;
    padding-top:7px;
    margin-bottom:0px;
    line-height:18px;
}
.tutorials li div { float:right; }

/* ==== SPAM TRAP DIV STYLES - actively used */
/* EB: Used only in footer.jsp in roving */
#strap { 
	visibility:hidden; 
}

/* SCREENSHOT STYLES - actively used throughout FEATURES, can be rethought as we redesign the Features section */
.screenshot { 
	float: right; 
	width: 200px; 
}
.screenshot a, .screenshot a:active , .screenshot a:visited  {
    font-size: 8pt;
    text-align: right;
    text-decoration: none;
    color: #484882;
}

/* NEWer NAVIGATION STYLES */
/* ====== HEADER STYLES - used all over the place, but probably can change with Elena's new design */
div#header {
	clear:both;
}

/* used in headers to simulate the deprecated align for img's */
img.header {
	vertical-align: middle;
}

/* EB: used in the headers for success stories for addme clones */

#header h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000099;
	font-style: oblique;
	display:inline;
	margin-left:20px;
}


/* used all over the headers for phone number layout */
#phone {
	background: url("http://img.constantcontact.com/lp/images/standard/icon_phone_sm.gif") left top no-repeat;
	font-size: 9pt;
	font-weight:bold;
	padding:3px 0 5px 27px;
	color: #8584a5;
	float: right;
}

/* used in header for the user community/free trial link formats */
#links {
	float:right;
	clear:both;
}
#header td.cclogo {
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	width:150px;
}

#header td.partnerlogo img {
	margin-top:10px;
	margin-bottom:10px;
}
/* RDD headers - These should be conformed to the other phone ID. There is minimal difference and should be fixed. */
#RDDlinks {
	font-size: 8pt;
	font-weight:bold;
	margin-top:10px;
}

#RDDphone {
	font-size: 9pt;
	color: #FF6600;
	font-weight:bold;
	padding:3px 0 2px 20px;
	margin-top:5px;
}

/* TOPQUOTE should go away, however we still have it for Overstockauctions and opensweeps. Once they are removed this can go */
/* TOP TESTIMONIAL STYLES */
#topquote {
	background-color:#6666C2;
	color:#FFFFFF;
	border-left: #000099 1px solid;
	border-right: #000099 1px solid;
}
.topquotesm {
	font-size: 75%;
	color:#FFFFFF;
	font-style: italic;
	text-align: right;
    padding-bottom: 10px;
	padding-right: 10px;
	white-space: nowrap;
    vertical-align:bottom;
}
.topquotetext {
	font-size:11pt;
	color:#FFFFFF;
	text-align:center;
}

/* BEGIN: TOP NAVIGATION OLD-- Will most likely change with Elena's design */
/* Commented backslash hack hides rule from IE5-Mac \*/

/* END: TOP NAVIGATION */

/* ====== TOP NAVIGATION - new 11/2006 ===== */
#topnav {
	background: url("http://img.constantcontact.com/lp/images/standard/tnb_bg_blue.gif") top repeat-x;
	padding-right:8px;
	padding-left:8px;
	height:29px;
}

#topnav img {
	border-bottom:solid #8584a5 5px;
	margin-left:1px;
	margin-right:1px;
}
#topnav img.tab_on {
	border-bottom:solid #FFFFFF 5px;
	margin-left:1px;
	margin-right:1px;
}
#topnav img.action {
	border-bottom:solid #f47b02 5px;
	margin-left:1px;
	margin-right:1px;
}

/* ======= MAIN SECTION STYLES =======  */
#middle {
	border-left: 1px solid #8584a5;
	border-right: 1px solid #8584a5;
	border-bottom: 1px solid #8584a5;
	margin-top:0px;
	padding-top:0px;
	height:100%;
	padding-bottom:20px;
}
#middle:after  { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
}

#content {
	background: #ffffff;
	position:relative;
	float:right;
	width:75%;
	padding:0;
	margin:0;
}
/* centering content for the pages without left subnav - signup.jsp */
#content_nosubnav {
	background: #ffffff;
	width:560px;
	padding:0;
	margin:auto;
	float:none;
}
/* ==== TOUR PAGE STYLES - added 11/20/2006 ==== */
/* special content style for Take a Tour page, no left subnav - email-marketing-tour.jsp */
#content_tour {
	background: #ffffff;
	width:760px;
	padding:0;
	margin-left:15px;
}
#content_tour table {
	margin-left:15px;
	margin-top:10px;
}
#content_tour td.tour_link {
	background-image:url(http://img.constantcontact.com/lp/images/standard/take_tour_box2.gif); 
	background-position:bottom; 
	background-repeat:no-repeat; 
	background-color:#f0f0f5;
}
#content_tour div.flash {
	font-size:8pt; 
	padding-right:60px; 
	padding-top:3px; 
	padding-bottom:10px; 
	color:#999999;
}
#content_tour div.flash a {
	color:#8989ad;
}

/* BEGIN: PRIMARY CONTENT CONTAINER - the H(x) tags earlier in the code are probably obsolete or could be removed? */
#main {
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	text-align: left;
}
#content_nosubnav #main {
	padding-right: 10px;
}		
#main h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight:normal;
	color:#ff6600;
	margin-top:10px;
	margin-bottom:5;
	padding:0;
}
#main h2 {
	margin-top:5px;
	margin-bottom:20px;
}
#main h3 { 
	margin-bottom:0; 
}
/* END: PRIMARY CONTENT CONTAINER - the H(x) tags earlier in the code are probably obsolete or could be removed? */

/* BREADCRUMB STYLES */

div #bread {
	color:#999999;
	padding-top:5px;
}

#bread ul {
	list-style: none;
	font-size:8pt;
	margin:0 0 0 5px;
	padding:0 0 3px 3px;
}
#bread li {
	display: inline;
}
#bread li.first {
	padding-left: 5px;
}
#bread a {
	color:#666666;
}
/* END: BREADCRUMB STYLES */

/* ====== LEFT SIDE, SUBNAVIGATION STYLES - new 11/2006 ====== */
#subnav {
	width:23%;
	background-color: #eeeef4;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float:left;
	color:#6666C2;
	margin-top:30px;
}
#subnav_top {
	height:15px;
	background-image:url("http://img.constantcontact.com/lp/images/standard/subnavtopimg.gif");
	background-position:top right;
	background-repeat:no-repeat;
	background-color:eeeef4;
	border-bottom:#FFFFFF solid 1px;
	margin:0;
}

#subnav ul {
	list-style-type: none;
	background-image:url("http://img.constantcontact.com/lp/images/standard/subnavbotimg.gif");
	background-position: bottom right;
	background-repeat:no-repeat;
	padding: 0 0 15px 0;
	margin: 0;
}
#subnav ul ul {
	background: none;
	background-color: #eeeef4;
	margin: 0;
	padding: 0;
}
#subnav ul li {
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
}


#subnav ul li a {
	display: block;
	text-decoration: none;
	padding: 4px 5px 4px 15px;
	margin: 0;
	font-weight:bold;
}
#subnav ul ul li a {
padding-left:30px;
font-weight:normal;
}

#subnav ul li.current, #subnav ul ul li a.current  {
	background: #FFFFFF;
	color:#8584a5;
}
#subnav ul li.current a {
	color:#8584a5; 
}


/* SUBNAVTEXT is ONLY used for the location info in the about us subnav. consider revising. */
.subnavtext { 
	padding-left: 13px;
}
    
/* used in partner section for quotes */    
.quote blockquote {
    width: 80%;
    border-top: 3px solid #dadae6;
    border-bottom: 3px solid #dadae6;
}    
    
/* BEGIN: FOOTER STYLES */
#footer {
    clear:both;
    background-color:#8584A5;
    font-size:8pt;
    font-weight:bold;
    height:30px;
    color:#FFFFFF;
	background-image: url(http://img.constantcontact.com/lp/images/standard/ftr_bg.gif);
}

#footer ul {
    margin:0;
    padding:0.6em 0 0 0.5em;
}

#footer li {
	display:inline;
}
#footer img { 
	float:right; 
}
#footer a:link, #footer a:visited, #footer a:active { 
	color: #FFFFFF;  
	text-decoration: underline; 
}
#footer a:hover { 
	color: #FFFFFF; 
}
#footer a.current, #footer a.current:visited, #footer a.current:active, #footer a.current:hover { 
	color: #FFFFFF; 
	text-decoration:none; 
}
#footer li.phone {
	padding-left:7em;
	color:#FFFFFF;
	font-size:10pt;
	font-weight: bold;
}
/* END: FOOTER STYLES */


/* CLEAR TAGS - We used these a lot in headers, features and in one old split group. I'd like to remove these asap. */
div.clear { 
	clear:both; 
}

/* MISC FONT TAGS */
/* templatenav is only used in the local navigation for the Template Section. Consider revising. */
.templatenav {
    padding: 0.5em;
    border: solid 1px #000000;
}
.templatenav ul { 
	margin:0; 
}
.templatenav li { 
	display:inline; 
	font-size:8pt;
}

/* INFO BOX TAGS */
/* EB: Used for comments under the input fields in signup forms - should be moved to the signup form styles block */
div.infobox {
	font-family: Arial, Helvetica, sans-serif;
	clear:both;
	font-size:8pt;
	color: #666666;
}
/* ==== BEGIN: SIGNUP UP FORMS - used for all forms not only trial signup ==== */
#signupform {
	width:540px;
	margin-top:5px; 
	margin-bottom: 10px;
}
#signupform fieldset {
	display: block;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 0px;
	margin-left: 0px;
	border:none;
	padding-top: 10px;
	padding-bottom:10px;
	padding-right:5px;
	padding-left:5px;
	background-image: url(http://img.constantcontact.com/lp/images/standard/tbl_rndcnr_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
/* adds rounded corners image at the bottom of the fieldset */
#signupform .tbl_rndcnr_bot {
	background-image: url(http://img.constantcontact.com/lp/images/standard/tbl_rndcnr_bot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color:#FF0000;
	background-color: #eeeef4;
}

div.required {
	font-size:8pt;
	clear:both;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-top: 0px;
	text-align: right;
}

#signupform .fieldlabel {
	font-weight:bold;
	padding-right:10px;
	text-align:right;
	padding-top: 0.4em;
}
.textfield {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
	margin-top: 2px;
	margin-bottom: 2px;
}
.asterisk {
	font-weight:bold; 
	font-size:8pt; 
	color:#FF6600; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}	
/* form input button styles, same as in family UI */
/* blue style for "active" buttons - submit */
input.btn-active {
	color: #FFF;
	border: 1px solid #4D4D99;
	background: #605F9A url(http://img.constantcontact.com/lp/images/standard/btn_active.gif) no-repeat;
	font: normal 1em Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: .2em;
	cursor:pointer;
}
/* gray style for "inactive" buttons, that we don't want to bring too much attention to - H&T signup */	
input.btn-inactive {
	color: #404040;
	border: 1px solid #a6a6a6;
	background: #e5e5e5 url(http://img.constantcontact.com/lp/images/standard/btn_inactive.gif) no-repeat;
	font: normal 1em Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	padding: .2em;
	cursor:pointer;
}
	
	
/* ==== END: SIGNUP UP FORMS ==== */

/* CALLOUT BOX - Cares4Kids */
.CalloutBox {
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    border:1px solid #000099;
    width:150px;
    clear:both;
    font-size:90%;
    padding:0.3em;
}

.CalloutTitle {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    size: 12pt;
    font-weight: bold;
    background-color: #000099;
    text-align: center;
    letter-spacing: -0.03em;
}

/* ==== HOME PAGE REDESIGN -  added 10/10/2006 ==== */
/* ==== NEW HOMEPAGE STYLES - added 11/16/2006 ==== */

#hm_main {
	background-image:url("http://img.constantcontact.com/lp/images/standard/hm_main_img_default.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:10px;
}

#hm_main_intro {
	width:480px;
	padding-left:15px;
}

#hm_main_actions {
	padding-left:15px;
	width:500px;
}
#hm_main h1 {
	margin-bottom: 15px;
	margin-top:10px;
	font-size:16pt;
	font-weight:bold;
}
#hm_main h3 {
	margin-bottom: 10px;
	font-size:14pt;
	font-weight:normal;
}
/* styles for three main panels */
#hm_panels {
	margin-top:10px;
	padding-left:5px;
}
#hm_panels h4 {
	color:#484882;
	text-align:center;
	margin-top:0px;
	margin-bottom:15px;
	font-size:150%;
}
#hm_panels h6 {
	color:#f77f07;
	margin-top:0;
	margin-bottom:0;
	font-size:100%;
}
#hm_panels ul {
	margin-top:3px;
	margin-bottom:3px;
	margin-left:5px;
	padding-left:7px;
	list-style-image:url("http://img.constantcontact.com/lp/images/standard/bullet_arrow_orange3.gif");
}
#hm_panels li {
	margin-left:7px;
	padding-bottom:12px;
}
#hm_panels ul li ul {
	margin-top:3px;
	margin-bottom:3px;
	margin-left:5px;
	padding-left:7px;
	list-style-image:url("http://img.constantcontact.com/lp/images/standard/bullet_list_blue.gif");
}
#hm_panels ul li ul li {
	margin-left:7px;
	padding-bottom:7px;
}
#hm_panels p {
	margin-top:0;
	margin-bottom:10px;
	color:#999999;
}
#hm_panels p a {
	color:#999999;
}
#hm_panels form {
	margin-top:5px;
}
#hm_panels #hintssignup {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-top: 2px;
	padding-bottom: 10px;
	border-bottom: 0;
	border-top: 0;
	padding-left: 1px;
}
#hm_panels #hintssignup input {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9pt;
}

/* Verticals home pages - 1/10/2007 */
#main_vert {
	background-image:url("http://img.constantcontact.com/lp/images/standard/hm_main_img_default.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:10px;
}
#main_vert h1 {
	margin-bottom: 15px;
	margin-top:5px;
	font-size:16pt;
	font-weight:bold;
}
#main_vert h3 {
	margin-bottom:5px;
	font-size:14pt;
	font-weight:normal;
}
.hm_vert_divider {
	background-image:url("http://img.constantcontact.com/lp/images/standard/hm_bucketbg.gif");
	background-position:center;
	background-repeat:repeat-y;
}
	
/* styles for Live Demo banner in the custom panel 2 */
#panel_custom2 table {
	background: url(http://img.constantcontact.com/lp/images/standard/hm_livedemo_banner_long.gif) left top no-repeat;
	margin-left:15px;
}
#panel_custom2 div.webinar_links {
	float:right;
	width: 135px;
	padding-right:10px;
	margin-top:15px;
}
#panel_custom2 span.additional_info {
	font-size:8pt;
}
#panel_custom2 span.additional_info a {
	color:#999999;
}

/* ======= Vista Print Styles - Added 11/22/05 ==== */
#vp_promo {
	font-size: 9pt;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#vp_promo strong{
	font-size: 9pt;
	font-weight: bold;
	color: #ff6600;
}

#vp_promo_sub {
	font-size: 8pt;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#vp_promo_sub strong{
	font-size: 8pt;
	font-weight: bold;
	color: #ff6600;
}
#vpinfo p {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 12pt;  
	font-size: 10pt; 
}
#vpinfo h2 {
	font-size: 16pt; 
	margin-bottom: 5px; 
	color: #ff6600; 
	font-family: Arial, Helvetica, sans-serif;
}
div.vpbody{
	background-image: url("http://img.constantcontact.com/lp/images/standard/vp_promo_bg.gif"); 
	background-repeat: repeat-x;
}
/* LOADING SCREEN STYLES - ADDED 11/30/05*/

#loadingscreen {
    width:640px;
    color:#666666;
}
#loadingscreen div.toppanel {
    background: url("http://img.constantcontact.com/lp/images/standard/panel_top.gif") no-repeat;
    font-size:3pt;
}
#loadingscreen div.bottompanel {
    background: url("http://img.constantcontact.com/lp/images/standard/panel_bot.gif") no-repeat;
    height:11px;
}
#loadingscreen div.loading_panel_bg {
    background: url("http://img.constantcontact.com/lp/images/standard/panel_bg.gif") repeat-x #F5F5FB;
    border-right: 1px solid #d2d2e3;
    border-left: 1px solid #d2d2e3;
    margin-top:0px;
    width:638px;
    height:275px;
    padding-top:3em;
}
#loadingscreen h3 {
    font-size:14pt;
    color:#FF9900;
    display:inline;
}

#loadingscreen div.loadcheck  {
    line-height:1.5em;
    background:url("http://img.constantcontact.com/lp/images/standard/orange-check.gif") no-repeat 38px .5em;
    padding:1em 0em 1em 8em;
    margin-top:4em;
    margin-bottom:0px;
    text-align:left;
    border-top: 1px dotted #d2d2e3;
    border-bottom: 1px dotted #d2d2e3;
    width:450px;
}
.textemphasis1 {
    color:#FF9900;
    font-size: 11pt;
    font-weight:bold;
}
.textemphasis2 {
    font-size: 11pt;
    font-weight:bold;
}

/* BEGIN: LEARNING CENTER */
.roundedFix {
/* to close gaps in live webinar table */
    font-size: 4px;
    background: transparent;
}

#recordedWeb , #liveWeb  {
    border: solid 1px #999999;
    padding: 8px;
}
    
#recordedWeb th, #liveWeb th {
    background-color: #ffffff;
  }

/* BEGIN: Alternating Rows for Webinar Lists*/
#RowStyle td {
    border-bottom: solid 1px #999999;
/*    background: #dedede; */
}

#RowStyleAlt td  {
    border-bottom: solid 1px #999999;
    background: #f1f1f1;
}
/* END: Alternating Rows for Webinar Lists*/

/* BEGIN: Head/foot styles for table */
thead, tfoot {
    color: #000099;
    text-align: left;
    border-bottom: solid 1px #999999;
}
/* END: Head/foot styles for table */
/* END: LEARNING CENTER */

/* ====== SUCCESS STORIES - 5/23/2006 ====== */

/* styling for campaign sample screenshot table with View link */
.screenshotStories { 
	float: right; 
	width: 200px; 
	margin: 0px 0pt 0px 10px; 
	padding: 20px 7pt 0px 10px;
}

/* styling for View Newsletter link with zoom icon div */
#main .zoom {
	text-align:center;
}
#main div.zoom {
	padding:10px 0px 15px 0px;
	text-align:center;
}
#main .zoom a, #main .zoom a:hover, #main .zoom a:visited {
    text-decoration: none;
}

/* styling for titles in list of links on SS index page */
#stories h5 {
	margin-bottom: 5px;
	margin-top: 0;
	color:#F77F07;
}
#stories h6 {
	font-size:10pt;
	margin-bottom: 0;
	margin-top: 10px;
	color: #6666c2;
}
#stories ul {
	margin-top:1px;
	margin-bottom:15px;
	list-style-image:url("http://img.constantcontact.com/lp/images/standard/bullet_arrow_orange3.gif");
}
/*======== PRICING PAGE - 8/04/2006 ======== */

.pricingtblbrdr{
	border:solid 1px #9C9CD7;
	padding:2px;
	width: 440px;
	text-align: center;
}
.pricingbg{
	padding:3px;
	background-color: #FAEFB2;
	text-align:center;
	font-size: 9pt;
}

.discountbg1 {
	font-size : 9pt;
	font-weight: bold;
	background-color: #6666C2;
	text-align:center;
	padding:3px;
	color: #FFFFFF;
}

.discountbg2 {
    background-color: #E3E3F2;
	text-align:center;
	padding:3px;
}

.discountbg3 {
    background-color: #FFFFFF;
	text-align:center;
	padding:3px;
}
.discountbg4 {
    background-color: #E3E3F2;
}
.discountbg5 {
    background-color: #E3E3F2;
	text-align:center;
	padding:3px;
    font-weight: bold;
	color:#000099;
}

/* ====== PARTNER CUSTOM INTRO BLOCK - 8/25/2006 ====== */
/* These styles are for "Addme clones" - partner home page content and popup partner success stories */

/* main content box for partner success stories pages - includes logo header */
#partnerSSbox {
	text-align:left; 
	width:660px;
}

/* main content area for partner success stories pages - excludes logo header */
#partnerSScontent {
	border:#B0AFDF solid 2px; 
	padding:30px; 
	margin-top:15px;
}

/* layout formatting for partner success story link on index page */
#partnerSSlink {
	text-align:left; 
	margin-top:10px;
	margin-right:5px;
}

/* orange box with white paper link */
#partnerWP {
	background-color:#FFEDD3;
	margin-top:15px;
	margin-bottom:5px;
	margin-left:70px;
}

#partnerWP .content {
	margin-left:30px; 
	margin-top:10px; 
	margin-bottom:10px; 
	text-align:left;
}

/* ====== BROWSE BY TOPIC - 7/27/2006 ====== */

/* styling for Hints & Tips box in the left column */
#hintssignup {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	padding-left: 5px;
	border-top: 1px solid #c5c5c5;
	padding-top: 10px;
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: 10px;
}
#hintssignup input {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt;
}

/* styling for the list of topics on the index page of LC - Browse by Topic section */
#topiclist {
	margin-left:40px; 
	line-height:150%;
	padding-bottom:15px;
}

/* styling for div container that has all content links - on specific topic pages */
#topicactionlist {
	margin-left: 30px;
	margin-top: 20px;
}

#topicactionlist .subhead {
	font-weight:bold;
	color:#FF6600;
}

/* this adds space between icon and title text; padding attribute doesn't work correctly in this case, it adds underline for the space */
.lc_icon {
	border-right:10px solid #FFFFFF;
}

/* alternating rows for Webinar Lists */
#rowStyle td {
	background-color: #EAEAEA;
}

#rowStyleAlt td  {
	background: #FFFFFF;
}

/* styling for the list of Hints & Tips link list in Read section of all topic pages of LC */
#readList {
	border: solid 1px #999999;
	padding: 10px;
	line-height: 175%;
	width: 480px;
	font-size:8pt;
}
/* ====== VERTICAL HOME PAGES - 9/20/2006 ====== */
/* EB: Verticals will not have custom styles, these need to be removed or reworked once the new design is implemented */
.hm_signup2_short {
	background-image: url("http://img.constantcontact.com/lp/images/standard/hm_signupbg_80.gif");
	background-repeat: repeat-x;
	background-color: #e5e5f5;	
	border-left: 1px solid #7f7fcc;
	border-right: 1px solid #7f7fcc;
	height: 80px;
	font-weight: bold;
	font-size: 10pt;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12pt;
}

#vert_intro {
	padding-bottom: 5px;
	padding-right: 0px;
	color: #666666;
	line-height:11pt;
	width:495px;
	font-size:8pt;
}
#vert_intro .main_bullets {
	color: #000000;
}

#vert_templ_sample {
	width:200px;
	padding-right: 10px;
	padding-left: 10px;
	float:right;
	text-align:center;
}
.vert_success_link {
	color: #7f7fcc;
	font-size:9pt;
	padding-top: 10px;
}
	
#vert_hm_quotes {
	margin-top:40px;
}	
	
.vert_quotes_text {
	font-size:9pt;
	line-height:150%;
	font-family: Arial, Verdana, Helvetica, sans-serif;

}
.vert_quote_name {
	text-align:right;
	padding-top:20px;
	display:block;
	line-height: 125%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
}

/* ====== RDD CONTENT STYLES - 9/20/2006 ====== */

/* RDD picture styling */
.rddpic {
	padding:1px;
	border:#999999 solid 1px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
}

/* Styling for Trumba spud with upcoming events list on home page */
#rddEventsUpcoming {
	width:235px;
	float:left;
	padding:0px;
}
/* Styling for Trumba spud with monthly calendar snapshot on home page */
#rddEventsFinder {
	width:225px;
	float:left;
	padding:0px;
	padding-left:20px;
	padding-right:10px;
}
/* BEGIN SERVICES TABLE (clean up double borders */
/* defines table outer borders and table defaults */
.tbl_services {
    font-size: 9pt;
    text-align: left;
    font-weight: bold; 
   	border: 2px solid #dadae6;
	border-collapse: collapse;
}

.tbl_services tbody {
    padding-top: 10px;
}

.tbl_services th,.tbl_services td {
	border: 1px solid #dadae6;
	border-collapse: collapse;
	padding: 5px;
}

/* defines the table column heads */
thead {
    background-color: #eeeef4;
    color: #484882;
}

/* used for plus/minus in table */
.tbl_services .check {
    font-size: 18pt;
    color: #484882;
    text-align: center;
    vertical-align: middle;
}

/* used to flush left and normalize table cells with descriptions in them */
td.description {
    font-weight: normal;
    text-align: left;
}
/* END SERVICES TABLE (clean up double borders */

/* BEGIN: FEATURES HOME PAGE */
#features-table {
    text-align: left;
}
#features-table li {
	list-style-type: none;
	list-display-type: none;
	padding-bottom: 0.5em;
	padding-left: 18px;
	background-image: url('http://img.constantcontact.com/lp/images/standard/features-check.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#features-table li.optional {
	list-style-type: none;
	list-display-type: none;
	padding-left: 18px;
	background-image: url('http://img.constantcontact.com/lp/images/standard/features-x.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#features-table ul {
	margin:0;
}    
#features-table hr{
	border: none 0; 
	border-top: 3px solid #eeeef4; 
	border-bottom: 3px solid #eeeef4;
	width: 100%;
	height: 6px; /*whatever the total width of the border-top and border-bottom equal*/
}    
/* END: FEATURES HOME PAGE */

/* BEGIN: LOGIN PAGE */
/* styles for the Quick Help section below login table */
#loginhelp {
	padding-right:30px;
}
#loginhelp h3 {
	margin-left:25px;
	margin-bottom:10px;
	margin-top:20px;
}
#loginhelp ul {
	margin-top:0;
}

/* END: LOGIN PAGE */

/* BEGIN: FAQ page styles */
#faq ul {
	margin-top:5px;
}
#faq h2 {
	margin-bottom:5px;
}

/* ========= ADHOC/POPUP PAGES ======= */
.pagelayout_pop { 
	width: 620px; 
	font-size:10pt; 
	text-align:left; 
	padding-bottom:20px;
} 
#middle_pop {
	border-top: 5px solid #8584a5;
	border-bottom: 1px solid #8584a5;
	border-left: 1px solid #8584a5;
	border-right: 1px solid #8584a5;
	margin-top:5px;
	margin-bottom:10px;
	padding-top:0;
	width:100%;
	
}
/* centering content for pop-up pages - safesubscribe.jsp */
#content_pop {
	background: #ffffff;
	margin:30px;
	margin-top:20px;
}

/* ==== Styles for all ROUNDED CORNERS TABLES with white bg, stroke and shadow - 
pricing, lc home, lc topics, ss of the month, search results pages ===  */
/* EB: conformed all rounded corner tables to one set of styles - 2/02/2007 */

.roundtbl {
	float:right;
	margin-left:15px;	
	}
.roundtbl div {
	padding: 5px 5px 10px 10px;
}
.roundtbl h3 {
	margin-top: 5px; 
	margin-bottom: 5px;
	text-align:center;
}
.roundtbl h6 {
	color:#484882;
	}
.roundtbl ul {
	margin-top:3px;
	margin-bottom:5px;
	margin-left:7px;
	padding-left:10px;
	list-style-image:url("http://img.constantcontact.com/lp/images/standard/bullet_arrow_orange3.gif")
}
.roundtbl li {
	margin-bottom:5px;
}
.roundtbl p {
	display:inline;
	color:#999999;
}
/* search results subnav "quick help" box */
.roundtbl#box_search_subnav {
	margin-top: 15px; 
	margin-bottom: 30px;
	margin-right: inherit;
	margin-left: 0;
	}
/* LC browse by topic "want more" box */
.roundtbl#box_lc_topic div {
	line-height:150%;
}
/* LC live webinars "webex download" box */
.roundtbl#box_lc_liveweb {
	float:none;
	margin:auto; /* hack for Firefox to center the table */
}
.roundtbl#box_lc_liveweb div {
	padding-left:0;
	padding-bottom:5px;
}
/* pricing "have questions" box */
.roundtbl#box_pricing {
	margin-top:15px;
}
.roundtbl#box_pricing div  {
	padding:5px;
	line-height:175%;
}
.roundtbl#box_pricing div strong {
	color:#999999;
}
.roundtbl#box_pricing div h3 {
	font-size:9pt;
	color:#000000;
	margin-top:0;
	margin-bottom:0;
	text-align:left;
}
/* success story of the month box */
.roundtbl#box_story_month {
	float:none;
	margin-left:0;
}
.roundtbl#box_story_month div h5 {
	margin-bottom: 0;
	margin-top: 0;
}
.roundtbl#box_story_month div h6 {
	margin-bottom: 10px;
	margin-top: 0;	
}
.roundtbl#box_story_month div img {
	margin-left: 15px;
	margin-bottom:5px;
	margin-top:5px;
	float:right;
}
/* services request form get started box */
.roundtbl#box_services_request {
	margin-top:15px; 
	margin-bottom:20px;
}
.roundtbl#box_services_request div {
	text-align:center;
	padding-bottom:5px;
	padding-left:5px;
}