/* -------------------------------------------------------------- mc.css - Core MailChimp layout and presentation Color reference ---------------- dark orange: #c60 light orange: #f90 gold: #fc0 brown 1 (lightest): #c69c6d brown 2: #a67c52 brown 3: #8c6239 brown 4: #754c24 brown 5 (darkest): #603913 -------------------------------------------------------------- */ /* General Elements -------------------------------------------------------------- */ body {margin:0; background-color:#d5cdae; color:#575757; font-size:75%; font-family:"Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} * {outline:none;} /* remove default browser outline of selected elements */ h1,h2,h3,h4,h5,h6 {font-weight:normal; font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em;} h2 {font-size: 2em; margin-bottom: 0.75em;} h3 {font-size: 1.5em; line-height: 1; margin:2em 0 .5em 0; color:#754c24;} h4 {font-size: 1.2em; line-height: 1.25; margin:2em 0 .5em 0; color:#369;} h5 {font-size: 1.1em; font-weight: bold; margin:.8em 0 .5em 0; color:#754c24;} h6 {font-size: 1em; font-weight: bold; color:#666;} img {border:0;} p {margin:0 0 1.5em;} p.last {margin-bottom:0;} p img {float:left; margin:1.5em 1.5em 1.5em 0; padding: 0;} p img.top {margin-top:0;} /* Use this if the image is at the top of the

. */ a {text-decoration:underline;} a:link, a:visited {color:#c60;} a:hover {color:#754c24;} a:active {color:#754c24;} a.inverse-link:link, a.inverse-link:visited {color:#754c24;} a.inverse-link:hover, a.inverse-link:active {color:#c60;} strong {color:#369; font-weight:bold;} em {color:#754c24; font-style:italic;} ul {list-style:none;} ol {margin-left:1.6em;} ol li {margin:.8em 0;} table {margin-bottom:1.4em; border-collapse:separate;} table, thead, tfoot, tbody, tr, th, td {margin:0; padding:0;} th {border:1px solid #DAC1A7; font-weight:bold; font-size:110%; background:#fff url(../images/table-th-bg.gif) repeat-x left bottom; color:#754c24;} td {color:#5d5d5d; border-right:1px solid #e8d6c1;} th,td {padding:6px 10px;} tfoot {font-style:italic;} caption {margin:0; padding:4px 8px; font-size:1.2em; background:url(../images/accordion-tile.gif) repeat-x; color:#754c24; border:1px solid #DAC1A7; border-bottom:0; -moz-border-radius-topright:4px; border-radius-topright:4px; -webkit-border-radius-topright:4px; -moz-border-radius-topleft:4px; border-radius-topleft:4px; -webkit-border-radius-topleft:4px;} .dataset td {border:1px solid #e8d6c1;} abbr, acronym {border-bottom: 1px dotted #666;} hr {background:#fff; color:#fff; clear:both; float:none; width:100%; height:.1em; border:none; margin:2em 0 1.4em 0;} hr.dark-hr {background:#e8d2b8; color:#e8d2b8;} /* for hr on white bg */ code {display:block; margin:1em 0; border:1px solid #e8d2b8; background-color:#f7f3e5; padding:1.2em; font-family:Courier, monospace; font-size:110%; color:#333;} #container {position:relative; width:98%; min-width:990px; margin:8px auto 0; padding-top:12px;} #container.builder {padding-top:6px !important;} /*Header -------------------------------------------------------------- */ #header {float:left; overflow:hidden; width:96%; height:70px; padding:5px 2% 0 2%; background:#fecb66 url(../images/header-bg.gif) repeat-x bottom; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-radius-top-right:4px; border-radius-top-left:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; border:1px solid #b9b193; border-bottom:0;} #header #logotype {position:absolute; top:25px; left:25px; width:180px; height:52px; text-indent:-9999px; background:url(../images/mc-builder-logo.png) no-repeat; margin:4px 0;} /* Utility Bar */ #utility-bar {position:relative; width:97%; min-width:990px; margin:-2px auto 10px auto; padding:2px 0 1px 10px; background:#B9B193; border:1px solid #a09777; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #utility-bar li {float:right; border:0; font-size:12px;} #utility-bar li#account-link {position:absolute; top:0; left:-6px; float:none; width:80px; margin:0; font-weight:bold;} #utility-bar li#account-link a, #utility-bar li#logout a {display:block; width:100%; padding:3px 4px 4px; background:#c60; color:#fff; text-align:center;} #utility-bar li#account-link a:hover {background:#8f4800;} #utility-bar li#account-info {position:absolute; top:3px; left:100px; float:none; margin:0; padding:0;} #utility-bar li#logout {position:absolute; top:0; right:-6px; float:none; width:80px; margin:0; font-weight:bold;} #utility-bar li#logout a {width:70px; padding-right:8px; background:#5e5046;} #utility-bar li#logout a:hover {background:#413732;} #utility-bar #utility-bar {margin-right:22px;} #utility-bar li a {text-decoration:none; color:#331e09; font-weight:bold;} #utility-bar li strong {color:#453631;} #utility-bar #help {visibility:visible !important; margin-right:70px;} #utility-bar #help li {padding:0 0 0 2px; line-height:auto;} /* Global Navigation */ #header #global-nav {margin-top:30px; margin-left:180px;} #header #global-nav li {float:left; background:url(../images/tabs/gnav-tab-right.png) no-repeat right top; margin:8px 3px 0 3px;} #header #global-nav li a {display:block; background:url(../images/tabs/gnav-tab-left.png) no-repeat left top; padding:6px 15px 10px 15px; font-size:16px; color:#8c6239; text-decoration:none;} #header #global-nav li a:hover {color:#c60;} #header #global-nav #current {background-image:url(../images/tabs/gnav-tab-right-on.gif);} #header #global-nav #current a {background-image:url(../images/tabs/gnav-tab-left-on.gif);} /* Utility Navigation */ #header #utility {float:left; margin:14px 0 4px 0;} #header #utility li {float:left; font-size:14px; padding:0;} #header #utility li a {display:block; padding:0 10px; text-decoration:none;} #header #utility li a.noborder {border:0;} #header #utility #current a {font-weight:bold; color:#754c24 !important;} /* General Local Nav (used in MCAdmin) */ .header-nav {position:absolute; top:109px; margin:0 0 0 -10px; padding-bottom:20px; font-size:1.1em;} .header-nav li {float:left; text-align:center; margin:0 24px 0 0;} .header-nav li a {text-decoration:none;} .header-nav .current a {padding:4px 10px; font-weight:bold; color:#754c24 !important; background:#f1ede0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /* Help & Tell a Feiend */ #help-button {margin:0 10px 2px 0; padding:0 0 0 14px; background:transparent url(../images/icons/help_16.png) no-repeat bottom left !important; border:0; z-index:100; outline:none;} #help-button .dijitA11yDownArrow {margin-left:.3em !important; color:#a0673b; font-size:50%;} #help-button_label {padding-right:0 !important; color:#664e3c; font-size:12px;} #help-dialog {width:400px !important;} #help-dialog .dijitTooltipContents {padding-top:0;} #help .dijitTooltipDialog {opacity: 1.0 !important;} #help-dialog .dijitTooltipConnector {margin-top:2px; background:url(../images/tooltipConnector.png);} #help-dialog .dijitTooltipContainer {background:#C1DBF0; border:1px solid #7d9fba; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #help-dialog fieldset {margin:0 auto !important; padding:0 1em; border:0; background:transparent;} #help-dialog label {color:#369; margin-top:0;} #help-dialog input {border:0 !important;} #help-dialog-search {margin:0 0 0 1px; padding:0 0 14px 0;} #help-dialog-search-field {width:100%; height:18px; margin:0; padding:2px 2px 4px 8px; border:0; background:url(../images/search-left-footer.gif) no-repeat left top;} #help-dialog-search .search-right {background:transparent url(../images/search-right.gif) no-repeat scroll right top; float:left; height:20px; padding-right:12px; width:87%;} #help-dialog-search .search-button {width:20px; height:17px; padding:0; border:0 !important;} #help-dialog-search #search label {margin-left:2px;} #help-dialog-close, .dialog-close {display:block; width:100px; margin-bottom:8px; padding-left:16px; background:url(../js/dijit/themes/mailchimp/images/tabClose.png) no-repeat left 4px;} #help .dijitDropDownButtonHover * {background:transparent; color:#442609;} .help-tip {padding:0 0 0 16px !important; margin:-7px 0 0 0; line-height:.5em !important;} .help-tip .dijitRight {margin-left:-3px;} .help-tip .dijitButtonNode {border:0; margin:0; padding:0; background:transparent none !important;} .help-tip .dijitButtonText {color:#c60 !important; text-decoration:underline;} .help-tip .dijitButtonText:hover {color:#754C24 !important;} .help-tip .dijitA11yDownArrow {display:none;} /* Mascot */ #header #mascot {position:absolute; top:-9px; right:0; width:148px; height:96px; background:url(../images/mascots/header-mascot4-1.gif) no-repeat right bottom;} #header #greeting {position:absolute; top:0; right:148px; height:27px; padding:1px 14px 20px 0; line-height:31px; background:url(../images/sixty-second/greeting-right.png) no-repeat right top; color:#666; font-size:110%; font-family:'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;} #header #greeting #greeting-left {float:left; width:19px; height:45px; background:url(../images/sixty-second/greeting-left.png) no-repeat left top; margin:-1px 2px -2px -12px;} /*Content -------------------------------------------------------------- */ #outer-content {float:left; width:96%; padding:0pt 2% 24px 2%; background-color:#fff; border-left:1px solid #b9b193; border-right:1px solid #b9b193;} #content {overflow:visible; margin-top:32px; clear:both;} .builder #content {margin-top:40px;} #outer-content #page-heading {margin:20px 0 10px 0; color:#c60; font-size:240%; clear:both;} #outer-content #dashboard #page-heading {margin-top:0;} .video-help {margin-left:8px; padding-left:20px; text-decoration:none; font-size:12px; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} .video-help:link, .video-help:visited {color:#666; background:url(../images/icons/video.png) no-repeat left;} .video-help:hover, .video-help:active {color:#333; background:url(../images/icons/video-hover.png) no-repeat left;} .video-help.campaign-designer {position:absolute; right:8px; top:212px; z-index:997; width:178px; height:24px; text-indent:-9999px; background:url(../images/buttons/designer-vid-help.png) no-repeat top left;} .video-help.campaign-designer:hover {background:url(../images/buttons/designer-vid-help-hover.png) no-repeat top left;} .video-help.form-designer {position:absolute; right:24px; top:304px; z-index:997;} /* Account Info */ #plan-label {} #account.monthly-plan #change-plan {margin-right:8px; padding:2px 4px 3px 4px; background:#736357; color:#fff; font-weight:normal; font-size:11px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #account.monthly-plan #change-plan:hover {background:#574232;} .account-alert {margin:0 8px 0 4px;} #plan-label .account-alert {padding:2px 4px; color:#FBE3E4 !important; background:#D12F19 !important; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #account #earned-rewards {clear:both; background:#fff; color: #529214; font-style:italic; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /* Task Bar - side bar with supporting elements in two-column layout. */ #taskbar {float:left; width:340px; background:#fff url(../images/taskbar-bg.gif) repeat-y;} #button-space {float:left; width:324px; padding:8px; background:#efe7cd url(../images/button-space-bg.gif) no-repeat;} #button-space .create-campaign {float:left;} #button-space .my-drafts {float:right; margin-right:2px;} #button-space .my-templates {float:right; clear:right; width:95px; height:22px; margin-top:4px; background:url(../images/buttons/my-templates.gif) no-repeat; text-indent:-9999px;} #button-space .new-list {float:right; clear:right; width:92px; height:22px; margin-top:8px; background:url(../js/dijit/themes/mailchimp/images/new-list.gif) no-repeat; text-indent:-9999px;} #taskbar #supporting {float:left; padding:16px 8px;} #taskbar .taskbar-bottom {float:left; background:url(../images/taskbar-bottom.gif) no-repeat; width:340px; height:6px;} /* Main - central content space in two-column layout */ #main {margin-left:350px;} #main-narrow {margin-left:240px;} /*Footer -------------------------------------------------------------- */ #login #footer {background:#fff;} #footer {float:left; width:96%; padding:0 2% 14px 2%; background:#C1DBF0 url(../images/footer-gradient.png) repeat-x top; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border:1px solid #b9b193; border-top:0;} #footer h4 {margin-bottom:4px; padding:0 0 3px 0; border-bottom:1px solid #fff; color:#369; font-size:1.5em;} #footer-resources h4, #footer-contact h4 {margin-bottom:14px;} #footer-help {margin-left:1%;} #footer-help, #footer-resources, #footer-contact {float:left; width:29%; margin-right:4%;} #footer-help li, #footer-resources li, #footer-contact li {margin-bottom:.6em;} #footer li a:link, #footer li a:visited {color:#666; text-decoration:none;} #footer li a:hover, #footer li a:active {color:#603913; text-decoration:underline;} #footer #search {margin:0 0 0 -4px; padding:0 0 14px 0; background:#C1DBF0 !important;} #footer #search fieldset {background:#C1DBF0 !important;} #footer #search #search-footer {width:100%; height:18px; margin:0; padding:2px 2px 4px 8px; border:0; background:url(../images/search-left-footer.gif) no-repeat left top;} #footer .search-button {border:0 !important;} #footer #search label {margin-left:2px; color:#8c6239;} #footer-bottom-links {width:100%; clear:both;} #footer-bottom-links li {float:left; margin-right:24px;} #footer #badges {float:left; clear:both; margin:10px 0 10px -30px; padding:6px 4px 4px 4px; border:2px solid #D5CDAE; background:#fff; -moz-border-radius-topleft:4px; border-radius-top-left:4px; -webkit-border-radius-top-left:4px; -moz-border-radius-bottomleft:4px; border-radius-bottom-left:4px; -webkit-border-radius-bottom-left:4px;} #footer #badges li {float:left; margin:2px 14px;} #footer .curve-left, #footer .curve-right {display:none;} #copyright {clear:both; margin:0 auto; padding:1% 0; text-align:right; color:#736357; font-size:85%;} /*Utility Classes -------------------------------------------------------------- */ .center {margin:auto; text-align:center;} .small {font-size:90%;} .medium {font-size:130%;} .large {font-size:180%;} .general-highlight {background:#ffc; padding:2px;} .asterisk {color:#c60; font-weight:bold; font-size:120%; font-style:normal; font-family:'Times New Roman', Times, serif;} .indicates-required {margin:-10px 8px 10px 0; color:#333; font-style:italic; text-align:right;} .with-sidebar .indicates-required {margin-right:290px;} .linear-list, .simpletab {overflow:hidden;} .linear-list li, .simpletab li {float:left; padding:0 6px; border-right:1px solid #ccc;} .linear-list li.last {padding-right:0; border:0;} .simpletab {margin:14px 0 4px 0;} .simpletab li {margin-right:20px; padding:0; border:0;} .simpletab li a {border:0; color:#369; font-size:120%; font-weight:bold; line-height:20px; text-decoration:none;} .simpletab li.selected a {display:block; padding:2px 8px; background:#369; color:#FFF; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /* Zebra Striping for Tables */ .odd, .google-visualization-table-tr-odd, .google-visualization-table-tr-odd td {background-color:#f1ede0 !important; color:#333 !important;} .odd-highlight {background-color:#f7f4ec; color:#333;} .even, .google-visualization-table-tr-even, .google-visualization-table-tr-even td {background-color:#fbfaf6 !important; color:#333 !important;} .even-highlight {background-color:#fdfcfa; color:#333;} /* Override zebra stripes */ #list-builder-start-right tr {background-color:#fff !important;} #chart-stats-block tr {background-color:#F7F3E5 !important;} .hide {display:none;} .clear {clear:both;} .no-border {border:0 !important;} .disclosure-closed {background:url(../images/icons/disclosure-closed-sm.png) no-repeat left center; padding-left:14px;} .disclosure-open {background:url(../images/icons/disclosure-open-sm.png) no-repeat left center; padding-left:14px;} .big-list {list-style:none; font-size:180%;} .big-list li {padding:10px 0; font-size:90%;} .big-list li h4 {margin-bottom:4px; padding-bottom:4px; color:#c60; border-bottom:1px solid #ccc; font-size:160%;} .big-list a {color:#754c24 !important;} .big-list a:hover {color:#c60 !important;} .big-list .one {background:url(../images/one.png) no-repeat left center; padding:10px 0 10px 50px;} .big-list .two {background:url(../images/two.png) no-repeat left center; padding:10px 0 10px 50px;} .big-list .three {background:url(../images/three.png) no-repeat left center; padding:10px 0 10px 50px;} .big-list .four {background:url(../images/four.png) no-repeat left center; padding:10px 0 10px 50px;} .big-list .five {background:url(../images/five.png) no-repeat left center; padding:10px 0 10px 50px;} .big-list .six {background:url(../images/six.png) no-repeat left center; padding:10px 0 10px 50px;} /* Dashboard message - system alerts */ .message {position:relative; top:0; margin:0 0 -40px 348px; padding:10px 4px 10px 60px; border:0 solid #369; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; background:#94BDFF url(../../images/icons/about_24.png) no-repeat scroll 10px center; color:#336699;} .message + .message {margin: 0 0 -44px 348px; clear:both;} .message .left, .message .right {display:none;} .message strong {color:#0D3F6F;} .message a:link, .message a:visited {color:#333;} .migration {clear:both; background:#94bdff url(../images/copying.gif) no-repeat scroll 10px center !important; padding:20px 10px 20px 130px !important; margin:0 0 -26px 0;} #login .migration {margin:0pt 14px -14px 14px;} #login #holiday-templates {width:290px; margin:-20px auto 30px; padding-left:34px; background:url(../images/holly.png) no-repeat left center; text-align:center; line-height:40px; font-weight:bold;} #message-contacted.message, #message-card-declined.message {clear:both; background:#FBE3E4 url(../images/icons/stop_24.png) no-repeat scroll 10px center !important; color:#D12F19; padding:20px 10px 20px 40px !important; margin:0 0 6px 348px;} #message-contacted.message strong, #message-card-declined.message strong {color:#911a0a;} /* Buttons - Priority 1-4 */ .buttonwrapper, .buttonwrapper-right {overflow:hidden; width: 98%; margin:10px 0 24px 0; padding:10px 10px 10px 0; border-top:1px solid #eee;} .buttonwrapper-right {float:right; width:auto; border:0;} .button-divider {float:left; width:1px; height:32px; clear:none; margin:0 7px 0 8px; border-right:1px solid #ccc;} .button {float:left; line-height: 28px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 32px; /* Height of button background height */ padding-left: 22px; /* Width of left menu image */ text-decoration: none; font-weight:bold; font-size:120%;} .button span.button-right {display:block; padding: 1px 22px 4px 2px; /*Set 10px to be equal or greater than' padding-left' value above*/} .p1 {background:transparent url(../images/buttons/gen-p1-left.png) no-repeat top left; color:#fff !important;} .p1 span.button-right {background:transparent url(../images/buttons/gen-p1-right.png) no-repeat top right;} .p1:hover {color:#ccc !important;} .p2 {background:transparent url(../images/buttons/gen-p2-left.png) no-repeat top left; color:#666 !important;} .p2 span.button-right {background:transparent url(../images/buttons/gen-p2-right.png) no-repeat top right;} .p2:hover {color:#754c24 !important;} .p3 {background:transparent url(../images/buttons/gen-p3-left.png) no-repeat top left; color:#754c24 !important;} .p3 span.button-right {background:url(../images/buttons/gen-p3-right.png) no-repeat top right;} .p3:hover {color:#a67c52 !important;} .p4 {background:transparent url(../images/buttons/gen-p4-left.png) no-repeat top left; color:#754c24 !important;} .p4 span.button-right {background:transparent url(../images/buttons/gen-p4-right.png) no-repeat top right;} .p4:hover {color:#a67c52 !important;} .button.disabled {background:transparent url(../images/buttons/gen-disabled-left.png) no-repeat top left; color:#999 !important;} .button.disabled span.button-right {background:transparent url(../images/buttons/gen-disabled-right.png) no-repeat top right;} .button.disabled:hover {color:#999 !important; cursor:pointer;} /* Icons */ .icon {height:24px !important; margin:0 5px 0 0 !important; padding-bottom:4px; padding-right:22px !important;} /* base icon treatment, add image */ .save-icon {background:url(../images/icons/save_16.png) no-repeat 0px 2px;} .edit-icon {background:transparent url(../images/icons/edit_24.png) no-repeat left center;} .image-icon {background:transparent url(../images/icons/image_24.png) no-repeat left center;} .popup-preview {background:transparent url(../images/icons/srch_24.png) no-repeat left center;} .inbox-inspection {background:transparent url(../images/icons/inbox-inspection_24.png) no-repeat left center;} .send-test {background:transparent url(../images/icons/campaign-send-test_24.png) no-repeat left center;} .schedule-delivery {background:transparent url(../images/icons/cal_24.png) no-repeat left center;} .send-campaign {background:transparent url(../images/icons/campaign-send_24.png) no-repeat left center;} .help {background:transparent url(../images/icons/help_16.png) no-repeat left bottom; padding:20px 0 0 18px;} .info {background:transparent url(../images/icons/about_16.png) no-repeat left bottom; padding:20px 0 0 18px;} .detailed-info {display:block; background:transparent url(../images/icons/about_16.png) no-repeat left bottom; padding:0 0 0 18px; margin-top:8px;} .feed {background:transparent url(../images/icons/feed.png) no-repeat right bottom; padding:20px 18px 0 0;} #twitter-links .feed {background:transparent url(../images/icons/twitter-feed.png) no-repeat right bottom; padding:20px 18px 0 0; text-transform:lowercase;} .upload {background:transparent url(../images/icons/exp_16.png) no-repeat left bottom; padding:20px 0 0 18px;} .pdf {background:transparent url(../images/icons/pdf.gif) no-repeat left bottom; padding:20px 0 0 22px;} .print {background:transparent url(../images/icons/print_24.png) no-repeat left 16px; padding:20px 0 5px 26px;} .excel {background:transparent url(../images/icons/excel_16.png) no-repeat left bottom; padding:20px 0 0 18px !important;} .left {background:transparent url(../images/icons/back_16.png) no-repeat left bottom; padding:20px 0 0 18px !important;} .right {background:transparent url(../images/icons/forwd_16.png) no-repeat right bottom; padding:20px 0 0 18px !important;} .delete-link {background:transparent url(../images/icons/del_16.png) no-repeat left bottom; padding:20px 0 0 18px; text-indent:-9999px;} #template-campaign-links .layout {background:transparent url(../images/icons/layout.gif) no-repeat left bottom; padding:20px 0 0 22px; margin:14px 0;} .beta {padding:3px 22px; background:url(../images/icons/beta.png) no-repeat 0 4px;} .return {background:transparent url(../images/icons/undo_16.png) no-repeat left bottom; padding:20px 0 0 18px;} .facebook {background:transparent url(../images/icons/FaceBook-16x16.png) no-repeat left bottom; padding:4px 0 0 18px !important;} .twitter {background:transparent url(../images/icons/Twitter-16x16.png) no-repeat left bottom; padding:4px 0 0 18px !important;} .ning {background:transparent url(../images/icons/ning.png) no-repeat left bottom; padding:4px 0 0 18px !important;} .webinar {background:transparent url(../images/icons/webinar_16.png) no-repeat left bottom; padding:20px 0 0 20px !important;} .podcast {background:transparent url(../images/icons/music_16.png) no-repeat left bottom; padding:4px 0 0 20px !important;} #tell-friend-button {background:transparent url(../images/icons/bubble.gif) no-repeat left bottom; padding:4px 0 0 18px !important;} .go {background:transparent url(../images/icons/forwd_24.png) no-repeat left bottom;} .done {background:transparent url(../images/icons/success_24.png) no-repeat left -4px;} .colors {background:transparent url(../images/icons/paint_24.png) no-repeat left bottom;} #kuler a {background:transparent url(../images/icons/kuler.png) no-repeat left bottom; padding:20px 0 0 22px;} #fdbk_tab {display:block; position:static !important; width:198px !important; height:88px !important; margin:0 0 -10px 0 !important; background:transparent url(../images/badge_get_help.png) no-repeat !important; text-indent:-9999px;} #fdbk_screen {width:102% !important; left:-1% !important;} .list {background:transparent url(../images/icons/mailing-list_24.png) no-repeat left center;} .blipfm {background:transparent url(../images/icons/blipfm.png) no-repeat left bottom; padding:4px 0 0 20px !important;} .giant-button-group {float:left; clear:left; margin:1% 10% 0 10%; width:90%; text-align:center;} .giant-button, .giant-button-important {float:left; line-height:40px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height:60px; /* Height of button background height */ padding-left:25px; /* Width of left menu image */ margin:4px 6px; background:transparent url(../images/buttons/giant-left.gif) no-repeat top left; text-decoration:none; font-size:200%; white-space:nowrap;} .giant-button-important {background:transparent url(../images/buttons/giant-left-bl.png) no-repeat top left;} .giant-button span, .giant-button-important span {display:block; padding:4px 60px 10px 2px; /*Set 10px to be equal or greater than' padding-left' value above*/ background:transparent url(../images/buttons/giant-right.gif) no-repeat top right;} .giant-button-important span {background:transparent url(../images/buttons/giant-right-bl.png) no-repeat top right;} .giant-button:link, .giant-button-important:link, .giant-button:visited, .giant-button-important:visited {color:#fff;} .giant-button:hover, .giant-button:active {color:#754c24;} .giant-button-important:hover, .giant-button-important:active {color:#c1dbf0;} .giant-button-container {float:left; margin:auto; overflow:hidden;} .giant-button-container.right {float:right; clear:both; padding:0 !important; background:none !important;} .giant-button-container.offset {position:relative; top:0; left:150px; margin-top:10px;} .giant-button-container p {float:left; clear:left; width:250px; margin:0 50px 20px 50px; font-size:110%; text-align:center;} .giant-button-container.offset p {width:320px; margin-left:20px;} .button-sep {float:left; font-size:200%; font-weight:bold; color:#333; margin:10px 40px;} .button-sep.nolist-or {color:#369;} #create-list {width:300px;} #send-to-yourself {width:330px; height:50px; text-indent:-9999px; border:0; background:url(../images/buttons/send-to-self.png) no-repeat; cursor:pointer;} #send-to-yourself:hover{background:url(../images/buttons/send-to-self-hover.png) no-repeat;} #your_email {margin:8px 0pt 20px -20px;} /* hCards + hCalendars */ .vcard, .vevent {background:#eee; border: 2px solid #ccc !important; padding: 14px; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; margin: 5px 0 !important;} span.vcard, span.vevent {padding: 2px 1px 2px 70px !important; margin: 0 2px 0 !important;} .org {font-weight:bold; font-size:110%;} .hcard-download {background:url(../images/buttons/hcard-download-or.png) no-repeat; padding-left:32px; padding-bottom:4px;} /* FCK Dialog Windows */ .PopupBody .contents {background:#fff; border: 1px solid #c69c6d; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .mr, .tl {background-image:none !important;} .PopupTitle {border:0 !important; background-color:transparent; background:#BF9F7E url(../images/accordion-tile.gif) repeat-x; padding: 4px 8px 2px 4px; color:#754c24; font-weight:bold;} .PopupButtons {border:0 !important; background-color:transparent;} #closeButton, #closeButton:hover {background:url(../js/dijit/themes/mailchimp/images/tabClose.png) no-repeat right top;} .PopupTabArea {background:transparent; color:#754c24;} .PopupTabEmptyArea {border-bottom:1px solid #c69c6d;} .dijitDialogPaneContent input {width:96%;} /* Dojox grid loading message */ .dojoGridLoading, .new-user-message, #new-user-message, .loading {text-align:center; width:300px; margin:140px auto; padding:14px 14px 14px 26px; background:#FFFFFF url(../js/dijit/themes/mailchimp/images/loading.gif) no-repeat 100px !important; font-size:200%; color:#c60; background:#fff; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .new-user-message, #new-user-message {width:80% !important; color:#754c24 !important; background-image:none !important;} .dojoGridNoData {text-align:center; width:70%; margin:80px auto; padding:14px; font-size:200%; color:#c60; background:#fff; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #list-newuser-container {height:400px; padding:1px; background:#eee; border:1px solid #DEDACD; border-top:0; border-right:0;} /*Dashboard - general presentation -------------------------------------------------------------- */ .dashboard-vid-link {margin:14px 0 0 0; text-align:center;} #setup-new-account {clear:both; margin:4px 8px 0 8px; padding:14px; background:#FFF6BF; color:#333; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #setup-new-account h3 {margin:0 0 14px 0; padding:0 0 8px 0; text-align:center; color:#063760; border-bottom:1px solid #fff;} #setup-new-account li {margin:14px 0;} #setup-new-account a {float:right; width:64px; height:24px; background:url(../images/buttons/buy.png) no-repeat; text-indent:-9999px;} #setup-new-account strong {font-size:125%;} /* Charts */ #list-growth h3, #last-campaign h3 {padding-bottom:4px; border-bottom:1px solid #ccc;} #last-campaign h3 {margin:24px 0 0 0;} #list-growth-chart {text-align:center; padding-bottom:24px; background:url(../images/list-growth-key.gif) no-repeat bottom; margin-bottom:10px;} #growth_list {width:100%; margin:auto;} #last-campaign {margin-top:14px;} .campaign-title {display:block; text-align:right;} #chart-block {float:left; line-height:1.6em; text-align:center;} #chart-block * {font-weight:bold;} #chart-block .button {margin-left:50px;} #messages-sent {color:#369; font-size:220%; font-weight:bold; text-align:center;} #messages-sent-label {line-height:1.2em; font-weight:normal; font-size:180%; text-align:center; color:#333;} #sent-time {margin-bottom:8px; font-size:90%; font-weight:normal; font-style:italic; color:#999; text-align:center;} #chart-stats-block {width:100%; float:right; border-top:1px solid #ccc; margin-right:-6px; margin-bottom:20px;} #chart-stats-block tr {border:0;} #chart-stats-block th, #chart-stats-block td {vertical-align:bottom; border:0;} #chart-stats-block th {background:#fff; font-size:170%; font-weight:normal; color:#666; padding-right:14px; text-align:right;} #chart-stats-block .stats-count {font-size:180%; line-height:1.3em; color:#c60; text-align:center;} #chart-stats-block .stats-percent {color:#999; text-align:center;} #opened th {background:url(../images/opened-swatch.png) no-repeat right center;} #bounced th {background:url(../images/bounced-swatch.png) no-repeat right center;} #unopened th {background:url(../images/unopened-swatch.png) no-repeat right center;} #clicked th {background:url(../images/unopened-swatch.png) no-repeat right center;} #clicked {border-top:1px solid #e8d2b8;} #unopened {border:0 !important;} #chart-block .buttonwrapper {clear:both; border:0;} /* Chimp Chatter */ #chimp-chatter {color:#754c24; font-size:110%; overflow-y:auto !important; overflow-x:hidden !important;} #chatter-tab-links {text-align:right; margin:0 14px 6px 0; color:#c69c6d;} #chatter-tab-links a {margin:0 5px; text-decoration:none;} #chimp-chatter #chatter-messages {margin-right:20px;} #chatter-messages li {padding:5px 4px 5px 38px !important; border-top:1px solid #e9e0c3; background-position:8px center !important; background-repeat:no-repeat !important;} #chimp-chatter #chatter-messages a {float:right; clear:right; margin:0; color:#999; text-decoration:none; font-size:70%; font-family:Arial, sans-serif;} #chimp-chatter #chatter-messages .screenshot {float:none; display:block; margin:2em 0; text-align:center; font-size:125%; color:#c60; text-decoration:underline;} /* Chatter Prefs */ .modal-desc {margin:.5em 0; font-size:1.1em; font-style:italic; color:#333; text-align:center;} #chatter-prefs ul {margin:0 0 8px 0; font-size:12px; font-weight:bold;} #chatter-prefs label {display:inline;} #chatter-prefs li ul {border-top:1px solid #ccc; margin-top:4px;} /* Chatter Icons */ #chatter-messages .sent {background:transparent url(../images/icons/email-campaign_16.png);} #chatter-messages .abuse {background:#fff url(../images/icons/flag_16.png); font-size:1em; color:#369;} #chatter-messages .best_clicks {background:#E6EFC2 url(../images/icons/success_16.png);} #chatter-messages .best_opens {background:#E6EFC2 url(../images/icons/success_16.png);} #chatter-messages .low_credits {background:#fff url(../images/icons/flag_16.png);} #chatter-messages .unsubscribes {background:transparent url(../images/icons/deleteuser_16.png);} #chatter-messages .subscribes {background:transparent url(../images/icons/adduser_16.png);} #chatter-messages .absplit {background:transparent url(../images/icons/email-ab-split_16.png);} #chatter-messages .inspection {background:transparent url(../images/icons/inbox-inspection_16.png);} #chatter-messages .scheduled {background:transparent url(../images/icons/cal_16.png);} #chatter-messages .mr-notice {background:#a4c6e2 url(../images/icons/billing-info_16.png); font-size:1em; color:#369;} /* Getting Started */ #getting-started {margin:10px 40px 0 20px;} #getting-started h3 {color:#c60; font-size:190%; margin:8px 0 0;} #getting-started .big-list {margin-right:10px; margin-left:0; clear:both;} #getting-started .big-list li {border-bottom:1px solid #e9e0c3;} #getting-started .big-list li a {text-decoration:none;} #getting-started .big-list li .watch-video {float:right; font-size:60%; background:url(../images/buttons/sm-go-button.gif) no-repeat right center; padding-right:18px; text-decoration:none; color:#754c24;} #getting-started .big-list li .watch-video:hover {color:#c60;} .start {float:right; clear:both; width:88px; height:24px; margin-right:10px; background:url(../images/buttons/start.gif) no-repeat right center; text-indent:-9999px;} /* Learning Center */ #learning-center {float:left; width:100%; margin-top:10px; background:#F7F3E5 url(../images/blog-bg.gif) repeat-y 324px; border:1px solid #e1dfd8; border-top:0 !important;} #learning-center h3 {padding:2px 5px 3px 14px; color:#fff;} #learning-center #lc-content {float:left; width:315px; margin:0 24px 0 0; padding:0 10px 10px 0; background-color:#f7f3e5;} #learning-center #videos {padding:10px 0;} #learning-center #lc-content li {margin:10px 0 8px 10px; line-height:1.2em; padding-left:0; list-style-image:url(../images/icons/docs_16.gif);} #learning-center #lc-content h3 {margin:0 -11px 0 0; background:#bf9f7e url(../images/lc-heading-left.gif) no-repeat left top;} .featured {overflow:auto; margin:0pt -7px 0pt 0;} .featured li {float:left; width:120px; margin:18px 0pt 8px 29px !important; text-align:center; list-style-image:none !important;} .featured li a span {display:block; width:110px; height:87px; margin:4px auto;} .featured li a {display:block; margin-top:4px; text-align:center; text-decoration:none; color:#754c24 !important; font-weight:bold; font-size:85%;} .email-marketing-guide {background:url(../images/email-marketing-guide.png) no-repeat top center;} .new-user-guide {background:url(../images/new-user-guide.png) no-repeat top center;} #message-webinar {background-color:#FFF6BF !important; color: #817134 !important;} #lc-content .webinar {margin:0 auto; text-align:center; background:transparent none;} .webinar a {display:block; width:250px; height:32px; margin:auto; text-indent:-9999px; background:url(../images/buttons/webinar.png) no-repeat;} .essentials {margin:26px 12px 24px 24px; padding-top:14px; border-top:1px solid #e8d2b8;} .essentials li {margin:8px 0 0 24px !important; line-height:24px !important; list-style-image:url(../images/icons/about_16.png) !important; font-size:120%;} /* Search - dashbaord */ #search {min-width:300px; background-color:#d6ceaf; margin:0 -10px 0 0; padding:7px 10px 5px;} #search fieldset {margin:0; padding:0; border:0; background-color:#d6ceaf;} #search #search-field {width:100%; height:18px; margin:0; padding:2px 2px 4px 8px; border:0; background:url(../images/search-left.gif) no-repeat left top;} #search .search-button {width:24px; height:20px; padding:0; padding:0; border:0 !important;} #search .search-button:focus {border:0 !important;} .search-right {background:url('../images/search-right.gif') no-repeat right top; float:left; width:82%; height:20px; padding-right:12px;} #learning-center #mc-blog {margin:0 0 0 295px; padding:0 10px 10px 20px; min-width:268px;} #learning-center #mc-blog h3 {margin:0 -11px 10px 10px; background:#bf9f7e url(../images/lc-heading-right.gif) no-repeat right top;} #learning-center #mc-blog ul {margin-left:10px;} #learning-center #mc-blog li {border-bottom:1px solid #E8D2B8; padding:5px 0;} #learning-center #mc-blog li a {text-decoration:none;} #learning-center #lc-tab-links, #learning-center #twitter-links {float:right; margin-top:-30px; margin-right:-4px; color:#f7f3e5;} #learning-center #lc-tab-links a:link, #learning-center #lc-tab-links a:visited, #learning-center #twitter-links a:link, #learning-center #twitter-links a:visited {text-decoration:none; color:#fff;} #learning-center #lc-tab-links a:hover, #learning-center #lc-tab-links a:active, #learning-center #twitter-links a:hover, #learning-center #twitter-links a:active {text-decoration:none; color:#f60;} #learning-center #mc-blog li {margin:6px 0;} #learning-center .clear {clear:right;} /*Login -------------------------------------------------------------- */ #login #outer-content {float:none; background:transparent none; border:0;} #login #header #logotype, #login #header #login-mascot {background:transparent;} #login #header {width:652px; height:164px; background:url(../images/login-header.jpg) no-repeat left top; border:0;} #login-box {z-index:1; position:relative; width:652px; margin:30px auto; background:url(../images/login-tile.jpg) repeat-y;} #signup {text-align:center; font-size:130%;} #signup a {font-weight:bold;} #login form {margin-top:50px; padding-top:20px;} #login-form label a {float:right; font-size:85%; font-weight:normal; text-decoration:none;} #login-form input {width:98%;} #login fieldset {background-color:#fff; border:0; border-top:1px solid #eee; padding-top:.3em; margin-top:.5em;} #login legend {margin-left:224px; padding:0 4px 0 30px !important; border:0; background:transparent url(../images/icons/lock_24.png) no-repeat; color:#395c8a; font-family:"Trebuchet MS","Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:140%;} #login-support-links {padding:10px 0; text-align:center; text-transform:lowercase; color:#ccc;} #login-support-links a {margin:0 10px; text-decoration:none; color:#999; font-size:100%;} #login-support-links a:hover {text-decoration:underline; color:#c60;} #login #footer {float:none; background:url(../images/login-footer.jpg) no-repeat bottom; border:0; text-align:center;} #opera-warning {float:left; margin:30px 30px 10px 30px;} #forgot-username legend, #forgot-password legend {padding:0 8px !important; background:transparent none;} #forgot-username p, #forgot-password p {text-align:center;} .login-forgot-link {padding-left:18px; background:url(../images/icons/help_16.png) no-repeat 0 2px;} #remember-me-group {float:left; margin:14px 0 0 14px;} #remember-me-group .dijitCheckBoxInput {opacity:1;} #remember-me-group * {width:auto;} #remember-me-group .inline-label {margin-left:4px; line-height:14px; color:#999; font-weight:normal; font-size:90%;} /*Grid Pages -------------------------------------------------------------- */ /* Genereal Google Grids */ .google-visualization-table-table * {padding:0; font-size:14px; margin:inherit; font-family:"Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#666;} .google-visualization-table-table-layout, .google-visualization-table-table {width:100%;} .google-visualization-table-tr-over td {background-color:#D9E8F9 !important;} .google-visualization-table-tr-sel td {background-color:#a6cef9 !important;} .google-visualization-table-table-layout td {padding:0; border-right:0;} .google-visualization-table-table td {padding:2px 8px; text-align:center; border:1px solid #D5CDB5; color:#666 !important;} .google-visualization-table-tr-head, .google-visualization-table-tr-head td {background-color:#DAC1A7; color:#754C24 !important; font-size:110%; font-weight:bold; border-color:#D5CDB5;} .campaign-grid {text-align:left;} .google-visualization-table-table .campaign-grid-extralinks {margin:0;} .google-visualization-table-td-page {text-align:right !important; background:#E8D2B8;} .google-visualization-table-button {width:14%; margin:4px 8px; padding:4px; background:#369; color:#fff; border:0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .google-visualization-table-button.disabled {background:#eee; color:#999;} .campaign-grid-status {padding:0 !important;} #member-grid .google-visualization-table-table td {text-align:left;} #member-grid .google-visualization-table-table td .delete-member {margin:auto;} #member-grid .google-visualization-table-table td {border-right:1px solid #D5CDB5;} #member-grid .google-visualization-table-table {border-bottom:1px solid #D5CDB5;} .google-grid-nodata {margin:8px; padding:8px; text-align:center; font-size:120%; font-style:italic; background:#FFF6BF; color:#817134; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /* Draws two columns on grid pages where col height is inconsistent */ .faux-col {float:left; width:100%; min-height:613px; background:#eee url(../images/faux-col.gif) repeat-y -9px top; border:1px solid #dedacd; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /* gridpage is a class of #taskbar used on grid page like campaigns, lists, reports */ #taskbar.gridpage {width:240px; background:transparent !important;} #taskbar.gridpage #button-space {width:230px; background:none;} #taskbar.gridpage #supporting {width:230px; overflow:auto; border-top:0; border-right:0;} /* gridpage used on pages with data grid */ #button-space .design-templates-button {float:left; clear:both; width:220px; height:28px; margin-top:4px; background:url(../images/buttons/design-templates.gif) no-repeat; text-indent:-9999px;} #button-space .design-templates-button:hover {background:url(../images/buttons/design-templates-hover.gif) no-repeat;} #grid-supporting-elms {position:relative; top:0; left:0; margin:0; padding:2px 0 6px 0; background-color:#c0a58a;} #grid-supporting-elms .link-group {margin-left:8px;} #grid-supporting-elms a {font-weight:bold;} #grid-supporting-elms a:link, #grid-supporting-elms a:visited {color:#fff;} #grid-supporting-elms a:hover, #grid-supporting-elms a:active {color:#eedcbb;} #grid-supporting-elms form {display:inline;} #grid-supporting-elms label {display:inline; font-size:90%;} #grid-supporting-elms select {clear:both; font-size:90%;} #grid-supporting-elms .go-btn {width:16px; height:16px; margin-bottom:-3px; padding:0; border:0;} #grid-supporting-elms .campaigns-top-right {position:absolute; top:0; right:-1px; width:5px; height:31px; background:url(../images/cmapaigns-right-top.gif) no-repeat left top;} /* Campaigns Grid */ .campaign-grid-status strong {vertical-align:top !important; color:#77502d;} .campaign-grid-extralinks {margin-top:4px;} .campaign-grid-extralinks li {float:left; margin-right:8px;} .campaign-grid-extralinks .view-inspections {background:url(../images/icons/inbox-inspection_16.png) no-repeat left; padding-left:20px; font-size:12px !important;} .campaign-grid-paused {overflow:hidden; margin:-2px -8px !important; padding:2px 7px !important; background:#FFF6BF;} /* Campaign Type */ #campaign-grid .campaign-grid-title {margin-bottom:8px; font-size:16px; font-weight:bold; line-height:1em;} .regular-campaign {background:url(../images/icons/email-campaign_16.png) no-repeat left 4px; padding-left:20px !important; line-height:20px;} .text-campaign {background:url(../images/icons/docs_16.png) no-repeat left 4px; padding-left:20px !important; line-height:20px;} .rss-campaign {background:url(../images/icons/feed.png) no-repeat left 4px; padding-left:20px !important; line-height:20px;} .absplit-campaign {background:url(../images/icons/email-ab-split_16.png) no-repeat left 4px; padding-left:20px !important; line-height:20px;} .inspection-campaign {background:url(../images/icons/inbox-inspection_16.png) no-repeat left 4px; padding-left:20px !important; line-height:20px;} .pause-campaign {background:url(../images/icons/pause_16.png) no-repeat left 2px; padding-left:20px !important; font-size:12px !important;} .plaintext-campaign {background:url(../images/icons/docs_16.png) no-repeat left 2px; padding-left:20px !important; line-height:20px;} .trans-campaign {background:url(../images/icons/transactional_16.png) no-repeat left 4px; padding-left:20px !important;} #rss-campaign-faq {margin-left:45px;} #rss-campaign-faq h4 {margin-top:0; padding-bottom:4px; color:#c60; border-bottom:1px solid #ccc;} #rss-campaign-faq .dijitTitlePane .dijitTitlePaneTitle {font-weight:bold; color:#754c24; border:0 !important;} #rss-campaign-faq .dijitClosed {background:url(../images/icons/disclosure-closed-sm.png) no-repeat left center; padding-left:14px;} #rss-campaign-faq .dijitOpen {background:url(../images/icons/disclosure-open-sm.png) no-repeat left center; padding-left:14px;} #rss-campaign-faq .dijitTitlePane .dijitOpen .dijitArrowNode, #rss-campaign-faq .dijitTitlePane .dijitClosed .dijitArrowNode {background:transparent none;} #rss-campaign-faq .dijitTitlePaneContentOuter {border:1px solid #E8D2B8; background:#F1EDE0; color:#666; padding:12px 24px; line-height:1.4em;} #rss-campaign-faq .dijitTitlePaneContentOuter a[rel="external"] {background:url(../images/icons/opnbr_16.png) no-repeat left center; padding-left:18px;} .rss-field-help img {margin-bottom:-4px;} #chimpfeedr-message {margin:14px 0; font-weight:bold; color:#369;} /*Campaigns -------------------------------------------------------------- */ #smart-folders * {outline:none;} /* removed dotted border around selected elements.*/ .smart-folders {width:218px; margin-left:-8px; margin-top:-10px; padding:12px 8px 12px 10px; background-color:#fff;} .smart-folders .folder-selected, #custom-folders .folder-selected {padding:4px; font-weight:bold; color:#754c24 !important; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .smart-folders .folder-selected {background:#f1ede0 !important;} .smart-folders .dijitTreeExpandoLeaf {background-image:url('../images/icons/smart-folder_16.png') !important; margin-top:4px;} .custom-folders .folder-selected a.mailchimpInlineHandle {font-weight:normal;} .custom-folders {width:218px; padding:10px; margin-left:-8px; } #custom-folder-list {max-height:300px; overflow-y:auto; overflow-x:visible; color:#754c24;} #custom-folder-list span {cursor:pointer;} .custom-folders hr {margin:0 0 14px 0;} .new-folder {display:block; height:26px; margin-top:8px; background:url(../images/icons/new-folder_24.png) no-repeat left top; padding-left:30px; font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:140%; text-decoration:none; color:#754c24 !important;} .custom-folders .edit, .custom-folders .delete {float:right; width:16px; height:16px; margin:0 2px; text-indent:-9999px;} .custom-folders .edit {background:url(../images/icons/edit_16.png) no-repeat left top;} .custom-folders .delete {background:url(../images/icons/del_16.png) no-repeat left top;} .archives {display:block; height:20px; background:url(../images/icons/script_16.png) no-repeat left top; padding-left:20px; font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:100%; text-decoration:none;} .archives:hover, .new-folder:hover {color:#c60 !important;} #custom-folder-list div {margin:4px; background:url(../images/icons/foldr_16.png) no-repeat left top; padding:0 3px 3px 20px;} #custom-folder-list .mailchimpInlineHandle {float:right;} #custom-folder-list .folder-selected {padding:4px 4px 4px 20px; font-weight:bold; color:#754c24 !important; background: #fff url(../images/icons/foldr_16.png) no-repeat 3px 5px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .folder-selected {background-color:#fff !important;} #inbox-warning {clear:both; background:#94BDFF url(../images/icons/flag_24.png) no-repeat scroll 14px 50%; color:#23406e; padding:10px 10px 10px 50px !important; margin:10px 0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /* Segmentation */ .recipient-list {font-size:1.2em; border-bottom:1px solid #e8d2b8; padding:4px 8px;} .recipient-list:hover {background:#fff; color:#333 !important; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .list-selected {background:#D6CEAF !important; border:0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .list-selected .inline-label {color:#603913 !important;} .list-selected .dijitContentPane {position:relative; height:auto;} .list-selected .dijitContentPane .video-help {position:absolute; bottom:8px; right:26px;} .list-selected .av-radio {background-color:#D6CEAF !important;} /* removed visibility:hidden */ .recipient-list .title {padding:4px 0;} .recipient-list .inline-label {margin-bottom:14px; line-height:.4em; padding:0 0 0 14px;} .recipient-list .dijitContentPane {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .entire-list {float:right; margin:0 0 4px 24px; padding:1px 22px 3px 4px; width:180px; height:24px; background:transparent url(../images/icons/forwd_16.png) no-repeat 157px; color:#754c24; border:0; font-weight:bold; cursor:pointer;} .entire-list:focus {border:0;} #use-segment-group {float:left; clear:both; width:99%; padding-top:8px; font-size:90%;} .use-segment {text-align:left; margin:0 22px 4px auto; padding:0 22px 4px 4px; width:160px; height:30px; background:url(../images/buttons/use-segment.png) no-repeat; border:0 !important; font-weight:bold; color:#666; text-indent:-9999px;} .segment-toggle {float:right; text-decoration:none; font-weight:bold;} .segment-toggle.disclosure-closed {background:transparent url(../images/icons/disclosure-closed-sm.png) no-repeat left center; padding-left:14px;} .segment-toggle.disclosure-open {background:transparent url(../images/icons/disclosure-open-sm.png) no-repeat left center; padding-left:14px;} .accordion-switch {clear:both;} .recipient-list .av-radio {clear:none;} .recipient-list .accordion-switch {background:#fff;} .recipient-list .dijitContentPane {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .segment-editor {padding:14px 10px;} .segment-editor p {margin:0pt 0pt 0.5em;} .segment-editor .dijitInlineTable {width:100px; padding:0 !important; font-size:1em !important;} .segment-editor input {padding:3px 5px;} .segment-editor select {width:160px !important;} .segment-count {float:right; width:190px; margin:14px; padding:14px; background-color:#c69c6d; color:#ffc; text-align:center; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .segment-count .title {margin:-14px -14px 8px -14px; color:#fff; background-color:#a67c52; text-align:center; font-weight:bold; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-radius-top-left:4px; border-radius-top-right:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px;} .segment-count .count {text-align:center; color:#fff; font-size:200%; text-decoration:none;} .view-segment {font-size:12px; color:#fff !important;} .view-segment:hover {color:#754c24 !important;} .segment-condition {padding:2px 0; border-bottom:1px solid #eee; clear:left;} .segment-condition .segment-block {float:left; margin:10px 4px 0 0;} .segment-condition .delete-link {background-position:1px 6px;} .segment-block.delete-link {padding:0 !important; width:22px; height:26px;} .segment-block.delete-link a {display:block; width:22px; height:24px;} .add-condition {float:left; clear:left; margin:5px 0 0 0;} /* Copy paste list */ #segment-pasted {padding:14px;} /* No List */ #campaign-nolist-heading {text-align:center; font-size:180%;} .big-body {width:950px;} /* A/B Splits */ #campaign-overview-nav {float:left; margin:10px 0pt 20px 0; font-size:1.2em;} #campaign-overview-nav li {float:left; text-align:center; margin:0 30px 0 0;} #campaign-overview-nav li a {text-decoration:none;} #campaign-overview-nav #current a {padding:4px 10px; font-weight:bold; color:#754c24 !important; background:#f1ede0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #campaign-overview-stats {width:100%; margin:0 0 1.4em 0; clear:both;} #campaign-overview-stats th {width:20%; border-top:1px solid #e8d2b8; text-align:right; vertical-align:top;} #campaign-overview-stats td {border:1px solid #e8d2b8;} #campaign-overview-html {width:100%; height:400px; border:1px solid #E8D2B8;} #wait-time {width:200px;} #split-size-handlelabel {top:776px !important; font-weight:bold; color:#369;} #a-b-container {width:98%; margin-top:20px; padding:0; font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif;} #a-b-container tr {background:transparent none !important;} #a-b-container td {padding:0; border:0; vertical-align:top;} #test-groups {min-width:103px;} #remaining-group {min-width:158px;} #test-groups #group-a, #test-groups #group-b {float:left; width:45%; height:104px; padding:40px 0 0 0; background:#80b7fa; text-align:center; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #test-groups #group-a {background-color:#80b7fa; color:#336699; border:2px solid #619be1;} #test-groups #group-b {margin:0 1%; background-color:#e96e7d; color:#94343f; border:2px solid #b6464b;} #test-groups {width:18%;} #testgroup-bar {text-align:center; color:#333; font-size:110%; font-weight:bold; border-right:1px solid #333; border-left:1px solid #333; background:url(../images/test-group-bar.png) repeat-x center;} #testgroup-bar span {padding:4px; background:#F7F3E5;} #remainder-segment.segment-size {margin-top:20px;} #remainder-of-list {width:98%; height:92px; min-width:100px; margin:0 20px 0 0; padding:40px 2% 12px 2%; text-align:center; text-overflow:ellipsis; background:#ccc; color:#666; border:2px solid #999; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #split-size {clear:both;} .segment-size {width:auto; margin:auto; font-weight:bold; font-size:18px; color:#c60; text-align:center;} .group-letter {display:block; text-align:center; font-size:18px; font-weight:bold;} #group-a .group-letter {color:#336699;} #group-b .group-letter {color:#94343f;} #remainder-of-list .group-letter {color:#333;} #ab-slider-label {color:#333; text-align:center; font-size:115%;} #split-size-remaining {background:#c60; color:#fff; padding:4px; font-size:115%; font-weight:bold; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #automatic-winner-selection {float:left; padding-left:24px; background:#e8d2b8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #automatic-winner-selection .radio-group {width:240px;} #automatic-winner-selection .radio-group p {border-color:#fff;} #pick-winner-time {clear:both; width:450px; margin:0 auto 10px auto; text-align:center;} .manual-group {width:23%; margin-left:14px; padding:8px 24px !important; background:#d6bd9f; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .manual-group p {border-color:#fff !important;} .radio-group {float:left; margin-right:24px; padding:8px; text-align:center;} .radio-group p {padding:8px 0; border-top:1px solid #ccc;} .radio-group label {display:block; margin:0;} /* Paste HTML */ #paste-inline-css {float:right; position:relative; width:243px; margin:-20px 24px 0 0;} #paste-inline-css .inline-label {padding-right:4px; line-height:55px;} #compare-inline {float:left; margin:-17px 0 12px 20px;} #paste-inline-css .help-tip {position:absolute; top:19px; right:-14px;} div.smarkup {margin-top:-14px !important;} #pastehtml-support-box {position:relative;} #pastehtml-support-box .right-column {margin-left:40px; margin-top:16px;} #pastehtml-support-box h3 {margin-top:.5em; color:#c60;} #pastehtml-support-box sup {color:#c60; font-size:110%; vertical-align:bottom;} #pastehtml-support-box #campaign-change-badge-trigger {position:static; margin:0 0 14px 0;} #pastehtml-support-box .rewards-badge-list {position:static; width:100%; height:120px;} #pastehtml-support-box .rewards-change-badge {margin:14px 0 40px 0;} .test-email-label {line-height:20px;} #import-archive-trigger {float:right; margin-top:-4px;} #import-archive-dialog .upload-zip {width:80px; background:transparent;} #import-archive-dialog .upload-zip button {border:0; color:#fff; background:#395C8A;} /*Plain-text -------------------------------------------------------------- */ #campaign-text #text {font-family:courier, monospace;} #copy-html-text {float:right; width:296px !important; height:32px; margin:10px 2% 0 0; background:transparent url(/images/buttons/copy-text-message.png) no-repeat; text-indent:-9999px;} /*Predelivery Checklist -------------------------------------------------------------- */ #predelivery-checklist {margin-top:24px;} #checklist-heading {margin-top:24px; border-bottom:1px solid #ccc; padding-bottom:4px; font-size:180%;} .checklist-errors {margin:0 0 14px 0; text-align:center; font-size:130%; font-style:italic; color:#D12F19;} #message-inbox-inspector {background-color:#FFF6BF !important; color: #817134 !important;} .inbox-promo {margin:18px auto; text-align:center;} .inbox-promo a {display:block; width:250px; height:32px; margin:auto; text-indent:-9999px; background:url(/images/buttons/webinar.png) no-repeat;} #predelivery-checklist label {font-size:1.4em;} #predelivery-checklist li {position:relative;} #predelivery-checklist li .step {position:absolute; top:16px; right:10px; width:100px; padding:6px 10px; border:2px solid #ccc; text-align:center; text-decoration:none; font-weight:bold; font-size:150%; font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #predelivery-checklist li .step:hover {background-color:#eee !important;} #predelivery-checklist li.error .step {background-color:#fff; color:#D12F19;} #predelivery-checklist li.warning .step {background-color:#fff; color:#817134;} #predelivery-checklist li.success .step {background-color:#fff; color:#529214;} .from-name {font-weight:bold;} #delivery-options {margin:24px 0 0 0; min-width:930px;} #send-test, #send-test-form {margin-top:0; padding-top:0;} #send-test-form fieldset {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; clear:both; padding:1em 1.4em 1.4em 1.4em; margin:0; border:1px solid #e8d2b8; background-color:#f7f3e5;} fieldset #send-test-form fieldset {background:#fff;} #send-test-form p {margin:0.5em 0pt 0.5em 1.4em;} .send-more {display: block; width:165px; height:24px; margin-top:8px; text-indent:-9999px; background:url(../images/buttons/send-more.png) no-repeat;} #schedule-time, #inbox-inspection {margin-top:0; padding:8px; border:1px solid #e8d2b8; background-color:#f7f3e5; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; text-align:center;} #schedule-time div {border:0;} #schedule-time #schedule-timezone {font-weight:bold; color:#333;} #schedule-time #widget_schedule-date {border:2px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #inbox-inspection h4 {font-weight:bold; font-size:1.2em; color:#333;} #inbox-inspection p {clear:both; padding-top:1em;} #inbox-inspection .btn {width:auto !important;} #inbox-inspection .buy {display:block; width:auto; height:auto; margin:auto; text-indent:0; background:transparent;} #schedule-time .btn, #inbox-inspection .btn {float:none; margin:4px 0; background:#c60;} #schedule-time .cancel, #inbox-inspection .cancel {margin-left:14px; background:#c69c6d;} #existing-inspections {margin:0 auto 14px auto !important;} #existing-inspections caption {margin:0 auto !important;} #existing-inspections th {border:1px solid #E8D6C1;} #existing-inspections td {border:1px solid #E8D6C1; background:#fff;} #predelivery-checlist #campaign-change-badge-trigger {display:none;} /* hide change button on checklist - why is it there? */ /* send campaign confirmation dialog */ #confirm-send {text-align:center; font-size:150%;} #confirm-send p {margin:0 14px; color:#c60;} #confirm-send strong {padding:2px 4px; color:#754c24; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #e8d2b8; background-color:#f7f3e5;} #campaign-finished {position:relative; margin-right:200px; min-width:900px;} #campaign-finished #campaign-wizard-heading, #campaign-finished #list-wizard-heading, #account-wizard-heading {margin:2em auto 0 auto; text-align:center; font-size:240%; color:#834d26;} #campaign-finished #campaign-wizard-subheading, #campaign-finished #list-wizard-subheading {margin:0.1em auto; text-align:center; font-size:140%; color:#666;} #campaign-finished-sent {margin:24px auto 40px auto; width:40%; padding:24px; text-align:center; font-size:130%; color:#a67c52; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #e8d2b8; background-color:#f7f3e5;} #campaign-finished-sent strong {color:#55280a;} .advanced-feature-promo {position:absolute; top:70px; right:-40px; width:240px; height:222px; font-size:10px !important; text-align:center;} .advanced-feature-promo img {float:none; display:block; margin:auto;} .nominate {padding:8px; font-size:12px; font-weight:bold; background:#ffc; text-align:center;} /* .advanced-feature-promo {position:absolute; top:70px; right:-40px; width:240px; height:222px; background:url(../images/postit-note.jpg) no-repeat;} .post-it {position:relative; top:70px; left:28px; width:140px; text-align:center; font-size:130%; color:#3184c2; font-family:"Marker Felt","Comic Sans MS", arial, sans-serif;} */ #campaign-wizard-next-heading {margin:1em auto; text-align:center; font-size:160%;} #campaign-finished-buttons, #list-finished-buttons {margin-top:0 !important; margin-left:4% !important;} #list-finished-buttons {margin-bottom:50px;} #campaign-finished-buttons .giant-button-container, #list-finished-buttons .giant-button-container {float:none; margin:0 auto; width:420px;} #campaign-finished-buttons .giant-button-container a, #list-finished-buttons .giant-button-container a {width:380px; margin-right:35px; font-size:20px; font-style:normal;} #campaign-finished-buttons .buttonwrapper-left, #list-finished-buttons .buttonwrapper-left {margin:200px 0 0 200px;} .funny-link {display:block; width:150px; margin:24px auto; padding-left:18px; text-align:center; background:url(../images/icons/banana.png) no-repeat left center;} /* Social Share*/ .social-header-group {margin-bottom:0; text-indent:-9999px; border-bottom:1px solid #ccc;} #share-campaign-title {margin-bottom:30px; padding-top:6px; border-top:1px solid #ccc; font-size:18px; background-position:0 2px;} #twitter-fieldset legend {padding-left:32px; background:#fff url(../images/icons/Twitter-24x24.png) no-repeat 4px 2px;} #share-twitter {float:left; margin-top:8px;} .social-settings, .social-message-group {float:left; width:45%; margin-right:24px;} .social-message {height:80px; margin-top:0 !important;} .save-login-info label {margin-left:8px;} #social-submit-group {clear:both;} .share-campaign {display:block; padding-left:20px !important; font-size:12px !important; background:url(../images/icons/share-icon-16x16.png) no-repeat left center;} #social-links {float:left; clear:both; margin:14px 0;} #social-links li {float:left; margin:0 10px 10px 10px; text-align:center; font-weight:bold;} .social-button {display:block; width:121px; padding-top:126px; text-decoration:none; color:#369;} .facebook-button {background:url(../images/buttons/facebook-button.png) no-repeat top center;} .myspace-button {background:url(../images/buttons/myspace-button.png) no-repeat top center;} .stumbleupon-button {background:url(../images/buttons/stumbleupon-button.png) no-repeat top center;} .digg-button {background:url(../images/buttons/digg-button.png) no-repeat top center;} .magnolia-button {background:url(../images/buttons/magnolia-button.png) no-repeat top center;} .delicious-button {background:url(../images/buttons/delicious-button.png) no-repeat top center;} /* Account Review Page */ #account-wizard-heading {text-align:left !important;} #campaign-finished .vcard {float:right; width:200px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; padding:1em 1.4em; margin:0 0 1.2em 3em; border:1px solid #e8d2b8; background-color:#f7f3e5;} .vcard a[href="http://technorati.com/contacts/http://www.mailchimp.com/contact_hcard.phtml"] {margin-top:8px; background:url(../images/buttons/vcard-download.png) no-repeat left; padding-left:33px;} .vcard .org {font-size:140%; font-weight:bold; color:#754c24;} #campaign-finished p {font-size:120%;} #campaign-finished ol {margin-left:0 !important; font-size:120%; color:#754c24; background:#eee; border:1px solid #999; padding:1em 3.5em; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #account-review-buttons {margin:40px 0 0 0 !important;} #campaign-finished hr {background-color:#eee !important;} /*RSS in Progress Checklist -------------------------------------------------------------- */ #rss-pause-button {position:absolute; top:186px; right:24px;} #predelivery-checklist.rss-checklist li .step {width:120px;} #rss-sent-campaigns {width:100%;} #rss-sent-campaigns caption {margin-top:24px;} #rss-sent-campaigns tr.no-data td {padding:10px 0; text-align:center !important;} .icon.pause-campaign {padding:0 14px 0 0 !important;} /*Autoresponders -------------------------------------------------------------- */ .grid-crud-form {overflow:hidden; margin:0; padding:10px 24px !important; background:#F7F3E5;} .grid-crud-form h3 {margin-top:1em; color:#c60;} .grid-crud-form fieldset {background:#fff; margin:1.2em 0 1.2em 0.3em; padding:1em 1.4em 1.4em;} .grid-crud-form legend {margin:0 -0.4em; padding:0.2em 0.8em; color:#333; font-size:14px;} .grid-crud-form select, .grid-crud-form input {float:left; width:auto; margin-right:4px;} .grid-crud-form input {padding:5px;} .grid-crud-form label {float:left; margin:5px 10px 0 0; color:#754c24;} .grid-crud-form .btn {padding:4px; color:#fff;} .grid-crud-form .cancel {margin-left:14px;} td .grid-crud-form {margin:-2px -8px;} td .grid-crud-form h3 {display:none;} td .grid-crud-form strong {color:#369;} td .grid-crud-form .tip {text-align:left;} #new-ar-name input, #new-ar-list select {float:none; width:97%;} #new-ar-settings {padding-top:10px;} .autoresponder-grid-title {color:#754c24;} #autoreponder-action-buttons {min-width:110px;} #autoreponder-action-buttons li {padding-left:0; border:0;} #autoreponder-action-buttons button {padding:4px; background:#369; color:#fff !important; border:0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .autoresponder-grid .campaign-grid-extralinks {min-width:190px;} /*Builder (Campaigns and Lists) -------------------------------------------------------------- */ .builder #header {height:61px; float:none; background:#FECB66 url(../images/header-bg.gif) repeat-x scroll center -24px;} .builder #header #logotype {top:14px; left:24px; width:161px; height:48px; background:transparent url(../images/mc-builder-logo.png) no-repeat;} #campaign-heading, #list-heading {position:relative; margin:-10px 0 40px 0; padding-top:8px; border-top:1px solid #ccc;} #campaign-heading div, #list-heading div {float:left;} #list-heading {padding-left:30px; background:url(../images/icons/mailing-list_24.png) no-repeat scroll left 4px} #save-cancel.save-cancel-inline {position:absolute; right:0; top:-34px; float:none; margin:0; font-size:14px;} .paused-campaign-save {width:60px !important;} .builder #header #help {position:relative; z-index:10;} /* position:relative resolves wizard form overlap bug that made help button un-clickable*/ .builder #mascot {top:-10px !important; width:108px !important; height:83px !important; margin:0; background:url(../images/mascots/builder-mascot.png) no-repeat right bottom !important;} .builder #outer-content #account {position:relative; z-index:10; float:right; right:0; min-width:200px; margin:0 -2% 0 0 !important;} .builder #outer-content #account #plan-label {float:none; clear:both; margin-bottom:2px;} .builder #page-heading {position:relative; width:500px;} .builder #main {margin:0;} /* Progress Bar */ #process {position:absolute; top:30px; left:200px; width:56%; min-width:500px; height:60px; margin:0 0 30px 30px; z-index:2; padding:6px; text-align:center; background-color:#fff; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #process #step-info {width:500px; margin:4px auto 0 auto; color:#603913; font-size:130%; font-weight:bold; color:#c60;} #process #step-info span {margin:0 6px;} #process #step-count {color:#a67c52; font-size:85%; font-weight:normal; white-space:nowrap;} #process .back {display:none; float:left; width:50px; margin:0; padding:0; border:0;} #process .next {display:none; float:right; width:50px; margin:0; padding:0; border:0;} #process #progress-bar {position:relative; top:8px; width:444px; margin:0 auto;} #process #progress-bar-left {width:5px; height:7px; background:url(../images/progress-bar-left.gif) no-repeat left center;} #process #progress-bar-right {width:5px; height:7px; background:url(../images/progress-bar.gif) no-repeat right center;} #process #progress-bar li {float:left; height:7px; padding:0; border-right:1px solid #fff; line-height:9px; background-color:#d5cdaf;} #process #progress-bar li a {display:block; margin:0; width:70px; height:6px; line-height:7px !important; text-indent:-9999px; background-color:#a67c52;} #process #progress-bar li a:hover {background-color:#c69c6d;} #process #progress-bar li a.disabled {background-color:#d5cdaf;} /* step not yet available */ #process #progress-bar li a.current {background-color:#c69c6d !important;} /* Modifiers - for differnt number of steps in process - (total width 442px - 22px for left and right of bar/num steps) */ #process #progress-bar.steps-3 li a {width:140px;} #process #progress-bar.steps-4 li a {width:105px;} #process #progress-bar.steps-5 li a {width:85px;} #process #progress-bar.steps-6 li a {width:70px;} #process #process-subtext {position:relative; top:8px; clear:left; font-size:90%; font-weight:normal; color:#666; line-height:1.8em; margin:auto;} /* Back next buttons at top and bottom of page */ #back-next-top {position:absolute; top:170px; right:24px; margin:0; z-index:997;} #back-next-bottom {margin:14px 0; text-align:right; clear:both;} #back-next-bottom input, #back-next-top input {border:0 !important; width:70px; height:21px; padding:0;} #back-next-bottom .back, #back-next-top .back {padding-right:10px; border-right:1px solid #ccc !important; -moz-border-radius:0; border-radius:0; -webkit-border-radius:0;} #back-next-bottom span, #back-next-top span {margin:-20px 4px 0 4px; line-height:21px; font-weight:bold; font-size:120%; color:#ccc;} /* Save and Cancel Buttons */ #save-cancel {float:right; clear:right; padding:0; font-size:115%; margin-right:-8px;} #save-cancel .save {float:left; cursor:pointer; width:118px; height:30px; margin:4px 14px 4px 0; padding-top:0; padding-left:16px; font-size:1em; color:#c60; background:url(../images/icons/save_16.png) no-repeat left center; line-height:30px; text-decoration:none; border:0;} #save-cancel .save:hover, #save-cancel .cancel:hover {color:#603913 !important;} #save-cancel .cancel {float:left; background:url(../images/icons/cancl_16.png) no-repeat 0 7px; padding-left:17px; line-height:28px; margin:4px 0; text-decoration:none; color:#c60 !important;} .wizard-form #save-cancel {margin-bottom:0;} /* remove bottom margin when on wizard pages - fixes fieldset width problem */ .builder #page-heading .quick-help {font-size:50%; padding-left:4px;} /*Mergetag Cheatsheet -------------------------------------------------------------- */ .merge-cheatsheet {width:98.5%; margin:0;} #paste-html .merge-cheatsheet {width:100%; margin:0;} #paste-html .merge-cheatsheet table {width:100% !important} .dijitDialogPaneContent .merge-cheatsheet {margin:-4px 0pt 0pt; width:100%;} .dijitDialogPaneContent .merge-cheatsheet table {margin:0pt 0pt 0pt 1px; width:100% !important;} .merge-cheatsheet label {display:block; margin:0; padding:4px 4px 4px 30px; cursor:pointer; background-color:#c69c6d; color:#fff;} .merge-cheatsheet label.disclosure-open {margin:0; background:#c69c6d url(../images/icons/disclosure-arrow-open.gif) no-repeat 14px center;} .merge-cheatsheet label.disclosure-closed {margin:0; background:#c69c6d url(../images/icons/disclosure-arrow-closed.gif) no-repeat 14px center;} .merge-cheatsheet .merges {margin:0; padding:0;} /* Hide panel by default */ .merge-cheatsheet table {width:92% !important; margin:0; background:#fff; border:1px solid #ccc;} .merge-cheatsheet table th, .merge-cheatsheet table td {font-size:1.2em; font-weight:bold;} .merge-cheatsheet table td a {background:transparent url(../images/icons/copy_16.png) no-repeat left center; padding-left:20px;} .merges {width:96.3%; bottom:67px; max-height:230px !important; overflow-y:auto !important; overflow-x:hidden !important;} #merge-list {overflow-x:auto !important; border-collapse:separate;} /* overflow-x:auto fixes scrollboar overlay problem in Firefox */ #merge-list td {border-bottom:1px solid #E8D6C1; padding:4px 10px;} #designer-adv-tagref {float:right; margin:-18px 0 10px 0;} /*Image Upload/Edit Modal -------------------------------------------------------------- */ #edit-image-modal {width:95% !important; height:600px !important; margin:1em 0 1em 0.3em;} #edit-image-modal .dijitDialogPaneContent {width:98% !important; background:#F7F3E5; min-height:650px; overflow-y:auto;} #edit-image-modal fieldset {margin:1em 0 1em 0.3em; padding:.4em 1.4em; background:#fff;} #edit-image-modal legend {width:160px !important; height:28px !important; padding-left:44px; line-height:28px; vertical-align:middle; background:url(../images/image-upload-legend.png) no-repeat left; color:#c63;} .step-num {margin-left:-27px; padding-right:10px; color:#fff; font-weight:bold;} .inline-fields .inline-label {line-height:24px;} #edit-image-modal .step1 {position:relative;} #upload-file {width:498px !important; border:2px solid #CCCCCC;} #upload-image .dijitFileInput {width:263px; margin-left:350px;} /* margin left pushes invisible hit state over browse button */ #edit-image-modal .dijitFakeInput {width:630px; margin-left:-350px;} /* margin left compensates for margin above */ #upload-image .field-help {width:496px; padding-top:10px;} #edit-image-modal .upload, #edit-image-modal .fake-submit {float:left; width:100px; margin:6px 0 0 0; border:4px solid #f7d1aa; background:#c60; color:#fff; padding:0; font-size:14px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #edit-image-modal .dijitButtonNode {width:100px; margin:0 10px 0 0; padding:0; font-size:14px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .save-block-top #edit-image-save {background:#c60 !important;} #edit-image-modal .dijitButtonNode button {padding:2px 0 0 0 !important; background:transparent;} #edit-image-modal #edit-image-changeurl, #edit-image-modal #edit-image-upload {padding:0 0 4px 0 !important;} .save-block-top .dijitButtonText {padding:0 0 2px 0;} #url-image .field-help {width:96%;} #edit-image-modal .help {background-position:left 6px;} #edit-image-modal .help-tip {position:absolute; bottom:4px; left:230px;} #edit-image-modal .left-column, #edit-image-modal .right-column {width:43%;} .tpl-imageprops {float:right; width:230px; height:190px; margin:-20px -16px -4px; padding:0 14px 14px 14px; background:#eee;} .resize-tpl-image {float:left;} .resize-tpl-image img {display:block; margin-bottom:20px;} .label-field-group {float:left; margin:0 10px !important;} #image-width, #image-height {width:80px;} #image-proportional {margin-left:12px;} .edit-picnik {position:absolute; bottom:2px; left:0; width:205px; height:35px; background:url(../images/edit-with-picnik.png) no-repeat; text-indent:-9999px;} .tpl-imageprops-align {float:right; clear:both; margin-right:14px; border-top:1px solid #ccc;} #image-resize-nopreview {width:440px; height:130px; margin-bottom:10px; background:#ccc; color:#333; font-style:italic; text-align:center; line-height:130px; border:2px solid #999; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .step3 {margin-bottom:0 !important;} .step3 label {margin-top:0;} .step3 .field-help {width:96%;} .save-block-top .dijitButtonNode {background:transparent;} .save-block-top, .save-block-bottom {float:right; margin:-10px 0;} .save-block-top #edit-image-save, .save-block-bottom #edit-image-save-bottom {width:100px; margin-right:10px; background:#77502d; color:#fff; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .save-block-top .cancel .dijitButtonNode, .save-block-bottom .cancel .dijitButtonNode {background:#C69C6D !important; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /*Themes -------------------------------------------------------------- */ #theme-chooser {float:right; width:23%; min-height:600px; padding:2%; background:#F1EDE0; border-left:2px solid #E8D2B8;} #template-previewtheme-campaign {float:left; clear:both; position:relative; width:99.6%; margin-bottom:8px; background:#eee; border:2px solid #E8D2B8; border-top:0;} #theme-categories, #themes {width:auto; height:100px; padding:8px; overflow:auto; background:#fff; border:1px solid #8e8e8e;} #themes {height:200px;} #theme-categories li, #themes li {width:100%; margin-bottom:6px; line-height:14px; vertical-align:middle; text-transform:lowercase; font-size:90%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #theme-categories li:hover, #themes li:hover {cursor:pointer;} #theme-categories .selected, #themes .selected {margin:0 -8px; padding:4px 8px; background:#d4d4d4; color:#000;} #themes li img {margin-right:4px; border:1px solid #ccc;} #theme-chooser h4 {margin-top:0; padding-bottom:4px; color:#395c8a; font-size:140%; border-bottom:1px solid #ccc;} #theme-undo {float:left; width:90px; height:18px; margin-top:14px; margin-right:14px; background:url(../images/buttons/undo.png) no-repeat; text-indent:-9999px;} #theme-revert {float:left; width:106px; height:18px; margin-top:14px; background:url(../images/buttons/reset-defaults.png) no-repeat; text-indent:-9999px;} #theme-showhider {position:absolute; top:1%; z-index:2; width:22px; height:106px; text-indent:-9999px;} #theme-showhider:hover {cursor:pointer;} .theme-shower {right:0; background:url(../images/buttons/show-themes.png) no-repeat;} .theme-hider {right:27%; background:url(../images/buttons/hide-themes.png) no-repeat;} #kuler {float:left; clear:both; margin:14px 0 14px 50px;} /*Lists -------------------------------------------------------------- */ /* Lists Sidebar */ #taskbar.lists-dashboard {background:#efe7cd !important; border:1px solid #e8d2b8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #supporting .list-info {margin-top:4px; font-weight:bold; background:url(../images/icons/mailing-list_16.png) no-repeat left center; padding-left:18px;} #supporting .member-info {padding:4px 0;border-bottom:1px solid #e8d2b8;} #supporting .member-info .merge-info {display:block;} #supporting h3 {margin-top:1em;} .design-forms {margin-top:6px;} .design-forms .dijitButtonNode button {display:none;} /* Lists */ #drag-drop-message {margin:-24px 0 5px 20px; color:#999; font-size:11px; font-style:italic;} #list-panels {margin:0 0 0 20px;} .list-panel {margin-bottom:10px; overflow:hidden; background:#f6f1e0; border:2px solid #fff; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius-topleft:6px; border-radius-topleft:6px; -webkit-border-radius-topleft:6px; -moz-border-radius-bottomleft:6px; border-radius-bottomleft:6px; -webkit-border-radius-bottomleft:6px;} .list-panel:hover {border:2px solid #c4aa8b; cursor:move;} .list-panel h4.list-name {position:relative; margin:0; padding:6px 10px 7px 10px; background:#EEDBC4; color:#603c1d; font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; font-size:140%; font-weight:bold; -moz-border-radius-topright:6px; border-radius-topright:6px; -webkit-border-radius-topright:6px;} .list-panel h4.list-name .list-date {padding-left:5px; font-size:11px; font-style:italic; font-weight:normal; color:#5e5046;} .member-count-block {float:left; position:relative; z-index:10; min-width:120px; margin-right:15px; padding:20px 10px; text-align:center; background:#b68b5c; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; border-radius-topleft:4px; border-radius-bottomleft:4px; -webkit-border-radius-topleft:4px; -webkit-border-radius-bottomleft:4px;} .member-count-block .member-count {font-size:30px; color:#fff; text-decoration:none;} .member-count-block .view-list {display:block; margin:10px 0 -10px; padding:6px 3px; text-align:center; text-decoration:none; font-size:18px; background:#834d26; color:#fff; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .member-count-block .view-list:hover {background:#603c1d;} .list-panel-links {margin:10px 0 5px 0;} #list-panel-memberlinks {padding-left:12px; background:url(../images/icons/user_16.png) no-repeat;} #list-panel-settinglinks {float:left; padding-left:12px; background:url(../images/icons/confg_16.png) no-repeat;} #list-panel-mergelinks {float:left; margin-left:24px; padding-left:12px; background:url(../images/icons/forms_16.png) no-repeat;} .list-order input {width:30px;} .list-order {position:absolute; top:5px; right:5px;} .list-order input {border:0; border-top:1px solid #ccc; border-right:1px solid #ccc; font-size:12px; padding:2px; text-align:center;} .list-order a {float:left; margin:0 10px 0 0;} .update-order {float:right; padding:4px 8px; background:#B68B5C; color:#fff; font-size:16px; font-weight:bold; border:0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .update-order:hover {background:#834D26;} .top-update-button {margin-top:-40px;} .dojoDndAvatar {width:70%;} .dojoDndAvatar tr, .dojoDndAvatar td {background:transparent none !important; border:0 !important; padding:0 !important;} .dojoDndAvatarHeader {display:none;} .list-panel-ratings {float:right; text-align:center; margin:-15px 10px 10px 0;} .list-panel-ratings .help-tip {margin-left:4px; cursor:pointer;} .list-panel-ratings strong {padding-left:30px;} .laurel {z-index:10; background:#f6f1e0 url(../images/laurel.jpg) no-repeat top right;} .laurel h4.list-name {margin-right:193px; -moz-border-radius-topright:0;} .laurel .list-order {right:-187px;} .laurel .list-panel-ratings {margin-right:22px;} /* Interior page searches*/ #list-dashboard-search-results .member-info {padding:4px 0; border-top:1px solid #e8d2b8;} #list-dashboard-search-results .loading, #list-search-results .loading {width:auto !important; margin:auto; background:transparent !important; border:0;} .list-search, .list-search:focus {width:196px !important; height:14px; line-height:14px; padding-left:6px; border:0; background:transparent url(../images/list-search.gif) no-repeat left center;} .list-search-button {display:inline; width:19px; height:22px; margin:4px 0 -6px -8px; border:0; padding:0;} .list-search-button:focus {border:0 !important;} .no-results {font-style:italic; text-align:center;} .list-search-result {margin:8px 0;} /* Lists Interior Pages */ #list-content {margin-top:-24px;} #list-content .left-column, #list-content .right-column {margin-top:0;} #list-header {position:relative; top:-40px; left:40px; width:700px;} #select-list-block label {visibility:hidden; padding:0; line-height:1em;} #list-header-nav {position:absolute; top:96px; margin:0 0 0 -10px; padding-bottom:20px; font-size:1.1em;} #list-header-nav+#page-heading {margin-top:50px;} #list-header-nav li {float:left; text-align:center; margin:0 24px 0 0;} #list-header-nav li a {text-decoration:none;} #list-header-nav #current a {padding:4px 10px; font-weight:bold; color:#754c24 !important; background:#f1ede0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #list-content h2 {clear:both; padding-top:.5em;} #list-content h4 {clear:both; margin:0 0 .4em 0; padding-bottom:4px; font-size:1.8em; color:#8c6239; border-bottom:1px solid #ccc;} #integration-code-links h4 {margin-top:1em; padding-left:30px; background:url(../images/icons/script_24.png) no-repeat left center;} #general-settings-links h4 {margin-top:1em; padding-left:30px; background:url(../images/icons/confg_24.png) no-repeat left center;} #list-members-links h4 {padding-left:30px; background:url(../images/icons/group_24.png) no-repeat left center;} .download-excel {padding:8px 0;} .download-excel a {background:url(../images/icons/excel_16.png) no-repeat left top; padding-left:18px;} /* lists - main page */ #list-dashboard-nav {clear:both; height:24px; border-top:1px solid #ccc;} #list-dashboard-nav li {float:left; margin:0 14px 0 0; padding:8px 0;} #list-dashboard-nav li a {text-decoration:none;} #list-content #list-dashboard-search {float:right; margin:-25px 0 24px; padding:0;} #list-content #list-dashboard-search #list-search {background:#efe7cd; margin-top:0; padding:.5em 1em .7em; border:1px solid #e8d2b8; border-top:1px solid #ccc; border-bottom:0;} #list-dashboard-search-results {float:right; clear:right; margin:-24px 0 24px 0; width:225px; padding:4px 10px; background:#efe7cd; border:1px solid #e8d2b8; border-top:0; -moz-border-radius-bottomright:4px; border-radius-bottomright:4px; -webkit-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-radius-bottomleft:4px; -webkit-border-radius-bottomleft:4px;} #list-dashboard-search .search-loading {text-align:center; font-style:italic;} #list-stats, #recent-subscribes, #recent-unsubscribes {width:100%; margin:0 0 1.4em 0; clear:both;} #list-stats td, #recent-subscribes td {border:1px solid #e8d2b8;} #recent-subscribes .merge-email {background: transparent none;} #list-stats a {font-size:1.4em; background:transparent url(../images/icons/group_24.png) no-repeat 4px center; padding-left:28px;} #list-content .link-group {float:left; clear:both; width:90%; margin:1em 0; padding:0em 3em 1.4em; font-size:1.1em; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #e8d2b8; background-color:#f7f3e5;} #list-content .link-group-overview {font-size:1.3em; font-style:italic; color:#333; margin-bottom:1em;} #list-content .links li {margin:1em 0; padding:.5em 0;} #list-content .links li a {font-size:1.4em;} #list-content .member-count {float:right; text-align:right; margin-top:-40px; padding:4px 4px 4px 24px; font-size:1.2em; font-weight:bold; color:#754c24; background:#f7f3e5 url(../images/icons/group_16.png) no-repeat 4px center; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #e8d2b8;} .view-member {display:block; width:50px; background:url(../images/icons/user_16.png) no-repeat left; padding-left:18px !important;} .delete-member {width:18px; height:18px; display:block; margin:auto; background:url(../images/icons/del_16.png) no-repeat left;} #recent-subscribes caption a {font-size:.9em; padding:0 .5em;} #list-import-type {padding:0.1em 1.4em .8em 1.4em;} #list-import-type hr {margin:90px 0 8px; background:#E8D2B8; height:0.1em;} #list-import-type .import-option-group {float:left; margin-right:24px;} #list-import-type .import-option-group img {display:block; margin-top:8px; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #list-import-type .import-option-group .help-tip {margin:0px 0 0 75px;} #section-cutpaste p {margin:.5em;} #section-cutpaste .helptip {display:inline} #create-file-info {margin-top:10px; padding:8px 20px; background:#fff; border:1px solid #E8D2B8;} #update-on-import-group {clear:both; margin:14px 0;} #member-content .subfield input {float:left; width:300px;} #member-content .datefield input, #member-content .phonefield input, #member-content .radiogroup input {display:inline; float:none; width:auto;} #member-content .datefield label, #member-content .phonefield label, #member-content .radiogroup label {display:inline; padding:0; color:#666; font-size:90%;} #member-content .radiogroup label, #member-content .radiogroup label {padding-right:18px; font-size:95%;} #member-content .formText, #member-content .formText {vertical-align:top;} #member-content .formText label, #member-content .formText label {font-size:130%;} #member-content .subfield, #member-content .subfield {display:block; width:500px; margin:3px 0; padding:4px; line-height:30px; background:#ebe4ce;} #edit-member-form .phonefield .subfield, #edit-member-form .datefield .subfield {display:inline;} #add-member-form .subfield label, #edit-member-form .subfield label {padding-left:4px; font-style:italic;} #add-member-form .addressfield label, #edit-member-form .addressfield label {display:inline; color:#666; font-size:95%;} /* Members tertiary links */ #add-member {background:url(../images/icons/adduser_16.png) no-repeat left center; padding-left:17px !important;} #unsub-member {background:url(../images/icons/deleteuser_16.png) no-repeat left center; padding-left:18px !important;} #import-members {background:url(../images/icons/exp_16.png) no-repeat left center; padding-left:17px !important;} #view-members {background:url(../images/icons/group_16.png) no-repeat left center; padding-left:17px !important;} #delete-all {background:url(../images/icons/del_16.png) no-repeat left center; padding-left:17px !important;} #change-columns {background:url(../images/icons/fields_16.png) no-repeat left center; padding-left:17px !important;} /* Member record pages */ #member-heading {padding-left:30px; background:url(../images/icons/group_24.png) no-repeat left;} #member-infoblock, #member-optininfoblock {width:100%; border:1px solid #DAC1A7; border-bottom:0;} #member-infoblock th, #member-optininfoblock th {text-align:right; width:20%;} #member-infoblock td, #member-optininfoblock td {border-bottom:1px solid #DAC1A7; border-right:0; font-weight:bold; font-size:1.1em;} #member-optin-proof p {font-size:1.2em; font-style:italic; color:#333;} #member-optin-proof h5 {margin:1.6em 0 .4em 0; padding-bottom:4px; font-size:1.6em; color:#c60; border-bottom:1px solid #ccc;} .no-data {text-align:center; font-size:1.2em; font-style:italic; color:#333;} /* Buttons */ #edit-member, #delete-member, #unsubscribe-member, #view-member {height:24px; margin:0 1em 1.2em 0; border:0; text-indent:-9999px; cursor:pointer;} #edit-member {background:url(../images/buttons/edit-button.gif) no-repeat; width:71px;} #delete-member {background:url(../images/buttons/delete-button.gif) no-repeat; width:71px;} #unsubscribe-member {background:url(../images/buttons/unsub-button.gif) no-repeat; width:120px;} #view-member {background:url(../images/buttons/view-button.gif) no-repeat; width:71px;} #edit-member-form .btn {float:none; margin-right:8px;} /* List Settings Pages */ #list-content h3 {margin:1.5em 0 .5em 0; padding-bottom:4px; border-bottom:1px solid #ccc;} #list-content #list-subheading {margin-top:1em !important; clear:both; border-bottom:0 !important;} #list-content p {font-size:1.1em;} .unsub-tips {padding-top:24px; font-size:1.1em; font-weight:bold; color:#333;} .unsub-tips .tips {font-weight:normal; color:#666; border-top:1px solid #ccc; padding-top:4px;} #list-subheading .help-tip .dijitButtonNode {font-size:14px;} .big-url {margin:1em auto; padding:8px; text-align:center; font-size:1.3em; background:#efe7cd; border:1px solid #e8d2b8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #ex1, #ex2, #ex3 {margin:0 0 6px 0 !important} .integration-links {margin:.0 0 1em 0; font-size:1.1em;} .integration-links li {margin:.7em;} .integration-links li a {font-size:1.2em;} #merge-tags {width:100%; margin-bottom:8px; background:#fff; border:1px solid #E8D6C1; border-collapse:separate;} #merge-tags td {border:1px solid #E8D6C1;} #merge-tags .av-text {width:97%;} .merge-var {width:auto !important; margin:0 4px;} #interest-groups {margin:1.5em 0;} #interest-groups li {margin:0; padding:4px 10px; background:#fff; font-size:1.2em; border-top:1px solid #e8d2b8;} #interest-groups li .delete {margin:0 10px 0 14px; padding:16px 20px 0 0; background:transparent url(../images/icons/del_16.png) no-repeat left bottom; zoom:1; text-decoration:none;} .sort-handle {padding:16px 8px 0 0; background:url(../images/icons/drag.png) no-repeat left bottom; cursor:move; zoom:1;} #merge-columns .sort-handle {padding-top:0 !important;} #merge-columns.sortable li {margin:8px 0;} #interest-groups .dijitInlineEditor input {width:80%;} /* List Web Hooks */ .list-webhooks-form h5 {clear:both; margin-top:1.2em; padding-bottom:4px; color:#c60; font-size:130%; border-bottom:1px solid #e8d2b8;} .list-webhooks-form button {clear:both; float:left; margin-top:20px; border:0; font-size:130%; font-weight:bold; color:#fff; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .list-webhooks-form .radio-group label {font-size:12px; line-height:14px;} .list-webhooks-form .radio-group {width:15%; margin-bottom:14px; text-align:left;} .list-webhooks-form .radio-group input {float:left; margin-right:10px;} /* Advanced form designer pages */ .link-group-overview p {font-style:normal; font-size:14px !important; color:#666;} .link-group-overview .label {display:none;} #customize-subscribe .btn, #customize-subscribe-thanks .btn, #customize-confirm-email .btn, #customize-confirm-thanks .btn, #customize-welcome-email .btn, #customize-profile .btn, #customize-profile-thanks .btn, #customize-unsubscribe .btn, #customize-unsubscribe-thanks .btn, #customize-goodbye-email .btn {margin:10px 10px 0 0 !important;} #customize-subscribe .button, #customize-subscribe-thanks .button, #customize-confirm-email .button, #customize-confirm-thanks .button, #customize-profile .button, #customize-profile-thanks .button, #customize-unsubscribe .button, #customize-unsubscribe-thanks .button, #customize-goodbye-email .button {float:right; margin:6px 0 0 0 !important;} #customize-subscribe .revert, #customize-subscribe-thanks .revert, #customize-confirm-email .revert, #customize-confirm-thanks .revert, #customize-profile .revert, #customize-welcome-email .revert, #customize-profile-thanks .revert, #customize-unsubscribe .revert, #customize-unsubscribe-thanks .revert, #customize-goodbye-email .revert {background:#A67C52 url(../images/icons/undo_16.png) no-repeat 20px 5px;} #customize-confirm-email .preview, #customize-welcome-email .preview, #customize-goodbye-email .preview {margin:8px 10px 0 0 !important;} .customize-tips {font-size:1.1em; color:#333; font-weight:bold;} .customize-tips ul {margin:0 0 14px 24px !important; color:#666; font-weight:normal; list-style-image:url(../images/icons/fastf_16.png) !important;} .customize-tips ul li {margin:8px 0; font-size:1.1em;} .rewards-change-badge {height:150px} .list-settings-rewards #list-change-badge {position:relative;} #customize-subscribe div.smarkup, #customize-subscribe-thanks div.smarkup, #customize-confirm-email div.smarkup, #customize-confirm-thanks div.smarkup, #customize-welcome-email div.smarkup, #customize-profile div.smarkup, #customize-profile-thanks div.smarkup, #customize-unsubscribe div.smarkup, #customize-unsubscribe-thanks div.smarkup, #customize-goodbye-email div.smarkup {margin-top:0 !important;} /* Integration code */ .unub-tips {font-size:1.2em;} .unsub-tips ul {padding-left:24px; list-style-image:url(../images/icons/fastf_16.png) !important;} .unsub-tips ul li {margin:8px 0;} .code-field {height:40px; font-family:Courier, monospace; color:#333;} .code-field-help {display:block; width:25%; margin:10px 0 -15px 0; padding:2px 8px 8px 8px; background:#ccc; color:#333; text-align:center; font-style:italic; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /* Mini Form Designer - this can be removed once we take this feature out of the app */ #signup-generator-container {float:left; width:99.9%; background:#F1EDE0; border-right:1px solid #e8d2b8; border-bottom:1px solid #E8D2B8;} #signup-generator-container #preview-template, #signup-generator-taskbar {float:left; width:48% !important;} #signup-generator-container #preview-template {margin-right:14px; background:#fff; border:1px solid #e8d2b8; border-top:0; border-bottom:0;} #signup-generator-taskbar {padding:4px 8px; background:#f1ede0;} #signup-generator-container #list-switcher, #signup-generator-container #theme-switcher, #signup-generator-container #listform-actions, #lang-switcher {float:none; width:auto;} #generated-signup-box {float:left; width:92% !important; margin:4px 0 !important;} #list-content #signup-generator-container #listform-actions {float:none !important; clear:both; margin-top:10px !important;} .generate-code {width:199px !important; height:24px; margin:-4px 10px 14px 0 !important; background:transparent url(../images/buttons/generate-form-code.png) no-repeat !important; text-indent:-9999px;} #signup-generator-taskbar form input {float:left; width:218px; height:24px; margin:0 14px; background:transparent url(../images/buttons/install-widget-typepad.png) no-repeat; border:0; text-indent:-9999px;} #miniform-video {float:right;} /* Embed Signup Form */ #embedded-form-designer h4 {float:left; clear:both; width:100%; margin-top:1em; font-size:1.4em; border-color:#e8d2b8;} #form-settings, #preview-form {padding:1em; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #e8d2b8; background-color:#f7f3e5;} #embedded-form-designer .radio-group, .checkbox-group {width:100%; overflow:hidden; clear:both; position:relative; line-height:1em; text-align:left;} #embedded-form-designer .radio-group label, .checkbox-group label {width:auto; margin:3px 0 0 5px; text-align:left;} #embedded-form-designer .radio-group input, .checkbox-group input {float:left; margin-right:4px;} #embedded-form-designer .radio-note {margin-top:0;} #embedded-form-designer #create-embed-code {width:180px !important; padding:6px;} #embedded-form-designer .radio-group .help-tip {position:absolute; top:10px; right:0;} #chicklet {margin-top:5px;} #embed-code-display input {width:175px; height:24px; margin-top:10px; background:url(../images/buttons/install-widget-typepad.png) no-repeat; text-indent:-9999px; border:0;} #embed-form-display {width:100%; height:300px; background:#fff; border:1px solid #e8d2b8;} #embedded-form-designer #form_label {width:94%;} /* Design/Build Forms */ #form-switch-group {float:left; width:259px; height:67px; padding:0 0 0 24px; background:url(../images/form-email-selectbg.png) no-repeat;} #build-design-switch {height:67px !important; margin-bottom:14px; background:url(../images/build-design-tabbg.png) repeat-x;} #build-design-switch+div {margin-top:8px;} #list-content #lang-switcher {position:absolute; top:210px; right:40px; z-index:100;} #form-select-label {color:#369;} #build-design-switch div {float:left; margin:32px 8px 0 10px; padding:4px 14px; color:#369; font-size:1.6em; font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; background:transparent none;} #build-design-switch div.listform-title-selected {background:#fff none; -moz-border-radius-topright:4px; border-radius-topright:4px; -webkit-border-radius-topright:4px; -moz-border-radius-topleft:4px; border-radius-topleft:4px; -webkit-border-radius-topleft:4px;} #build-design-switch div:hover {color:#18365d; cursor:pointer;} #list-content #listform-actions {margin-top:0 !important;} #list-form-panel {padding:0 !important;} #build-panel-options_tablist {background:#888168 url(../images/form-tab-bg.png) repeat-x;} #list-form-design-panel {padding:0 5% 5%;} #build-panel-options .dijitTabPaneWrapper {min-height:900px;} #list-form-build-panel .dijitTab, #list-form-build-panel .dijitTabChecked {margin:4px 2px -1px 6px !important; font-size:11px;} #list-form-build-panel .dijitTab {background:transparent none; border:0; color:#fff;} #list-form-build-panel .dijitTabHover {background:transparent none !important; border:0; color:#F1EDE0 !important;} #list-form-build-panel .dijitTabChecked {background:#F1EDE0; color:#8C6239;} #list-form-build-panel .dijitTabChecked.dijitTabHover {background:#F1EDE0 !important; color:#8C6239 !important;} #build-panel-options #build-panel-fieldopts {padding:8px 14px;} #build-panel-options #build-panel-fieldopts input {width:91%;} #build-panel-options #build-panel-fieldopts select {width:97%;} #build-panel-options #build-panel-fieldopts .inline-label {font-size:12px; line-height:30px;} #build-panel-options #build-panel-fieldopts .required-field-group {margin-top:8px;} #build-panel-options #build-panel-fieldopts .required-field-group input[type="checkbox"] {float:left; margin-top:9px; margin-right:8px;} #build-panel-options #build-panel-fieldopts .inline-label {color:#666; font-size:14px;} #build-panel-options .btn.save {clear:both; width:174px !important; height:36px; margin:10px 0 4px 0; text-indent:-9999px; background:transparent url(../images/buttons/save-field.png) no-repeat;} #build-panel-options #replicate-delete-group {float:left; clear:both; width:200px;} #build-panel-options .btn.replicate {width:84px !important; height:22px; text-indent:-9999px; margin-right:8px; background:url(../images/buttons/duplicate-field.png) no-repeat;} #build-panel-options .btn.delete {width:84px !important; height:22px; text-indent:-9999px; background:url(../images/buttons/delete-field.png) no-repeat;} #build-panel-fieldlist, #list-settings-fieldlist {margin:24px 15%;} #build-panel-fieldlist .merge-type, #list-wizard-fieldlist .merge-type, #list-settings-fieldlist .merge-type {width:162px; height:31px; line-height:30px; margin:4px; background:url(../images/buttons/field-buttons-bg.png) no-repeat; color:#754c24; font-weight:bold; cursor:pointer;} #build-panel-fieldlist .merge-type:hover, #list-wizard-fieldlist .merge-type:hover, #list-settings-fieldlist .merge-type:hover {background:url(../images/buttons/field-buttons-bg-hover.png) no-repeat; color:#603913;} #build-panel-fieldlist .merge-type .btn-icon, #list-wizard-fieldlist .merge-type .btn-icon, #list-settings-fieldlist .merge-type .btn-icon {float:left; width:24px; height:24px; margin:4px 6px 0 22px;} .merge-text {background:url(../images/icons/letters_24.png) no-repeat;} .merge-imageurl {background:url(../images/icons/image_24.png) no-repeat;} .merge-number {background:url(../images/icons/numbers_24.png) no-repeat;} .merge-radio {width:13px !important; height:15px !important; margin-top:8px !important; background:url(../images/icons/radio_button.png) no-repeat;} .merge-email {background:url(../images/icons/mail_24.png) no-repeat;} .merge-date {background:url(../images/icons/cal_24.png) no-repeat;} .merge-dropdown {width:32px !important; background:url(../images/icons/select-menu.png) no-repeat;} .merge-address {background:url(../images/icons/addbk_24.png) no-repeat;} .merge-phone {background:url(../images/icons/phone_24.png) no-repeat;} .merge-url {background:url(../images/icons/ntwrk_24.png) no-repeat;} #merge-choices-form {padding:10px 4px 4px;} #merge-choices-form, .merge-choices-oldform {margin-bottom:0; background:#fff;} #merge-choices-form ul, .merge-choices-oldform ul {height:220px; overflow:auto; padding-right:4px;} #merge-choices-form li, .merge-choices-oldform li {margin:4px 0; padding:4px; border-bottom:1px solid #ccc;} #merge-choices-form li input, .merge-choices-oldform li input {margin-bottom:4px;} #merge-choices-form .merge-choice-insert, .merge-choices-oldform .merge-choice-insert {width:24px; height:24px; margin-right:4px; background:url(../images/buttons/duplicate-field-sm.png) no-repeat; text-indent:-9999px; border:0;} #merge-choices-form .merge-choice-delete, .merge-choices-oldform .merge-choice-delete {width:24px; height:24px; background:url(../images/buttons/delete-field-sm.png) no-repeat; text-indent:-9999px; border:0;} #design-edittabs #editor-tab-monkeyrewards .edit-style {width:80px; float:left; clear:left;} #design-edittabs #editor-tab-monkeyrewards .change-badge-trigger .btn {margin-top:0;} #design-edittabs #editor-tab-monkeyrewards #list-rewards-box {position:absolute; width:60%; margin-left:145px;} #design-edittabs #editor-tab-monkeyrewards #list-rewards-box label {margin-top:0;} #design-edittabs #editor-tab-monkeyrewards #rewards-badge-list {width:500px !important; height:100px !important;} #design-edittabs .dijitTabPaneWrapper {top:33px !important;} /* Fix tab overlap in Safari */ #build-panel-fieldopts {overflow:visible !important;} #build-panel-fieldopts #field-type-group {margin-top:6px; text-align:center; background:#e6dfc8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #build-panel-fieldopts #field-type-group label {color:#c60 !important;} #wufoo-integration {margin:30px;} #wufoo-integration a {padding-left:53px; padding-bottom:10px; background:url(../images/icons/wufoo2.png) no-repeat left top; text-decoration:none; font-size:11px;} /* Field setup in list builder */ #list-wizard-fieldlist, #list-settings-fieldlist {width: 600px; margin:-4px 0 0 0;} #list-settings-fieldlist {float:left; clear:both;} #list-wizard-fieldlist li, #list-settings-fieldlist li {float:left;} .merge-choices-oldform {margin:-8px 0 0; border:0; background:#eee; text-align:left;} .merge-choices-oldform legend {display:none;} .merge-choices-oldform ul {height:auto;} .field-type-cell {color:#369; font-weight:bold;} .delete-button-cell a {display:block;} /*List Builder -------------------------------------------------------------- */ /* Start Page */ #list-builder-start-left, #list-builder-start-right {float:left; width:46%; padding-bottom:70px;} #list-builder-start-right {margin:-19px 0 0 24px;} #list-builder-start-left h4, #list-builder-start-right h4 {width:100%; color:#c60; border-bottom:1px solid #ccc; padding-bottom:4px;} #list-builder-start-left h4 {font-size:24px; margin-top:21px !important;} #list-builder-start-left #list-wizard-heading, #list-builder-start-left #list-wizard-subheading {float:none; text-align:left; margin:10px 0;} #list-builder-faq, #rss-quick-help {clear:both; font-size:1.8em; font-weight:bold; margin-bottom:14px;} #rss-quickhelp-links {margin-bottom:14px;} #rss-quickhelp-links li {margin:.5em;} #rss-quickhelp-links li a {font-size:115%; text-decoration:none; font-weight:bold; color:#754c24;} #rss-quickhelp-links li a:hover {color:#c60;} #list-builder-start-right .dijitTitlePane .dijitTitlePaneTitle {font-weight:bold; color:#754c24; border:0 !important;} #list-builder-start-right .dijitClosed {background:url(../images/icons/disclosure-closed-sm.png) no-repeat left center; padding-left:14px;} #list-builder-start-right .dijitOpen {background:url(../images/icons/disclosure-open-sm.png) no-repeat left center; padding-left:14px;} #list-builder-start-right .dijitTitlePane .dijitOpen .dijitArrowNode, #list-builder-start-right .dijitTitlePane .dijitClosed .dijitArrowNode {background:transparent;} #list-builder-start-right .dijitTitlePaneContentOuter {border:1px solid #E8D2B8; background:#F1EDE0; color:#666; padding:12px 24px; line-height:1.4em;} #list-builder-start-right .dijitTitlePaneContentOuter a {background:url(../images/icons/opnbr_16.png) no-repeat left center; padding-left:18px;} #list-builder-start-left #list-wizard-subheading {margin-top:14px !important; color:#754c24;} #list-manager-features {padding-left:24px; list-style-image:url(../images/icons/fastf_16.png) !important;} #list-manager-features li {margin:8px 0; font-size:1.1em; font-style:italic;} #field-grid {width:70%; background:#fff;} #field-grid caption span {font-size:80%; color:#c60; font-style:italic;} #field-grid td {border:1px solid #E8D6C1; text-align:center;} #field-grid td .field-name {width:96%;} .sidebar .dijitButton {margin:0.2em 0.2em 2em 0.2em !important;} .sidebar p img {float:none; displa:block;} #list-wizard-heading {margin:24px 0 0 0; font-size:190%; color:#754c24;} #list-wizard-subheading {margin:0 0 14px 0; font-size:110%; font-style:italic; font-weight:normal;} #list-wizard-steps.big-list {font-size:150%;} #list-rules-compliance {margin:0 0 10px 0; padding:14px; border:1px solid #e8d2b8; background-color:#f7f3e5;} #list-rules-compliance h3 {margin-top:.5em; font-weight:bold; color:#369;} #list-rules-compliance li {margin:-10px 0; padding:0;} #list-rules-compliance li .inline-label {line-height:48px;} .list-build-button {margin:26px 0pt 0 -14px; width:364px; height:50px; border:0 !important; background:none;} #skip-import {margin:14px;} #import-list-wizard-help {margin-left:0; margin-right:24px;} #list-import-help {text-align:right; margin-top:-24px !important;} .list-import-table {border:1px solid #DAC1A7;} .list-import-table td.warning, .list-import-table td.success {border:0; border-bottom:1px solid #DAC1A7;} .list-import-table .import-fieldname {font-weight:bold; color:#754c24; text-align:right;} .list-import-table tfoot td {background:#EFE7CD url(../images/accordion-tile.gif) repeat-x; border-top:1px solid #DAC1A7 !important;} .list-import-table .default-hidden {display:none;} .list-import-table .visible {display:table-row;} #import-example, #advanced-example {width:100%; margin:10px 0; border:1px solid #666; border-collapse:separate;} #import-example .import-heading th, #advanced-example .import-heading th {background-color:#9cf !important; border-bottom:2px solid #666;} #import-example th, #advanced-example th {background:#ccc !important; border-right:1px solid #666; border-bottom:1px solid #666; font-weight:bold; color:#333;} #import-example td, #advanced-example td {border:1px solid #ccc; background:#fff !important;} #import-field {width:97%; padding:4px 5px; background-color:#fff; color:#333; border:2px solid #ccc;} #import-file {width:80%;} .copy-info, .cancel-copy-info {display:block; width:200px; height:24px; margin-top:8px; text-indent:-9999px;} .copy-info {background:url(../images/buttons/account-info.png) no-repeat left top;} .cancel-copy-info {background:url(../images/buttons/cancel-account-info.png) no-repeat left top;} .hotdog {display:none; position:absolute; bottom:-236px; right:-200px; width:250px; height:132px; background:url(../images/hotdog.gif) no-repeat;} /* disabled hot dog until I can resolve logical layout */ /*Template Designer -------------------------------------------------------------- */ #template-campaign-links li, #template-links li {float:left; margin-right:14px; margin-bottom:4px; overflow:hidden;} #template-campaign-links .disclosure-open, #template-links .disclosure-open, #challenge-designer-links .disclosure-open {background:url(../images/icons/disclosure-open-sm.png) no-repeat left center; padding-left:14px;} #template-campaign-links .disclosure-closed, #template-links .disclosure-closed, #challenge-designer-links .disclosure-closed {background:url(../images/icons/disclosure-closed-sm.png) no-repeat left center; padding-left:14px;} /* Design Helper */ #create-template .layout-selected {min-height:240px; background-position:center 8px; background-color:#fff; border:1px solid #e8d2b8;} .layout-selected label {margin-top:147px;} .layout-help li {margin:5px 0;} .layout-help li button {width:150px; height:30px; background:url(../images/buttons/help-with-design.png) no-repeat; text-indent:-9999px; border:0; cursor:pointer;} #pick-image, #preview-design {clear:both; overflow:hidden; padding:10px; background:#F1EDE0; border:1px solid #E8D2B8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #pick-image h3, #preview-design h3 {margin-top:0.2em; margin-bottom:1em;} #helper-pages .left-categorylist {height:340px; background:#fff; border:1px solid #ccc;} #helper-pages #header-image-list {float:left; height:340px; margin:-10px -15px 0 0; overflow:auto; padding:0; width:640px; background:#fff; border:1px solid #ccc;} #helper-pages #header-image-list li {text-align:center;} #preview-design-frame {width:99.7% !important; height:500px !important; margin-top:10px; border:1px solid #E8D2B8; border-top:0;} #preview-design-actions {margin-bottom:-13px; padding:10px; background:#fff; border:1px solid #e8d2b8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #preview-design-actions li {border:0;} #preview-design-actions .last {float:right;} #header-image-form {margin:20px 0 -10px 0; padding-top:10px; border:0; background:#fff; border-left:1px solid #e8d2b8; border-right:1px solid #e8d2b8;} #header-image-form legend { margin:0 0 -10px -10px; border:0; color:#369;} #header-image-form label {float:left; color:#666; font-size:13px;} #header-image-form h4, #header-image-form h6 {margin-top:0; margin-bottom:8px; padding-bottom:2px; border-bottom:1px solid #ccc; color:#333; font-weight:bold;} #header-image-form .left-column, #header-image-form .right-column {margin-bottom:10px;} #pick-image-upload .save-cancel-group {margin-top:10px;} #pick-image-upload button {float:left; width:130px; margin-top:5px; padding:0.3em;} #pick-image-upload .dijitInline {display:inline !important;} /* Header designer */ #edit-image-designer-modal {width:950px !important; height:622px !important;} #edit-image-designer-modal .dijitDialogPaneContent {width:99% !important; height:auto !important; max-height:600px !important; overflow:hidden;} #edit-image-designer-modal .save-block .cancel button {padding:0 4px 3px;} .dialog-wizard-steps {position:absolute; top:8px; left:230px;} .dialog-wizard-steps li {float:left; margin:0 10px; padding:4px 8px; font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; color:#c60; font-size:18px; font-weight:bold;} .dialog-wizard-steps li.selected {background-color:#d0e1f0 !important; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; padding:4px 8px 4px 40px !important; background-position:8px 4px !important;} .dialog-wizard-steps li.step1 {background:url(../images/header-step1.gif) no-repeat left 4px; padding-left:30px;} .dialog-wizard-steps li.step2 {background:url(../images/header-step2.png) no-repeat left 4px; padding-left:30px;} .dialog-wizard-steps li.step3 {background:url(../images/header-step3.png) no-repeat left 4px; padding-left:30px;} .step3 .left-column, .step3 .right-column {width:31%; margin:0 1%;} #edit-image-designer-modal .save-block {float:none; height:50px; margin-left:78%; margin-top:-55px; text-align:right; width:200px;} #edit-image-designer-modal .save-block .save {height:auto; background:transparent none;} #edit-image-designer-modal .save-block #designer-save-button {font-size:14px !important; width:70px; height:auto; padding:0 4px 4px; background:#c60; color:#fff; border:4px solid #f0c091;} #edit-image-designer-modal .save-block .dijitButtonNode {visibility:visible; padding-top:0.2em; font-size:14px;} #edit-image-designer-modal .save-block .cancel {position:static; width:auto; height:auto; margin-left:0; background:transparent none;} .dialog-wizard-header .next {display:block; width:32px; height:32px; margin:-33px 0 0 680px; text-indent:-9999px; background:url(../images/buttons/header-forward.gif) no-repeat;} .dialog-wizard-header .back {display:block; width:32px; height:32px; margin:-1px 0 0 180px; text-indent:-9999px; background:url(../images/buttons/header-back.gif) no-repeat;} .dialog-wizard-header .next.disabled {background:url(../images/buttons/header-forward-disabled.gif) no-repeat;} .dialog-wizard-header .back.disabled {background:url(../images/buttons/header-back-disabled.gif) no-repeat;} .dialog-wizard-header .video-help {float:left; margin-top:4px; background:url(../images/icons/video.png) no-repeat center left; color:#666; font-weight:bold;} .dialog-wizard-header {width:102%; height:50px;} .dialog-wizard-pages {float:left; width:102%; height:555px; margin:0 -10px; padding:0; border-top:1px solid #ecdfcb; background:#f1ede0;} .left-categorylist, .right-categorized {float:left; height:530px; overflow:auto; margin-top:-10px;} .left-categorylist {width:32%;} .left-categorylist li.selected {background:#9cf; color:#133663;} .left-categorylist li {margin:0; padding:8px 20px; border-bottom:1px solid #ccc; color:#333; font-weight:bold; cursor:pointer;} .left-categorylist li .category-count {float:right; color:#666;} .right-categorized {width:68%; float:right;} .right-categorized li {position:relative; margin:0; padding:5px 0; text-align:center;} .right-categorized li img {cursor:pointer;} #design-text-fields {width:98%; margin:0 4px; padding:4px; background:#fff;} #design-text-fields .left-column, #design-text-fields .right-column {margin:0 10px; width:47%;} #design-text-fields .field-help {width:96%;} #design-text-fields .font-style, #design-text-fields .font-face, #design-text-fields .font-variant, #design-text-fields .font-size, #design-text-fields .font-color {float:left; margin:0 16px 4px 0;} #design-text-fields .font-size {clear:left;} #design-text-fields .font-style select, #design-text-fields .font-face select, #design-text-fields .font-variant select, #design-text-fields .font-size select, #design-text-fields .font-color input {width:auto;} .font-label {border-bottom:1px solid #ccc; padding-bottom:4px; margin:30px 0 0 0;} .primary-label {margin-top:6px; color:#4c2b11; font-size:110%;} fieldset.stepped {position:relative; width:95%; background:#fff;} .stepped legend {background:#D0E1F0; color:#369; border:0;} #image-text-preview-block {margin:8px auto; text-align:center;} #image-resize-preview {float:left;} #select-designer-image {position:absolute; bottom:6px; right:8px; z-index:100;} #designer-align {width:100% !important;} /* Solo template designer */ #solo-template-designer #page-heading {border-bottom:1px solid #ccc; padding-bottom:4px;} #solo-template-designer #save-cancel {margin:-45px 0 0 0;} #solo-template-designer #template-links {float:left; margin-bottom:10px;} #templatebuttons-top {width:320px; margin:4px 0 0 0 !important; padding:0 0 0 6px; font-size:.9em; z-index:100; border:0 !important; border-left:1px solid #ccc !important;} #templatebuttons-top * {margin:0; padding:0; line-height:18px; height:18px; color:#c60; text-transform:lowercase !important;} #templatebuttons-top .icon {display:none;} #templatebuttons-top .p3, #templatebuttons-top .p3 .button-right {background:transparent !important; margin:0 !important; padding:0pt 0 4px 0 !important;} #templatebuttons-top .p3:hover {color:#754c24 !important; text-decoration:none;} #templatebuttons-top .popup-preview {background:transparent url(../images/icons/srch_16.png) no-repeat left center; padding-left:18px;} #templatebuttons-top .button {height: 18px; margin-left:14px !important; font-weight:normal; text-decoration:underline;} #templatebuttons-top .popup-preview {padding:13px 0;} #templatebuttons-top strong {font-weight:bold; color:#754c24 !important;} #templatebuttons-bottom {clear:both;} .layout {margin-bottom:0;} .rss-tagref-link {position:absolute; right:220px; top:190px;} #designer-rss-tagref-dialog {top:23px; right:195px; z-index:100;} #rss-tagref {z-index:1000;} /* RSS tag ref window & advance merge tags ref window */ #rss-tagref-ref.dijitContentPane, #adv-tagref-ref.dijitContentPane {overflow:auto !important; padding:10px 14px;} .ref-caption {margin:10px 0; text-align:center; font-style:italic; color:#754c24;} #rss-tagref-ref h4, #adv-tagref-ref h4 {padding-bottom:4px;font-size:140%; color:#c60; border-bottom:1px solid #c69c6d;} #rss-tagref-ref dt, #adv-tagref-ref dt {float:left; clear:left; width:32%; text-align:right; margin:0 20px 0 0; padding:8px 0 4px 0; font-weight:bold;} #rss-tagref-ref dd, #adv-tagref-ref dd {margin:0 20px 0 0; padding:8px 0 18px 227px; border-bottom:1px solid #FFFFFF;} .double-merge {min-height:80px;} #rss-tagref-examplelist, #adv-tagref-examplelist {margin-top:14px;} #rss-tagref-examplelist textarea, #adv-tagref-examplelist textarea {height:180px !important;} #rss-tagref-examplelist .dijitAccordionBody, #adv-tagref-examplelist .dijitAccordionBody {height:200px !important;} #editor-tabs .dijitTabPaneWrapper {top:26px; border-top:0; margin-top:-1px; padding:3px 0; font-size:11px;} #editor-tabs {margin-top:0; clear:both;} #editor-tabs .dijitTabChecked {background:#f1ede0 none; color:#8c6239; font-weight:bold; margin-bottom:1px; border:1px solid #e8d2b8;} #editor-tabs .dijitTabChecked .dijitTabInnerDiv {border:0;} #editor-tabs .dijitTabInnerDiv {border-bottom:0; margin-bottom:3px;} #editor-tabs_tablist .dijitTab {float:left; padding:0 8px; text-align:center; border-bottom:0; -moz-border-radius-topright:4px; border-radius-topright:4px; -webkit-border-radius-topright:4px; -moz-border-radius-topleft:4px; border-radius-topleft:4px; -webkit-border-radius-topleft:4px;} #edit-content-modal #designer-adv-tagref-dialog {position:relative; top:-380px !important; display:block; width:70%; padding-top:0 !important;} #adv-tagref {z-index:9999;} /* Subtabs */ #editor-subtabs-page_tablist {margin-left:6px;} .editor-subtab {background:#fff url(../images/prop-insp-shadow.gif) repeat-x top;} .editor-subtabs .dijitTab {float:left; width:140px; padding:0; border:0; background:none; color:#8c6239; font-weight:bold; text-align:center;} .editor-subtabs .dijitTab:hover {color:#754c24;} .editor-subtabs .dijitTabLabels-top {background:#f1ede0; padding:4px; border:0 !important; font-size:.9em;} .editor-subtabs .dijitTabLabels-top .dijitTabInnerDiv {border:0; text-align:center;} .editor-subtabs .dijitTabChecked {font-weight:bold !important; background:url(../images/buttons/subtab-checked.png) no-repeat !important; border:0 !important; color:#c60 !important;} .editor-subtabs .dijitTab.dijitTabChecked_tablist {background-color:#754c24; margin-top:-1px;} .editor-subtabs .dijitTabHover {color:#c60 !important; background:transparent none !important;} .tips {padding-top:6px;} .border-type {margin-right:4px;} /* Monkey Rewards Tab */ #editor-tab-monkeyrewards {margin:4px 8px;} .rewards-badge-list {position:absolute; top:0; right:0; background:#fff; border:1px solid #CCCCCC; height:118px; overflow-x:hidden; overflow-y:scroll; padding:4px; width:60%;} .rewards-badge-list li {float:left; margin:4px;} #use-monkeyrewards {width:130px;} #campaign-change-badge-trigger {position:absolute; top:52px; left:0;} /* template selection tabs */ #my-templates, #create-template {padding:14px; text-align:center; background-color:#f1ede0;} #my-templates h4, #create-template h4 {width:70%; margin:1em auto; font-size:1.8em; padding-bottom:4px; border-bottom:1px solid #fff; color:#603913;} #my-templates {overflow:auto !important;} #import-url h4 {margin:1em 0 .5em 0; border-bottom:1px solid #fff; font-size:1.5em; color:#603913;} /* User Templates */ #template-previewtheme-template {float:left; clear:both; position:relative; width:99.6%; margin-bottom:8px; background:#eee; border:2px solid #E8D2B8; border-top:0;} .user-template {float:left; width:220px; height:270px; text-align:center;} .user-template .buttonwrapper {clear:both; border:0 !important; margin:0px 0px 36px 10px; padding:0 10px;} .user-template .button {} .template-actions {float:left; width:100%; margin-left:64px; margin-bottom:4px;} .template-actions #view-template {border-right:1px solid #ccc;} .template-actions li {float:left; padding:0 8px;} /* Default Templates */ .layout-actions .customize-layout {text-align:center;} .layout-actions .customize {display:block; width:143px; height:35px; margin:auto; background:url(../images/buttons/customize.png) no-repeat; text-indent:-9999px;} #layout-1, #layout-2, #layout-3, #layout-4, #layout-5, #layout-6 {float:left; width:18%; height:150px; text-align:center;} #layout-1:hover, #layout-2:hover, #layout-3:hover, #layout-4:hover, #layout-5:hover, #layout-6:hover, .user-template:hover {cursor:pointer;} #layout-1 label, #layout-2 label, #layout-3 label, #layout-4 label, #layout-5 label, #layout-6 label {clear:both; margin:140px 0 0 0 !important;} .user-template label {clear:both; margin:140px 0 0 0 !important; line-height:1.1em;} .user-template .button {margin-left:20px;} #layout-1, #layout-6, .template-basic, .template-basic_old {background:url(../images/basic.gif) no-repeat 51% top;} #layout-2, .template-left_column {background:url(../images/left_column.gif) no-repeat 51% top;} #layout-3, .template-right_column {background:url(../images/right_column.gif) no-repeat 51% top;} #layout-4, .template-postcard {background:url(../images/postcard.gif) no-repeat 51% top;} #layout-5, .template-richtext, .template-lowfi {background:url(../images/rich-text.gif) no-repeat 51% top;} #my-templates .template-basic, #my-templates .template-left_column, #my-templates .template-right_column, #my-templates .template-postcard {background-position:center top;} /* Code Editor */ #campaign-html-tabs {height:660px;} #campaign-html-tabs_tablist .dijitTabPaneWrapper {height:650px;} #paste-html {height:auto !important;} #paste-html .buttonwrapper, #paste-html .buttonwrapper-right {margin:0 0 0 8px !important;} #paste-html fieldset.tab-fieldset {padding:.3em 1.4em 0 1.4em !important; border:0; background:transparent none;} #paste-html p {padding:1em 0pt 0 1.4em;} #paste-html iframe {width:100% !important; height:400px !important;} #paste-html iframe #textarea, #paste-html iframe #textarea:hover {height:352px !important;} #paste-html #merge-list {bottom:243px !important; width:97%;} #paste-html #paste-rss-tagref {top:434px; right:24px;} .paste-rewards {position:relative;} .paste-rewards .rewards-change-badge {height:100px;} .paste-rewards .rewards-badge-list {top:50px;} .paste-rewards #campaign-change-badge-trigger {top:152px;} .paste-rewards .rewards-box h4 {margin-top:0;} /* Free Trials */ .free-acct-rewards .rewards-badge-list {top:144px; height:80px;} .free-acct-rewards #campaign-change-badge-trigger {top:204px;} #editor-tab-monkeyrewards .free-acct-rewards .rewards-badge-list {top:40px; height:80px;} #editor-tab-monkeyrewards .free-acct-rewards #campaign-change-badge-trigger {top:95px;} #editor-tab-monkeyrewards .free-acct-rewards label {margin-top:0;} #editor-tab-monkeyrewards #free-trial-rewards-warning {margin-bottom:0; padding:3px 4px; background-image:none !important; text-align:center;} /* Free Trials - Form Designer */ #editor-tab-monkeyrewards .free-acct-rewards #list-change-badge-trigger {position:absolute; top:80px;} #campaign-html-tabs {height:650px;} /* modal windows */ .save-block {float:right; text-align:right;} .save-block .upload {width:60px; height:18px; padding-top:0 !important; background:url(../images/buttons/upload-button.gif) no-repeat; cursor:pointer;} .save-block .save {width:60px; height:18px; background:url(../images/buttons/save-button.gif) no-repeat; cursor:pointer;} .save-block .cancel {width:70px; height:18px; background:url(../images/buttons/cancel-button.gif) no-repeat; cursor:pointer;} .save-block .dijitButtonNode {visibility:hidden;} /*Account -------------------------------------------------------------- */ .left-column, .right-column {float:left; clear:none; width:44%; margin-top:10px;} .left-column h3, .right-column h3 {margin-bottom:4px; padding-bottom:10px; border-bottom:1px solid #ccc;} .left-column h3 img, .right-column h3 img {margin:0 10px -5px 0;} .left-column h3 a, .right-column h3 a {text-decoration:none;} .right-column {margin-left:20px;} /*Monkey Rewards Dashboard -------------------------------------------------------------- */ #monkeyrewards-sidebar, #api-sidebar {float:left; width:300px; margin-right:24px;} #monkeyrewards-main {float:left; width:64%;} #monkeyrewards-applied, #monkeyrewards-referrals {width:100%; margin-bottom:24px;} #monkeyrewards-referrals .rewards {color:#369; font-weight:bold; font-size:120%;} #monkeyrewards-referrals .name {font-weight:bold; color:#603c1d;} #monkeyrewards-sidebar .stats-title, #api-sidebar .stats-title {padding:2px; color:#fff; font-size:150%; font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; -moz-border-radius-topright:4px; border-radius-topright:4px; -webkit-border-top-right:4px; -moz-border-radius-topleft:4px; border-radius-topleft:4px; -webkit-border-top-left-radius:4px;} #monkeyrewards-sidebar .month-stats-number, #api-sidebar .month-stats-number {margin:8px 0 -10px 0; font-size:280%; font-weight:bold;} #monkeyrewards-sidebar .month-referrals, #api-sidebar .month-referrals {font-size:130%; font-weight:bold;} #monkeyrewards-sidebar .month-referrals strong, #api-sidebar .month-referrals strong {color:#333;} #monkeyrewards-sidebar .total-stats, #api-sidebar .total-stats {width:50%; margin:4px auto 8px auto; padding:2px 4px; font-size:115%; -moz-border-radius:4px; border-radius:4px; -webki-border-radius:4px;} #monkeyrewards-sidebar h4, #api-sidebar h4 {clear:both; padding-bottom:2px; font-size:140%; color:#754c24; border-bottom:1px solid #ccc;} #api-sidebar h4 {margin-top:.5em;} #email_notification_form {margin-bottom:60px;} #monkeyrewards-sidebar .inline_label, #api-sidebar .inline_label {display:inline; font-size:1.1em;} #monkeyrewards-sidebar #notify_rewards, #api-sidebar #notify_rewards {display:inline; float:left;} #monkeyrewards-credits-stats {padding-bottom:4px; background:#b4d6f8; text-align:center; -moz-border-radius:4px; border-radius:4px; -webki-border-radius:4px;} #monkeyrewards-credits-stats .stats-title {padding:2px; background:#369; color:#fff; font-size:150%; font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; -moz-border-radius-topright:4px; border-radius-topright:4px; -webkit-border-top-right:4px; -moz-border-radius-topleft:4px; border-radius-topleft:4px; -webkit-border-top-left-radius:4px;} #monkeyrewards-credits-stats .month-stats {color:#369; font-size:115%;} #monkeyrewards-credits-stats .month-stats-number {color:#369;} #monkeyrewards-credits-stats .total-stats {background:#369; color:#b4d6f8;} #monkeyrewards-credits-stats .total-stats strong {color:#fff;} #monkeyrewards-inspection-stats, #api-usage-stats {margin-top:8px; padding-bottom:4px; background:#e8d2b8; text-align:center; -moz-border-radius:4px; border-radius:4px; -webki-border-radius:4px;} #monkeyrewards-inspection-stats .stats-title, #api-usage-stats .stats-title {background:#b78b5c;} #monkeyrewards-inspection-stats .month-stats, #api-usage-stats .month-stats {color:#8c6239; font-size:115%;} #monkeyrewards-inspection-stats .month-stats-number, #api-usage-stats .month-stats-number {color:#8c6239;} #monkeyrewards-inspection-stats .total-stats, #api-usage-stats .total-stats {background:#b78b5c; color:#f1e0cb;} #monkeyrewards-inspection-stats .total-stats strong, #api-usage-stats .total-stats strong {color:#fff;} #monkeyrewards-main h3 {padding-bottom:4px; color:#c60; border-bottom:1px solid #ccc;} #monkeyrewards-main .rewards-box {float:left; width:278px; height:160px !important; padding:8px; background:#f1ede0; border:1px solid #e8d6c1; -moz-border-radius:4px; border-radius:4px; -webki-border-radius:4px; font-style:italic; color:#754c24;} #monkeyrewards-main .rewards-box h4 {margin:0 0 14px 0; padding-bottom:4px; border-bottom:1px solid #e8d6c1; font-size:140%; font-style:normal; color:#c60; text-align:center;} #monkeyrewards-main .rewards-box img {display:block; margin:auto;} #monkeyrewards-main .rewards-box p {text-align:center; margin-bottom:0;} #monkeyrewards-main #campaign-rewards-box {margin-right:14px;} #monkeyrewards-main .change-badge-trigger {position:static; display:block; margin:0 0 0 80px;} #monkeyrewards-main .rewards-badge-list {top:118px !important; right:-9px; width:102%;} #monkeyrewards-main #account-monkey-rewards {float:left; margin-bottom:170px;} #mr-text-link-heading {clear:both;} #mr-badges-heading {margin-top:0;} #or {text-align:center; font-size:140%; font-style:italic; font-weight:bold; color:#369;} /*API Dashboard -------------------------------------------------------------- */ .api-table {width:100%; margin-bottom:24px;} .api-stats .no-data, #api-usage-data-table .no-data {display:block; margin:8px; padding:8px; text-align:center; font-size:120%; font-style:italic; background:#FFF6BF; color:#817134; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .api-links {margin-left:14px; list-style-image:url(../images/icons/fastf_16.png) !important; padding-left:24px;} #create-api-key {margin-top:-20px; text-align:right;} #create-api-key a {background:url(../images/icons/add_16.png) no-repeat left center; padding-left:20px; font-weight:bold; font-size:115%;} .disable-key {background:url(../images/icons/disconnect_16x16.png) no-repeat left center; padding-left:20px; padding-top:1px;} .enable-key {background:url(../images/icons/connect_16x16.png) no-repeat left center; padding:20px;} .api-throttled-call {background:#F59898; color:#E40909; font-weight:bolder; min-width:100%;} .api-result-success {background:url(/images/icons/success_16.png) no-repeat center center; width:100%;} .api-result-failure {background:#F59898 url(/images/icons/stop_16.gif) no-repeat center center; width:100%;} #api-graph-controls {float:left; clear:both; margin:10px 0;} #api-graph-controls li {float:left; margin-right:14px;} ul#api-usage-controls {width:100%;} #api-usage-controls li {float:left;} #api-usage-controls input {width: 80%;} #api-usage-data-table {width:100%;} #api-usage-data-table th {width:33%;} #api-usage-heading {margin-top:2em !important;} #api-chart .annotatedtimelinetable td {border:0 !important; padding:0;} #api-chart .annotatedtimelinetable #chartDiv1, #api-chart .annotatedtimelinetable #chartDiv1 embed {width:610px !important;} #api-call-table {clear:both;} /*Template/Form Designer -------------------------------------------------------------- */ .edit-style {float:left; width:130px; font-size: 80%;} #editor-tab-monkeyrewards #list-badge-list {width:50%;} .editor-subtab {padding-left:20px;} .editor-subtab .border-top, .editor-subtab .border-bottom, .editor-subtab .border-left, .editor-subtab .border-right, .editor-subtab .border {width:200px;} .edit-style select {width:100px; padding:4px;} .edit-style input {width:100px; display:block; float:left; margin-right:4px;} #preview-template {width:71%; min-height:550px; margin:4px;} .preview-template-campaign {border:2px solid #E8D2B8;} .editor-subtab .tips {clear:both; margin-left:20px; margin-top:4px;} .edit-style .border-fields select, .edit-style .border-fields input, .edit-style .border-fields span { display:block; float:left; width:15px;} .edit-style span.suffix {height:30px; padding-top:6px; display:block; float:left;} .edit-style .border-fields select.border-type {width: 60px;} .edit-style .border-fields input.border-color {width: 45px;} /* List Form Designer */ #list-form-panel {float:right; width:24%; min-width:236px; min-height:900px; padding:50px 2% 2% 2%; background:#F1EDE0; border-left:2px solid #E8D2B8;} #list-form-panel #theme-chooser {float:none; width:100%; min-height:auto; margin-top:24px; padding:0; border:0;} #list-form-panel #theme-chooser-heading {margin-top:24px; font-size:18px; color:#369;} #list-form-panel #theme-showhider {display:none;} #list-form-panel #list-form-elements {float:left; width:87%; margin:0 0 4% -8%; padding:2% 14.5%; background:#fff; border-bottom:2px solid #E8D2B8;} #list-form-panel #list-form-elements select {width:100%;} #list-form-panel #theme-categories {height:80px;} #list-form-panel #themes {height:100px;} #fake-save-form {position:absolute; top:180px; right:25px; margin:0pt 0 4px 24px; cursor:pointer; z-index:101;} #preview-switcher-container {position:relative; width:99.7%; border:2px solid #e8d2b8; border-top:0; background:#eee;} #save-email-headers {padding:0 0 8px 8px;} #save-response {display:none; clear:both; margin:8px 8px 0 0; padding:4px 14px 4px 48px; font-size:115%;} .fake-save {clear:both;} .preview-template-list {float:left; width:70% !important;} #current-form {position:absolute; top:0; right:0; width:28%; height:42px; padding-top:18px; background:#FFFFFF url(../images/now-viewing.png) no-repeat scroll center 10px; font-size:1.1em; font-weight:bold; text-align:center; color:#369;} #listform-actions {float:none !important; margin-top:-10px !important; } #listform-actions li {float:left; margin:4px 24px 4px 0;} #email-headers {float:left; width:100%; background:#fbfaf6; border-bottom:1px solid #E8D2B8 !important; border-collapse:separate;} #email-headers th {width:12%; text-align:right; border:0;} #preview-switcher-container #listform-actions {margin-top:10px !important;} #get-form-code {float:right; margin:0 0 -14px 0;} #get-form-code a {background:url(../images/icons/script_16.png) no-repeat left; padding-left:20px; font-size:110%;} #confirm-delete-field {text-align:center; font-size:130%;} #confirm-delete-field #delete-cancel-group {margin:auto;} /*Reports -------------------------------------------------------------- */ #overview-heading * {display:inline; color:#666; font-size:.9em;} #overview-heading a {color:#c60;} #overview-heading a:hover {color:#754c24;} #header-slot {margin-top:-8px; background:url(../images/campaign-perform-key.gif) no-repeat right top;} #header-slot h4 {margin-bottom:.5em; font-size:1.3em; color:#a67c52; text-transform:lowercase;} #report-nav {position:absolute; top:96px; width:80%; margin:0 0 24px -14px; font-size:1.2em;} #report-nav li {float:left; padding:0 22px 0 0; text-align:center;} #report-nav li a {text-decoration:none; font-size:90%;} #report-nav #current a {padding:4px 10px; font-weight:bold; color:#754c24 !important; background:#f1ede0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .print-report {width:950px; margin-bottom:4px; margin:-30px 4px 10px 0; text-align:right;} #report-nav+#main {margin-top:50px;} #barf-button {display:block; width:219px; height:52px; margin:0; padding:0; text-indent:-9999px; background:url(../images/buttons/compare-campaigns.png) no-repeat;} #barf-button:hover {background:url(../images/buttons/compare-campaigns-over.png) no-repeat;} #main.single-col {margin-left:0;} #overview-block {position:relative; width:950px; height:420px; padding:0; background:#f7f3e5; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #e8d2b8;} #overview-block #chart-block {position:absolute; top:14px; left:-18px; margin:0;} #overview-block #chart-block #chart-pie {margin-bottom:-18px;} #overview-block #chart-block #sent-time {color:#666;} #reports-download-excel {padding:4px 0; text-align:right;} .reports-tertiary-nav {margin:20px 0 10px 0;} .reports-tertiary-nav li {border:0; padding:0; margin-right:20px; line-height:22px;} .reports-tertiary-nav li a {line-height:20px; color:#369; font-weight:bold; font-size:120%; text-decoration:none;} .reports-tertiary-nav li a:hover {color:#274d72;} .reports-tertiary-nav li.current a {display:block; padding:2px 8px; background:#369; color:#fff; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} /* Stat blocks */ #overview-block .statblock {float:left; min-width:74px; margin-right:3px; line-height:62px; vertical-align:middle;} #overview-block .statblock .sleft {float:left; width:4px; margin-left:-4px; padding:31px 2px;} #overview-block .statblock .sright {float:right; width:4px; margin-right:-4px; padding:31px 2px;} #overview-block #opened .statblock {background:url(../images/opened-statblock.png) repeat-x top;} #overview-block #opened .statblock .sleft {background:url(../images/opened-statblock-left.png) no-repeat top;} #overview-block #opened .statblock .sright {background:url(../images/opened-statblock-right.png) no-repeat top;} #overview-block #bounced .statblock {background:url(../images/bounced-statblock.png) repeat-x top;} #overview-block #bounced .statblock .sleft {background:url(../images/bounced-statblock-left.png) no-repeat top;} #overview-block #bounced .statblock .sright {background:url(../images/bounced-statblock-right.png) no-repeat top;} #overview-block #unopened .statblock {background:url(../images/unopened-statblock.png) repeat-x top;} #overview-block #unopened .statblock .sleft {background:url(../images/unopened-statblock-left.png) no-repeat top;} #overview-block #unopened .statblock .sright {background:url(../images/unopened-statblock-right.png) no-repeat top;} #overview-block #clicked .statblock {background:url(../images/clicked-statblock.png) repeat-x top;} #overview-block #clicked .statblock .sleft {background:url(../images/clicked-statblock-left.png) no-repeat top;} #overview-block #clicked .statblock .sright {background:url(../images/clicked-statblock-right.png) no-repeat top;} #detail-stats {position:absolute; top:0; right:0; width:320px; height:420px; margin:0; font-size:1.4em; padding:0; background:#f7f3e5 url(../images/blog-bg.gif) repeat-y left; color:#754c24;} #overview-block .buttonwrapper {position:absolute; bottom:73px; left:16px; width:200px; margin:0; padding:0 10px 10px 20px; border:0 !important;} #complaints {margin:0; padding:4px; text-align:center; font-size:1.5em; background:#c69c6d; -moz-border-radius-topright:4px; border-radius-topright:4px; -webkit-border-radius-topright:4px;} #complaint-count {font-weight:bold; color:#fff;} #complaints a {display:block; padding:0; font-size:.7em; color:#fff;} #complaints a:hover {color:#603913; text-decoration:none;} .stats-list {margin:14px 14px 14px 24px; font-size:90%;} .stats-list li {padding:2px 0; border-bottom:1px solid #e8d2b8; font-size:.8em;} .stats-list li .value {float:right; font-weight:bold; color:#c60;} .stats-list li .disabled {color:#369; font-style:italic;} .stats-list .last {border:0 !important;} #overview-block #chart-stats-block {position:absolute; top:0; right:320px; width:410px; height:291px; margin:0; padding:0; border:0; border-collapse:collapse; background:transparent url(../images/stats-bg.png) repeat-y right;} #overview-block #chart-stats-block tr {background:transparent !important;} #overview-block #chart-stats-block th, #chart-stats-block td {margin:0; padding:2px 4px; vertical-align:middle; color:#c69c6d;} #overview-block #chart-stats-block .stats-percent {vertical-align:middle; color:#369; font-size:125%; font-weight:bold;} #overview-block #chart-stats-block .percent {margin:0; padding-right:8px; font-weight:normal; color:#666;} #overview-block .stats-count {padding:0 8px; text-align:center; vertical-align:middle;} #overview-block #opened, #overview-block #bounced, #overview-block #unopened, #overview-block #clicked {padding:4px 8px;} #overview-block #opened th, #overview-block #bounced th, #overview-block #unopened th, #overview-block #clicked th {background-image:none !important; color:#666; padding:0 8px 0 0 !important;} #overview-block #opened .stats-count {margin:10px 0; color:#fff; text-align:center !important;} #overview-block #bounced .stats-count {margin:10px 0; color:#fff; text-align:center !important;} #overview-block #unopened .stats-count {margin:10px 0; color:#fff; text-align:center !important;} #overview-block #clicked .stats-count {margin:10px 0; color:#fff; text-align:center !important;} #overview-block .stats-count {text-align:right; color:#666;} #overview-block .stats-percent {color:#666;} #click-table, #domain-grid {width:950px;} #click-table td {border-bottom:1px solid #E8D6C1; border-left:1px solid #E8D6C1;} #click-heading, #domain-heading {clear:both; width:950px; margin-bottom:4px;} .percent {margin:8px; color:#754c24; font-size:100%;} .number {margin:0 12px; color:#a67c52; font-size:110%;} .clickmap-link {float:right; margin-top:-20px; font-size:85%;} /* ClickMap */ #heatmap-frame {width:750px; height:800px; overflow:auto; margin-top:30px; border:2px solid #ccc;} #return-report-summary {margin:-20px 0 4px 583px;} #clickmap-help {clear:both;} /* Industry Selection Block */ #industry-switcher {position:absolute; bottom:30px; right:320px; width:382px; padding-left:24px; background:url(../images/industry-stats-bg.png) no-repeat right top;} #industry-switcher .btn {float:right; width:48px !important; height:18px; margin:-22px 6px 0 0; background:transparent url(../images/buttons/save-industry.png) no-repeat; text-indent:-9999px;} #industry-switcher a {display:block; width:200px; margin:8px 0 0 121px !important;} #industry-switcher select {margin-left:26px;} #industry-switcher label, #industry-switcher a {margin-left:0;} .stats-comparison-industry {padding-bottom:4px; color:#6b3915; font-size:90%; font-weight:bold;} .stats-comparison-list {border-bottom:1px solid #e8d2b8; color:#6b3915; font-size:90%; font-weight:bold;} #currrent-industry-block {margin:14px 0;} #industry-switcher .inline-label {line-height:16px; text-align:right; padding-right:4px;} .ind-stats {background:url(../images/icons/chart_16.png) no-repeat; padding-left:18px;} /* Bounce Reports */ #bounce-stats {width:100%; margin-bottom:14px; border-collapse:separate; border:1px solid #DAC1A7; border-bottom:0;} #bounce-stats th {text-align:right; width:20%;} #bounce-stats th .help {float:right; padding-top:2px; margin:0;} #bounce-stats td {border-bottom:1px solid #DAC1A7; border-right:0; font-weight:bold; font-size:1.1em;} /* AIM Reports */ #aim-nav {height:30px; margin:6px 0 14px 0; padding-top:4px; font-size:1.2em; border-top:1px solid #eee;} #aim-nav li {float:left; text-align:left; margin:0 24px 0 0;} #aim-nav li a {text-decoration:none; text-transform:lowercase;} #aim-nav #current a {padding:4px 10px; font-weight:bold; color:#754c24 !important; background:#f1ede0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #search-aim {float:right; padding:0;} #search-aim fieldset {background:#efe7cd; margin-top:0; padding:.5em 1em .7em; border-top:1px solid #ccc; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; border-radius-top-left:0; border-radius-top-right:0; -webkit-border-radius-top-left:0; -webkit-border-radius-top-right:0;} #clicked-most, #opened-most {width:100%; clear:both; margin:0 0 14px 0;} #clicked-most th, #opened-most th, #clicked-most td, #opened-most td {border:1px solid #DAC1A7;} .aim-activities {width:100%; margin-bottom:24px;} .aim-activities td {border:1px solid #e8d6c1;} .aim-activities .time {width:25%;} .aim-activities .activity {font-weight:bold;} /* Advice from MailChimp */ .advice-messages, #advice-container {width:924px; padding:4px 14px; margin-top:40px; background:#F7F3E5; border:1px solid #E8D2B8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .advice-messages li {margin:10px 0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .advice-badstat {background:#FBE3E4 url(../images/icons/badstat_24.png) no-repeat 10px 6px; padding:8px 8px 8px 44px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .advice-neutralstat {background:transparent url(../images/icons/neutralstat_24.png) no-repeat; padding:4px 8px 4px 28px;} .advice-goodstat {background:#E6EFC2 url(../images/icons/up_24.png) no-repeat 10px 6px; padding:8px 8px 8px 44px; color:#529214; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #advice-no-advice {padding:4px 8px 4px 28px;} /* Abuse Reports */ #abuse-by-type {width:650px;} /* Inbox Inspector */ .inbox-back {background:url(../images/icons/undo_16.png) no-repeat left top; display:block; clear:both; margin-bottom:8px; padding:0pt 0pt 0pt 18px; width:200px;} #inbox-inspection-list {clear:both; width:100%;} #inbox-inspection-list td {border:1px solid #e8d6c1;} #campaign-preview, #spam-filter-check, #content-assessment {padding:14px; overflow:auto !important;} #campaign-preview p, #spam-filter-check p, #content-assessment p {margin:1em auto 0 auto; font-size:1.5em; font-style:italic; color:#603913; text-align:center;} .returnpath-help {float:right; margin-top:18px; margin-bottom:-40px;} .returnpath-help li {float:right; margin:0 14px 0 0;} #content-assessment .returnpath-help {float:none; position:relative;} #campaign-preview .inline-label, #spam-filter-check .inline-label, #content-assessment .inline-label {padding-right:0;} .assess-preview {width:100%; background-color:white;} .client-name {background:url(../images/accordion-tile.gif) repeat-x; font-size:1em; font-weight:bold; color:#333; text-align:center; border:1px solid #E8D2B8; border-bottom:0; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-radius-top-left:4px; border-radius-top-right:4px; -webkit-border-radius-top-left:4px; -webkit-border-radius-top-right:4px;} .client-description {font-style:italic; text-align:center;} .client-type {text-align:center; color:#333;} #campaign-preview .inbox-preview a {display:block; height:150px; width:200px; text-align:center; border:1px solid #E8D2B8; padding:2px; background:#fff;} #spam-filter-check h4 {margin:.5em 0 .25em 0; font-size:1.8em; color:#c60;} #spam-filter-check table {width:100%; margin:0 auto 2em auto;} #spam-filter-check table td {border:1px solid #E8D6C1; background:#fff;} #sfc-aggregate-results th {font-size:140%; text-align:center;} #sfc-aggregate-results td {text-align:center; padding:8px; font-size:200%; font-weight:bold; color:#c60;} #spam-filter-check .pass-fail {width:100px; text-indent:-9999px; padding:6px;} #spam-filter-check .pass {background:url(../images/icons/success_24.png) no-repeat center 6px;} #spam-filter-check .fail {background:url(../images/icons/stop_24.png) no-repeat center 6px;} .filter-name {font-size:1.2em; font-weight:bold; color:#333;} .filter-reasons-count {color:#333;} .filter-reasons-detail {border-top:1px solid #ccc; padding-top:4px;} .filter-reasons-detail li {text-transform:capitalize; padding:4px 0; font-style:italic; color:#666;} #content-assessment-subtabs {clear:both;} #content-assessment .returnpath-help {margin-bottom:0;} #assess-html-content, #assess-html-code, #assess-text-content {background:#fff url(../images/prop-insp-shadow.gif) repeat-x top; border-top:10px solid #F1EDE0; height:2160px !important; overflow:auto !important;} #assess-html-content-issues, #assess-html-code, #assess-text-content-issues {margin-top:6px; padding:8px 12px;} #assess-html-content-issues li, #assess-html-code li, #assess-text-content-issues li {color:#333; font-weight:bold; margin:4px; padding:8px 0; border-bottom:1px solid #ccc;} #assess-html-content-issues li .assess-extra {display:block; color:#666; font-weight:normal;} #assess-html-code-issues li {padding-left:30px; background:url(../images/icons/stop_16.png) no-repeat left center;} #html-code-preview {border:2px solid #a67c52; overflow:auto;} .assess-preview {width:99%; margin:0 3px; border:2px solid #a67c52;} #campaign-preview .inbox-preview {float:left; margin:4px 8px; height:240px; overflow:hidden;} #inspection-carousel {overflow:auto; height:185px; white-space:nowrap; background:#F1EDE0; border:1px solid #E8D2B8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #inspection-carousel ul {width:18000px;} #inspection-carousel li {float:left;} #inspection-carousel a.current {border:4px solid #c60; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #inspection-carousel a {display:block; height:154px; width:200px; text-align:center; margin:0 4px; border:1px solid #E8D2B8; padding:2px; background:#fff;} .inspection-preview {margin-top:8px; padding-top:14px; background:#EFE7CD; border:1px solid #E8D2B8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .preview-variant-title {text-align:center; padding:4px 0; font-weight:bold; color:#333;} #preview-variants {float:left; width:230px; text-align:center;} #preview-variants h4 {color:#c60; font-size:1.4em; margin:0 1.25em 0.5em; padding-bottom:4px; border-bottom:1px solid #fff;} #preview-variants .current img {border:4px solid #c60; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .preview-variant {margin-bottom:12px;} #preview-variant-nav {height:30px; background:#fff; padding:4px; margin-top:-14px;} #preview-variant-nav li {float:left; margin:4px 24px;} #preview-variant-nav a {text-decoration:none; font-weight:bold;} #preview-variant-nav .current a {padding:4px 12px; color:#754c24 !important; background:#f1ede0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .inspection-preview #preview-image {margin:14px 0; position:relative; text-align:center;} .inspection-preview #preview-image img {background:#fff; padding:2px; border:2px solid #999;} #preview-fold-mark {position:absolute; border-top:2px dashed #c60; width:100%;} #preview-fold-mark span {background-color:white; padding:2px 4px;} #inbox-tabs .dijitTabPaneWrapper {overflow:auto !important;} .inspection-not-done {margin-top:14px;} /* Print version of inbox inpection */ #sfc-aggregate-results, #sfc-desktop-client-filters, #sfc-server-filters, #sfc-gateway-filters {width:100%; margin-bottom:14px;} .page {padding-top:40px;} .page h1 {clear:both; page-break-after:always !important; margin-top:100pt; font-size:30pt; width:100%; height:100%; text-align:center; vertical-align:middle; margin:auto;} .page h2 {color:#c60; font-size:24pt; text-align:center; width:100%; height:100%; text-align:center; vertical-align:middle; margin:17pt auto -10pt auto !important; padding-bottom:4px; border-bottom:1px solid #ccc;} .page h3 {color:#333; font-size:18pt;} .page h4 {color:#333; font-size:16pt; margin:24px 0pt 0pt;} .preview-page h3 {border-bottom:1px solid #ccc; padding-bottom:1pt;} .client-desc {margin-top:30px;} .preview-page img {margin-top:24pt;} #html-content-page {font-family:Courier,monospace; font-size:9pt;} #text-content-page h4 {display:none;} #return-path {position:absolute; top:-1px; right:12px; width:103px; height:40px; background:#fff url(../images/powered-by-returnpath.gif) no-repeat center; border:1px solid #e8d2b8; text-indent:-9999px;} /* A/B Split */ #ab-report-container td {border:0; padding:0; vertical-align:top;} #ab-what-to-test .video-help {display:block; clear:both;} #showdown-title {margin:50px 0 8px 0; clear:both; width:918px; font-size:1.6em; text-align:center; color:#754c24; font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} #absplit-report-a thead tr, #absplit-report-b thead tr, #absplit-report-a tfoot tr, #absplit-report-b tfoot tr {background:#fff !important;} #absplit-report-a th, #absplit-report-b th {background:#F7F3E5; border:1px solid #E8D2B8;} #absplit-report-a, #absplit-report-b {float:left; width:474px; margin:0 0 3em;} #absplit-report-a td, #absplit-report-b td {height:20px; padding:6px 8px; border:1px solid #E8D6C1; font-size:.9em; font-weight:bold; background:#fff;} #absplit-report-b td {text-align:right;} #absplit-report-a th {text-align:right;} #a-heading {background:#7CADE5 none repeat scroll 0% 50% !important; border:1px solid #5386C0 !important; color:#FFFFFF !important;} #b-heading {background:#E06D73 none repeat scroll 0% 50% !important; border:1px solid #BA5050 !important; color:#FFFFFF !important;} .total-clicks {padding:5px;} .total-clicks .percent {float:none; margin:0 5px;} #absplit-report-a thead td, #absplit-report-a tfoot td {text-align:right; border:0 !important;} #absplit-report-b thead td, #absplit-report-b tfoot td {text-align:left; border:0 !important;} #absplit-report-a thead td.won, #absplit-report-b thead td.won {background:url(../images/icons/success_24.png) no-repeat center;} #absplit-report-a thead th, #absplit-report-b thead th {width:100px; background:1px solid #F7F3E5; border:1px solid #E8D2B8; padding:8px 14px; text-align:center; font-size:2em; font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#c60;} #absplit-report-a td .percent {margin:0 0 0 10px;} #absplit-report-b td .percent {margin:0 10px 0 0;} .win-loss-col {width:32px;} tbody td.won {background:url(../images/icons/success_16.png) no-repeat center !important; height:20px;} #absplit-report-a .abuse {border-top:2px solid #5386C0;} #absplit-report-b .abuse {border-top:2px solid #BA5050;} .abuse {font-size:1.3em; background:#F7F3E5;} .abuse th {background-color:#dac1a7 !important; color:#754c24;} .clicks {background:#cfe2f1 !important; color:#fff; border-color:#fff !important;} .clicks th {background:#A4C6E2 !important; color:#333 !important; border:1px solid #fff !important;} .clicks td {background:#cfe2f1 !important; color:#333; border:1px solid #fff !important;} .opens {background:#b8c9dd !important; color:#fff !important; border-color:#fff !important;} .opens th {background:#83A4CA !important; color:#333 !important; border:1px solid #fff !important;} .opens td {color:#333; border:1px solid #fff !important; background:#b8c9dd !important;} .start-clicks, .start-opens, .start-misc {border-top:2px solid #666 !important;} .misc td, .abuse td, .delivery td {border:1px solid #E8D6C1;} tfoot td.winner-loser {background:#F7F3E5; font-style:normal; font-size:110%; color:#754c24 !important; text-align:center !important; vertical-align:middle; height:80px !important; overflow:hidden; border:1px solid #E8D2B8 !important;} #absplit-report-a tfoot td.winner-loser-a {background:#7CADE5 none repeat scroll 0% 50% !important; border:1px solid #5386C0 !important; color:#FFFFFF !important;} #absplit-report-b tfoot td.winner-loser-b {background:#E06D73 none repeat scroll 0% 50% !important; border:1px solid #BA5050 !important; color:#FFFFFF !important;} #absplit-report-a tfoot td.winner-loser-a a, #absplit-report-b tfoot td.winner-loser-b a {display:block; padding:4px; background:#fff url(../images/icons/success_16.png) no-repeat 18px 5px; color:#c60; text-decoration:none; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #absplit-report-a tfoot td.winner-loser-a a {color:#369;} #absplit-report-b tfoot td.winner-loser-b a {color:#94343f;} #absplit-report-a .win-loss-col {background:#CFE2F1;} #absplit-report-b .win-loss-col {background:#f5b4bc;} #overview-heading {margin-bottom:.3em; margin-top:1em; clear:both;} #ab-click-heading {clear:both;} #absplit-clicks {width:950px; margin-bottom:24px;} #absplit-clicks thead tr {background:#fff;} #absplit-clicks .percent {float:right; margin:0 0 0 24px;} #absplit-clicks th {text-align:center;} #absplit-clicks td {border:1px solid #E8D6C1;} #ab-click-header td {border:0 !important; background:#fff;} .a-click-header {background:#7CADE5 none repeat scroll 0% 50% !important; border:1px solid #5386C0 !important; color:#FFFFFF !important; font-size:115%; text-align:center;} .b-click-header {background:#E06D73 none repeat scroll 0% 50% !important; border:1px solid #BA5050 !important; color:#FFFFFF !important; font-size:115%; text-align:center;} /* Abuse complaint layout */ .with-sidebar #member-grid {float:left; width:650px !important; margin-top:-4px;} /*Upsell -------------------------------------------------------------- */ .upsell {padding:1em 2em 2em 7em; clear:both; background:#E3F1FF url(../images/icons/inbox-inspection_32.png) no-repeat 2em 2em; border:1px solid #c3daf0; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; color:#333;} .upsell h3 {margin-top:0; color:#c60;} .upsell strong {color:#022f77;} #inbox-upsell .buttonwrapper {float:right; width:auto; margin:-24px 0 0 0; border:0;} .inbox-info {min-height:54px; margin:0 8px 24px 8px; padding:16px 14px 0 24px; background:#c3daf0 url(../images/upsell-inbox-shadow.png) repeat-x; font-size:110%; color:#022f77; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; border-radius-bottomleft:4px; border-radius-bottomright:4px; -webkit-border-radius-bottomleft:4px; -webkit-border-radius-bottomright:4px;} .inbox-run {float:right; width:180px !important; height:29px; margin-top:0; margin-right:14px; background:url(../images/buttons/run-inspection.png) no-repeat !important; text-indent:-9999px;} .inbox-count {padding:2px 4px; color:#fff; font-weight:bold; background:#022f77;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .inbox-info strong {color:#022f77;} #previous-inspections {margin:6px 0;} .mailchimp #previous-inspections .dijitTitlePaneTextNode {font-weight:bold; color:#c60;} .mailchimp #previous-inspections .dijitClosed .dijitArrowNode {background:transparent url(../images/icons/disclosure-closed-sm.png) no-repeat scroll center center !important;} .mailchimp #previous-inspections .dijitOpen .dijitArrowNode {background:transparent url(../images/icons/disclosure-open-sm.png) no-repeat scroll center center !important;} .mailchimp #previous-inspections .dijitArrowNode {float:left !important; margin:3px 4px 0 0;} .mailchimp #previous-inspections .dijitTitlePaneTitle {padding:0; background:transparent none !important; border:0 !important;} .mailchimp #previous-inspections .dijitTitlePaneContentOuter {background:transparent none; border:0;} #previous-inspections table {width:100%;} .inbox-wait {margin-bottom:20px; line-height:18px; background:#FFF6BF url(../../images/icons/flag_24.png) no-repeat 10px center; color:#817134; border-color:#FFD324; font-style:italic; font-size:110%; padding:10px 20px 10px 50px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .inbox-results {margin-bottom:14px; font-weight:bold; font-size:110%; color:#022f77; text-align:center;} /*One Click Buy -------------------------------------------------------------- */ #popup #back-next-bottom .next, #popup #back-next-bottom .back {width:70px; height:21px;} #mc-buymodule-dialog .mailchimp .dijitDialog .dijitDialogPaneContent {padding:4px !important;} #buy-oneclick-frame {height:96%; overflow-x:auto !important; overflow-y:auto !important; border:0;} /*Google Analytics Data Aggregation -------------------------------------------------------------- */ #upsell-analytics {width:857px; padding-left:5.8em; background:#e3f1ff url(../images/icons/reports_32x32.png) no-repeat 2em 1.8em;} #upsell-analytics .video-help {margin-left:0; color:#c60; text-decoration:underline;} #upsell-analytics .video-help:hover {color:#000; text-decoration:none;} /* Analytics Panel */ #google-analytics-heading a {font-size:12px;} #campaign-analytics {position:relative; width:950px;} #campaign-analytics-stats {float:left; width:100%; margin-bottom:24px; background:#f1ede0 url(../images/analytics-panel-tile.gif) repeat-x; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border:1px solid #E8D2B8;} #analytics-video {float:right; margin:-24px 0 5px;} #campaign-analytics .help-tip {position:absolute; top:13em; left:6.3em;} .analytics-block {position:relative; float:left; margin:0; width:24%; background:url(../images/analytics-shadow.gif) no-repeat left top;} .analytics-block h4 {margin:0 0 0 26px; padding:7px 8px 7px 0; background:#D3AB7E; color:#fff; font-size:1.5em; font-weight:bold;} .analytics-block h4#your-goals-heading {padding-top:0; background:transparent; color:#395c8d; font-weight:normal;} #analytics-roi {width:25%; padding:10px 10px 24px 10px; background:#a4c6e2;} #analytics-roi h5 {margin-top:3.8em !important; color:#333 !important;} #analytics-roi .statblock {top:.5em !important; left:2.5em !important; min-width:7em !important; background:url(../images/roi-statblock.gif) !important;} #analytics-roi .statblock .sleft {background:url(../images/rio-statblock-left.gif) no-repeat center top !important;} #analytics-roi .statblock .sright {background:url(../images/roi-statblock-right.gif) no-repeat center top !important;} #analytics-roi .stats-list {position:absolute; top:157px; left:0; width:93%; margin:0; padding:8px 10px;background:#83a4ca; color:#333; font-weight:bold;} #analytics-roi .stats-list li {padding:2px 12px;} #analytics-roi .stats-list li .value {color:#fff;} #analytics-roi .help-tip {position:absolute; top:11.1em; left:7.3em;} #roi-video {left:1.3em; position:absolute; top:20em;} #analytics-goals {margin-top:0;} #analytics-goals, #analytics-ecommerce, #analytics-content {min-height:25px;} #campaign-analytics-nodata, #ecomm-analytics-nodata {width:885px; padding:10px 4px 10px 60px; margin-bottom:1em; border:1px solid #ddd; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; background:#FFF6BF url(../../images/icons/flag_24.png) no-repeat 10px center; color: #817134; border-color:#FFD324;} /* Stat blocks */ #campaign-analytics .statblock, #ecomm-sales-conversions .statblock {position:absolute; top:48px; left:2.4em; float:left; min-width:6em; margin:9px 0 0 0; line-height:62px; vertical-align:middle; background:url(../images/opened-statblock.png) repeat-x top; color:#FFFFFF; font-size:1.8em; text-align:center;} #campaign-analytics .statblock .sleft, #ecomm-sales-conversions .statblock .sleft {float:left; width:4px; margin-left:-4px; padding:31px 2px; background:url(../images/opened-statblock-left.png) no-repeat top;} #campaign-analytics .statblock .sright, #ecomm-sales-conversions .statblock .sright {float:right; width:4px; margin-right:-4px; padding:31px 2px; background:url(../images/opened-statblock-right.png) no-repeat top;} #campaign-analytics h5, #ecomm-sales-conversions h5 {clear:both; margin-top:4em; text-align:center; font-size:1.8em; font-weight:bold; font-family:"Trebuchet MS","Lucida Grande",Arial,sans-serif; color:#666;} .analytics-block .stats-list {margin-top:2.5em; font-size:15px; color:#754C24;} /* Ecommerce 360 */ #ecomm-analytics {clear:both;} #ecomm-analytics .analytics-block {width:22%; background:#a4c6e2 none !important;} #ecomm-analytics #campaign-analytics-stats {width:952px; background:#F4F0E5 none;} #ecomm-analytics #ecomm-total-conversions {top:132px; left:40px;} #ecomm-analytics #ecomm-total-sales {top:12px; left:40px; background:url(../images/unopened-statblock.png) repeat-x;} #ecomm-analytics #ecomm-total-sales .sright {background:url(../images/unopened-statblock-right.png) no-repeat;} #ecomm-analytics #ecomm-total-sales .sleft {background:url(../images/unopened-statblock-left.png) repeat-x;} #ecomm-analytics .help-tip {margin:-30px 0 0 62px;} #orders-grid {width:78%;} .ecomm_line {text-align:left;} .ecomm_line_cost {font-weight:bold;} .ecomm_order_total {color:#369; font-size:110%; font-weight:bold;} #orders-grid-loading {text-align:center; width:300px; margin:90px 0 60px 380px; padding:14px 14px 14px 26px; background:#FFFFFF url(../js/dijit/themes/mailchimp/images/loading.gif) no-repeat 100px !important; font-size:200%; color:#c60; background:#fff; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #ecomm-site-name {font-size:85%; color:#333;} .ecomm_order_date {font-size:11px !important;} /*Accounts -------------------------------------------------------------- */ .account-column {padding-top:0;} .account-column h3 {margin-top:0;} #orders-history {width:100%;} #orders-history td {border:1px solid #E8D6C1;} #orders-history a {background:url(../images/icons/docs_16.png) no-repeat left center; padding-left:18px;} /* Pricing Plans */ #account .highlight {padding:2px 4px; background:#5E5046; color:#fff; font-weight:bold; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #account-plans-pay-go, #account-plans-monthly {overflow:auto !important;} #already-monthly-warning {width:550px; margin:24px 0 0 24px} div.with-sidebar div.sidebar {margin:2.3em 0 1.2em 1em;} /* NOTE: Double chek that this does not break other areas in the app*/ #account-payment-plans {margin-top:8px;} #monthly-plan-list {width:620px; margin:24px;} #monthly-plan-list th {text-align:center;} #monthly-plan-list td, #monthly-plan-list td {background:#fff; border:1px solid #E8D6C1; text-align:center;} .buy {display:block; width:60px; height:20px; margin:auto; text-indent:-9999px; background:url(../images/buttons/buy.png) no-repeat center;} .plan-description {width:568px; margin:24px 0 0 24px; padding:8px 0pt 8px 53px; font-weight:bold; color:#369; background:#FFFFFF url(../images/icons/about_24.png) no-repeat scroll 14px 5px; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .priceplan-notes {margin:0 24px;} .AuthorizeNetSeal, .bbb-reliability {float:left;} #plan-questions {clear:both;} #plan-questions .help {padding:0pt 0pt 0pt 18px !important;} div.with-sidebar .sidebar h4 {clear:both; padding:24px 0 4px 0;} #plan-order-info {width:70%;} #plan-order-info th {width:20%; text-align:right;} #plan-order-info td {border:1px solid #E8D6C1;} .plan-option-unavailable {text-align:center; font-weight:bold; color:#c60;} #plan-order-info tr#monkeyrewards td {background:#E6EFC2; color: #529214; font-weight:bold;} .nonprofit-badge {width:210px; height:33px; top:10px; margin:10px 0 -14px 24px; background:transparent url(/images/nonprofit.png) no-repeat;} /* Close Account */ #close-account-info {width:100%;} #close-account-info th {width:20%; text-align:right;} #close-account-info td {border:1px solid #E8D6C1;} /* Billing Info */ #receipt-link-list {height:30px; margin-top:-30px;} #receipt-link-list li {float:right; margin-right:14px;} #receipt-link-list .back, #popup .back {background:url(../images/icons/undo_16.png) no-repeat left center; padding-left:18px;} #popup .back {float:right; width:90px;} #receipt-orderinfo, #receipt-billinginfo {width:100%; margin:0 0 14px 0;} #receipt-orderinfo th, #receipt-billinginfo th {text-align:right; width:20%; border:1px solid #E8D6C1;} #receipt-orderinfo td, #receipt-billinginfo td {border:1px solid #E8D6C1;} #saved-credit-card {float:left; width:65%;} #saved-credit-card-info {width:100%;} #saved-credit-card-info th {width:20%; text-align:right;} #saved-credit-card-info td {border:1px solid #E8D6C1;} #cc-number {width:57%;} .ccnum-typeimage {margin:0 0 -6px 4px;} .ccnum-typeimage img {border:1px solid #999; margin-bottom:-6px;} #saved-credit-card-info, #cc-exp {margin-bottom:8px;} #module-order-info {width:70%; border-left:1px solid #E8D6C1; border-top:1px solid #E8D6C1;} #module-order-info strong {color:#333;} #module-order-info th {text-align:right; width:20%; border-right:1px solid #E8D6C1; border-bottom:1px solid #E8D6C1;} #module-order-info td {border-right:1px solid #E8D6C1; border-bottom:1px solid #E8D6C1;} /* Add-ons */ #addons-list li {padding:1em 1.4em 1.4em 1.4em; margin:1.2em 0 1.2em .3em; border:1px solid #e8d2b8; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; background-color:#f7f3e5; font-size:1.1em;} #addons-list h4 {margin-top:.5em; margin-bottom:.7em; padding-bottom:6px; padding-left:28px; border-bottom:1px solid #e8d2b8; font-size:1.6em; color:#754c24;} #addons-list h4 a {text-decoration:none;} #inbox-inspector-addon h4 {background:url(../images/icons/inbox-inspection_24.png) no-repeat left center;} #inbox-inspector-addon .addon-info {float:right; clear:right; width:165px; margin-top:8px; padding:4px 8px; text-align:center; font-weight:bold; background:#fff; color:#666; border:2px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #inbox-inspector-addon .addon-count {display:block; color:#c60;} #aim-addon h4 {background:url(../images/icons/aim-report_24.png) no-repeat left center;} #deliverymonitor-addon h4 {background:url(../images/icons/delivery-monitor_24.png) no-repeat left center;} #analytics-addon h4 {background:url(../images/icons/reports_24x24.png) no-repeat left center;} #mailchimppro-addon h4 {background:url(../images/icons/security_24x24.png) no-repeat left center;} #paypal-addon h4 {padding-left:36px; padding-bottom:10px; background:url(../images/icons/paypal.png) no-repeat left top;} #wufoo-addon h4 {padding-left:58px; padding-bottom:10px; background:url(../images/icons/wufoo.png) no-repeat left 3px;} #wufoo-list-options {margin-top:14px;} #configure-wufoo {width:50%;} .addon-installed, .buy-addon-action {float:right; margin-left:2em; padding:6px 10px; border:2px solid #ccc; text-align:center; text-decoration:none; background:#fff; font-weight:bold; font-size:150%; font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .addon-installed {margin:0 0 20px 20px; color:#529214;} .buy-addon-action {color:#c60;} .action-subtext {display:block; padding:6px 0 0 0; text-decoration:none; display:block; font-size:.7em; color:#666;} #report-last-received {margin:10px 0; padding:4px 8px; text-align:center; background:#eee; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .free {color:#529214;} #paypal-list-details {width:600px; height:400px;} #paypal-url {width:400px;} #paypal-subheading, #wufoo-subheading {margin-top:1em;} #configure-paypal h3, #configure-wufoo h3 {color:#c60; border-bottom:1px solid #ccc; padding-bottom:4px;} #configure-paypal .dijitDialogPaneContent, #configure-wufoo .dijitDialogPaneContent {overflow-x:hidden; margin-bottom:24px;} /* Monkey rewards */ #monkeyrewards-dashboard {width:100%;} #monkeyrewards-dashboard th {width:30%; text-align:right;} #monkeyrewards-dashboard td {width:70%; font-size:150%; text-align:center;} #account-monkey-rewards {position:relative; margin-bottom:60px;} #account-monkey-rewards .rewards-change-badge {position:relative; height:auto;} #account-monkey-rewards #campaign-rewards-box {height:150px;} #account-monkey-rewards .rewards-box {height:150px;} #account-monkey-rewards .change-badge-trigger {margin-top:12px !important;} #account-monkey-rewards #list-change-badge-trigger {margin-top:0;} #account-monkey-rewards .rewards-badge-list {top:-24px;} #account-monkey-rewards .change-badge-trigger, #account-monkey-rewards #list-badge {display:block;} /* resolve safari display issue */ /* Upload Progress Bar */ #upload-progress .dijitDialogCloseIcon {display:none;} /*404 and 500 Error Pages ------------------------------------------------------------------------- */ .error-page #container {width:652px; min-width:652px; margin:14px auto; padding:0; background:url(../images/login-tile.jpg) repeat-y;} .error-page #outer-content {float:none; width:600px; margin:auto; background:transparent none; border:0;} .error-page #content {margin:40px 30px;} .error-page #header #logotype {background:transparent;} .error-page #header {height:164px; background:url(../images/login-header.jpg) no-repeat left top; border:0;} .error-page #footer {float:none; background:url(../images/login-footer.jpg) no-repeat bottom; border:0;} .error-page #footer #copyright {text-align:center !important;} .error-page #help-search-header {margin-top:18px;} .error-page p {font-size:120%;} #where-to {margin-top:50px; padding:4px 24px; background:#fff6bf; border:1px solid #d2c385;-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #where-to h3 {text-align:center;} #where-to #search {margin-top:50px; margin-bottom:24px; background:transparent;} #where-to #search fieldset {background:transparent;} #where-to #search .search-right {width:90%;} #where-to #search .search-button {margin-left:8px; background:transparent;} .ms-pacman {margin-top:14px; margin-left:170px; padding-left:30px; line-height:26px; background:url(../images/icons/pacman.png) no-repeat;} .error-page .nav li {float:left; margin:8px 10px 0 0; font-size:120%;} .error-page .nav li a {background:url(../images/icons/go_16.png) no-repeat left bottom; padding-left:20px;} #search-404, #search-500 {width:100%; height:22px; margin:0; padding:2px 2px 4px 8px; border:0; background:url(../images/search-left-error-page.png) no-repeat left top;} .error-page .back {background:url(../images/icons/undo_16.png) no-repeat left !important; padding-left:18px;} /* Temporary "Templates Require Lists" Error Message */ #require-list-message {text-align:center; width:70%; margin:160px auto; padding:14px; font-size:200%; color:#c60; background:#fff; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .overlay {z-index: 9999; position: absolute; top: 0; left: 0; height: 100%; width: 100%;} /*Tell a Friend ------------------------------------------------------------------------- */ #tell-friend-dialog {height:450px;} .mailchimp #tell-friend-dialog .dijitDialogPaneContent {max-height:400px;} #tell-friend-dialog-form {padding:14px 24px;} #tell-friend-dialog-form h2 {color:#c60;} #tell-friend-description {margin:14px 0; background:#94bdff url(../images/icons/inbox-inspection_32.png) no-repeat 14px; padding:14px 14px 14px 56px; color:#333; font-size:125%; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #tell-friend-description strong {color:#fff;} #tell-friend-description em {color:#fff;} .friend-name-email-group {clear:both; border-bottom:1px solid #e8d2b8; padding-bottom:8px;} .friend-name-email-group input {width:94%; margin-right:2%;} .friend-name-group {float:left; width:45%; margin-right:14px;} .friend-email-group {float:left; width:45%;} #tell-friend-form h2 {color:#c60;} #tell-friend-form .btn {width:80px !important; height:30px; padding:0; background:transparent none; font-size:14px !important;} #tell-friend-success {font-size:120%; font-style:italic; text-align:center;} #tell-friend-success a {font-weight:bold; font-style:normal;} #tell-friend-message {margin-bottom:6px;} /*One-click Buy Add-on ------------------------------------------------------------------------- */ #mc-buymodule-dialog {height: 600px; width: 800px;} /*60 Second Challenge -------------------------------------------------------------- */ .sixty-second .loading {width:500px; border:0; background-position:60px 24px !important;} .sixty-second .page {padding-top:0;} .sixty-second #outer-content {overflow-x:hidden;} .sixty-second #header {height:74px !important; background:url(../images/sixty-second/header-tile.png);} .sixty-second #header #logotype {position:absolute; top:20px; right:24px; left:auto; width:162px; height:95px; z-index:99; background:url(../images/mc-builder-logo.png) no-repeat;} .sixty-second #header #sixty-second-title {position:absolute; top:0; left:0; width:365px; height:75px; background:url(../images/sixty-second/sixty-second-title.png) no-repeat; text-indent:-9999px;} .sixty-second #footer #copyright {text-align:center !important;} .sixty-second .page-heading {margin:0 0 14px 0 !important; text-align:left; border:0;} #start-form {margin:100px 24px 60px 304px;} .sixty-second #start-form .btn {float:right; width:220px !important; margin:14px 18px 0 0; font-size:200% !important; font-style:italic; color:#fff; background:#c60;} #importer-progress-header {margin:30px 10% 14px 10%; padding-bottom:4px; color:#754c24; border-bottom:1px solid #ccc;} #expectations-chimp {position:absolute; top:80px; left:24px; width:400px; height:420px; z-index:100; background:url(../images/mascots/big-chimp.png) no-repeat left 60px;} #expectation-message {position:absolute; top:50px; left:44px; width:892px; height:82px; z-index:1; text-indent:-9999px; background:url(../images/sixty-second/showme-bubble.png) no-repeat;} #design-importer-marketing {float:right; clear:right;} #importer-progress-header {color:#369;} #importer-msgs {min-height:400px;} #marketing-carousel {margin-top:40px;} #marketing-carousel li {text-align:center; min-height:300px; font-weight:bold; font-size:130%; color:#c60;} #marketing-carousel li img {position:relative;} #marketing-carousel li .marketing-subtext {text-align:center;} #importer-msgs {width:420px; margin-left:10%;} #importer-msgs li {padding-left:42px; line-height:32px; background:url(../images/icons/success_24.png) no-repeat; font-size:140%; font-style:italic;} #import-timer {float:right; margin-top:-30px; margin-right:24px; padding:8px 14px; background:#eee; color:#666; border:1px solid #ccc; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; font-style:italic; font-weight:normal; font-size:150%;} #import-timer label {display:inline; margin-right:14px;} #import-timer #time {color:#369; font-style:normal; font-weight:bold; font-size:140%;} #shazaam-nav-main {float:left; width:100%; margin:0; padding:8px 0; background:#fff;} #shazaam-nav-main .button {margin-right:14px;} #shazaam-nav-tweak {float:left; width:98%; padding:17px 14px 0 8px; background:#eee; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #shazaam-nav-advanced li {float:right; margin-right:14px;} #tweak-heading {float:left; margin:0 14px 24px 0; color:#754c24;} #tweak-options li {float:left; margin:0 14px;} #tweak-company-open, #tweak-logo-open, #tweak-layout-open {font-size:130%; font-weight:bold; text-decoration:none; line-height:24px;} #tweak-done-buttons {float:right;} #tweak-done-buttons li {float:left; margin:0 8px;} .layouts {margin-left:24px;} .layouts li {float:left; margin:8px 4px; width:114px; padding-top:130px; text-align:center;} .layouts li#layout-basic {background:url(../images/basic.gif) no-repeat center top;} .layouts li#layout-right {background:url(../images/right_column.gif) no-repeat center top;} .layouts li#layout-left {background:url(../images/left_column.gif) no-repeat center top;} #logo-img {display:block; margin:4px auto;} #logo-scroll #logo-prev {width:24px !important; height:14px !important; margin-right:1px; background:transparent url(../images/buttons/img-flipper-prev.png) no-repeat; color:#fff; text-indent:-9999px; -moz-border-radius:0; border-radius:0; -webkit-border-radius:0;} #logo-scroll #logo-next {float:none; width:24px !important; height:14px !important; background:transparent url(../images/buttons/img-flipper-next.png) no-repeat; color:#fff; text-indent:-9999px; -moz-border-radius:0; border-radius:0; -webkit-border-radius:0;} #logo-scroll #logo-prev:hover, #logo-scroll #logo-next:hover {color:#333;} /* #challenge-intro-text h4 {width:70%; margin-left:10%; padding-bottom:4px; color:#369; font-size:170%; border-bottom:1px solid #ccc;} #challenge-intro-text p {font-size:140%;} #try-challenge {float:right; margin-right:20%;} #challenge-intro-text .big-list {width:70%; margin-left:10%;} #challege-import-fields .btn {background:#c60; border:4px solid #f7d1aa !important;} #challenge-import-site-url, #challenge-import-company {float:left; width:44%; margin-right:4%;} #import-preview-layouts_tablist .dijitTab {width:100%; height:140px;} .sixty-second #import-preview-layouts_tablist .dijitTabPaneWrapper {margin:0 !important; border:1px solid #E8D2B8;} */ #template-previewtheme-challenge {float:left; clear:both; position:relative; width:99.6%; margin-top:14px; margin-bottom:8px; background:#eee; border:2px solid #E8D2B8; border-top:0;} #challenge-designer-links {position:absolute; top:180px; font-size:120%;} #challenge-finish-timer {margin-bottom:14px; padding:14px; background:#eee; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; text-align:center; font-size:170%;} #challenge-finish-timer label {display:inline; color:#333; font-weight:normal;} #challenge-finish-timer #time {margin-left:14px; padding:8px; color:#395c8a; font-size:120%; font-weight:bold; background:#9cf; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} #challenge-view-template {float:left; margin-right:24px; padding-left:30px; background:url(../images/icons/srch_24.png) no-repeat left center; font-size:130%; line-height:60px;} #try-again {float:right;} #challenge-finish-time, #challenge-export {width:470px;} #challenge-export {margin-left:80px; text-align:center;} #challenge-export h3 {margin-top:0; margin-bottom:1em; color:#333; border:0; font-size:170%;} #convert-account {margin-left: 50px; background:url(../images/buttons/giant-left-bl.png) no-repeat left top;} #convert-account.giant-button span {background:url(../images/buttons/giant-right-bl.png) no-repeat right top;} #create-account-description {float:left; clear:both; width:80%; margin-left:47px; font-size:120%; font-weight:bold;} #challenge-email-label {margin-left: 70px; text-align:left; font-size:150%; color:#369;} #challenge-email {float:left; width:60%; margin-left:70px;} #challenge-export .btn {float:right; width:80px !important; margin:0; background:#c60;} .or-sep {clear:both; margin:14px; font-size:300%; font-weight:bold; color:#333;} #export-download {padding-left:28px; background:url(../images/icons/impt_24.png) no-repeat; font-size:140%; font-weight:bold;} #mc-buymodule-dialog .dijitDialogPaneContent {height: 96%; overflow-x:hidden;} #mc-buymodule-dialog .dijitDialogPaneContent {height:96% !important; overflow-x:hidden;}