/* ---------- CC base css styles ---------- */

/* ---------- version 2/27/2007 ---------- */





BODY {

	font-size:72%; /* for IE% Win */

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size:76%; /* for all other 'compliant' browsers */

	font-family:Arial, Helvetica, sans-serif;

	color: #333;

	padding: 0px;

	margin: 0px;

	background: #FFF url(http://img.constantcontact.com/ui/images1/body_bkgrd_wide.gif) repeat;

}

body.nobkgrd {

	background: #FFF;

}

body.graybkgrd {

	background: #CCCCCC;

}

html>body  { /* be nice to opera */

	font-size: 76%;

}





/* --  LINKS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

A:link {color: #0066CC; text-decoration: underline}

A:visited {color: #0066CC; text-decoration: underline}

A:hover {color: #FF5050; text-decoration: none}



/* --  use this class if a visited link color is needed  ---------------------------------*/

.traceable:link {color: #0066CC; TEXT-DECORATION: underline}

.traceable:visited {color: #663399; TEXT-DECORATION: underline}

.traceable:hover {color: #FF5050; TEXT-DECORATION: none}



/* --  use this class for links that enable in-page editing  ---------------------------------*/

.in-page-edit:link {color: #0066CC;TEXT-DECORATION: none;border-bottom: 1px dashed #0066CC;position: relative;}

.in-page-edit:visited {color: #0066CC; TEXT-DECORATION: none;border-bottom: 1px dashed #0066CC;position: relative;}

.in-page-edit:hover {color: #EA4949;TEXT-DECORATION: none;border-bottom: 1px dashed #EA4949;position: relative;background: #FFFFDD;cursor: url(http://img.constantcontact.com/ui/images1/cursor_edit.cur), pointer;}



/* --  special case links ---------------------------------*/

.popup {background: url(http://img.constantcontact.com/ui/images1/icon_popup.gif) no-repeat right center;padding-right: 17px;}

.close {background: url(http://img.constantcontact.com/ui/images1/icon_close.gif) no-repeat left center;padding-left: 17px;}

.back {background: url(http://img.constantcontact.com/ui/images1/icon_back.gif) no-repeat left center;padding-left: 14px;}

.print {background: url(http://img.constantcontact.com/ui/images1/icon_print2.gif) no-repeat left center;font-size: .9em;padding-left: 20px;}

.premium {background: url(http://img.constantcontact.com/ui/images1/icon_premium_small.gif) no-repeat left center;padding-left: 17px;}



.hideshow-hidden {background: url(http://img.constantcontact.com/ui/images1/tri_sideways.gif) no-repeat left center;padding-left: 15px;}

.hideshow-showing {background: url(http://img.constantcontact.com/ui/images1/tri_down.gif) no-repeat left center;padding-left: 15px;}



.active-link{	font-weight: bold;color: #FFFFFF;background: #FF6600;padding: 2px 4px;}



.hide {display:none}

.show {visibility: visible;}



hr {border: 0px;height: 1px;color: #CCCCCC;margin-top: 2px;margin-bottom: 2px;}

/*making it look better in browsers other than IE */

html>body hr {border: 0px;height: 1px;color: #CCCCCC;background-color: #CCCCCC;margin-top: 8px;margin-bottom: 8px;}





/*-- FORM ELEMENT STYLES - ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

form {margin: 0px;padding: 0px;}

textarea {padding: 4px;font: 1em Arial, Helvetica, sans-serif;}

input {padding: 1px;font-family: Arial, Helvetica, sans-serif;}

input.no-border {padding: 1px;font-family: Arial, Helvetica, sans-serif;border-width: 0px;}

input.dropdown, div.dropdown {

	padding: 3px 5px 3px 3px;

	border-top: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/textfield_dropdown.gif) no-repeat right top;

	font: 0.9em Arial, Helvetica, sans-serif;

	margin: 0px;

	cursor: pointer;

	border-right-width: 0px;

	border-right-style: none;

}

select {

	padding: 1px;

	font-family: Arial, Helvetica, sans-serif;

    font-size: 1.0em;

	border: 1px solid #999999;

}

.small-select{padding: 1px; font: .8em Arial, Helvetica, sans-serif;}

.small-input{	padding: 1px; font: .8em Arial, Helvetica, sans-serif;}





/* ----  BUTTONS  -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*primary buttons ---*/

body input.btn-primary {

	color: #FFF;

	padding: 0.2em;

	border: 1px solid #4D4D99;

	background: #605F9A url(http://img.constantcontact.com/ui/images1/ab_active.gif) no-repeat;

	font: bold 1em Arial, helvetica, sans-serif;

	margin: 0px;

	cursor:pointer;

}

/* secondary and non-submit page actions */

body input.btn-secondary {

	color: #404040;

	border: 1px solid #a6a6a6;

	background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive.gif) no-repeat;

	font: normal 1em Arial, helvetica, sans-serif;

	margin: 0px;

	padding: .2em;

	cursor:pointer;

}

body input.btn-preview {

	color: #404040;

	border: 1px solid #a6a6a6;

	background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive_preview.gif) no-repeat;

	font: 1em Arial, Helvetica, sans-serif;

	padding: 0.2em 0.2em 0.2em 1em;

	cursor:pointer;

}

body input.btn-small {

	color: #404040;

	border: 1px solid #a6a6a6;

	background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive.gif) no-repeat;

	margin: 0px;

	cursor:pointer;

	padding: 1px 2px 1px 3px;

	font-size: 10px;

}

/*disabled versions ---*/

body input.btn-secondary-disabled{

	border: 1px solid #a6a6a6;

	background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive.gif) no-repeat;

	cursor:default;

}

body input.btn-preview-disabled{

	border: 1px solid #a6a6a6;

	background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive_preview.gif) no-repeat;

	cursor:default;

}

body input.btn-primary-disabled{

	border: 1px solid #a6a6a6;

	background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive.gif) no-repeat;

	cursor:default;

}



.btn-area {

    padding-top: 10px;

}



.navbar {

	color: #333;

	background: url(http://img.constantcontact.com/ui/images1/navbar_bkgrd.gif) repeat-x;

	padding: 4px;

	text-align: right;

	display: block;

	margin-top: 5px;

	margin-bottom: 5px;

	border: 1px solid #DDDDDD;

}





/* -- LISTS - ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

ul.arrows{margin: 5px 0px 5px 25px;padding: 0px;}

ul.arrows li{padding-bottom: 10px;list-style: url(http://img.constantcontact.com/ui/images1/bullet_arrow.gif) none;}



ul.standard{margin: 5px 0px 5px 65px;padding: 0px;}

ul.standard li{padding-bottom: 6px;}



ul.no-indent{margin: 0px;padding: 0px;list-style: square;}

ul.no-indent li{padding-bottom: 6px;list-style: none;padding-left: 0px;}



ol{margin: 5px 0px 5px 25px;padding: 0px;}

ol li{padding-bottom: 6px;}







/* -- page title  -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.pagetitlearea {

	margin-bottom: 20px;

	vertical-align: middle;

}

.pagetitlearea h1 {

	font-size: 1.2em;

	font-weight: bold;

	display: inline;

	text-align: left;

}

.pagetitlearea h2 {

	font-size: 1.2em;

	font-weight: normal;

	display: inline;

	text-align: left;

}

.pagetitle-sub {

	margin-bottom: 20px;

	color: #525252;

	margin-top: -15px;

}



/* -- popup page title ---*/

.popuptitlearea{

	margin-bottom: 15px;

	padding-bottom: 0px;

	padding-top: 20px;

	padding-left: 15px;

	background: #FFF url(http://img.constantcontact.com/ui/images1/popup_title_bkgrd.gif) repeat-x bottom;

	vertical-align: bottom;

	height: 35px;

	display: block;

}

.popuptitlearea h1 {

	font-size: 1.7em;

	font-weight: bold;

	text-align: left;

}

.popuptitle-sub {

	margin-bottom: 15px;

	color: #333333;

	margin-top: -10px;

	padding-right: 15px;

	padding-left: 15px;

	font-size: .9em;

}





/* -- TEXT STYLES - ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

h1 {

	font-size: 1.4em;

	display: inline;

	margin: 0px 0px 25px;

	padding: 0px;

	color: #333333;

}

h2 {

	font-size: 1.2em;

	margin-bottom: 0.8em;

	color: #000000;

	display: inline;

}

h3 {

	font-size: 1.1em;

	margin-bottom: 0.8em;

	color: #000000;

	display: inline;

}



.txt-xlarge {font-size: 1.2em;}

.txt-large {font-size: 1.1em;}

.txt-mid {font-size: .9em;}

.txt-small {font-size: .8em;}



.txt-hint {color: #666666; font-size: 0.9em; }

.txt999 {color: #999;}

.txt666 {color: #666;}

.txt-hilite {color: #FF6600;}



.page-headline {

	font-size: 1.7em;

	margin-bottom: 0.8em;

	display: inline;

	font-weight: normal;

}

.page-subtext {font-size: 0.9em; color: #515151;}

.required {	color: #FF0000;	font-weight: bold;	display: inline;}

.spam {font-weight: bold;color: #CC0000;}



.hilite {background: #FFF3C4;padding: 4px;}





/*-- MESSAGE TYPES - ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.error-page {

	font-weight: bold;

	color: #999999;

	padding: 0px 3px 15px 25px;

	font-size: 1.6em;

	background: url(http://img.constantcontact.com/ui/images1/icon_error_page.gif) no-repeat;

	width: 70%;

}

.error-page-secondary {font-weight: normal;color: #333333;font-size: 0.7em;}

.error-primary {

	font-weight: bold;

	color: #FF0000;

	background: url(http://img.constantcontact.com/ui/images1/icon_error.gif) no-repeat;

	padding-right: 3px;

	padding-bottom: 15px;

	padding-left: 25px;

	display: block;

	font-size: 1.2em;

}

.error-secondary {font-weight: normal;color: #FF0000;font-size: .9em;}

.error-box {

	background: #FFFFFF;

	padding: 10px 7px;

	border-top: 2px solid #999999;

	border-right: 2px solid #333333;

	border-bottom: 2px solid #333333;

	border-left: 2px solid #999999;

}

.info-primary {

	font-weight: bold;

	color: #666699;

	background: url(http://img.constantcontact.com/ui/images1/icon_info.gif) no-repeat;

	padding-right: 3px;

	padding-bottom: 15px;

	padding-left: 25px;

	display: block;

}

.info-secondary {font-weight: normal;color: #666699;}

.info-primary2 {

	font-weight: bold;

	color: #B94A00;

	background: url(http://img.constantcontact.com/ui/images1/icon_info3.gif) no-repeat;

	padding-right: 3px;

	padding-bottom: 15px;

	padding-left: 25px;

	display: block;

	font-size: 1.2em;

}

.info-secondary2 {font-size: 0.9em;font-weight: normal;color: #B94A00;}

.confirm-primary {

	background: url(http://img.constantcontact.com/ui/images1/icon_confirm.gif) no-repeat;

	color: #339933;

	font-size: 1.2em;

	font-weight: bold;

	padding-right: 3px;

	padding-bottom: 15px;

	padding-left: 20px;

	display: block;

}

.info-subtle {

    padding-right: 3px;

    display: block;

    font-size: .8em;

}

.confirm-secondary {font-weight: normal;color: #308F30;font-size: 0.9em;}

.enable-sitewide {

	background: #FEF3CB url(http://img.constantcontact.com/ui/images1/icon_enable_page.gif) no-repeat;

	padding: 10px 28px 10px 56px;

	margin-bottom: 20px;

	clear: left;

	margin-top: -20px;

	border-bottom: 1px solid #F97B27;

	text-align: left;

}

.enable-page {

	background: #FEF3CB url(http://img.constantcontact.com/ui/images1/icon_enable_page2.gif) no-repeat;

	font-weight: normal;

	display: block;

	padding: 3px 3px 3px 25px;

	margin-bottom: 20px;

}

.enable-box1 {

	background: #FEF3CB;

	display: block;

	padding: 3px 3px 5px 25px;

	font-size: .9em;

	border-left: 1px solid #999999;

}



.alert-sitewide {

	color: #FFFFFF;

	background: #666699 url(http://img.constantcontact.com/ui/images1/icon_alert_page.gif) no-repeat;

	padding: 10px 35px 10px 56px;

	margin-bottom: 20px;

	clear: left;

	margin-top: -20px;

	border-bottom: 1px solid #7D7DBC;

	text-align: left;

}

.alert-sitewide a:link {color: #FFFFFF;}

.alert-sitewide a:hover {color: #FFFFFF;}

.alert-sitewide a:visited {color: #FFFFFF;}







.coloricon-bkgrd{

	display: inline;

	margin: 0px;

	padding: 0px;

	background: #FF0000;

}





.tbl_row_lightgray{

	background: #F0F0F0;

}





/* -- CONTENT HOLDER STYLES ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* -- Primary Box Style --------------------------------- */

.box-body {

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/box-shadow.gif) repeat-x;

	padding: 14px 10px 10px 14px;

	border-left: 1px solid #CCC;

	margin: 0px;

}

.box-body p{

	display: block;

	clear: left;

	margin-top: 0px;

	margin-bottom: 0px;

}

.boxhd1  h2{

	display:inline;

	margin: 0px;

	padding: 0px;

	color: #FFFFFF;

	font-size: 1em;

  }

.box-subtext {

	font-size: 0.9em;

	color: #515151;

	margin-bottom: 10px;

}

.box-subheading {

    color: #515151;

    margin-top: 10px;

}



 /* -- I Want To... box ---*/

 .boxhd2-iwt {

	padding: 0px;

	color: #FFF;

	background: url(http://img.constantcontact.com/ui/images1/iwt_head.gif) no-repeat left top;

	height: 22px;

  }

  .box-body2-iwt {

	padding: 20px 10px 10px 20px;

	border-left: 1px solid #CCC;

	margin: 0px;

	clear: left;

}



/* -- wrapping content boxes with a wizard div will change the design to wizard L&F --------*/

.wizard .box-body {

	padding: 0px 10px 10px 20px;

	margin: 0px;

	border-left: 0px;

	background: #FFFFFF;

	}

.wizard .boxhd1-wrap {

	margin: 0;

	padding: 0px;

	background: url(http://img.constantcontact.com/ui/images1/icon_fieldset.gif) no-repeat left center;

	clear: left;

	border-top: 2px solid #CCCCCC;

  }

.wizard .boxhd1 {

 	padding: 6px 20px 3px;

  	color: #FFF;

 	background: url(http://img.constantcontact.com/ui/images1/icon_fieldset.gif) no-repeat left center;

	}

.wizard .boxhd1  h2{

	display:inline;

	margin: 0px;

	padding: 0px;

	color: #333;

	font-size: 1.5em;

}



/* -- Secondary Box Style ---------------------- */

.boxhd2 {

  padding: 6px 20px 3px 15px;

  color: #FFF;

  background: url(http://img.constantcontact.com/ui/images1/box1-hed2-left.gif) no-repeat left top;

  }

.boxhd2-wrap {

	margin: 0;

	padding: 0px;

	background: url(http://img.constantcontact.com/ui/images1/box1-hed2-right.gif) repeat-x right top;

	clear: left;

  }

.boxhd2  h2{

	display:inline;

	margin: 0px;

	padding: 0px;

	color: #000000;

	font: normal 1.2em "Arial Narrow", Arial, Helvetica, sans-serif;

  }



.box-body2 {

	padding: 10px 10px 10px 20px;


	border-left: 1px solid #CCC;

	margin: 0px;

	clear: left;

}

.box-body2 ul{margin: 0px 0px 0px 15px;padding: 0px;}

.box-body2 ul li{padding-bottom: 10px;list-style: url(http://img.constantcontact.com/ui/images1/bullet_arrow.gif) none;}



.boxhd3 {

 	padding: 3px 10px 3px 15px;

  	color: #FFF;

  	background: url(http://img.constantcontact.com/ui/images1/box3hed-left.gif) no-repeat left top;

}

.boxhd3-wrap {

	margin: 0;

	padding: 0px;

	clear: left;

	background: url(http://img.constantcontact.com/ui/images1/box3hed-right.gif) no-repeat right top;

 }

.boxhd3 h2{

	display:inline;

	margin: 0px;

	padding: 0px;

	color: #666666;

	font: bold 1em Arial, Helvetica, sans-serif;

}

 .box-body3 {

	padding: 10px;

	border-top: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	background: url(http://img.constantcontact.com/ui/images1/box3-shadow.gif) repeat-x top;

}





/* -- TABLE STYLES - ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*-- global table formatting ------------------------------------*/

.numeric{text-align: right;}

.vert-line {border-left: 1px dotted #DDDDDD;}

.vert-line-solid-left {border-left: 1px solid #CCCCCC;}

.vert-line-solid-both {border-right: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}

.tint {background: #F6F6F6;}

.hilite{background: #FFF8E3;}

.alt{background: #EFEFEF;}



/*-- data table styles ------------------------------------*/

.data-tbl {width: 100%;}

.data-tbl select{font-size: 1em;margin: 0px;}

.data-tbl input{font-size: 1em;margin: 0px;}



.data-tbl th{

	padding: 12px 3px 3px 7px;

	background: #E9E9E9;

	border-bottom: 1px solid #FFCC99;

	vertical-align: bottom;

}

.data-tbl th.tint{padding: 12px 3px 3px 7px;background: #CCCCCC;}

.data-tbl th.colspan {

	padding: 10px 3px 3px 7px;

	text-align: center;

	border-bottom: 1px solid #999999;

	vertical-align: bottom;

}

.data-tbl th.h-ctrls, .data-tbl th.h-ctrl { 

    padding: 2px 3px 3px 7px;

}

.data-tbl th.h-ctrl { 

    border-bottom: 0px;

}

.data-tbl td{

	padding: 4px 3px 4px 7px;

	vertical-align: top;

	border-bottom: 1px solid #DDDDDD;

}



.data-tbl td .noline{

  border-bottom: 0px solid #DDDDDD;

}



.data-tbl td.noline {border-bottom-width: 0px;}

.data-tbl td.wide-line{border-bottom-width: 2px;}



.data-tbl td a:link{color: #0066CC; text-decoration: underline}

.data-tbl td a:visited{color: #663399; text-decoration: underline}

.data-tbl td a:hover{color: #FF5050; text-decoration: none}



.data-tbl td a:link.in-page-edit{color: #0066CC;TEXT-DECORATION: none;border-bottom: 1px dashed #0066CC;position: relative;}

.data-tbl td a:visited.in-page-edit{color: #0066CC; TEXT-DECORATION: none;border-bottom: 1px dashed #0066CC;position: relative;}

.data-tbl td a:hover.in-page-edit{color: #EA4949;TEXT-DECORATION: none;border-bottom: 1px dashed #EA4949;position: relative;background: #FFFFDD;cursor: url(http://img.constantcontact.com/ui/images1/cursor_edit.cur), pointer;}



.data-tbl td a:link.nochange{color: #0066CC; text-decoration: underline}

.data-tbl td a:visited.nochange{color: #0066CC; text-decoration: underline}

.data-tbl td a:hover.nochange{color: #FF5050; text-decoration: none}



.data-tbl td.numeric-padleft0 {text-align: right;padding-left: 0px;}

.data-tbl tr.head {

	background: #E2E2F1;

	font-size: 1.2em;

	padding-top: 3px;

	padding-bottom: 3px;

}

.data-tbl td ul{margin: 0px 0px 0px 25px;}

.data-tbl td ul li{list-style: disc;}

/*--- tabs to sit on top of data tables--------------------------------*/

.datatbl-tabs {

	padding: 0px;

	margin: 0px;

	list-style: none;

	background: #FFF url(http://img.constantcontact.com/ui/images1/nav_bg.gif) repeat-x left bottom;

	float: left;

	width: 100%;

	clear: both;

	}


.clear {

	clear: both;

}



.datatbl-tabs ul {padding: 0px;margin: 0px 0px 0px 5px;list-style: none;}

.datatbl-tabs ul li {float: left;margin: 0px 4px 0px 2px;padding: 0px 0px 0px 8px;

	background: url(http://img.constantcontact.com/ui/images1/datatbltab-off-l.gif) no-repeat left top;

	}

.datatbl-tabs ul li a {

	float: left;

	display: block;

	margin: 0px;

	padding: 2px 8px 2px 0px;

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/datatbltab-off-r.gif) no-repeat right top;

	}

.datatbl-tabs ul li.selected {

	float: left;margin: 0px 4px 0px 2px;padding: 0px 0px 0px 8px;

	background: url(http://img.constantcontact.com/ui/images1/datatbltab-on-l.gif) no-repeat left top;

	}

.datatbl-tabs ul li.selected a {

	color: #333333;

	float: left;

	display: block;

	margin: 0px;

	padding: 2px 8px 3px 0px;

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/datatbltab-on-r.gif) no-repeat right top;

	text-decoration: none;

	font-weight: bold;

	}

.datatbl-tabs ul li.empty a{

	float: none;

	border-color: #FFFFFF;

	text-align: right;

	display: inline;

	}

.datatbl-tabs ul li.empty a:hover{

	float: none;

	border-color: #FFFFFF;

	text-align: right;

	display: inline;

	}



/*-- form table styles ---------------------------------- */

.form-tbl {}

.form-tbl select {font-size: 1em;}

.form-tbl th{

	text-align: left;

	padding: 6px 6px 3px 3px;

	font-weight: bold;

	white-space: nowrap;

}

.form-tbl td{

	padding: 6px 6px 3px 5px;

}

.form-tbl td.top-pad-0{

	padding-top: 0px;

}

.form-tbl .subrow{

	vertical-align: top;

	margin-top: 0px;

	margin-bottom: 3px;

	padding-top: 0px;

	padding-bottom: 3px;

	color: #666666;

	font-size: 0.9em;

}

.form-tbl table.data-tbl th{padding: 3px;}

.form-tbl table.data-tbl td{padding: 3px;}





/*-- file table used on image library -------------------------------- */

.file-tbl {width: 100%;border-collapse:collapse;}

.file-tbl th {

	padding: 2px 2px 2px 10px;

	font-weight: bold;

	background: #999999;

	color: #FFFFFF;

}

.file-tbl th a:link, .file-tbl th a:visited{color: #FFFFFF; text-decoration: underline}

.file-tbl th a:hover{color: #FFFFFF; text-decoration: none}

.file-tbl td {

    padding: 3px 5px 3px 10px;

    border-left: 1px dotted #EEEEEE;

    font-size: .9em;

    border-bottom: 1px solid #DDDDDD;

    height: 20px;

}

.file-tbl td.noline {border-bottom: 0px none;}

.file-tbl td.center {text-align: center;}

.file-tbl td.selected {

    background: #FFEBCC;

    padding: 5px 5px 5px 10px;

    border-left: 1px dotted ##FFEBCC;

    font-size: .9em;

    font-weight: bold;

    border-bottom: 1px solid #DDDDDD;

    height: 20px;

}

.item-selected{

    background: #FFEBCC;

}

.file-tbl td table td{

	padding: 0px;

	border-left: 0px;

	border-bottom: 0px;

	font-size: 1.1em;

}



/*-- response table styles (used for survey response results) -------------------------------- */

.response-tbl {width: 100%;border-spacing:2px;}

.response-tbl th{margin: 2px;}

.response-tbl th.number {

	padding: 7px 4px 4px;

	font-weight: bold;

	background: url(http://img.constantcontact.com/ui/images1/response_circle.gif) no-repeat 50% top;

	color: #666666;

	text-align: center;

	width: 35px;

	vertical-align: top;

}

.response-tbl th.textblock {

  padding: 7px 4px 4px;

  font-weight: bold;

  color: #666666;

  text-align: center;

  width: 1px;

  vertical-align: top;

}

.response-tbl th.question {

	border-top: 3px solid #999999;

	color: #666666;

	font-size: 1.2em;

	font-weight: bold;

	text-align: left;

	padding: 7px 4px;

	border-bottom: 1px dashed #DDDDDD;

}

.response-tbl td.results {padding: 5px 5px 30px;vertical-align: top;}

.response-tbl tr.totals {background: #FFFFEE;color: #333333;}

.response-tbl tr.alt {background: #ECECF2;}

.response-tbl td table td {padding: 2px;}

.response-tbl td table.data-tbl th {

	font-weight: bold;

	vertical-align: bottom;

	background: #FFFFFF;

	border-bottom: 1px solid #999999;

	padding: 4px;

}

.legend td {

	padding: 2px 6px 2px 2px;

	font-size: .9em;

	font-weight: normal;

	border-bottom-width: 0px;

}

.question-num {

	padding: 5px 8px;

	font-size: 1.3em;

	font-weight: bold;

	color: #FFFFFF;

	background: #666666;

	text-align: center;

}

.result-nofilter{}

.result-filter{

	background: url(http://img.constantcontact.com/ui/images1/filter_border.gif) repeat-y;

	padding: 15px;

	border: 5px solid #DAD5BD;

}

.result-filter-header{

	background:#FFF9DD none repeat scroll 0%;

    border-left:5px solid #DAD5BD;

	border-right:5px solid #DAD5BD;

	border-top:5px solid #DAD5BD;

	padding:8px 15px;

}

.result-filter-header2{

	background:#FFF9DD none repeat scroll 0%;

	border-bottom:1px solid #DAD5BD;

	border-top:1px solid #DAD5BD;

	color:#333333;

	font-size:1.1em;

	font-weight:bold;

	padding:3px 5px;

}

.result-filter-header2bottom{

	background:#FFF9DD none repeat scroll 0%;

	border-bottom:1px solid #DAD5BD;

	padding:2px;

}



/*--BAR CHART COLORS -------*/

.bar1{background: url(http://img.constantcontact.com/ui/images1/bar1.gif) repeat-x; color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar2{background: url(http://img.constantcontact.com/ui/images1/bar2.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar3{background: url(http://img.constantcontact.com/ui/images1/bar3.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar4{background: url(http://img.constantcontact.com/ui/images1/bar4.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar5{background: url(http://img.constantcontact.com/ui/images1/bar5.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar6{background: url(http://img.constantcontact.com/ui/images1/bar6.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar7{background: url(http://img.constantcontact.com/ui/images1/bar7.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar8{background: url(http://img.constantcontact.com/ui/images1/bar8.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar9{background: url(http://img.constantcontact.com/ui/images1/bar9.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar10{background: url(http://img.constantcontact.com/ui/images1/bar10.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}

.bar11{background: url(http://img.constantcontact.com/ui/images1/bar11.gif) repeat-x;color: #FFFFFF;padding: 2px;font-size: .9em;text-align: right;}



.report-details{

	padding-left: 12px;

	border-left: 3px solid #CCCCCC;

}

.report-details h3 {

	font-size: 1.5em;

	color: #999999;

	margin-bottom: 10px;

	background: #EFEFEF;

	padding: 3px;

	display: block;

}





/* ----------------------------------------------*/

/*-- wizard styles --*/

fieldset {

	margin-bottom: 25px;

	padding-top: 8px;

	border-top: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

fieldset legend {

	position: relative;

	display:block;

	color: #000000;

	font: bold 1.2em Arial, Helvetica, sans-serif;

	border-width: 0px;

	margin-left: -7px;

	background: url(http://img.constantcontact.com/ui/images1/icon_fieldset.gif) no-repeat;

	padding-left: 20px;

}

fieldset legend span {display:block;}

fieldset.txt-mid {padding-left: 20px;}

fieldset dl {margin-left: 20px;margin-top: 4px;margin-bottom: 6px;}

fieldset dt{

	font-size: 1em;

	margin-top: 8px;

	margin-bottom: 2px;

}

fieldset dt.no-dd {margin-bottom: 7px;}

fieldset dt input{position: relative;top: 2px;}

fieldset dt.bttm-margin{font-size: 1em;margin-bottom: 6px;}

fieldset dd{margin-bottom: 7px;font-size: 0.9em;color: #666666;margin-left: 25px;}

fieldset dd.regular-text {font-size: 1em;}









/* -- ROUNDED CORNERS  ---------------------------------------------------------*/

.rhead-container {margin-bottom: 10px;}

.rhead-container h1 {

	color: #000000;

	font-weight: bold;

	font-size: 1.3em;

}

/* -- ROUNDED CORNERS Color 3 [WHITE]------------------------------*/

/* -- used on features popups   ---------------------------------------------------------*/

.rhead-container3{margin: 15px;}

.rhead-container3 h1 {

	color: #000000;

	font-weight: bold;

	font-size: 1.5em;

}

.rhead-container3 h2 {

	color: #666666;

	font-weight: bold;

	font-size: 1.3em;

}

.rtop-3, .rbottom-3{display:block}

.rtop-3 *, .rbottom-3 *{display: block; height: 1px; overflow: hidden}

.r1-3{margin: 0 5px;background: #FFF;}

.r2-3{margin: 0 3px;background: #FFF;}

.r3-3{margin: 0 2px;background: #FFF;}

.r4-3{margin: 0 1px; height: 2px;background: #FFF;}

.rhead-3-content {

	background: #FFF;

	padding: 8px;

}





/* -- SECONDARY TABS ------------------------------*/

/*-- tabbed nav styles ----------------------------------------------------------------*/

#tabs-sec, .tabs-sec {

	padding: 0px;

	list-style: none;

	background: #FFF url(http://img.constantcontact.com/ui/images1/nav_bg.gif) repeat-x left bottom;

	margin: 0px;

	float: left;

	width: 100%;

	}

#tabs-sec ul, .tabs-sec ul{

	padding: 0px;

	margin: 0px 0px 0px 5px;

	list-style: none;

}

#tabs-sec ul li, .tabs-sec ul li  {

	float: left;

	margin: 0px;

	padding: 0px;

	font-size: .9em;

	}

#tabs-sec ul li a, .tabs-sec ul li a  {

	float: left;

	display: block;

	margin: 0 3px 0 0;

	padding: 4px 8px;

	color: #0066CC;

	border: 1px solid #999999;

	border-bottom: none;

	background: #EEEEEE;

	}

#tabs-sec ul li a:hover, .tabs-sec ul li a:hover  {

	padding-bottom: 4px;

	border-color: #999999;

	background: #fff;

	}

#tabs-sec .selected a, .tabs-sec .selected a  {

	color: #333;

	padding-bottom: 5px;

	border-color: #999999;

	background: #fff url(http://img.constantcontact.com/ui/images1/sectab_on.gif) repeat-x;

	font-weight: bold;

	text-decoration: none;

	}

#tabs-sec .selected a:hover, .tabs-sec .selected a:hover  {

	padding-bottom: 5px;

	border-color: #999999;

	background: #fff;

	}

#tabs-sec .empty, .tabs-sec .empty {

	color: #FFF;

	border-color: #FFFFFF;

	padding-bottom: 10px;

	}







.widthspread{width:95%;}

.widthnarrow{width:1%;}



.width10{width:10%;}

.width20{width:20%;}

.width30{width:30%;}

.width40{width:40%;}

.width50{width:50%;}

.width60{width:60%;}

.width70{width:70%;}

.width80{width:80%;}

.width90{width:90%;}

.width100{width:100%;}



.space-vertical {height: 20px;}

.space-vertical-short {height: 7px;}

.space-vertical-tall {height: 30px;}

.space-horizontal {padding-left: 20px;}

.space-horizontal-narrow {padding-left: 10px;}



.indent10{padding-left:10px;}

.indent20{padding-left:20px;}



.line-vert {

	background: url(http://img.constantcontact.com/ui/images1/line_vert_tile.gif) repeat-y;

	padding-right: 3px;

	padding-left: 3px;

}

.image-usage-bar {

	width: 100px;

	margin-right: 5px;

	margin-left: 5px;

	border: 1px solid #999999;

	text-align: left;

	height: 12px;

}







/* MESSAGE CENTER box */

.mc-wrap {

	margin: 0px 0px 20px;

	width: 100%;

  }

  .mc1 {

	  margin: 0px;

	  padding: 0px;

	  background: url(http://img.constantcontact.com/ui/images1/box_curved_right.gif) top right no-repeat;

	  display: block;}

.mc2 {

	  margin: 0px;

	  padding: 0px;

	  background: url(http://img.constantcontact.com/ui/images1/box_curved_left.gif) top left no-repeat;

	  display: block;}

.mc3 {


		margin: 0px;

		padding: 0px;

		background: url(http://img.constantcontact.com/ui/images1/box_curved_bttm_left.gif) no-repeat left bottom;

		display: block;}

.mc4 {

	  display: block;

	  padding: 20px;

	  font-style: normal;

	  background: url(http://img.constantcontact.com/ui/images1/box_curved_bttm_right.gif) no-repeat right bottom;

	 display: block; }

.mc4 h1{font-size: 1.4em;}

.mc4 dl dt {margin: 0px;padding: 0px;}

.mc4 dl dd {margin: 0px 0px 15px;padding: 0px;}

.mc4 dl dt.flag {background: url(http://img.constantcontact.com/ui/images1/icon_mcflag.gif) no-repeat;margin: 0px;padding: 0px 0px 20px 20px;}

.expire {font-size: .8em;color: #666666;}





/* GETTING STARTED box */

.gs-wrap {margin: 0px 0px 20px;width: 100%; }

.gs1 {margin: 0px;padding: 0px;background: url(http://img.constantcontact.com/ui/images1/gs_right.gif) top right no-repeat;display: block;}

.gs2 {margin: 0px;padding: 0px;background: url(http://img.constantcontact.com/ui/images1/gs_left.gif) top left no-repeat;display: block;}

.gs3 {margin: 0px;padding: 0px;background: url(http://img.constantcontact.com/ui/images1/gs_bttm_left.gif) no-repeat left bottom;display: block; }

.gs4 {display: block;padding: 15px 20px 2px;font-style: normal;background: url(http://img.constantcontact.com/ui/images1/gs_bttm_right.gif) no-repeat right bottom;display: block;vertical-align: bottom;}

.gs4 h2 {

	font-size: 1.6em;

	font-weight: bold;

	color: #FF6600;

	display: inline;

	margin: 0px;

	padding: 0px;

  }

.gs4 dl {margin: 0px;padding: 0px;}

.gs4 dl dt {

	margin: 0px;

	padding: 0px 0px 0px 20px;

	font-size: 1.2em;

	font-weight: bold;

	background: url(http://img.constantcontact.com/ui/images1/gs_bullet.gif) no-repeat;

  }

.gs4 dl dd {

	margin: 0px 0px 10px;

	padding: 0px 0px 0px 20px;

	color: #666666;

	font-size: 0.9em;

 }

.gs-box {padding: 7px;background: #FFF7EA;border: 1px solid #CCCCCC;}

.gs-box ul {margin: 0px;}

/*making it look better in browsers other than IE */

html>body .gs-box ul {margin: 0px;padding: 0px;list-style: none;}

.gs-box ul li {margin-bottom: 4px;margin-left: 0px;font-size: 0.9em;}

.gs4 img {padding: 0px 0px -15px;margin-left: 10px;}





.menubox {

	margin: 0px;

	padding: 6px 15px 10px;

	background: #EFEFEF;

	border-top: 1px solid #CCCCCC;

	border-bottom: 2px solid #666666;

}

.menubox div.item {background: #EFEFEF;border-bottom: 1px solid #CCCCCC;}

.menubox div.item a {padding: 3px;display: block;}

.menubox div.item a:visited {	padding: 3px;display: block;}

.menubox div.item a:hover {color: #FFFFFF;background: #999999;display: block;padding: 3px;}



.menubox ul {margin: 0px;padding: 0px;}

.menubox ul li {

	margin: 0px;

	padding: 0px 0px 5px;

	border-bottom: 1px solid #CCCCCC;

	list-style: none;

}

.menubox ul li.bottom {border-bottom: 0px solid #CCCCCC;padding: 0px;}

.mb-point-tl {background: url(http://img.constantcontact.com/ui/images1/menu_point_tl.gif) no-repeat top;width: 38px;height: 45px;}

.mb-point-tr {background: url(http://img.constantcontact.com/ui/images1/menu_point_tr.gif) no-repeat top; width: 38px; height: 45px;}

.mb-point-bl {background: url(http://img.constantcontact.com/ui/images1/menu_point_bl.gif) no-repeat bottom; width: 38px; height: 45px;}

.mb-point-br {background: url(http://img.constantcontact.com/ui/images1/menu_point_br.gif) no-repeat bottom; width: 38px; height: 45px;}

.mb-point-empty-l {border-right: 2px solid #666666; width: 2px; height: 45px;}

.mb-point-empty-r {border-left: 2px solid #666666; width: 2px; height: 45px;}

.mb-point-empty-thin-l {border-right: 1px solid #CCCCCC; height: 45px;}

.mb-point-empty-thin-r {border-left: 1px solid #CCCCCC; height: 45px;}





.text-menubox {

	margin: 0px;

	background: #EFEFEF;

    text-align: center;

    border-top: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

    border-left: 1px solid #CCCCCC;

    border-right: 1px solid #CCCCCC;

}

.text-menubox ul {margin: 0px;padding: 0px;}

.text-menubox ul li {

	margin: 0px;

    padding: 4px 10px 4px 10px;

	border-bottom: 1px solid #CCCCCC;

	list-style: none;

}

.text-menubox div {

	margin: 0px;

    padding: 4px 10px 4px 10px;

	border-bottom: 1px solid #CCCCCC;

	list-style: none;

}

.tool-tipbox {

    position: absolute;

    margin: 0px;

    width: 150px;

    background: #FFFF99;

    top:50px;

    left:30px;

    text-align: center;

    border-top: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

    border-left: 1px solid #CCCCCC;

    border-right: 1px solid #CCCCCC;

}

/*SRI***************************************************************************************/







/* -- top area of survey and email details pages  -----------------*/

.details-title {margin-bottom: 35px;}

.details-title h1{font-weight: bold;font-size: 1.8em;}

.details-title .active {color: #FFFFFF;padding: 3px 7px;font-weight: bold;background: #F97B27;}

.details-title hr {border: 0px;height: 1px;color: #CCCCCC;margin-top: 2px;margin-bottom: -5px;}

/*making it look better in browsers other than IE */

html>body .details-title hr {border: 0px;height: 1px;color: #CCCCCC;background-color: #CCCCCC;margin-top: 8px;margin-bottom: 5px;}



/* -- styles for sorting of columns with indicator -----------------*/

th.sorted a,th.sortable a {display: block;background: no-repeat left;}

th.sortable a {background: no-repeat;}

th.order1 a {background: url(http://img.constantcontact.com/ui/images1/icon_asc.gif) no-repeat right;padding-right: 10px;float: left;}

th.order2 a { background: url(http://img.constantcontact.com/ui/images1/icon_desc.gif) no-repeat right;padding-right: 10px;float: left;}

/*wraps around table pagination controls--*/

.pagination { padding-top: 8px;padding-bottom: 8px;}



 /* ---- FILE TREE STYLES (used for template picker )------------------------- */

.tree {width: 100%;}

.tree td.col1{width: 27%;padding: 8px 0px 4px 4px;vertical-align: top;}

.tree td.col2 {width: 73%;padding: 6px;vertical-align: top;border: 3px solid #999999;}

dl.tree{margin: 0px 0px 20px; padding: 0px;}

dl.tree dd.open{background: url(http://img.constantcontact.com/ui/images1/tri_down.gif) no-repeat;padding-left: 15px;}

dl.tree dd.closed{background: url(http://img.constantcontact.com/ui/images1/tri_sideways.gif) no-repeat;padding-left: 15px;}

dl.tree dd.end{padding-left: 5px;}

dl.tree dd.end-selected{font-weight: bold; padding-left: 0px;color: #FF6600;}

dl.tree dd.lev1{ font-weight: bold; margin-left: 0px; margin-bottom: 8px;padding-right: 8px;line-height: 1.1em;}

dl.tree dd.lev2{margin-left: 10px;margin-bottom: 8px;font-size: 0.9em;padding-right: 8px;line-height: 1em;}

dl.tree dd.lev3{margin-left: 20px; margin-bottom: 8px;font-size: .9em;padding-right: 8px;line-height: 1em;}

dl.tree dd.lev4{margin-left: 30px; margin-bottom: 8px;font-size: .9em;padding-right: 8px;line-height: 1em;}

dl.tree dd.vert-space{margin-bottom: 11px;}

dl.tree dd.selected{font-weight: bold;color: #FFF;background: #999999 url(http://img.constantcontact.com/ui/images1/tree_selected_background.gif) repeat-x bottom;padding: 4px 4px;display: block;}

dl.tree dd.selected a {color: #fff;text-decoration: none;}

dl.tree dd.end-selected a {font-weight: bold;text-decoration: none;padding-left: 0px;color: #FF6600;}







dl.leftnav{

	margin: 0px;

	padding: 0px;

}

dl.leftnav dt{

	padding: 3px 3px 3px 5px;

	margin-bottom: 3px;

	font-weight: bold;

	border-bottom: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

}

dl.leftnav dd{padding-left: 15px;padding-bottom: 5px;margin: 0px;}

dl.leftnav dt.selected{font-weight: bold;}

dl.leftnav dd.selected{font-weight: bold;}







/* -- table styles for "classic" email editor ------------ */

.wiz2col {width: 100%;}

.wiz2col td.col1{

	width: 20%;

	padding: 8px 4px 4px;

	vertical-align: top;

	background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_leftcol_bkgrd.gif) repeat-y;

}

.wiz2col td.col1 ul{

	margin: 4px 0px 0px;

	padding: 0px;

	list-style: none;

}

.wiz2col td.col1 ul li{

	margin: 0px 0px 7px;

	padding: 3px;

	list-style: none;

	border: 1px solid #CCCCCC;

	background: #FFFFFF;

}

.wiz2col td.col1 ul li.active{

	margin: 0px -6px 7px 0px;

	padding: 3px;

	list-style: none;

	color: #FFFFFF;

	background: #9494BF;

	font-weight: bold;

}

.wiz2col td.col2 {

	width: 80%;

	vertical-align: top;

	padding: 10px;

	border: 3px solid #9494BF;

}

.wiz-wrap{

	margin: 0px;

	padding: 10px;

	border: 3px solid #666666;

}

.wiz-wrap h2{

	font-size: 1.3em;

	display: inline;

}









/* -- Small Box styles, for secondary content as well as specialty content (i.e. mssg cntr and getting started box) ----- */

div.sbox {padding: 0;position: relative;height: 1%;margin-bottom:15px;border: 1px solid #CCCCCC;}

div.sbox-noline {

	padding: 0;

	position: relative;

	height: 1%;

	border: 0px;

	margin-bottom:15px;

}

div.sboxbody-1 { /*white bkgrd, gray outline */

	background: #FFFFFF;

	padding: 10px 15px;

	position: relative;

	height: 1%;

}

div.sboxbody-2 { /*gray bkgrd, gray outline */

	background: #F6F6F6 url(http://img.constantcontact.com/ui/images1/sbox2-bkgrd.gif) repeat-x top;

	padding: 10px 15px;

	position: relative;

	height: 1%;

}

div.sboxbody-3 { /*yellow bkgrd, gray outline */

	background: #FFF9DF;

	padding: 10px 15px;

	position: relative;

	height: 1%;

}

div.sboxbody-mc { /*mssg center yellow bkgrd, gray outline */

	background: #ffffee url(http://img.constantcontact.com/ui/images1/mc_bkgrd.gif) repeat-x;

	position: relative;

	padding: 10px 15px;

	height: 1%;

}

div.sboxbody-nav { /*orange fade bkgrd, gray outline */

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/navbar_bkgrd.gif) repeat-x;

	padding: 10px;

	position: relative;

	height: 1%;

}

div.sboxbottom {

	height: 1px;

	clear: both;

	position: relative;

	height: 1%;

}

b.cn { position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; background: url(http://img.constantcontact.com/ui/images1/circle.gif) no-repeat; line-height: 1px; font-size: 1px; }



b.tl {top: -1px; left: -1px; background-position: top left; }

b.tr {top: -1px; right: -1px; background-position: top right; }

b.bl {bottom: -1px; left: -1px; background-position: bottom left; }

b.br {bottom: -1px; right: -1px; background-position: bottom right; }



b.tl2px {top: -2px; left: -2px; background-position: top left;}

b.tr2px {top: -2px; right: -2px; background-position: top right;}

b.bl2px {bottom: -2px; left: -2px; background-position: bottom left;}

b.br2px {bottom: -2px; right: -2px; background-position: bottom right;}





 /* -- Message Center content styles ----- */

.sboxbody-mc  h1{font-size: 2em;}

.sboxbody-mc  dl dt {margin: 0px;padding: 0px;}

.sboxbody-mc  dl dd {font-size: .9em; margin: 0px 0px 15px;padding: 0px;}

.sboxbody-mc  dl dt.flag {background: url(http://img.constantcontact.com/ui/images1/icon_mcflag.gif) no-repeat;margin: 0px;padding: 0px 0px 0px 20px;}

.expire {font-size: .8em;color: #666666;}





.moreinfo-body {

	background: url(http://img.constantcontact.com/ui/images1/more_info_tile.png) repeat-y;

	padding: 7px 20px;

	width: 158px;

}



/* ------------------------------------------------------------------------------------*/

/*-- footer styles --*/

.footer {

	font-size: 0.8em;

	color: #000000;

	margin-top: 25px;

	text-align: left;

	padding: 10px 10px 20px 15px;

	border-top: 1px solid #999999;

	display: block;

	clear: left;

	height: 60px;

	background: #EEEEEE;

}

.footer a:link {color: #000000;}

.footer a:hover {color: #000000;}

.footer a:visited {color: #000000;}

.footer-popup {

	font-size: 0.8em;

	color: #666666;

	margin-top: 25px;

	text-align: left;

	padding: 10px 10px 20px 15px;

	border-top: 2px solid #999999;

	display: block;

	clear: left;

	height: 60px;

	background: url(http://img.constantcontact.com/ui/images1/logo_footer.gif) no-repeat right top;

}

.footer-toplink {

	font-size: 0.9em;

	color: #000000;

	margin-top: 25px;

	text-align: left;

	padding: 0px 10px 10px 15px;

	display: block;

	clear: left;

	margin-bottom: -25px;

}





/* -- absolutely positioned right skyscraper block -----*/

.partner-rt-skyscraper {

	padding: 0px;

	clear: none;

	float: left;

	position: absolute;

	left: 790px;

	top: 30px;

}



/* -- top level block -----*/

.partner-topbar {

	background: #336699;

	padding: 0px 10px 0px 0px;

	width: 750px;

}





/*-- used for page ID during dev work -

.pagenum {

	font-size: 2em;

	background: #CCCCCC;

	text-align: center;

	vertical-align: middle;

	font-weight: bold;

	padding: 10px;

	top: 0px;

	width: 45px;

	z-index: 3;

	position: absolute;

	right: 0px;

}

*/


http://ui.constantcontact.com/ui/includes/Roving/css/theme_cc.jsp?ssl=false&version=20080110184449




/* ---------- theme-based css styles ---------- */

/* ---------- theme: CC Default ---------- */

/* ---------- version 2/27/07 ---------- */







/* ------------------------------------------------------------------------------------*/

/* -- header styles --*/



#header {

	margin: 0px;

	padding: 0px;

	display: block;

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/header_tile_top2.gif) repeat-x;

}

#header a:link{color: #333333;}

#header a:visited{color: #333333;}

#header a:hover{color: #333333;}



#header table td#logo {

	width: 149px;

	margin-left: 20px;

	background: url(http://img.constantcontact.com/ui/images1/logo_bkgrd.gif) no-repeat right top;

	height: 60px;

	padding-left: 15px;

    padding-right: 30px;

	vertical-align: bottom;

}

#header table td#col2 {

	padding-right: 10px;

}

#header #logo h3 {

	font-size: 1.2em;

	font-weight: bold;

	display: inline;

	margin-left: 20px;

}

#header .topbar{

	display: block;

	text-align: right;

	height: 17px;

	font-size: .9em;

	margin-bottom: 11px;

	padding-top: 5px;

	padding-bottom: 3px;

	padding-left: 0px;

}

#header .topbar a:link{

	color: #333333;

	text-decoration: underline;

	font-weight: bold;}

#header .topbar a:visited{

	color: #333333;

	text-decoration: underline;

	font-weight: bold;}

#header .topbar a:hover{

	color: #333333;

	text-decoration: none;

	font-weight: bold;}



#primarynav {

	padding: 10px 0 0 0px;

	list-style: none;

	background: #FFFFFF url("http://img.constantcontact.com/ui/images1/tabs_bkgrd.gif") repeat-x left bottom;

	margin: 0px;

	float: left;

	width: 100%;

	clear: left;

	}

#primarynav ul {

	margin:0px 0px 0px 10px;

	padding:0px;

	list-style:none;

  }

#primarynav li {

	float:left;

	background:url("http://img.constantcontact.com/ui/images1/primtab_off_left.gif") no-repeat left top;

	margin:0px 0px 0px 3px;

	padding:0px 0px 0px 7px;

	font-weight: bold;

}

#primarynav a {

  color:#FFF;

  float:left;

  display:block;

  background:url("http://img.constantcontact.com/ui/images1/primtab_off_right.gif") no-repeat right top;

  padding:5px 15px 3px 6px;

    text-decoration:none;

 }

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#primarynav a {float:none;}

/* End IE5-Mac hack */

#primarynav a:hover {

  color:#FFF;

 text-decoration:underline;

  }

#primarynav #current {

  background-image:url("http://img.constantcontact.com/ui/images1/primtab_on_left.gif");

  }

#primarynav #current a {

  background-image:url("http://img.constantcontact.com/ui/images1/primtab_on_right.gif");

  padding-bottom:5px;

  }


  

/* -- Add class=noselection when there is no tab selected (i.e. My Account) -- */

  #primarynav.noselection {

	padding-bottom: 2px;

}





/*--- styles for formatting the box headings ----------------*/

.boxhd1-wrap {

	margin: 0;

	padding: 0px;

	background: url(http://img.constantcontact.com/ui/images1/box1hed-right.gif) top right no-repeat;

	clear: left;

  }

.boxhd1 {

 padding: 5px 15px 5px;

  color: #000000;

  background: url(http://img.constantcontact.com/ui/images1/box1hed-left.gif) no-repeat left top;

  } 

.boxhd2 {

 padding: 6px 15px 3px;

  color: #FFF;

  background: url(http://img.constantcontact.com/ui/images1/box2hed-left.gif) no-repeat left top;

  } 

.boxhd2-wrap {

	margin: 0;

	padding: 0px;

	background: url(http://img.constantcontact.com/ui/images1/box2hed-right.gif) no-repeat right top;

	clear: left;

  }

  

  

h2.tblhed {

	font-size: 1.1em;

	color: #333333;

	display: block;

	margin: 0px;

	padding: 8px 3px;

	border-top: 3px solid #00009C;

}

h2.tblhed a {

	font-weight: normal;

	font-size: .8em;

}

h2.tblhed img {

	font-weight: normal;

	font-size: .8em;

	position: relative;

	top: 0.2em;

}

.boxMssgCenter{

	background: #FFFBE8;

	padding: 5px;

	width: 100%;

	border: 1px solid #999999;

}

.boxMssgCenter h2 {

	margin: 0px;

	padding: 0px 0px 6px;

	font: bold 1.3em "Arial Narrow";

	color: #01019D;

}

.boxSupport {

	background: #F4F4FB;

	padding: 5px;

	width: 100%;

	border: 1px solid #999999;

}

.boxSupport ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}

.boxSupport ul li {

	margin: 0px;

	padding: 0px 0px 6px;

}

.boxSupport h2 {

	margin: 0px;

	padding: 0px 0px 6px;

	font: bold 1.3em "Arial Narrow";

	color: #01019D;

}





/* -- page-level sub navigation ----------------- */

.page-subnav {

	background: #E45F05;

	padding: 2px 0px 2px 0px;

	margin-bottom: 20px;

	color: #000000;

    float: left;

	font-size: 1em;

	border-top: 5px solid #F97B27;

    width: 100%;

}

.page-subnav a:link{color: #FFF;text-decoration: none;}

.page-subnav a:visited{color: #FFF;text-decoration: none;}

.page-subnav a:hover{color: #FFF;text-decoration: underline;}



.page-subnav ul{

	list-style: none;

	margin: 0px 0px 0px 15px;

	padding: 0px;

}

.page-subnav ul li{

	margin: 0px 15px 0px 0px;

	display: inline;

}

.page-subnav ul li.selected{

	color: #FFF;

	font-weight: bold;

	background: #F97B27;

	padding: 2px 6px;

}



.page-subnav ul li.selected a:link{color: #FFF;text-decoration: none;}

.page-subnav ul li.selected a:visited{color: #FFF;text-decoration: none;}

.page-subnav ul li.selected a:hover{color: #FFF;text-decoration: underline;}



.partner-block {

	background: #999999;

	padding: 8px;

	height: 500px;

	width: 200px;

	clear: none;

	float: left;

	position: absolute;

	left: 780px;

	top: 15px;

}


http://ui.constantcontact.com/ui/includes/Roving/css/layout.jsp?ssl=false&version=20080110184449




/* -- PAGE LAYOUT ------------------ */

/* -- version: 4/6/06 ------------ */



.page-container {

    background: #FFFFFF url(http://img.constantcontact.com/ui/images1/tile_shadow.gif) repeat-y right;

    width: 760px;

    padding-right: 12px;

}



.screen-width-indent {

    text-align: left;

    padding: 0px 20px 0px 20px;

    clear: left;

}

/* -- flexible width for popup windows ----- */

.full-width-indent {

    float: left;

    text-align: left;

    display: block;

    padding: 12px;

}



.page-container-popup {



    background: transparent;

    width: 100%;

    padding-right: 12px;

}



/* ----------------------------------------------*/

/*-- GRID/LAYOUT ----------------------*/

/* -- gridwn = wide col on left, narrow on right ------- */



table.grid-wn{

    width: 100%;

}

table.grid-wn td.col1{

    width: 69%;

    padding-right: 15px;

    vertical-align: top;

}

table.grid-wn td.col2{

    width: 31%;

    vertical-align: top;

}



.col2line{

    background: url(http://img.constantcontact.com/ui/images1/cccccc.gif) repeat-y 10px;

    padding-left: 30px;

}



table.grid-nw{

    width: 100%;

}

table.grid-nw td.col1{

    width: 31%;

    vertical-align: top;

}

table.grid-nw td.col2{

    width: 69%;

    padding-left: 15px;

    vertical-align: top;

}





table.grid-5050{

    width: 100%;

}

table.grid-5050 td.col1{

    width:45%;

    vertical-align: top;

}

table.grid-5050 td.col2{

    width: 48%;

    padding-left: 20px;

    vertical-align: top;

}






http://ui.constantcontact.com/ui/includes/Roving/css/print.jsp?ssl=false&version=20080110184449




/* ---------- CC Print css styles ---------- */

/* ---------- version 4/5/06 ---------- */





BODY {

	font-size:72%; /* for IE% Win */

	voice-family: "\"}\"";

	voice-family: inherit;

	font-size:76%; /* for all other 'compliant' browsers */

	font-family:Arial, Helvetica, sans-serif;

	color: #333;

	padding: 0px;

	margin: 0px;

}



html>body  { /* be nice to opera */

	font-size: 100%;

}





.screen-width-indent {

	text-align: left;

	padding: 0px 5px;

	clear: left;

}



#header {

	padding-bottom: 8px;

	margin-bottom: 15px;

	border-bottom: 2px solid #999999;

}



#primarynav {

	display:none

	}

.page-subnav {

	display:none

}



.page-container {

	width: 680px;

}



td.box-body {

	background: #FFFFFF;

	padding: 15px 10px 10px 20px;

	border-left: 0px;

	margin: 0px;

}

.boxhd1  h2{

	font-size: 1.4em;

  }





.bar1{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar2{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar3{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar4{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar5{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar6{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar7{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar8{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar9{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar10{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

.bar11{color: #000000;padding: 2px;font-size: .9em;text-align: right;border: 1px solid #999999;}

http://ui.constantcontact.com/ui/includes/Roving/css/ve.jsp?ssl=false&version=20080110184449




body {

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/body_bkgrd_ve.gif);

}

.page-container-ve {

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/tile_shadow.gif) repeat-y right;

	width: 945px;

	padding-right: 12px;

}



.ve-wrap {

	border: 1px solid #CCCCCC;

}





/* -- 2 column table styles for Visual Editor ------------ */

.ve2col {

	width: 100%;

}

.ve2col td.col1{

	width: 25%;

	padding: 8px 8px 4px 4px;

	vertical-align: top;

	background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_leftcol_bkgrd.gif) repeat-y;

}

.ve2col td.col1-edit{

	width: 25%;

	padding: 8px 8px 4px 4px;

	background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_leftcol_bkgrd.gif) repeat-y;

}

.ve2col td.col2 {

	width: 75%;

	padding: 8px 4px 4px;

	vertical-align: top;

	text-align: center;

}





/* ----BUTTONS -----------------------------------*/

/* buttons used in the edit blocks in VE */

body input.vebtn-secondary {

	font-family: Arial, Helvetica, sans-serif;

	color: #333;

	padding: 1px;

	background: #605F9A url(http://img.constantcontact.com/ui/images1/ab_inactive.gif) no-repeat;

	font-size: 11px;

	margin: 0px;

	border: 1px solid #CCCCCC;

}

/* primary page actions */

body input.vebtn-primary {

	color: #fff;

	padding: 1px;

	background: #605F9A url(http://img.constantcontact.com/ui/images1/ab_active.gif) no-repeat;

	margin: 0px;

	border: 1px solid #CCCCCC;

	font: bolder 11px Arial, Helvetica, sans-serif;

}

/* disabled */

body input.vebtn-primary-disabled {

  font-size: 11px;

  border: 1px solid #a6a6a6;

  background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive.gif) no-repeat;

  cursor:default;

}

body input.vebtn-secondary-disabled {

  font-size: 11px;

  border: 1px solid #a6a6a6;

  background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive.gif) no-repeat;

  cursor:default;

}





/* -- LEFT COLUMN Styles ----------*/

/* -- EDIT MODE ------------*/

.ve-toolbar {

	background: #F3F3F3;

	padding: 5px;

	border-top: 2px solid #999999;

	border-right: 1px solid #999999;

	border-bottom: 0px;

	border-left: 1px solid #999999;

	width: 660px;

}

.ve-toolbar table {

	border-collapse:collapse;

}

.ve-toolbar table td {

	padding: 3px;

}

.ve-toolbar select {

	padding: 2px;

	font-size: .9em;

}

.ve-toolbar .line {

	border-top: 1px solid #CCCCCC;

	padding-bottom: 6px;

	margin-top: 6px;

}

.ve-toolbar table td.divider {

	margin-right: 3px;

	padding-left: 3px;

	border-right: 1px solid #999999;

}







/* -- PROPERTIES MODE ------------*/

.ve-prop-wrap {

	padding-left: 10px;

	margin-top: 5px;

	margin-bottom: 15px;

}

.ve-prop-wrap select{

	font-size: .9em;

}

.ve-prop-wrap-edit {

	padding-left: 10px;

	margin-top: 5px;

	margin-bottom: 10px;

	text-align: left;

	padding-right: 7px;

}

.ve-prop-wrap-edit select{

	font-size: .9em;

}



.ve-sidemenu-tbl {

	font-size: .9em;

}

.ve-sidemenu-tbl th{

	font-weight: bold;

	background: #B4B4CD;

	padding: 3px;

	text-align: left;

	color: #FFFFFF;

}

.ve-sidemenu-tbl td{

	padding: 3px;

	border-bottom: 1px solid #CCCCCC;

}

.ve-sidemenu-tbl td select{

	font-size: .9em;

}

.ve-sidemenu-tbl td.noline{

	padding: 3px;

	border-bottom: 0px;

}

.ve-sidemenu-tbl td table td{

	padding-right: 5px;

	padding-left: 0px;

	border-bottom: 0px;

}







/* -- RIGHT COLUMN styles --------------------*/

.ve-edit-wrap {

	padding: 2px;

	border: 1px dotted #999999;

	margin-bottom: 10px;

}

.ve-edit-wrap .edit-region{

	padding: 10px;

	text-align: left;

}

.ve-edit-title {

	color: #FFFFFF;

	background: #333 url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_bkgrd.gif) no-repeat;

	font: bold 12px Arial, Helvetica, sans-serif;

}

.ve-title-rtcurve {

	background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_rtcurve.gif) no-repeat right top;

	 padding: 5px 5px 1px;

}



.ve-edit-title-drag {

	color: #CCCCCC;

	font: normal 0.9em Arial, Helvetica, sans-serif;

	width: 99%;

	background: #333333 url(http://img.constantcontact.com/ui/images1/visualeditor/ve_grip_texture2.gif) no-repeat 50% 50%;

	border-right: 1px solid #CCCCCC;

}

.ve-edit-buttons {

	background: #333333;

	padding: 2px 2px 2px 5px;

	border-left: 1px solid #CCCCCC;

}

.ve-edit-pagebreak {

	color: #666666;

	background: #DDDDDD;

	padding: 4px 5px;

	font: bold 12px Arial, Helvetica, sans-serif;

}

.ve-title-text {

	font-size: 0.9em;

	font-weight: normal;

	color: #FFFFFF;

	background: #5D5D5D repeat-x top;

	margin: 0px;

	padding: 0px 4px;

}



/* -- used in survey to add questions/text  ------------ */

.insert-bar {

	text-align: left;

	font-weight: bold;

	color: #000000;

	padding: 5px 5px 5px 15px;

	margin-bottom: 10px;

  background-color: white;

}



/* -- survey-speecific drag styles  ------------ */

.ve-editsurvey-title {

  background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_bkgrd.gif) no-repeat;

  border-bottom: 1px solid #CCCCCC;

}

.ve-titlesurvey-rtcurve {

  background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_rtcurve.gif) no-repeat right top;

  padding: 11px 5px 5px 0px;

  margin-left: 4px;

}

.ve-editsurvey-title-drag {

  width: 99%;

  background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_grip_texture2.gif) no-repeat 50% 50%;

  cursor: move;

}



.ve-editsurvey-title-active {

  background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_bkgrd2.gif) no-repeat;

  border-bottom: 1px solid #CCCCCC;

}

.ve-titlesurvey-rtcurve-active {

  background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_rtcurve2.gif) no-repeat right top;

  padding: 11px 5px 5px 0px;

  margin-left: 4px;

}



/* --  added by arthur for button behaviors ----*/

.ve-icon-button-img {

 border: 1px solid #FFFFFF; 

}

 

.ve-icon-button-img-on {

 border: 1px solid #CCCCCC;

 background-color: #DDDDDD;

}

 

.ve-icon-button-img-on-light {

 border: 1px solid #CCCCCC;

 background-color: #EEEEEE;

}



.ve-icon-button-img-hover, .ve-icon-button-img-on-hover {

	border: 1px solid #CCCCCC;

}



/* use achor for hovering effect */

a.ve-survey-icon-button-img, a.ve-survey-icon-button-img:hover {

  display:block;

  padding: 0px;

  margin: 0px;

  border: 1px solid #FFF;

}

a.ve-survey-icon-button-img:hover {

  border: 1px solid #CCCCCC;

}



.ve-loading-indicator {

	font-size: 12pt;

	font-weight: bold;

	text-align: center;

}



/* -- absolutely positioned right skyscraper block -----*/

.partner-rt-skyscraper {

    padding: 0px;

    clear: none;

    float: right;

    position: absolute;

    left: 970px;

    top: 30px;

}



.ve-drop-zone-marker {

  background-color: #FFFFFF;

  background: #FFFFFF;

  border: 2px dashed #FF0000; 

}



.ve-selection-picker {

  background-color: #ddd;

  border: 1px solid #aaa;

  padding: 5px;

}



.ve-selection-picker a, 

.ve-selection-picker a:link,

.ve-selection-picker a:visited,

.ve-selection-picker a:hover,

.ve-selection-picker a:active

{

  display: block;

  padding: 3px;

  color: black;

  text-decoration: none;

}



.ve-selection-picker a:hover {

  background-color: white;

}

.ve-page-loading  {

	padding:7px;

}

.ve-customize-properties-down {

  background: url(http://img.constantcontact.com/ui/images1/tri_down.gif) no-repeat;

  width:200px;

}

.ve-customize-properties-down a {

  margin-left: 13px;

}



.ve-customize-properties-right a {

  margin-left: 13px;

}



.ve-customize-properties-right {

  background: url(http://img.constantcontact.com/ui/images1/tri_sideways.gif) no-repeat;

  width:200px;

}


http://ui.constantcontact.com/visualeditor/html_editor.jsp
Embedded Styles from http://ui.constantcontact.com/visualeditor/html_editor.jsp

.txt-mid {font-size: .9em;}
			h2 {margin-bottom: 0.8em;color: #000000;display: inline;font-size: 1.2em;}


http://ui.constantcontact.com/visualeditor/ve_iframe_style.jsp?version=20080110184449






/* CSS Document */



/* ----BUTTONS -----------------------------------*/

/* secondary and non-submit page actions */

body input.vebtn-secondary { font-family: Arial, Helvetica, sans-serif; color: #333; background-color:

               #605F9A; background-image:

               url('http://img.constantcontact.com/ui/images1/visualeditor/ab_inactive.gif');

               background-repeat: no-repeat; background-attachment: scroll;

               font-size: 11px; border: 1px solid #CCCCCC; margin: 0px;

               padding: 2px; background-position: 0% }

/* primary page actions */



body input.vebtn-primary { font-family: Arial, Helvetica, sans-serif; color: #fff; background-color:

               #605F9A; background-image:

               url('http://img.constantcontact.com/ui/images1/visualeditor/ab_active.gif');

               background-repeat: no-repeat; background-attachment: scroll;

               font-size: 11px; border: 1px solid #CCCCCC; margin: 0px;

               padding: 2px; background-position: 0% }



body input.vebtn-primary-disabled {font-family: Arial, Helvetica, sans-serif;

	border: 1px solid #a6a6a6;

	background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/visualeditor/ab_inactive.gif) no-repeat;

    font-size: 11px; border: 1px solid #CCCCCC; margin: 0px;

    padding: 2px; background-position: 0%

}



/* -- STYLES FOR WITHIN A CAMPAIGN or SURVEY -------- */

.ve-edit-wrap {

	padding: 4px;

	border: 1px dotted #999999;

    margin-bottom: 10px;

}

.ve-edit-title {

    background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_bkgrd.gif) no-repeat;

    font: bold 12px Arial, Helvetica, sans-serif;

}



.ve-edit-title-drag {

	color: #CCCCCC;

	font: normal 0.9em Arial, Helvetica, sans-serif;

	width: 99%;

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/visualeditor/ve_grip_texture2.gif) no-repeat 50% 50%;

	border-right: 1px solid #CCCCCC;

    border-bottom: 1px solid #CCCCCC;

    cursor:  move;

}

.ve-edit-title-no-drag {

	color: #CCCCCC;

	font: normal 0.9em Arial, Helvetica, sans-serif;

	/*width: 95%;*/

    background: #FFFFFF;

    border-right: 1px solid #CCCCCC;

    border-bottom: 1px solid #CCCCCC;

}

.ve-edit-title-drag p {

	background: #333333;

	display: inline;

}

.ve-edit-buttons {

	background: #FFFFFF;

	padding: 2px 2px 2px 5px;

	border-left: 1px solid #CCCCCC;

    border-bottom: 1px solid #CCCCCC;

}

.ve-edit-pagebreak {

	color: #666666;

	background: #DDDDDD;

	padding: 4px 5px;

	font: bold 12px Arial, Helvetica, sans-serif;

}

.ve-edit-midcontent {

	background: #FFFFFF;

	padding: 2px 5px;

	border-left: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

}





.insert-bar  { 

text-align: left; 

font-weight: bold; 

color: #000000; 

background-repeat: repeat-y; 

background-attachment: scroll;

padding-left: 7px; 

padding-right: 1px; 

padding-top: 1px;

padding-bottom: 1px; 

background-position: 0% 

}



.ve-panel-highlight {

   border: 2px dashed #FF0000;

   background-color: white;

}



.ve-panel-normal {

   padding: 2px;

}



.ve-title-text {

	font-size: 0.9em;

	font-weight: normal;

	color: #666666;

	margin: 0px;

	padding: 0px 0px 0px 4px;

	border-bottom: 1px solid #CCCCCC;

}



.ve-title-text-drag {

    font-size: 0.9em;

    font-weight: normal;

    color: #666666;

    margin: 0px;

    padding: 0px 4px;

    cursor:  move;

    border-bottom: 1px solid #CCCCCC;

}

.ve-title-rtcurve {

    background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_rtcurve.gif) no-repeat right top;

	padding: 5px 5px 1px 0px;

	margin-left: 4px;

}

/* All the styles used by edit mode */

.ve-edit-title-active {

    background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_bkgrd2.gif) no-repeat;

    font: bold 12px Arial, Helvetica, sans-serif;

}



.ve-title-rtcurve-active {

    background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_rtcurve2.gif) no-repeat right top;

    padding: 5px 5px 1px 0px;margin-left: 4px;

}



.ve-edit-buttons-active {

    background: #858585;

    padding: 2px 2px 2px 5px;

    border-left: 1px solid #6B6B6B;

    border-bottom: 1px solid #6B6B6B;


    /*padding: 2px 2px 2px 5px;border-left: 1px solid #FFDD65;border-bottom: 1px solid #FFDD65;background: #FFF1BD;*/

}



.ve-edit-title-drag-active {

}



.ve-title-text-drag-active {

    font-weight: normal;

    color: #FFFFFF;

    border-bottom: 1px solid #FFFFFF;

}



.ve-edit-title-no-drag-active {

	color: #CCCCCC;

	font: normal 0.9em Arial, Helvetica, sans-serif;

	/*width: 95%;*/

    background: #858585;

    border-right: 1px solid #6B6B6B;

    border-bottom: 1px solid #6B6B6B;

}


http://ui.constantcontact.com/visualeditor/visual_editor_preview.jsp?agent.uid=1101905474947&fromView=previewFromDetail&popin=true&previewFromDetail=true&previewFromSent=true&pageName=ecampaign.ve.edit
http://ui.constantcontact.com/visualeditor/ve_iframe_style.jsp?version=20080110184449






/* CSS Document */



/* ----BUTTONS -----------------------------------*/

/* secondary and non-submit page actions */

body input.vebtn-secondary { font-family: Arial, Helvetica, sans-serif; color: #333; background-color:

               #605F9A; background-image:

               url('http://img.constantcontact.com/ui/images1/visualeditor/ab_inactive.gif');

               background-repeat: no-repeat; background-attachment: scroll;

               font-size: 11px; border: 1px solid #CCCCCC; margin: 0px;

               padding: 2px; background-position: 0% }

/* primary page actions */



body input.vebtn-primary { font-family: Arial, Helvetica, sans-serif; color: #fff; background-color:

               #605F9A; background-image:

               url('http://img.constantcontact.com/ui/images1/visualeditor/ab_active.gif');

               background-repeat: no-repeat; background-attachment: scroll;

               font-size: 11px; border: 1px solid #CCCCCC; margin: 0px;

               padding: 2px; background-position: 0% }



body input.vebtn-primary-disabled {font-family: Arial, Helvetica, sans-serif;

	border: 1px solid #a6a6a6;

	background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/visualeditor/ab_inactive.gif) no-repeat;

    font-size: 11px; border: 1px solid #CCCCCC; margin: 0px;

    padding: 2px; background-position: 0%

}



/* -- STYLES FOR WITHIN A CAMPAIGN or SURVEY -------- */

.ve-edit-wrap {

	padding: 4px;

	border: 1px dotted #999999;

    margin-bottom: 10px;

}

.ve-edit-title {

    background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_bkgrd.gif) no-repeat;

    font: bold 12px Arial, Helvetica, sans-serif;

}



.ve-edit-title-drag {

	color: #CCCCCC;

	font: normal 0.9em Arial, Helvetica, sans-serif;

	width: 99%;

	background: #FFFFFF url(http://img.constantcontact.com/ui/images1/visualeditor/ve_grip_texture2.gif) no-repeat 50% 50%;

	border-right: 1px solid #CCCCCC;

    border-bottom: 1px solid #CCCCCC;

    cursor:  move;

}

.ve-edit-title-no-drag {

	color: #CCCCCC;

	font: normal 0.9em Arial, Helvetica, sans-serif;

	/*width: 95%;*/

    background: #FFFFFF;

    border-right: 1px solid #CCCCCC;

    border-bottom: 1px solid #CCCCCC;

}

.ve-edit-title-drag p {

	background: #333333;

	display: inline;

}

.ve-edit-buttons {

	background: #FFFFFF;

	padding: 2px 2px 2px 5px;

	border-left: 1px solid #CCCCCC;

    border-bottom: 1px solid #CCCCCC;

}

.ve-edit-pagebreak {

	color: #666666;

	background: #DDDDDD;

	padding: 4px 5px;

	font: bold 12px Arial, Helvetica, sans-serif;

}

.ve-edit-midcontent {

	background: #FFFFFF;

	padding: 2px 5px;

	border-left: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

}





.insert-bar  { 

text-align: left; 

font-weight: bold; 

color: #000000; 

background-repeat: repeat-y; 

background-attachment: scroll;

padding-left: 7px; 

padding-right: 1px; 

padding-top: 1px;

padding-bottom: 1px; 

background-position: 0% 

}



.ve-panel-highlight {

   border: 2px dashed #FF0000;

   background-color: white;

}



.ve-panel-normal {

   padding: 2px;

}



.ve-title-text {

	font-size: 0.9em;

	font-weight: normal;

	color: #666666;

	margin: 0px;

	padding: 0px 0px 0px 4px;

	border-bottom: 1px solid #CCCCCC;

}



.ve-title-text-drag {

    font-size: 0.9em;

    font-weight: normal;

    color: #666666;

    margin: 0px;

    padding: 0px 4px;

    cursor:  move;

    border-bottom: 1px solid #CCCCCC;

}

.ve-title-rtcurve {

    background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_rtcurve.gif) no-repeat right top;

	padding: 5px 5px 1px 0px;

	margin-left: 4px;

}

/* All the styles used by edit mode */

.ve-edit-title-active {

    background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_bkgrd2.gif) no-repeat;

    font: bold 12px Arial, Helvetica, sans-serif;

}



.ve-title-rtcurve-active {

    background: url(http://img.constantcontact.com/ui/images1/visualeditor/ve_title_rtcurve2.gif) no-repeat right top;

    padding: 5px 5px 1px 0px;margin-left: 4px;

}



.ve-edit-buttons-active {

    background: #858585;

    padding: 2px 2px 2px 5px;

    border-left: 1px solid #6B6B6B;

    border-bottom: 1px solid #6B6B6B;

    /*padding: 2px 2px 2px 5px;border-left: 1px solid #FFDD65;border-bottom: 1px solid #FFDD65;background: #FFF1BD;*/

}



.ve-edit-title-drag-active {

}



.ve-title-text-drag-active {

    font-weight: normal;

    color: #FFFFFF;

    border-bottom: 1px solid #FFFFFF;

}



.ve-edit-title-no-drag-active {

	color: #CCCCCC;

	font: normal 0.9em Arial, Helvetica, sans-serif;

	/*width: 95%;*/

    background: #858585;

    border-right: 1px solid #6B6B6B;

    border-bottom: 1px solid #6B6B6B;

}


http://ui.constantcontact.com/visualeditor/font_picker.jsp
http://ui.constantcontact.com/core/components/color_picker.jsp
Embedded Styles from http://ui.constantcontact.com/core/components/color_picker.jsp

body {
        font-size:11px;
        font-family:Arial, Helvetica, sans-serif;
        color: #333;
        padding: 0px;
        margin: 0px;
        background: #fff;
    }

    form {
        margin: 0px;
        padding: 0px;
    }

    h1 {
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        margin-bottom: 3px;
        margin-top: 3px;
        text-align: left;
    }

    body input.btn-small {
        color: #404040;
        border: 1px solid #a6a6a6;
        background: #e5e5e5 url(http://img.constantcontact.com/ui/images1/ab_inactive.gif) no-repeat;
        margin: 0px;
        cursor:pointer;
        padding: 1px 2px 1px 3px;
        font-size: 11px;
    }

    body input.btn-primary {
        color: #fff;
        padding: 0.2em;
        border: 1px solid #4d4d99;
        background: #605f9a url(http://img.constantcontact.com/ui/images1/ab_active.gif) no-repeat;
        font: 11px Arial, helvetica, sans-serif;
        margin: 0px;
        cursor:pointer;
    }

/* CSS Document */