/*SCREEN CSS*/
a, a strong {
color:#2173AF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
address {
font-style:normal;
margin-bottom:18px;
}
blockquote {
font-family:'Georgia',serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:22px;
margin:0pt;
}
body {
background:#FFFFFF url(bg_head.jpg) repeat-x scroll 0pt;
color:#636B75;
font-family:Arial,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;

margin:0pt;
padding:0pt;
}
cite {
display:block;
font-style:normal;
font-weight:bold;
margin-bottom:18px;
}
code {
overflow:hidden;
}
dl {
}
dt {
color:#3E434A;
font-weight:bold;
}
dd {
margin:0pt 0pt 18px;
}
h1 {
font-family:Arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:36px;
margin:0pt 0pt 18px;
padding:0pt;
}
h2 {
color:#000000;
font-family:Arial,sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;

/*margin:36px 0pt 18px;*/
padding:0pt;
}
h2.hilite {
color:#005EB0;
font-family:Arial,sans-serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:30px;
margin:54px 0pt 9px;
}
h2.sifr {
color:#000000;
font-family:Arial,sans-serif;
font-size:30px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1em;
margin:36px 0pt 18px;
padding:0pt;
}
h2.sifr2 {
color:#000000;
font-family:Arial,sans-serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1em;
margin:36px 0pt 18px;
padding:0pt;
}
h2.icon {
padding:0pt 0pt 6px 50px;
}
h2.icon em {
color:#797C80;
font-size:20px;
font-style:normal;
font-weight:normal;
line-height:1;
}
h3 {
color:#000000;
font-family:Arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:27px;
margin:0pt 0pt 18px;
padding:0pt;
}
h4 {
color:#3E434A;
font-family:Arial,sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
/*line-height:20px;*/
margin:27px 0pt 18px;
padding:0pt;
}
h5 {
color:#3E434A;
font-family:Arial,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
margin:0pt;
padding:0pt;
}
hr {
display:none;
}
.hr {
border-top:1px solid #E5E6E8;
height:0pt;
margin:36px 0pt;
}
img {
border:medium none;
}
li {
margin-bottom:18px;
}
p {
margin:0pt 0pt 18px;
padding:0pt;
}
pre {
white-space:-moz-pre-wrap;
}
small {
font-size:11px;
}
strong {
color:#3E434A;
}
table {
border:medium none;
border-collapse:collapse;
margin-bottom:45px;
}
td, th {
border-bottom:1px solid #D7D7D7;
color:#3E434A;
padding:6px 12px;
}
th {
background:transparent url(bg_th.png) repeat-x scroll 0pt;
text-shadow:#FFFFFF 1px 1px 0pt;
}
th.first {
background:transparent url(bg_th-left.png) no-repeat scroll 0pt;
}
th.last {
background:transparent url(bg_th-right.png) no-repeat scroll right top;
}
tr {
}
ul {
}
ul.plain {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
ul.plain li {
margin-bottom:9px;
}
#nav-01 ul a, .create-account, .cost-calculator h4, #amazing-designers, #head h4 a, #over-100, #didnt-find-answer h3, #related-questions h3, #related-screencasts h3 {
background:transparent none no-repeat scroll 0pt;
display:block;
outline-color:invert;
outline-style:none;
outline-width:medium;
overflow:hidden;
/*text-indent:-9999em;*/
}
#site {
background:transparent url(bg_foot.png) repeat-x scroll left bottom;
text-align:center;
}
#body {
background:transparent url(bg_body.jpg) no-repeat scroll -13px 0pt;
margin:0pt auto;
padding:45px 0pt 0pt;
text-align:left;
width:960px;
line-height:18px;
}
#content {
display:inline;
float:right;
width:705px;
}
#content .copy {
display:inline;
float:left;
width:465px;
}
#content .sub-copy {
float:right;
width:215px;
}
#sub-content {
float:left;
width:222px;
}
.short #body {
background:transparent url(bg_body-short.jpg) no-repeat scroll -13px 0pt;
}
.two-col #content .copy {
float:none;
margin-bottom:36px;
width:705px;
}
#resources #content .copy, #customers #content .copy {
margin-bottom:0pt;
}
.two-col #content .sub-copy {
float:none;
width:705px;
}
.two-col #content .copy .copy {
float:left;
width:460px;
}
.two-col #content .copy .sub-copy {
float:right;
width:215px;
}
.two-col-right #body {
background:transparent url(bg_body-right.jpg) no-repeat scroll right top;
}
.two-col-right #content {
float:left;
width:690px;
}
.two-col-right #sub-content {
float:right;
width:215px;
}
.two-col-right #content .copy {
float:none;
width:auto;
}
.two-col-right #content .sub-copy {
float:none;
width:auto;
}
.two-col-w-related #content .copy {
width:705px;
}
.two-col-w-related #content .copy .vbox1 {
clear:both;
float:right;
margin-left:27px;
}
.one-col #body {
background:transparent none repeat scroll 0%;
}
.one-col #content {
width:960px;
}
.one-col #content .copy {
float:none;
width:auto;
}
#nav-01 {
background:#061E4A url(bg_nav-00-content.jpg) no-repeat scroll center top;
height:55px;
overflow:hidden;
}
#nav-01 #nav-logo a {
background:transparent url(logo_campaign-monitor.png) no-repeat scroll 0pt -13px;
height:41px;
left:0pt;
top:-2px;
width:206px;
}
#nav-01 ul {
background:transparent url(bg_nav-00-divider.png) no-repeat scroll 830px 11px;
height:55px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt auto;
padding:0pt;
position:relative;
width:960px;
}
#nav-01 ul li {
margin-bottom:8pt;
}
#nav-01 ul li a {
/*background-image:url(bg_nav-00.png);*/
height:29px;
position:absolute;
top:15px;
}
#nav-01 #nav-features a {
background-position:left top;
right:591px;
width:160px;
color:#fff;
}
#nav-01 #nav-features a:hover {
background-position:0pt center;
}
#nav-01 #nav-features a.current {
background-position:0pt bottom;
}
#nav-01 #nav-pricing a {
background-position:-106px top;
right:522px;
width:106px;
color:#fff;
}
#nav-01 #nav-pricing a:hover {
background-position:-106px center;
}
#nav-01 #nav-pricing a.current {
background-position:-106px bottom;
}
#nav-01 #nav-resources a {
background-position:-175px top;
right:389px;
width:171px;
color:#fff;
}
#nav-01 #nav-resources a:hover {
background-position:-175px center;
}
#nav-01 #nav-resources a.current {
background-position:-175px bottom;
}
#nav-01 #nav-support a {
background-position:-308px top;
right:313px;
width:100px;
color:#fff;
}
#nav-01 #nav-support a:hover {
background-position:-308px center;
}
#nav-01 #nav-support a.current {
background-position:-308px bottom;
}
#nav-01 #nav-customers a {
background-position:-384px top;
right:192px;
width:121px;
color:#fff;
}
#nav-01 #nav-customers a:hover {
background-position:-384px center;
}
#nav-01 #nav-customers a.current {
background-position:-384px bottom;
}
#nav-01 #nav-blog a {
background-position:-505px top;
right:140px;
width:52px;
color:#fff;
}
#nav-01 #nav-blog a:hover {
background-position:-505px center;
}
#nav-01 #nav-blog a.current {
background-position:-505px bottom;
}
#nav-01 #nav-sign-up a {
background-position:-610px center;
right:59px;
width:49px;
}
#nav-01 #nav-sign-up a.current {
background-position:-610px bottom;
}
#nav-01 #nav-login a {
background-position:-681px center;
right:0pt;
width:36px;
}
#nav-01 #nav-login a.current {
background-position:-681px bottom;
}
#head {
background:transparent url(bg_site.jpg) no-repeat scroll center 55px;
height:180px;
margin:0pt auto;
position:relative;
}
#head .create-account {
background:transparent url(btn_create-account.png) no-repeat scroll 0pt;
height:48px;
left:50%;
margin-left:265px;
position:absolute;
top:93px;
width:215px;
}
#head .create-account:hover {
background-position:0pt bottom;
}
#head h4 {
margin:98px 0pt 0pt;
position:absolute;
right:50%;
top:0pt;
width:480px;
}
#head h4 a {
background:transparent none no-repeat scroll 0pt;
display:inline;
float:left;
outline-color:invert;
outline-style:none;
outline-width:medium;
}
#head #title-feature_tour a {
background-image:url(titles_feature-tour.png);
width:238px;
}
#head #title-pricing a {
background-image:url(titles_pricing.png);
width:126px;
}
#head #title-articles_and_tips a, #head #title-free_email_templates a, #head #title-downloads a {
background-image:url(titles_tips-and-resources.png);
width:268px;
}
#head #title-free_email_templates a {
background-position:0pt -39px;
width:285px;
}
#head #title-downloads a {
background-position:0pt -78px;
width:208px;
}
#head #title-email_stats a {
background-image:url(titles_email-stats-and-reports.png);
width:407px;
}
#head #title-support a, #head #title-help_and_faqs a, #head #title-forums a, #head #title-screencasts a, #head #title-api_documentation a, #head #title-email_support a {
background-image:url(titles_support.png);
width:154px;
}
#head #title-forums a {
background-position:0pt -39px;
width:140px;
}
#head #title-help_and_faqs a {
background-position:0pt -78px;
width:236px;
}
#head #title-screencasts a {
background-position:0pt -117px;
width:224px;
}
#head #title-api_documentation a {
background-position:0pt -156px;
width:367px;
}
#head #title-email_support a {
background-position:0pt -195px;
width:267px;
}
#head #title-our_customers a, #head #title-case_studies a, #head #title-testimonials a, #head #title-giving_back a, #head #title-campaign_monitor_customers a {
background-image:url(titles_our-customers.png);
width:283px;
}
#head #title-case_studies a {
background-position:0pt -39px;
width:240px;
}
#head #title-testimonials a {
background-position:0pt -78px;
width:231px;
}
#head #title-giving_back a {
background-position:0pt -117px;
width:220px;
}
#head #title-campaign_monitor_customers a {
background-position:0pt;
width:283px;
}
#head #title-blog a, #head #title-search a, #head #title-blog_interviews__buzz a, #head #title-blog_new_features__updates a, #head #title-blog_observations__answers a, #head #title-blog_tips__resources a {
background-image:url(titles_blog.png);
width:85px;
}
#head #title-search a {
background-position:0pt -39px;
width:127px;
}
#head #title-blog_interviews__buzz a {
background-position:0pt -78px;
width:330px;
}
#head #title-blog_new_features__updates a {
background-position:0pt -117px;
width:256px;
}
#head #title-blog_observations__answers a {
background-position:0pt -156px;
width:248px;
}
#head #title-blog_tips__resources a {
background-position:0pt -195px;
width:319px;
}
#head #title-gallery a, #head #title-gallery_most_popular a, #head #title-gallery_one_column a, #head #title-gallery_two_column a, #head #title-gallery_three_column a, #head #title-gallery_announcement a, #head #title-gallery_invitation a, #head #title-gallery_newsletter a {
background-image:url(titles_gallery.png);
width:133px;
}
#head #title-gallery_most_popular a {
background-position:0pt -39px;
width:247px;
}
#head #title-gallery_one_column a {
background-position:0pt -78px;
width:234px;
}
#head #title-gallery_two_column a {
background-position:0pt -117px;
width:232px;
}
#head #title-gallery_three_column a {
background-position:0pt -156px;
width:263px;
}
#head #title-gallery_announcement a {
background-position:0pt -195px;
width:290px;
}
#head #title-gallery_invitation a {
background-position:0pt -234px;
width:170px;
}
#head #title-gallery_newsletter a {
background-position:0pt -273px;
width:202px;
}
#head #title-ohno a {
background-image:url(titles_404.png);
width:164px;
}
#head #title-newsletter a {
background-image:url(titles_newsletter.png);
width:203px;
}
#head #title-create_an_account a {
background-image:url(titles_misc.png);
width:356px;
}
#head #title-login a {
background:transparent url(titles_misc.png) repeat scroll 0pt -39px;
width:298px;
}
#head #title-youre_in a {
background:transparent url(titles_misc.png) repeat scroll 0pt -78px;
width:174px;
}
#head #title-sorry_to_see_you_go a {
background:transparent url(titles_misc.png) repeat scroll 0pt -117px;
width:369px;
}
#head #title-anti_spam a {
background-image:url(titles_legals.png);
width:325px;
}
#head #title-terms_of_use a {
background:transparent url(titles_legals.png) repeat scroll 0pt -39px;
width:243px;
}
#head #title-privacy_policy a {
background:transparent url(titles_legals.png) repeat scroll 0pt -78px;
width:260px;
}
#foot {
text-align:center;
}
#foot .vbox {
margin:0pt auto;
text-align:left;
}
#foot .copy {
background:transparent url(bg_foot-copy.png) no-repeat scroll 0pt;
margin:0pt auto;
padding-top:82px;
text-align:center;
width:994px;
}
#promos {
background:transparent url(bg_foot-promos.png) no-repeat scroll 0pt;
height:143px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:1px 0pt 0pt 2px;
width:992px;
}
#promos li {
display:inline;
float:left;
height:140px;
margin-bottom:9px;
overflow:hidden;
width:330px;
}
#foot .copy p {
margin:1px 0pt 4px;
}
#foot .sub-copy {
background:transparent url(bg_foot-sub-copy.png) no-repeat scroll 0pt;
padding:20px 20px 28px;
width:954px;
}
#foot .sub-copy p {
font-size:12px;
margin-bottom:6px;
}
#foot-meta {
color:#B0B0B0;
float:right;
margin-top:1px;
text-align:right;
width:520px;
}
#foot-meta a {
color:#B0B0B0;
text-decoration:underline;
}
#foot-meta a:hover {
text-decoration:none;
}
#foot-meta #legals {
border-bottom:1px solid #ECEEEE;
margin-bottom:9px;
padding-bottom:11px;
}
#esp {
background:transparent url(icon_esp.png) no-repeat scroll 0pt;
padding-left:18px;
}
#nav-02 {
background:transparent url(bg_nav-01.png) no-repeat scroll 0pt;
border-bottom:1px solid #FFFFFF;
margin:0pt 0pt 18px;
padding:1px 0pt 0pt;
}
#nav-02 li {
color:#797C80;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
width:211px;
}
#nav-02 li a {
border-bottom:1px solid #DCDDDE;
border-top:1px solid #FFFFFF;
color:#797C80;
display:block;
font-size:14px;
font-weight:bold;
padding:10px 0pt 10px 42px;
position:relative;
width:169px;
}
#nav-02 .current a {
background:#49B2FF url(bg_nav-01-current.png) no-repeat scroll left center;
border:medium none;
color:#FFFFFF;
padding-right:11px;
text-shadow:#3293D6 -1px -1px 0pt;
}
#nav-02 a img {
left:10px;
margin-top:-12px;
position:absolute;
top:50%;
}
#nav-02 ul {
border-bottom:1px solid #DCDDDE;
margin:0pt;
padding:12px 0pt;
width:211px;
}
#nav-02 li li {
margin-bottom:3px;
position:relative;
}
#nav-02 li li a, #nav-02 .current li a {
background:transparent none repeat scroll 0%;
border:medium none;
color:#797C80;
font-size:13px;
font-weight:normal;
padding:3px 25px 3px 11px;
text-shadow:none;
width:175px;
}
#nav-02 li .current, #nav-02 .current .current {
background:#DEDFE0 url(bg_nav-02-top.png) no-repeat scroll 0pt;
border:medium none;
padding:0pt;
}
#nav-02 li .current a, #nav-02 .current .current a {
background:transparent url(bg_nav-02-btm.png) no-repeat scroll left bottom;
border:medium none;
color:#000000;
text-shadow:none;
}
#nav-02 li li span {
background:transparent url(bg_nav-02-arrow.png) no-repeat scroll 195px center;
display:block;
}
.page-title {
margin-top:0pt !important;
}
.leader {
font-family:Georgia,serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:27px;
}
.pull {
background:#E3F5FD url(bg_blockquote-pull-top.png) no-repeat scroll 0pt;
color:#1A4A7A;
float:right;
font-family:'Georgia',serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:22px;
margin:0pt 0pt 18px 30px;
width:215px;
}
.pull p {
background:transparent url(bg_blockquote-pull-btm.png) no-repeat scroll left bottom;
margin:0pt;
padding:20px;
}
.figure-1 {
display:inline;
float:left;
margin:0pt 27px 27px 0pt;
}
.figure-1a {
display:inline;
float:left;
margin:0pt 13px 3px 0pt;
}
.figure-2 {
margin:0pt auto;
text-align:center;
}
.figure-3 {
display:inline;
float:right;
margin:0pt 0pt 27px 27px;
}
.sr {
left:-9999em !important;
position:absolute !important;
top:-9999em !important;
}
.pricing table {
width:100%;
}
.pricing table tr:last-child td {
border:medium none;
}
.pricing .bigtick li {
margin-bottom:9px;
}
.cost-calculator {
background:#E2F0CE url(bg_cost-calculator-btm.png) no-repeat scroll left bottom;
color:#53595B;
float:right;
padding:13px;
width:184px;
}
.cost-calculator h4 {
background-image:url(title_cost-calculator.png);
height:39px;
margin:-13px -13px 0pt;
width:210px;
}
.cost-calculator p {
margin:8px 0pt 12px;
}
.cost-calculator form {
padding:0pt;
}
.cost-calculator .text {
margin-bottom:6px;
width:172px;
}
.cost-calculator .image {
margin-bottom:0pt;
padding:0pt;
}
.vbox1 {
background:#FFFFFF url(bg_vbox-btm.png) no-repeat scroll left bottom;
margin-bottom:18px;
padding:0pt 13px 13px;
width:189px;
}
.vbox1 h3 {
background:#CCCBCB url(bg_vbox1-top.png) no-repeat scroll 0pt;
color:#3E434A;
font-family:Arial;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
margin:0pt -13px 18px;
padding:7px 13px;
text-shadow:#FFFFFF 1px 1px 0pt;
}
.vbox1 .title {
font-size:16px;
font-weight:bold;
line-height:22px;
}
.vbox1 .figure-a {
margin-right:9px;
}
.click-through {
border-top:1px solid #D5DDE6;
display:block;
padding-top:17px;
}
.vbox2, .vbox2-wide {
background:#FFFFFF url(bg_vbox-btm.png) no-repeat scroll left bottom;
margin-bottom:18px;
padding:0pt 13px 13px;
width:189px;
}
.vbox2 h3, .vbox2-wide h3 {
background:#3A99EB url(bg_vbox2-top.png) no-repeat scroll 0pt;
color:#FFFFFF;
font-family:Arial;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
margin:0pt -13px 18px;
padding:7px 13px;
text-shadow:#3293D6 -1px -1px 0pt;
}
.vbox2-wide {
background-image:url(bg_vbox-wide-btm.png);
width:439px;
}
.vbox2-wide h3 {
background-image:url(bg_vbox2-wide-top.png);
}
.vbox3 {
background:#FFFFFF url(bg_vbox3-btm.png) no-repeat scroll left bottom;
margin-bottom:18px;
padding:0pt 13px 13px;
width:189px;
}
.vbox3 h3 {
background:#8395AD url(bg_vbox3-top.png) no-repeat scroll 0pt;
color:#FFFFFF;
font-family:Arial;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
margin:0pt -13px 18px;
padding:7px 13px;
text-shadow:#7E8FA8 -1px -1px 0pt;
}
.vbox3 h4 {
margin:0pt 0pt 9px;
}
.vbox3 .last {
margin-bottom:9px;
}
.hbox2 {
display:inline;
float:left;
/*margin-left:30px;*/

}
.hbox3 {
display:inline;
float:left;
margin-left:30px;
width:215px;
}
ul.hbox {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0pt -30px;
padding:0pt;
}
ul.hbox li {
margin-bottom:0pt;
}
.last {
margin-right:0pt !important;
}
#casestudies #content .copy {
margin-bottom:0pt;
}
#client-featured {
background-color:#E2F3FF;
height:238px;
margin-bottom:27px;
position:relative;
}
#client-featured img {
left:0pt;
position:absolute;
top:0pt;
}
#client-featured div {
background:transparent url(bg_client-featured.png) no-repeat scroll right top;
height:178px;
left:0pt;
overflow:hidden;
padding:30px 20px 30px 490px;
position:absolute;
right:0pt;
top:0pt;
z-index:10;
}
#client-featured blockquote {
background:transparent url(bg_blockquote-client.png) no-repeat scroll 0pt;
color:#1A4A7A;
font-size:16px;
line-height:24px;
margin:0pt 0pt 0pt -10px;
padding:10px 0pt 0pt 10px;
}
#client-featured blockquote p {
margin-bottom:9px;
}
#client-featured cite {
color:#3E434A;
display:block;
font-family:Arial,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
margin-bottom:18px;
}
#client-featured div img {
position:relative;
}
#client-featured-sub {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0pt -30px;
padding:0pt;
}
#client-featured-sub li {
display:inline;
float:left;
margin:0pt 0pt 0pt 30px;
position:relative;
width:215px;
}
#client-featured-sub h4 {
margin:0pt;
position:relative;
z-index:10;
}
#client-featured-sub h4 a {
background:transparent url(mask_215x72.png) no-repeat scroll 0pt;
display:block;
padding-top:90px;
}
#client-featured-sub img {
left:0pt;
position:absolute;
top:0pt;
}
.clients {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 14px;
padding:0pt;
}
.clients li {
display:inline;
float:left;
margin:0pt 8px 8px 0pt;
padding:0pt;
}
.clients li a {
background:transparent url(bg_client-logos.png) no-repeat scroll 0pt;
display:block;
height:62px;
overflow:hidden;
width:75px;
}
.mask-customer {
height:238px;
margin-bottom:27px;
overflow:hidden;
position:relative;
}
.mask-customer p {
background-image:url(mask_customer.png);
padding-top:238px;
position:relative;
z-index:10;
}
.mask-customer img {
left:0pt;
position:absolute;
top:0pt;
}
#customers .index .copy {
margin-bottom:0pt;
}
#users {
margin:0pt 0pt -18px;
}
#users .hbox2 {
margin:0pt 30px 0pt 0pt;
}
#users .last {
margin-right:0pt;
}
#amazing-designers {
background-image:url(title_used-by-amazing-designers.png);
height:15px;
width:340px;
}
#over-100 {
background-image:url(title_in-over-100-countries.png);
height:15px;
width:264px;
}
#community {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0pt -30px;
padding:0pt;
}
#community li {
margin-bottom:0pt;
padding-left:80px;
position:relative;
width:256px;
}
#community li img {
left:0pt;
position:absolute;
top:0pt;
}
.related-case-studies {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0pt -30px;
padding:0pt;
}
.related-case-studies li {
border:medium none;
display:inline;
float:left;
margin:0pt 0pt 9px 30px;
padding:0pt;
position:relative;
width:215px;
}
.related-case-studies li img {
border:1px solid #E5E6E8;
display:block;
float:left;
margin:0pt 13px 3px 0pt;
}
.related-case-studies .clear {
clear:left;
}
.vbox2 .related-case-studies {
margin:0pt;
}
.vbox2 .related-case-studies li {
border-bottom:1px solid #D5DDE6;
margin:0pt 0pt 18px;
width:189px;
}
.vbox2 .related-case-studies p {
margin-bottom:13px;
}
#giving-back-info {
margin-left:-30px;
}
#giving-back-info h4 {
margin-top:18px;
}
#sponsors {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:13px 0pt 0pt;
padding:0pt;
width:490px;
}
#sponsors li {
color:#797C80;
font-size:12px;
margin-bottom:27px;
padding-left:77px;
position:relative;
width:383px;
}
#sponsors img {
border:1px solid #E5E6E8;
left:0pt;
position:absolute;
top:0pt;
}
#sponsors h5 {
font-size:15px;
margin-bottom:3px;
}
#sponsors .clear {
clear:left;
}
#help-categories {
background:#F6FBFF url(bg_help-categories-btm.png) no-repeat scroll left bottom;
margin:0pt 30px 36px 0pt;
position:relative;
width:460px;
}
#help-categories h3 {
background:#8295AC url(bg_help-categories-top.png) no-repeat scroll 0pt;
color:#FFFFFF;
font-size:14px;
margin:0pt;
padding:6px 13px;
text-shadow:#7E90A7 -1px -1px 0pt;
}
#help-categories ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0pt -30px;
padding:18px 14px 4px;
}
#help-categories li {
display:inline;
float:left;
margin-left:30px;
padding-left:40px;
position:relative;
width:160px;
}
#help-categories a {
font-weight:bold;
}
#help-categories .last {
clear:right;
}
#help-categories img {
left:0pt;
position:absolute;
top:0pt;
}
#help-alternatives {
padding-bottom:0pt;
}
#help-alternatives h4 {
margin:0pt 0pt 6px;
}
#help-alternatives p {
border-bottom:1px solid #D5DDE6;
margin-bottom:18px;
padding-bottom:18px;
}
#help-alternatives .last {
border:medium none;
margin:0pt;
}
.resources, .resources ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:36px 0pt 0pt;
padding:0pt;
}
.resources li {
margin-bottom:36px;
padding:0pt 0pt 0pt 60px;
position:relative;
width:645px;
}
#support .resources li {
width:405px;
}
#support .resources li li {
width:385px;
}
#resources .articles li {
width:auto;
}
#resources .index .articles li {
width:400px;
}
#resources .category-archive .articles li {
width:645px;
}
#resources .vbox1 a {
color:#2173AF;
}
.resources p {
margin-bottom:9px;
}
.resources img {
left:0pt;
position:absolute;
top:0pt;
}
.resources h4 {
margin:0pt;
}
.resources ul {
margin-top:0pt;
}
.resources li li {
background:transparent url(icon_page-small.png) no-repeat scroll 0pt 1px;
margin-bottom:9px;
padding-left:20px;
width:auto;
}
.resources li .read-all {
background:transparent url(icon_arrow-small.png) no-repeat scroll 0pt 10px;
border-top:1px dotted #C2C2C2;
font-weight:bold;
padding-top:9px;
}
.api-kits {
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.api-kits li {
margin-bottom:6px;
padding-left:24px;
position:relative;
width:169px;
}
.api-kits img {
left:0pt;
position:absolute;
top:0pt;
}
.api-methods, .api-methods ul {
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.api-methods h5 {
margin-bottom:6px;
}
.api-methods li li {
margin-bottom:6px;
}
.alert-1 {
background-color:#F6FBFF;
border:1px dashed #51B6F1;
margin-bottom:18px;
padding:10px;
}
.alert-2 {
background-color:#FFF1F1;
border:1px solid #FF9A9A;
margin-bottom:18px;
padding:10px;
}
#video {
background:transparent url(bg_video.png) no-repeat scroll 0pt;
height:420px;
position:relative;
}
#video div {
left:31px;
position:absolute;
top:30px;
}
#screen-cast-filter {
background-color:#D6EAF9;
border-left:1px solid #DFE4E9;
border-right:1px solid #DFE4E9;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:5px 20px 0pt 29px;
}
#screen-cast-filter li {
display:inline;
float:left;
margin-bottom:0pt;
}
#screen-cast-filter a {
color:#5B768D;
display:block;
font-size:12px;
font-weight:bold;
outline-color:invert;
outline-style:none;
outline-width:medium;
padding:6px 12px;
}
#screen-cast-filter .selected {
background:#FFFFFF url(bg_video-selected-left.png) no-repeat scroll 0pt;
}
#screen-cast-filter .selected a {
background:transparent url(bg_video-selected-right.png) no-repeat scroll right top;
color:#3E434A;
padding:8px 11px;
}
#screencasts-list {
background:transparent url(bg_screencasts.png) no-repeat scroll left bottom;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 18px;
padding:30px 30px 12px 0pt;
}
#screencasts-list li {
display:inline;
float:left;
margin-left:30px;
padding:8px 8px 8px 115px;
position:relative;
width:184px;
}
#screencasts-list img {
border:1px solid #B5C4CF;
left:7px;
position:absolute;
top:7px;
}
#screencasts-list h4 {
margin:0pt;
}
#screencasts-list .selected {
background:transparent url(bg_screencasts-selected.png) no-repeat scroll 0pt;
}
#screencasts-list .selected img {
border-color:#49B2FF;
}
.articles {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.articles li {
padding-left:60px;
position:relative;
width:400px;
}
.articles img {
border:1px solid #B5C4CF;
left:0pt;
position:absolute;
top:3px;
}
.articles h4 {
margin:0pt;
}
.featured-downloads {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.featured-downloads li {
border-bottom:1px solid #D5DDE6;
font-size:12px;
margin-bottom:12px;
padding:0pt 0pt 12px 32px;
position:relative;
width:157px;
}
.featured-downloads img {
left:0pt;
position:absolute;
top:0pt;
}
table.downloads {
width:705px;
}
.downloads th, .downloads td {
padding:12px;
}
.downloads td.first {
padding:12px 0pt;
width:40px;
}
.downloads td.last {
padding-right:0pt;
text-align:right;
}
.downloads h5 {
color:#797C80;
font-size:13px;
font-weight:normal;
margin:0pt;
}
.downloads h5 a {
font-size:15px;
font-weight:bold;
}
#download-details {
float:right;
margin-left:30px;
}
#download-details table {
margin-bottom:18px;
}
#download-details th, #download-details td {
background:transparent none repeat scroll 0%;
border:medium none;
padding:3px 0pt;
}
#download-details .first {
padding-right:10px;
}
#email-clients {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 36px;
padding:0pt;
width:520px;
}
#email-clients li {
background:transparent url(icon_tick.png) no-repeat scroll 0pt;
float:left;
margin-bottom:6px;
padding-left:25px;
width:155px;
}
#email-clients .last {
width:135px;
}
#email-clients em {
color:#797C80;
}
#re-test {
background:#E4F4FF url(bg_retesting-top.png) no-repeat scroll 0pt;
float:right;
font-size:12px;
width:180px;
}
#re-test .figure-1a {
margin:13px 6px 0pt 10px;
}
#re-test p {
background:transparent url(bg_retesting-btm.png) no-repeat scroll left bottom;
margin:0pt;
padding:10px;
}
#email-templates-filter {
background:#EDEDED url(bg_email-templates-filter.png) no-repeat scroll 0pt;
border-bottom:1px solid #DCDBDB;
margin-bottom:18px;
padding:14px 10px 12px 13px;
position:relative;
}
#email-templates-filter strong {
float:left;
margin-right:10px;
}
#email-templates-filter ul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#email-templates-filter li {
display:inline;
float:left;
margin:0pt;
}
#email-templates-filter li a {
color:#3E434A;
display:block;
font-size:12px;
padding:0pt 7px;
}
#email-templates-filter .selected {
background:transparent url(bg_email-templates-filter-nav-left.png) no-repeat scroll 0pt;
}
#email-templates-filter .selected a {
background:transparent url(bg_email-templates-filter-nav-right.png) no-repeat scroll right top;
color:#FFFFFF;
padding:0pt 13px;
}
#email-templates-filter p {
position:absolute;
right:10px;
top:10px;
}
#email-templates {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 0pt -21px;
padding:0pt;
}
#email-templates li {
display:inline;
float:left;
margin:0pt 0pt 20px 21px;
width:160px;
}
#email-templates img {
border:1px solid #DCDBDB;
margin-bottom:5px;
}
#email-templates a {
color:#797C80;
display:block;
font-size:12px;
}
#email-templates .preview {
background:transparent url(icon_template-preview.png) no-repeat scroll 0pt;
float:left;
padding-left:20px;
}
#email-templates .download {
background:transparent url(icon_template-download.png) no-repeat scroll 0pt;
float:right;
padding-left:20px;
}
.bigtick, .bigcross {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:17px;
}
.bigtick li, .copy .bigtick li, .bigcross li, .copy .bigcross li {
padding-left:23px;
}
.bigtick li {
background:transparent url(icon_tick.png) no-repeat scroll 0pt;
}
.bigcross li {
background:transparent url(icon_cross.png) no-repeat scroll 0pt;
}
.smalltick {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.smalltick li {
background:transparent url(icon_tick.png) no-repeat scroll 0pt;
margin-bottom:9px;
padding-left:23px;
}
.articles-list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 27px;
padding:0pt;
}
.articles-list li {
background:transparent url(icon_page-small.png) no-repeat scroll 0pt 1px;
margin-bottom:9px;
padding-left:20px;
}
.search-results .articles-list li {
background:transparent none repeat scroll 0%;
padding-left:0pt;
}
.articles-list p {
margin-bottom:12px;
}
.articles-list .categories {
margin-bottom:27px;
}
.search .articles-list li {
background:transparent none repeat scroll 0%;
padding:0pt;
}
.vbox2-wide .articles-list, .vbox2 .articles-list {
margin-bottom:0pt;
}
.breadcrumb {
border-bottom:3px double #DDDDDD;
margin-bottom:27px;
padding-bottom:8px;
}
.pagination a, .pagination strong, .pagination span {
display:block;
float:left;
margin-right:3px;
padding:2px 7px;
}
.pagination a {
border:1px solid #E5E5E5;
}
.pagination a:hover {
border:1px solid #8B96A4;
text-decoration:none;
}
.pagination strong {
background-color:#2173AF;
border:1px solid #2173AF;
color:#FFFFFF;
}
#customers .using #content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 0pt 36px -5px;
padding:0pt;
}
#customers .using #content li {
background:transparent url(bg-using-list.png) no-repeat scroll 0pt;
float:left;
margin:0pt 7px 10px 0pt;
}
#customers .using #content li a {
display:block;
height:93px;
line-height:93px;
text-align:center;
vertical-align:middle;
width:109px;
}
#customers .using #content li a img {
margin-top:-2px;
vertical-align:middle;
}
#customers .using #content li a:hover {
text-decoration:none;
}
#support .entry #foot .copy {
background:transparent url(bg_foot-links-btm.png) no-repeat scroll left bottom;
margin:36px auto 8px;
padding-top:0pt;
text-align:left;
}
#support .index #content .copy {
margin:0pt;
}
#support .entry .copy h2 {
color:#000000;
font-family:Arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:27px;
margin:0pt 0pt 18px;
padding:0pt;
}
#support .entry .copy .sifr {
font-family:Arial,sans-serif !important;
font-size:30px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:1em !important;
margin:36px 0pt 18px !important;
}
#links {
background:transparent url(bg_foot-links-top.png) no-repeat scroll 0pt;
}
#links, #links ul {

