/*
  Global element styling
*/


#acct-alert {position:relative; top:0; left:0; right:0; padding:40px; width:100%; background:#ff0000; color:#fff; font-size:22px; text-align:center; z-index:100;}
.container {
position: relative;
margin: 0 auto;
padding: 0;
width: 980px;
min-width: 998px;
text-align: left;
}

/* Button Styles */
/* =========================================================== */

/* =========================================================== */


.mainbody code, .mainbody pre {position:relative; padding:2px 3px; background-color:#f9f9f9; display:inline-block; font:14px monospace,sans-serif; color:#0f3e76; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ddd;}
.mainbody .scrollup {width:40px; height:40px; opacity:0.3; filter:alpha(opacity=30); position:fixed; bottom:50px; right:100px; display:none; text-indent:-9999px; background:url('https://www.activecampaign.com/global_media/icon_scrolltop.png') no-repeat;}
.mainbody .scrollup:hover {opacity:1; filter:alpha(opacity=100);}
.leftbodysection {float:left; width:756px;}
.leftbodysection > ul, .leftbodysection > ol {margin:0 0 1.5em 2.2em}
.leftbodysection > ul > li {margin:0; padding-left:4px; line-height:1.8; list-style:disc;}
.leftbodysection > ol > li {margin:0; padding-left:4px; line-height:1.8; list-style:decimal;}
.rightbodysection {float:right; width:756px;}
.fullbodysection {width:100%;}
.bodysection {position:relative; min-height:500px; overflow:visible;}
.bodysection .divider {margin:12px 0; padding:0; display:block; height:1px; background:#fff; border-top:1px solid #ddd;}
.bodysection h2 {position:relative; margin:0 0 24px; padding:3px 0 24px; font:23px "deva-ideal",sans-serif; font-weight:600; color:#333; border-bottom:1px solid #ddd; line-height:22px; letter-spacing:-1px;}
.bodysection h3 {position:relative; margin:0 0 .5em; padding:0; font:20px "deva-ideal",sans-serif; font-weight:600; color:#333; line-height:20px;}
.bodysection p, .bodysection ul.list, .bodysection ol.list {margin:0 0 1.5em; font-size:16px; line-height:20px;}
.bodysection ul.list > li, .bodysection ol.list > li {margin-left:19px;}
.bodysection ul, .bodysection ol {margin-left:2.2em;}
.bodysection > ul > li {margin:0; padding-left:4px; line-height:1.8; list-style:disc;}
.bodysection > ol > li {margin:0; padding-left:4px; line-height:1.8; list-style:decimal;}

.leftbodysection.partner ul > li, .leftbodysection.partner ol > li, .leftbodysection.features ul > li {margin:0 0 0.4em; padding-left:0;}
.leftbodysection.partner table {width:100%;}
.leftbodysection.partner table tr td {}
.leftbodysection.partner table tr td input[type="text"],
.leftbodysection.partner table tr td input[type="password"], 
.leftbodysection.partner form p select,
.leftbodysection.partner table tr td select,
.leftbodysection.partner table tr td textarea {position:relative; padding:12px 5px 12px 10px; margin:.5em .5em .5em 0; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d0d0d0; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.leftbodysection.partner form p select, .leftbodysection.partner table tr td select {padding:7px;}

.leftbodysection.partner .formbox {width:99.5%;}
.leftbodysection.partner .formbox .accname {}
.leftbodysection.partner .formbox .accname > label.cname > a {color:#2559a2!important; text-decoration:underline;}
.leftbodysection.partner .formbox .accname > div {position:relative; width:100%; overflow:hidden;}
.leftbodysection.partner .formbox .accname > div > span {display:inline; margin-right:10px;}
.leftbodysection.partner .formbox .accname > div > input {display:inline; width:68.8%; padding-right:143px;}
.leftbodysection.partner .formbox .accname > span.domainurl {position:absolute; top:27px; right:28px; padding:6px 14px; display:block; background:#f4f4f4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#949494;}

.leftbodysection.partner div.account_tbl_wrap {position:relative; margin:0 0 20px; padding:0; font:13px helvetica,arial,sans; overflow:show; border-bottom:1px solid #e6e6e6;}
.leftbodysection.partner div.account_tbl_wrap > div.heading_account_tbl div{ color:#ccc; }
.leftbodysection.partner div.account_tbl_wrap > div.heading_account_tbl,
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing {position:relative; clear:both; display:block; width:100%; margin:0; padding:0; overflow:show;}
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing.stripe {background:#f9f9f9!important;}
.leftbodysection.partner div.account_tbl_wrap > div.heading_account_tbl div,
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing > div {position:relative; display:inline-block; margin:0; padding:0; line-height:66px; vertical-align:middle; white-space:nowrap;}
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing > .status {position:absolute; left:0; height:100%; width:10px;}

.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing .status.green {background-color:#6ec200;}
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing .status.yellow {background-color:#ffea00;}
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing .status.red {background-color:#d52003;}

.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing {position:relative; margin:0; padding:0; border-top:1px solid #e6e6e6;}
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing.inactive {color:#cdcdcd;}
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing.inactive > div.tooltip,
.leftbodysection.partner div.account_tbl_wrap > div.account_tbl_container > div.account_tbl_listing.inactive > div.dropdown {opacity:1; filter:alpha(opacity=100);}

.leftbodysection.partner div.account_tbl_wrap div.tooltip {display:none; position:absolute; border:1px solid #ccc; line-height:15px!important; color:#5d5d5d!important; background-color:#fff; padding:8px; margin-top:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; opacity:1!important; filter:alpha(opacity=100)!important; z-index:1000;}
.leftbodysection.partner div.account_tbl_wrap div.tooltip > h3 {margin:0 0 5px; padding:0 0 5px; font-size:15px; border-bottom:1px solid #ddd;}
.leftbodysection.partner div.account_tbl_wrap div.tooltip > span {position:relative; display:block; line-height:1.3; width:100%;}
.leftbodysection.partner div.account_tbl_wrap div.tooltip > div {position:relative; margin:0; padding:0; line-height:15px; overflow:hidden; z-index:2000;}
.leftbodysection.partner div.account_tbl_wrap div.tooltip > div.pointer {position:absolute; left:14px; bottom:-13px; margin:0; padding:0; width:23px; height:13px; background:url('https://www.activecampaign.com/partner/media/tooltip_pointer.png') no-repeat 0 0; z-index:4000;}
.leftbodysection.partner div.account_tbl_wrap div.tooltip div.status {height:12px; width:30px; border:1px solid black; float:left; margin-right:10px;}

.leftbodysection.partner div.account_tbl_wrap div.status > div.tooltip {top:-109px; left:14px; width:428px;}
.leftbodysection.partner div.account_tbl_wrap div.status > div.tooltip > div.pointer {left:-10px; bottom:-10px; width:17px; height:14px; background:url('https://www.activecampaign.com/partner/media/tooltip_pointer_status.png') no-repeat 0 0;}
.leftbodysection.partner div.account_tbl_wrap div.acc {position:relative; left:16px; width:221px; margin-right:30px!important; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.leftbodysection.partner div.account_tbl_wrap div.acc > div.accname {position:absolute; display:none; bottom:13px; margin:0; padding:0; line-height:12px; font-size:11px; color:#cdcdcd;}
.leftbodysection.partner div.account_tbl_wrap div.acc > div.tooltip {top:-36px; left:-14px; width:250px;}
.leftbodysection.partner div.account_tbl_wrap div.cnt {position:relative; left:0; width:140px; min-width:140px;}
.leftbodysection.partner div.account_tbl_wrap div.cnt span {display:block; min-width:140px;}
.leftbodysection.partner div.account_tbl_wrap div.center {position:relative; right:20px; width:60px;}
.leftbodysection.partner div.account_tbl_wrap div.center span {position:relative; left:10px; width:90px;}
.leftbodysection.partner div.account_tbl_wrap div.plan {position:relative; right:20px; width:90px;}
.leftbodysection.partner div.account_tbl_wrap div.plan > div.tooltip {top:-36px; left:-14px; width:150px;}
.leftbodysection.partner div.account_tbl_wrap div.plan > div.disablednotice {color:#a00;}
.leftbodysection.partner div.account_tbl_wrap div.chart {position:relative; left:20px; width:110px;}
.leftbodysection.partner div.account_tbl_wrap div.chart > div.credleft {position:relative; padding:0; width:60px; text-align:center; font-size:10px; height:20px; line-height:20px; background-color:#f3f3f3!important; border:none!important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden; zoom:1; left: 30px}
.leftbodysection.partner div.account_tbl_wrap div.chart > div.tooltip {bottom:29px; left:-14px; width:205px; font-weight:normal!important;}
.leftbodysection.partner div.account_tbl_wrap div.chart > div.tooltip.twoliner {top:-74px; width:200px; height:32px;}
.leftbodysection.partner div.account_tbl_wrap div.chart > div.bargraph {position:relative; width:60px!important; height:20px; line-height:20px; background-color:#e5e5e5!important; border:none!important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; overflow:hidden; zoom:1;}
.leftbodysection.partner div.account_tbl_wrap div.chart > div.bargraph  > .bargraph_bar {position:relative; display:block; padding:0; height:20px; line-height:20px; background-color:#6ec200!important; border:none!important; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; zoom:1;}
.leftbodysection.partner div.account_tbl_wrap div.chart.close2limit > div.bargraph  > .bargraph_bar {background-color:#aa0000!important;}
.leftbodysection.partner div.account_tbl_wrap div.opt {position:relative; margin:0; padding:5px 4px 5px 0!important; width:88px; text-align:right; line-height:100%!important; overflow:visible; background-color:#f8f8f8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.leftbodysection.partner div.account_tbl_wrap div.opt > a {position:relative; display:inline-block; margin:0; padding:3px 5px; width:40px; line-height:12px; cursor:pointer; z-index:100;}
.leftbodysection.partner div.account_tbl_wrap div.opt > a.more {width:16px; height:12px;}
.leftbodysection.partner div.account_tbl_wrap div.opt > a.more::before {content:"\25be"; display:inline;}
.leftbodysection.partner div.account_tbl_wrap div.opt > a.opendropdown {background:#fff!important; border-bottom:none!important; z-index:2000;}
.leftbodysection.partner div.account_tbl_wrap div.opt > div.dropdown {position:absolute; top:31px; right:4px; padding:0; margin-top:-8px; border:1px solid #ccc; width:177px; background:#fff; line-height:1.4; text-align:left; z-index:1500;}
.leftbodysection.partner div.account_tbl_wrap div.opt > div.dropdown > div {margin:0; padding:0; line-height:1.4; border-bottom:1px solid #e6e6e6;}
.leftbodysection.partner div.account_tbl_wrap div.opt > div.dropdown > div > a {display:block; padding:7px 8px; color:#545454; text-decoration:none;}
.leftbodysection.partner div.account_tbl_wrap div.opt > div.dropdown > div > a:hover {position:relative; left:0; background:#f8f8f8;}

.leftbodysection.partner .addnew {position:relative; float:left; top:-5px; left:0; width:134px;}
.leftbodysection.partner .bargraph,
.leftbodysection.partner .bargraph .bargraph_bar {height:20px;}

.leftbodysection.partner div.partner_list_nav {position:relative; margin:0; margin-top:0; padding:0; overflow:hidden;}
.leftbodysection.partner div.partner_list_nav select {position:relative; width:auto; display:inline-block; padding:6px 5px 6px 8px; margin:.5em .5em .5em 0; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d0d0d0; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.leftbodysection.partner p.resultstats {font-size:13px; color:#ccc;}

.leftbodysection.partner div.partner_list_nav > div {display:inline;}
.leftbodysection.partner div.partner_list_nav > div.partner_list_sorter,
.leftbodysection.partner div.partner_list_nav > div.partner_list_search {margin-left:20px;}
.leftbodysection.partner div.partner_list_nav > div.partner_list_sorter {float:right;}

.leftbodysection.partner .paginator {position:relative; width:400px; height:100%; float:right; top:-36px; right:0; text-align:right; clear:both;}
.leftbodysection.partner .paginator > div {position:relative; text-align:right;}
.leftbodysection.partner .paginator a, .leftbodysection.partner .paginator strong {float:none; border:0; margin:0 2px 0 0; padding:3px 6px; color:#545454; border:1px solid #ddd; text-decoration:none; background:#f8f8f8; display:inline-block;}
.leftbodysection.partner .paginator strong {background:#fff; border:1px solid #ddd;}
.leftbodysection.partner .paginator a:hover{text-decoration:none;}
.leftbodysection.partner .paginator li { display: inline; margin: 0 5px 0 0; }
.leftbodysection.partner .paginator li:last-child { margin-right: 0; }

.leftbodysection.partner .scoring {margin:20px 0;}
#score_order.button_group {display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#score_order.button_group .btn {border:1px solid #ddd;}

div.modalbox table th {text-align:center;}
div.modalbox table td {text-align:left;}



/* Right Sidebar */
/* =========================================================== */
.rightsidebar {float:right; width:204px;}
.rightsidebar > h4 {position:relative; margin:0 0 0.5em; padding:0; font-size:14px; font-weight:600; color:#333; line-height:22px;}
.rightsidebar > ul {position:relative; margin:0; padding:0;}
.rightsidebar > ul > li {padding-left:16px; font-size:15px; border-top:1px solid #f1f1f1; list-style:none;}
/*.rightsidebar > ul > li:nth-child(2) {border-top:none;}*/
.rightsidebar > ul > li > a {display:block; color:#737373; text-decoration:none;}
.rightsidebar > ul > li.heading {padding-left:37px; border-top:none; border-left:5px solid #d9e5ee; list-style:none;}
.rightsidebar > ul > li.heading h3 {font-weight:600;}


/* Left Sidebar */
/* =========================================================== */
.leftsidebar {position:relative; float:left; width:204px; margin:0; padding:0; background:#f6f6f6; border:1px solid #ddd; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.leftsidebar > ul {position:relative; margin:0; padding:0;}
.leftsidebar > ul > li {position:relative; margin:0; padding:0; font-size:14px; border-top:1px solid #ddd; list-style:none;}
.leftsidebar > ul > li:first-child {border-top:none;}
.leftsidebar > ul > li > a {display:block; padding:20px 0 20px 50px; color:#737373; text-decoration:none; border-top:1px solid #fff;}
.leftsidebar > ul > li > a:hover {color:#333; background:#fff;}


/* Footer Sidebar */
/* =========================================================== */
.footerpush {clear:both; display:block; width:100%; height: 80px; content:" ";}
.mainfooter {position:relative; bottom:-20px; width:100%; margin:-20px 0 0; height:328px; background:#343434 url('https://www.activecampaign.com/global_media/footer_repeat.gif'); -webkit-box-shadow:inset 0 3px 10px 0 rgba(46, 46, 46, 100); box-shadow:inset 0 3px 10px 0 rgba(46, 46, 46, 100); color:#6f6f6f;}
.mainfooter .container {padding-top:30px; z-index:1;}
.mainfooter .container h2 {margin:0 0 5px; padding:0 0 3px; font-weight:400; color:#eaeaea; font-size:16px; font-weight:600;}
.mainfooter .container .divider {margin:11px 0; padding:0; display:block; height:1px; background:#454545; border-top:1px solid #292929;}
.mainfooter .container small {display:block; margin:5px 0 0; padding:0; font-size:11px; color:#5f5f5f;}
.mainfooter .container div.colmscontainer {position:relative; margin-bottom:30px; display:block; overflow:hidden; width:100%;}
.mainfooter .container div.subscribecontainer {position:relative; margin:0 0 30px; padding:6px 9px; display:block; overflow:hidden; background:#262626; border:1px solid #3a3a3a; border-bottom:1px solid #454545; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #222), color-stop(0.05, #262626) ); background:-moz-linear-gradient( center top, #222 5%, #262626 100% ); cursor:pointer;}
.mainfooter .container div.subscribecontainer input {position:relative; padding:9px; background:none; display:inline-block; border:none; color:#5c5c5c;}
.mainfooter .container div.subscribecontainer input[type="text"] {width:100%; color:#eaeaea;}
.mainfooter .container div.subscribecontainer input[type="submit"] {position:absolute; top:5px; right:6px; width:28px; height:38px; background:#323232 url('https://www.activecampaign.com/global_media/bg_footer_subscribe.png') no-repeat center; text-align:-999999px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; z-index:10;}
.mainfooter .container div.trade {position:relative; margin:15px 0 30px; display:block; overflow:hidden; width:100%; text-align:center; font-size:13px; color:#5c5c5c;}
.mainfooter .container div.colms {float:left; width:30.32%; margin:0 45px 0 0;}
.mainfooter .container a, .mainfooter .container a:visited {color:#c5c5c5; text-decoration:none;}
.mainfooter .container a:hover { color: #fff; text-decoration:none;}
.mainfooter .container div.colms ul {position:relative; width:100%;}
.mainfooter .container div.colms ul li {position:relative; display:block; font-size:15px; line-height:26px; list-style:none;}
.mainfooter .container div.colms .ctabtn {width:100%; font-size:25px; font-weight:600; letter-spacing:-1px;}
.mainfooter .container div.colms.last {margin-right:0;}
.mainfooter .container div.colms .head, .mainfooter .container div.colms .head a {margin:0 0 5px; padding:0 0 3px; font-weight:600; color:#eaeaea; font-size:15px;}
.mainfooter .container div.colms .webinars {padding-left:22px; background:url('https://www.activecampaign.com/global_media/icon_footer_webinars.png') no-repeat 0 3px;}
.mainfooter .container div.colms .head.blog {margin:0 0 -11px; padding:0;}
.mainfooter .container div.colms .blog .rss {display:inline-block; width:22px; height:22px; background:url('https://www.activecampaign.com/global_media/icon_footer_blog.png') no-repeat 0 3px; text-indent:-99999px;}
.mainfooter .container div.colms .blogposts a {display:block; margin-bottom:6px; font-size:15px; line-height:18px; font-weight:400; word-wrap:break-word;}
.mainfooter .container div.colms .blogposts p {margin:0 0 6px; padding:0; font-size:14px; line-height:18px; height:54px; word-wrap:break-word; overflow:hidden;}
.mainfooter .container div.colms .socials li {line-height:30px; list-style:none;}
.mainfooter .container div.colms .socials li p {margin:10px 0; padding:0; font-size:14px; line-height:18px;}
.mainfooter .container div.colms .socials li a {color:#BDBDBD;}
.mainfooter .container div.colms .socials li p a {color:#5D5D5D;}
.mainfooter .container div.colms .fb {padding:13px 0 12px 28px; background:url('https://www.activecampaign.com/global_media/icon_footer_fb.png') no-repeat 0 11px;}

.mainfooter .container div.colms .gg {padding:13px 0 12px 28px; background:url('https://www.activecampaign.com/global_media/icon_footer_gg.png') no-repeat 0 11px;}

.mainfooter .container div.colms .tw {padding:13px 0 12px 28px; background:url('https://www.activecampaign.com/global_media/icon_footer_tw.png') no-repeat 0 11px;}
.mainfooter .container div.colms .pn {padding:14px 0 12px 28px; background:url('https://www.activecampaign.com/global_media/icon_footer_pn.png') no-repeat 0 11px;}
.mainfooter .container div.colms .vi {padding:14px 0 12px 28px; background:url('https://www.activecampaign.com/global_media/icon_footer_vi.png') no-repeat 0 11px;}
.mainfooter .container div.colms .up {padding:14px 0 12px 28px; background:url('https://www.activecampaign.com/global_media/icon_footer_up.png') no-repeat 0 11px;}


.mainfooter .container div.info ul {position:relative; margin-top:15px; float:left; width:50%; display:inline-block;}
.mainfooter .container div.info ul li {position:relative; float:none; display:block; line-height:24px; list-style:none;}
.mainfooter .container div.info ul li span.heading {margin:0 0 5px; padding:0 0 3px; font-weight:600; color:#eaeaea; font-size:15px;}
footer {
	position:relative;
	top: -13px;
	margin:0;
	padding:0;
	width:100%;
	background:#343434;
}
.mainfooter_box{  -webkit-font-smoothing: antialiased; display:inline-block; vertical-align: top;
font-family: 'Open Sans', sans-serif; text-align: left; margin-right:60px; }
.mainfooter_box_header{ font-weight:bold; text-transform: uppercase; color:#fff; font-size:14px; margin-bottom:15px;  padding-bottom:8px; }
.mainfooter_box_item{ color: #c5c5c5; font-size:13px; margin-bottom:12px;   }


.container .box {position:relative; z-index:10; padding:0; margin:0; border:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff;}
.container .box:before{content:""; display:block; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:5px; margin:0; border-bottom:1px solid #d2d2d2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff;}
.container #approval_needed.box:before {border-bottom: none;}



/*-------------------------------------------------------------------------*\
    Notifications / Alerts
\*------------------------------------------------------------------------*/
.alert,
.notify {position:relative; margin:0 0 20px; padding:16px; font-size:15px; line-height:19px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; overflow:hidden;}
.alert.error,
.notify.problem,
.notify.error {color:#873c3c; background:#ec9999;}
.notify.error:before {font-family: "ac-icons";content: 'j'; font-size: 20px;float: left;padding-right: 8px;display: inline-block;line-height: 1em;}
.alert.error a,
.notify.error a { color: #873c3c !important}
.notify.alert {color:#776e30; background: #fff3a5;}
.notify.alert:before {font-family: "ac-icons";content: 'i'; font-size: 20px;float: left;padding-right: 8px;display: inline-block;line-height: 1em;}
.notify.alert a { color: #776e30}
.alert.success,
.notify.success { color:#3c7359;background: #ace2c8;}
.notify.success:before {font-family: "ac-icons";content: 'v'; font-size: 20px;float: left;padding-right: 8px;display: inline-block;line-height: 1em;}
.alert.success a,
.notify.success a { color:#3c7359 !important;}
.alert.info,
.notify.notice { color:#376885;background: #accee2;}
.notify.notice:before {font-family: "ac-icons";content: 'k'; font-size: 20px;float: left;padding-right: 8px;display: inline-block;line-height: 1em;}
.alert.info a,
.notify.notice a { color:#376885 !important;}


.container .formbox {position:relative; margin:0 auto; width:670px; display:block; height:100%;}
.container .formbox form {margin:25px 15px; display:block; padding:0; text-align:left;}
.container .formbox form .button {float:right; margin:0; font-size:18px; font-weight:600;}
.container .formbox form .divider {margin:11px 0; padding:0; display:block; height:1px; background:#fff; border-top:1px solid #ddd;}
.container .formbox fieldset {position:relative; margin:15px 0 25px; display:block; padding:0; text-align:left;}
.container .formbox label {color:#5d5d5d; font:16px "freight-sans-pro",sans-serif; font-weight:600; display:block; cursor:pointer;}
.container .formbox label small, .container .formbox label a,.container .formbox small {margin-left:6px; display:inline; color:#b7b7b7; font-size:13px; font-weight:100;}
.container .formbox small.info {margin:0; padding:3px 3px 3px 20px; background:url('https://www.activecampaign.com/global_media/icon_freesignupboxinfo.png') no-repeat 0 4px;}
.container .formbox input.inputblurred {}
.container .formbox input.inputchanged {}
.container .formbox input[type="text"], .container .formbox input[type="password"], .container .formbox select, .container .formbox textarea {position:relative; width:97%; display:block; padding:12px 5px 12px 10px; margin:.5em .5em .5em 0; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d0d0d0; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.container .formbox select {width:auto; padding:4px 5px 4px 10px;}
.container .formbox input[type="checkbox"] {display:block; margin:0; width:14px; height:14px; vertical-align:bottom; -webkit-appearance:checkbox; box-sizing:border-box; cursor:pointer;}
.container .formbox .inlinesets {position:relative; height:100%; margin:15px 25px 10px; display:block;}
.container .formbox .inlinesets:after {display:table; content:''; height:0; width:100%; clear:both; zoom:1;}
.container .formbox .inlinesets fieldset {float:left; width:47%; margin:0;}
.container .formbox .inlinesets fieldset:first-child {padding-right:25px;}
.container .formbox #accountname {width:53%; padding-right:155px;}
.container .formbox .domainurl {position:absolute; top:35px; padding:6px 14px; display:block; background:#f4f4f4; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#949494;}
.container .formbox .status {position:absolute; top:38px; width:70px; text-align:left;}
.container .formbox .status > span {padding-left:20px;}
.container .formbox .status.available span {color:#65ac1e; background:url('https://www.activecampaign.com/global_media/icon_signupstatus.png') no-repeat 0 1px;}
.container .formbox .status.taken span {color:#ed0000; background:url('https://www.activecampaign.com/global_media/icon_signupstatus.png') no-repeat 0 -15px;}
.container .formbox form .agree {position:relative; float:left; margin-bottom:0; width:60%;font-size:12px; color:#5d5d5d;margin-top: 18px;}
.container .formbox form .agree input[type="checkbox"] {float:left;}
.container .formbox form .agree label, .container .formbox form .agree label a {color:#9e9e9e; margin:0; padding:0; font-size:12px; color:#5d5d5d; font-weight:100;}
.container .formbox form .agree label {margin:-2px 0 0 23px;}

.container .trialready {position:relative; margin:0; padding:0;}
.container .trialready > table {margin-bottom:10px; padding-bottom:10px;}
.container .trialready > table td {padding:5px 0; font-size:16px;}
.container .trialready > table td > strong {color:#b5b5b5;}


/* Dropdown Menu Style */
/* =========================================================== */
.dropdownmenu {position:relative; display:inline-block; height:100%;}
.dropdownmenu .field {width:100%; background:#fff url('https://www.activecampaign.com/global_media/form_select_dropdown_arrow.png') no-repeat center right; color:#a6a6a6; padding:5px 7px; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.dropdownmenu .field:hover {color:#a6a6a6;}
.dropdownmenu > ul.dropdownlist {display:none; position:absolute; left:0; top:28px; z-index:999; width:158px; margin:0; padding:0; list-style:none; background:#fff; color:#a6a6a6; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.dropdownmenu > ul.dropdownlist li {display:block; padding:5px 7px; border-bottom:1px solid #ddd; line-height:100%; list-style:none;}
.dropdownmenu > ul.dropdownlist li:hover {background:#f1f1f1; color:#a6a6a6; cursor:pointer;}
.dropdownmenu > ul.dropdownlist li:last-child {border:none;}

div.info > a.btn {
display:inline-block;
margin:0.5em 0.5em 0.5em 0;
padding:11px 14px;
font-size:15px;
color:#8e8e8e;
background:#f4f4f4;
box-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
text-decoration:none;
text-shadow:0 1px 0 #fff;
border:1px solid #e2e2e2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-align:center;
}
div.info > a.btn > span {position:relative; top:1px; margin-left:10px; width:8px; height:11px; display:inline-block; background:url('https://www.activecampaign.com/media/features_info_btn_arrow.png') no-repeat 50%;}
div.info > a.btn:hover {background:#f4f4f4; box-shadow:inset rgba(177, 177, 177, 0.2) 0 2px 4px 0; color:#bababa;}




/* Free Signup Form */
/* =========================================================== */
.container .freesignup {position:relative; margin:30px auto 0; width:550px; height:400px; opacity: .5; }
.container .freesignup fieldset {margin-left:15px; margin-right:15px; }
.container .freesignup .domainurl {right:113px;}
.container .freesignup .status {right:22px;}
.container .freesignup #tip {position:absolute; bottom:-5px; left:0; z-index:1000; display:none; width:350px; padding:5px 9px; background:#fff; border:1px solid #ddd; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}

body.free .mainbody {overflow:visible;}
body.free .subheader_bgcloud {background:#fafafa!important;}
body.free .formbox.freesignup {z-index:100;}

body.free .popout {position:absolute; z-index:10; font-size:15px; color:#bdbdbd; font-weight:100; display:none;}
body.free .popout > span {position:absolute; width:200px;}

body.free .popout.create {top:16px; left:-222px; width:400px; height:190px; background:url('https://www.activecampaign.com/free/media/formbox_freesignup_popout_create.png') no-repeat top right;}
body.free .popout.create > span {top:64px; left:33px; width:158px; text-align:right;}
body.free .popout.contacts {top:480px; left:-118px; width:368px; height:232px; background:url('https://www.activecampaign.com/free/media/formbox_freesignup_popout_contacts.png') no-repeat top right;}
body.free .popout.contacts > span {bottom:0; left:72px; text-align:center;}
body.free .popout.automation {top:220px; right:-190px; width:368px; height:232px; background:url('https://www.activecampaign.com/free/media/formbox_freesignup_popout_automation.png') no-repeat top left;}
body.free .popout.automation > span {top:64px; right:-40px; text-align:left;}


/* Signup Form */
/* =========================================================== */
.container .priceplanwrap {position:relative; float:left; margin:0 0 25px; padding:8px 0 18px; width:670px; height:35px; border:1px solid #dce6f2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f6faff url('https://www.activecampaign.com/signup/media/price_alert.png') no-repeat -1px 50%; z-index:10;}
.container .priceplanwrap p {margin:2px 0 0 84px; font-size:14px; line-height:22px;}
.container .priceplanwrap strong {background:#fdfff0; border-bottom:1px solid #e5e4a0;}
.container .signup {position:relative; float:left; margin:0; padding:0; width:670px; height:100%;}
.container .signup form {margin:0; padding:0;}
.container .signup form fieldset {margin:25px 25px 0; padding:0;}
.container .signup form > h3 {position:relative; margin:0 0 24px; padding:24px; font-size:25px; font-weight:600; color:#333; border-bottom:1px solid #ddd; line-height:25px; letter-spacing:-1px;}
.container .signup form > h3.ai {background:url('https://www.activecampaign.com/signup/media/account_information.png') no-repeat 625px 50%;}
.container .signup form > h3.bi {background:url('https://www.activecampaign.com/signup/media/billing_information.png') no-repeat 625px 50%;}
.container .signup input[type="password"]{width:66%;}
.container .signup select{display:inline; width:42%; font-size:15px;}
.container .signup form fieldset.promocode {margin:0; padding:10px 0 0 25px;}
.container .signup form fieldset.promocode label {font-weight:100;}
.container .signup form fieldset.promocode input[type="text"]{float:left; padding:5px 6px; width:208px; font-size:13px; font-weight:100;}
.container .signup form fieldset.promocode a {position:relative; top:12px;}
.container .signup form fieldset.footer {margin-bottom: 25px !important;}
.container .signup .domainurl {right:133px;}
.container .signup .status {right:37px;}
.container .signup .billing {position:relative; margin:35px 0 0 0; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.container .signup form fieldset.cardnumber input[type="text"]{float:left; width:56%; margin-right:13px;}
.container .signup form fieldset.cardnumber input.valid {background:url('https://www.activecampaign.com/signup/media/card_tick.png') 330px center no-repeat;}
.container .signup .billing .cards {position:absolute; top:78px; left:405px; overflow:hidden;}
.container .signup .billing .cards li {-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; background:url('https://www.activecampaign.com/signup/media/card_logos.png') 0 0; float:left; display:block; height:32px; margin-right:8px; text-indent:-9999px; width:51px; list-style:none;}
.container .signup .billing .cards li:last-child {margin-right:0;}
.container .signup .billing .cards .visa_electron {background-position:204px 0;}
.container .signup .billing .cards .mastercard {background-position:153px 0;}
.container .signup .billing .cards .amex {background-position:102px 0;}
/*.container .signup .billing .cards .maestro {background-position:102px 0;}*/
.container .signup .billing .cards .discover {background-position:51px 0;}
.container .signup .billing .cards .visa.off {background-position:0 32px;}
.container .signup .billing .cards .visa_electron.off {background-position:204px 32px;}
.container .signup .billing .cards .mastercard.off {background-position:153px 32px;}
.container .signup .billing .cards .amex.off {background-position:102px 32px;}
/*.container .signup .billing .cards .maestro.off {background-position:102px 32px;}*/
.container .signup .billing .cards .discover.off {background-position:51px 32px;}
.container .signup #promomsg.errorclass{font-size:12px; color:#cc0000;}
.container .signup #create_error {position:relative; clear:both; margin:20px 25px 0!important; padding:0; width:100%; color:#b94a48; overflow:hidden; display:none;}

.container .sidebarsignup {position:relative; float:right; width:268px; margin:0; overflow:hidden;}
.container .sidebarsignup .divider {margin:22px 0; padding:0; display:block; height:1px; background:#fff; border-top:1px solid #ddd;}
.container .sidebarsignup h3 {position:relative; margin:0 0 8px; padding:0; font-size:18px; font-weight:600; color:#5d5d5d; line-height:18px;}
.container .sidebarsignup p, .container .sidebarsignup ul {margin:0 0 6px; padding:0; font-size:15px; line-height:22px;}
.container .sidebarsignup ul > li {margin-top:8px; padding-left:25px; background:url('https://www.activecampaign.com/signup/media/sidebar_li_tick.png') no-repeat 0 5px; list-style:none;}
.chatwrap {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.chatwrap:last-of-type {border-bottom:0 none;}
.chatwrap > span {margin-right:10px; font-size:15px; font-weight:600;}
.chatwrap > a.greybtn {margin:0; padding:7px 15px 7px 10px; line-height:22px;}
.chatwrap > a.greybtn > span {position:relative; display:block; float:left; margin-right:5px; width:33px; height:22px; background:url('https://www.activecampaign.com/signup/media/sidebar_startchat.png') no-repeat; zoom:1;}

.container .testimonial_container {position:relative; margin:40px auto 30px; width:64%; z-index:1;}
.container .freesignup_avatar {position:absolute; left:0; top:-15px; width:124px; height:124px; background:#fff url('https://www.activecampaign.com/free/media/freesignup_avatar.jpg') no-repeat; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; border:5px solid #d9d9d9; background-size:100% 100%; z-index:100;}
.container .freesignup_testimonial {position:relative; text-align:left; width:88%; margin:0 0 0 74px; padding:0; border:1px solid #d2d2d2; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff;}
.container .freesignup_testimonial > p.quote {position:relative; margin-left:77px; padding:10px 20px 10px 10px; line-height:20px; font-size:13px; color:#9e9e9e; z-index:5;}
.container .freesignup_testimonial > p.quote:before {position:absolute; top:2px; left:-13px; content:'\201C'; font:48px 'georgia',serif; color:#f5f5f5; z-index:1;}
.container .freesignup_testimonial > p.user {position:absolute; bottom:5px; right:20px; font-size:12px; color:#9e9e9e;}
.container .freesignup_testimonial > p.user:before {content:'\2014'; margin-right:4px; font-size:12px;}

.container .loginbox {text-align:center; margin:0 auto; padding:15px 0 0; height:150px; width:76%;}
.container .loginbox form {margin:25px 0 0 132px; display:block; padding:0; text-align:left;}
.container .loginbox fieldset {margin:0; padding:0; display:block;}
.container .loginbox label {color:#5d5d5d; font:16px "freight-sans-pro",sans-serif; font-weight:600; margin:0; display:block;}
.container .loginbox label small, .container .loginbox label a {margin-left:6px; display:inline; color:#b7b7b7; font-size:14px; font-weight:100;}
.container .loginbox label a {margin-left:0; color:#909090; text-decoration:none;}
.container .loginbox input[type="text"]{width:40%; border:0; background:transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0); box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0);}
.container .loginbox .select {width:auto; padding:0; border:0; background:transparent; -webkit-box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0); box-shadow:inset 0 0 0 0 rgba(0, 0, 0, 0);}
.container .loginbox .signincontainer {width:100%; display:inline; position:relative; padding:12px 5px; margin:.5em .5em .5em 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d0d0d0; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.container .loginbox .button {padding:11px 24px; font-size:16px; font-weight:600;}

.mainbody .customdesign {position:relative; text-align:center; margin-top:-558px;}
.mainbody .customdesign .templates {position:relative; margin:0; padding-top:0; background:url("https://www.activecampaign.com/templates/images/templates.png") no-repeat 40% 96px; z-index:10;}
.mainbody .customdesign .templates > h3 {position:relative; margin:0 0 10px; padding:0 0 10px; font-size:18px; font-weight:600; line-height:18px; color:#5d5d5d; text-shadow:1px 1px 0 #fff;}
.mainbody .customdesign .templates h3 > span {display:inline; position:absolute; margin:0; padding:0 0 0 10px; font-size:44px; font-weight:600; line-height:44px; color:#efaf00; letter-spacing:-2px; z-index:5;}
.mainbody .customdesign .templates h3  > em {display:inline; zoom:1; position:absolute; top:12px; right:310px; width:122px; height:22px; background:url("https://www.activecampaign.com/templates/images/customdesign_scratch.png") no-repeat 50%; z-index:10;}
.mainbody .customdesign .templates .seal {position:absolute; top:-13px; right:210px; width:154px; height:154px; margin:0; padding:73px 0 0; font-size:14px; font-weight:100; color:#fff; text-shadow:1px 1px 0 #486548; background:url("https://www.activecampaign.com/templates/images/customdesign_seal.png") no-repeat 50%;}
.mainbody .customdesign .templates .seal > h3 {margin:0; padding:0; font-size:45px; font-weight:600; line-height:45px; color:#fff; letter-spacing:-2px; text-shadow:1px 1px 0 #486548;}
.mainbody .customdesign .templates .seal > span {position:relative; display:block; zoon:1;}
.mainbody .customdesign .features {position:relative; margin:0; padding:0; padding-top:628px;}
.mainbody .customdesign .button {font-size:25px; padding-left:50px; padding-right:50px; font-weight:600;}
.mainbody .customdesign .listfeatures {width:105%; margin:88px 0 50px; position:relative; overflow:hidden;}
.mainbody .customdesign .listfeatures > li {float:left; width:420px; height:108px; margin:0 30px 44px 0; padding-left:60px; text-align:left; list-style:none;}
.mainbody .customdesign .listfeatures li > h3 {position:relative; margin:0 0 10px; padding:0; font-size:18px; font-weight:600; line-height:22px; color:#5d5d5d;}
.mainbody .customdesign .listfeatures li > p {margin:0; padding:0; font-size:16px; line-height:20px; color:#5d5d5d; font-weight:100;}
.mainbody .customdesign .listfeatures li.del {background:url('https://www.activecampaign.com/templates/images/customdesign_delivered.png') no-repeat;}
.mainbody .customdesign .listfeatures li.des {background:url('https://www.activecampaign.com/templates/images/customdesign_design.png') no-repeat;}
.mainbody .customdesign .listfeatures li.she {background:url('https://www.activecampaign.com/templates/images/customdesign_shield.png') no-repeat;}
.mainbody .customdesign .listfeatures li.ord {background:url('https://www.activecampaign.com/templates/images/customdesign_order.png') no-repeat;}

/* Contact */
/* =========================================================== */
.container .contactbox {margin:0; padding:0; width:100%;}
.container .contactbox fieldset {position:relative; margin:0 0.8em 1.8em; padding:0 4px 0 0; display:block;}
.container .contactbox fieldset > label {display:block; width:100%;}
.container .contactbox fieldset > label > small.req {position:relative; padding:0; top:-1px; display:inline-block; font:16px monospace,sans-serif; color:#cc0000;}
.container .contactbox fieldset > input[type="text"] {padding:12px 12px 12px 10px;}
.container .contactbox fieldset > textarea {width:98%; height:4.5em; overflow:hidden;}
.container .contactbox .inlinesets {position:relative; height:100%; margin:0 0.8em 1.8em; display:block;}
.container .contactbox .inlinesets:after {display:table; content:''; height:0; width:100%; clear:both; zoom:1;}
.container .contactbox .inlinesets fieldset {float:left; width:40%; margin:0 1.8em 0 0;}	
.container .contactbox .infos  {margin:0 0.8em 1.8em; padding-bottom:0.8em; border-bottom:1px dotted #ddd;}	
.container .contactbox .infos > h3 {font-size:17px; color:#0f3e76; font-weight:600;}	
.container .contactbox .infos > p {margin:0.8em 0; line-height:21px;}	


.mainbody .contact .leftbodysection {width:660px;}
.mainbody .contact .rightsidebar {position:relative; margin:0; padding:0; width:260px;}
.mainbody .contact .rightsidebar > div {position:relative; margin:0; padding:0;}
.mainbody .contact .rightsidebar  li {line-height:22px; list-style:none;}
.mainbody .contact .rightsidebar > .chatwrap {margin:0 0 20px; padding:0 0 20px;}
.mainbody .contact .rightsidebar > .chatwrap > span {display:block; margin-bottom:8px;}
.mainbody .contact .rightsidebar > .chatwrap > .button {font-size:13px;}




/* Breadcrumb */
/* =========================================================== */

.breadcrumb  {position:relative; margin:0 0 20px; padding:0 0 20px; width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.breadcrumb  ul li {float:left; margin-right:10px; list-style:none!important;}
.breadcrumb  ul li.current {margin-left:5px; list-style:none;}
.breadcrumb  ul li.current span {position:relative; top:-17px; margin-left:16px;}
.breadcrumb  ul li.current:before {margin-right:10px; content:"\203A";}


.help .breadcrumb ul{ margin-left:0; }
.help .breadcrumb ul li{ margin-left:0; margin-right:5px; }
.help .breadcrumb ul li, .help .breadcrumb ul li a, .help .breadcrumb ul li a:visited{ color:#666; }
.help .breadcrumb ul li a:hover{ color:#000; }

/* Developer API */
/* =========================================================== */
.mainbody .developerapiviewport {position:relative; margin:0 0 20px; padding:0; color:#7696a5; overflow:hidden;}

/* Delete this once webhook is activated */
.mainbody .developerapiviewport .container {min-height:210px; position:relative; display:block; text-shadow:0 1px 1px #fff; background:#eef7f3 url('https://www.activecampaign.com/api/media/apicubes.png') no-repeat -58px 18px;}
.mainbody .developerapiviewport .container p {position:relative; left:377px; top:50px; width:60%; display:block; margin:0; padding:0; font-size:17px; font-weight:600;}
.mainbody .developerapiviewport .container a.button {position:relative; padding-right:18px; left:377px; top:62px; font-size:17px; font-weight:600; z-index:10;}
.mainbody .developerapiviewport .container a.button:before{content:""; display:block; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:3px; border-bottom:1px solid #d2d2d2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff;}
.mainbody .developerapiviewport .container a.button span {position:relative; margin-left:8px; display:block; float:right; top:6px; width:8px; height:11px; background:url('https://www.activecampaign.com/api/media/getstarted_arrow.png') no-repeat 0 0;}
.developerapi > .introresources > li {position:relative; float:left; margin:0 10px 0 0; padding:0; width:230px; text-align:center; list-style:none;}
.developerapi > .introresources > li > h3 {position:relative; display:block; font-size:17px; font-weight:600; color:#333;}
.developerapi > .introresources > li > h3 > a {position:relative; display:block; padding-top:166px; text-decoration:none; color:#333;}
.developerapi > .introresources > li.aoe > h3 > a {width:266px; background:url('https://www.activecampaign.com/api/media/apioptions.png') no-repeat top center;}
.developerapi > .introresources > li.devfor > h3 > a {width:238px; background:url('https://www.activecampaign.com/api/media/devforum.png') no-repeat top center;}
.developerapi > .introresources > li.apiw > h3 > a {width:220px; background:url('https://www.activecampaign.com/api/media/phpwrapper.png') no-repeat top center;}
/* ------------------------------------ */


.mainbody .developermasthead {position:relative; margin:0 0 20px; padding:0; color:#7696a5; overflow:hidden;}
.mainbody .developermasthead .container {position:relative; padding:0 0 20px; border-bottom:1px solid #ddd; overflow:hidden;}
.mainbody .developermasthead .container > .introresources {margin:0 -46px;}
.mainbody .developermasthead .container > .introresources > li {position:relative; float:left; margin:0 13px; padding:0; width:246px; text-align:center; list-style:none;}
.mainbody .developermasthead .container > .introresources > li > h3 {position:relative; display:block; font-size:17px; font-weight:600; color:#333;}
.mainbody .developermasthead .container > .introresources > li > h3 > a {position:relative; display:block; padding-top:166px; text-decoration:none; color:#333;}
.mainbody .developermasthead .container > .introresources > li.aoe > h3 > a {width:245px; background:url('https://www.activecampaign.com/api/media/apioptions.png') no-repeat top center;}
.mainbody .developermasthead .container > .introresources > li.weh > h3 > a {width:245px; background:url('https://www.activecampaign.com/api/media/webhooks.png') no-repeat 50% 22px;}
.mainbody .developermasthead .container > .introresources > li.devfor > h3 > a {width:238px; background:url('https://www.activecampaign.com/api/media/devforum.png') no-repeat 50% 14px;}
.mainbody .developermasthead .container > .introresources > li.apiw > h3 > a {width:220px; background:url('https://www.activecampaign.com/api/media/phpwrapper.png') no-repeat top center;}
.mainbody .developermasthead .container > .introresources > li.exscr > h3 > a {width:238px; background:url('https://www.activecampaign.com/api/media/expscripts.png') no-repeat 50% 3px;}


.mainbody .developermasthead .wrap {
	margin:0 -20px;
}
.mainbody .developermasthead .icon {
	float:left;
	margin:0 20px;
	width:167px;
	height:160px;
	text-align:center;
}
.mainbody .developermasthead .icon a {
	display:block;
	padding:112px 0 20px;
	width:100%;
	color:#333;
	text-decoration:none;
	background-color:#f7f7f7;
	border-radius:8px;
	-webkit-border-radius:8px;
	background-repeat:no-repeat;
	background-position:50% 20px;
	border:1px solid transparent;
}
.mainbody .developermasthead .icon a:hover {background-color:#f0fbfd; border:1px solid #dfedf0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05);}

.mainbody .developermasthead .icon.options > a {background-image:url('https://www.activecampaign.com/api/media/list-options.png');}
.mainbody .developermasthead .icon.webhooks > a {background-image:url('https://www.activecampaign.com/api/media/list-webhooks.png');}
.mainbody .developermasthead .icon.wrapper > a {background-image:url('https://www.activecampaign.com/api/media/list-wrapper.png');}
.mainbody .developermasthead .icon.scripts > a {background-image:url('https://www.activecampaign.com/api/media/list-scripts.png');}
.mainbody .developermasthead .icon.forums > a {background-image:url('https://www.activecampaign.com/api/media/list-forums.png');}

.mainbody .searchbox {margin:20px 0 0; padding:0 50px 0 0;}
.mainbody .searchbox input[type="text"] {position:relative; display:block; margin:0; padding:12px 12px 12px 35px; width:100%; background:#fff url('https://www.activecampaign.com/global_media/subheader_search.png') no-repeat 7px 12px; font-size:15px; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ddd; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);}

/* Developer API page */
/* =========================================================== */
.developerapi, .developerapioverview { position: relative;margin: 0; }
.developerapi > table input[type="text"] { position: relative;display: inline-block;margin: 0;padding: 9px 8px;background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #5d5d5d;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #c0c0c0;-webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
.developerapioverview h2 { position: relative;margin: 0 0 0;padding: 3px 0 24px;font-size: 25px;font-weight: 600;color: #333;border-bottom: none;line-height: 22px; }
.developerapioverview h2 pre { font: 18px monospace, sans-serif;color: #333;margin-left: 8px;padding: 2px 6px;background: #f3f8ff;font-weight: 100;border: 1px solid #c1d0e2; }
.developerapioverview > h3 { position: relative;margin: 0 0 .5em;padding: 10px 8px;font-size: 17px;font-weight: 600;color: #5d5d5d;border-bottom: 1px solid #ddd;background: #fafafa;line-height: 20px; }
.developerapioverview td, .developerapioverview th { font-size: 16px;line-height: 20px;vertical-align: top; }
.developerapioverview > table { position: relative;margin: 0.5em 0 25px;padding: 0;overflow: hidden;border-collapse: collapse; }
.developerapioverview > table td { padding: 12px 0; }
.developerapioverview table:first-child  td { padding-bottom: 0;border-bottom: none; }
.developerapioverview table  td.subsections { color: #b5b5b5; }
.developerapioverview table  code { padding: 0;background: none;color: #5d5d5d;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;border: none; }
.developerapioverview table.innertable { border-collapse: collapse; }
.developerapioverview table.innertable th, .developerapioverview table.innertable td { padding: 10px 8px;vertical-align: top; }
.developerapioverview table.innertable th { background: #fafafa;color: #5d5d5d;font-weight: 600; }
.developerapioverview #apimethodcontainer { position: relative;height: 100%;overflow: hidden; }
.developerapioverview #apimethodcontainer > .apimethodbox { position: relative;float: left;margin: 10px;padding: 0;width: 310px;overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: 1px solid #ddd; }
.developerapioverview #apimethodcontainer > .apimethodbox h3 { margin: 0 0 10px;padding: 10px 15px;font-weight: 100;border-bottom: 1px solid #ddd; }
.developerapioverview #apimethodcontainer > .apimethodbox > ul { margin: 0;padding: 0 15px 15px; }
.developerapioverview #apimethodcontainer > .apimethodbox > ul > li { list-style: none; }
.developerapioverview #apimethodcontainer > .apimethodbox > ul > li > a { display: inline;font: 11px monospace, sans-serif;line-height: 22px;text-decoration: none; }
.developerapioverview .api_discussion_container:after { position: absolute;content: '';top: 36px;left: 0;right: 0;width: 100%;height: 1px;background-color: #c8c8c8;z-index: 1; }
.developerapioverview .api_discussion_icon { display: inline-block;margin: auto;background: #f7f7f7;padding: 10px;border: #c8c8c8 1px solid;border-radius: 100%;width: 50px;height: 50px;z-index: 2; }
.developerapioverview .api_discussion_icon:hover { border: #5D5D5D 1px solid;background-color: #5D5D5D; }
.developerapioverview .api_discussion_icon svg { position: relative;top: 25%;display: block;left: 20%;width: 32px;height: 32px; }
.developerapioverview .api_discussion_icon path { fill: #5D5D5D; }
.developerapioverview .api_discussion_icon:hover path { fill: #f7f7f7; }
.developerapioverview.overview .overviewintro { position: relative;margin: 0 0 1.5em;padding: 18px 0 8px 120px;font-size: 16px;font-weight: 100;color: #5d5d5d;line-height: 20px;background: url('https://www.activecampaign.com/api/media/apioverviewintro.png') no-repeat top left; }
.developerapioverview.overview .overviewintro h2 { position: relative;margin: 0 0 8px;padding: 0 0 8px;font-size: 25px;font-weight: 600;color: #333;border-bottom: 1px solid #ddd;line-height: 22px; }
.webhookoverview .overviewintro { position: relative;margin: 0 0 1.5em;padding: 18px 0 8px 120px;font-size: 16px;font-weight: 100;color: #5d5d5d;line-height: 20px;background: url('https://www.activecampaign.com/api/media/webhooksintro.png') no-repeat top left; }
.webhookoverview .overviewintro h2 { position: relative;margin: 0 0 8px;padding: 0 0 8px;font-size: 25px;font-weight: 600;color: #333;border-bottom: 1px solid #ddd;line-height: 22px; }
.scriptsoverview .overviewintro { position: relative;margin: 0 0 1.5em;padding: 18px 0 8px 120px;font-size: 16px;font-weight: 100;color: #5d5d5d;line-height: 20px;background: url('https://www.activecampaign.com/api/media/expscriptsintro.png') no-repeat top left; }
.scriptsoverview .overviewintro h2 { position: relative;margin: 0 0 8px;padding: 0 0 8px;font-size: 25px;font-weight: 600;color: #333;border-bottom: 1px solid #ddd;line-height: 22px; }
.wrappersoverview .overviewintro { position: relative;margin: 0 0 1.5em;padding: 18px 0 8px 120px;font-size: 16px;font-weight: 100;color: #5d5d5d;line-height: 20px;background: url('https://www.activecampaign.com/api/media/wrappersintro.png') no-repeat top left; }
.wrappersoverview .overviewintro h2 { position: relative;margin: 0 0 8px;padding: 0 0 8px;font-size: 25px;font-weight: 600;color: #333;border-bottom: 1px solid #ddd;line-height: 22px; }


/* Templates Gallery */
/* =========================================================== */
.headeroptions {position:relative; margin:100px 0 60px; padding:0; width:100%;}
.headeroptions > span {display:inline; padding-right:6px;}
.headeroptions .sort {float:left; height:100%;}
.headeroptions .share {float:right; position:relative; margin:0; padding:0; height:25px;}
.headeroptions .share > span {display:block; float:left; height:100%; margin-left:5px; line-height:28px;}
.headeroptions .share > span:first-child {margin-right:5px;}

.mainbody.templatesgallery {margin-top:0;}
.mainbody.templatesgallery > .container {margin-top:-53px;}
.templatesgallery, .templatesgallery .templatewrap {min-height:600px;}
.templatesgallery .templatewrap {position:relative; margin:0 0 30px; padding:0; width:1010px; overflow:hidden;}
.templatesgallery .templatewrap .overlayoption {position:absolute; top:0; left:0; width:100%; height:100%; display:none; background:url('https://www.activecampaign.com/templates/images/template_overlayoption.png'); z-index:100; text-align:center;}
.templatesgallery .templatewrap .overlayoption a {position:relative; top:30%; background:#333; border:1px solid #000; color:#fff!important; font-size:18px; font-weight:600; text-shadow:0 1px 1px #000; box-shadow:0 1px rgba(255, 255, 255, 0.6);}
.templatesgallery .templatewrap .template {position:relative; float:left; display:block; margin:0 8px 8px 0; padding:0; width:auto; height:183px; border:1px solid #ddd; overflow:hidden; z-index:1;}
.templatesgallery .templatewrap .template > img {height:183px;}
.templatesgallery .templatewrap .template.lrg, .templatesgallery .templatewrap .template.lrg > img {width:533px;}
.templatesgallery .templatewrap .template.reg, .templatesgallery .templatewrap .template.reg > img {width:213px;}
.templatesgallery .templatewrap .template .resourcebottom {position:relative; bottom:0; background:#f8f8f8; height:44px; border-top:1px solid #ddd; z-index:200;}
.templatesgallery .templatewrap .template .resourcebottom  > div {margin:0 10px; width:auto; height:100%; line-height:42px;}
.templatesgallery .templatewrap .template .resourcebottom .rating {float:left;}
.templatesgallery .templatewrap .template .resourcebottom .download {float:right; padding-left:20px; background:url('https://www.activecampaign.com/templates/images/resourcebottom_download.png') no-repeat 0 15px;}

.templatesgallery .loadtemplate {position:relative; display:block; padding:10px 0; width:980px; text-align:center; color:#c6c6c6; border:1px solid #f0f0f0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.templatesgallery .loadtemplate:hover {cursor:pointer; color:#505050; background:#f0f0f0; border:1px dotted #f0f0f0; text-shadow:0 1px 1px #fff;}
.templatesgallery .loadtemplate > span {display:block; margin:0 auto; width:18%; height:15px; background:url('https://www.activecampaign.com/templates/images/loadtemplates.gif') no-repeat 0 0;}

.templatesgallery .customdesign {position:relative; display:block; margin:-32px 8px 8px 0; padding:0; width:980px; height:183px; background:#f4f4f4 url('https://www.activecampaign.com/global_media/subtext_flares.png') no-repeat -60% -108px; border:1px solid #ddd; overflow:hidden; z-index:1;}
.templatesgallery .customdesign > div.inner {position:relative; top:30px; left:50px; width:400px; text-align:left;}
.templatesgallery .customdesign.last > div.inner {position:relative; top:30px; left:50px; width:423px; text-align:left;}

.templatesgallery .customdesign > div.inner > h3 {margin:0 0 4px; padding:0; font-size:23px; font-weight:600; color:#0f3e76;}
.templatesgallery .customdesign > div.inner > p {margin:0; font-size:16px; font-weight:600;}
.templatesgallery .customdesign > a.button {position:absolute; padding-left:25px; padding-right:25px; bottom:30px; left:50px; font-size:15px; z-index:100;}
.templatesgallery .customdesign > img {position:absolute; top:25px; right:80px; z-index:40;}

.templatesgallery .promodesign {position:relative; display:block; margin:-32px 8px 8px 0; padding:0; width:980px; height:125px; background:#edf8ff url('https://www.activecampaign.com/templates/images/promodesign_bg.png') no-repeat; border:1px solid #cbdbe6; overflow:hidden; -webkit-border-radius:6px; border-radius:6px;}
.templatesgallery .promodesign > div.inner {position:relative; top:17px; left:354px; width:600px; text-align:left;}
.templatesgallery .promodesign > div.inner > h3 {margin:0 0 4px; padding:0; font-size:17px; font-weight:600; color:#0f3e76;}
.templatesgallery .promodesign > div.inner > a.button {position:absolute; padding-left:25px; padding-right:25px; top:46px; font-size:15px;}

.modalbox {width:590px; text-align:center; margin:0 auto;}
.modalbox img.screen, .modalbox p {margin:0 auto; text-align:left;}
.modalbox img.screen {margin:18px 0; width:585px; border:1px solid #cfcfcf;}
.modalbox p, .modalbox .template_head {margin:0 auto; padding:0; width:590px; color:#333;}
.modalbox .template_head {position:relative; margin-bottom:-8px; overflow:hidden;}
.modalbox p span {float:left; width:33%; margin:0 50px 30px 0; line-height:1.6;}
.modalbox .template_download {float:left; width:200px; text-align:left; font-size:17px;}
.modalbox .template_rate {position:relative; float:left; top:4px; width:180px; text-align:left;}
.modalbox .template_rate:before {position:relative; display:inline-block; content:'Rate'; top:-3px; margin:0 8px 0 0; font-size:14px; color:#d5d5d5d;}
.modalbox .template_share {float:right; position:relative; top:4px; width:180px; text-align:right;}
.modalbox .template_share ul {position:absolute; top:8px; right:0; width:100%; margin:0; padding:0; list-style-type:none;}
.modalbox .template_share ul li {float:left; width:auto; margin-left:4px; list-style:none;}
.modalbox .template_share li.caption {display:block; font-size:14px; color:#d5d5d5d; padding:4px 4px 0 0; margin-right:4px;}
.nodisplay {display:none;}

#fancybox-outer #fancybox-left,
#fancybox-outer #fancybox-right {top:74px!important;}
#fancybox-outer #fancybox-left:hover span,
#fancybox-outer #fancybox-right:hover span {position:absolute; top:380px!important;}

/* Onsite Styles */
/* =========================================================== */
.bodysection.onsite  {position:relative; margin-bottom:100px; height:100%; overflow:hidden;}
.bodysection.onsite ul {margin:0 0 1.8em 2.5em;}
.bodysection.onsite ul li {line-height:2.5; list-style:disc;}
.bodysection.onsite .alert  {position:relative; margin:0 0 35px!important; padding:5px 7px 5px 33px; line-height:1.3; background-image:url('https://www.activecampaign.com/onsite/media/bg_alert.png'); background-repeat:no-repeat; background-position:7px 6px;}
.bodysection.onsite .button  {font-size:17px; font-weight:600;}
.bodysection.onsite .downloadwrapper {position:relative; width:100%; overflow:hidden;}
.bodysection.onsite .downloadwrapper .colmlft {float:left; width:700px;}
.bodysection.onsite .downloadwrapper .colmrgt {float:right; width:240px;}
.bodysection.onsite .downloadwrapper .colmrgt ul.callouts {margin-bottom:40px;}
.bodysection.onsite .downloadwrapper .colmrgt ul.callouts li {margin-bottom:10px; padding-left:25px; background:url(https://www.activecampaign.com/_ac_global/css/media/sidebrief_check.gif) no-repeat 0 0; font-size:12px;}
.bodysection.onsite .downloadwrapper .colmrgt ul li.headerlist, .bodysection.onsite .downloadwrapper .colmrgt > h3 {margin:8px 0; padding:0 0 8px; background:none; border-bottom:1px solid #cecece; color:#555; font-size:15px; font-weight:600;}
.bodysection.onsite .downloadwrapper .colmrgt ul li {margin-bottom:30px; font-size:13px; line-height:1.5; list-style:none;}
.bodysection.onsite .downloadwrapper .colmrgt ul.support {margin-left:17px;}
.bodysection.onsite .downloadwrapper .colmrgt ul.support li {margin-bottom:0; line-height:1.8; list-style:disc;}
.bodysection.onsite .downloadwrapper .colmrgt ul.support li > small {display:block; margin:-2px 0 0;}
.bodysection.onsite .downloadwrapper ul {margin:0; padding:0;}
.bodysection.onsite .downloadwrapper strong {color:#000;}

.bodysection.onsite .cols {position:relative; width:105%; margin:25px -20px 40px; overflow:hidden;}
.bodysection.onsite .cols > div {position:relative; float:left; width:188px; margin:0 20px; overflow:hidden; text-align:center;}
.bodysection.onsite .cols > div > h4 {margin:0; padding:0; background:none; color:#555; font-size:15px; font-weight:600;}
.bodysection.onsite .cols > div > img {margin:0 auto 10px; padding:0; border:none; display:block;}

.bodysection.onsite .pricing_tbl h2 {background:#2962ae; font-size:27px; color:#fff; padding:6px; font-weight:600; text-align:center; text-shadow:none;}
.bodysection.onsite .pricing_tbl small {font-size:13px; font-weight:100;}
.bodysection.onsite .pricing_tbl th {background:#f1f7ff; text-shadow:1px 1px 1px #fff; text-align:center;}
.bodysection.onsite .pricing_tbl th, .bodysection.onsite .pricing_tbl td {padding:12px;}
.bodysection.onsite .pricing_tbl .pro, .bodysection.onsite .pricing_tbl .medium, .bodysection.onsite .pricing_tbl .mini {margin:3px;}
.bodysection.onsite .pricing_tbl .discount {color:#52a600; font-size:22px;}
.bodysection.onsite .pricing_tbl .right {font-weight:600; font-size:16px;}
.bodysection.onsite .pricing_tbl .odd {background:#eaeaea; text-shadow:1px 1px 1px #fff;}
.bodysection.onsite .pricing_tbl .price {font-size:18px; color:#333;}
.bodysection.onsite .pricing_tbl .left {width:80%; text-align:left;}
.bodysection.onsite .pricing_tbl .subtitle_left {text-align:left; font-size:13px;}
.bodysection.onsite .pricing_tbl .radio {width:20px;}

/* About Styles */
/* =========================================================== */
.bodysection.about .intro, .bodysection.about .additional { margin:0; padding:0;  overflow:hidden;}
.bodysection.about .intro > h3 {position:absolute; top:18px; right:77px; height:100%; display:block; margin:0; padding:0; font-size:67px; color:#21547c; letter-spacing:-6px; font-weight:100; text-align:center;}
.bodysection.about .intro > h3 > span {position:relative; display:block; margin:0 0 23px; padding:0; width:100%; color:#aaa; font-size:15px; letter-spacing:0; font-weight:100;}
.bodysection.about .intro > p {float:left; width:700px; margin:0 0.8em 0 0; padding:0 0.8em 1.2em 0; font-size:17px; line-height:1.8; border-right:1px solid #dae3ea;}
.bodysection.about > h3 {margin:18px 0; padding:0; font-size:17px; letter-spacing:-1px;}

.bodysection.about .timeline {position:relative; margin:0; padding:0; height:100%; min-height:68px; border:1px solid #dae3ea; border-left:none; border-right:none;}
.bodysection.about .timeline > hr {position:absolute; top:34px; margin:0; padding:0; width:100%; height:1px; background:#e8f2f9; border:none; z-index:1;}
.bodysection.about .timeline > .yearitems {position:absolute; z-index:5;}
.bodysection.about .timeline > .yearitems > span {position:absolute; top:24px; padding:3px 5px; font-size:13px; background:#fff; border:1px solid #e8f2f9; color:#abb7c0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.bodysection.about .timeline > .yearitems > span.yr02 {left:10px;}
.bodysection.about .timeline > .yearitems > span.yr04 {left:180px;}
.bodysection.about .timeline > .yearitems > span.yr06 {left:350px;}
.bodysection.about .timeline > .yearitems > span.yr08 {left:520px;}
.bodysection.about .timeline > .yearitems > span.yr10 {left:690px;}
.bodysection.about .timeline > .yearitems > span.yr12 {left:860px;}

.bodysection.about .timeline > .timelineitems {position:absolute; z-index:10;}
.bodysection.about .timeline > .timelineitems > ul > li {position:relative; float:left; top:30px; margin:0; padding:0; list-style:none;}
.bodysection.about .timeline > .timelineitems > ul > li > a {display:block; float:none; width:10px; height:10px; background:#416988; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

.bodysection.about .timeline > .timelineitems > ul > li.yr03_a {left:50px;}
.bodysection.about .timeline > .timelineitems > ul > li.yr06_06 {left:400px;}
.bodysection.about .timeline > .timelineitems > ul > li.yr07_09 {left:480px;}

.bodysection.about .timeline > .timelineitems > ul > li.yr12_05 {left:890px;}

.bodysection.about .timeline > .timelineitems > ul > li.yr12_06 {left:900px;}
.bodysection.about .timeline > .timelineitems > ul > li.yr10_a {left:720px;}
#tooltips  {position:relative; top:-8px; padding:6px; color:#7e7e7e; font-size:11px; background:#fff; border:1px solid #dae3ea; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.bodysection.about .additional {margin:0; padding:0; border-bottom:1px solid #dae3ea;}
.bodysection.about .additional > .quickfacts {position:relative; float:left; width:268px; min-height:400px; margin:0; padding:0;}
.bodysection.about .additional > .quickfacts > ul {position:relative; width:100%; margin:0; padding:0;}
.bodysection.about .additional > .quickfacts > ul > li {position:relative; margin:0; padding:32px 0 0; height:120px; border-bottom:1px solid #dae3ea;}
.bodysection.about .additional > .quickfacts > ul > li:last-child {border-bottom:none;}
.bodysection.about .additional > .quickfacts > ul > li > h4 {margin:0 0 0 88px; padding:0; font-size:47px; letter-spacing:-3px;}
.bodysection.about .additional > .quickfacts > ul > li > p {margin:0 0 0 88px; padding:0; color:#b1bbc3;}
.bodysection.about .additional > .quickfacts > ul > li.users {background:url('https://www.activecampaign.com/about/media/facts_users.png') no-repeat bottom left;}
.bodysection.about .additional > .quickfacts > ul > li.delivered {background:url('https://www.activecampaign.com/about/media/facts_delivered.png') no-repeat bottom left;}
.bodysection.about .additional > .quickfacts > ul > li.chicago {background:url('https://www.activecampaign.com/about/media/facts_chicago.png') no-repeat 15px bottom;}
.bodysection.about .additional > .quickfacts > ul > li.countries {background:url('https://www.activecampaign.com/about/media/facts_countries.png') no-repeat 15px bottom;}

.bodysection.about .additional > .gallery {position:relative; float:right; width:729px; min-height:611px; margin:0; padding:0; border-left:1px solid #dae3ea; overflow:hidden;}
.bodysection.about .additional > .gallery > div {position:absolute; margin:0; padding:0; border:0; z-index:1; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
.bodysection.about .additional > .gallery > div:hover {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.bodysection.about .additional > .gallery > div > span {position:absolute; top:0; left:0; z-index:8;}

.bodysection.about .additional > .gallery > div.tl {left:0; top:0; width:216px; height:243px; background:url('https://www.activecampaign.com/about/media/_filler_1.png') no-repeat 0 0;}
.bodysection.about .additional > .gallery > div.tm {right:200px; top:0; width:313px; height:192px; background:url('https://www.activecampaign.com/about/media/_filler_2.png') no-repeat 0 0;}
.bodysection.about .additional > .gallery > div.tr {right:0; top:0; width:200px; height:192px; background:url('https://www.activecampaign.com/about/media/_filler_3.png') no-repeat 0 0;}
.bodysection.about .additional > .gallery > div.mm {left:216px; top:192px; width:253px; height:244px; background:url('https://www.activecampaign.com/about/media/_filler_4.png') no-repeat 0 0;}
.bodysection.about .additional > .gallery > div.mr {right:0; bottom:241px; width:260px; height:178px; background:url('https://www.activecampaign.com/about/media/_filler_5.png') no-repeat 0 0;}
.bodysection.about .additional > .gallery > div.bl {left:0; bottom:0; width:216px; height:368px; background:url('https://www.activecampaign.com/about/media/_filler_6.png') no-repeat 0 0;}
.bodysection.about .additional > .gallery > div.bm {left:216px; bottom:0; width:253px; height:175px; background:url('https://www.activecampaign.com/about/media/_filler_7.png') no-repeat 0 0;}
.bodysection.about .additional > .gallery > div.br {right:0; bottom:0; width:260px; height:241px; background:url('https://www.activecampaign.com/about/media/_filler_8.png') no-repeat 0 0;}

.bodysection.about .belief {position:relative; margin:60px 0 0; padding:0; width:105%; height:100%; overflow:hidden;}
.bodysection.about .belief > h4 {position:relative; display:block; margin:0 0 16px; padding:0; font-size:23px; color:#21547c; font-weight:100;}
.bodysection.about .belief > ul.col {position:relative; display:block; width:105%; margin:40px -20px 0; padding:0;}
.bodysection.about .belief > ul.col > li {position:relative; float:left; display:block; width:145px; margin:0 20px; padding:0;}
.bodysection.about .belief > ul.col > li > img {display:block; margin-bottom:20px; border:none;}


.bodysection.about.logo > .section {position:relative; margin:0 0 100px; padding:0; overflow:hidden;}
.bodysection.about.logo > .section > h3 {position:relative; top:15px; margin:0; padding:0; width:15%;}
.bodysection.about.logo > .section > ul {position:relative; margin:25px 0 0; padding:25px -10px 0; width:105%; overflow:hidden;}
.bodysection.about.logo > .section > ul > li {position:relative; float:left; margin:8px 10px; width:478px; list-style:none; overflow:hidden;}
.bodysection.about.logo > .section > ul > li > img {margin:0; padding:0;}
.bodysection.about.logo > .section > ul > li > div {position:relative; margin:0 auto; width:45%;}
.bodysection.about.logo > .section > ul > li > div > a {display:block; float:left; margin:0 5px; padding:3px 5px; background:#f5f5f5; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none;}

.bodysection.about.logo > .section > .downloadpack {position:absolute; top:-2px; right:-5px; z-index:100;}
.bodysection.about.logo > .section > .downloadpack > .button {position:relative; font-size:12px; font-weight:600; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
.bodysection.about.logo > .section > .downloadpack > .button > span {position:relative; display:inline; width:12px; height:11px; background:url('https://www.activecampaign.com/about/media/downloadpack_arrow.png') no-repeat;}

.bodysection.about.logo > .disclaimer{padding:12px 16px; background:#fafafa; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.bodysection.about.logo > .disclaimer > p {display:block; margin:0; padding:0; color:#bbb; line-height:1.6; text-shadow:0 1px 1px #fff;}



/* Features Styles */
/* =========================================================== */
.bodysection.features p > strong {color:#506f94;}
.bodysection.features table td {padding:13px 10px; word-wrap:break-word; border-bottom:1px solid #ddd;}


/* Features Styles */
/* =========================================================== */
.featuresoverview {position:relative; margin-top:-328px; z-index:1;}
.featuresoverview .overview {position:relative; width:100%; overflow:hidden;}
.featuresoverview .overview > div {display:block; position:relative; margin:10px auto; padding:0; border-bottom:1px solid #ddd;}
.featuresoverview .overview  .noborder {border-bottom:none;}
.featuresoverview .overview  .threecolms {margin:100px auto 80px; width:998px; border-bottom:none;}
.featuresoverview .overview  .threecolms > .colm {position:relative; float:left; top:0; margin:0; padding:182px 0 0; width:325px; text-align:center; background-color:#fff; overflow:hidden; cursor:pointer;}
.featuresoverview .overview  .threecolms > .colm:hover {}
.featuresoverview .overview  .threecolms > .colm  > h3, .featuresoverview .overview  .threecolms > .colm  > h3 > a {display:block; margin:0 0 10px; color:#506f94;}
.featuresoverview .overview  .threecolms > .colm  > p {padding:0 20px;}
.featuresoverview .overview  .container {margin-top:0; margin-bottom:0; height:100%; overflow:hidden; z-index:5; zoom:1;}
.featuresoverview .overview > div div.info {position:absolute; top:46px; margin:0; padding:0; width:660px; color:#828282; font-size:17px; line-height:23px; z-index:10;}
.featuresoverview .overview > div div.info a.btn {position:relative; margin:1.5em 0 0!important; color:#bababa; background:#fafafa;}
.featuresoverview .overview > div div.info a.btn:hover {color:#5d5d5d; border:1px solid #ddd;}
.featuresoverview .overview > div a {text-decoration:none; color:#505050;}
.featuresoverview .overview > div h2 {margin:0 0 9px; padding:0; font-size:29px; line-height:35px; color:#0f3e76; border-bottom:none; font-weight:600;}
.featuresoverview .overview > div p {margin:0; padding:0; font-size:16px; line-height:23px; color:#5d5d5d;}
.featuresoverview .overview > div img {position:relative; margin-bottom:10px;}

.featuresoverview .overview #overview_manage {height:253px;}
.featuresoverview .overview #overview_manage > .container {height:253px;}
.featuresoverview .overview #overview_manage .subscribers {position:absolute; top:5px; right:35px; width:498px; height:253px; overflow:hidden;}
.featuresoverview .overview #overview_manage .subscribers > img {position:absolute; padding:0; margin:0; bottom:0; right:0; }
.featuresoverview .overview #overview_manage .subscribers > img#subscriber_1 {bottom:-2000px; right:230px;}
.featuresoverview .overview #overview_manage .subscribers > img#subscriber_2 {bottom:-3000px; right:152px;}
.featuresoverview .overview #overview_manage .subscribers > img#subscriber_3 {bottom:-4000px; right:76px;}
.featuresoverview .overview #overview_manage .subscribers > img#subscriber_4 {bottom:-5000px; right:0;}

.featuresoverview .overview #overview_social > div.container {height:325px; background:url('https://www.activecampaign.com/features/media/overview_social_bg.jpg') no-repeat 0 0;}
.featuresoverview .overview #overview_social div.info {right:0; width:465px;}
.featuresoverview .overview #overview_social div.drop {position:absolute; display:none; top:-205px; left:88px; width:81px; height:201px; background:url('https://www.activecampaign.com/features/media/overview_social_drop.png') no-repeat 0 0; z-index:300;}
.featuresoverview .overview #overview_social div.bird {position:absolute; top:84px; left:214px; width:48px; height:42px; background:url('https://www.activecampaign.com/features/media/overview_social_bird.png') no-repeat 0 0; z-index:100;}

.featuresoverview .overview #overview_manage div.info > .btn, .featuresoverview .overview #overview_social div.info > .btn {background:#ebebeb; color:#333; border:1px solid #d3d3d3;}

.featuresoverview .overview .threecolms > div.create {background:url('https://www.activecampaign.com/features/media/threecolms_create.png') no-repeat top center; cursor:pointer; }
.featuresoverview .overview .threecolms > div.auto {background:url('https://www.activecampaign.com/features/media/threecolms_auto.png') no-repeat top center; cursor:pointer; }
.featuresoverview .overview .threecolms > div.report {background:url('https://www.activecampaign.com/features/media/threecolms_report.png') no-repeat top center; cursor:pointer; }
.featuresoverview .overview .threecolms > div.templ {background:url('https://www.activecampaign.com/features/media/threecolms_templ.png') no-repeat top center; cursor:pointer; }
.featuresoverview .overview .threecolms > div.deliv {background:url('https://www.activecampaign.com/features/media/threecolms_deliv.png') no-repeat top center; cursor:pointer; }
.featuresoverview .overview .threecolms > div.integ {background:url('https://www.activecampaign.com/features/media/threecolms_integ.png') no-repeat top center; cursor:pointer; }
.featuresoverview .overview .threecolms > div.dev {background:url('https://www.activecampaign.com/why/media/responsive_dev.png') no-repeat top center;}
.featuresoverview .overview .threecolms > div.design {background:url('https://www.activecampaign.com/why/media/free_design.png') no-repeat top center;}
.featuresoverview .overview .threecolms > div.resources {background:url('https://www.activecampaign.com/why/media/explore_resources.png') no-repeat top center;}

.featuresoverview .whyoverview .threecolms > .colm {background-color:transparent!important;}

.featuresoverview .resell {position:relative; margin-top:0; padding:0; overflow:hidden;}
.featuresoverview .resell h3 {margin:0 0 0.8em; padding:0; font-size:26px; color:#0f3e76; line-height:32px; font-weight:600;}
.featuresoverview .resell > p {margin:0 0 0.8em; padding:0; font-size:15px; line-height:1.4;}
.featuresoverview .resell .resell_bg_join {position:relative; margin:0 0 84px; padding:0; min-height:268px; border-bottom:1px solid #dadada;}
.featuresoverview .resell .resell_bg_join > div.info {position:relative; width:60%; left:0; top:36px; margin:0; padding:0; font-size:17px; line-height:25px;}
.featuresoverview .resell .resell_bg_join > div.info > h3 {margin-bottom:6px;}
.featuresoverview .resell .resell_bg_join > .earnwrap {position:absolute; top:32px; right:44px; background:url('https://www.activecampaign.com/features/media/resell_bg_join_bg.png') no-repeat top right; width:280px; height:186px; overflow:hidden;}
.featuresoverview .resell .resell_bg_join > .earnwrap > .label {position:absolute; top:32px; left:64px;}
.featuresoverview .resell .resell_bg_join > .earnwrap > .earning  {position:absolute; top:59px; left:56px;}
.featuresoverview .resell .resell_bg_join > .earnwrap > .earning > #earning {position:relative; display:block; left:32px; font-size:35px;}

.featuresoverview .resell .join {position:relative; margin:38px 0; padding:12px 0; width:100%; height:100px; text-align:center; overflow:hidden;}
.featuresoverview .resell .join > span {position:absolute; top:43px; left:244px; font-size:15px; line-height:1.4;}
.featuresoverview .resell .join > .button {position:absolute; top:18px; right:255px; font-weight:600; font-size:23px;}

.featuresoverview .resell  .benefits {margin:0 -20px 80px; width:105%;}
.featuresoverview .resell  .benefits > h3 {margin:0 0 80px; text-align:center;}
.featuresoverview .resell  .benefits > .colm {position:relative; float:left; top:0; margin:0 20px; padding:238px 0 55px; width:305px; height:140px; text-align:center; background:#fff; overflow:hidden;}
.featuresoverview .resell  .benefits > .colm  > h3 {display:block; margin:0 0 10px; font-size:19px; color:#506f94;}
.featuresoverview .resell  .benefits > .colm  > p {padding:0 20px; font-size:15px; line-height:1.4;}


.featuresoverview .resell .faq {position:relative; width:105%; margin:22px -20px 0; height:100%; overflow:hidden;}
.featuresoverview .resell .faq li {position:relative; float:left; width:478px; min-height:100px; margin:0 20px 20px; padding:0; font-size:15px; line-height:1.4; list-style:none;}
.featuresoverview .resell .faq li span.title {color:#333; font-weight:600;}
.featuresoverview .resell .fineprint {text-align:center; color:#747474; margin:20px 0 100px; padding:0; font-size:13px; line-height:1;}


.feature_page {position:relative; margin:0; padding:0; overflow:hidden;}
.feature_page ul {margin-left:18px!important;}
.feature_page ul li {line-height:28px!important; list-style:disc!important;}
.feature_page .featurebody {position:relative; margin:0 auto; line-height:20px; z-index:10;}
.feature_page .featurebody h3 {margin:0 0 0.8em; padding:0; font-size:26px; color:#0f3e76; line-height:32px; font-weight:600;}
.feature_page .featurebody h4 {margin:0 0 0.8em; padding:0; font-size:20px; color:#0f3e76; line-height:24px; font-weight:600;}
.feature_page .featurebody p {margin:0 0 0; padding:0; font-size:18px; line-height:28px;}
.feature_page .featurebody > div {position:relative; margin:60px 0; overflow:hidden;}
.feature_page .featurebody > div > .inner {position:absolute; top:50%; height:100%; margin-top:-25%;}
.feature_page .featurebody .intro {margin-top:0!important;}
.feature_page .featurebody .included {float:left; position:relative; margin:0; padding:0; width:auto; list-style:none;}
.feature_page .featurebody .included li {float:left; font-size:16px; width:160px; line-height:32px;}
.feature_page .featurebody > .fullbox {clear:both; width:99.5%;}
.feature_page .featurebody > div > .boxleft {clear:right; float:left; width:54%;}
.feature_page .featurebody > div > .boxright {clear:left; float:right; width:54%;}
.feature_page .cols {position:relative; display:block; margin:100px -20px 0; width:105%; overflow:hidden;}
.feature_page .cols > div {float:left; margin:0 20px; text-align:center; width:306px;}
.feature_page .cols > div > h4 > a {text-decoration:none;}
.feature_page .cols > div img {position:relative; padding-bottom:20px;}
.feature_page .cols > div p {font-size:15px; line-height:22px;}


.feature_page.details_page .intro {margin:0 0 75px;}

.feature_page.details_page > div > div > .list {}
.feature_page.details_page .sets > div {position:relative; float:left; width:232px!important; padding-left:88px!important; margin:20px;}
.feature_page.details_page .sets > div > ul {margin:20px 0 0 20px; padding:0;}
.feature_page.details_page .sets > div > ul > li {margin:5px 0; padding:0; font-size:13px; line-height:18px; list-style:disc;}

.feature_page .introManSub {float:left; margin-right:40px;}
.feature_page .subLearnMore {height:414px; vertical-align:top; background:url('https://www.activecampaign.com/features/media/subscribers_learnmore.png') no-repeat right;}
.feature_page .subLearnMore > .inner {padding-right:466px;}
.feature_page .reporting {padding-right:300px; height:287px; vertical-align:top; background:url('https://www.activecampaign.com/features/media/features_reporting.png') no-repeat right;}
.feature_page .socialmedia {padding-right:350px; height:348px!important; vertical-align:top; background:url('https://www.activecampaign.com/features/media/features_socialheaderbg.png') no-repeat top right;}
.feature_page .egeo {padding-right:350px; height:248px; vertical-align:top; background:url('https://www.activecampaign.com/features/media/features_geolocation.png') no-repeat right;}
.feature_page .erja {padding-right:350px; height:258px; vertical-align:top; background:url('https://www.activecampaign.com/features/media/features_erja.png') no-repeat right;}
.feature_page .emailtesting {padding-right:350px; height:228px; vertical-align:top; background:url('https://www.activecampaign.com/features/media/features_emailtesting.png') no-repeat right;}
.feature_page .detailed > h3 {margin:0 0 3px;}
.feature_page .features_conditionalcontent {background:url('https://www.activecampaign.com/features/media/features_conditionalcontent_screen.png') no-repeat 50% 0; height:392px;}
.feature_page .features_integration_formbuilder {background:url('https://www.activecampaign.com/features/media/features_integration_formbuilder.png') no-repeat 50% 0; height:350px;}
.feature_page .emailclient {padding-right:350px; height:258px; background:url('https://www.activecampaign.com/features/media/features_emailclient.png') no-repeat 50% 0;}

.mainbody .bottom_gradient {background:#fff url('https://www.activecampaign.com/features/media/feature_bottom_gradient.png') repeat-x top left; border-top:1px solid #e6e6e6;}
.mainbody .bottom_gradient .cols {margin:50px 0 20px; padding:0;}
.mainbody .bottom_gradient h3 {margin-top:50px;}
.mainbody .bottom_gradient h3.detailed {margin:0; padding:0; font-size:23px; line-height:100px; height:100px; color:#0f3e76; border-bottom:none; font-weight:600; text-align:center;}
.mainbody .bottom_gradient h4 {margin:0 0 0.8em; padding:0; font-size:20px; color:#0f3e76; line-height:24px; font-weight:600;}

.mainbody .top_gradient {margin:-86px 0 0; padding:0; background:#fff url('https://www.activecampaign.com/features/media/feature_bottom_gradient_bottom.png') repeat-x bottom left; border-bottom:1px solid #e6e6e6;}
.mainbody .top_gradient .cols {margin:20px 0 0; padding:0;}
.mainbody .top_gradient h3 {margin-bottom:50px;}
.mainbody .top_gradient h4 {margin:0 0 0.8em; padding:0; font-size:20px; color:#0f3e76; line-height:24px; font-weight:600;}

.feature_page .featurebody .list {position:relative; width:100%; margin:20px 0; padding:0;}
.feature_page.details_page .list {margin-top:80px!important;}
.feature_page .featurebody .list > .set {position:relative; width:100%; margin:10px 0; padding:20px 0; border-top:1px solid #e3e3e3!important; overflow:hidden;}
.feature_page .featurebody .list > .set:first-child {border-top:none!important;}
.feature_page .featurebody .list > .set .content {float:left; width:680px;}
.feature_page .featurebody .list > .set .colright {float:right; width:208px; text-align:right;}
.feature_page .featurebody .list > .set .colleft {float:left; width:208px;}
.feature_page .featureslists {position:relative; margin:0; padding:0; list-style-type:none;}
.feature_page .featureslists > li {margin-bottom:20px; padding-left:26px; font-size:15px; line-height:22px; background:url('https://www.activecampaign.com/features/media/features_listmark.png') no-repeat 0 3px; list-style:none;}
.feature_page .sets {position:relative; margin:98px 0 0; width:105%; overflow:hidden;}
.feature_page .col3 {position:relative; margin:0 -20px; width:105%; overflow:hidden;}
.feature_page .col3 div {position:relative; float:left; width:232px; margin:0 20px; overflow:hidden;}
.feature_page .col3 div > ul {position:relative; margin:20px 0 0 20px; padding:0; height:100%; overflow:hidden;}
.feature_page .col3 div > ul > li {margin:5px 0; padding:0; font-size:13px; line-height:18px;}
.feature_page .col3 div > h4 {color:#2960ad;}
.feature_page .col3 div > img {margin:0 0 10px;}

.feature_page .section {position:relative; display:block; margin:0; padding:0; width:100%; overflow:hidden; background:url('https://www.activecampaign.com/features/media/section_shadow.jpg') no-repeat;}
.feature_page .bgleft {background-position:left -13px;}
.feature_page .bgright {background-position:right -13px;}
.feature_page .section > div {position:relative; height:100%; overflow:hidden;}
.feature_page .section > div > p {font-size:15px; line-height:20px;}
.feature_page .section .screen {width:280px;}
.feature_page .section .included {float:left; position:relative; margin:0; padding:0; width:550px;}
.feature_page .section .included li {float:left; padding-left:22px; font-size:15px; width:135px; line-height:33px; list-style:none;}
.feature_page .section .campaignincluded {float:left; position:relative; margin:0; padding:0; width:550px; list-style:none;}
.feature_page .section .campaignincluded li {float:left; padding-left:22px; width:195px; font-size:15px; line-height:33px; list-style:none!important;}
.feature_page .section .feature_item_left {position:relative; float:left; margin:0 60px 60px 0; text-align:left;}
.feature_page .section .feature_item_right {position:relative; float:right; margin:0 0 60px 60px; text-align:right;}
.feature_page .section .zoom {position:absolute; z-index:10;}
.feature_page .section .screen_1 {left:0; top:46px;}
.feature_page .section .erjalist > li {padding-left:24px; background:url('https://www.activecampaign.com/features/media/plus_listing.gif') no-repeat; line-height:25px; list-style:none!important;}
.feature_page .screens {position:relative; display:block; margin:0 0 35px; overflow:hidden;}
.feature_page .screens > img.zoom {position:absolute; display:block;}


/* section icons */
.feature_page .timebaseautoresponder {background:url('https://www.activecampaign.com/features/media/features_timebaseautoresponder.png') no-repeat 0 2px;}
.feature_page .desktopclients {background:url('https://www.activecampaign.com/features/media/features_sets_desktopclient.png') no-repeat 0 0;}
.feature_page .webclients {background:url('https://www.activecampaign.com/features/media/features_sets_webclients.png') no-repeat 0 0;}
.feature_page .mobileclients {background:url('https://www.activecampaign.com/features/media/features_sets_mobileclients.png') no-repeat 0 2px;}
.feature_page .features_screen_listsegments_main {position:relative; margin:50px 0; background:url('https://www.activecampaign.com/features/media/features_screen_listsegments_main.png') no-repeat 50% 0; height:366px;}

.feature_page .featurebody .fillbox {position:relative; margin:64px 0; padding:0; background-color:#f8f8f8; background-repeat:no-repeat; min-height:300px; border:1px solid #dadada; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.feature_page .featurebody .fillbox > div.info {position:relative; width:46%; top:88px; margin:0; padding:0; font-size:17px; line-height:25px;}
.feature_page .featurebody .fillbox > div.info > h4 {margin-bottom:6px;}
.feature_page .featurebody .fillbox.imgleft > div.info {float:right; right:42px;}
.feature_page .featurebody .fillbox.imgright > div.info {float:left; left:42px;}
.feature_page .featurebody .fillbox.templates {background-image:url('https://www.activecampaign.com/features/media/featuers_fillbox_templates.png'); background-position:right 25px;}
.feature_page .featurebody .fillbox.socialreaction {background-image:url('https://www.activecampaign.com/features/media/featuers_socialreactions.png'); background-position:bottom right;}
.feature_page .featurebody .fillbox.socialreaction > div.info {top:52px;}
.feature_page .featurebody .fillbox.spamprevention {background-image:url('https://www.activecampaign.com/features/media/features_realtimespammonitor.png'); background-position:center right;}
.feature_page .featurebody .fillbox.spamprevention > div.info {top:36px;}
.feature_page .featurebody .fillbox.facebookintegration {background-image:url('https://www.activecampaign.com/features/media/features_integration_facebookintegration.png'); background-position:78px 46px;}
.feature_page .featurebody .fillbox.facebookintegration > div.info {top:36px;}
.feature_page .featurebody .fillbox.tracking {margin:-50px 0 150px; background-image:url('https://www.activecampaign.com/features/media/features_integration_tracking.png'); background-position:40px 60px;}
.feature_page .featurebody .fillbox.tracking img {position:absolute; left:100px; bottom:77px;}

.feature_page.details_page {position:relative; margin:0 auto; line-height:20px;}
.feature_page.details_page .featurebody {margin-top:0;}
.feature_page.details_page > .container {margin-top:10px;}
.feature_page.details_page > .container > div {margin-top:0;}
.feature_page.details_page .leftbodysection .sets {position:relative; margin:0; padding:0;}
.feature_page.details_page .leftbodysection .sets > div {width:360px; padding-left:120px;}
.feature_page.details_page .leftbodysection .list {position:relative; width:100%; margin:20px 0; padding:0;}
.feature_page.details_page .leftbodysection .list > .set {position:relative; width:100%; margin:10px 0; padding:20px 0; border-top:1px solid #e3e3e3!important; overflow:hidden;}
.feature_page.details_page .leftbodysection .list > .set:first-child {border-top:none!important;}
.feature_page.details_page .leftbodysection .list > .set .content {float:left; width:498px;}
.feature_page.details_page .leftbodysection .list > .set .colright {float:right; width:208px;}
.feature_page.details_page .leftbodysection .list > .set .colleft {float:left; width:208px;}
.feature_page.details_page .leftbodysection h3 {margin:0 0 0.8em; padding:0; font-size:26px; color:#0f3e76; line-height:32px; font-weight:600;}
.feature_page.details_page .leftbodysection .intro.detailed h3 {margin:0 0 0.3em;}
.feature_page.details_page .leftbodysection h4 {margin:0 0 0.8em; padding:0; font-size:20px; color:#0f3e76; line-height:24px; font-weight:600;}

.feature_page.details_page .rightsidebar.rightBarSticky {position:relative!important; left:0!important; right:0!important;}
.feature_page.details_page .rightsidebar.push {margin-top:110px!important;}
.feature_page.details_page .rightsidebar.rightBarSticky li.heading {padding:6px 6px 6px 38px!important;}
.feature_page.details_page .rightsidebar.rightBarSticky h3 {margin:0p!important; font-size:15px!important;}

.new_features_page > .heading.dark_blue {background-color:rgba(0, 25, 60, 0.9); border-bottom:0 none;}
.new_features_page > .heading.dark_blue h2 {color:#fff;}
.new_features_page .intro_container .background-image { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; z-index:1;}

/* email designer */
.new_features_page .featurebody {position:relative; padding:0 0 0; line-height:20px; overflow:hidden;}
.new_features_page .featurebody h2 {margin:0; padding:0; font-size:33px; color:#0f3e76; line-height:32px; font-weight:600; text-align:center; display:block;}
.new_features_page .featurebody h3 {margin:0 0 12px;}
.new_features_page .intro_container {position:relative; background:#f3ffff; border-bottom:1px solid #c7e0e0; overflow:hidden;}
.new_features_page .intro_container .featurebody {height:469px; }
.new_features_page .intro_container h2 {font-size:35px;}
.new_features_page .featurebody .intro {position:relative; padding-top:20px!important; text-align:center;}
.new_features_page .featurebody .intro > .scrcap {position:absolute; right:0; top:60px; width:702px;}
.new_features_page .featurebody .intro > .scrcap > img {}
.new_features_page .featurebody .intro > .scrcap > img.animate {position:absolute; top:55px; right:1px;}
.new_features_page .featurebody .intro > .content {position:absolute; top:80px; width:400px; line-height:31px;}


.see_demo a {margin:10px 0 0; padding:13px 0 13px 60px; background:url('https://www.activecampaign.com/global_media/play_movie.gif') no-repeat 0 0;}


.new_features_page .featurebody #demo {margin:0; padding:0; margin-bottom:50px;}

.new_features_page > .container > .featurebody {margin:40px 0 0; padding:0;}
.new_features_page .featurebody .heading_detail {width:100%; text-align:center; margin:0 0 20px; padding:0;}
.new_features_page .featurebody .content_break {width:100%; text-align:left; margin:40px 0; padding:0;}
.new_features_page .featurebody .content_break > p,
.new_features_page .featurebody .heading_detail > p {line-height:25px;}
.new_features_page .featurebody > .row_list,
.new_features_page .featurebody > .colm_list {position:relative; width:108%; margin:50px -40px 20px; overflow:hidden;}
.new_features_page .featurebody > .colm_list > div {float:left; margin:0 22px 20px; padding-left:130px; width:357px;}
.new_features_page .featurebody > .row_list > div > strong,
.new_features_page .featurebody > .colm_list > div > strong {margin:0 0 10px; font-size:16px; color:#0f3e76; font-weight:600; display:block;}
.new_features_page .featurebody > .colm_list > div > p {font-size:15px; line-height:23px;}

.new_features_page .featurebody > .colm_list > div.para {background:url('https://www.activecampaign.com/designer/media/content_type_paragraph.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.image {background:url('https://www.activecampaign.com/designer/media/content_type_image.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.header {background:url('https://www.activecampaign.com/designer/media/content_type_header.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.video {background:url('https://www.activecampaign.com/designer/media/content_type_video.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.ecom {background:url('https://www.activecampaign.com/designer/media/content_type_ecom.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.rss {background:url('https://www.activecampaign.com/designer/media/content_type_rss.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.spltest {background:url('https://www.activecampaign.com/designer/media/workflow_splittesting.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.mobile {background:url('https://www.activecampaign.com/designer/media/workflow_mobile.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.preview {background:url('https://www.activecampaign.com/designer/media/workflow_preview.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.photos {background:url('https://www.activecampaign.com/designer/media/workflow_photos.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.persl {background:url('https://www.activecampaign.com/designer/media/workflow_personalize.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.embed {background:url('https://www.activecampaign.com/designer/media/workflow_embed.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.source {background:url('https://www.activecampaign.com/designer/media/tpl_code.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.basic {background:url('https://www.activecampaign.com/designer/media/tpl_basic.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.regions {background:url('https://www.activecampaign.com/designer/media/tpl_regions.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.guide {background:url('https://www.activecampaign.com/designer/media/tpl_guide.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.cycle {background:url('https://www.activecampaign.com/automation/media/auto_cycle.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.conditional {background:url('https://www.activecampaign.com/automation/media/auto_conditional.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.import {background:url('https://www.activecampaign.com/automation/media/auto_import.png') no-repeat 0 0;}
.new_features_page .featurebody > .colm_list > div.trigger {background:url('https://www.activecampaign.com/automation/media/auto_trigger.png') no-repeat 0 0;}

.new_features_page > .container > .featurebody > .slider {position:relative; margin:0 0 80px; padding:0; height:316px; overflow:visible!important; background-color:#f2f2f2; border:1px solid #d8d8d8; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.new_features_page > .container > .featurebody > .slider  .slide {position:relative; width:100%; height:316px; overflow:hidden;}
.new_features_page > .container > .featurebody > .slider  .slide > .content {position: relative; top:65px; left:75px; width:350px;}
.new_features_page > .container > .featurebody > .slider  .slide > .content h3 {font-size:21px;}
.new_features_page > .container > .featurebody > .slider  .slide > .content p {font-size:16px; line-height:25px;}
.new_features_page > .container > .featurebody > .slider ul.slidesjs-pagination {position:absolute; bottom:-30px; left:50%; margin-left:0!important; width:auto;}
.new_features_page > .container > .featurebody > .slider ul.slidesjs-pagination li {float:left; margin:0 4px; list-style-type:none;}
.new_features_page > .container > .featurebody > .slider ul.slidesjs-pagination li > a {display:block; padding:0; width:15px; height:15px; background:#ddd; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; list-style-type:none; text-indent:-9999px;}
.new_features_page > .container > .featurebody > .slider ul.slidesjs-pagination li > a.active {background:#a0a0a0;}

.new_features_page > .container > .featurebody > .slider  .slide.bgcolor {background:url('https://www.activecampaign.com/designer/media/slide_bgcolor.png') no-repeat 542px -5px;}
.new_features_page > .container > .featurebody > .slider  .slide.setfont {background:url('https://www.activecampaign.com/designer/media/slide_setfont.png') no-repeat 542px -5px;}
.new_features_page > .container > .featurebody > .slider  .slide.changedesign {background:url('https://www.activecampaign.com/designer/media/slide_changedesign.png') no-repeat 394px -23px;}
.new_features_page > .container > .featurebody > .slider  .slide.styleoptions {background:url('https://www.activecampaign.com/designer/media/animated_styleoptions.gif') no-repeat 464px 0;}
.new_features_page > .container > .featurebody > .slider  .slide.styleoptions > .swatches {position:absolute; left:75px; bottom:0; width:200px; height:40px;}
.new_features_page > .container > .featurebody > .slider  .slide.styleoptions > .swatches > span {display:inline-block; width:50px; height:40px;}

.new_features_page > .divider_shade {position:relative; background:url('https://www.activecampaign.com/designer/media/template_bg.png') repeat-x bottom left; border-bottom:1px solid #ddd; overflow:hidden;}
.new_features_page > .divider_shade .featurebody {margin:0 auto; padding:0;}
.new_features_page > .divider_shade.templates .featurebody {margin-top:40px;}
.new_features_page > .divider_shade .featurebody .content_break.erja {margin:0; padding:0; background:none;}
.new_features_page > .divider_shade .featurebody .content_break.template {margin:40px 0 0; padding:0;}
.new_features_page .featurebody .code {position:relative; margin:0; padding:40px 25px 0 130px; height:138px; background:url('https://www.activecampaign.com/designer/media/code.png') no-repeat 10px 50%; border-top:1px solid #d8d8d8;}
.new_features_page .featurebody .code h3 {font-size:16px; margin:0; padding:0;}
.new_features_page .featurebody .code p {font-size:15px;}

/* designer page */
.new_features_page.designer .intro_container .intro > .content {text-align:left!important;}
.new_features_page.designer .intro_container .intro > .content p {line-height:27px;}
.see_demo {margin-top:40px!important; min-height:35px!important; }

/* automation page */
.new_features_page.automation {margin-bottom:-30px;}
.new_features_page.automation .intro_container {margin:0 0 60px; padding:40px 0 0; background-image:url('https://www.activecampaign.com/automation/media/timeline.gif'); background-repeat:no-repeat; background-position:center 54px;}
.new_features_page.automation .intro_container .featurebody {height:505px!important;}
.new_features_page.automation .intro_container .intro > p {line-height:27px;}
.new_features_page.automation .intro_container > div > span.step {position:absolute; display:none; zoom:1; padding-bottom:10px; line-height:18px; border-bottom:1px solid #d2e7e8; opacity:0.5; filter:alpha(opacity=50);}
.new_features_page.automation .intro_container > div > span.step.one {top:112px; left:143px; width:155px;}
.new_features_page.automation .intro_container > div > span.step.two {top:350px; left:244px; width:120px;}
.new_features_page.automation .intro_container > div > span.step.three {top:302px; left:454px; width:140px;}
.new_features_page.automation .intro_container > div > span.step.four {top:72px; right:267px; width:130px; text-align:center;}
.new_features_page.automation .intro_container > div > span.step.five {top:332px; right:34px; width:100px; text-align:center;}

.new_features_page.automation .featurebody {position:relative; padding:0; line-height:20px; overflow:hidden;}
.new_features_page.automation .featurebody > .row_list {position:relative; display:block; margin:100px -20px 0; width:105%; overflow:hidden;}
.new_features_page.automation .featurebody > .row_list > div {float:left; margin:0 20px; text-align:center; width:306px;}
.new_features_page.automation .featurebody > .row_list > div > h4 {font-size:19px;}
.new_features_page.automation .featurebody > .row_list > div > h4 > a {text-decoration:none;}
.new_features_page.automation .featurebody > .row_list > div img {position:relative; padding-bottom:20px;}
.new_features_page.automation .featurebody > .row_list > div p {font-size:15px; line-height:22px;}

.new_features_page.automation .container.tracking {margin-top:110px; height:450px; background-image:url('https://www.activecampaign.com/automation/media/tracking.png'); background-repeat:no-repeat; background-position:center 130px;}
.new_features_page.automation .container.tracking .featurebody {overflow:visible;}
.new_features_page.automation .container.tracking .heading_detail {z-index:1;}
.new_features_page.automation .container.tracking .trackanime {position:relative; display:none; bottom:-214px; left:446px; margin:0; width:100px; height:100px; z-index:10; text-align:center;}
.new_features_page.automation .container.tracking .trackanime img {display:block; margin:0 auto 5px;}

.new_features_page.automation .bottom_list_column {background:#f3f3f3; margin:0; padding:66px 0; background:#fff url('https://www.activecampaign.com/features/media/feature_bottom_gradient.png') repeat-x top left; border-top:1px solid #e6e6e6;}
.new_features_page.automation .bottom_list_column > .featurebody {margin-top:0;}
.new_features_page.automation .bottom_list_column > .featurebody .row_list {margin-top:0;}

/* sms page */
.new_features_page.sms .featurebody > div { margin:14px 0; }
.new_features_page.sms .intro_container { margin: 0 0 60px; padding: 40px 0 0; background-color:#f1fafb; background-image: url('https://d226aj4ao1t61q.cloudfront.net/ia7t4l745_sms_animation.gif'); background-repeat: no-repeat; background-position: center 106px; }
.new_features_page.sms .intro_container .featurebody {height:520px;}
.new_features_page.sms .fillbox { position: relative; margin:24px 0 86px!important; padding: 0; background-color: rgb(248, 248, 248); background-repeat: no-repeat; min-height: 300px; border: 1px solid rgb(218, 218, 218); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.new_features_page.sms .fillbox.collect_numbers {background-image:url('https://www.activecampaign.com/sms/media/sms_collect_numbers.png'); background-position:40px -2px;}
.new_features_page.sms .fillbox.imgleft > div.info {float:right; right:42px;}


/* tracking page */
.new_features_page.tracking {margin-bottom: -36px;}
.new_features_page.tracking .intro_container {margin:0 0 60px; padding:40px 0 36px;}
.new_features_page.tracking .intro_container .intro {overflow:visible;}
.new_features_page.tracking .intro_container .featurebody {height:488px; overflow:visible;}
.new_features_page.tracking .intro_container .animeintro {position:relative; left:85px; top:112px; width:828px; height:266px;}
.new_features_page.tracking .intro_container .animeintro > div {position:absolute; top:0; left:0; display:none;}
.new_features_page.tracking .intro_container .animeintro > div img {position:relative; display:block;}
.new_features_page.tracking .intro_container .animeintro > div span {position:absolute; display:block; top:-40px; z-index:10; padding:12px; width:860px; left:-30px; background:#fff; border:1px solid #ddd; text-align:center!important; -webkit-border-radius:5px; border-radius:5px; overflow:visible; -webkit-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.1);}
.new_features_page.tracking .intro_container .animeintro > div span::before,
.new_features_page.tracking .intro_container .animeintro > div span::after {position:absolute; width:0; height:0; left:50%; top:43px; content:''; border-style:solid; border-width:16px 16.5px 0 16.5px; border-color:#fff transparent transparent transparent;}
.new_features_page.tracking .intro_container .animeintro > div span::before {top:44px; border-color:#ddd transparent transparent transparent;}

.new_features_page.tracking .sections {margin:50px 0;}
.new_features_page.tracking .container {min-height:340px;}
.new_features_page.tracking .container .section {margin:0 auto; width:550px; min-height:200px; background:transparent; text-align:center; overflow:visible!important;}
.new_features_page.tracking .container .section h3 {margin:0 0 8px; padding:0; font-size:20px; color:#0f3e76; line-height:24px; font-weight:600;}
.new_features_page.tracking .container .section p {margin:0; padding:0; font-size:15px; color:#555; line-height:19px; font-weight:100;}
.new_features_page.tracking .container .section .content {overflow:visible; z-index:10;}
.new_features_page.tracking .container .section .content img {margin-bottom:40px;}
.new_features_page.tracking .container .section.search .content {position:relative; top:-100px;}
.new_features_page.tracking .container .section.payment .content {position:relative;}
.new_features_page.tracking .container .section .contactwrap {position:absolute; display:none; top:44px; left:-100px; width:146px; height:158px; text-align:center; display:none;}
.new_features_page.tracking .container .section .contactwrap img {margin:0 0 8px;}
.new_features_page.tracking .container .section .contactwrap span {display:block; font-size:12px; color:#555;}
.new_features_page.tracking .container .section .terminal {position:absolute; display:none; top:0; right:-100px; width:753px; height:158px; text-align:center; z-index:5; overflow:visible;}
.new_features_page.tracking .container .section .terminal:after {position:absolute; top:22px; left:-100px; width:828px; height:4px; content:' '; background:url('https://www.activecampaign.com/features/media/tracking_sections_connector.png') no-repeat top right; z-index:1;}
.new_features_page.tracking .container .section .terminal > .display {position:absolute; padding-bottom:20px; top:0; right:-100px; width:228px; background:#fff; border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px; z-index:8; overflow:hidden; text-align:left; -webkit-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.1);}
.new_features_page.tracking .container .section .terminal > .display h4 {padding:6px 0; border-bottom:1px solid #ddd; color:#333; background:#f8f8f8; font-weight:600; text-align:center;}
.new_features_page.tracking .container .section .terminal > .display p {padding:16px 22px 0; font-size:13px; font-weight:100;}
.new_features_page.tracking .container .section .terminal > .display ul {margin:0; padding:0 0 0 20px;}
.new_features_page.tracking .container .section .terminal > .display ul li {margin:0; padding:0; font-size:13px; font-weight:100; line-height:16px!important;}

.new_features_page.tracking .container .section.search .terminal > .display {top:-50px;}
.new_features_page.tracking .container .section.cart .terminal {top:100px;}
.new_features_page.tracking .container .section.cart .terminal > .display {top:-50px;}
.new_features_page.tracking .container .section.payment {width:100%!important; min-height:300px; background:url('https://www.activecampaign.com/features/media/tracking_event.png') no-repeat top center;}
.new_features_page.tracking .container .section.payment .content {position:relative;}
.new_features_page.tracking .container .section.payment .content span {position:absolute; display:block; min-width:100px;}
.new_features_page.tracking .container .section.payment .content span.series {width:276px; top:44px; left:60px; padding:12px 5px; font-size:12px; font-weight:100; background:#f5f5f5; border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px;}
.new_features_page.tracking .container .section.payment .content span.series strong {font:12px monospace, sans-serif; color:#00869c; font-weight:bold;}
.new_features_page.tracking .container .section.payment .content span.email {width:202px; top:113px; left:450px; font-size:12px; font-weight:100; text-align:left;}
.new_features_page.tracking .container .section.payment .content span.email img {margin:0 0 10px;}
.new_features_page.tracking .container .section.payment .list {position:absolute; padding-bottom:20px; top:82px; right:-62px; width:228px; height:auto; background:#fff; border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px; z-index:8; overflow:hidden; text-align:left; -webkit-box-shadow:0 0 20px 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.1);}
.new_features_page.tracking .container .section.payment .list h4 {padding:6px 0; border-bottom:1px solid #ddd; color:#333; background:#f8f8f8; font-weight:600; text-align:center;}
.new_features_page.tracking .container .section.payment .list p {padding:16px 22px 0; font-size:13px; font-weight:100;}
.new_features_page.tracking .container .section.payment .list ul {margin:0; padding:0 0 0 20px;}
.new_features_page.tracking .container .section.payment .list ul li {margin:0; padding:0; font-size:13px; font-weight:100; line-height:16px!important;}

/* Sticky Navbar */
/* =========================================================== */
.navbar  {position:relative!important; margin:0; padding:0; background:#f3f3f3; border-bottom:1px solid #eaeaea; text-align:center; z-index:1000;}
.navbar .subnavbar {position:relative; margin:0 auto; padding:16px 0; width:998px; overflow:hidden;}
.navbar .subnavbar > ul {position:relative; width:105%; margin:0 -5px!important; overflow:hidden;}
.navbar .subnavbar > ul > li {position:relative; margin:0 0 0 5px!important; padding:0; float:left; height:100%; font-size:15px; list-style:none!important;}
.navbar .subnavbar > ul > li:first-child {border-top:none;}
.navbar .subnavbar > ul > li > a {float:none; display:block; padding:10px 19px; color:#737373; text-decoration:none; text-shadow:0 1px #fff;}
.navbar .subnavbar > ul > li > a:hover {color:#000;}
.navbar .subnavbar > ul > li.current > a {color:#333; padding:10px 16px 10px 50px; background-color:#fff; background-repeat:no-repeat; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px; border:1px solid #e7e7e7;}
.navbar .subnavbar > ul > li.current.ms > a {background-image:url('https://www.activecampaign.com/features/media/nav_subscribers_h.png'); background-position:18px 8px;}
.navbar .subnavbar > ul > li.current.ce > a {background-image:url('https://www.activecampaign.com/features/media/nav_createsend_h.png'); background-position:18px 8px;}
.navbar .subnavbar > ul > li.current.at > a {background-image:url('https://www.activecampaign.com/features/media/nav_authtrigger_h.png'); background-position:18px 8px;}
.navbar .subnavbar > ul > li.current.ra > a {padding-left:55px; background-image:url('https://www.activecampaign.com/features/media/nav_reporting_h.png'); background-position:18px 8px;}
.navbar .subnavbar > ul > li.current.sm > a {padding-left:55px; background-image:url('https://www.activecampaign.com/features/media/nav_socialmedia_h.png'); background-position:18px 8px;}
.navbar .subnavbar > ul > li.current.et > a {padding-left:44px; background-image:url('https://www.activecampaign.com/features/media/nav_templates_h.png'); background-position:18px 8px;}
.navbar .subnavbar > ul > li.current.ed > a {background-image:url('https://www.activecampaign.com/features/media/nav_delivery_h.png'); background-position:18px 8px;}
.navbar .subnavbar > ul > li.current.io > a {background-image:url('https://www.activecampaign.com/features/media/nav_integoption_h.png'); background-position:18px 8px;}
.navbar .subnavbar > ul > li.current.da > a {background-image:url('https://www.activecampaign.com/features/media/nav_api_h.png'); background-position:18px 8px;}

/* Webinars */
/* =========================================================== */
.fullbodysection.webinars {min-height:300px;}
.fullbodysection.webinars h3 {position:relative; margin:0 0 -10px; padding:0 0 3px; font-size:17px; font-weight:600; color:#333; line-height:22px;}
.fullbodysection.webinars > .listing {position:relative; width:104%; margin:0 -10px 30px; padding:0; overflow:hidden;}
.fullbodysection.webinars div.list {position:relative; float:left; top:0; margin-bottom:25px; padding:0; width:100%; background:#fff; border:1px solid #cdcdcd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); overflow:hidden;}
.fullbodysection.webinars div.list h2 {display:block; margin:0 0 13px; padding:13px 23px; background:#fff; font-size:18px; font-weight:600; color:#0f3e76; border-bottom:1px solid #cdcdcd; background:#fafafa; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; text-decoration:none;}
.fullbodysection.webinars .pastwebinars h2 {display:block; margin:0 0 13px; padding:13px 23px 13px 0; font-size:18px; color:#0f3e76; border-bottom:1px solid #cdcdcd;}
.fullbodysection.webinars div.list p {padding:0 23px; line-height:19px;}
.fullbodysection.webinars div.list table {width:100%!important; border-collapse:collapse;}
.fullbodysection.webinars div.list table td {padding:8px; border-top:1px solid #ddd;}
.fullbodysection.webinars div.list table.webinarinfo {margin:20px 0; border-top:1px solid #ddd; border-collapse:collapse;}
.fullbodysection.webinars div.list table.webinarinfo td {padding:8px 8px 8px 14px; border-bottom:1px solid #ddd; text-align:left; vertical-align:middle;}
.fullbodysection.webinars div.list table.webinarinfo td > span {display:inline; margin-left:12px; padding-left:20px;}
.fullbodysection.webinars div.list table.webinarinfo td > span.date {font-weight:600; color:#000; background:url('https://www.activecampaign.com/training/media/list_date.png') no-repeat 0 0;}
.fullbodysection.webinars div.list table.webinarinfo td > span.duration {margin-left:20px; background:url('https://www.activecampaign.com/training/media/list_duration.png') no-repeat 0 0;}
.fullbodysection.webinars div.list table.webinarinfo td > a.button {padding:5px 9px 5px 16px; font-size:13px; -webkit-box-shadow:0 1px 1px 0 rgba(132, 132, 132, 0.4); box-shadow:0 1px 1px 0 rgba(132, 132, 132, 0.4);}


.fullbodysection.webinars .pastwebinars ul > li {position:relative; margin:0; display:inline-block; padding:13px 23px; width:100px; background:url('https://www.activecampaign.com/training/media/sidebar_pastwebinars_icon.png') no-repeat 0 12px; list-style:none;}

.sliders {position:relative; margin-bottom:20px; overflow:hidden;}
.sliders > .slides {position:relative; margin-bottom:10px; padding:0; width:100%; height:305px; background:#22528b; overflow:hidden;}
.slides .slide {position:absolute; left:0; top:0; padding:0; width:100%; height:305px; color:#fff; text-shadow:0 1px 1px #005788; overflow:hidden;}
.slides .slide > .content {position:relative; padding:30px 40px 35px; width:598px;}
.slides .slide > .content > h3 {position:relative; margin:0 0 0.8em; padding:0; font-size:28px; font-weight:600; color:#fff; line-height:30px;}
.slides .slide > .content > p {position:relative; margin:0 0 0.8em; padding:0; font-size:16px; line-height:20px;}
.slides .slide .button {padding-top:10px; border:1px solid #002b43;}
.slides .hidden {display:none;}

.sliders > #slidenav {position:relative; float:right; width:auto; overflow:hidden;}
.sliders > #slidenav > li {position:relative; display:block; float:left; margin-left:5px; padding:0; width:16px; height:16px; background:#eaeaea; overflow:hidden; -webkit-box-shadow:inset 0 2px 1px 0 rgba(0, 0, 0, 0.2); box-shadow:inset 0 2px 1px 0 rgba(0, 0, 0, 0.2); -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; list-style:none;}
.sliders > #slidenav > li > a {display:block; text-indent:-999999px;}

/* /apps/ page image slider */
#slides {margin-bottom: 20px;}
#slides a.slidesjs-play,
#slides a.slidesjs-stop {display: none !important;}
#slides .slidesjs-pagination {float: right; margin-top: 10px;}
#slides .slidesjs-pagination li {float: left; list-style-type: none; margin: 0 4px;}
#slides .slidesjs-pagination li a {display: block; padding: 0; width: 14px; height: 14px; background: #ddd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; list-style-type: none; text-indent: -9999px;}
#slides .slidesjs-pagination li a.active {background-color: #a0a0a0}

/* Table cell/columns */
/* =========================================================== */
.table_colm {display:table; width:100%; border-collapse:separate; border-spacing:20px 0;}
.table_colm .colm_cell {position:relative; display:table-cell; width:33%; text-align:center;}
.table_colm .colm_cell .inner {padding:166px 15px 27px; background-color:#fff; background-repeat:no-repeat; background-position:50% 25px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; transition:all 0.3s linear; -webkit-transition:background-position .1s ease-in; -moz-transition:background-position .1s ease-in; -o-transition:background-position .1s ease-in; transition:background-position .1s ease-in;  -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.table_colm .colm_cell h4 {font-size:15px; color:#333;}
.table_colm .colm_cell h4 a {color:#333; text-decoration:none;}
.table_colm .colm_cell p {font-size:13px; color:#555; line-height:19px;}


/* Free Signup Page Exclusive Styles */
/* =========================================================== */
body.free > .mainbody {min-height:420px;}
body.free > .mainfooter {position:relative; top:0; margin-top:0; height:100px; background:none!important; -webkit-box-shadow:none!important; box-shadow:none!important; color:#5d5d5d;}
body.free > .mainfooter > .container > .divider {margin:0; padding:0; background:none; border:0!important;}


/* API */
/* =========================================================== */
.table_colm .colm_cell {width:23%; cursor:pointer;}
.table_colm .colm_cell .inner {background-color: rgba(5, 55, 100, 0.5);}
.table_colm .colm_cell .inner:hover {background-color: rgba(20, 30, 64, 0.8); background-position: 50% 18px; background-repeat: no-repeat; cursor: pointer;}
.table_colm .colm_cell .inner a {color:#fff;}
.table_colm .colm_cell .optexp {background-image:url('https://www.activecampaign.com/api/media/colm_optexp.png');}
.table_colm .colm_cell .hook {background-image:url('https://www.activecampaign.com/api/media/colm_webhook.png');}
.table_colm .colm_cell .wrapper {background-image:url('https://www.activecampaign.com/api/media/colm_wrapper.png');}
.table_colm .colm_cell .expscripts {background-image:url('https://www.activecampaign.com/api/media/colm_expscripts.png');}
.inapp {position:relative; display:table; margin:70px 0 0!important; padding:0; width:100%; clear:both;}
.inapp img {width:600px; height:auto;}
.inapp .content {float:right; margin-top:80px; width:330px; text-align:left;}
.articles {display:table; width:100%;}
.articles ul {display:table-cell; margin:0 30px 0 0!important; padding:0; width:33%; text-align:left; vertical-align:top;}
.articles ul li {list-style-type:none!important; margin:0 30px 10px;}
.articles h5.heading {margin: 0 0 12px; padding: 0; font-size: 16px; color: #333; font-weight: 600;}
.articles ul li a {font-size: 13px; color: #555;}
.sub_twitter {margin:40px auto 0!important; display:table; width:55%;}
.sub_twitter > div {display:table-cell;}
.sub_twitter ._option input[type="text"] { position: relative; display: inline-block; margin: 0; padding: 7px 12px; width:200px; background:#fff; font-size: 15px; color: #5d5d5d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #C0C0C0; -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
.sub_twitter ._option input[type="submit"] {margin:0!important; padding:8px 10px 6px;}
.searchbox {margin:20px auto!important; width:400px;}
.searchbox input[type="text"] {padding:8px 8px 8px 36px; background-position:12px 9px;}

.mainbody.developerapioverview.api {margin-top:60px; -webkit-font-smoothing:antialiased; font-family:'Open Sans', sans-serif;}
.mainbody.developerapioverview.api .intro {font-size:17px; line-height:25px;}
.mainbody.developerapioverview.api .content {margin:60px 0 0;}
.mainbody.developerapioverview.api .content p {font-size:15px; line-height:23px;}
.mainbody.developerapioverview.api .content ul.list {margin-left:60px!important;}

/* Help & Support Center */
/* =========================================================== */

.feature_page.support .header {text-align:center;}
.feature_page.support .search {position:relative; margin:50px auto; padding:14px 22px; width:800px; background-color:#1e2b57; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; overflow:hidden;}
.feature_page.support .search .rightoptions {position:relative; float:right; width:238px;}
.feature_page.support .search .rightoptions:before {position:absolute; top:-26px; right:-126px; content:''; width:400px; height:100px; background:#243261; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg);}
.feature_page.support .search .rightoptions div.or {position:absolute; display:inline-block; top:10px; left:-60px; padding:4px 15px; color:#fff; background-color:#33437c; border:1px solid #394c93; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-align:center; z-index:1;}
.feature_page.support .search .rightoptions > span a {position:relative; display:inline-block; margin:0 6px; padding:14px 22px; color:#fff; background-color:#131f49; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; text-align:center; text-decoration:none; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.feature_page.support .search .rightoptions > span a:hover {background-color:#435394;}
.feature_page.support .search form {position:relative; margin-right:382px;}
.feature_page.support .search form:after {position:absolute; top:-35px; right:-112px; content:''; width:400px; height:100px; background:transparent; border-right:1px solid #32468b; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); transform: skew(-20deg);}
.feature_page.support .search form input[type="text"] {position:relative; padding:12px 20px 12px 46px; width:100%; background:#fff url('https://www.activecampaign.com/global_media/subheader_search.png') no-repeat 20px 13px; border:1px solid #fff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; z-index:10;}
.feature_page.support .table_colm .colm_cell a {text-decoration:none;}
.feature_page.support .table_colm .colm_cell .inner {background-color:rgba(255, 255, 255, 1);}
.feature_page.support .table_colm .colm_cell .inner:hover {background-color:rgba(20, 30, 64, 1); color:#fff; background-position:50% 18px; background-repeat:no-repeat; cursor:pointer;}
.feature_page.support .table_colm .colm_cell .inner:hover h4, .feature_page.support .table_colm .colm_cell .inner:hover h4 a, .feature_page.support .table_colm .colm_cell .inner:hover p {color:#fff;}
.feature_page.support .table_colm .colm_cell .inner h4 a {color:rgba(20, 30, 64, 1);}
.feature_page.support .table_colm .colm_cell .inner.kb {background-image:url('https://www.activecampaign.com/support/media/colm_knowledge_base.png');}
.feature_page.support .table_colm .colm_cell .inner.training {background-image:url('https://www.activecampaign.com/support/media/colm_one_training.png');}
.feature_page.support .table_colm .colm_cell .inner.feedback {background-image:url('https://www.activecampaign.com/support/media/colm_feedback.png');}

.feature_page.support .table_colm_contact {text-align:center; width:100%;}
.feature_page.support .table_colm_contact .table_colm_contact_inner {position:relative; overflow:hidden;}
.feature_page.support .table_colm_contact .colm_cell {display:inline-block; text-align:center; margin:0; padding:0; font-size:15px; color:#333;}
.feature_page.support .table_colm_contact .colm_cell .inner a {display:inline-block; margin:0 8px; padding:8px 15px; background-color:#f3f3f3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; transition:all 0.3s linear;}
.feature_page.support .table_colm_contact .colm_cell .inner a:hover, .feature_page.support .table_colm_contact .colm_cell .showphone:hover {background-color:#fff;}
.feature_page.support .table_colm_contact .colm_cell a, .feature_page.support .table_colm_contact .colm_cell a:visited{ color:#333; text-decoration: none; }
.feature_page.support .table_colm_contact .colm_cell .showphone {margin:0 8px; padding:8px 16px; background-color:#f3f3f3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; transition:all 0.3s linear;}
.feature_page.support .table_colm_contact .colm_cell .showphone span{ display:none; }
.feature_page.support .table_colm_contact .colm_cell .icon a {position:relative; top:4px; display:inline-block; width:32px; background-position:50%; background-repeat:no-repeat; background-size:16px 16px;}
.feature_page.support .table_colm_contact .colm_cell .icon a span {display:block; text-indent:100%; white-space:nowrap; overflow:hidden;}
.feature_page.support .table_colm_contact .colm_cell .fb a {background-image:url('https://www.activecampaign.com/support/media/colm_facebook.png');}
.feature_page.support .table_colm_contact .colm_cell .tw a {background-image:url('https://www.activecampaign.com/support/media/colm_twitter.png');}

.feature_page.support .questions {position:relative; width:100%;}
.feature_page.support .questions:after {content:''; display:table; width:100%; clear:both; zoom:1;}
.feature_page.support .question_links {text-align:cemter; width:100%; }
.feature_page.support .question_links h4 {font-size:16px; color:#333;}
.feature_page.support .question_links ul {display:inline-block; vertical-align: top; text-align:left; margin:0!important; margin-left:30px !important; margin-right:30px !important; padding:0;}
.feature_page.support .question_links ul li {list-style-type:none!important; margin-bottom:10px;}
.feature_page.support .question_links ul li a {font-size:13px; color:#555;}
.feature_page.support .phone {float:right; padding:22px 12px; width:300px; background:#e3e3e3 url('https://www.activecampaign.com/support/media/question_links_phone.png') no-repeat 24px 16px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.feature_page.support .phone h4 {margin:0; padding:0; font-size:19px; color:#333;}
.feature_page.support .phone p {margin:0; padding:0;}

.supporthelp h3 {position:relative; margin:0 0 5px; padding:0 0 3px; font-size:17px; font-weight:600; color:#333; line-height:22px;}
.supporthelp > .listing {position:relative; width:104%; margin:0 0 30px; padding:0; overflow:hidden;}
.supporthelp > .listing > li {float:left; margin:0 30px 30px 0; padding-left:50px; width:310px; list-style:none;}
.supporthelp > .listing > li a {text-decoration:none;}
.supporthelp > .listing li > p {position:relative; margin:0 0 12px; padding:0; font-size:15px; line-height:20px;}

.supporthelp > .listing > li.qs {background:url('https://www.activecampaign.com/support/media/icon_quickstart.png') no-repeat;}
.supporthelp > .listing > li.is {background:url('https://www.activecampaign.com/support/media/icon_importsubs.png') no-repeat;}
.supporthelp > .listing > li.fs {background:url('https://www.activecampaign.com/support/media/icon_subform.png') no-repeat;}
.supporthelp > .listing > li.cc {background:url('https://www.activecampaign.com/support/media/icon_conditional.png') no-repeat;}
.supporthelp > .listing > li.rss {background:url('https://www.activecampaign.com/support/media/icon_rss.png') no-repeat;}

.supporthelp > .otherresources {position:relative; width:102%; margin:0 0 30px; padding:0; overflow:hidden;}
.supporthelp > .otherresources > li {position:relative; float:left; margin:0 10px 20px 0; padding:0; text-align:center; list-style:none;}
.supporthelp > .otherresources > li > h3 {position:relative; display:block; font-size:17px; font-weight:600; color:#333;}
.supporthelp > .otherresources > li > h3 > a {position:relative; display:block; padding-top:70px; text-decoration:none; color:#333;}
.supporthelp > .otherresources > li.lvc > h3 > a {width:112px; background:url('https://www.activecampaign.com/support/media/otherresources_livechat.png') no-repeat top center;}
.supporthelp > .otherresources > li.cof > h3 > a {width:180px; background:url('https://www.activecampaign.com/support/media/otherresources_forum.png') no-repeat top center;}
.supporthelp > .otherresources > li.web > h3 > a {width:130px; margin-right:20px; background:url('https://www.activecampaign.com/support/media/otherresources_webinars.png') no-repeat top center;}
.supporthelp > .otherresources > li.fdb > h3 > a {width:112px; background:url('https://www.activecampaign.com/support/media/otherresources_feedback.png') no-repeat top center;}
.supporthelp > .otherresources > li.dapi > h3 > a {width:180px; background:url('https://www.activecampaign.com/support/media/otherresources_devapi.png') no-repeat top center;}
.supporthelp > .otherresources > li.sup > h3 > a {width:180px; background:url('https://www.activecampaign.com/support/media/otherresources_support.png') no-repeat top center;}
.supporthelp > .otherresources > li.oss > h3 > a {width:180px; background:url('https://www.activecampaign.com/support/media/otherresources_onsitesupport.png') no-repeat top center; opacity:.5;}
.supporthelp > .otherresources > li.pst > h3 > a {width:180px; background:url('https://www.activecampaign.com/support/media/otherresources_training.png') no-repeat top center;}




/* Training */
/* =========================================================== */
.new_features_page.training .intro_container {border-bottom:0 none;}
.new_features_page.training .intro_container .featurebody {height:550px; text-align:center;}
.new_features_page.training .intro_container h2 {color:#fff;}
.new_features_page.training .intro_container .button {position:relative; display:inline-block; margin:0; padding:22px 45px; border:4px solid #fff; font-size:23px; color:#fff; font-weight:700; letter-spacing:-1px; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -ms-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}
.new_features_page.training .intro_container .button:hover {background-color:rgba(255, 255, 255, 0.2);}
.new_features_page.training .profile_table {margin:60px auto 60px!important;  height:140px!important; display:table; border-collapse:collapse;}
.new_features_page.training .profile_table .profile {width:150px; display:table-cell; text-align:center; border-spacing:0; margin-right:50px; margin-left:20px;}
.new_features_page.training .profile_table .profile img {position:relative; display:inline-block; border:4px solid rgba(255, 255, 255, 1); width:80px; height:80px; border-radius:100%; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden;}
.new_features_page.training .profile_table .profile img:hover {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}
.new_features_page.training .profile_table .profile span {display:block; margin-top:5px; color:#000;}
.new_features_page.training .table_colm .colm_cell .inner {box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.3); background-color:rgba(255, 255, 255, 0.1);}
.new_features_page.training .table_colm .colm_cell .inner h4, .new_features_page.training .table_colm .colm_cell .inner p {color:#fff;}
.new_features_page.training .table_colm .colm_cell .inner.walk {background-image:url('https://www.activecampaign.com/training/media/colm_walkthru.png');}
.new_features_page.training .table_colm .colm_cell .inner.strategy {background-image:url('https://www.activecampaign.com/training/media/colm_strategy.png');}
.new_features_page.training .table_colm .colm_cell .inner.inperson {background-image:url('https://www.activecampaign.com/training/media/colm_inperson.png');}
.new_features_page.training .call_action {position:relative; overflow:hidden;}
.new_features_page.training .call_action > span {position:absolute; display:none; top:34px; width:100%; height:1px; border-top:1px solid #ddd; z-index:-2;}

/* Support Forum Styles */
/* =========================================================== */
.supportforum {}
.supportforum input[type="text"],
.supportforum input[type="password"],
.supportforum select,
.supportforum textarea {position:relative; width:88%; display:block; padding:9px 8px 6px; margin:.5em .5em .5em 0; color:#5d5d5d; -webkit-border-radius:3px!important; -moz-border-radius:3px!important; border-radius:3px!important; border:1px solid #c0c0c0!important; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)!important; box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)!important;}
.supportforum input[type="text"], .supportforum input[type="password"] {position:relative; display:inline-block; margin:0; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#5d5d5d; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);}

.supportforum  #above_postlist {top:-20px!important;}
.supportforum  #pagination_top {top:6px!important;}
.supportforum  #showthread_wrt_list > li {margin-left:2px!important;}

.supportforum .forumtable {border-collapse:collapse; margin:0; padding:0;}
.supportforum .forumtable #forums {margin:0; padding:0;}
.supportforum .forumtable #forums .newcontent_textcontrol {text-shadow:0 1px 1px #fff; background:#fff; border:1px solid #c0c0c0; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
.supportforum .forumtable #forums .forumrow {width:100%;  -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
.supportforum .forumtable #forums > li, .supportforum .forumtable #posts > li {position:relative; margin:0 0 20px!important; padding:0; list-style:none!important;}
.supportforum .forumtable #forums > li > div {width:100%;}
.supportforum .forumtable #forums li {margin:0; padding:0; width:100%;  -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important; list-style:none!important;}
.supportforum .forumtable #forums .forumbit_post {margin:0; padding:0;}
.supportforum .forumtable #forums .titleline > h2 {margin:0 0 2px; padding:0; font-size:29px; line-height:31px; color:#0f3e76; font-weight:100!important;}
.supportforum .forumtable #forums .titleline > p {margin:0; padding:0; font-size:16px; line-height:27px; color:#5d5d5d;}

.supportforum .forumtable #pagetitle {position:relative; margin:2.6em 0 1.8em; padding:0; width:100%; line-height:1.5; display:block; overflow:hidden;}
.supportforum .forumtable #above_threadlist {position:relative; margin:0; padding:0; width:100%; line-height:1.5; height:28px; display:block; overflow:hidden;}
.supportforum .forumtable #above_threadlist .threadpagenav {position:absolute; right:0; float:right; clear:left; width:50%; top:3px;}

.supportforum .forumtable #threads > li {}
.supportforum .forumtable #threads > li.threadbit {position:relative; margin:1.3em 0!important; padding:0; width:100%; line-height:1.5; display:block; clear:both; color:#3e3e3e; float:none; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
.supportforum .forumtable #threads > li.threadbit > div {position:relative; margin:0; padding:0; top:0;}
.supportforum .forumtable #threads > li.threadbit .threadlastpost {position:relative; top:0; margin:0 0 0 8px; padding:0; float:left; line-height:1.6;}
.supportforum .forumtable #threads > li.threadbit .threadstats  > li, #posting_rules li, .multifield > li {text-align:left; list-style:none!important;}
.supportforum #posting_rules li,
.supportforum #forumrules li {margin-left:0!important; line-height:1.5; list-style:none;}
.supportforum .forumtable .popupmenu ul.popupbody {overflow:hidden;}
.supportforum .forumtable .popupmenu li {position:relative; margin:0; padding:0; width:100%; float:left; list-style:none!important;}

.supportforum .forumtable .rightsidebar {float:right; width:204px; font:15px "deva-ideal", arial, sans-serif;}
.supportforum .forumtable .rightsidebar form {position:relative; margin:0; padding:0; overflow:hidden;}
.supportforum .forumtable .rightsidebar > h4 {position:relative; margin:0 0 0.5em; padding:0; font-size:14px; font-weight:600; color:#333; line-height:22px;}
.supportforum .forumtable .rightsidebar #navbar_username {margin-bottom:8px;}
.supportforum .forumtable .rightsidebar .button {font-size:12px!important; padding:6px 8px!important; -webkit-border-radius:3px!important; -moz-border-radius:3px!important; border-radius:3px!important;}
.supportforum .forumtable .rightsidebar .search {padding:9px 8px 6px 33px; width:73.2%; background:#fff url('https://www.activecampaign.com/global_media/subheader_search.png') no-repeat 7px 8px;}
.supportforum .forumtable .rightsidebar > ul.forumcategory {position:relative; margin:0; padding:0;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li {padding-left:0;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li:nth-child(2) {border-top:none;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li > a {display:block; color:#737373; text-decoration:none;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li.heading {margin-bottom:8px!important; padding:6px 6px 6px 37px!important; height:25px; line-height:26px!important; border-top:none; border-left:5px solid #d9e5ee;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li.heading h3 {margin:0!important; padding:0!important; font-weight:600;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li.heading {background:#f4faff url('https://www.activecampaign.com/support/media/sidebar_heading_categories.png') no-repeat 10px 50%;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li {line-height:46px; padding-left:16px;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li  > a {padding-left:26px; color:#004290;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li  > a.settings {background:url('https://www.activecampaign.com/support/media/sidebar_settings.png') no-repeat 0 16px;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li  > a.questions {background:url('https://www.activecampaign.com/support/media/sidebar_forum_questions.png') no-repeat 0 16px;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li  > a.design {background:url('https://www.activecampaign.com/support/media/sidebar_forum_design.png') no-repeat 0 16px;}
.supportforum .forumtable .rightsidebar > ul.forumcategory > li  > a.api {background:url('https://www.activecampaign.com/support/media/sidebar_forum_api.png') no-repeat 0 16px;}

.supportforum .forumtable .below_body,
.supportforum .forumtable .below_body #footer_time,
.supportforum .forumtable .below_body #footer_copyright,
.supportforum .forumtable .below_body .time,
.supportforum .forumtable .below_body a {color:#ccc!important;}

.formcontrols .blockrow li,
.formcontrols .group > li,
.formcontrols #usermenu > li,
.formcontrols .checkradio > li {list-style:none!important;}





.rightsidebar > ul.helpcategory > li.heading {padding:6px 6px 6px 38px; background:#f4faff url('https://www.activecampaign.com/support/media/sidebar_heading_categories.png') no-repeat 10px 50%; list-style:none;}
.rightsidebar > ul.helpcategory > li {line-height:2.5; padding-left:0; list-style:none;}
.rightsidebar > ul.helpcategory > li  > a {display:block; padding:6px 6px 6px 44px; color:#004290;}
.rightsidebar > ul.helpcategory > li  > a:hover {background-color:#f7f7f7;}
.rightsidebar > ul.helpcategory > li.current  > a {color:#000; font-weight:700;}
.rightsidebar > ul.helpcategory > li.delimiter {height:18px!important; line-height:0!important;}
.rightsidebar > ul.helpcategory > li.delimiter.big {height:35px!important; line-height:0!important;}
.rightsidebar > ul > li > a.subs {background:url('https://www.activecampaign.com/support/media/sidebar_subscribers.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.camp {background:url('https://www.activecampaign.com/support/media/sidebar_campaign.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.emde {background:url('https://www.activecampaign.com/support/media/sidebar_emaildesign.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.list {background:url('https://www.activecampaign.com/support/media/sidebar_lists.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.inte {background:url('https://www.activecampaign.com/support/media/sidebar_integrations.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.repo {background:url('https://www.activecampaign.com/support/media/sidebar_reports.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.stng {background:url('https://www.activecampaign.com/support/media/sidebar_settings.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.blng {background:url('https://www.activecampaign.com/support/media/sidebar_billing.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.deli {background:url('https://www.activecampaign.com/support/media/sidebar_deliverability.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.dove {background:url('https://www.activecampaign.com/support/media/sidebar_downloadedversion.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.twitter {background:url('https://www.activecampaign.com/support/media/sidebar_twitter.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.chat {background:url('https://www.activecampaign.com/support/media/sidebar_chat.png') no-repeat 19px 14px;}
.rightsidebar > ul > li > a.email {background:url('https://www.activecampaign.com/support/media/sidebar_email.png') no-repeat 19px 14px;}


.rightsidebar > ul.apicategory > li.heading {line-height:46px; background:#f4faff url('https://www.activecampaign.com/api/media/sidebar_heading_api.png') no-repeat 10px 50%; list-style:none;}
.rightsidebar > ul.apicategory > li {line-height:18px; list-style:none;}
.rightsidebar > ul.apicategory > li  > a {display:block; padding:12px; color:#004290;}

.rightsidebar > ul.helpcategory.features > li.heading {padding:6px 6px 6px 38px; background:#f4faff url('https://www.activecampaign.com/support/media/sidebar_heading_categories.png') no-repeat 10px 50%; list-style:none;}
.rightsidebar > ul.helpcategory.features > li {line-height:1.8; list-style:none;}
.rightsidebar > ul.helpcategory.features > li  > a {display:block; padding:6px 6px 6px 2px; color:#004290;}

.rightsidebar > ul.detailedsidebar > li.heading {padding:6px 6px 6px 38px; background:#f4faff url('https://www.activecampaign.com/support/media/sidebar_heading_categories.png') no-repeat 10px 50%; list-style:none;}
.rightsidebar > ul.detailedsidebar > li {line-height:1.8; list-style:none!important;}
.rightsidebar > ul.detailedsidebar > li  > a {display:block; padding:6px 6px 6px 2px; color:#004290;}

/* Right Sidebar Partner Section */
.rightsidebar > ul.helpcategory.partner > li {list-style:none;}
/*.rightsidebar > ul.helpcategory.partner > li:nth-child(2) {border-top:1px solid #f1f1f1;}*/
.rightsidebar > ul.helpcategory.partner > li  > a {display:block; padding:4px 2px 4px 4px; color:#004290;}
.rightsidebar > ul.helpcategory.partner > li.current {padding-left:12px!important; background:#f4faff; font-weight:600; border:none; border-left:5px solid #d9e5ee;}
.rightsidebar > ul.helpcategory.partner > li > div {line-height:1.8; margin:0; padding:0; height:35px;}
.rightsidebar > ul.helpcategory.partner.info > li {position:relative; padding-left:26px!important; list-style:none;}
.rightsidebar > ul.helpcategory.partner.info > li > a {margin:0.8em 0; padding:0; line-height:15px; color:#004290;}

.rightsidebar > ul.helpcategory.partner > li.info {margin:0; padding:0; line-height:10px; font-size:12px; list-style:none;}
.rightsidebar > ul.helpcategory.partner > li.info > p {padding-left:26px;}
.rightsidebar > ul.helpcategory.partner > li.info .bargraph {margin-left:26px!important; background-color:#f5f5f5!important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-radius:3px; border:1px solid #eaeaea!important;}
.rightsidebar > ul.helpcategory.partner > li.info > div {position:relative; margin:14px 0; padding:7px 0 7px 7px; height:25px; line-height:10px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.rightsidebar > ul.helpcategory.partner > li.info div.bargraph_lbl {position:absolute; margin-left:8px!important; padding-top:8px!important; font-size:12px; z-index:1;}
.rightsidebar > ul.helpcategory.partner > li.info > div.bargraph > .bargraph_bar {position:relative; height:100%; overflow:hidden; background-color:#6ec200!important; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

.rightsidebar > ul.helpcategory.corder > li.info > p {margin:1.5em 0; line-height:19px;}

.bodysection.account, .bodysection.partner {min-height:800px;}
.bodysection.account li, .bodysection.partner li {padding-left:14px; list-style:disc;}
.bodysection.account {min-height:300px;}
.bodysection.account p, .bodysection.partner p {margin:0 0 0.8em; padding:0; line-height:23px;}
.bodysection.account hr, .bodysection.partner hr {position:relative; margin:14px 0; padding:0; width:100%; display:block; height:0; background:none; border:0; border-top:1px solid #e6e6e6; overflow:hidden;}
.bodysection.account input[type="text"], .bodysection.partner input[type="text"],
.bodysection.account input[type="password"], .bodysection.partner input[type="password"] {
position:relative;
width:97%;
display:block;
margin:0.3em 0.3em 0.3em 0;
padding:5px 5px 8px 5px;
color:#5d5d5d;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #d0d0d0;
-webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.bodysection.account input[type="submit"], .bodysection.partner input[type="submit"] {
text-decoration:none;
display:inline-block;
text-align:center;
padding:7px 20px 9px;
margin:.5em .5em .5em 0;
cursor:pointer;
-webkit-transition:0.1s linear;
-moz-transition:0.1s linear;
-ms-transition:0.1s linear;
-o-transition:0.1s linear;
transition:0.1s linear;
border-radius:3px;
box-shadow:inset rgba(255,255,255,0.3) 1px 1px 0;
color:#5d5d5d;
text-shadow:0 1px 1px #fff;
background:#fff;
background:-moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
background:-webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
background:-o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
background:-ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
background:linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f2f2f2',GradientType=0 );
border:1px solid #c0c0c0;
cursor:pointer;
}
.bodysection.account input[type="submit"]:active, .bodysection.partner input[type="submit"]:active {box-shadow:inset rgba(0,0,0,0.4) 0 0 6px;}
.bodysection.account input[type="submit"]:hover, .bodysection.partner input[type="submit"]:hover {
background:#fff;
background:-moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
background:-webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
background:-o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
background:-ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
background:linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f2f2f2',GradientType=0 );
}

/* Pricing Styles */
/* =========================================================== */
.pricing .chartwrap {position:relative; margin:0; padding:0; width:auto; overflow:show;}
.pricing .chartwrap  .arrowbox > .arrow {position:absolute; top:86px; width:8px; padding:10px; border:1px solid #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;
background-color:#f5f5f5; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6); background-image:-o-linear-gradient(top, #ffffff, #f6f6f6); background-image:linear-gradient(to bottom, #ffffff, #f6f6f6); background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6); background-repeat:repeat-x; border:1px solid #ddd; *border:0; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color:#ddd; filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0); filter:progid:dximagetransform.microsoft.gradient(enabled=false); *zoom:1; text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); text-align:center; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0);}
.pricing .chartwrap .arrowbox > .arrow > span {display:block; height:10px; background: url('https://www.activecampaign.com/pricing/media/chart_nav.png') no-repeat; text-indent:-9999px;}
.pricing .chartwrap .arrowbox > .arrow.left {left:-29px;}
.pricing .chartwrap .arrowbox > .arrow.right {right:-27px;}
.pricing .chartwrap .arrowbox > .arrow.right > span {background-position:-8px 0;}
.pricing .chartwrap .pricecontainer {margin-bottom:60px;}

.pricing .tabcontent {clear:both; margin:0; padding:0; float:left; width:994px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 4px 1px 0 rgba(132, 132, 132, 0.1); box-shadow:0 4px 1px 0 rgba(132, 132, 132, 0.1); display:none;}
.pricing .tabcontent h3 {position:absolute; top:13px; right:0; font-size:16px;}
.pricing .benefits {height:220px; margin:40px 0 0;}
.pricing .benefits > ul {height:100%; margin:0;}
.pricing .benefits > ul > li {float:left; width:311px; height:178px; margin-right:27px; background:#fff; border:1px solid #ddd; -webkit-box-shadow:inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow:inset 0 0 14px rgba(0, 0, 0, 0.2); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; list-style:none;}
.pricing .benefits > ul > li > span {display:block; height:100%;}
.pricing .benefits > ul > li > span > p {padding:10px 25px 0 70px; line-height:20px; background-position:16px 12px;}
.pricing .benefits > ul > li > span > p > strong {font-size:18px; color:#505050;}

div.pricingwidget > div.planblock {position:relative; float:left; margin:0 0 0 -1px; padding:0; width:141px; height:210px; border-right:1px solid #ddd; border-left:1px solid #ddd; text-align:center;}
.planblocktall { height:255px !important; }



div.pricingwidget > div.planblock:hover {cursor:pointer;}
div.pricingwidget > div.planblock:last-child {width:142px; border-right:none;}
div.pricingwidget > div.planblock > .button {margin:0 auto;}
div.pricingwidget > div.planblock > .info {position:relative; margin:0 0 10px; padding:12px 12px 10px; overflow:hidden; font-size:18px; font-weight:400; color:#333; border-bottom:1px solid #ddd;}
div.pricingwidget > div.planblock > .info > span {position:relative; right:0; bottom:0; font-size:14px; font-weight:100; color:#aeaeae;}
div.pricingwidget > div.planblock > .price {position:relative; margin:0 0 10px; padding:0 12px; font-size:45px;}
div.pricingwidget > div.planblock > .price > strong {position:relative; display:inline-block; font:47px arial,sans; color:#333; letter-spacing:-3px;}
div.pricingwidget > div.planblock > .price > sub {position:relative; top:-22px; display:inline-block; font-size:20px;}
div.pricingwidget > div.planblock > .price > span {position:relative; display:block; right:0; bottom:0; font-size:11px;}

div.pricingwidget > div.planblock > .emails {position:relative; margin:0 0 10px; padding:12px 12px 10px; padding-top:0; overflow:hidden; font-size:12px; font-weight:normal; color:#999; border-bottom:1px solid #ddd;}


.pricing .pricingwrap h3 {color:#63943f; right:-80px; opacity:0; filter:alpha(opacity=0);}
.pricing .pricingwrap .getquote {top:388px; left:220px;}
.pricing #yearly_plan > div.pricingwidget > div.planblock {height:220px;}
.pricing .creditwrap > div.pricingwidget > div.planblock {height:188px;}
.pricing .creditwrap > div.pricingwidget > div.planblock > .info > span {display:block;}
.pricing .creditwrap .getquote {top:368px; left:300px;}
.pricing #yearly_plan > div.getquote {top:400px;}

.pricing .free_plan {position:relative; margin:0; padding:0; text-align:center; opacity:0; filter:alpha(opacity=0);}
.pricing .free_plan > .desc {position:relative; margin:0 auto; width:760px; min-height:88px; border:1px solid #ddd; border-top:none; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; overflow:show;}
.pricing .free_plan > .desc > .callout { margin-right:350px; margin-top:21px;  }
.pricing .free_plan > .desc > .callout > h3 {width:100%; margin:0; font-size:18px; color:#757575; font-weight:600;}
.pricing .free_plan > .desc > .callout > p {margin:0; padding:0; color:#666;}
.pricing .free_plan > .desc > .button {position:absolute; top:17px; right:100px; font-size:19px; font-weight:600;}

.pricing .ncnf p {background:url('https://www.activecampaign.com/pricing/media/benf_ncnf.png') no-repeat;}
.pricing .payment p {padding-left:64px!important; background:url('https://www.activecampaign.com/pricing/media/benf_pay.png') no-repeat;}
.pricing .save p {background:url('https://www.activecampaign.com/pricing/media/benf_save.png') no-repeat;}
.pricing .last {margin-right:0!important;}

.pricing .buttongroup {position:relative; margin:0 0 20px; padding:0; white-space:nowrap; overflow:hidden;}
.pricing .buttongroup .btn {
float:left;
position:relative;
right:0;
margin:0;
padding:0 1.2em;
display:inline-block;
font-size:18px;
line-height:38px;
color:#aeaeae;
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#f6f6f6;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6));
background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6);
background-image:-o-linear-gradient(top, #ffffff, #f6f6f6);
background-image:linear-gradient(to bottom, #ffffff, #f6f6f6);
background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6);
background-repeat:repeat-x;
border:1px solid #ddd;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#ddd #ddd #ddd;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1;
text-decoration:none;
text-shadow:0 1px 1px rgba(255, 255, 255, 1);
text-align:center;
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0);
}
.pricing .buttongroup .btn:first-child {border-right:none; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px;}
#monthly_plan_lnk, #yearly_plan_lnk {border-right:none;}
.pricing .buttongroup .btn:last-child {border-right:1px solid #ddd!important; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px;}
.pricing .buttongroup .btn:active, .pricing .buttongroup a.active {
color:#505050;
background-color:#f0f0f0;
background-color:#f0f0f0 \9;
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pricingdownload {position:relative; bottom:0; width:100%; margin:50px 0 -30px; padding:34px 0; background:#fafafa; border-top:1px solid #ddd; text-shadow:1px 1px 0 #fff;}
.pricingdownload h3 {color:#0f3e76; font-size:15px; font-weight:600; line-height:16px;}
.pricingdownload p {width:400px; line-height:18px;}
.pricingdownload .button {position:absolute; right:0; top:0; padding-top:10px; font-size:16px; color:#929292!important; font-weight:600;}
.pricingdownload .button > span {position:relative; margin:5px 0 0 10px; float:right; display:block; width:7px; height:11px; background:url('https://www.activecampaign.com/pricing/media/pricingdownload_button_arrow.png') no-repeat;}


.compare_plan_container {background-color:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
table.compare_plan thead tr {border-bottom:3px solid #4d8db1; background-color:#63b0db;}
table.compare_plan thead tr td {padding:25px 15px; font-size:15px; color:#fff; font-weight:700;}
table.compare_plan thead tr td a {color:#fff;}
table.compare_plan thead tr td.col3, table.compare_plan thead tr td.col4 {border-right:1px solid #4d8db1; border-left:1px solid #4d8db1;}
table.compare_plan tbody tr:nth-child(odd) {}
table.compare_plan tbody tr td {border-bottom:1px solid #ddd; text-align:center;}

table.compare_plan td {position:relative; padding:17px 15px; font-size:13px; color:#949494;}
table.compare_plan td.col1 {text-align:left;}
table.compare_plan td.col1 a {color:#555;}
table.compare_plan td.col1 span {display:inline-block; margin-left:10px; color:#cc0000;}
table.compare_plan td.col3, table.compare_plan td.col4 {border-right:1px solid #ddd; border-left:1px solid #ddd;}
table.compare_plan td.col4 > span,
table.compare_plan td.col5 > span {display:inline-block; padding:3px 7px; color:#fff; font-size:12px; background-color:#bed4c5; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}

table.compare_plan td div.icon {margin:0 auto; width:28px; height:28px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/stopztvrh_price_compare_yesno.png'); background-repeat:no-repeat; background-position:0 0;}
table.compare_plan td div.no {background-position:0 -28px;}

.plan_footnotes {margin-top:40px;}
.plan_footnotes p {margin:20px 0 0; font-size:12px; line-height:19px; text-align:left;}

/* Partner Signup Page */
.partner_signup .featurebody > div {overflow:visible;}
.partner_signup .heading {position:relative; display:block; width:100%; height:100%;}
.partner_signup .heading .container {height:100%;}
.partner_signup #approval_needed,
.partner_signup form {position:relative; margin:0; padding:0 0 25px; width: 100%; max-width:620px; height:100%; border:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff;}
@media screen and (max-width: 1024px) {.partner_signup form {width: 100%; max-width: 620px; margin: 0 auto;}}
.partner_signup #approval_needed:before,
.partner_signup form:before { content:""; display:block; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:5px; margin:0; border-bottom:1px solid #D2D2D2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#FFF; }
.partner_signup form fieldset {margin:25px 25px 0; padding:0;}
.partner_signup label {color:#5d5d5d; font:16px "freight-sans-pro",sans-serif; font-weight:600; display:block; cursor:pointer;}
.partner_signup label small, .partner_signup .signup_box label a,.partner_signup .signup_box small {margin-left:6px; display:inline; color:#b7b7b7; font-size:13px; font-weight:100;}
.partner_signup form > h3 {position:relative; margin:0 0 24px; padding:24px; font-size:25px; font-weight:600; color:#333; border-bottom:1px solid #ddd; line-height:25px; letter-spacing:-1px;}
.partner_signup form > h3.ai {background:url('https://www.activecampaign.com/signup/media/account_information.png') no-repeat right 24px center; padding-right: 60px;}
.partner_signup form > h3.bi {margin-bottom:0; background:url('https://www.activecampaign.com/signup/media/billing_information.png') no-repeat 574px 50%;}
.partner_signup input[type="password"]{width:66%;}
.partner_signup select {display:inline; width:42%; font-size:15px;}
.partner_signup .signup_box {min-height:700px;}
.partner_signup .signup_box .container {text-align: left !important; padding: 50px 0;}
@media screen and (max-width: 1024px) {.partner_signup .signup_box .container {box-sizing: border-box; padding: 20px; min-width: unset; width: 100%;}}
.partner_signup .signup_box small.info {margin:0; padding:3px 3px 3px 20px; background:url('https://www.activecampaign.com/global_media/icon_freesignupboxinfo.png') no-repeat 0 4px;}
.partner_signup .signup_box input[type="text"], .partner_signup .signup_box input[type="password"], .partner_signup .signup_box select, .partner_signup .signup_box textarea {position:relative; width:97%; display:block; padding:12px 5px 12px 10px; margin:.5em .5em .5em 0; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d0d0d0; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.partner_signup .signup_box select {width:auto; padding:4px 5px 4px 10px;}
.partner_signup .signup_box input[type="checkbox"] {display:inline-block; margin:0; width:14px; height:14px; -webkit-appearance:checkbox; box-sizing:border-box; cursor:pointer;}
.partner_signup .signup_box .inlinesets {position:relative; height:100%; margin:25px 25px 10px; display:block; overflow:hidden;}
.partner_signup .signup_box .inlinesets:after {display:table; content:''; height:0; width:100%; clear:both; zoom:1;}
.partner_signup .signup_box .inlinesets fieldset {float:left; width:47%; margin:0;}
@media screen and (max-width: 1024px) {.partner_signup .signup_box .inlinesets fieldset {width: 100%;}}
@media screen and (max-width: 1024px) {.partner_signup .signup_box .inlinesets .state-province, .partner_signup .signup_box .inlinesets .country, .partner_signup .signup_box .inlinesets .website, .partner_signup .signup_box .inlinesets .card-security-code {margin-top: 25px;}}
.partner_signup .signup_box .inlinesets fieldset:first-child {padding-right:25px;}
.partner_signup .signup_box .card-security-code input {width: 100%; max-width: 100px;}
.partner_signup .signup_box .confirm {position:relative; overflow:hidden;}
.partner_signup .signup_box .confirm > div {display:block;}
.partner_signup .signup_box .confirm > div label {margin:0 0 4px; display:inline-block; font-size:15px; font-weight:100;}
.partner_signup .signup_box .confirm > div label a {margin:0; padding:0; font-size:15px; color:#356ae6;}
.partner_signup .signup_box .confirm > div label a:hover {transition: color 300ms ease-in; position:relative; text-decoration: underline;}
.partner_signup .signup_box .confirm > div input {margin-right:6px;}
.partner_signup .signup_box .confirm .opt-in-and-terms {margin-bottom: 25px;}
.partner_signup .signup_box .confirm .button {position:absolute; top:0; right:0; margin:0;}
.partner_signup .signup_box .billing_info {position:relative; margin:0; padding:25px 10px; background-color:#edf9ff; color:rgba(0, 25, 60, 0.9); font-size:13px; text-align:center;}
.partner_signup .signup_box .billing_info:after {position:absolute; bottom:-10px; left:50%; content:''; width:0; height:0; border-style:solid; border-width:12px 12.5px 0 12.5px; border-color:#edf9ff transparent transparent transparent;}
.partner_signup .signup_box .billing {position:relative; margin:35px 0 0 0; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;}
.partner_signup .signup_box .billing fieldset.cardnumber input[type="text"]{float:left; width:56%; margin-right:13px;}
@media screen and (max-width: 1024px) {.partner_signup .signup_box .billing fieldset.cardnumber input[type="text"] {width: 100%; max-width: 400px;}}
.partner_signup .signup_box .billing fieldset.cardnumber input.valid {background:url('https://www.activecampaign.com/signup/media/card_tick.png') 300px center no-repeat;}
.partner_signup .signup_box .billing select {display:inline-block; width:42%; font-size:15px;}
@media screen and (max-width: 1024px) {.partner_signup .signup_box .billing select {width: 100%; max-width: 100px; margin-top: 25px;}}
.partner_signup .signup_box .billing .cards {position:absolute; top:78px; left:358px; overflow:hidden;}
@media screen and (max-width: 1024px) {.partner_signup .signup_box .billing .cards {margin-left: 25px !important; padding-top: 10px !important; position: relative; left: 0; top: 0;	}}
.partner_signup .signup_box .billing .cards li {-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; background:url('https://www.activecampaign.com/signup/media/card_logos.png') 0 0; float:left; display:block; height:32px; margin-right:8px; text-indent:-9999px; width:51px; list-style:none;}
.partner_signup .signup_box .billing .cards li:last-child {margin-right:0;}
.partner_signup .signup_box .billing .cards .visa_electron {background-position:204px 0;}
.partner_signup .signup_box .billing .cards .mastercard {background-position:153px 0;}
.partner_signup .signup_box .billing .cards .amex {background-position:102px 0;}
.partner_signup .signup_box .billing .cards .discover {background-position:51px 0;}
.partner_signup .signup_box .billing .cards .visa.off {background-position:0 32px;}
.partner_signup .signup_box .billing .cards .visa_electron.off {background-position:204px 32px;}
.partner_signup .signup_box .billing .cards .mastercard.off {background-position:153px 32px;}
.partner_signup .signup_box .billing .cards .amex.off {background-position:102px 32px;}
.partner_signup .signup_box .billing .cards .discover.off {background-position:51px 32px;}
.partner_signup .signup_box #promomsg.errorclass{font-size:12px; color:#cc0000;}
.partner_signup .signup_box #create_error {position:relative; clear:both; margin:20px 25px 0!important; padding:0; width:100%; color:#b94a48; overflow:hidden; display:none;}
.partner_signup .signup_box .sidebar {float: right; width: 300px;}
@media screen and (max-width: 1024px) {.partner_signup .signup_box .sidebar {display: none;}}
.partner_signup .signup_box .sidebar h3 {position:relative; margin:0 0 24px; padding:24px 0 15px; font-size:19px; font-weight:600; color:#333; line-height:25px; letter-spacing:-1px;}
.partner_signup .signup_box .sidebar ul {margin:0!important; padding:0;}
.partner_signup .signup_box .sidebar ul li {list-style-type:none!important; margin-bottom:20px!important; padding-left:60px; background-size:50px auto!important;}
.partner_signup .signup_box .sidebar ul li:last-child {margin-bottom:0;}
.partner_signup .signup_box .sidebar ul li h4 {margin:0; padding:0 0 4px; font-size:15px; font-weight:600; color:rgba(0, 25, 60, 0.9); line-height:21px;}
.partner_signup .signup_box .sidebar ul li p {margin:0; font-size:13px; line-height:21px;}
.partner_signup .signup_box .sidebar ul li.email { background:url('https://www.activecampaign.com/partner/media/colm_email.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.automation { background:url('https://www.activecampaign.com/partner/media/colm_automation.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.sms { background:url('https://www.activecampaign.com/partner/media/colm_sms.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.training { background:url('https://www.activecampaign.com/partner/media/colm_one_training.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.design { background:url('https://www.activecampaign.com/partner/media/colm_email_design.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.integration { background:url('https://www.activecampaign.com/partner/media/colm_integration.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.phone { background:url('https://www.activecampaign.com/partner/media/colm_phone_support.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.free { background:url('https://www.activecampaign.com/partner/media/colm_free.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.branding { background:url('https://www.activecampaign.com/partner/media/colm_branding.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.users { background:url('https://www.activecampaign.com/partner/media/colm_users.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar ul li.discount { background:url('https://www.activecampaign.com/partner/media/colm_discount.png') no-repeat 0 0; }
.partner_signup .signup_box .sidebar .chatwrap {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}

.partner_signup #approval_needed {padding:25px; width:100%; box-sizing: border-box; margin: 0 auto;}

/* Resell/Partner */
/* =========================================================== */
.resell-container {position:relative; margin-top:66px; overflow:hidden;}
.resell-container h3 {color:#2962ae; margin:0 0 8px; padding:0; font-size:23px; font-weight:600;}
.resell-container p {font-size:15px; margin:0 0 1.5em; padding:0; line-height:1.4;}
.resell-container ul.list {position:relative; margin:1.5em 0 1.5em 1.3em; padding:0; height:100%; overflow:hidden;}
.resell-container ul.list > li {margin:0 0 0.3em; padding-left:14px; font-size:15px; line-height:23px; list-style:disc;}
.resell-container ul.list > ul.list {margin:0.8em 0 0 1.3em;}
.resell-container .button {font-size:17px; font-weight:600;}
.resell-container .button.greenbtn.bottom {font-size:23px;}
.resell-container .par_intro { margin:0; padding:0; font-size:16px; line-height:1.5;}
.resell-container .benefits {position:relative; margin:20px 0; width:100%; margin:0 0 20px; overflow:hidden;}
.resell-container .benefits ul {position:relative; height:100%; margin:22px 0 0; overflow:hidden;}
.resell-container .benefits ul li > strong {font-weight:600; font-size:17px;}
.resell-container .benefits ul li {width:388px; float:left; display:block; margin:0 22px 15px; padding-left:58px; line-height:1.5; list-style:none;}
.resell-container .benefits ul li.quickly {background:url('https://www.activecampaign.com/features/media/benf_quickly.png') no-repeat 0 5px;}
.resell-container .benefits ul li.trial {background:url('https://www.activecampaign.com/features/media/benf_trial.png') no-repeat 0 5px;}
.resell-container .benefits ul li.rebrand {background:url('https://www.activecampaign.com/features/media/benf_rebrand.png') no-repeat 0 5px;}
.resell-container .benefits ul li.panel {background:url('https://www.activecampaign.com/features/media/benf_panel.png') no-repeat 0 5px;}
.resell-container .benefits ul li.domain {background:url('https://www.activecampaign.com/features/media/benf_domain.png') no-repeat 0 5px;}
.resell-container .benefits ul li.nofees {background:url('https://www.activecampaign.com/features/media/benf_nofees.png') no-repeat 0 5px;}
.resell-container .fineprint {text-align:center; color:#747474; margin:8px 0 40px; padding:0; font-size:13px; line-height:1;}
.resell-container .reseller_bg_join_btn {position:relative; overflow:hidden; margin:30px 0; width:99.5%; height:85px; background:#fafafa; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:inset 0 4px 4px 0 rgba(132, 132, 132, 0.1); box-shadow:inset 0 4px 4px 0 rgba(132, 132, 132, 0.1); border:1px solid #ddd;}
.resell-container .reseller_bg_join_btn span {position:absolute; top:30px; left:67px; color:#358e00; font-size:23px; line-height:1.2; text-align:right;}
.resell-container .reseller_bg_join_btn span strong {font-weight:600;}
.resell-container .reseller_bg_join_btn > .button {position:absolute; top:11px; right:57px; font-size:19px;}
.resell-container .faq {position:relative; width:105%; margin:22px -20px 0; height:100%; overflow:hidden;}
.resell-container .faq li {position:relative; float:left; width:478px; min-height:100px; margin:0 20px 20px; padding:0; font-size:15px; line-height:1.4; list-style:none;}
.resell-container .faq li span.title {color:#333; font-weight:600;}
.resell-container .buttongroup {position:relative; right:0; margin:0 0 40px; padding:0; white-space:nowrap; overflow:hidden;}
.resell-container .buttongroup .btn {
float:left;
position:relative;
right:0;
margin:0;
padding:0 1.2em;
display:inline-block;
font-size:18px;
line-height:38px;
color:#aeaeae;
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#f6f6f6;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6));
background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6);
background-image:-o-linear-gradient(top, #ffffff, #f6f6f6);
background-image:linear-gradient(to bottom, #ffffff, #f6f6f6);
background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6);
background-repeat:repeat-x;
border:1px solid #ddd;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#ddd #ddd #ddd;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1;
text-decoration:none;
text-shadow:0 1px 1px rgba(255, 255, 255, 1);
text-align:center;
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0);
}
.resell-container .buttongroup .btn:first-child {border-right:none; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px;}
#monthly_plan_lnk, #yearly_plan_lnk {border-right:none;}
.resell-container .buttongroup .btn:last-child {-webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px;}
.resell-container .buttongroup .btn:active, .resell-container .buttongroup a.active {
color:#505050;
background-color:#f0f0f0;
background-color:#f0f0f0 \9;
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pricing_tbl {border:1px solid #ddd; margin:20px 0 10px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.pricing_tbl h2 {font-weight:400;}
.pricing_tbl th {border-bottom:1px solid #ddd; background:#f5feff; text-shadow:1px 1px 1px #fff;}
.pricing_tbl th, .pricing_tbl td {padding:18px;}
.pricing_tbl .pro, .pricing_tbl .medium, .pricing_tbl .mini {margin:3px;}
.pricing_tbl .discount {color:#333; font-size:22px;}
.pricing_tbl .right {border-left:solid 1px #ddd; font-weight:600; font-size:16px;}
.pricing_tbl .row .last {border-bottom:1px solid #ddd;}
.pricing_tbl tr.odd {background:#eaeaea; text-shadow:1px 1px 1px #fff;}
.pricing_tbl .price {font-size:18px;}
.pricing_tbl sup {font-weight:normal; font-size:13px;}
.pricing_tbl .left {width:28%;}
.pricing_tbl .subtitle_left {text-align:right;}
.pricing_tbl .empty {background:transparent url('https://www.activecampaign.com/features/media/tbl_slashes.gif') 0 0;}



.bodysection > .buttongroup {position:relative; margin:0 0 50px; padding:0; white-space:nowrap; overflow:hidden;}
.bodysection > .buttongroup > a {
float:left;
position:relative;
right:0;
margin:0 0 0 -1px;
padding:0 1.2em;
display:inline-block;
font-size:15px;
line-height:38px;
color:#aeaeae;
vertical-align:middle;
cursor:pointer;
background-color:#f5f5f5;
*background-color:#f6f6f6;
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6));
background-image:-webkit-linear-gradient(top, #ffffff, #f6f6f6);
background-image:-o-linear-gradient(top, #ffffff, #f6f6f6);
background-image:linear-gradient(to bottom, #ffffff, #f6f6f6);
background-image:-moz-linear-gradient(top, #ffffff, #f6f6f6);
background-repeat:repeat-x;
border:1px solid #ddd;
*border:0;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-color:#ddd #ddd #ddd;
filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
*zoom:1;
text-decoration:none;
text-shadow:0 1px 1px rgba(255, 255, 255, 1);
text-align:center;
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0);
}
.bodysection > .buttongroup > a:first-child {margin-left:1px; border-right:none; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px;}
.bodysection > .buttongroup > a:last-child {-webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px;}
.bodysection > .buttongroup > a:active, .bodysection > .buttongroup > a.current {
color:#333;
background-color:#f0f0f0;
background-image:none;
outline:0;
-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*-------------------------------------------------------------------------*\
   Partner billing
\*------------------------------------------------------------------------*/
._wrap {border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
._wrap:not(:first-of-type) {margin-top:20px;}
._wrap > h2 {margin:0!important; padding:20px 30px!important; background-color:#f0f0f0;}
._wrap ._content {padding:20px!important;}
._wrap ._content label {color: #5d5d5d; font-size:13px; font-weight:400; cursor:pointer;}
._wrap ._content small {display:block; margin-top:4px; font-size:12px; color:#aaa;}
._wrap ._content table {width:100%; margin:0!important; padding:0!important; border-collapse:collapse;}
._wrap ._content table tr td {padding:0 0 15px!important; vertical-align:top;}
._wrap ._content table tr td label {display:block; margin-bottom:6px;}
._wrap ._content table input[type="text"],
._wrap ._content table select,
._wrap ._content table textarea {padding:8px!important; width:100%; -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
._wrap ._content table select {width:auto; font-size:15px!important;}
._wrap ._content table input[type="text"] {font-size:15px;}
._wrap .form-billing-title { font-size: 15px; margin-bottom: 20px; border-bottom: 1px solid #DDD; padding-bottom: 20px; }

/* Form field */
._wrap input[type=text],
._wrap input[type=password],
._wrap textarea { display:inline-block; width: 100%; background-color:#ffffff; line-height:100%; border:1px solid #c3c3c3; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
._wrap select {margin:0;}

/* Buttons */
._wrap .btn { font-family: "Open Sans", Helvetica, sans-serif;	margin:0 0 10px; padding:12px 24px; font-size:13px; font-weight:600; text-decoration:none; background-color:#f5f5f5; box-shadow:none!important; -moz-border-radius:4px!important; -webkit-border-radius:4px!important; border-radius:4px!important; display:inline-block; color:#555; cursor:pointer!important; zoom:1; text-shadow:none; -webkit-box-sizing:border-box; box-sizing:border-box;  }
._wrap .btnsmall {margin:0 0 10px; background-color:#f8f8f8; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cfcfcf; display:inline-block; color:#292929; font-size:12px; font-weight:100; padding:6px 12px; text-decoration:none; cursor:pointer!important; z-index:1; zoom:1; -webkit-box-sizing:border-box; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; transition:0.5s ease; box-sizing:border-box; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;}
._wrap .btn:hover, ._wrap .btnsmall:hover {color:#3f3f3f; background-color:#ececec; border:1px solid #b6b6b6;}
._wrap .btn:active, ._wrap .btnsmall:active {position:relative;}
._wrap .btnlarge {margin:0 0 10px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; font-size:14px !important; font-weight:100; padding:10px 25px; text-decoration:none; cursor:pointer!important; z-index:1; zoom:1; -webkit-box-sizing:border-box; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; transition:0.5s ease; box-sizing:border-box; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear; -ms-transition:background-color .1s linear; transition:background-color .1s linear;}
._wrap .button:active,
._wrap .button:visited,
._wrap .button { font-family: "Open Sans", Helvetica, sans-serif;font-weight: 400;margin:0 0 10px; padding:12px 24px; font-size:13px; text-decoration:none !important; background-color:#f5f5f5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:inline-block; color:#555; cursor:pointer!important; zoom:1; -webkit-box-sizing:border-box; box-sizing:border-box;}
._wrap .button_large { width:100%;padding: 18px 25px !important;font-size:14px !important;text-align:center;} 

/* Green button style */
._wrap .greenbtn:active,
._wrap .greenbtn:visited,
._wrap .greenbtn {color:#fff!important; background:#24a828!important; border:1px solid #24a828!important;}
._wrap .greenbtn:hover {background:#04970a!important;}

/* Blue button style */
._wrap .bluebtn:active,
._wrap .bluebtn:visited,
._wrap .bluebtn {color:#fff!important; background:#23538c!important; border:1px solid #23538c!important;}
._wrap .bluebtn:hover {background:#1c4678!important;}

/* Grey button style */
._wrap .greybtn:active,
._wrap .greybtn:visited,
._wrap .greybtn {color:#5d5d5d!important; background:#fff!important; border:1px solid #c0c0c0!important;}
._wrap .greybtn:hover { background:#f6f6f6!important; }

/* Red button style */
._wrap .redbtn:active,
._wrap .redbtn:visited,
._wrap .redbtn {color:#fff!important; background:#f00!important; border:1px solid #f00!important;}
._wrap .redbtn:hover { background:#ec0000!important; text-shadow:none!important; }

/* Billing profile form */
.billing-profile-form { margin: 0;padding: 0; }
.billing-profile-form .input-wrap { padding-right: 10px; }
.payment-method { position: relative;padding: 20px !important;background: #f3f3f3;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
.payment-method .card-type { position: relative; }
.payment-method .cards { position: relative;top: 0;left: 0;overflow: hidden;margin-left: 0;padding-top: 0;padding-bottom: 0; }
.payment-method .cards li { margin: 0 0.1em 0.4em !important;float: left;display: block;width: 51px;height: 34px;margin-right: 8px;text-indent: -9999px;list-style: none; }
.setting-footer { margin: 0;padding: 20px;background-color: #f5f5f5;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; }

/* Addons */
/* =========================================================== */
.addons > div#addonlist {position:relative; width:103%; height:100%; margin:0 -10px; padding:0; overflow:hidden;}
.addons > div#addonlist .featured{ border:1px solid #9bc320; color:#000; } 
.addons > div#addonlist > div {position:relative; float:left; width:317px; height:162px; margin:0 10px 20px; padding:0; border:1px solid #ddd; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.addons > div#addonlist > div:hover {border:1px solid #afafaf; cursor:pointer;}
.addons > div#addonlist > div.hidden {display:none;}
.addons > div#addonlist > div > .overlay > p {position:relative; bottom:0; left:0; margin:0 12px; padding:0; font-size:14px; line-height:19px;}
.addons > div#addonlist > div > span {position:absolute; bottom:12px; right:12px; display:none; font-size:12px; color:#d5d5d5; z-index:20;}

.addonrequest {position:relative; bottom:0; width:100%; margin: 50px 0 -50px; height:268px; padding:20px 0 0; background:#fafafa; border-top:1px solid #ddd; text-shadow:1px 1px 0 #fff;}
.addonrequest div.intreq {position:relative; float:left; height:100%; margin:0 -35px 0;}
.addonrequest div.intreq > h3 {margin:0 35px 40px; padding:0; color:#5d5d5d; font-size:16px; font-weight:600; clear:both;}
.addonrequest div.intreq > div {position:relative; float:left; width:386px; height:162px; margin:0 35px 20px; padding:0;}
.addonrequest div.intreq > div > strong {font-weight:600; font-size:13px; color:#333!important;}
.addonrequest div.intreq > div > img {float:left; width:78px; margin:0 20px 20px 0;}
.addonrequest div.intreq > div > p {float:right; width:284px; margin:0 0 1.2em; padding:0; line-height:1.4;}


.wrappers > div#addonlist {position:relative; width:103%; height:100%; margin:0 -10px; padding:0; overflow:hidden;}
.wrappers > div#addonlist .featured{ border:1px solid #9bc320; color:#000; } 
.wrappers > div#addonlist > div {position:relative; float:left; width:317px; height:130px; margin:0 10px 20px; padding:0; border:1px solid #ddd; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.wrappers > div#addonlist > div:hover {border:1px solid #afafaf; cursor:pointer;}
.wrappers > div#addonlist > div.hidden {display:none;}
.wrappers > div#addonlist > div > .overlay > p {position:relative; bottom:0; left:0; margin:0 12px; padding:0; font-size:14px; color:#999; line-height:19px;}
.wrappers > div#addonlist > div > span {position:absolute; bottom:12px; right:12px; display:none; font-size:12px; color:#d5d5d5; z-index:20;}


.scripts > div#addonlist {position:relative; width:103%; height:100%; margin:0 -10px; padding:0; overflow:hidden;}
.scripts > div#addonlist .featured{ border:1px solid #9bc320; color:#000; } 
.scripts > div#addonlist > div {  margin:0 10px 20px; padding:20px; background:#f7f7f7; border:1px solid transparent; overflow:hidden; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.scripts > div#addonlist > div:hover {background-color:#f0fbfd; border:1px solid #dfedf0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); cursor:pointer;}
.scripts > div#addonlist > div p{ margin:0; font-size:14px; }
.scripts > div#addonlist > div a, .scripts > div#addonlist > div a:visited{ font-size:17px; text-decoration:none; }


/* Search */
/* =========================================================== */
.search {}
.search > p {margin:0 0 2em;}
.search > a > strong {font-weight:100!important;}


/* Terms and Policy */
/* =========================================================== */
.container.resources {}
.container.resources > p {margin:0 0 2em;}
.container.resources > a > strong {font-weight:100!important;}
.container.resources > h2 {color:#004290;}
.container.resources > table {border-collapse:collapse; margin:0 0 2em;}
.container.resources > table td {padding:5px 0; vertical-align:top;}
.container.resources > ul {margin:0 0 2em 2.5em;}
.container.resources > ul > li {margin:0; line-height:20px; font-size:16px; list-style-type:disc;}


/* Blog Styles */
/* =========================================================== */

.bodysection.blog {font-family:'Open Sans', sans-serif; margin-top:40px; -webkit-font-smoothing: antialiased;}
.bodysection.help {font-family:'Open Sans', sans-serif; margin-top:0; -webkit-font-smoothing: antialiased;}

.bodysection.blog > .postwrap {position:relative; width:100%; margin:0; margin-bottom:50px; min-height:800px; overflow:hidden;}
.bodysection.blog div.nopost {position:relative; margin:0 10px 20px 10px; padding:0; overflow:hidden;}
.bodysection.blog div.article {position:relative; top:0; margin:0 0 30px; padding:0 0 30px; }
.bodysection.blog div.article:after {content:" "; display:block; height: 0; clear:both; overflow:hidden; visibility:hidden;} .article {display:block;}
.bodysection.blog div.article .post { }
.bodysection.blog div.article .post img {display:block; text-align:left!important;}


.bodysection.blog div.article h2 {position:relative; font-family:arial, sans-serif !important; margin:0 0 12px; padding:0; font-size:21px; font-weight:400!important; color:#0f3e76!important; border-bottom:0 none; line-height:25px; letter-spacing:-1px;}

.bodysection.blog div.article h2 {position:relative; margin:0 0 12px; padding:0; font-size:21px; font-weight:400!important; color:#0f3e76!important; font-family:'Open Sans', sans-serif; border-bottom:0 none; line-height:25px; letter-spacing:-1px;}

.bodysection.blog div.article h2 > a {display:inline-block; padding:0; background:#fff; font-weight:400; color:#0f3e76; text-decoration:none;}
.bodysection.blog div.article p {margin:0!important; padding:0; font-size:14px; line-height:21px;}
.bodysection.blog div.article img {height:auto;}
.bodysection.blog div.article a > img {display:block; margin:0 0 0.8em 15px!important; padding:0; border:1px solid #ececec;}
.bodysection.blog div.article .postdata {position:relative; float:left; top:0; width:120px; margin:0; padding:0; line-height:18px; font-size:12px;}
.bodysection.blog div.article .postdata > div {position:relative; display:block; padding-left:22px; color:#acacac;}
.bodysection.blog div.article .postdata > div.time {background:url('https://d226aj4ao1t61q.cloudfront.net/e9gtts4bt_icon_calendar.png') no-repeat 0 2px;}
.bodysection.blog div.article .postdata > div.time > div {position:relative; display:inline-block;}
.bodysection.blog div.article .postdata > div.comments {background:url('https://d226aj4ao1t61q.cloudfront.net/yukgnq2p2_icon_comments.png') no-repeat 0 2px;}
.bodysection.blog div.article .postdata > div.comments > div {position:relative; margin:0; padding-left:22px; display:inline-block;}
.bodysection.blog div.article .postdata > div.comments > div > span {display:inline-block;}
.bodysection.blog div.article .postdata > div.facebook {background:url('https://d226aj4ao1t61q.cloudfront.net/6a6j6n1_share_facebook.png') no-repeat 0 2px;}
.bodysection.blog div.article .postdata > div.twitter {background:url('https://d226aj4ao1t61q.cloudfront.net/q6q9lljot_share_twitter.png') no-repeat 0 2px;}

.bodysection.blog .loop_bottom{ border-top:1px solid #ccc; margin-top:70px; padding-top:40px; margin-bottom:50px; }
.bodysection.blog .loop_bottom > h2 {position:relative; margin:0 0 12px; padding:0; font-size:24px; font-family:'Open Sans', sans-serif; font-weight:400!important; color:#333!important; border-bottom:0 none; line-height:1.1; letter-spacing:-1px;}
.bodysection.blog .loop_bottom form { margin-bottom:30px; margin-top:10px; }

.bodysection.blog .loop_bottom a, .bodysection.blog .loop_bottom a:visited{ padding-left:5px; padding-right:5px; color:#999;font-size: 17px;margin-bottom: 7px;display: block; }



.bodysection.blog div.single > h2 {position:relative; margin:0 0 12px; padding:0; font-size:30px; font-family:'Open Sans', sans-serif; font-weight:400!important; color:#333!important; border-bottom:0 none; line-height:1.1; letter-spacing:-1px;}

.bodysection.blog div.single > h2 a, .bodysection.blog div.single > h2 a:visited{ color:#333!important; text-decoration: none; font-size:30px;  font-weight:400!important;  }

.bodysection.blog div.single > .postinfo {position:relative; top:0; margin:auto; margin-top:13px; margin-bottom:20px; text-align:center; padding:0; height:35px; line-height:18px; font:14px arial,sans!important; overflow:hidden;}
.bodysection.blog div.single > .postinfo a, .bodysection.blog div.single > .postinfo a:visited {color:#777; text-decoration:none;}
.bodysection.blog div.single > .postinfo a img, .bodysection.blog div.single > .postinfo a:visited img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray;  -webkit-filter: grayscale(100%);  margin-bottom:-9px; opacity:.75; margin-right:3px; -webkit-border-radius: 100%; border-radius: 100%; }
.bodysection.blog div.single > .postinfo a:hover img{ opacity:1; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.bodysection.blog div.single > .postinfo {color:#777; text-decoration:none;}

.bodysection.blog div.single > .postinfo {color:#777; text-decoration:none;}
.bodysection.blog div.single > .postinfo span { color:#777;  }

.bodysection.blog div.single > .thecontent {margin-top:30px;}

.bodysection.blog div.single > .thecontent h1 {margin:1.4em 0 0.8em; text-align: center; padding:0; font-size:25px!important; font-family:'Open Sans', sans-serif; font-weight:400!important; color:#333!important; border-bottom:none!important;}
.bodysection.blog div.single > .thecontent h2 {margin:1.4em 0 0.8em; text-align: center; padding:0; font-size:21px!important; font-family:'Open Sans', sans-serif; font-weight:400!important; color:#333!important; border-bottom:none!important; line-height:27px!important;}
.bodysection.blog div.single > .thecontent h3 {margin:1.5em 0 0.8em; text-align: center; padding:0; font-size:21px; font-family:'Open Sans', sans-serif; font-weight:400!important; border-bottom:none!important;}
.bodysection.blog div.single > .thecontent h4 {margin:1.2em 0 0.8em; text-align: center; padding:0; font-size:18px; font-family:'Open Sans', sans-serif; border-bottom:none!important;}

.bodysection.help div.single > .thecontent h2 {margin:1.4em 0 0.8em; text-align: left; padding:0; font-size:21px!important; font-family:'Open Sans', sans-serif; font-weight:bold!important; color:#333!important; border-bottom:none!important; line-height:27px!important;}
.bodysection.help div.single > .thecontent h3 {margin:0; margin-bottom:25px; text-align: left; padding:0; font-size:20px; font-family:'Open Sans', sans-serif; font-weight:400!important; border-bottom:none!important;}
.bodysection.help div.single > .thecontent .sub-step{ margin-left:25px; padding:25px; border:1px solid #eee; }

.bodysection.blog div.single > .thecontent p, .bodysection.blog div.single > .thecontent div {margin:0 0 1.5em; padding:0; font-size:1.125rem; font-family:helvetica,arial,sans; line-height:1.6;}
.bodysection.blog div.single > .thecontent p > iframe, .bodysection.blog div.single > .thecontent div > iframe {height:430px;}
.bodysection.blog div.single > .thecontent ul, .bodysection.blog div.single > .thecontent ol {margin:1.5em 0 1.5em 3.8em; font-size:15px; line-height:21px;}
.bodysection.blog div.single > .thecontent ul > li, .bodysection.blog div.single > .thecontent ol > li,
.bodysection.blog div.single > .thecontent ul > li span, .bodysection.blog div.single > .thecontent ol > li span {margin:0 0 0.7em; font-size:15px; line-height:21px;}
.bodysection.blog div.single > .thecontent ul > li {list-style-type:disc;}
.bodysection.blog div.single > .thecontent ol > li {list-style-type:decimal;}
.bodysection.blog div.single > .thecontent code, .bodysection.blog div.single > .thecontent pre {position:relative; padding:2px 3px; background-color:#f9f9f9; display:inline-block; font:14px monospace,sans-serif; color:#000; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ddd;}
.bodysection.blog div.single > .thecontent pre {margin:0 0 1.8em; padding:9px 15px; width:95%; line-height:1.5;}
.bodysection.blog div.single > .thecontent blockquote {margin:2.6em 3em; color:#666; border-left:2px solid #999; padding-left:1em;}


.bodysection.blog div.single .thecontent img{   display: block; margin: 0 auto; }
.bodysection.help div.single .thecontent img{   display: block; margin: 0; border:4px solid #eee; padding:4px; }

.bodysection.blog div.single > .thecontent a, .bodysection.blog div.single > .thecontent a:visited{ color: #758592; }

.bodysection.blog .postdata .author_bio {margin-bottom:8px; padding:0;}
.bodysection.blog .postdata .author_bio img {margin-bottom:8px; width:100px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.bodysection.blog .postdata p {font-size:12px; line-height:15px;}
.bodysection.blog .postdata a {color:#acacac; text-decoration:none;}

.bodysection.blog div.update_form {margin:20px 0; border: 1px solid #ccc; padding:20px; background-color:#f0f0f0; text-align:center;

background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
}
.bodysection.blog div.update_form h4 {margin:0 0 0.8em; padding:0; font-size:19px;}
.bodysection.blog div.update_form form {margin:0 auto; width:500px;}
.bodysection.blog div.update_form form .formwrapper {margin:4px 0 10px;}
.bodysection.blog div.update_form form ._label,
.bodysection.blog div.update_form form ._option {display:inline;}
.bodysection.blog div.update_form form ._option input[type="email"] {position:relative; margin:0; padding:5px 8px; width:220px; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ddd;}
.bodysection.blog div.update_form form ._option input[type="submit"] {position:relative; top:-1px; margin:0; padding:6px 12px; background-color:#fff; border:1px solid #ddd; font-size:12px; color:#555; font-weight:100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;}

/* =========================================================== */
/* Blog Paginatoin Styles */
/* =========================================================== */
.bodysection.blog .navigation {position:relative!important; margin:0!important; padding:0; text-align:center;}
.bodysection.blog .navigation ul {position:relative; margin:0!important; padding:0 0 10px; overflow:visible;}
.bodysection.blog .navigation li a,
.bodysection.blog .navigation li a:hover,
.bodysection.blog .navigation li.active a,
.bodysection.blog .navigation li.disabled {color:#fff; text-decoration:none;}
.bodysection.blog .navigation li {display:inline;}
.bodysection.blog .navigation li a,
.bodysection.blog .navigation li a:hover,
.bodysection.blog .navigation li.active a,
.bodysection.blog .navigation li.disabled {padding:8px 12px; background-color:#bbb; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer;}
.bodysection.blog .navigation li a:hover {background-color:#888;}
.bodysection.blog .navigation li.active a {background-color:#004296;}

/* Help/Support Post Styles */
/* =========================================================== */
.bodysection.leftbodysection.blog.help > .postwrap {margin:0;}
.bodysection.leftbodysection.blog.help div.post {position:relative; float:none; margin:0 0 20px; padding:0; width:99%; background:none; border:none; overflow:hidden;}
.bodysection.leftbodysection.blog.help div.post > h2 {margin:0 0 15px; padding:0; border-bottom:none!important;}
.bodysection.leftbodysection.blog.help div.post > h2 > a {display:block; padding:0; width:99%; background:none; border:none; font-size:18px; font-weight:100!important; color:#0f3e76; text-decoration:none;}
.bodysection.leftbodysection.blog.help div.post > h2 b, .bodysection.leftbodysection.blog.help div.post > h2 strong {font-weight:100!important;}

.bodysection.leftbodysection.blog div.post img.alignleft, .bodysection.leftbodysection.blog div.single > .thecontent img.alignleft {float:left; margin:0 20px 20px 0; padding:0;}
.bodysection.leftbodysection.blog div.post img.alignright, .bodysection.leftbodysection.blog div.single > .thecontent img.alignright {float:right; margin:0 0 20px 20px; padding:0;}

.bodysection.leftbodysection.blog div.single > #comments {margin:20px 0; padding:20px 0 0; border-top:1px solid #cdcdcd;}
.bodysection.leftbodysection.blog div.single.help > .postinfo > .time {width:99%;}
.bodysection.leftbodysection.blog div#disqus_thread {width:99%;}
.bodysection.leftbodysection.blog div#disqus_thread > a {color: #356ae6!important;}
.bodysection.leftbodysection.blog a#inifiniteLoader{position:relative; z-index:2; bottom:15px; display:none;}


/* Blog Sidebar */
/* =========================================================== */
.rightsidebar > div.author_bio {position:relative; margin:0 0 20px; padding:20px 20px 0; border:1px solid #e9e9e9; text-align:center; overflow:hidden; z-index:1;}
.rightsidebar > div.author_bio > img {position:relative; margin:0; padding:0; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; z-index:100;}
.rightsidebar > div.author_bio > p {font-size:13px; color:#545454;}

.rightsidebar > ul.blogcategory > li.heading {padding:6px 6px 6px 38px; line-height:32px; background:#f4faff url('https://www.activecampaign.com/blog/wp-content/themes/activecampaign/images/sidebar_heading_categories.png') no-repeat 10px 50%; list-style:none;}
.rightsidebar > ul.blogcategory > li > a {display:block; padding:12px 12px 12px 3px; color:#004290;}
.rightsidebar > ul.blogcategory > li > ul {margin-left:20px;}
.rightsidebar > ul.blogcategory > li > ul > li {font-size:13px; line-height:2.2;}

.rightsidebar > ul.blogshare {margin:40px 0;}
.rightsidebar > ul.blogshare > li {border:none!important; list-style:none;}
.rightsidebar > ul.blogshare > li > a {display:block; margin:23px 0; padding:0 0 0 32px; height:24px; line-height:24px; font-size:13px; color:#004290;}
.rightsidebar > ul.blogshare > li > a.fb {background:url('https://www.activecampaign.com/blog/wp-content/themes/activecampaign/images/sidebar_share_icons.png') no-repeat 0 0;}
.rightsidebar > ul.blogshare > li > a.tw {background:url('https://www.activecampaign.com/blog/wp-content/themes/activecampaign/images/sidebar_share_icons.png') no-repeat 0 -24px;}
.rightsidebar > ul.blogshare > li > a.rss {background:url('https://www.activecampaign.com/blog/wp-content/themes/activecampaign/images/sidebar_share_icons.png') no-repeat 0 -48px;}

.bodysection.leftbodysection.blog > .postwrap > .single {position:relative; margin:0 10px; min-height:800px; overflow:hidden;}
.bodysection.leftbodysection.blog > .postwrap > .single .imagewrap {position:relative; float:right; margin:0 0 20px 20px; padding:0;}

.bodysection.leftbodysection.blog > .postwrap > .single  .imgcaption {position:relative; display:block; margin:8px 4px 0 0; font-size:13px; color:#c0c0c0; text-align:right;}

.screensteps-toc{ margin-left:0!important; }
.screensteps-toc > li { list-style: none!important; }
.screensteps-toc > li > a, .screensteps-toc > li > a:visited{ text-decoration: none; color:#333!important; font-weight:bold; }

/* Code Synthex Highlighter */
/* =========================================================== */

/* ### TinyLight CSS Styles ( Light ) */
pre { display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1.42857143;color: #333; word-wrap: break-word;background-color: #F5F5F5;border: 1px solid #CCC;border-radius: 4px; white-space: pre-wrap;}
pre code { padding: 0;font-size: inherit;color: inherit;white-space: pre-wrap;background-color: rgba(0, 0, 0, 0);border-radius: 0; }

/* ### setup wrappers for the new tinylight box */
.tl-wrap   {display:block; margin:0 0 16px 0; padding:20px; background:#f9f9f9; border:1px solid #ddd; overflow:hidden;} 
.tl-wrap * {font-family:monospace,sans-serif; font-style:normal; font-weight:normal; font-size:14px; line-height:18px; margin:0; padding:0; line-height:1.8; outline:none;} 

/* ### source code viewer box */
.tl-header   {display:block; margin:0 0 4px 0; padding:2px; text-align:right; background:#fff; color:#5d5d5d;} 
.tl-code     {display:block; overflow:hidden; color:#5d5d5d;} /* main code text color */ 

/* ### all source comments */ 
.tl-comment   {color:#939393;} 
.tl-comment * {color:#939393; font-style:italic;} 

/* ### default colors */ 
.tl-string-code   {color:#006600;}
.tl-integer-code  {color:#ff0000;} 
.tl-function-code {color:#0033ff;} 
.tl-operator-code {color:#666666;} 
.tl-keyword-code  {color:#006600;} 

/* ### CSS colors */ 
.tl-string-css    {color:#008800;} 
.tl-target-css    {color:#ff00ff;} 
.tl-value-css     {color:#0011ff;} 
.tl-warn-css      {color:#ff1100;} 
.tl-import-css    {color:#cc3300;} 

/* ### PHP colors */ 
.tl-string-php    {color:#333333;}
.tl-integer-php   {color:#ff0000;} 
.tl-function-php  {color:#0011ff;} 
.tl-operator-php  {color:#0011ff;} 
.tl-keyword-php   {color:#006600;} 
.tl-global-php    {color:#0066ff;} 

/* ### JS colors */ 
.tl-string-js     {color:#0011ff;}
.tl-integer-js    {color:#ff0000;} 
.tl-function-js   {color:#990099;} 
.tl-operator-js   {color:#0011ff;}  
.tl-keyword-js    {color:#000066;}

/* ### HTML colors */ 
.tl-tag-html      {color:#001188;} 
.tl-string-html   {color:#0011ff;}
.tl-table-html    {color:#006633;} 
.tl-form-html     {color:#cc6600;}  
.tl-script-html   {color:#884400;} 
.tl-style-html    {color:#ff00ff;} 
.tl-image-html    {color:#990044;} 
.tl-function-html {color:#990099;} 

/* ### XML colors */ 
.tl-tag-xml       {color:#001188;} 
.tl-string-xml    {color:#009922;}
.tl-cdata-xml     {color:#882200;} 
 

/* Modal */
/* =========================================================== */
#overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:#333; opacity:0.8; filter:alpha(opacity=80); z-index:1000000;}
#modal {position:fixed; top:50%; left:50%; background:#fff; margin:0; padding:0; border:1px solid #333; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; o-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.1); box-shadow:0 0 8px 2px rgba(0, 0, 0, 0.1); z-index:2000000;}
#modalcontent {background:#fff; margin:0; padding:0; width:708px; min-height:345px;}
#modalcontent .header {position:relative; margin:0 0 0; padding:20px 0 20px 20px; font-size:23px; font-weight:600; line-height:22px; color:#5d5d5d; border-bottom:1px solid #ddd; text-shadow:1px 1px 0 #fff; text-align:center; }

.free #modalcontent .header {color:#090;}
#modalcontent .bodycontent {margin:0; padding:0;}
#modalcontent .bodycontent h4 {position:relative; margin:0 0 1.5em; padding:20px 0; font-size:20px; font-weight:600; line-height:25px; color:#0f3e76;}
#modalcontent .bodycontent p {margin:0 0 0.5em; padding:0; font-size:16px; font-weight:100; line-height:20px; color:#5d5d5d;}
#exit {position:absolute; background:url('https://www.activecampaign.com/global_media/modal_close.png') 0 0 no-repeat; width:12px; height:14px; display:block; text-indent:-9999px; top:10px; right:10px; z-index:100;}

#modalcontent .didyouknow {padding:0 20px 20px;}
#modalcontent .didyouknow nav {position:relative; width:50px; margin:20px 0; padding:0; font-size:15px; border:1px solid #ddd; color:#ddd; overflow:hidden; -moz-border-radius:3px; -ms-border-radius:3px; o-border-radius:3px; border-radius:3px;}
#modalcontent .didyouknow nav > div {position:relative; float:left; margin:0; padding:0; width:25px; text-align:center; line-height:10px;}
#modalcontent .didyouknow nav > div > a {display:block; float:none; margin:0; padding:12px; height:10px; color:#ddd; text-decoration:none;}
#modalcontent .didyouknow nav > div > a:hover {background:#f7f7f7; color:#b6b6b6;}
#modalcontent .didyouknow nav > div.next > a {border-left:1px solid #ddd;}
#modalcontent .wufoo {background:url('https://www.activecampaign.com/free/media/didyouknow_wufoo.png') no-repeat right 50%;}
#modalcontent .wufoo p {padding-right:300px;}
#modalcontent .didyouknow h4{ font-size:19px; margin:0; padding:0; margin-bottom:35px; color:#999; }
#modalcontent .didyouknow td div{ font-size:14px; }
#modalcontent .didyouknow td span{ font-size:11px; color:#999;  }
#modalcontent .didyouknowheader {color:#090; background-color:#fffff0; } 


/* Pop Over */
/* =========================================================== */
.popover {position:absolute; top:0; left:0; z-index:1010; display:none; width:236px; padding:1px; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box;}

/* Newsletter signup / all pages */
/* =========================================================== */
html #miami-body .miami-close { width: 12px !important;height: 12px !important;background-size: 12px !important;left: 16px !important;right: initial !important; }

/* Star Rating */
/* =========================================================== */
div.rateit {margin-top:13px; display:-moz-inline-box; display:inline-block; position:relative; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-touch-callout:none;}
div.rateit div.rateit-range {position:relative; display:-moz-inline-box; display:inline-block; background:url('https://www.activecampaign.com/templates/images/rate_stars.gif'); height:16px;}

/* for IE 6 */
* html div.rateit, * html div.rateit div.rateit-range {display:inline;}

/* for IE 7 */
* + html div.rateit, * + html div.rateit div.rateit-range {display:inline;}

div.rateit div.rateit-hover, div.rateit div.rateit-selected {position:absolute; left:0;}
div.rateit div.rateit-hover-rtl, div.rateit div.rateit-selected-rtl {left:auto; right:0;}
div.rateit div.rateit-hover {background:url('https://www.activecampaign.com/templates/images/rate_stars.gif') left -32px;}
div.rateit div.rateit-hover-rtl {background-position:right -32px;}
div.rateit div.rateit-selected {background:url('https://www.activecampaign.com/templates/images/rate_stars.gif') left -16px;}
div.rateit div.rateit-selected-rtl {background-position:right -16px;}
div.rateit div.rateit-preset {background:url('https://www.activecampaign.com/templates/images/rate_stars.gif') left -48px;}
div.rateit div.rateit-preset-rtl {background:url('https://www.activecampaign.com/templates/images/rate_stars.gif') left -48px;}
div.rateit div.rateit-reset {display:none; visibility:hidden; width:0; height:0;}

.feature_tour h2{
	margin:0;
	margin-bottom:4px;
	font-size:16px;
}

.feature_tour td{
line-height:150%;
}
.feature_tour img{
	border:1px solid #E4E4E4;
}

.feature_tour_bottom_nav img{
	border:0;
}

.feature_tour_nav{
	padding:4px;
	border-bottom: 	1px solid #8A9EBA;
}

.feature_tour_nav a{
	font-size:		11px;
	background: 	#F5F5F5;
	border: 		1px solid #CCCCCC;
	border-bottom:0;
	color:			#333333;
	padding:		4px;
	margin-right:	4px;

}
.feature_tour_nav a:hover{
	background: 	#DEEBFF;
	border:		   1px solid #cccccc;
	border-bottom:	0px;

	color:			#000000;
}
.feature_tour_nav_selected a, .feature_tour_nav_selected a:hover{
	background: 	#999999;
	border:		   1px solid #8A9EBA;
	border-bottom:	1px solid #ffffff;
	padding-top:	6px;
	color:			#314B6E;
	margin-right:	4px;
	font-weight:	bold;
	background:url(https://www.activecampaign.com/_ac_global/global_media/tour_nav_bg_up.gif);
	background-repeat:repeat-x;
	background-position:top;
}

.feature_tour_nav_flip{
	padding:4px;
	border-top: 	1px solid #8A9EBA;
}

.feature_tour_nav_flip a{
	font-size:		11px;
	background: 	#F5F5F5;
	border: 		1px solid #CCCCCC;
	border-top:0;
	color:			#333333;
	padding:		4px;
	margin-right:	4px;

}
.feature_tour_nav_flip a:hover{
	background: 	#DEEBFF;
	border:		   1px solid #cccccc;
	border-top:	0px;

	color:			#000000;
}
.feature_tour_nav_flip_selected a, .feature_tour_nav_flip_selected a:hover{
	background: 	#999999;
	border:		   1px solid #8A9EBA;
	border-top:	0px solid #999999;
	padding-top:	6px;
	color:			#314B6E;
	margin-right:	4px;
	font-weight:	bold;
	background:url(https://www.activecampaign.com/_ac_global/global_media/tour_nav_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

.feature_tour_nav_adl a, .feature_tour_nav_adl a:visited{
	font-size:11px;
	color:#009900;
}
.ac_modal {
	position:fixed;
	top:0;
	right:0;

	width:100%;
	height:100%;
	z-index:5000;
	background:url(https://www.activecampaign.com/_ac_global/media/modal_bg.png);
}
.ac_modal .ac_modal_inner{
	border-top:5px solid #636B73;
}
.ac_modal_inner{
	position: absolute;
	top:30%;
	left:50%;
	z-index:9999;
	width:375px;
	max-height:400px;
	overflow:auto;
	overflow-x:hidden;
	margin:-75px 0 0 -250px;

	background:#FDFCE9;
	text-align:left;
	padding:25px;
}
.ac_modal_inner .ac_button_ok{
	font-weight:bold;
}


/* Affiliate Styles */
/* =========================================================== */
.mainbody.affiliatewrap {position:relative; margin-top:-250px; z-index:1;}

.mainbody.affiliatewrap .affiliate {position:relative; height:100%; overflow:hidden;} 

.mainbody.affiliatewrap .affiliate .login {float:right; width:400px;}
.mainbody.affiliatewrap .affiliate .login > .createcall {text-align:center; margin-top:16px; font:11px arial, helvetica, sans-serif;}
.mainbody.affiliatewrap .affiliate .login > .createcall > span {padding:5px 3px; background:#ffffd2;}
.mainbody.affiliatewrap .affiliate .login > .formbox {position:relative; margin:0; padding:10px 0 0; width:398px; overflow:hidden;} 
.mainbody.affiliatewrap .affiliate .login > .formbox fieldset {position:relative; margin:0 0 0.5em 0.8em; padding:0; width:94%; overflow:hidden;} 
.mainbody.affiliatewrap .affiliate .login > .formbox fieldset input[type="text"],
.mainbody.affiliatewrap .affiliate .login > .formbox fieldset input[type="password"] {width:95.5%;}
.mainbody.affiliatewrap .affiliate .login > .formbox fieldset.acct input {width:196px; }
.mainbody.affiliatewrap .affiliate .login > .formbox select {position:absolute; top:30px; right:0; width:150px; padding:5px 7px; font-size:12px; cursor:pointer;}
.mainbody.affiliatewrap .affiliate .login > .formbox .infos  {margin:0 0.8em 0.8em; padding-bottom:0.8em; border-bottom:1px dotted #ddd;}	
.mainbody.affiliatewrap .affiliate .login > .formbox .infos > h3 {font-size:17px; color:#0f3e76; font-weight:600;}	
.mainbody.affiliatewrap .affiliate .login > .formbox .infos > p {margin:0.8em 0; line-height:21px;}	

.mainbody.affiliatewrap .affiliate .promo {position:relative; float:left; margin:0; padding:0; width:506px; overflow:hidden;}
.mainbody.affiliatewrap .affiliate .promo > div {position:relative; float:left; width:135px; height:225px; text-align:center;}
.mainbody.affiliatewrap .affiliate .promo > div > p {position:relative; top:150px; display:block; margin:0; font-size:15px; color:#506f94; font-weight:600;}
.mainbody.affiliatewrap .affiliate .promo > .joincall {width:506px; margin:0; text-align:left;}
.mainbody.affiliatewrap .affiliate .promo > .joincall > .button {margin:20px 0 0; font-size:21px; font-weight:600;}
.mainbody.affiliatewrap .affiliate .promo > .joincall > div {position:relative; font-size:16px; line-height:1.6;}
.mainbody.affiliatewrap .affiliate .promo > .joincall > p {position:relative; top:0; display:block; margin:5px 0 0; padding:0; font-size:14px; color:#969696; font-weight:100;}
.mainbody.affiliatewrap .affiliate .promo > .join {background:url('https://www.activecampaign.com/affiliate/media/overview_joinfree.png') no-repeat 0 0;}
.mainbody.affiliatewrap .affiliate .promo > .recur {margin:0 50px; background:url('https://www.activecampaign.com/affiliate/media/overview_recurring.png') no-repeat 0 0;}
.mainbody.affiliatewrap .affiliate .promo > .pay {background:url('https://www.activecampaign.com/affiliate/media/overview_payouts.png') no-repeat 0 0;}

.mainbody.affiliatewrap .faq {padding-top:10px;}
.mainbody.affiliatewrap .faq ul.faq {position:relative; width:105%; margin:22px -20px 0; height:100%; overflow:hidden;}
.mainbody.affiliatewrap .faq ul.faq li {position:relative; float:left; width:478px; min-height:100px; margin:0 20px 20px; padding:0; font-size:15px; line-height:1.4; list-style:none;}
.mainbody.affiliatewrap .faq ul.faq li span.title {color:#333; font-weight:600;}
.mainbody.affiliatewrap .faq h3 {margin:0.8em 0; padding:0; font-size:26px; color:#0f3e76; line-height:32px; font-weight:600;}
.mainbody.affiliatewrap .faq > p {margin:0 0 0.8em; padding:0; font-size:15px; line-height:1.4;}

.mainbody .container.affiliate .formbox {width:100%;} 
.mainbody .container.affiliate .formbox form {margin:25px 15px; display:block; padding:0; text-align:left;}
.mainbody .container.affiliate .formbox form > fieldset {position:relative; height:100%; margin:0 0.8em 1.8em; display:block; overflow:hidden;}
.mainbody .container.affiliate .formbox input[type="text"],
.mainbody .container.affiliate .formbox input[type="password"],
.mainbody .container.affiliate .formbox select,
.mainbody .container.affiliate .formbox textarea {position:relative; width:98.2%; display:block; padding:12px 5px 12px 10px; margin:.5em .5em .5em 0; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d0d0d0; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.mainbody .container.affiliate .formbox .websiteurl {position:relative; width:100%; overflow:hidden;}
.mainbody .container.affiliate .formbox .websiteurl > span {position:absolute; left:11px; top:20px; display:block; color:#999; z-index:100;}
.mainbody .container.affiliate .formbox .websiteurl > input {position:relative; width:55%; padding-left:51px; z-index:1;}


.mainbody .container.affiliate .formbox .inlinesets {position:relative; height:100%; margin:0 0.8em 1.8em; display:block; overflow:hidden;}
.mainbody .container.affiliate .formbox .inlinesets  fieldset {float:left; width:40%; margin:0 1.8em 0 0;}	

.mainbody .container.affiliate .options {margin:0.8em 0;}
.mainbody .container.affiliate .options > .button {font-size:17px;}

.mainbody .container.affiliate table {border-collapse:collapse; width:100%;}
.mainbody .container.affiliate table tr {border-bottom:1px solid #ddd;}
.mainbody .container.affiliate table tr:last-child {border-bottom:none;}
.mainbody .container.affiliate table tr th {padding:0.6em; color:#5d5d5d; font:15px "freight-sans-pro",sans-serif; font-weight:600; background:#f4f4f4;}
.mainbody .container.affiliate table tr td {padding:0.6em;}
.mainbody .container.affiliate table tr td h3 {display:block; margin:0; padding:0.6em; font-size:20px; color:#0f3e76; line-height:24px; font-weight:600; background:#f4fcff; border-bottom:1px solid #cdd9dd;}

.mainbody .container.affiliate .infos  {margin:0 0.8em 1.8em; padding-bottom:0.8em; border-bottom:1px dotted #ddd;}	
.mainbody .container.affiliate .infos > h3 {font-size:17px; color:#0f3e76; font-weight:600;}	
.mainbody .container.affiliate .infos > p {margin:0.8em 0; line-height:21px;}	

.mainbody .container.affiliate .promo {}
.mainbody .container.affiliate .join {}
.mainbody .container.affiliate .programrules {}
.mainbody .container.affiliate .enroll {}

.mainbody .container.affiliate .transactions {}

.mainbody .container.affiliate .afflink {position:relative; margin:0 0 1.8em;}
.mainbody .container.affiliate .afflink > label {color:#5d5d5d; font:16px "freight-sans-pro",sans-serif; font-weight:600; display:block; cursor:pointer;}
.mainbody .container.affiliate .afflink > input {position:relative; width:97%; display:block; padding:6px 5px 6px 7px; margin:.5em .5em .5em 0; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #d0d0d0; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); cursor:pointer;}

.mainbody .container.affiliate .summary {margin:0; padding:0.8em; width:92.5%;}
.mainbody .container.affiliate .summary > div {margin:0.2em 0; padding:0; text-align:center;}
.mainbody .container.affiliate .summary > div > strong {font-size:17px;}


.planblocksmallprice .price > strong { font-size:38px !important; } 

.twitter_panel{ position: relative;
float: left;
width: 320px;
height: 205px;
margin: 0 10px 20px;
padding: 0;
border: 1px solid #ddd;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center; }

.twitter_panel .user{
	background: #f4f4f4;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom: 10px;
	min-height: 100px;
}

.twitter_panel .user .photo{
	float:left;
	margin-right:10px;
	border:1px solid #ddd;
}
.twitter_panel .user .name{
	font-size:15px;
	padding-top:7px;

}
.twitter_panel .user .screen_name a, .twitter_panel .user .screen_name a:visited{
	font-size:13px;
	color:#888;
}
.twitter_panel .post a, .twitter_panel .post a:visited{
	color:#333;
	text-decoration: none;
	display:block;

}
.twitter_panel .post{
	font-size:15px;
	line-height: 150%;
	text-align: left;
	padding:20px;
	min-height: 88px;
}
.hometestimonialwrap { margin:0; height:265px; overflow:hidden;}
.hometestimonialwrap .social_slide {position:relative; width:105%;}
.hometestimonialwrap .social_slide > .social_carousel {display:inline-block; margin-right:15px; width:495px;}
.hometestimonialwrap .viewport {position:relative; height:176px; overflow:hidden;}
.hometestimonialwrap .overview {position:absolute; left:0; top:0; width:480px; margin:0 -20px; height:176px;}
.hometestimonialwrap .twitter_panel {width:480px; margin:0 20px; height:174px!important;}
.hometestimonialwrap .twitter_panel > div {width:auto!important;}
.hometestimonialwrap .twitter_panel .post {padding:15px 20px!important; min-height:48px!important;}
.hometestimonialwrap .twitter_panel .user {position:absolute; bottom:-5px; width:100%!important; background:#f0f0f0; min-height:60px!important;}

/*-------------------------------------------------------------------------*\
   Carousel Slider
\*------------------------------------------------------------------------*/
.slick-slider { position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent; }
.slick-list { position: relative;display: block;padding-top: 40px !important;height: 370px;overflow: hidden;margin: 0;padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer;cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
.slick-track { position: relative;top: 0;left: 0;display: block; }
.slick-track:before, .slick-track:after { display: table;content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none;float: left;height: 100%;min-height: 1x; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block;height: auto;border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.helpmainpage h2{
	font-size:18px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	padding:0;
	margin:0;
	border: none;
	margin-bottom:5px;

}
.helpmainpage h2 a, .helpmainpage h2 a:visited{
	color:#333;
	text-decoration: none;
	display: block;
}
.helpmainpage .helpitems div{
	padding-bottom:5px;
	padding-top:5px;

}
.helpmainpage .helpitems a, .helpmainpage .helpitems a:visited{
	text-decoration: none;
}
.helpmainpage .support_quickstart {
	position:relative;
	margin:0 0 20px;
	overflow:hidden;
	width:100%;
}
.helpmainpage .support_quickstart > .wrap {
	margin:0 -20px;
}
.helpmainpage .support_quickstart .icon {
	float:left;
	margin:0 20px;
	width:167px;
	height:160px;
	text-align:center;
}
.helpmainpage .support_quickstart .icon a {
	display:block;
	padding:112px 0 20px;
	width:100%;
	color:#333;
	text-decoration:none;
	background-color:#f7f7f7;
	border-radius:8px;
	-webkit-border-radius:8px;
	background-repeat:no-repeat;
	background-position:50% 20px;
	border:1px solid transparent;
}
.helpmainpage .support_quickstart .icon a:hover {background-color:#f0fbfd; border:1px solid #dfedf0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05);}

.helpmainpage .support_quickstart .icon.livechat > a {background-image:url('https://www.activecampaign.com/support/media/list-livechat.png');}
.helpmainpage .support_quickstart .icon.contact > a {background-image:url('https://www.activecampaign.com/support/media/list-contact.png');}
.helpmainpage .support_quickstart .icon.training > a {background-image:url('https://www.activecampaign.com/support/media/list-training.png');}
.helpmainpage .support_quickstart .icon.comm > a {background-image:url('https://www.activecampaign.com/support/media/list-comm.png');}
.helpmainpage .support_quickstart .icon.api > a {background-image:url('https://www.activecampaign.com/support/media/list-api.png');}

.helpmainpage .searchbox {margin:0 0 40px; padding:0 48px 0 0;}
.helpmainpage .searchbox input[type="text"] {position:relative; display:block; margin:0; padding:12px 12px 12px 35px; width:100%; background:#fff url('https://www.activecampaign.com/global_media/subheader_search.png') no-repeat 7px 12px; font-size:15px; color:#5d5d5d; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #ddd; -webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
.modules_box{
	float:left;
	width:296px;
	margin-right:45px;
	margin-bottom:30px;
}

/* Error page 404/403*/
.mainbody .error {}
.mainbody .error .searchbox {margin:0 0 20px;}
.mainbody .error h3 {position:relative; margin:0; padding:0 0 32px; font-size:17px; line-height:23px; font-family:"deva-ideal",sans-serif; font-weight:200;}
.mainbody .error .support_quickstart {position:relative; margin:0 0 20px; overflow:hidden; width:100%;}
.mainbody .error .support_quickstart > .wrap {margin:0 -20px;}
.mainbody .error .support_quickstart .icon {
float:left;
margin:0 20px;
width:167px;
height:160px;
text-align:center;
}
.mainbody .error .support_quickstart .icon a {
display:block;
padding:112px 0 20px;
width:100%;
color:#333;
text-decoration:none;
background-color:#f7f7f7;
border-radius:8px;
-webkit-border-radius:8px;
background-repeat:no-repeat;
background-position:50% 20px;
border:1px solid transparent;
}
.mainbody .error .support_quickstart .icon a:hover {background-color:#f0fbfd; border:1px solid #dfedf0; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05);}

.mainbody .error .support_quickstart .icon.livechat > a {background-image:url('https://www.activecampaign.com/support/media/list-livechat.png');}
.mainbody .error .support_quickstart .icon.contact > a {background-image:url('https://www.activecampaign.com/support/media/list-contact.png');}
.mainbody .error .support_quickstart .icon.training > a {background-image:url('https://www.activecampaign.com/support/media/list-training.png');}
.mainbody .error .support_quickstart .icon.comm > a {background-image:url('https://www.activecampaign.com/support/media/list-comm.png');}
.mainbody .error .support_quickstart .icon.api > a {background-image:url('https://www.activecampaign.com/support/media/list-api.png');}

.mainbody .error .modules {position:relative; margin:0 380px 0 0; overflow:visible;}
.mainbody .error .modules h2 {width:100%; margin:0; padding:0 0 10px; color:#333; font-size:17px; font-weight:600; border-bottom:1px solid #f0f0f0;}
.mainbody .error .modules_box {position:relative; margin:10px -20px 0; width:105%;}
.mainbody .error .helpitems {float:left; margin:0 20px 30px; width:167px; height:160px;}
.mainbody .error .helpitems > div {margin:10px 0;}
.mainbody .error .helpitems > div:last-child {margin-bottom:0;}
.mainbody .error .helpitems > div a {text-decoration:none;}
.mainbody .error .helpitems > div a:hover {text-decoration:underline;}

.mainbody .error .free_plan {position:relative; float:right; margin:0; padding:0; text-align:center;}
.mainbody .error .free_plan > .desc {position:relative; margin:0 auto; width:350px; border:1px solid #c1d8df; background:#eff6f8; -webkit-border-radius:5px; border-radius:5px; overflow:show;}
.mainbody .error .free_plan > .desc > .callout {margin:20px;}
.mainbody .error .free_plan > .desc > .callout > h3 {width:100%; margin:0; padding:0 0 6px; color:#333; font-size:17px; font-weight:600;}
.mainbody .error .free_plan > .desc > .callout > p {margin:0; padding:0; color:#666;}
.mainbody .error .free_plan > .desc > .button {position:relative; top:13px; font-size:19px; font-weight:600;}

/*
	Overlay and loader
*/
#loadoverlay {position:fixed; width:100%; height:100%; top:0; left:0;  margin:0; padding:0; text-align:center; background-color:rgba(0,0,0, 0.8); z-index:1000000; zoom:1;}
.overlay_content {position:absolute; margin:auto; top:0; left:0; bottom:0; right:0;}
.overlay_content > div {position:relative; display:block; top:278px; margin:0 auto; font-size:35px; color:#fff; width:35px; height:35px; line-height:0;}
.overlay_content > h3 {position:relative; margin:0 auto; top:300px; font-size:25px; color:#fff;}


/* --------------------------------------------------- */
/* EXTERNAL STYLES ----------------------------------- */
/* --------------------------------------------------- */
.twipsy {display:block; position:absolute; visibility:visible; padding:5px; font-size:11px; z-index:4000; filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;}
.twipsy.fade.in {filter:alpha(opacity=80); -khtml-opacity:0.8; -moz-opacity:0.8; opacity:0.8;}
.twipsy.above .twipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #000;}
.twipsy.left .twipsy-arrow {top:50%; right:0; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #000;}
.twipsy.below .twipsy-arrow {top:0; left:50%; margin-left:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #000;}
.twipsy.right .twipsy-arrow {top:50%; left:0; margin-top:-5px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #000;}
.twipsy-inner {padding:3px 8px; background-color:#000; color:white; text-align:center; max-width:200px; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.twipsy-arrow {position:absolute; width:0; height:0;}
.fade {-webkit-transition:opacity 0.15s linear; -moz-transition:opacity 0.15s linear; -ms-transition:opacity 0.15s linear; -o-transition:opacity 0.15s linear; transition:opacity 0.15s linear; opacity:0;}
.fade.in {opacity:1;}

.dotted{
  border-bottom: 1px dashed #999;
  text-decoration: none; 
}

/* Styles for apps page */
.bodysection.apps {padding-bottom:40px;}
.subheadersearch .backapps {position:absolute; top:60px; right:0; color:#555; text-decoration:none;}
.bodysection.apps div#apps {position:relative; width:103%; height:100%; margin:0 -10px; padding:0; overflow:hidden;}
.bodysection.apps div#apps > div {position:relative; float:left; width:320px; height:140px; margin:0 10px 20px; padding:0; border:1px solid #ddd; overflow:hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center;}
.bodysection.apps div#apps > div:hover {border:1px solid #bbb; cursor:pointer;}
.bodysection.apps div#apps > div.hidden {display:none;}
.bodysection.apps div#apps > div > a {display:block; padding:0; width:320px; height:140px; text-align:center; text-indent:100%; white-space:nowrap; overflow:hidden;}
/*.bodysection.apps > div#apps > div > a > img {margin:0 auto 0; border:0; max-width:188px; max-height:100px;}*/
.bodysection.apps div#apps > div > .overlay > p {position:absolute; bottom:25px; left:0; margin:0 12px; padding:0; font-size:14px; color:#aeaeae; line-height:20px; text-align:left;}
.bodysection.apps div#apps > div > .title {position:absolute; bottom:17px; left:0; margin:0; padding:0; width:100%; font-size:21px; color:#707070; line-height:20px; text-align:center;}
.bodysection.apps .postwrap .single {position:relative; top:-16px; width:100%; height:100%; margin:0; padding:0; z-index:1;}
.bodysection.apps .postwrap .single .thecontent {position:relative; padding-top:40px; border-top:1px solid #ddd;}
.bodysection.apps .postwrap .single .thecontent .details .comp_details {position:relative; width:210px; float:right; margin:0 0 20px 20px; padding-left:20px; border-left:1px solid #ddd;}
.bodysection.apps .postwrap .single .thecontent .details .comp_details > p {margin:0 0 12px; line-height:21px;}
.bodysection.apps .postwrap .single .thecontent .details .comp_details > p:last-child {margin-bottom:0;}
.bodysection.apps .postwrap .single .thecontent .details .comp_details > p.category > a {display:block; margin:0 0 5px;}
.bodysection.apps .postwrap .single .thecontent .details .logo img {width:210px; max-width:210px;}
.bodysection.apps .postwrap .single .thecontent .helpdoc {padding-top:40px; text-align:center; font-size:15px; border-top:1px solid #ddd;}
.bodysection.apps .postwrap .single .thecontent .helpdoc > span {display:inline; padding:6px 23px; background:url('https://d226aj4ao1t61q.cloudfront.net/oy59tf5cd_helpdoc.png') no-repeat 0 6px;}
.bodysection.apps .postwrap .single h5 {font-size:15px; font-weight:600;}
.bodysection.apps .postwrap .single .slides {position:relative; width:980px; height:268px; margin-bottom:30px; padding:12px; border:1px solid #ddd; background:#fff; overflow:visible;}
.bodysection.apps .postwrap .single .slides > .slides_container {position:absolute; width:980px; height:268px; z-index:100; overflow:hidden;}
.bodysection.apps .postwrap .single .slides > .slides_container  > .slides_control > div.slide {position:relative; float:left; width:980px; height:268px; display:block; margin:0; padding:0; overflow:hidden;}
.bodysection.apps .postwrap .single .slides .pagination {position:absolute; bottom:-28px; left:50%; margin-left:-34px; width:68px;}
.bodysection.apps .postwrap .single .slides .pagination li {float:left; margin:0 4px; list-style-type:none;}
.bodysection.apps .postwrap .single .slides .pagination li > a {display:block; padding:0; width:14px; height:14px; background:#ddd; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; list-style-type:none; text-indent:-9999px;}
.bodysection.apps .postwrap .single .slides .pagination li.current > a {background:#a0a0a0;}
.bodysection.apps .postwrap .single .slides img {width:980px; max-width:980px;}

.bodysection.apps .postwrap .single .details {margin-bottom:40px; padding-top:40px; line-height:25px; font-size:15px; min-height:150px;}
.bodysection.apps .postwrap .single .details > p {margin-bottom:30px!important; line-height:25px;}
.bodysection.apps .postwrap .single .details > h1,
.bodysection.apps .postwrap .single .details > h2,
.bodysection.apps .postwrap .single .details > h3 {position:relative; display:inline-block; margin:0 0 8px; padding:0; font:20px "deva-ideal",sans-serif; font-weight:600; color:#333; line-height:20px; border:0 none!important;}
.bodysection.apps .postwrap .single .cta {position:relative; margin:40px 0 0; padding:15px 0 30px; text-align:center; z-index:1;}
.bodysection.apps .postwrap .single .cta > h3 {width:100%; margin-bottom:12px; font-weight:100; text-align:center;}
.bodysection.apps .postwrap .single .cta > span {position:relative; top:40px; margin:0 auto; width:auto; background:#fff; border:10px solid #fff;}
.bodysection.apps .postwrap .single .cta > span > a.greenbtn {position:relative; width:auto; padding:12px 21px; font-size:19px; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer;}
.bodysection.apps .postwrap .single .dev_message {margin:15px 0; padding:7px 11px; font-size:13px; color:rgb(0, 93, 167); background-color:rgb(237, 247, 255); text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.bodysection.apps .apps_container {position:relative; display:table; margin-top:40px;}
.bodysection.apps .apps_container h3.title {margin:0 0 20px 10px; font-size:21px; font-weight:400; color:#737373;}
.bodysection.apps .apps_container .apps-list-row {position:relative; margin:0 -10px; display:table;}
.bodysection.apps .apps_container .apps-list-row .app {position:relative; display:inline-block; margin:0 8px 18px; padding:12px; width:142px; background-color:#f0f0f0; border:1px solid #e7e7e7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;-webkit-transition: .75s ease; -moz-transition: .75s ease; -ms-transition: .75s ease; -o-transition: .75s ease; transition: .75s ease; cursor:pointer;}
.bodysection.apps .apps_container .apps-list-row .app:hover {background-color:#ddd; border-color:#ddd;}
.bodysection.apps .apps_container .apps-list-row .app a {position:relative; display:table; width:100%; text-decoration:none;}
.bodysection.apps .apps_container .apps-list-row .app div.image {display:table-cell; width:100%; padding:12px; background-color:#fff; height:100px; border:1px solid #ddd; line-height:100px; text-align:center; vertical-align:middle; -webkit-transition: border-color .75s ease; -moz-transition: border-color .75s ease; -o-transition: border-color .75s ease; -ms-transition: border-color .75s ease; transition: border-color .75s ease;}
.bodysection.apps .apps_container .apps-list-row .app:hover div.image {border:1px solid #a5a5a5; }
.bodysection.apps .apps_container .apps-list-row .app div.image img {vertical-align:middle; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -o-transition: all 100ms ease; -ms-transition: all 100ms ease; transition: all 100ms ease;}
.bodysection.apps .apps_container .apps-list-row .app:hover div.image img {transform:scale(1.15); -ms-transform:scale(1.15); -moz-transform:scale(1.15); -webkit-transform:scale(1.15); -o-transform:scale(1.15);}
.bodysection.apps .apps_container .apps-list-row .app div.info {display:table-row;}
.bodysection.apps .apps_container .apps-list-row .app div.info span.name {position:relative; display:inline-block; width:125px; margin:0; padding:5px 0 0; color:#555; text-align:left; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bodysection.apps .apps_container .apps-list-row .noapps {margin:0 0 20px 10px; font-size:17px; font-weight:100; color:#737373;}

.bodysection.apps .apps_container .apps_nav {display:table-cell; width:280px; vertical-align:top;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner {position:relative; margin-right:20px;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner .searchapps_container {position:relative; margin-bottom:40px;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner .searchapps_container .searchapps {margin:0; padding:8px 42px 9px 10px; width:206px; border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner .searchapps_container .search-button {position:absolute; right:0; top:0; padding:0; width:45px; height:36px; background-position:50%; background-color:rgba(0, 0, 0, 0); border:0 none; border-left:1px solid #ddd; background-image:url('https://d226aj4ao1t61q.cloudfront.net/6vnxiyrec_filtersearch.search.button.png'); background-repeat:no-repeat; cursor:pointer;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner .applist {margin-left:0;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner .applist li {position:relative; margin:12px 0; padding:0 0 12px 0; list-style:none;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner .applist li a {font-size:15px; color:#4c8fc7; text-decoration:none; font-weight:100;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner .applist li a.current {color:#3c3c3c;}
.bodysection.apps .apps_container .apps_nav .apps_nav_inner #filter {padding-top:12px; border-top:1px solid #f0f0f0;}

/* Generic select dropdown menu styles */
.selectdropdown a.dropdown_select::after {margin-left:3px; content:"\25be"; display:inline;}
.selectdropdown a.dropdown_select {text-decoration:none; position:relative; right:0; margin:0; padding:0.8em; height:12px; display:inline-block; font-size:11px; font-weight:100; line-height:12px; color:#505050; vertical-align:middle; cursor:pointer; background-color:#fff; border:1px solid #ddd; zoom:1; text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); text-align:left; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.selectdropdown a.dropdown_select:active, .selectdropdown a.dropdown_select.active {position:relative; top:0; color:#aeaeae; background-color:#ffffff; border-bottom:1px solid #fff; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:0; z-index:5000;}
.selectdropdown a.dropdown_select > span {position:relative; display:inline-block; margin:0 0 0 22px; color:#b9b9b9!important;}
.selectdropdown a.dropdown_select > span:before {position:absolute; top:5px; left:-16px; margin:0; width:10px; content:' '; border-top:1px solid #dadada; z-index:10;}
.selectdropdown > .dropdown_menu {display:none; position:absolute; width:275px; max-height:300px; padding:0; background:#fff; border:1px solid #ddd; overflow:hidden; text-align:left; z-index:4000;}
.selectdropdown > .dropdown_menu a {position:relative; display:block; padding:7px 8px; color:#545454; text-decoration:none;}
.selectdropdown > .dropdown_menu a:hover {position:relative; left:0; background:#f8f8f8;}
.selectdropdown > .dropdown_menu ul {position:relative; margin:0; padding:0; width:100%;}
/* The outtermost unordered list */
.selectdropdown > .dropdown_menu > ul {max-height:300px; overflow-x:hidden; overflow-y:auto;}
.selectdropdown > .dropdown_menu ul li {position:relative; margin:0; padding:0; line-height:1.4; border-bottom:1px solid #e6e6e6;}
.selectdropdown > .dropdown_menu ul li:last-child {border-bottom:0 none;}
.selectdropdown > .dropdown_menu ul li .dropdown_descript {display:block; margin:4px 0 0; color:#b9b9b9; font-size:12px; font-weight:100;}
.selectdropdown > .dropdown_menu ul > li > ul {margin:0; padding:0; line-height:1.4;}
/* Group Title */
.selectdropdown > .dropdown_menu ul > li > span {display:block; margin:0; padding:10px 8px; line-height:1.4; font-weight:700; color:#0065ab; background-color:rgba(240,250,255, 0.6); border-bottom:1px solid #ddd; z-index:10;}
.selectdropdown > .dropdown_menu ul > li:first-child > span {margin-top:0;}

/* Select dropdown menu styles */
.dropdown a.dropdown_select::after {margin-left:3px; content:"\25be"; display:inline;}
.dropdown a.dropdown_select {text-decoration:none; position:relative; right:0; margin:0; padding:0.8em; height:12px; display:inline-block; font-size:11px; font-weight:100; line-height:12px; color:#505050; vertical-align:middle; cursor:pointer; background-color:#fff; border:1px solid #ddd; zoom:1; text-decoration:none; text-shadow:0 1px 1px rgba(255, 255, 255, 1); text-align:left; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1.0); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.dropdown a.dropdown_select:active, .dropdown a.dropdown_select.active {position:relative; top:0; color:#aeaeae; background-color:#ffffff; border-bottom:1px solid #fff; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:0; z-index:5000;}
.dropdown > .dropdown_menu {display:none; position:absolute; top:31px; width:150px; padding:0; background:#fff; border:1px solid #ddd; overflow:hidden; text-align:left; z-index:4000;}
.dropdown > .dropdown_menu > ul {position:relative; margin:0; padding:0; width:100%; overflow:hidden;}
.dropdown > .dropdown_menu > ul > li {margin:0; padding:0; line-height:1.4; border-bottom:1px solid #e6e6e6;}
.dropdown > .dropdown_menu > ul > li:last-child {border-bottom:0 none;}
.dropdown > .dropdown_menu > ul > li > a {display:block; padding:7px 8px; color:#545454; text-decoration:none;}
.dropdown > .dropdown_menu > ul > li > a:hover {position:relative; left:0; background:#f8f8f8;}

/*MW-Notificaiton Banner CSS */
/* Common, default styles for the notification box */

/* change the background color by editing "background"  */
/* change the text color by editing "color"  */
.ns-box {
	padding: 20px;
	line-height: 1.4;
	z-index: 1000;
	pointer-events: none;
	font-size: 85%;
}
.ns-box.ns-ac-alert {
	color: #873c3c;
	background: #ec9999;
}
.ns-box.ns-ac-notice {
	color: #776e30;
    background: #fff3a5;
}
.ns-box.ns-show {
	pointer-events: auto;
}

.ns-box a {
	display: inline-block;
    margin-right: 40px;
	color: inherit;
	opacity: 0.7;
	font-weight: 700;
	cursor: pointer;
}

.ns-box a:hover,
.ns-box a:focus {
	color: inherit;
	opacity: 1;
}

.ns-box p {
    margin: 0;
}

.ns-box.ns-show,
.ns-box.ns-visible {
	pointer-events: auto;
}

.ns-close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0.7;
	z-index: 1;
}

.ns-close:hover, 
.ns-close:focus {
	outline: none;
	opacity: 1;
}

.ns-close::before,
.ns-close::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 60%;
	top: 50%;
	left: 50%;
	background: #6e6e6e;
}
.ns-box.ns-ac-alert .ns-close::before,
.ns-box.ns-ac-alert .ns-close::after {
	background: #873c3c;
}
.ns-box.ns-ac-notice .ns-close::before,
.ns-box.ns-ac-notice .ns-close::after {
	background: #776e30;
}

.ns-close::before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.ns-close::after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

.ns-box-inner i {
    color: #fff;
    font-size: 3.8em;
}


/* Top bar notifications */
.ns-box.ns-bar {
	top: 0;
	left: 0;
}

.ns-bar .ns-close {
	background: transparent;
	margin-top: 12px;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ns-bar .ns-close::before,
.ns-bar .ns-close::after {
	background: #b7b5b3;
}

[class^="ns-effect-"].ns-bar.ns-hide,
[class*=" ns-effect-"].ns-bar.ns-hide {
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
}

/* Slide on top */
.ns-effect-slidetop {
	box-shadow: inset 5.4em 0 rgba(0,0,0,0.1);
}

.ns-effect-slidetop .icon {
	position: absolute;
	display: block;
	font-size: 109%;
	top: 50%;
	left: 1em;
	-webkit-transform: translate3d(0,-20%,0);
	transform: translate3d(0,-20%,0);
}

.ns-effect-slidetop p {
	margin-left: 20px;
	padding: 0 3.2em;
	font-size: 1.2em;
	display: inline-block;
}

.ns-effect-slidetop .ns-close::before,
.ns-effect-slidetop .ns-close::after {
	width: 2px;
}

.ns-effect-slidetop.ns-show .icon,
.ns-effect-slidetop.ns-show p {
	-webkit-animation-name: animScaleUp;
	animation-name: animScaleUp;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.ns-effect-slidetop.ns-show p {
	-webkit-animation-name: animFade;
	animation-name: animFade;
}

@-webkit-keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity: 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}

@keyframes animScaleUp {
	0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0) scale3d(0,0,1); transform: translate3d(0,-50%,0) scale3d(0,0,1); }
	100% { opacity: 1; -webkit-transform: translate3d(0,-50%,0) scale3d(1,1,1); transform: translate3d(0,-50%,0) scale3d(1,1,1); }
}

.ns-effect-slidetop.ns-show,
.ns-effect-slidetop.ns-hide {
	-webkit-animation-name: animSlideTop;
	animation-name: animSlideTop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

@-webkit-keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); }
}

@keyframes animSlideTop {
	0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
	100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}