p4/* Reset and Basic Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;} :focus {outline:0;} 
body {line-height:1;color:black;background:white;} 
ol, ul, li {list-style:none;} 
table {border-collapse:separate;border-spacing:0;} 
caption, th, td {text-align:left;vertical-align:top;font-weight:normal;} 
blockquote:before, blockquote:after, q:before, q:after {content:"";} 
blockquote, q {quotes:"" "";}
strong {font-weight:bold} em {font-style:italic} a {outline:none} a img {border:none}
html>body .clear {clear:both;height:1px;} .clear {clear:both;margin:0;}.floatL{float:left}.floatR{float:right}.clearL{clear:left}.clearR{clear:right}.clearB{clear:both} .clearN {clear:none}.inline{display:inline}.block{display:block}.no-pad {padding:0}.no-margin{margin:0}.margin-right-20{margin-right:20px}.margin-bottom-20{margin-bottom:20px}.margin-top-20{margin-top:20px}
.width-700{width:700px} .width-620{width:620px} .width-460{width:460px}.width-360{width:360px}.width-340{width:340px}.width-320{width:320px}.width-300{width:300px}.width-250{width:250px}.width-220{width:220px}.width-200{width:200px}.width-180{width:180px;}.width-170{width:170px;}.width-150{width:150px}.width-100{width:100px}

a{color:#06c;text-decoration:underline}
a:hover {text-decoration:none}

.gray-ccc{color:#ccc}.gray-999{color:#999}.gray-666{color:#666}.gray-333{color:#333}.black{color:#000}

body {background:#efefef;font-family:Arial, Helvetica, sans-serif;text-align:center;}
#wrapper {margin:0 auto 20px;text-align:left;width:960px}
#header {padding:20px 10px 0}
#main {float:left;margin-bottom:50px;width:710px}
#content {background:#fff;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;clear:left;padding:20px 20px 40px}
#content{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;}
#sidebar{float:right;margin-bottom:50px;padding:35px 10px 0 0;width:220px}
#newsletter-tip {display:none; position: absolute; width:200px; padding:10px; margin:auto; background-color:#fe6; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe6), to(#f6ef97), color-stop(.6,#f5da41)); background:-moz-linear-gradient(top, #fe6, #f5da41, #f6ef97); text-shadow:0 1px 0 #F6EF97; box-shadow:0 0 5px rgba(0,0,0,.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,.2); -moz-box-shadow:0 0 5px rgba(0,0,0,.2);}
#newsletter-tip:before {content:'';display:block;width:90%;height:20%;position:absolute;left:10px;bottom:3px;background-color:rgba(0,0,0,.5);-o-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;opacity:1;z-index:-1;}
#newsletter-tip:after {content:'';display:block;width:90%;height:20%;position:absolute;right:10px;bottom:3px;background-color:rgba(0,0,0,.5);-o-transform:rotate(3deg);-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;opacity:1;z-index:-1;}
#newsletter-tip h3:before {content:'';display:block;width:80px;height:30px;position:absolute;top:-25px;left:70px;background-color:rgba(255,255,255,.25);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);box-shadow:0 0 2px rgba(0,0,0,.15);-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);-moz-box-shadow:0 0 2px rgba(0,0,0,.15);opacity:1;}
#footer {border-top:1px solid #fff;clear:both;font-size:11px;padding:15px 0;}

h1 {background:url(../images/logo.gif) no-repeat left top;display:block;float:left;height:0;margin-bottom:20px;padding-top:53px;overflow:hidden;text-indent:-9999px;width:259px}
#login-info {color:#999;float:right;font:11px Verdana, Arial, Helvetica, sans-serif;line-height:14px;position:relative;}
#login-info .name {font-weight:bold}
#login-info a {color:#999;text-decoration:underline}

#nav li {display:inline}
#nav li a {background:#aaa;color:#fff;display:block;float:left;font:bold 14px Arial, Helvetica, sans-serif;line-height:16px;margin-right:5px;padding:8px 15px;text-decoration:none;}
#nav li a {border:1px solid #aaa;xborder-bottom-color:#999;border-right-color:#999;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;}
#nav li a:hover {background:#999;border-color:#999;text-decoration:underline;}
.gn-01 #nav li#gn-01 a, .gn-02 #nav li#gn-02 a, .gn-03 #nav li#gn-03 a , .gn-04 #nav li#gn-04 a, .gn-05 #nav li#gn-05 a, .gn-06 #nav li#gn-06 a, .gn-07 #nav li#gn-07 a{background:#fff;border-color:#fff;border-right-color:#d7d7d7;color:#06c}
.gn-01 #nav li#gn-01 a:hover, .gn-02 #nav li#gn-02 a:hover, .gn-03 #nav li#gn-03 a:hover, .gn-04 #nav li#gn-04 a:hover, .gn-05 #nav li#gn-05 a:hover, .gn-06 #nav li#gn-06 a:hover, .gn-07 #nav li#gn-07 a:hover   {text-decoration:none}

a.new-button {background:url(../images/new-button.gif) no-repeat left top;color:#fff;display:block;float:left;font:bold 13px Arial, Helvetica, sans-serif;height:28px;line-height:16px;margin-bottom:40px;padding:10px 0 0 10px;text-decoration:none;width:210px}
a.new-button:hover {text-decoration:underline}

.tabs {margin-top:20px}
.tabs li {display:inline;}
.tabs a {background:#fff;color:#999;display:block;float:left;font:normal 12px Arial, Helvetica, sans-serif;line-height:16px;margin-right:5px;padding:8px 15px;text-decoration:none;}
.tabs li a {border:1px solid #efefef;border-right-color:#ccc;border-bottom:0;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;}
.tabs li a:hover {background:#ccc;border-color:#999;text-decoration:underline;}
.tabs li.active a {background:#efefef;color:#666;}
.gn-01 #nav li#gn-01 a:hover, .gn-02 #nav li#gn-02 a:hover, .gn-03 #nav li#gn-03 a:hover, .gn-04 #nav li#gn-04 a:hover , .gn-05 #nav li#gn-05 a:hover , .gn-06 #nav li#gn-06 a:hover, .gn-07 #nav li#gn-07 a:hover {text-decoration:none}

/* Text */
h2, h3, h4, h5, h6, p {padding:0 5px}
h2 {color:#333;font-size:24px;line-height:28px;margin-bottom:20px;}
h2.h2-border {margin-top:6px;border-bottom:1px solid #efefef;padding-bottom:5px}
h3 {color:#666;font-size:18px;line-height:22px;margin-bottom:10px;}
h4 {color:#999999;font-size:18px;line-height:22px;margin-bottom:5px;}
#sidebar h4 {color:#666;font-size:16px;font-weight:bold;line-height:20px;margin-bottom:5px;}
h5 {color:#666;font-size:14px;font-weight:bold;line-height:18px;margin-bottom:10px;}
p {color:#666;font-size:12px;line-height:16px;margin-bottom:10px}
.intro {font-size:14px;line-height:20px;margin-bottom:20px}
.secondary {font-size:11px;}
hr {border:none 0;border-top:1px solid #ccc;border-bottom:1px solid #e7e7e7;clear:both;width:100%;height:2px;margin:20px auto;text-align:left;}

/* List styles */
ul.list-steps {float:right}
.list-steps li {color:#ccc;display:inline;font-family:Arial, Helvetica, sans-serif;float:left;font-size:11px;margin-right:20px;}
.list-steps li strong {display:block;font-size:18px}
.list-steps li.active-step {color:#666} .list-steps li.active-step strong {color:#9c3}

ul.list-categories {margin:0 0 20px;padding:0 5px}
ul.list-categories li {font-size:12px;margin-bottom:8px;}

input.textfield, select.textfield {color:#666;font:12px Verdana, Arial, Helvetica, sans-serif;margin:1px;padding:3px;border:1px solid #999;border-bottom-color:#ccc;border-right-color:#ccc;-moz-border-radius:3px;-webkit-border-radius:3px;}
.btn-green {background:#9c3 url(../images/btn-green.gif) repeat-x bottom;color:#fff;font:bold 14px Arial, Helvetica, sans-serif;padding:3px;border:2px solid #9c3;-moz-border-radius:3px;-webkit-border-radius:3px;}
.btn-gray {background:#bfbfbf url(../images/btn-gray.gif) repeat-x bottom;color:#fff;font:bold 14px Arial, Helvetica, sans-serif;padding:3px;border:2px solid #bfbfbf;-moz-border-radius:3px;-webkit-border-radius:3px;}
.btn-default {background:#efefef url(../images/btn-default.gif) repeat-x bottom;color:#333;font:normal 14px Arial, Helvetica, sans-serif;padding:2px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;}
input.btn-default:hover {background:#ccc;color:#333;cursor:pointer}
input.btn-green:hover {background:#690;color:#fff;cursor:pointer}
input.btn-gray:hover {background:#a5a5a5;color:#fff;cursor:pointer}
input.login-field {padding:5px 3px;font-size:14px}
.block-label {display:block;margin-bottom:5px;}

.creat-new-link {background:url(../images/add-new-icon.gif) no-repeat right 50%;padding-right:13px;}
.suppression-link {background:transparent url(../images/suppression-icon.gif) no-repeat scroll right 50%;padding-right:14px;}
.export-link {background:url(../images/export-icon.gif) no-repeat right 50%;padding-right:14px;text-transform:uppercase;letter-spacing:1px}

.campaign-table {border-collapse:collapse;margin-bottom:30px;width:100%;}
.campaign-table th, .campaign-table td {padding:5px;border-bottom:1px solid #efefef;border-top:1px solid #fff}
.campaign-table th {background:#efefef url(../images/header-gradient.jpg) repeat-x bottom;color:#666;font:bold 18px Arial, Helvetica, sans-serif}
.campaign-table th a, .campaign-table th span.separator {color:#999;font-size:11px;}
.campaign-table th.toggle-btn {text-align:right;vertical-align:middle}
.campaign-table th.toggle-btn img {cursor:pointer}
.campaign-table td {color:#666;font:12px Arial, Helvetica, sans-serif}
.campaign-table td p {padding:0;margin:0}
.campaign-table td.status-td {color:#999;font-size:11px;text-align:right;vertical-align:middle}
.campaign-table td .sort-cat {color:#999;font-size:11px}
.campaign-table tr.edit-hover {background:#efefef}
.campaign-table tr.edit-hover td.edit-copy-delete {font-size:11px;vertical-align:middle}
.campaign-table tr.edit-hover td.edit-copy-delete a {color:#999}
.campaign-table tr.edit-hover td.edit-copy-delete span {color:#ccc;margin:0 5px}
.contact th {font:bold 12px Arial, Helvetica, sans-serif;padding:8px 5px}
table.contact {margin-bottom:10px}

.group-details {border-collapse:separate;border:1px solid #E4E4E4;}
.group-details fieldset {width:90%;}
.group-details legend {padding:0 0 8px;color:#666666;font-weight:bold;}

#sort-by {float:right}
#sort-by label {color:#666;font:bold 12px Arial, Helvetica, sans-serif;}
#sort-by select {color:#666;font-size:11px;}

/* Search */
#search {float:right;}
.search-input {color:#999;font:11px Verdana, Arial, Helvetica, sans-serif;float:left;height:15px;padding:4px 5px 2px;width:100px} 
.type-input {color:#999;font:11px Verdana, Arial, Helvetica, sans-serif;float:left;padding:4px 5px 2px;width:120px}
.search-input, .type-input {border:1px solid #999;border-bottom-color:#ccc;-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-right:0;}
.search-button {float:left;cursor:pointer}

#login {background:#fff;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;margin:100px auto 0;padding:20px 20px 40px;text-align:left;width:420px}
#login{-moz-border-radius:5px;-webkit-border-radius:5px;}

.list-desc {clear:both;float:left;width:250px;margin-top:20px}
.graph-desc {float:left;width:220px;margin-top:20px; margin-right:5px;}

#pagination {margin-bottom:10px}
#pagination li {border:0;margin:0;padding:0;font-size:11px;list-style:none;display:inline}
#pagination li {margin-right:2px;}
#pagination .previous-off, #pagination .next-off {border:1px solid #DEDEDE;color:#999;display:block;float:left;font-weight:bold;padding:3px 4px;}
#pagination .next a, #pagination .previous a {font-weight:bold;}
#pagination .active {border:1px solid #DEDEDE;color:#666;font-weight:bold;display:block;float:left;padding:3px 6px;}
#pagination a:link, #pagination a:visited {border:1px solid #DEDEDE;margin-right:2px;color:#06c;display:block;float:left;padding:3px 6px;xtext-decoration:underline;}
#pagination a:hover {text-decoration:none;}

.outer-container {clear:both;float:left;margin:0 0 20px;width:100%;}
.container {float:left;height:234px;margin: 0 19px 19px 0;width:171px;border:1px solid #E4E4E4;}
.inner-container {height:220px;padding:10px 0 0 14px;width:153px;background-color:#F5F5F5;border:2px solid #FFFFFF;color:#666666;font-size:13px;font-weight:bold;}
.container-img {height:150px;margin:10px 0 0;width:136px;background-color:#FFFFFF;border:1px solid #D5D5D5;}
.container input {margin-right:5px;margin-top:10px;}

.insert-template, .toggle-editor, .html-text {float:right;margin:0 0 15px 15px;}
.show-html, .show-text {float:left; margin:5px 5px 5px 0}
.insert-template a {background:#F9F9F9 url(../images/add-template.gif) no-repeat scroll 5px 5px;border:1px solid #E4E4E4;font-size:13px;font-weight:bold;text-decoration:none;padding:5px 5px 5px 25px;}
.toggle-editor a {background:#F9F9F9;border:1px solid #E4E4E4;font-size:13px;font-weight:bold;text-decoration:none;padding:5px;}
.html-text a {background:#F9F9F9 url(../images/html-to-text.gif) no-repeat scroll 5px 5px;border:1px solid #E4E4E4;font-size:13px;font-weight:bold;text-decoration:none;padding:5px 5px 5px 25px;}
.show-html a, .show-text  a{background:#F9F9F9;border:1px solid #E4E4E4;font-size:13px;font-weight:bold;text-decoration:none;padding:5px;}

.insert-template a:hover, .toggle-editor a:hover, .html-text  a:hover, .show-html a:hover, .show-text  a:hover {background-color:#F1F1F1;border:1px solid #B6B6B6;text-decoration:none;}

.personalized {clear:both;float:right;margin-bottom:10px;margin-top:15px;width:auto;}
.recipients {clear:both;float:left;margin-bottom:10px;width:auto;}
.add-testemail , .add-attribute{clear:both;float:left;margin-bottom:30px;width:auto;}
.rename-contactlist, .rename-category {clear:both;float:left;width:auto;}
.default-sender {clear:both;float:left;width:auto;margin-bottom:10px;}
.personalized label, .recipients label, .add-testemail label {float:left;padding-top:2px;color:#666666;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}
.personalized select {float:left;}

fieldset {border:0 none;float:left;width:100%;}
fieldset img {cursor:pointer}

#message_personalized_tag_text {width:150px;}
#message_personalized_link_text {width:150px;}

#testemail-div {float:left;margin-top:20px;width:400px;}
#testemail-list {clear:both;width:370px;margin-bottom:10px;}

#preview-div {float:right;margin-top:20px;width:240px;}
#preview-div ul {clear:both;list-style-type:square;margin-left:20px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-decoration:none;}
#preview-div li {margin-bottom:7px;}
#preview-div li a {font-weight:bold;text-decoration:none;}

#content-div {clear:both;padding-top:10px;}
#content-div  p {}
#show-html-div, #show-text-div {}

#nav li.active a {background:#fff;border-color:#d7d7d7;border-bottom-color:#fff;color:#06c}
#nav li a:hover {text-decoration:none}


.deliver-now {width:250px;margin-bottom:10px;}
.deliver-later {width:350px;margin-bottom:10px;}

.back {background:transparent url(../images/back.gif) no-repeat scroll 0 0;background-position:0 2px;padding-left:19px;}

#manually-add {float:left;width:450px;} 
#manually-add-rules {float:right;width:210px;}

ul.tick, ul.cross {margin-bottom:15px;}
ul.tick li {background:transparent url(../images/small-tick.png) no-repeat scroll 0 4px;display:block;list-style-type:none;margin-left:0;padding:2px 0 2px 22px;line-height:16px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#666666;}
ul.cross li {background:transparent url(../images/small-off.png) no-repeat scroll 0 4px;display:block;list-style-type:none;margin-left:0;padding:2px 0 2px 22px;line-height:16px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#666666;}

.lighter {color:#999999;}

.create-field {display: none;padding:10px 0}

.code-sample {width:100%;height:250px;padding:0 0 1px 3px;background-color:#FBFBFB;border:1px solid #CCCCCC;color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:11px;}

#graph-desc td.sent, #graph-desc td.opens , #graph-desc td.clicks, #graph-desc td.bounces {font-size:13px;font-weight:bold;}
#graph-desc td.opens{color:#294CB2;}
#graph-desc td.clicks {color:#14BA24;}
#graph-desc td.bounces {color:#B23729;}
#graph-desc td.hard-bounces {color:#B23729;}

.notice-box {padding:10px;margin-bottom: 1em;border:1px solid #669900;font-size: 13px;font-weight: bold;font-style: italic;background: #Ffc;}
.notice-box h2 {margin-bottom: 0;line-height: 1em;font-size: 14px;color: #669900;}

.error-box {padding:10px;margin-bottom:1em;border:1px solid #fc3;font-size:13px;	font-weight:bold;font-style:italic;background:#Ffc;}
.error-box p {margin-bottom:0;font-weight:normal;}
.error-box h2 {margin-bottom:0;line-height:1em;font-size:14px;color:#DD3C10;}

.errors {clear:both}
.errors li {color:#DD3C10;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;}

div.help {margin-top:2em;}
div.help img {vertical-align:text-top;}
div.help p {padding-top:0.5em;padding-left:75px;font-size:14px;line-height:22px;}
div.help .title {font-size:18px;line-height:26px;}
a.help {display:block;float:right;top:-2px;margin-left:10px;position:relative;width:83px;height:23px;text-align:center;color:#fff !important;padding-top:5px;background:url('../images/orange-button.gif') no-repeat top left;text-decoration:none !important;font-weight:bold;font-size:10px;}