list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#links li {
display:inline;
float:left;
margin-bottom:0pt;
padding:20px;
width:290px;
}
#links li li {
display:block;
float:none;
margin-bottom:18px;
padding:0pt;
width:auto;
}
#didnt-find-answer h3 {
background-image:url(title_didnt-find-answer.png);
height:11px;
margin-top:3px;
width:192px;
}
#related-questions h3 {
background-image:url(title_related-questions.png);
height:11px;
margin-top:3px;
width:156px;
}
#related-screencasts h3 {
background-image:url(title_related-screencasts.png);
height:11px;
margin-top:3px;
width:177px;
}
#foot #didnt-find-answer p {
margin:0pt 0pt 18px;
}
#links #related-questions li {
background:transparent url(icon_page-small.png) no-repeat scroll 0pt;
margin-bottom:9px;
padding-left:20px;
}
#links #related-screencasts li {
margin-bottom:3px;
}
#links #related-screencasts li:last-child {
margin-bottom:0pt;
}
#links #related-screencasts li a {
float:left;
margin:0pt 7px 0pt -3px;
}
#links #related-screencasts li h5 a {
float:none;
margin:0pt;
}
#links #related-screencasts li span {
color:#B0B0B0;
display:block;
}
.categories, .categories strong {
color:#8B96A4;
}
.categories {
background:transparent url(icon_category.png) no-repeat scroll 0pt 12px;
border-top:1px solid #E5E5E5;
margin:0pt;
padding:12px 0pt 0pt 20px;
}
.categories strong {
font-weight:normal;
}
#support .entry #foot .two-col {
background-image:url(bg_foot-links-two-col-btm.png);
}
#foot .two-col #links {
background-image:url(bg_foot-links-two-col-top.png);
}
#foot .two-col #links #related-questions {
width:580px;
}
#foot .two-col #links #related-screencasts {
display:none;
}
a[href="#"] {
background:#FFFF00 none repeat scroll 0%;
}
.clear:after, .section:after, #body:after, #content:after, #content .copy:after, .intro:after, .features:after, .clients:after, .pricing:after, .vbox:after, .hbox:after, .community:after, #screen-cast-filter:after, #screencasts-list:after, #email-clients:after, #email-templates-filter:after, #email-templates-filter ul:after, #email-templates:after, #email-templates p:after, .giving-back .sub-copy:after, .pagination:after, .categories:after, .hentry:after, form div.text:after, form div.textarea:after, .gt:after, .gr:after, #links #related-screencasts li:after, #comment-form .textarea:after, #forums #comments .entry:after, #forums .post-meta:after, .two-col #content .sub-copy:after, #customers .using #content ul:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
.clear, .section, #body, #content, #content .copy, .intro, .features, .clients, .pricing, .vbox, .hbox, .community, #screen-cast-filter, #screencasts-list, #email-clients, #email-templates-filter, #email-templates-filter ul, #email-templates, #email-templates p, .giving-back .sub-copy, .pagination, .categories, .hentry, form div.text, form div.textarea, .gt, .gr, #links #related-screencasts li, #comment-form .textarea, #forums #comments .entry, #forums .post-meta, .two-col #content .sub-copy, #customers .using #content ul {
}
.clear, .section, #body, #content, #content .copy, .intro, .features, .clients, .pricing, .vbox, .hbox, .community, #screen-cast-filter, #screencasts-list, #email-clients, #email-templates-filter, #email-templates-filter ul, #email-templates, #email-templates p, .giving-back .sub-copy, .pagination, .categories, .hentry, form div.text, form div.textarea, .gt, .gr, #links #related-screencasts li, #comment-form .textarea, #forums #comments .entry, #forums .post-meta, .two-col #content .sub-copy, #customers .using #content ul {
display:block;
}
.loading, .success, #setup h2, #address h2, #create h2, #existing-customers, #other-access, #forgot-password, #site-address-confirmation, #why-do-i-need-a-site-address {
background:transparent none no-repeat scroll 0pt;
display:block;
overflow:hidden;
text-indent:-9999em;
}
fieldset {
border:medium none;
margin:0pt;
padding:0pt;
}
form {
margin:0pt;
padding:0pt;
}
label {
color:#3E434A;
cursor:pointer;
display:block;
font-weight:bold;
margin-bottom:3px;
}
input, textarea {
color:#3E434A;
font-family:Arial,sans-serif;
font-size:13px;
line-height:1;
margin:0pt;
padding:3px;
}
input.text {
}
input.image {
padding:0pt;
}
#help-categories form {
position:absolute;
right:8px;
top:0pt;
}
#help-categories form .text {
color:#7D7D7D;
padding:2px;
position:absolute;
right:88px;
top:7px;
width:180px;
}
#help-categories form .image {
position:absolute;
right:0pt;
top:8px;
}
#contact-form {
background:transparent url(bg_form-contact.png) no-repeat scroll right top;
margin:0pt;
padding:0pt 360px 0pt 0pt;
}
#contact-form label {
text-align:left;
width:auto;
}
#contact-form em {
float:right;
line-height:27px;
}
#contact-form em.error {
float:none;
margin-left:0px;
width:auto;
}
#contact-form .text {
width:262px;
}
#contact-form .text input {
width:250px;
}
#contact-form .text select {
width:262px;
}
#contact-form .textarea textarea {
width:337px;
}
#contact-form .buttons {
margin:18px 0pt 0pt;
}
.text, .textarea, .select {
margin-bottom:9px;
}
.text em, .textarea em {
color:#86919E;
font-size:11px;
font-style:normal;
}
.buttons .image {
padding:0pt;
}
.js input, .js textarea {
color:#8B96A4;
}
.js input.active, .js textarea.active {
color:#3E434A;
}
#search-blog, #search-help {
background:transparent url(bg_search-blog-top.png) no-repeat scroll 0pt;
margin-bottom:18px;
padding:13px 13px 0pt;
position:relative;
width:189px;
}
#search-blog fieldset, #search-help fieldset {
background:transparent url(bg_search-blog-btm.png) no-repeat scroll left bottom;
margin:0pt -13px;
padding:0pt 13px 13px;
}
#search-blog label, #search-help label {
display:none;
}
#search-blog .text, #search-help .text {
margin:0pt;
}
#search-blog .text input, #search-help .text input {
width:115px;
}
#search-blog .buttons, #search-help .buttons {
margin:0pt;
position:absolute;
right:10px;
top:11px;
}
#search-blog em.error {
margin-left:0pt;
margin-top:9px;
}
.login #content {
background:transparent url(bg_login.png) repeat-y scroll 0pt;
margin-bottom:27px;
}
.login #content .copy {
float:left;
padding-left:27px;
width:453px;
}
.login #content .sub-copy {
float:left;
padding:0pt 27px;
width:426px;
}
.login .site-address-confirmation #content .copy {
padding-right:30px;
width:579px;
}
.login .site-address-confirmation #content .sub-copy {
width:270px;
}
.login .top {
background:transparent url(bg_login-top.png) repeat scroll 0%;
height:30px;
width:960px;
}
.login .btm {
background:transparent url(bg_login-btm.png) no-repeat scroll left bottom;
clear:both;
height:10px;
width:960px;
}
.login .site-address-confirmation #content {
background-image:url(bg_site-address.png);
}
.login .site-address-confirmation .top {
background-image:url(bg_site-address-top.png);
}
.login .site-address-confirmation .btm {
background-image:url(bg_site-address-btm.png);
}
#existing-customers {
background-image:url(title_existing-customers.png);
height:22px;
margin:0pt 0pt 27px;
width:215px;
}
#forgot-password {
background-image:url(title_forgot-your-password.png);
height:22px;
margin:0pt 0pt 27px;
width:260px;
}
#other-access {
background-image:url(title_other-access-options.png);
height:22px;
margin:0pt 0pt 18px;
width:245px;
}
#site-address-confirmation {
background-image:url(title_set-up-site-address.png);
height:22px;
margin:0pt 0pt 18px;
width:484px;
}
#why-do-i-need-a-site-address {
background-image:url(title_why-site-address.png);
height:17px;
margin:0pt 0pt 18px;
width:253px;
}
#options {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#options li {
padding-left:60px;
position:relative;
width:366px;
}
.site-address-confirmation #options li {
padding-left:50px;
width:220px;
}
#options li img {
left:0pt;
position:absolute;
top:0pt;
}
#options h4 {
margin:0pt 0pt 6px;
}
.copy form label {
float:left;
line-height:27px;
margin-right:10px;
text-align:right;
width:100px;
}
.copy form input, .copy form textarea, .copy form select {
float:left;
margin-right:5px;
}
.copy form select {
margin-top:4px;
}
.copy form .text input {
width:208px;
}
.copy form .text a, form .text strong {
line-height:27px;
}
.copy form .buttons {
clear:both;
margin:0pt 0pt 18px 110px;
}
.copy form .buttons input {
float:none;
}
.copy form .buttons p {
margin-top:9px;
}
form em.error {
background:transparent url(icon_cross.png) no-repeat scroll left center;
clear:both;
color:#B41010;
display:block;
float:none;
font-size:11px;
line-height:27px;
margin-left:110px;
padding-left:20px;
position:static;
width:auto;
}
#form-sign-up em.error {
clear:none;
float:right;
margin-left:0px;
width:200px;
}
#form-sign-up fieldset {
background:transparent url(bg_fieldset-wide.png) repeat-y scroll 0pt;
margin-bottom:8px;
padding:27px 27px 36px 90px;
}
#form-sign-up fieldset .top {
background:transparent url(bg_fieldset-wide-top.png) no-repeat scroll 0pt;
height:10px;
margin:-27px -27px -27px -90px;
padding-bottom:17px;
width:690px;
}
#form-sign-up fieldset .btm {
background:transparent url(bg_fieldset-wide-btm.png) no-repeat scroll left bottom;
height:10px;
margin:27px -27px -36px -90px;
width:690px;
}
#form-sign-up #setup .btm, #form-sign-up #address .btm {
background:transparent url(bg_fieldset-wide-arrow-btm.png) no-repeat scroll left bottom;
height:20px;
margin:37px -27px -36px -90px;
width:690px;
}
#form-sign-up #setup {
padding-bottom:36px;
}
#form-sign-up #setup h2 {
background-image:url(title_set-up-account.png);
height:47px;
margin:27px 0pt 9px -60px;
width:297px;
}
#form-sign-up #create h2 {
background-image:url(title_create-account.png);
height:47px;
margin:27px 0pt 9px -60px;
width:287px;
}
#form-sign-up #create label {
color:#636B75;
display:block;
float:none;
font-weight:normal;
line-height:18px;
margin:0pt 0pt 18px;
text-align:left;
width:auto;
}
#form-sign-up #create .buttons {
margin-left:0pt;
}
#form-sign-up #address h2 {
background-image:url(title_select-site-address.png);
height:47px;
margin:27px 0pt 9px -60px;
width:541px;
}
#login #address p {
clear:both;
color:#8B96A4;
font-size:11px;
margin:6px 0pt 0pt 110px;
}
#login .text input {
width:175px;
}
#subscribe-form {
float:left;
position:relative;
width:300px;
}
#subscribe-form .text {
margin:0pt;
position:relative;
width:324px;
}
#subscribe-form em.error {
margin-left:0pt;
}
#subscribe-form #email, #subscribe-form #z-z {
width:190px;
}
#subscribe-form h5, #subscribe-form p {
font-size:12px;
}
#subscribe-form #subscribe {
position:absolute;
right:34px;
top:2px;
}
#subscribe-form .loading {
background:transparent url(load_indicator-24.gif) no-repeat scroll 0pt;
height:24px;
position:absolute;
right:0pt;
top:2px;
width:24px;
}
#subscribe-form .success {
background:transparent url(icon_tick-large.png) no-repeat scroll 0pt;
height:24px;
position:absolute;
right:0pt;
top:2px;
width:24px;
}
#subscribe-form .error {
font-style:normal;
margin-left:0pt;
margin-top:4px;
}
#comment-form em.error, #comment-form .textarea em.error {
margin-left:0pt;
position:static;
width:auto;
}
#comment-form .textarea em.error {
margin-left:15px;
}
#giving-back-form {
background:#EBF3F8 url(bg_giving-back-form-btm.png) no-repeat scroll left bottom;
float:right;
padding:13px;
width:189px;
}
#giving-back-form h4 {
background:#EBF3F8 url(bg_giving-back-form-top.png) no-repeat scroll 0pt;
margin:-13px -13px 0pt;
padding:13px;
width:189px;
}
#giving-back-form .text {
margin-bottom:9px;
width:177px;
}
#giving-back-form textarea {
margin-bottom:9px;
width:181px;
}
#giving-back-form em.error {
font-style:normal;
margin:-9px 0pt 9px;
}
#nav-02-01 {
background:transparent url(bg-sub_nav_02_01-top.png) no-repeat scroll left top;
margin:0pt 0pt 180px;
padding:0pt;
width:191px;
}
#nav-02-01 li {
font-size:12px;
list-style-type:none;
margin:0pt;
padding:0pt;
position:relative;
}
#nav-02-01 li.current {
font-weight:bold;
}
#nav-02-01 li#nav-el-654 {
background:transparent url(bg-sub_nav_02_01-btm.png) no-repeat scroll left bottom;
}
#nav-02-01 li a {
border-bottom:1px solid #E6E6E6;
border-top:1px solid #FFFFFF;
display:block;
line-height:37px;
padding-left:35px;
width:156px;
}
#nav-02-01 li a img {
left:12px;
position:absolute;
top:11px;
}
#nav-02-01 li#nav-el-656 a {
border-top:0pt none;
}
#nav-02-01 li#nav-el-654 a {
border-bottom:0pt none;
}
#features .leader {
color:#7B8188;
font-family:Arial,Helvetica;
margin-bottom:36px;
}
#features table {
margin-bottom:27px;
}
#features .primary {
display:inline;
float:left;
margin-top:0pt;
width:436px;
}
#features .secondary {
display:inline;
float:right;
margin-top:0pt;
width:242px;
}
.section {
margin:27px 0pt;
position:relative;
}
.section h3 {
font-weight:normal;
line-height:24px;
margin-top:0pt;
}
.figure {
margin-bottom:18px;
}
.figure-a {
float:left;
margin-right:27px;
}
.figure-a-breakout {
margin-left:-44px;
}
.figure-a-1, .figure-c-1 {
position:absolute;
}
.figure-a-1 {
left:0pt;
top:0pt;
}
.figure-c-1 {
right:0pt;
top:0pt;
}
.figure-c {
float:right;
margin-left:27px;
}
.sg .gallery {
background:transparent none no-repeat scroll left bottom;
margin-bottom:18px;
padding:0pt 0pt 12px;
position:relative;
}
.sg .gallery h4, .sg .gallery p {
color:#797C80;
line-height:16px;
margin-bottom:9px;
margin-top:0pt;
padding-left:19px;
padding-right:19px;
}
.sg .gallery h4 {
background:transparent none no-repeat scroll left top;
font-size:12px;
margin:0pt;
padding-top:18px;
}
.sg .gallery p {
font-size:11px;
margin:9px 0pt;
}
.sg .gallery ol, .sg .gallery li {
float:left;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.sg .gallery ol {
border-top:1px solid #EBEBEB;
clear:both;
margin-top:4px;
padding:5px 11px 0pt;
}
.sg .gallery li a {
display:block;
outline-color:invert;
outline-style:none;
outline-width:medium;
position:relative;
}
.sg .gallery li a span {
background:transparent url(icon-blur-plus.png) repeat scroll 0%;
display:none;
height:0pt;
left:0pt;
overflow:hidden;
padding-top:28px;
position:absolute;
top:0pt;
width:28px;
}
.sg .gallery li a:hover span {
display:block;
}
.sg .gallery li a:active, .sg .gallery li a:focus {
outline-color:invert;
outline-style:none;
outline-width:medium;
}
.sg .gallery a.screencast span {
background:transparent url(icon-47x47-play.png) no-repeat scroll center;
display:block;
width:174px;
}
.sg .gallery a.screencast:hover span {
background-image:url(icon-47x47-play-over.png);
}
.sg-a .content {
display:inline;
float:right;
}
.sg-a .gallery {
display:inline;
float:left;
margin-right:27px;
}
.sg-c .content {
display:inline;
float:left;
}
.sg-c .gallery {
display:inline;
float:right;
margin-left:27px;
}
.sg-1 .content, .sg-2 .content {
width:345px;
}
.sg-1 .gallery, .sg-2 .gallery {
background-image:url(bg-screenshot_gallery-btm.png);
width:333px;
}
.sg-1 .gallery h4, .sg-2 .gallery h4 {
background-image:url(bg-screenshot_gallery-top.png);
}
.sg-1 .gallery .screencast, .sg-2 .gallery .screencast {
position:absolute;
right:11px;
top:6px;
}
.sg-1 .gallery a.screencast span, .sg-2 .gallery a.screencast span {
padding-top:141px;
}
.sg-1 .gallery h4, .sg-1 .gallery p {
float:left;
padding-right:198px;
}
.sg-1 .gallery .intro {
height:148px;
}
.sg-1 .gallery > .intro {
height:auto;
min-height:148px;
}
.sg-3 .content {
width:450px;
}
.sg-3 .gallery {
background-image:url(bg-screenshot-228x500_gallery-btm.png);
width:228px;
}
.sg-3 .gallery h4 {
background-image:url(bg-screenshot-228x500_gallery-top.png);
}
.sg-3 .gallery a.screencast span {
padding-top:130px;
}
#feature-index ul li {
float:left;
list-style-type:disc;
margin-left:18px;
width:300px;
}
.icon-list, .icon-list ul, .icon-list li {
list-style-type:none;
margin:0pt;
padding:0pt;
position:relative;
}
.icon-list li ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-bottom:5px;
}
.icon-list h2 {
border-bottom:1px solid #DDDDDD;
margin-bottom:36px;
padding-bottom:12px;
}
.icon-list img {
left:0pt;
position:absolute;
top:0pt;
}
.icon-list p {
font-size:14px;
}
.icon-list .gt {
margin-top:27px;
}
.icon-list .gr {
clear:both;
}
.icon-list .gc {
margin-bottom:18px;
position:relative;
}
.icon-list .gc h3 {
margin-bottom:9px;
margin-top:0pt;
}
.icon-list .gc h3, .icon-list .gc p, .icon-list .gc ul {
margin-left:63px;
}
.icon-list .gr-2 .gc, .icon-list .gr-3 .gc, .icon-list .gr-4 .gc {
float:left;
margin-right:2%;
}
.icon-list .gr-2 .gc h3, .icon-list .gr-3 .gc h3 {
font-size:13px;
font-weight:bold;
margin-bottom:5px;
}
.icon-list .gr-2 .gc p, .icon-list .gr-3 .gc p {
font-size:12px;
}
.icon-list .gr-2 .gc {
width:48%;
}
.icon-list .gr-3 .gc {
width:31.3%;
}
.icon-list .gr-4 .gc {
width:23%;
}
.page-nav {
border-top:3px double #DDDDDD;
clear:both;
margin-top:54px;
padding-top:24px;
}
.page-nav a {
background:transparent url(bg-page_nav-right.png) no-repeat scroll right top;
color:#333333;
display:block;
float:left;
font-size:11px;
font-weight:bold;
padding-right:9px;
}
.page-nav a strong {
background:transparent url(bg-page_nav-left.png) no-repeat scroll left top;
color:#333333;
display:block;
line-height:24px;
padding-left:9px;
text-shadow:#FFFFFF 0pt 1px 0pt;
}
.page-nav a.prev {
float:right;
}
.sg .gallery a.screencast span {
background:transparent url(icon-47x47-play-over.png) no-repeat scroll center;
display:block;
width:174px;
}
.sg .gallery a.screencast:hover span {
background-image:url(icon-47x47-play.png);
}
#shadowbox_container, #shadowbox_overlay {
height:100%;
left:0pt;
margin:0pt;
padding:0pt;
top:0pt;
width:100%;
}
#shadowbox_container {
display:block;
position:fixed;
text-align:center;
visibility:hidden;
z-index:999;
}
#shadowbox_overlay {
background-image:url(shadowbox/bg_overlay.png);
position:absolute;
}
#shadowbox {
background:#FFFFFF url(shadowbox/bg-shadowbox.png) repeat-y scroll right top;
border:0px none #000000;
margin:0pt auto;
position:relative;
text-align:left;
}
#features #shadowbox {
}
* html #shadowbox {
border:1px solid #BBBBBB;
}
#shadowbox_body {
border:0px none #FFFFFF;
margin:0pt;
overflow:hidden;
padding:0pt;
position:relative;
}
#shadowbox_body_inner {
background:#FFFFFF none repeat scroll 0%;
height:100%;
position:relative;
}
#features #shadowbox_body_inner {
background:transparent none repeat scroll 0%;
padding:0pt 27px;
}
#shadowbox_content.html {
height:100%;
overflow:auto;
}
#shadowbox_loading {
height:100%;
position:absolute;
top:0pt;
width:100%;
}
#shadowbox_body, #shadowbox_loading {
}
#shadowbox_loading_indicator {
background-image:url(load_indicator-24.gif);
background-repeat:no-repeat;
float:left;
height:24px;
margin:18px 9px 0pt 18px;
width:24px;
}
#shadowbox_loading span {
float:left;
font-size:12px;
line-height:24px;
margin-top:18px;
}
#shadowbox_loading span a:link, #shadowbox_loading span a:visited {
text-decoration:underline;
}
#shadowbox_title, #shadowbox_info {
border:0px none #FFFFFF;
color:#3E404C;
margin:0pt;
overflow:hidden;
padding:0pt;
position:relative;
}
* html #shadowbox_title {
height:1%;
}
#shadowbox_title_inner, #shadowbox_info_inner, #shadowbox_download_inner, #shadowbox_download_inner a {
position:relative;
}
#shadowbox_title {
background:#FFFFFF url(shadowbox/bg_title.png) repeat-x scroll left bottom;
border-bottom:1px solid #CCCCCC;
}
#features #shadowbox_title {
background:#FFFFFF none repeat scroll 0%;
border:medium none;
}
#shadowbox_title_inner, #shadowbox_download_inner {
font-size:22px;
font-weight:normal;
line-height:27px;
padding:27px 27px 18px;
}
.templates #shadowbox_title_inner, .templates #shadowbox_download_inner {
padding:18px 27px;
}
#shadowbox_title_inner {
float:left;
margin-right:105px;
margin-top:0pt !important;
}
#shadowbox_download_inner {
float:right;
font-size:16px;
}
#shadowbox_download_inner a {
background:transparent url(shadowbox/icon_download.png) no-repeat scroll left center;
display:block;
padding-left:22px;
}
#shadowbox_info {
background:#FFFFFF none repeat scroll 0%;
border-top:1px solid #CCCCCC;
}
#features #shadowbox_info {
background:transparent none repeat scroll 0%;
border:medium none;
}
#shadowbox_item_summary {
border-bottom:1px solid #CCCCCC;
color:#636B75;
display:none;
font-size:13px;
padding:18px 166px 18px 27px;
}
#features #shadowbox_item_summary {
border:medium none;
}
#shadowbox_info_inner {
font-size:12px;
}
#shadowbox_nav {
float:right;
height:27px;
padding:0pt 9px;
width:45%;
}
#shadowbox_nav a {
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
display:block;
float:right;
height:27px;
width:20px;
}
#shadowbox_nav_close {
background-image:url(shadowbox/icon_close.png);
background-repeat:no-repeat;
cursor:pointer;
height:30px;
left:-15px;
position:absolute;
top:-15px;
width:30px;
z-index:100;
}
#shadowbox_nav_next {
background-image:url(shadowbox/icon_next.png);
background-repeat:no-repeat;
}
#shadowbox_nav_previous {
background-image:url(shadowbox/icon_previous.png);
background-repeat:no-repeat;
}
#shadowbox_nav_play {
background-image:url(shadowbox/icon_play.png);
background-repeat:no-repeat;
}
#shadowbox_nav_pause {
background-image:url(shadowbox/icon_pause.png);
background-repeat:no-repeat;
}
#shadowbox_counter {
float:left;
line-height:27px;
padding:0pt 9px;
}
#shadowbox_counter a {
cursor:pointer;
display:block;
position:relative;
text-decoration:none;
}
#shadowbox_counter a.shadowbox_counter_current {
}
#shadowbox_body_thumbs {
display:none;
}
#features #shadowbox_body_thumbs {
background:#FBFBFB none repeat scroll 0%;
border-left:1px solid #DCDCDC;
height:100%;
padding:0pt 18px;
position:absolute;
right:0pt;
top:0px;
width:103px;
z-index:200;
}
#features #shadowbox_body_thumbs {
display:block;
}
#features #shadowbox_body_thumbs a {
float:left;
height:81px;
width:103px;
}
#features #shadowbox_counter {
padding:18px 0pt 0pt;
}
#features #shadowbox_counter .count {
display:none;
}
#features #shadowbox_counter span {
background:transparent none no-repeat scroll left top;
cursor:pointer;
height:0pt;
overflow:hidden;
padding-top:81px;
position:absolute;
right:0pt;
top:0pt;
width:103px;
}
#features #shadowbox_body_thumbs a.screencast:hover span {
background-image:url(screencast-preview-103x81-hover-24bit.png);
}
* html #features #shadowbox_body_thumbs a.screencast:hover span {
background-image:url(screencast-preview-103x81-hover.png);
}
#features #shadowbox_body_thumbs a.image:hover span {
background-image:url(preview-103x81-hover.png);
}
#features #shadowbox_body_thumbs a.image_current span, #features #shadowbox_body_thumbs a.image_current:hover span, #features #shadowbox_body_thumbs a.screencast_current span, #features #shadowbox_body_thumbs a.screencast_current:hover span {
background-image:url(preview-103x81-selected.png);
}
div.shadowbox_clear {
clear:both;
}
div.shadowbox_message {
font-size:12px;
text-align:center;
}
div.shadowbox_message a:link, div.shadowbox_message a:visited {
text-decoration:underline;
}
#shadowbox .shadowbox_bg {
display:none;
}
#shadowbox > .shadowbox_bg {
display:block;
}
div.shadowbox_bg {
display:block;
position:absolute;
z-index:70;
}
div.shadowbox_bg_n {
background:transparent url(shadowbox/bg_shadow_n.png) repeat-x scroll 0%;
height:15px;
left:0pt;
top:-15px;
width:100%;
}
div.shadowbox_bg_ne {
background:transparent url(shadowbox/bg_shadow_ne.png) no-repeat scroll 0%;
height:15px;
right:-15px;
top:-15px;
width:15px;
}
div.shadowbox_bg_e {
background:transparent url(shadowbox/bg_shadow_e.png) repeat-y scroll 0%;
height:100%;
right:-15px;
top:0pt;
width:15px;
}
div.shadowbox_bg_se {
background:transparent url(shadowbox/bg_shadow_se.png) no-repeat scroll 0%;
bottom:-15px;
height:15px;
right:-15px;
width:15px;
}
div.shadowbox_bg_s {
background:transparent url(shadowbox/bg_shadow_s.png) repeat-x scroll 0%;
bottom:-15px;
height:15px;
left:0pt;
width:100%;
}
div.shadowbox_bg_sw {
background:transparent url(shadowbox/bg_shadow_sw.png) no-repeat scroll 0%;
bottom:-15px;
height:15px;
left:-15px;
width:15px;
}
div.shadowbox_bg_w {
background:transparent url(shadowbox/bg_shadow_w.png) repeat-y scroll 0%;
height:100%;
left:-15px;
top:0pt;
width:15px;
}
div.shadowbox_bg_nw {
background:transparent url(shadowbox/bg_shadow_nw.png) no-repeat scroll 0%;
height:15px;
left:-15px;
top:-15px;
width:15px;
}
.sIFR-flash {
margin:0pt;
padding:0pt;
visibility:visible !important;
}
.sIFR-unloading .sIFR-flash {
visibility:hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
visibility:visible !important;
}
.sIFR-alternate {
display:block;
height:0pt;
left:0pt;
overflow:hidden;
position:absolute;
top:0pt;
width:0pt;
}
.sIFR-replaced div.sIFR-fixfocus {
float:none;
letter-spacing:0pt;
margin:0pt;
overflow:auto;
padding:0pt;
}
.sIFR-dummy {
height:0pt;
margin-left:42px;
width:0pt;
z-index:0;
}
.sIFR-active h2.sifr, .sIFR-active h2.sifr2 {
visibility:hidden;
}
.sIFR-active object {
display:block;
}
.str {
color:#008800;
}
.kwd {
color:#000088;
}
.com {
color:#880000;
}
.typ {
color:#660066;
}
.lit {
color:#006666;
}
.pun {
color:#666600;
}
.pln {
color:#000000;
}
.tag {
color:#000088;
}
.atn {
color:#660066;
}
.atv {
color:#008800;
}
.dec {
color:#660066;
}
pre.prettyprint {
}
.value span {
color:#E30A10;
}
.str {
color:#006600;
}
.kwd {
color:#000066;
font-weight:bold;
}
.com {
color:#660000;
font-style:italic;
}
.typ {
color:#440044;
font-weight:bold;
}
.lit {
color:#004444;
}
.pun {
color:#444400;
}
.pln {
color:#000000;
}
.tag {
color:#000066;
font-weight:bold;
}
.atn {
color:#440044;
}
.atv {
color:#006600;
}