html, body {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
pre, a, abbr, acronym, address, code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
blockquote, q {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
quotes: "" ""; }
blockquote:before, q:before,
blockquote:after, q:after {
content: ""; }
th, td, caption {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-align: left;
font-weight: normal;
vertical-align: middle; }
table {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
border-collapse: separate;
border-spacing: 0;
vertical-align: middle; }
a img {
border: none; }
body a {
color: #1a51c6; }
body a {
color: #1a51c6; }
ul#products_list {
margin: 0em; }
ul#products_list li {
list-style-type: none;
margin-left: 0px; }
ul#products_list > li {
padding: 0;
margin-bottom: 4em; }
ul#products_list > li:hover {
border-color: #096D00; }
ul#products_list > li:last-child {
margin-bottom: 0em; }
ul#products_list > li a {
margin-top: 0.2em; }
ul#products_list > li img {
margin-bottom: 0.5em; }
ul#products_list > li.webinars:hover, ul#products_list > li.connect-with-us:hover {
background-color: #f4f4f4; }
ul#products_list > li.webinars p, ul#products_list > li.connect-with-us p {
margin-left: 0em; }
ul#products_list > li.webinars ul li, ul#products_list > li.connect-with-us ul li {
font-weight: bold; }
ul#products_list > li h3 {
margin: 0;
padding: 0; }
ul#products_list > li p {
margin-top: 0em;
margin-left: 5px;
font-size: 110%;
margin-bottom: 10px;
line-height: 1.3em; }
ul#products_list > li p:hover {
color: black; }
ul#products_list > li ul {
margin-bottom: 0.5em; }
ul#products_list > li ul li {
list-style: disc; }
ul#products_list li.connect-with-us ul {
margin-left: 0; }
ul#products_list li.connect-with-us ul li {
list-style: none;
margin-left: 0; }
#content #bluemango-home h1 {
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
color: #3d3d3d;
line-height: 120%;
margin-bottom: 1em; }
#content #bluemango-home h2 {
font-size: 1.5em; }
#content #bluemango-home h2.new-section {
margin-top: 2em; }
#content #bluemango-home div.left h2 {
color: #3d3d3d; }
#content #bluemango-home div.equal-height {
min-height: 380px;
margin-bottom: 4em; }
#content #bluemango-home div.webinars {
margin-bottom: 2em; }
#content #bluemango-home div.connect-with-us ul#follow-us {
margin-left: 0em; }
#content #bluemango-home div.connect-with-us ul#follow-us li {
margin-left: 0em; }
#content #bluemango-home div.feedburnerFeedBlock ul li span.headline a {
font-weight: bold;
color: #333;
font-size: 16px;
line-height: 1.2em;
text-decoration: underline; }
#content #bluemango-home div.feedburnerFeedBlock ul li span.headline a:hover {
color: green; }
#content #bluemango-home div.feedburnerFeedBlock ul li div {
font-size: 12px; }
.contact-us ul {
margin-left: 0em; }
.contact-us ul li {
list-style-type: none;
margin-left: 0px; }
.sidebar-block ul#follow-us {
padding-left: 0;
margin: 0; }
.sidebar-block ul#follow-us li.rss {
margin-left: 0em;
margin-left-list-style: none;
margin-left-margin: 1.5em 0 0; }
.sidebar-block ul#follow-us a {
display: inline-block;
padding-left: 34px;
line-height: 24px;
font-size: 14px; }
.sidebar-block ul#follow-us a.twitter {
background: url('/images/social-icons/twitter.png') top left no-repeat; }
.sidebar-block ul#follow-us a.facebook {
background: url('/images/social-icons/facebook.png') top left no-repeat; }
.sidebar-block ul#follow-us a.rss {
background: url('/images/social-icons/rss.png') top left no-repeat; }
.sidebar-block ul#follow-us a.newsletter {
background: url('/images/social-icons/email.png') top left no-repeat; }
#content-wrapper.front-page .header {
border-bottom: none;
padding-left: 0em;
text-align: center;
font-family: Georgia, times, "Times New Roman", serif;
margin: 30px 0; }
#content div.front-page-call h2 {
border-bottom: 1px solid #e6e6e6;
font-size: 2em !important; }
#content div.front-page-call div.header-image {
float: right;
margin: 0 0 10px 10px; }
#content div.front-page-call a.call {
display: block;
line-height: 24px;
padding: 6px 60px 6px 10px;
font-size: 18px;
height: 48px;
width: 330px;
background: transparent url(/images/buttons/green-button.png) no-repeat 0px 0px;
text-decoration: none;
color: white;
font-weight: normal; }
#content div.front-page-call a.call:hover {
background-position: 0px -60px;
text-decoration: underline; }
#content div.front-page-call a.call:active {
background-position: 0px -120px; }
#content.front-page {
background: #fff;
border: 1px solid #dedede;
-moz-box-shadow: 0 3px 5px #d1d1d1;
-webkit-box-shadow: 0 3px 5px #d1d1d1;
box-shadow: 0 3px 5px #d1d1d1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
#content.front-page .inside-pad {
padding-top: 3em; }
#content.front-page h1 {
text-align: center;
font-size: 3em; }
#content.front-page .row {
padding-bottom: 60px; }
#content.front-page .row img {
float: right;
margin-left: 15px; }
#content.front-page .row img.border {
border: 1px solid #DEDEDE; }
#content.front-page .row h2 {
font-size: 1.7em;
border-bottom: 1px solid #DEDEDE; }
#content.front-page ul#front-page-list {
width: 800px;
margin: 2em auto;
list-style: none; }
#content.front-page ul#front-page-list > li {
margin-bottom: 40px;
clear: both; }
#content.front-page ul#front-page-list ul {
margin-bottom: 1.5em; }
#content.front-page ul#front-page-list img {
float: right;
margin-left: 15px; }
#content.front-page ul#front-page-list img.border {
border: 1px solid #DEDEDE; }
#content.front-page ul#front-page-list h2 {
font-size: 1.7em;
border-bottom: 1px solid #DEDEDE; }
#keep-in-touch-footer a {
padding-left: 34px;
line-height: 24px;
float: left;
margin-right: 20px; }
#keep-in-touch-footer a.twitter {
background: url('/images/social-icons/twitter.png') top left no-repeat; }
#keep-in-touch-footer a.facebook {
background: url('/images/social-icons/facebook.png') top left no-repeat; }
#keep-in-touch-footer a.rss {
background: url('/images/social-icons/rss.png') top left no-repeat; }
#keep-in-touch-footer a.newsletter {
background: url('/images/social-icons/email.png') top left no-repeat; }
#keep-in-touch-footer.vertical a {
clear: left;
margin-bottom: 1em; }
body a {
color: #1a51c6; }
body a {
color: #1a51c6; }
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 0.9em;
background-color: #313F52;
background: #313F52 url(/images/layout/textured-black-bg.jpg); }
body body {
line-height: 1.5;
font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 87.5%; }
body h1 {
font-weight: normal;
color: #222222;
font-size: 3em;
line-height: 1;
margin-bottom: 0.5em; }
body h1 img {
margin: 0; }
body h2 {
font-weight: normal;
color: #222222;
font-size: 2em;
margin-bottom: 0.75em; }
body h3 {
font-weight: normal;
color: #222222;
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em; }
body h4 {
font-weight: normal;
color: #222222;
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em; }
body h5 {
font-weight: normal;
color: #222222;
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em; }
body h6 {
font-weight: normal;
color: #222222;
font-size: 1em;
font-weight: bold; }
body h2 img, body h3 img, body h4 img, body h5 img, body h6 img {
margin: 0; }
body p {
margin: 0 0 1.5em; }
body p img.left {
display: inline;
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0; }
body p img.right {
display: inline;
float: right;
margin: 1.5em 0 1.5em 1.5em;
padding: 0; }
body a {
text-decoration: underline;
color: #000099; }
body a:visited {
color: #000066; }
body a:focus {
color: black; }
body a:hover {
color: black; }
body a:active {
color: #cc0099; }
body blockquote {
margin: 1.5em;
color: #666;
font-style: italic; }
body strong {
font-weight: bold; }
body em {
font-style: italic; }
body dfn {
font-style: italic;
font-weight: bold; }
body sup, body sub {
line-height: 0; }
body abbr, body acronym {
border-bottom: 1px dotted #666; }
body address {
margin: 0 0 1.5em;
font-style: italic; }
body del {
color: #666; }
body pre {
margin: 1.5em 0;
white-space: pre; }
body pre, body code, body tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5; }
body li ul, body li ol {
margin: 0 1.5em; }
body ul {
margin: 0 1.5em 1.5em 1.5em;
list-style-type: disc; }
body ol {
margin: 0 1.5em 1.5em 1.5em;
list-style-type: decimal; }
body dl {
margin: 0 0 1.5em 0; }
body dl dt {
font-weight: bold; }
body dd {
margin-left: 1.5em; }
body table {
margin-bottom: 1.4em;
width: 100%; }
body th {
font-weight: bold; }
body thead th {
background: #c3d9ff; }
body th, body td, body caption {
padding: 4px 10px 4px 5px; }
body tr.even td {
background: #e5ecf9; }
body tfoot {
font-style: italic; }
body caption {
background: #eee; }
body .quiet {
color: #666666; }
body .loud {
color: #111111; }
body .container {
width: 990px;
margin: 0 auto;
overflow: hidden;
display: inline-block; }
body .container {
display: block; }
body .column, body div.span-1, body div.span-2, body div.span-3, body div.span-4, body div.span-5, body div.span-6, body div.span-7, body div.span-8, body div.span-9, body div.span-10, body div.span-11, body div.span-12, body div.span-13, body div.span-14, body div.span-15, body div.span-16, body div.span-17, body div.span-18, body div.span-19, body div.span-20, body div.span-21, body div.span-22, body div.span-23, body div.span-24 {
display: inline;
float: left;
margin-right: 10px; }
* html body .column, * html body div.span-1, * html body div.span-2, * html body div.span-3, * html body div.span-4, * html body div.span-5, * html body div.span-6, * html body div.span-7, * html body div.span-8, * html body div.span-9, * html body div.span-10, * html body div.span-11, * html body div.span-12, * html body div.span-13, * html body div.span-14, * html body div.span-15, * html body div.span-16, * html body div.span-17, * html body div.span-18, * html body div.span-19, * html body div.span-20, * html body div.span-21, * html body div.span-22, * html body div.span-23, * html body div.span-24 {
overflow-x: hidden; }
body .last, body div.last {
margin-right: 0; }
body .span-1 {
width: 30px; }
body .span-2 {
width: 70px; }
body .span-3 {
width: 110px; }
body .span-4 {
width: 150px; }
body .span-5 {
width: 190px; }
body .span-6 {
width: 230px; }
body .span-7 {
width: 270px; }
body .span-8 {
width: 310px; }
body .span-9 {
width: 350px; }
body .span-10 {
width: 390px; }
body .span-11 {
width: 430px; }
body .span-12 {
width: 470px; }
body .span-13 {
width: 510px; }
body .span-14 {
width: 550px; }
body .span-15 {
width: 590px; }
body .span-16 {
width: 630px; }
body .span-17 {
width: 670px; }
body .span-18 {
width: 710px; }
body .span-19 {
width: 750px; }
body .span-20 {
width: 790px; }
body .span-21 {
width: 830px; }
body .span-22 {
width: 870px; }
body .span-23 {
width: 910px; }
body .span-24, body div.span-24 {
width: 950px;
margin: 0; }
body input.span-1, body textarea.span-1, body select.span-1 {
width: 30px !important; }
body input.span-2, body textarea.span-2, body select.span-2 {
width: 70px !important; }
body input.span-3, body textarea.span-3, body select.span-3 {
width: 110px !important; }
body input.span-4, body textarea.span-4, body select.span-4 {
width: 150px !important; }
body input.span-5, body textarea.span-5, body select.span-5 {
width: 190px !important; }
body input.span-6, body textarea.span-6, body select.span-6 {
width: 230px !important; }
body input.span-7, body textarea.span-7, body select.span-7 {
width: 270px !important; }
body input.span-8, body textarea.span-8, body select.span-8 {
width: 310px !important; }
body input.span-9, body textarea.span-9, body select.span-9 {
width: 350px !important; }
body input.span-10, body textarea.span-10, body select.span-10 {
width: 390px !important; }
body input.span-11, body textarea.span-11, body select.span-11 {
width: 430px !important; }
body input.span-12, body textarea.span-12, body select.span-12 {
width: 470px !important; }
body input.span-13, body textarea.span-13, body select.span-13 {
width: 510px !important; }
body input.span-14, body textarea.span-14, body select.span-14 {
width: 550px !important; }
body input.span-15, body textarea.span-15, body select.span-15 {
width: 590px !important; }
body input.span-16, body textarea.span-16, body select.span-16 {
width: 630px !important; }
body input.span-17, body textarea.span-17, body select.span-17 {
width: 670px !important; }
body input.span-18, body textarea.span-18, body select.span-18 {
width: 710px !important; }
body input.span-19, body textarea.span-19, body select.span-19 {
width: 750px !important; }
body input.span-20, body textarea.span-20, body select.span-20 {
width: 790px !important; }
body input.span-21, body textarea.span-21, body select.span-21 {
width: 830px !important; }
body input.span-22, body textarea.span-22, body select.span-22 {
width: 870px !important; }
body input.span-23, body textarea.span-23, body select.span-23 {
width: 910px !important; }
body input.span-24, body textarea.span-24, body select.span-24 {
width: 950px !important; }
body .append-1 {
padding-right: 40px; }
body .append-2 {
padding-right: 80px; }
body .append-3 {
padding-right: 120px; }
body .append-4 {
padding-right: 160px; }
body .append-5 {
padding-right: 200px; }
body .append-6 {
padding-right: 240px; }
body .append-7 {
padding-right: 280px; }
body .append-8 {
padding-right: 320px; }
body .append-9 {
padding-right: 360px; }
body .append-10 {
padding-right: 400px; }
body .append-11 {
padding-right: 440px; }
body .append-12 {
padding-right: 480px; }
body .append-13 {
padding-right: 520px; }
body .append-14 {
padding-right: 560px; }
body .append-15 {
padding-right: 600px; }
body .append-16 {
padding-right: 640px; }
body .append-17 {
padding-right: 680px; }
body .append-18 {
padding-right: 720px; }
body .append-19 {
padding-right: 760px; }
body .append-20 {
padding-right: 800px; }
body .append-21 {
padding-right: 840px; }
body .append-22 {
padding-right: 880px; }
body .append-23 {
padding-right: 920px; }
body .prepend-1 {
padding-left: 40px; }
body .prepend-2 {
padding-left: 80px; }
body .prepend-3 {
padding-left: 120px; }
body .prepend-4 {
padding-left: 160px; }
body .prepend-5 {
padding-left: 200px; }
body .prepend-6 {
padding-left: 240px; }
body .prepend-7 {
padding-left: 280px; }
body .prepend-8 {
padding-left: 320px; }
body .prepend-9 {
padding-left: 360px; }
body .prepend-10 {
padding-left: 400px; }
body .prepend-11 {
padding-left: 440px; }
body .prepend-12 {
padding-left: 480px; }
body .prepend-13 {
padding-left: 520px; }
body .prepend-14 {
padding-left: 560px; }
body .prepend-15 {
padding-left: 600px; }
body .prepend-16 {
padding-left: 640px; }
body .prepend-17 {
padding-left: 680px; }
body .prepend-18 {
padding-left: 720px; }
body .prepend-19 {
padding-left: 760px; }
body .prepend-20 {
padding-left: 800px; }
body .prepend-21 {
padding-left: 840px; }
body .prepend-22 {
padding-left: 880px; }
body .prepend-23 {
padding-left: 920px; }
body .pull-1, body .pull-2, body .pull-3, body .pull-4, body .pull-5, body .pull-6, body .pull-7, body .pull-8, body .pull-9, body .pull-10, body .pull-11, body .pull-12, body .pull-13, body .pull-14, body .pull-15, body .pull-16, body .pull-17, body .pull-18, body .pull-19, body .pull-20, body .pull-21, body .pull-22, body .pull-23, body .pull-24 {
display: inline;
float: left;
position: relative; }
body .pull-1 {
margin-left: -40px; }
body .pull-2 {
margin-left: -80px; }
body .pull-3 {
margin-left: -120px; }
body .pull-4 {
margin-left: -160px; }
body .pull-5 {
margin-left: -200px; }
body .pull-6 {
margin-left: -240px; }
body .pull-7 {
margin-left: -280px; }
body .pull-8 {
margin-left: -320px; }
body .pull-9 {
margin-left: -360px; }
body .pull-10 {
margin-left: -400px; }
body .pull-11 {
margin-left: -440px; }
body .pull-12 {
margin-left: -480px; }
body .pull-13 {
margin-left: -520px; }
body .pull-14 {
margin-left: -560px; }
body .pull-15 {
margin-left: -600px; }
body .pull-16 {
margin-left: -640px; }
body .pull-17 {
margin-left: -680px; }
body .pull-18 {
margin-left: -720px; }
body .pull-19 {
margin-left: -760px; }
body .pull-20 {
margin-left: -800px; }
body .pull-21 {
margin-left: -840px; }
body .pull-22 {
margin-left: -880px; }
body .pull-23 {
margin-left: -920px; }
body .pull-24 {
margin-left: -960px; }
body .push-1, body .push-2, body .push-3, body .push-4, body .push-5, body .push-6, body .push-7, body .push-8, body .push-9, body .push-10, body .push-11, body .push-12, body .push-13, body .push-14, body .push-15, body .push-16, body .push-17, body .push-18, body .push-19, body .push-20, body .push-21, body .push-22, body .push-23, body .push-24 {
display: inline;
float: right;
position: relative; }
body .push-1 {
margin: 0 -40px 1.5em 40px; }
body .push-2 {
margin: 0 -80px 1.5em 80px; }
body .push-3 {
margin: 0 -120px 1.5em 120px; }
body .push-4 {
margin: 0 -160px 1.5em 160px; }
body .push-5 {
margin: 0 -200px 1.5em 200px; }
body .push-6 {
margin: 0 -240px 1.5em 240px; }
body .push-7 {
margin: 0 -280px 1.5em 280px; }
body .push-8 {
margin: 0 -320px 1.5em 320px; }
body .push-9 {
margin: 0 -360px 1.5em 360px; }
body .push-10 {
margin: 0 -400px 1.5em 400px; }
body .push-11 {
margin: 0 -440px 1.5em 440px; }
body .push-12 {
margin: 0 -480px 1.5em 480px; }
body .push-13 {
margin: 0 -520px 1.5em 520px; }
body .push-14 {
margin: 0 -560px 1.5em 560px; }
body .push-15 {
margin: 0 -600px 1.5em 600px; }
body .push-16 {
margin: 0 -640px 1.5em 640px; }
body .push-17 {
margin: 0 -680px 1.5em 680px; }
body .push-18 {
margin: 0 -720px 1.5em 720px; }
body .push-19 {
margin: 0 -760px 1.5em 760px; }
body .push-20 {
margin: 0 -800px 1.5em 800px; }
body .push-21 {
margin: 0 -840px 1.5em 840px; }
body .push-22 {
margin: 0 -880px 1.5em 880px; }
body .push-23 {
margin: 0 -920px 1.5em 920px; }
body .push-24 {
margin: 0 -960px 1.5em 960px; }
body .prepend-top {
margin-top: 1.5em; }
body .append-bottom {
margin-bottom: 1.5em; }
body * {
color: #414141; }
body blockquote {
font-style: italic;
margin: 1.5em; }
body blockquote p, body blockquote span {
color: #666666; }
body div {
text-align: left; }
body a {
color: #0D3A75; }
body a:visited {
color: #303030; }
body a:hover {
color: green; }
body a.call {
color: #3d3d3d;
font-weight: bold;
text-decoration: none; }
body a.call:hover {
text-decoration: underline; }
body .float-right {
float: right; }
body .float-left {
float: left; }
body p.subtitle {
font-style: italic; }
body h1 {
font-size: 2em; }
body div.header h1 {
font-size: 3em;
margin-bottom: 0.1em; }
body h2 {
font-size: 1.5em;
color: #333; }
body h3 {
color: #333;
font-size: 1.0em;
font-weight: bold; }
body p.last, body li.last, body ul.last, body ol.last {
margin-bottom: 0em; }
body .inverse-heading {
background-color: #333;
color: white;
padding: 0.3em 20px;
margin-bottom: 0em; }
body .clear {
clear: both; }
body .hide {
display: none !important; }
body button:active, body a:active {
outline: none; }
body button:focus, body a:focus {
-moz-outline-style: none;
outline: none; }
body .center {
text-align: center; }
body .border {
border: 1px solid #ccc; }
body .address-box {
padding: 1em;
background-color: #f4f4f4;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-bottom: 1em;
width: 300px; }
body .bolded-titles h2, body .bolded-titles h2 span {
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
color: #3d3d3d; }
body .large p, body .large li, body .large span, body .large a {
font-size: 16px;
line-height: 1.3em; }
body a {
color: #1a51c6; }
#content.purchase_policies h3 {
clear: left;
color: #3d3d3d;
text-transform: uppercase;
border-top: 1px solid;
border-color: #dedede;
padding-top: 1em;
margin-top: 1em; }
#content.purchase_policies .policies {
clear: left;
margin-top: 1em; }
#content.purchase_policies .policies p {
margin-bottom: 10px; }
#bluemango_stores h2 {
margin-top: 1em;
font-weight: bold;
font-size: 18px;
border-bottom: 1px solid #ccc; }
#bluemango_stores p {
margin-bottom: 10px; }
#bluemango_stores span {
display: block;
margin-bottom: 30px; }
#product-prices {
margin-top: 20px;
margin-bottom: 20px; }
#product-prices h1 {
font-size: 36px;
text-align: center;
margin-bottom: 40px; }
#product-prices .product-bar {
width: 245px;
float: left;
background: url(/images/pricing/products.png) no-repeat -3px 0;
padding-top: 150px; }
#product-prices .product-bar#pro, #product-prices .product-bar#pro .buy {
background-position: -274px 0; }
#product-prices .product-bar#workgroup, #product-prices .product-bar#workgroup .buy {
background-position: -551px 0; }
#product-prices .product-bar#workgroup .inside {
height: 280px; }
#product-prices .product-bar#live, #product-prices .product-bar#live .buy {
background-position: -821px 0; }
#product-prices .product-bar .inside {
margin-top: 3px;
padding: 15px 25px 1px 10px;
background: url(/images/pricing/column.png) repeat-y -3px 0; }
#product-prices .product-bar .inside ul {
margin-bottom: 0;
margin-right: 0; }
#product-prices .product-bar .inside p {
font-style: italic; }
#product-prices .product-bar .inside p.learn-more {
margin-bottom: 5px; }
#product-prices .product-bar .buy {
height: 50px;
background: url(/images/pricing/buttons.png) no-repeat -3px 0;
padding-top: 36px; }
#product-prices .product-bar .buy a {
display: block;
margin-right: 12px;
text-align: center;
color: white;
font-family: arial, sans-serif;
font-size: 24px;
font-weight: bold;
text-decoration: none; }
#product-prices .product-bar .buy a:hover {
text-decoration: underline; }
#support ul li.chat {
list-style: none; }
body a {
color: #1a51c6; }
img.case_study_logo {
float: right; }
img.case_study_logo.rubis {
padding: 0 10px 10px 10px; }
img.case_study_logo.aerometric {
padding: 5px 10px 10px 10px; }
h1.case_study {
margin-bottom: 1em; }
div.case-study-customer-info {
padding: 10px;
border: 1px solid #ccc;
background-color: #e6e6e6; }
div.case-study-customer-info p {
margin-bottom: 0em; }
div.case-study-customer-info p + p {
margin-top: 1.5em; }
div#content div.customers h2 {
border-bottom: 1px solid #333;
font-weight: bold; }
div.customer-group {
margin-top: 2em; }
div.customer-group + div.customer-group {
margin-top: 2em; }
div.customer-group h2 {
background-color: #333;
color: white;
padding: 0.3em 20px;
margin-bottom: 0em; }
div.customer-testimonials h2 {
background-color: #333;
color: white;
padding: 0.3em 20px;
margin-bottom: 0em; }
div.customer-testimonials div.inside-pad > div.testimonial blockquote:first-child {
margin-top: 0em; }
div.customer-testimonials div.customer-quotes blockquote {
margin-left: 0em;
width: 70%; }
div#content .case-study-details span.author {
font-style: italic; }
div#content .case-study-details div.divider {
border-top: 3px dashed #ccc;
margin-bottom: 1.5em; }
div#content div.case-study div#main-column h2 {
border-bottom: 1px solid #333; }
div#content div.case-study div#main-column div.case-study-customer-info {
margin-bottom: 1em; }
div#content div.case-study div#main-column h4 {
font-size: 1em;
font-weight: bold;
margin-bottom: 0.5em;
border-bottom: 1px solid #333; }
div.case-study div.screenshot {
margin: 0 0 1em 1em;
float: right;
border: 1px solid #999;
padding: 5px;
background-color: #E6E6E6; }
div.case-study div.screenshot div.caption {
padding: 3px 5px;
font-size: 85%;
font-style: italic; }
span.interview-question {
font-weight: bold; }
.case_studies .case_study {
clear: both; }
.case_studies .case_study + .case_study {
margin-top: 50px; }
.case_studies .case_study a {
font-size: 18px;
line-height: 1.2em;
display: block;
margin-bottom: 5px; }
.case_studies .case_study a img {
float: right;
margin-bottom: 1em;
margin-left: 1em; }
#content .testimonials .column-wrapper {
width: 990px;
margin: 0 auto;
overflow: hidden;
display: inline-block; }
#content .testimonials .column-wrapper {
display: block; }
#content .testimonials .testimonial .logo {
margin-bottom: 10px; }
#content .testimonials .testimonial .emphasis {
color: #3d3d3d;
font-family: Georgia;
font-size: 120%;
font-weight: bold; }
#content .testimonials .testimonial span.customer {
color: #353535;
display: block;
font-weight: bolder;
line-height: 1.1em; }
#content div.case-study-summary {
background-color: #f4f4f4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 1em;
margin-bottom: 1em;
width: 50%;
float: right;
margin-left: 1em;
border: 1px solid #333;
font-family: Georgia, times, "Times New Roman", sans-serif; }
#content div.case-study-summary * {
font-style: normal; }
#content div.case-study-summary span.author {
font-weight: bold;
font-size: 115%; }
#content div.case-study-summary blockquote {
font-size: 110%;
margin-left: 0em;
margin-bottom: 0em; }
#content div.case-study-summary blockquote p {
font-style: italic;
line-height: 1.3em; }
#content div#take-aways {
float: right;
width: 40%;
margin-left: 1em;
margin-bottom: 1em;
background-color: #AFD3FC;
border: 1px dotted #ccc;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-size: 90%; }
div.customer-interview, div.zendesk div.customer {
border-top: 1px solid #ccc;
padding-top: 1em; }
div.customer-interview div.logo, div.zendesk div.customer div.logo {
float: none;
margin-bottom: 10px; }
div.customer-interview div.logo img, div.zendesk div.customer div.logo img {
float: none; }
div.customer-interview p.author, div.zendesk div.customer p.author {
font-style: italic; }
div.customer-interview span.author, div.zendesk div.customer span.author {
font-weight: bold; }
div.customer-interview h3, div.zendesk div.customer h3 {
font-weight: bold;
font-size: 1.3em; }
div.customer-interview h4, div.zendesk div.customer h4 {
color: #519bf3;
font-weight: bold; }
div.customer-interview p, div.zendesk div.customer p {
line-height: 1.5em; }
div.customer-interview p strong, div.zendesk div.customer p strong {
color: #B00202; }
div.customer-interview h4, div.zendesk div.customer h4 {
color: #519bf3;
font-weight: bold; }
div.customer-interview div.response, div.zendesk div.customer div.response {
margin: 10px 0px 20px;
padding: 10px 30px 15px 34px;
position: relative;
background: transparent url(/images/layout/start_quote.png) no-repeat 5px 5px; }
div.customer-interview div.response.emphasis p, div.zendesk div.customer div.response.emphasis p {
font-style: italic; }
div.customer-interview div.response div.end-user-quotes, div.zendesk div.customer div.response div.end-user-quotes {
padding: 10px;
background-color: #f4f4f4;
border: 1px dotted #ccc;
margin-bottom: 1em; }
div.customer-interview div.response p:last-child, div.customer-interview div.response p.last, div.zendesk div.customer div.response p:last-child, div.zendesk div.customer div.response p.last {
margin-bottom: 0em;
padding-bottom: 5px;
margin-right: -20px;
padding-right: 20px;
background: transparent url(/images/layout/end_quote.png) no-repeat bottom right; }
body a {
color: #1a51c6; }
div.offer {
margin-bottom: 15px; }
div.offer p, div.offer a {
font-size: 14px; }
div.offer a {
font-weight: bold;
color: green; }
#left_column.downloads h2 {
font-weight: bold;
font-size: 20px; }
#left_column.downloads h2.tight {
margin-bottom: 5px; }
#left_column.downloads h3 {
font-size: 18px;
font-weight: bold;
padding-bottom: 0px; }
#left_column.downloads h3.tight {
margin-bottom: 5px; }
#left_column.downloads h4 {
font-size: 14px;
font-weight: bold; }
div.file-sharing {
margin-left: auto;
margin-right: auto; }
#demo-download-screen table.file-sharing td {
border-top-width: 0;
padding-top: 20px; }
#demo-download-screen table.file-sharing td p {
margin-left: 8px;
font-size: 85%; }
table.file-sharing {
text-align: left;
background-color: #f8f8f8;
margin-bottom: 20px;
border-collapse: collapse;
border: 1px solid #CCC; }
table.file-sharing td {
padding: 10px;
width: 50%;
vertical-align: top;
border: 1px solid #CCC; }
table.file-sharing a {
font-weight: bold;
width: 190px;
float: left;
margin-bottom: 10px; }
table.file-sharing a.download {
float: right;
width: 32px;
margin: 0 10px; }
table.file-sharing p {
clear: left; }
div#demo-download table.file-sharing a {
width: 160px;
height: 54px; }
div#demo-download table.file-sharing a.download {
margin: 0 5px;
width: 60px;
font-weight: normal;
text-align: center; }
div#demo-download table.file-sharing a.download img {
margin: 0 auto 5px;
display: block; }
.filesharing-item img.badge {
float: right;
clear: left;
padding: 0px 10px;
margin: 0 !important; }
#content {
/* @group Old Downlaods */ }
#content #right_column div.guarantee h2, #content div.right div.guarantee h2 {
font-size: 16px; }
#content #right_column div.guarantee img, #content div.right div.guarantee img {
margin: 0 0 10px 10px;
float: right; }
div.old-downloads img {
float: right; }
div.old-downloads h3 {
clear: both; }
div.old-downloads a {
font-weight: bold; }
div.next_steps {
margin: 15px 0; }
div.next_steps p {
font-size: 16px; }
div.next_steps a {
color: green;
font-weight: bold; }
#keep-in-touch .col {
float: left;
width: 250px;
margin-right: 30px; }
#keep-in-touch .col .twitter {
margin-bottom: 1.5em; }
ul.product-downloads {
margin-top: 40px;
margin-left: 0em; }
ul.product-downloads li {
list-style: none;
margin-bottom: 40px; }
ul.product-downloads li a {
font-size: 1.3em; }
a#free-download-button {
display: block;
line-height: 24px;
padding: 6px 60px 6px 10px;
font-size: 18px;
height: 48px;
width: 330px;
background: transparent url(/images/buttons/green-button.png) no-repeat 0px 0px;
text-decoration: none;
color: white;
font-weight: normal; }
a#free-download-button:hover {
background-position: 0px -60px;
text-decoration: underline; }
a#free-download-button:active {
background-position: 0px -120px; }
div#inline-instructions .check a {
padding-right: 30px;
background: url(/images/check.png) no-repeat 3px right; }
div#inline-instructions .guide {
margin-bottom: 2em; }
div#inline-instructions iframe {
border: 1px solid #dedede; }
#post-download-instructions h2 {
margin-top: 2.5em;
color: #333;
font-weight: bold; }
div.testimonial blockquote div.attribution {
margin-top: -10px; }
div.testimonial blockquote div.attribution span {
font-weight: bold;
font-size: 85%;
font-style: normal; }
body a {
color: #1a51c6; }
#compact-landing #lower-section #benefits ul.standard-bullets {
list-style: disc;
margin-left: 40px; }
#compact-landing #lower-section #benefits ul.standard-bullets li {
background-image: none;
list-style: disc;
padding-left: 12px; }
#big-benefit .quote .image {
width: 135px;
float: left; }
#big-benefit .quote blockquote {
margin-left: 150px;
margin-bottom: 8px; }
#big-benefit .quote blockquote p:last-child {
margin-bottom: 0px; }
#big-benefit .quote .attribution {
margin-left: 150px; }
#content div.step div.integration-image {
padding: 10px;
width: 250px;
text-align: center;
float: right; }
#content div.step div.integration-image img {
border: none;
float: none; }
table.api {
border-collapse: collapse;
margin: 20px 1px; }
table.api td {
padding: 5px;
border: 1px solid gray; }
table.api th {
background-color: gray;
border: 1px solid gray;
color: white;
font-size: 14px;
padding: 10px; }
.api {
padding: 1em; }
.api h3 {
color: #3d3d3d;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 40px; }
.api h4 {
font-weight: bold;
text-transform: uppercase;
margin-bottom: .2em;
font-size: 16px; }
.api pre.textmate-source {
margin-bottom: 2em; }
.learn ul {
padding-left: 0;
margin-left: 0; }
.learn ul li {
list-style-type: none;
margin-left: 0px; }
.learn ul li {
margin-bottom: 20px; }
.learn ul h2 {
margin-bottom: 5px; }
#content.screenstepslive-overview #video {
padding: 20px; }
#content.screenstepslive-overview #video #feature-list {
float: right;
width: 300px; }
#content.screenstepslive-overview #video #feature-list li {
margin-bottom: 3.8em; }
#video_player {
margin-bottom: 15px; }
#promo #video {
text-align: left; }
#promo #video ul {
margin-left: 0em;
padding-left: 0em; }
#promo #video ul li a {
text-decoration: none; }
#promo #video ul:last-child {
margin-bottom: 0em; }
#screensteps-live-features p.statement {
font-size: 18px;
font-style: italic; }
#screensteps-live-features .feature {
padding-top: 30px;
overflow: hidden;
display: inline-block; }
#screensteps-live-features .feature {
display: block; }
#screensteps-live-features .feature img {
float: right;
padding: 3px;
border: 1px solid #dedede;
margin: 0 15px 15px; }
#landing-header.screenstepslive {
background-color: #f5f5f5;
padding: 20px;
padding-right: 0;
border-bottom: 1px solid #dedede; }
#landing-header.screenstepslive h1 {
font-family: times, "Times New Roman", serif;
font-style: italic;
margin-bottom: 30px; }
div#content.desktop-overview h1.tag_line {
line-height: 1em;
margin-bottom: 1em; }
div#content.desktop-overview div.heading {
position: relative;
border-bottom: 1px solid #ccc; }
div#content.desktop-overview div.heading h1 {
margin-bottom: 0.5em; }
div#content.desktop-overview div.heading img {
margin-left: -3px; }
div#content.desktop-overview div.heading div#download-demo {
padding-bottom: 0em;
position: absolute;
bottom: 7px;
right: 20px;
border-bottom: none; }
div#content.desktop-overview #feature-list {
width: 240px;
float: right; }
div#content.desktop-overview #feature-list ul {
margin-right: 0em;
margin-bottom: 0em; }
div#content.desktop-overview #feature-list ul li {
margin-bottom: 3em; }
div#content.desktop-overview #feature-list ul li.last {
margin-bottom: 2em; }
div#content.desktop-overview #feature-list .download-button {
margin-left: 5px;
padding-left: 0em;
background-color: #FF030D;
font-size: 18px;
text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
cursor: pointer;
font-weight: bold; }
div#content.desktop-overview #feature-list .download-button a {
line-height: 26px; }
div#content.desktop-overview #feature-list .download-button a:hover {
text-decoration: none; }
div#content.desktop-overview a.sign-up {
display: inline-block; }
div#content.desktop-overview div.action-footer {
clear: both;
border-top: 1px solid #ccc;
padding-top: 1em; }
div#content.desktop-overview #video.screensteps_desktop #video_player {
margin-bottom: 0em;
height: 295; }
div#content.desktop-overview div#download-demo {
padding-left: 20px;
border-bottom: 1px solid #CCC;
padding-bottom: 1em;
margin-top: 1em; }
div.screensteps-content div.screensteps-step {
clear: both;
border-top: 1px solid #dedede;
padding-top: 20px; }
div.screensteps-content div.screensteps-step h2 {
font-family: Georgia, times, "Times New Roman", serif;
padding-bottom: 20px; }
div.screensteps-content div.screensteps-media {
padding: 5px;
border: 1px solid #dedede;
float: right;
margin: 0 0 15px 20px; }
ul.green-checks {
list-style: none; }
ul.green-checks li {
padding-left: 30px;
background: url(/images/light-check.png) no-repeat top left; }
.bordered-titles h2 {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 30px; }
.border-test {
border: 1px solid red; }
#compact-landing.desktop #top-row, #compact-landing.dark-top #top-row {
background-color: #000000;
padding: 60px 0; }
#compact-landing.desktop #top-row h1, #compact-landing.dark-top #top-row h1 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-style: normal;
font-size: 40px; }
#compact-landing.desktop #top-row h1, #compact-landing.desktop #top-row h2, #compact-landing.desktop #top-row p, #compact-landing.desktop #top-row li, #compact-landing.desktop #top-row strong, #compact-landing.dark-top #top-row h1, #compact-landing.dark-top #top-row h2, #compact-landing.dark-top #top-row p, #compact-landing.dark-top #top-row li, #compact-landing.dark-top #top-row strong {
color: #F4F4F4; }
#compact-landing.desktop #top-row p.button, #compact-landing.dark-top #top-row p.button {
margin-bottom: 0em; }
#compact-landing.desktop #top-row.white, #compact-landing.dark-top #top-row.white {
background-color: #fff;
padding: 40px 0 10px; }
#compact-landing.desktop #top-row.white h1, #compact-landing.dark-top #top-row.white h1 {
color: #414141; }
#compact-landing.desktop #top-row.white p, #compact-landing.desktop #top-row.white li, #compact-landing.desktop #top-row.white span, #compact-landing.desktop #top-row.white strong, #compact-landing.dark-top #top-row.white p, #compact-landing.dark-top #top-row.white li, #compact-landing.dark-top #top-row.white span, #compact-landing.dark-top #top-row.white strong {
color: #4C4C4C; }
#compact-landing.desktop #top-row.white p, #compact-landing.desktop #top-row.white li, #compact-landing.dark-top #top-row.white p, #compact-landing.dark-top #top-row.white li {
font-size: 16px; }
#compact-landing.desktop #top-row.white p.calls a, #compact-landing.dark-top #top-row.white p.calls a {
margin-right: 15px; }
#compact-landing.desktop #top-row.white .secondary-call, #compact-landing.dark-top #top-row.white .secondary-call {
display: inline-block; }
#compact-landing.desktop #top-row.white .secondary-call a, #compact-landing.dark-top #top-row.white .secondary-call a {
text-decoration: none;
color: #3A8CD5;
font-weight: bold; }
#compact-landing.desktop #top-row.white .secondary-call a:hover, #compact-landing.dark-top #top-row.white .secondary-call a:hover {
text-decoration: underline; }
#compact-landing.desktop #three-benefits, #compact-landing.dark-top #three-benefits {
padding: 30px 0; }
#compact-landing.desktop #three-benefits ul.bullet-features, #compact-landing.dark-top #three-benefits ul.bullet-features {
list-style: none;
margin-left: 0; }
#compact-landing.desktop #three-benefits .column-block a, #compact-landing.dark-top #three-benefits .column-block a {
font-weight: bold;
display: block;
color: #3A8CD5;
margin-bottom: 10px;
text-decoration: none; }
#compact-landing.desktop #three-benefits .column-block a:hover, #compact-landing.dark-top #three-benefits .column-block a:hover {
text-decoration: underline; }
#compact-landing.desktop #users, #compact-landing.dark-top #users {
padding: 30px 0;
background-color: #fff;
border-bottom: 1px solid #dedede;
margin-bottom: 3em; }
#compact-landing.desktop #users h2, #compact-landing.dark-top #users h2 {
border-bottom: 1px solid #dedede;
color: #333;
padding-bottom: 0.2em;
font-family: 'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 24px; }
#compact-landing.desktop #benefits ul, #compact-landing.dark-top #benefits ul {
list-style: none;
margin-left: 10px; }
#compact-landing.desktop #benefits ul li, #compact-landing.dark-top #benefits ul li {
padding: 3px 0 7px 40px;
background: url('/images/green-arrow.png') no-repeat top left; }
#compact-landing.desktop #benefits ul li h3, #compact-landing.dark-top #benefits ul li h3 {
color: black;
font-size: 16px;
margin-bottom: 5px; }
#compact-landing.desktop #benefits ul li p, #compact-landing.dark-top #benefits ul li p {
margin-bottom: 0em; }
#compact-landing.desktop #content h2, #compact-landing.dark-top #content h2 {
font-size: 32px;
font-family: 'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
font-weight: 100;
letter-spacing: 1px; }
#compact-landing.desktop .sidebar-block h2, #compact-landing.dark-top .sidebar-block h2 {
font-size: 125%;
margin-bottom: 0.5em; }
#compact-landing.desktop ul#screensteps-uses li, #compact-landing.dark-top ul#screensteps-uses li {
font-size: 18px; }
#compact-landing.desktop #quote, #compact-landing.dark-top #quote {
width: auto; }
#compact-landing.desktop .alternate, #compact-landing.dark-top .alternate {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
background-color: #f0f5fa; }
#compact-landing.desktop .border-bottom, #compact-landing.dark-top .border-bottom {
border-bottom: 1px solid #dedede; }
#compact-landing.desktop #footer-calls, #compact-landing.dark-top #footer-calls {
margin-top: 1.5em; }
#compact-landing.desktop #footer-calls a, #compact-landing.dark-top #footer-calls a {
margin-right: 1em; }
#other-products img {
margin-bottom: 0.5em;
margin-top: 1.5em; }
#content div.faqs span.question {
font-weight: bold;
font-size: 120%;
color: #3d3d3d; }
#content div.faqs div.answer {
margin-top: 1em;
margin-bottom: 1em; }
#content div.faqs div.answer ol {
margin-bottom: 1em; }
#content .press_release {
margin-top: 1em; }
#content .press_release h1 {
line-height: 140%;
font-size: 20px;
font-style: italic;
text-align: center; }
#content .press_release h2 {
font-size: 14px;
font-style: italic;
line-height: 120%;
text-align: center; }
#content .press_release span.dateline {
font-weight: bold; }
#content .press_release h3 {
font-size: 12px; }
#content .press_release p {
font-size: 12px; }
#content .press_release span.action_item {
font-weight: bold; }
#content .press_release .company_info p, #content .press_release a {
font-size: 10px;
line-height: 120%; }
.partner {
margin-bottom: 2em;
clear: left; }
.partner h2 {
border-bottom: 1px solid #e6e6e6; }
.partner .logo {
float: right;
margin-left: 20px; }
.affiliate-code {
font-size: 20px;
border: 1px solid #ccc;
padding: 15px;
margin-bottom: 1em;
background-color: #fbe3e4; }
.affiliate-code span, .affiliate-code code {
color: #8a1f11; }
.affiliate-code span {
text-transform: uppercase; }
body a {
color: #1a51c6; }
#banner {
background: url(/images/screenstepslive/banner.jpg) no-repeat top left;
height: 340px;
position: relative; }
#banner img.screenshots {
float: right;
margin-top: 10px; }
#banner h1, #banner h2, #banner h3 {
color: white;
line-height: 120%; }
#banner h1.tag_line, #banner h2.tag_line, #banner h3.tag_line {
width: 500px;
font-size: 48px; }
#banner h3.statement, #banner h1.statement {
font-size: 18px;
position: absolute;
top: 166px;
left: 20px;
width: 500px;
font-weight: normal;
padding: 8px 0; }
#banner a.sign-up {
position: absolute;
top: 244px; }
body a.sign-up {
text-decoration: none;
display: block;
height: 74px;
width: 311px;
font-size: 14px;
color: white;
background: url(/images/screenstepslive/green-button.png) no-repeat;
text-shadow: 0 -1px 1px rgba(0,0,0,0.5); }
body a.sign-up span {
display: block;
padding: 10px 0 0 10px;
color: white; }
body a.sign-up span.action {
font-size: 30px;
line-height: 100%;
margin: 0; }
body a.sign-up span.subtext {
padding-top: 5px; }
#promo {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border: none; }
#promo .inside {
clear: both; }
#promo .inside .left-column {
width: 465px;
float: left;
margin: 0 30px 0 0; }
#promo .inside .right-column {
width: 465px;
float: left;
margin: 0 0 0 30px; }
#promo .left h2 {
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
font-weight: bold;
font-size: 20px; }
#promo #video {
display: inline;
float: left;
margin-right: 10px;
width: 470px; }
* html #promo #video {
overflow-x: hidden; }
#promo #video.narrow {
display: inline;
float: left;
margin-right: 10px;
width: 430px; }
* html #promo #video.narrow {
overflow-x: hidden; }
#promo #testimonials {
display: inline;
float: left;
margin-right: 10px;
width: 270px;
margin-right: 0;
display: none; }
* html #promo #testimonials {
overflow-x: hidden; }
#promo #testimonials.screenstepslive div.testimonial p {
font-size: 13px; }
#promo #testimonials p.read_more a {
color: #7a7a83;
text-decoration: none;
font-size: 12px;
font-weight: bold; }
#promo #testimonials p.read_more a:hover {
text-decoration: underline; }
#promo #testimonials .testimonial {
margin-bottom: 20px; }
#promo #testimonials .testimonial .logo {
float: right;
margin-left: 15px; }
#promo #testimonials .testimonial p {
margin-bottom: 10px;
font-size: 14px; }
#promo #testimonials .testimonial span.attribution {
font-size: 12px;
font-weight: bold;
color: #7a7a83; }
#key-features {
float: right;
margin-left: 1em;
width: 400px; }
#key-features ol li {
color: #3d3d3d;
text-transform: uppercase;
font-size: 18px;
font-weight: bold; }
#key-features ol li p {
color: #353535;
font-weight: normal;
font-size: 14px;
text-transform: none; }
#key-features ol h2 {
color: #3d3d3d;
margin-bottom: 0em;
text-transform: uppercase;
font-size: 18px;
font-weight: bold; }
div#invitation {
margin-top: 1em;
font-size: 12px;
line-height: 1.2em;
margin-right: 20px; }
div#invitation p {
margin-bottom: 10px; }
div#invitation p.last {
margin-bottom: 0em; }
#content .features h2 {
border-bottom: 1px solid #333;
margin-bottom: 1em; }
#content .features .left {
width: 340px;
margin-left: 0em;
margin-right: 30px;
display: inline;
float: left; }
#content .features .right {
width: 340px;
margin-left: 0em;
margin-right: 0em;
display: inline;
float: left; }
#content .features .feature-group {
margin-top: 1em;
clear: left; }
#content .features .feature-group:first-child {
margin-top: 0em; }
#content .features .feature-group h2 {
font-family: Georgia, times, "Times New Roman";
border-color: #ccc; }
#content .features .feature-group .testimonial {
clear: left;
margin-left: 60px; }
#content .features .feature-group .testimonial .logo {
float: right;
margin-right: 1em; }
#content .features .feature-group .testimonial * {
font-size: 85%;
font-family: Georgia, times, "Times New Roman", serif; }
.feature {
clear: both; }
.feature .text {
float: left;
width: 270px; }
.feature .full-width {
width: 660px; }
#land-jump {
margin-top: 40px; }
#land-jump a.awesome {
padding-left: 20px;
padding-right: 20px; }
#land-jump .heading a#demo-download {
float: right;
margin-left: 20px;
width: 330px; }
#land-jump #slider {
margin-top: 0em;
margin-left: 8px; }
#land-jump #slider div.nivo-caption p {
padding: 15px;
color: white; }
#land-jump #row-1 .big-left {
width: 560px;
float: left; }
#land-jump #row-1 .right {
float: right; }
#land-jump #row-1 .right .box {
width: 400px;
padding-bottom: 40px;
clear: right;
overflow: hidden;
display: inline-block; }
#land-jump #row-1 .right .box {
display: block; }
#land-jump #row-1 .right .box a {
width: 330px;
float: right; }
#land-jump .four-column-rows {
clear: both; }
#land-jump .four-column-rows .row {
clear: both; }
#land-jump .four-column-rows .box {
float: left;
width: 245px; }
#land-jump .four-column-rows .box a {
width: 200px;
text-align: center; }
#land-jump .four-column-rows .left a {
float: left; }
#land-jump .four-column-rows .right a {
float: right; }
#land-jump #additional-integrations {
margin-top: 2em; }
#land-jump #additional-integrations ul li {
float: left;
margin-right: 3em; }
#land-jump .quote {
clear: left; }
#compact-landing #top-row {
border-bottom: 1px solid #dedede;
padding: 60px 0 30px; }
#compact-landing #top-row h1 {
font-family: "Times New Roman", times, serif;
font-style: italic;
font-size: 32px;
margin-bottom: 30px; }
#compact-landing #top-row .left {
width: 460px;
float: left;
text-align: center; }
#compact-landing #top-row .left .benefit {
font-size: 16px;
color: #626262;
margin: 10px 20px 0; }
#compact-landing #top-row .left .logo {
text-align: center;
padding-bottom: 15px;
border-bottom: 1px solid #dedede; }
#compact-landing #top-row .left ul {
text-align: left;
width: 80%;
margin: 20px auto; }
#compact-landing #top-row .left p.button {
text-align: left;
margin-left: 46px; }
#compact-landing #top-row .left p.large {
margin-left: 20px;
margin-right: 20px; }
#compact-landing #top-row .right {
width: 480px;
float: right; }
#compact-landing #top-row .right div {
text-align: right; }
#compact-landing #top-row.wide-right .left {
width: 340px; }
#compact-landing #top-row.wide-right .right {
width: 600px; }
#compact-landing #top-row.wide-left .left {
width: 800px; }
#compact-landing #top-row.wide-left .right {
width: 140px; }
#compact-landing #top-row.wide-left #zendesk-comparison {
width: 800px; }
#compact-landing #top-row.wide-left #zendesk-comparison .left, #compact-landing #top-row.wide-left #zendesk-comparison .right {
text-align: left;
width: 370px;
float: left;
margin-left: 20px; }
#compact-landing #lower-section {
clear: both;
background-color: white;
padding: 20px 0; }
#compact-landing #lower-section #benefits {
width: 460px;
float: left; }
#compact-landing #lower-section #benefits ul {
list-style: none;
margin-left: 10px; }
#compact-landing #lower-section #benefits ul li {
padding: 3px 0 7px 40px;
background: url('/images/green-arrow.png') no-repeat top left; }
#compact-landing #lower-section #benefits ul li h3 {
color: black;
font-size: 16px;
margin-bottom: 5px; }
#compact-landing #lower-section #benefits ul li p {
margin-bottom: 0em; }
#compact-landing #lower-section #big-benefit {
width: 480px;
float: right; }
#compact-landing #lower-section #big-benefit h2 {
color: black;
font-weight: bold; }
#compact-landing #desktop-price-info {
padding: 20px 0;
text-align: center; }
#compact-landing #desktop-price-info h2 {
margin: 0;
padding: 0; }
#compact-landing #quote {
width: 800px;
margin: 0 auto; }
#compact-landing #quote blockquote {
font-family: "Times New Roman", times, serif;
font-size: 20px;
background-color: #F6F6F6;
margin: 0.5em 0 10px;
padding: 20px 30px; }
#compact-landing #quote blockquote p:last-child {
margin-bottom: 0em; }
#compact-landing #quote .attribution {
margin-left: 30px; }
#compact-landing .learn-more {
text-align: center;
padding: 20px; }
#compact-landing .learn-more a {
color: #1a51c6; }
#compact-landing ul.inline-menu {
overflow: hidden;
display: inline-block;
list-style: none; }
#compact-landing ul.inline-menu {
display: block; }
#compact-landing ul.inline-menu li {
float: left;
border-right: 1px solid #ccc; }
#compact-landing ul.inline-menu li:last-child, #compact-landing ul.inline-menu li.last {
border-right: none; }
#compact-landing ul.inline-menu li:first-child a {
padding-left: 0; }
#compact-landing ul.inline-menu li a, #compact-landing ul.inline-menu li span {
padding: 3px 7px; }
#compact-landing ul.inline-menu li a:visited, #compact-landing ul.inline-menu li span:visited {
color: #1a51c6; }
#compact-landing #footer-nav {
border-top: 1px solid #dedede;
padding: 20px 0 0; }
#compact-landing #footer-nav ul {
overflow: hidden;
display: inline-block;
list-style: none; }
#compact-landing #footer-nav ul {
display: block; }
#compact-landing #footer-nav ul li {
float: left;
border-right: 1px solid #ccc; }
#compact-landing #footer-nav ul li:last-child, #compact-landing #footer-nav ul li.last {
border-right: none; }
#compact-landing #footer-nav ul li:first-child a {
padding-left: 0; }
#compact-landing #footer-nav ul li a, #compact-landing #footer-nav ul li span {
padding: 3px 7px; }
#compact-landing #footer-nav ul li a:visited, #compact-landing #footer-nav ul li span:visited {
color: #1a51c6; }
#how-it-works.screensteps-live h2 {
font-weight: normal;
color: #414141; }
#how-it-works.screensteps-live h2 strong {
color: #FF5C00;
font-weight: bold; }
#how-it-works.screensteps-live p {
line-height: 1.3em; }
#how-it-works.no-pad .step {
padding: 20px 0; }
#how-it-works .header {
padding: 20px;
overflow: hidden;
display: inline-block; }
#how-it-works .header {
display: block; }
#how-it-works .header .call {
float: right;
margin: -5px 0 0; }
#how-it-works .header .call .small {
font-size: 11px;
text-align: center; }
#how-it-works .header h1 {
font-size: 30px;
margin-bottom: 0.5em; }
#how-it-works .header p {
margin-top: 5px;
margin-bottom: 0em; }
#how-it-works h2 {
font-weight: bold; }
#how-it-works .step {
overflow: hidden;
display: inline-block;
padding: 20px; }
#how-it-works .step {
display: block; }
#how-it-works .step img.right {
float: right;
margin-left: 20px; }
#how-it-works .step img.right.tour {
float: left;
margin-left: 0;
margin-bottom: 20px; }
#how-it-works .step img.right.bordered {
border: 1px solid #dedede;
padding: 3px;
background-color: white; }
#how-it-works .even {
background-color: #E6F3FF; }
#how-it-works .row {
padding: 20px 0 0px;
overflow: hidden;
display: inline-block; }
#how-it-works .row {
display: block; }
#how-it-works .row .benefit {
width: 344px;
margin: 0 10px 0 20px;
float: left; }
#how-it-works .row .benefit img {
float: right;
margin-left: 10px;
margin-bottom: 10px; }
#how-it-works .row .benefit h2 {
font-size: 21px;
font-weight: bolder; }
#how-it-works .header-row {
padding-bottom: 0em; }
#how-it-works .header-row h2 {
margin-bottom: 0.2em; }
#how-it-works .header-row p {
margin-bottom: 0em; }
#how-it-works .quote {
margin: 1em 0; }
#how-it-works .quote blockquote {
font-family: "Times New Roman", times, serif;
font-size: 20px;
background-color: #F6F6F6;
margin: 0.5em 0 10px;
padding: 20px 30px; }
#how-it-works .quote blockquote p:last-child {
margin-bottom: 0em; }
#how-it-works .quote .attribution {
margin-left: 30px; }
.bold-serif {
font-family: Georgia, times, "Times New Roman", serif;
font-size: 20px;
color: black; }
body.clean-landing #header {
background-color: #fff; }
body.clean-landing #header .container {
min-height: 60px; }
body.clean-landing ul#lowerNav a, body.clean-landing ul#lowerNav a:visited, body.clean-landing ul#lowerNav a:hover, body.clean-landing ul#lowerNav a:link, body.clean-landing ul#lowerNav div#provide_support a span, body.clean-landing ul#lowerNav div#provide_support a {
color: #1a51c6;
text-decoration: underline; }
body.clean-landing #landing-wrapper p {
font-size: 15px;
line-height: 140%; }
body.clean-landing #landing-wrapper p, body.clean-landing #landing-wrapper ul, body.clean-landing #landing-wrapper li, body.clean-landing #landing-wrapper span {
color: #3E3E3E; }
body.clean-landing h1 {
font-style: italic;
line-height: 120%;
text-align: center;
font-size: 32px;
font-family: "Times New Roman", times, serif; }
body.clean-landing h2 {
color: black;
font-weight: bold; }
body.clean-landing #main-info {
text-align: center; }
body.clean-landing #main-info .image {
text-align: center; }
body.clean-landing #main-info ul {
width: 400px;
padding-top: 20px;
border-top: 1px solid #ccc;
margin: 10px auto 20px auto; }
body.clean-landing #main-info ul li {
text-align: left;
font-size: 18px;
line-height: 17px;
margin-bottom: 15px;
margin-left: 24px;
color: #696969; }
body.clean-landing .left {
display: inline;
float: left;
margin-right: 10px;
width: 470px; }
* html body.clean-landing .left {
overflow-x: hidden; }
body.clean-landing .right {
display: inline;
float: left;
margin-right: 0;
width: 470px; }
* html body.clean-landing .right {
overflow-x: hidden; }
body.clean-landing .gray-banner {
padding: 40px 0; }
body.clean-landing .gray-banner a.wide {
min-width: 300px;
margin-left: 10px; }
body.clean-landing .white-banner {
background-color: #fff;
padding: 20px 0; }
body.clean-landing .white-banner, body.clean-landing #more-info {
border-top: 1px solid #ccc; }
body.clean-landing #more-info .container {
padding: 20px; }
body.clean-landing #more-info .container ul {
margin: 0;
padding: 0;
list-style: none; }
body.clean-landing #more-info .container ul li {
float: left; }
body.clean-landing #more-info .container ul li a, body.clean-landing #more-info .container ul li span {
display: block;
padding: 0 10px;
line-height: 100%; }
body.clean-landing #more-info .container ul li a {
border-right: 1px solid #333; }
body.clean-landing .quotes .quote {
margin: 0 auto;
width: 800px; }
body.clean-landing .quotes blockquote {
margin: 0 0 10px;
padding: 14px;
background-color: #F0F0F0; }
body.clean-landing .quotes blockquote * {
font-size: 20px !important;
font-family: "Times New Roman", times, serif;
font-style: italic; }
body.clean-landing .quotes blockquote p {
margin-bottom: 0; }
body.clean-landing .quotes blockquote p + p {
margin-top: 1.5em; }
body.clean-landing .quotes .attribution {
margin-left: 14px; }
body.clean-landing .quotes .attribution .name {
font-weight: bold;
display: block; }
.centered {
text-align: center; }
.centered ul.arrowed-benefits {
margin: 0 40px 0 10px; }
.centered ul.arrowed-benefits li {
list-style: none;
background: url(/images/green-arrow.png) no-repeat top left;
padding-left: 40px;
padding-top: 3px; }
.centered ul.arrowed-benefits li h3 {
font-size: 16px;
color: black;
margin-bottom: 5px; }
.centered h1.large-question {
font-size: 38px;
margin: 0.5em 0 0;
text-align: left;
font-family: inherit;
font-style: normal; }
.centered span.tag-line {
display: block;
font-size: 24px;
font-family: "Times New Roman", times, serif;
font-style: italic;
margin: 15px 0 20px; }
.centered #landing-wrapper .med-question {
margin-bottom: 40px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
overflow: hidden;
display: inline-block; }
.centered #landing-wrapper .med-question {
display: block; }
.centered #landing-wrapper .med-question p {
font-size: 18px; }
.centered #landing-wrapper .med-question h2 {
font-size: 30px; }
.centered #landing-wrapper .med-question h2 em {
color: #B00202; }
.centered #landing-wrapper .med-question .image {
float: right;
border: 1px solid #ccc;
min-width: 320px;
background-color: #fff;
text-align: center; }
.centered #landing-wrapper .med-question a.awesome {
max-width: 400px; }
.centered .big-questions {
width: 800px;
margin: 0 auto; }
#salesforce-comp-table td {
padding: 10px !important; }
#salesforce-comp-table td.feature {
font-weight: bold; }
#salesforce-comp-table td.desktop, #salesforce-comp-table td.live {
width: 180px; }
#salesforce-comp-table td.feature, #salesforce-comp-table td.desktop {
border-right: 1px solid #ccc; }
#salesforce-comp-table p {
margin: 0;
padding: 0; }
p.small {
font-size: 11px;
font-style: italic;
margin-bottom: 0.5em; }
#independent-landing .container {
width: 920px; }
#independent-landing div#header {
background: #002B6A url(/images/landings/blue-gradient-header.jpg) repeat-x top left;
padding-top: 20px; }
#independent-landing div#header h1 {
padding: 20px 0;
text-align: center;
color: white;
font-size: 40px;
margin: 0; }
#independent-landing div#top-quote {
background: #FFFFFF url(/images/landings/quote-bg.jpg) repeat-x top left;
border-bottom: 1px solid #4C4C4C;
padding: 40px 0; }
#independent-landing div#top-quote .container {
width: 800px; }
#independent-landing div#top-quote p.quote {
font-size: 18px;
font-style: italic;
margin-bottom: 5px; }
#independent-landing div#top-quote .attribution {
font-weight: bold;
font-size: 18px;
color: #333;
text-align: right; }
#independent-landing div#top-quote p.button {
margin: 20px auto 0; }
#zendesk-comparison {
text-align: center; }
#zendesk-comparison .comparison-points {
width: 600px;
overflow: hidden;
display: inline-block;
margin: 10px auto 10px;
padding: 10px 0; }
#zendesk-comparison .comparison-points {
display: block; }
#zendesk-comparison .comparison-points .left, #zendesk-comparison .comparison-points .right {
width: 300px; }
#zendesk-comparison .comparison-points .left ul li, #zendesk-comparison .comparison-points .right ul li {
font-size: 12px; }
#zendesk-comparison .comparison-points .left {
float: left; }
#zendesk-comparison .comparison-points .left ul {
padding-left: 10px; }
#zendesk-comparison .comparison-points .right {
float: right; }
#zendesk-comparison #top-row {
padding-top: 20px;
overflow: hidden;
display: inline-block; }
#zendesk-comparison #top-row {
display: block; }
#zendesk-comparison #top-row div {
text-align: center; }
#zendesk-comparison #top-row #video-player {
width: 425px;
margin: 0 auto; }
#zendesk-comparison #top-row .container {
width: 860px; }
#zendesk-comparison #top-row .left {
width: 430px;
float: left; }
#zendesk-comparison #top-row .left ul {
padding-left: 60px; }
#zendesk-comparison #top-row .left ul li {
margin-bottom: 2.5em;
margin-right: 2em; }
#zendesk-comparison #top-row .right {
width: 430px;
float: left; }
#zendesk-comparison ul.inline-menu {
text-align: center !important;
margin: 0; }
#zendesk-comparison ul.inline-menu li {
display: inline-block;
float: none;
margin-right: 0;
margin-left: -3px;
margin-bottom: 0em; }
#zendesk-comparison ul.inline-menu li a {
padding: 3px 10px; }
#zendesk-comparison ul.inline-menu li.last a {
padding-right: 0em; }
#zendesk-comparison #lower-section p.button {
margin-top: 30px; }
#zendesk-comparison #lower-section .centered-text-block {
width: 60%;
margin: 0 auto 20px; }
#zendesk-comparison #lower-section .centered-text-block h2 {
text-align: center; }
#zendesk-comparison #lower-section .centered-text-block p, #zendesk-comparison #lower-section .centered-text-block li {
font-size: 18px; }
#zendesk-comparison .center {
text-align: center; }
#landing-wrapper {
background: #fff; }
#landing-wrapper .container {
width: 800px; }
#landing-wrapper #cta {
background-color: #006CC5; }
#landing-wrapper #top, #landing-wrapper #cta {
border-bottom: 1px solid #808080; }
#landing-wrapper #top.dark {
background-color: black; }
#landing-wrapper .logo {
margin: 40px 0 20px; }
#landing-wrapper #cta {
padding: 30px 0; }
#landing-wrapper #cta p {
color: #4C4C4C;
color: #E6E6E6;
font-size: 16px; }
#landing-wrapper h1 {
font-weight: bold;
font-size: 42px;
color: #E6E6E6; }
#landing-wrapper #features, #landing-wrapper #landing-footer {
padding: 30px 0; }
#landing-wrapper #landing-footer p {
text-align: center; }
#landing-wrapper .email-form {
background-color: #0C1E3D;
padding: 15px 0;
margin-right: 15px;
overflow: hidden;
display: inline-block; }
#landing-wrapper .email-form {
display: block; }
#landing-wrapper .email-form form {
float: left;
border: none;
margin-right: 15px;
padding-left: 1.5em; }
#landing-wrapper .email-form form fieldset {
padding: 0;
border: none;
margin: 0; }
#landing-wrapper .email-form form input[type=text] {
font-size: 20px;
padding: 12px 7px;
color: #4C4C4C;
width: 470px;
margin: 0; }
#landing-wrapper .email-form form label {
font-size: 20px;
color: white; }
#landing-wrapper .email-form form input[type=submit] {
display: none; }
#landing-wrapper .email-form a#submit-email-form {
float: left; }
#landing-wrapper #features .feature {
background: #fff url(/images/icons/star.png) no-repeat top left;
float: left;
width: 240px;
margin-right: 40px;
clear: none; }
#landing-wrapper #features .feature .text {
margin-left: 26px;
margin-top: 1px;
width: auto; }
#landing-wrapper #features .feature h3 {
font-size: 16px;
margin-bottom: 5px; }
#landing-wrapper #features .last {
margin-right: 0em; }
#landing-wrapper .twitter p, #landing-wrapper .twitter a {
font-size: 18px;
line-height: 30px; }
#landing-wrapper .twitter a {
display: inline-block;
padding-left: 30px;
background: url(/images/social-icons/twitter.png) no-repeat 3px left; }
#landing-wrapper #thank-you {
margin: 100px auto; }
#landing-wrapper #thank-you img.logo {
margin: 0 0 50px -14px; }
#landing-wrapper #thank-you p.large {
font-size: 18px;
font-style: italic; }
#landing-wrapper #thank-you p.bluemango {
font-size: 85%;
margin-top: 3em; }
#landing-wrapper #sharing-header {
margin-top: 20px; }
#landing-wrapper #sharing-header .share-service {
float: right; }
#landing-wrapper #sharing-header .twitter {
margin-right: 1em; }
#landing-wrapper #keep-in-touch-footer {
overflow: hidden;
display: inline-block; }
#landing-wrapper #keep-in-touch-footer {
display: block; }
#landing-wrapper #sharing-footer {
margin-left: 26px; }
#landing-wrapper #sharing-footer .twitter.share-service {
margin-right: 1em; }
#success_ebook_form {
width: 600px; }
#content h1.screensteps-workgroup {
background: transparent url('../images/logos/Workgroup.png') no-repeat;
text-indent: -1000px;
height: 61px; }
#request-demo-key.call-to-action {
margin-bottom: 1em;
text-align: right; }
#sidebar-calls.workgroup li a {
margin-bottom: 1em;
overflow: hidden;
display: inline-block; }
#sidebar-calls.workgroup li a {
display: block; }
body a {
color: #1a51c6; }
body #content.products-landing .inside-pad {
text-align: center;
padding-top: 3em; }
body #content.products-landing .inside-pad h1 {
font-size: 3em;
font-family: Georgia, times, "Times New Roman", serif; }
body #content.products-landing .inside-pad h2 {
font-family: Georgia, times, "Times New Roman", serif;
border-bottom: 1px solid #DEDEDE;
text-align: left;
width: 90%;
margin: 0 auto;
font-size: 28px;
padding: 0 0 5px 5px;
color: #800000; }
body #content.products-landing .inside-pad .product h2 {
display: none; }
body #content.products-landing .inside-pad ul.products-landing-list {
list-style: none;
width: 80%;
margin: 10px auto 40px; }
body #content.products-landing .inside-pad ul.products-landing-list li {
padding: 10px 5px; }
body #content.products-landing .inside-pad ul.products-landing-list li.workgroup {
border-top: 1px solid #DEDEDE; }
body #content.products-landing .inside-pad ul.products-landing-list li div.product {
margin: 0 auto;
position: relative; }
body #content.products-landing .inside-pad ul.products-landing-list li div.product p {
margin-left: 5px; }
body #content.products-landing .inside-pad ul.products-landing-list li .call {
position: absolute;
top: 10px;
right: 0; }
body #content.products-landing .inside-pad ul.products-landing-list a img {
margin-bottom: 0.5em; }
body #content.products-landing .inside-pad ul.products-landing-list ul.resources {
float: right;
list-style: none;
margin: 67px 0 0;
padding: 0; }
body #content.products-landing .inside-pad ul.products-landing-list ul.resources li {
padding: 0;
border-bottom: none;
margin-bottom: 0em;
float: right; }
body #content.products-landing .inside-pad ul.products-landing-list ul.resources li + li {
border-right: 1px solid #DEDEDE; }
body #content.products-landing .inside-pad ul.products-landing-list ul.resources li a {
display: block;
color: #1a51c6;
padding: 1px 7px 1px 7px;
text-align: right; }
body a {
color: #1a51c6; }
#content #examples-toc ul {
float: left;
margin-right: 10px;
width: 150px; }
#content .examples-columns {
margin-top: 40px; }
#content .examples-columns .example {
clear: both;
border-top: 1px solid #dedede;
padding-top: 15px;
overflow: hidden;
display: inline-block; }
#content .examples-columns .example {
display: block; }
#content .examples-columns .example h2 {
font-family: Georgia, times, "Times New Roman", serif;
font-size: 30px; }
#content .examples-columns .image-footer .image {
float: left; }
#content .examples-columns .image {
width: 226px;
border: 1px solid #dedede;
margin: 0px 15px 20px 0px;
float: left;
background-color: #f0f5fa; }
#content .examples-columns .image img {
padding: 5px 3px;
border-bottom: 1px solid #dedede; }
#content .examples-columns .image span {
display: block;
padding: 5px;
text-align: center;
font-style: italic; }
.large {
font-size: 125%; }
.bigger-fonts {
font-size: 16px;
line-height: 1.5em; }
.red, .red span {
color: #bc0000; }
.blue {
color: blue; }
.bad-bullet {
list-style: none; }
.bad-bullet li {
padding-left: 30px;
background: url(/images/red-x.png) no-repeat top left; }
.green-checks {
list-style: none; }
.green-checks li {
padding-left: 30px;
background: url(/images/light-check.png) no-repeat top left; }
blockquote.inline p {
color: black;
font-size: 20px;
font-family: Times New Roman, times, serif; }
blockquote.inline p span {
color: black; }
.long-copy {
padding-top: 3em;
padding-bottom: 3em; }
.long-copy .highlight-section {
padding: 2em inherit;
background-color: #f0f5fa;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 2em; }
.long-copy .letter-copy {
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #ccc;
padding-top: 2em;
padding-bottom: 2em; }
.long-copy .narrow {
padding-left: 120px;
padding-right: 120px; }
.long-copy .wide {
padding-left: 20px;
padding-right: 20px; }
.long-copy h1 {
margin: 1.5em 0;
font-weight: bold;
color: #519bf3; }
.long-copy h2, .long-copy h2 span {
font-weight: bold;
color: #bc0000; }
.long-copy h1, .long-copy h2, .long-copy h3 {
line-height: 1.3em; }
.long-copy strong, .long-copy strong span {
color: black; }
.long-copy strong.red, .long-copy strong span.red {
color: #bc0000; }
.long-copy h3 {
font-size: 18px;
color: #519bf3; }
.long-copy .quote-block {
border: 1px solid #ccc;
background-color: #f0f5fa;
padding: 15px 20px;
margin-bottom: 1.5em; }
.long-copy .quote-block h3, .long-copy .quote-block h3 span {
font-size: 20px;
font-style: italic;
color: #bc0000; }
.long-copy .quote-block blockquote {
font-style: italic; }
.long-copy .quote-block strong, .long-copy .quote-block strong span {
color: black; }
.long-copy .how-tos h3 {
font-size: 20px;
color: #519bf3; }
.long-copy .right-testimonials {
margin: 0 20px 20px;
border: 1px solid;
border-color: #ccc;
background-color: #fff;
-webkit-box-shadow: gray 3px 3px 3px;
-moz-box-shadow: gray 3px 3px 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 15px;
float: right; }
.long-copy .right-testimonials #big-benefit {
width: 480px; }
.long-copy .right-testimonials h2 {
color: black;
font-weight: bold; }
.long-copy .tour {
margin-top: 40px; }
.long-copy .tour h3 {
font-size: 18px;
color: #fff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 0;
background-color: #3d3d3d; }
.long-copy .tour .feature {
text-align: center;
padding-bottom: 30px; }
.long-copy .tour .feature.last {
border-bottom: 1px solid #ccc;
margin-bottom: 30px; }
.long-copy .how-tos {
border-top: 1px solid #ccc;
margin-bottom: 60px; }
.long-copy .how-tos h3 {
margin-top: 30px; }
.long-copy .how-tos .step {
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
display: inline-block; }
.long-copy .how-tos .step {
display: block; }
.long-copy .how-tos .step img {
margin-top: -10px;
float: right;
margin-left: 15px; }
.long-copy .how-tos .step.even img {
float: left;
margin-right: 15px; }
.long-copy .review-quote {
padding: 20px;
font-size: 18px;
font-weight: bold;
text-indent: -9px; }
.long-copy img.float-right {
margin: 0 0 10px 15px; }
body a {
color: #1a51c6; }
#process_header.screencasts {
background-image: none;
height: 320px; }
#process_header.screencasts h1 {
margin-bottom: 10px;
margin-top: 10px; }
#process_header.screencasts .info {
width: 400px; }
#process_header.screencasts .screencast_window {
float: right;
width: 500px;
background-color: #DDDDDD;
border: 2px solid #ccc;
margin-top: 40px;
margin-right: 20px; }
#process_header.screencasts .screencast_window img.screencast {
float: right;
margin: 40px 20px 20px 20px; }
#process_header.screencasts .screencast_window h2 {
padding: 5px 10px; }
#process_header.screencasts .screencast_window .inside {
padding: 5px 10px; }
#process_header.screencasts .screencast_window .platforms {
text-align: center;
width: 180px;
margin-top: 5px; }
#process_header.screencasts .screencast_window .platforms img {
margin-right: 10px; }
#process_header.screencasts .screencast_window .platforms p {
margin-top: 0px;
font-size: 11px; }
#content div#desktop_products.designers {
padding-bottom: 0px; }
#content div#desktop_products.designers .product_sub_nav {
text-align: center;
margin-top: 15px; }
#video {
text-align: center; }
#video h2 {
font-weight: bold;
color: black;
padding: 10px 10px 15px;
line-height: 110%;
margin-bottom: 0;
margin-top: 0em; }
div.screencasts div.screencast {
margin-bottom: 2em; }
div.screencasts div.screencast + div.screencast {
border-top: 1px solid #ccc;
padding-top: 1em; }
#video_player {
margin-bottom: 15px; }
#promo #video {
text-align: left; }
#promo #video ul {
margin-left: 0em;
padding-left: 0em; }
#promo #video ul:last-child {
margin-bottom: 0em; }
.inline-movie {
float: right;
margin: 0 0 15px 15px;
overflow: hidden;
display: inline-block; }
.inline-movie {
display: block; }
div#content a.ovalbutton {
text-decoration: none;
margin-right: 5px;
margin-bottom: 10px; }
a.ovalbutton {
background: transparent url('../images/buttons/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma;
line-height: 16px;
height: 24px;
padding-left: 11px;
text-decoration: none; }
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
color: #0d3a75; }
a.ovalbutton span {
background: transparent url('../images/buttons/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 6px 0px;
line-height: 14px; }
a.ovalbutton:hover {
background-position: bottom left; }
a.ovalbutton:hover span /* Hover state CSS */ {
background-position: bottom right;
color: #008041; }
.buttonwrapper {
overflow: hidden /*See: http://www.quirksmode.org/css/clearing.html */;
width: 100%; }
a.button {
background: transparent url('../images/layout/bg_button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px /* sliding doors padding */;
text-decoration: none; }
a.button span {
background: transparent url('../images/layout/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px; }
div.rounded a.button {
background-image: url('../images/layout/bg_button_green_a.gif'); }
div.rounded a.button span {
background: transparent url('../images/layout/bg_button_green_span.gif') no-repeat; }
a.button:actives {
background-position: bottom right;
color: #000;
outline: none /* hide dotted outline in Firefox */; }
a.button:activse span {
background-position: bottom left;
padding: 6px 0 4px 18px /* push text down 1px */; }
.btn {
float: left;
background: url(/images/buttons/btn_left_sm.png) no-repeat;
padding: 0 0 0 0px;
margin: 5px 0; }
#content .btn a {
float: left;
height: 30px;
background: url(/images/buttons/btn_stretch_sm.png) repeat-x scroll left top;
padding: 0 0px;
color: #fff;
margin-left: 10px;
text-decoration: none;
font: 1em/30px Verdana, sans-serif; }
#content .btn a:hover {
text-decoration: underline; }
.btn span {
background: url(/images/buttons/btn_right_sm.png) no-repeat;
float: left;
width: 10px;
height: 30px; }
.btn_watch_video {
background-color: #1f2732; }
#right_column div.block_item .btn {
background-color: #2c5aa7; }
.styled-button {
font-family: "lucida grande", "lucida sans unicode", sans-serif !important; }
div.description div.btn {
margin-right: 10px; }
.btn_download {
background-color: green; }
.btn_learn_more {
background-color: #e8cd14;
background-color: #1f2732; }
body a {
color: #1a51c6; }
.feature-icon {
margin-right: 1em;
margin-bottom: 1em;
float: left; }
body a {
color: #1a51c6; }
#content table.styled {
border: 1px solid #ccc; }
#content table.styled td, #content table.styled th {
padding: 5px 10px; }
#content table.styled th, #content table.styled tr.footer td {
background-color: #48638e;
color: white;
font-weight: bold; }
#content div.purchase_policies table.comparison th.standard, #content div.purchase_policies table.comparison th.pro, #content div.purchase_policies table.comparison td.standard, #content div.purchase_policies table.comparison td.pro {
text-align: center;
width: 100px; }
#content div.purchase_policies h3#pos, #content div.purchase_policies h3#license_policy {
margin-top: 20px; }
#content .press_release {
margin-top: 1em; }
#content .press_release h1 {
line-height: 140%;
font-size: 20px;
font-style: italic;
text-align: center; }
#content .press_release h2 {
font-size: 14px;
font-style: italic;
line-height: 120%;
text-align: center; }
#content .press_release span.dateline {
font-weight: bold; }
#content .press_release h3 {
font-size: 12px; }
#content .press_release p {
font-size: 12px; }
#content .press_release span.action_item {
font-weight: bold; }
#content .press_release .company_info p, #content .press_release a {
font-size: 10px;
line-height: 120%; }
div.no-webinars {
margin-bottom: 1em; }
div.webinars h2 {
margin-bottom: 10px;
padding-bottom: 0 !important; }
div.webinars div.webinar {
margin: 40px 0; }
div.webinars div.webinar h3 {
border-bottom: 1px solid #ccc;
padding: 5px 10px;
margin: 0 -10px;
margin-bottom: 5px;
color: #df4e15;
font-size: 20px;
line-height: 1.3em;
font-family: Georgia, times, "Times New Roman", serif; }
div.webinars div.webinar h4 {
font-weight: bold;
margin-bottom: 0.5em;
color: #7a7a83; }
div.webinars div.webinar + h2 {
margin-top: 60px; }
div.webinars ul.bullets li {
margin-bottom: 0; }
div.webinars div.evenrow {
background-color: #fbfbfb; }
table.webinars {
background-color: white;
width: 100%;
border: 1px solid gray; }
table.webinars th {
font-weight: bold;
border-bottom: 1px solid black; }
table.webinars th {
padding: 2px 5px; }
table.webinars td {
border-top: 1px solid #eee;
padding: 5px; }
table.webinars tr.evenrow td {
background-color: #D4EAFC; }
div.sidebar_block div.webinar-notice p {
margin-bottom: 0em; }
div.sidebar_block div.webinar-notice p + p {
margin-top: 1.5em; }
div.sidebar_block div.webinar-notice ul {
margin-top: 0.5em; }
div.sidebar_block div.webinar-notice ul li {
margin-bottom: 0.5em;
font-weight: bold; }
#content div.webinar-archive h3 {
margin-top: 1em; }
#content div.webinar-archive ul li + li {
margin-top: 1em; }
#content div.webinar-archive div.code {
background-color: #eee;
border: 1px solid #ccc;
padding: 5px; }
#content div.landing div.form-with-about-column {
width: 990px;
margin: 0 auto;
overflow: hidden;
display: inline-block;
margin-top: 1em; }
#content div.landing div.form-with-about-column {
display: block; }
#content div.landing div.form-with-about-column div.register-form-with-fieldset {
display: inline;
float: left;
margin-right: 10px;
width: 510px; }
* html #content div.landing div.form-with-about-column div.register-form-with-fieldset {
overflow-x: hidden; }
#content div.landing div.about-bluemango {
margin-top: 2em;
width: 50%; }
div.webinar-registration-form div.right-column {
margin-top: 1em;
width: 330px;
float: right; }
div.webinar-registration-form div.left-column {
padding-bottom: 20px;
width: 630px;
float: left; }
body a {
color: #1a51c6; }
#content div.integration-header {
border-top: 3px solid #ccc; }
#content div.integration-header .text {
display: inline;
float: left;
margin-right: 10px;
width: 430px; }
* html #content div.integration-header .text {
overflow-x: hidden; }
#content div.integration-header .text img.logo {
margin-bottom: 1em; }
#content div.integration-header .right {
display: inline;
float: left;
margin-right: 0;
width: 470px;
padding-left: 40px; }
* html #content div.integration-header .right {
overflow-x: hidden; }
#content div.integration-header .video {
float: right; }
#content.integration div.integration-header .text {
display: inline;
float: left;
margin-right: 10px;
width: 390px; }
* html #content.integration div.integration-header .text {
overflow-x: hidden; }
#content.integration div.integration-header .video {
margin-top: 1em;
display: inline;
float: left;
margin-right: 10px;
width: 510px;
margin-right: 0; }
* html #content.integration div.integration-header .video {
overflow-x: hidden; }
#content.integration div.integration-header .visual {
display: inline;
float: left;
margin-right: 10px;
width: 510px;
margin-right: 0; }
* html #content.integration div.integration-header .visual {
overflow-x: hidden; }
div.integration-next-steps {
border-top: 3px solid #DEDEDE;
padding-top: 20px;
padding-bottom: 20px; }
div.integration-next-steps .next-steps {
width: 990px;
margin: 0 auto;
overflow: hidden;
display: inline-block;
width: 960px; }
div.integration-next-steps .next-steps {
display: block; }
div.integration-next-steps .next-steps h4 {
font-weight: bold;
font-size: 1.2em;
color: #222;
margin-bottom: 0.5em; }
div.integration-next-steps .next-steps .left {
display: inline;
float: left;
margin-right: 10px;
width: 430px; }
* html div.integration-next-steps .next-steps .left {
overflow-x: hidden; }
div.integration-next-steps .next-steps .right {
display: inline;
float: left;
margin-right: 0;
width: 430px;
padding-left: 80px; }
* html div.integration-next-steps .next-steps .right {
overflow-x: hidden; }
div.zendesk div.next-steps div.btn {
background-color: green; }
div.zendesk div.next-steps div.btn a {
width: 300px; }
div.zendesk div.next-steps div.demo {
background-color: #1E2732; }
h4.zendesk-resources {
margin-top: 2em; }
div.wordpress-video {
margin-top: 70px; }
#content h3#salesforce-tag-line {
font-size: 18px;
font-weight: normal; }
#content h2.integration-question {
margin-bottom: 1em;
color: #334f74;
font-size: 2em;
font-weight: bold; }
div#zendesk-sidebar blockquote {
text-indent: 0;
margin-left: 0em;
margin-bottom: 0.5em; }
div#zendesk-sidebar .quote {
padding-left: 1.5em;
margin-bottom: 1.5em; }
div#zendesk-sidebar .quote .author, div#zendesk-sidebar .quote .company {
font-size: 85%;
font-style: italic; }
#content .integration-header .quote {
margin-bottom: 31px;
font-size: 18px; }
#content .integration-header .quote blockquote {
margin-left: 0em; }
#content #more-info {
margin-top: 2em; }
#content #more-info a {
color: #666;
text-decoration: none; }
#content #more-info a:hover {
text-decoration: underline; }
#content #more-info ul {
margin-left: 0em; }
#content #more-info ul li {
list-style: none; }
div#content div#landing-sidebar {
float: right;
width: 290px;
margin-left: 20px; }
div#content div#landing-sidebar p, div#content div#landing-sidebar li, div#content div#landing-sidebar li > a {
color: #666;
font-family: Georgia, times, "Times New Roman", serif; }
table#salesforce-images {
width: 310px; }
table#salesforce-images td {
padding: 0;
text-align: center; }
div.large-bullets {
padding-right: 20px;
margin-top: -20px; }
div.large-bullets ul {
font-size: 125%; }
div.large-bullets ul li {
margin-bottom: 2em; }
div.big-titles h3 {
font-size: 1.3em;
color: #334f74; }
div.screensteps-generated-content img {
margin-bottom: 0.7em;
border: 1px solid #DEDEDE; }
div#content div.mid-button {
margin: 1em 0 0;
padding: 1em 0;
border-top: 1px solid #ccc; }
div#content div.mid-button a {
margin-bottom: 5px; }
div#content div.mid-button p {
font-size: 85%;
margin-left: 10px; }
div#screensteps-live-integrations {
margin-top: 1em; }
div#screensteps-live-integrations ul {
margin-left: 0em; }
div#screensteps-live-integrations ul li {
list-style: none; }
div#screensteps-live-integrations ul a {
font-size: 125%;
color: #0078C1; }
body a {
color: #1a51c6; }
#content-wrapper.feature-page {
margin-top: 1em; }
#content-wrapper.feature-page div#left-menu {
display: inline;
float: left;
margin-right: 10px;
width: 230px;
padding-right: 80px; }
* html #content-wrapper.feature-page div#left-menu {
overflow-x: hidden; }
#content-wrapper.feature-page div#left-menu ul#feature-menu {
list-style: none;
background-color: #f4f4f4;
border: 1px solid #ccc;
margin: 0; }
#content-wrapper.feature-page div#left-menu ul#feature-menu li + li {
border-top: 1px solid #ccc; }
#content-wrapper.feature-page div#left-menu ul#feature-menu li a {
padding: 10px;
display: block;
text-decoration: none;
color: #353535; }
#content-wrapper.feature-page div#left-menu ul#feature-menu li a:hover {
text-decoration: underline; }
#content-wrapper.feature-page div#left-menu ul#feature-menu li a:hover {
background-color: #7a7a83;
color: white; }
#content-wrapper.feature-page div#left-menu ul#feature-menu li.here {
background-color: #7a7a83; }
#content-wrapper.feature-page div#left-menu ul#feature-menu li.here a {
color: white; }
#content-wrapper.feature-page div#feature-detail div.embedded_video {
text-align: left; }
#content-wrapper.feature-page div#feature-detail ul.export-options > li span {
font-weight: bold; }
#content-wrapper.feature-page div#feature-detail table.customizations {
border: 1px solid #7a7a83; }
#content-wrapper.feature-page div#feature-detail table.customizations th {
text-align: center;
font-weight: bold; }
#content-wrapper.feature-page div#feature-detail table.customizations td,
#content-wrapper.feature-page div#feature-detail table.customizations th {
padding: 2px; }
#content-wrapper.feature-page div#feature-detail table.customizations td.numeric,
#content-wrapper.feature-page div#feature-detail table.customizations th.numeric {
text-align: right; }
#content-wrapper.feature-page div#feature-detail table.customizations thead th {
border-bottom: 1px solid #7a7a83; }
#content-wrapper.feature-page div#feature-detail table.customizations tfoot th, #content-wrapper.feature-page div#feature-detail table.customizations tfoot td {
border-top: 1px solid #7a7a83; }
#content-wrapper.feature-page div#feature-detail table.customizations th:first-child {
border-right: 1px solid #7a7a83; }
#content-wrapper.feature-page div#feature-detail table.customizations th, #content-wrapper.feature-page div#feature-detail table.customizations td {
border-right: 1px solid #7a7a83;
border-bottom: 1px solid #7a7a83;
border-left-width: 0px;
border-top-width: 0px; }
#content-wrapper.feature-page div#feature-detail table.customizations th:last-child, #content-wrapper.feature-page div#feature-detail table.customizations td:last-child,
#content-wrapper.feature-page div#feature-detail table.customizations th.last, #content-wrapper.feature-page div#feature-detail table.customizations td.last {
border-right-width: 0px; }
#content-wrapper.feature-page div#feature-detail table.customizations tbody tr:last-child th, #content-wrapper.feature-page div#feature-detail table.customizations tbody tr:last-child td, #content-wrapper.feature-page div#feature-detail table.customizations tfoot tr:last-child th, #content-wrapper.feature-page div#feature-detail table.customizations tfoot tr:last-child td,
#content-wrapper.feature-page div#feature-detail table.customizations tbody tr.last th, #content-wrapper.feature-page div#feature-detail table.customizations tbody tr.last td, #content-wrapper.feature-page div#feature-detail table.customizations tfoot tr.last th, #content-wrapper.feature-page div#feature-detail table.customizations tfoot tr.last td {
border-bottom-width: 0px; }
#content-wrapper.feature-page div#feature-detail table.customizations tr.even td, #content-wrapper.feature-page div#feature-detail table.customizations tr.even th {
background-color: #f0f5fa; }
#content-wrapper.feature-page div#feature-detail table.customizations th {
text-align: left; }
#content-wrapper.feature-page div#feature-detail table.customizations th, #content-wrapper.feature-page div#feature-detail table.customizations td {
padding: 5px 10px; }
#content-wrapper.feature-page div#feature-detail div#feature-nav {
margin-top: 2em;
text-align: right; }
#content-wrapper.feature-page div#feature-detail div#feature-nav a.offer {
float: left;
text-align: center;
width: auto;
margin-bottom: 1em; }
body a {
color: #1a51c6; }
form label {
font-weight: bold; }
form fieldset {
padding: 1.4em;
margin: 0 0 1.5em 0; }
form legend {
font-weight: bold;
font-size: 1.2em; }
form input.text, form input.title, form input[type=text] {
margin: 0.5em 0;
background-color: #fff;
padding: 5px; }
form input.title {
font-size: 1.5em; }
form input[type=checkbox], form input.checkbox,
form input[type=radio], form input.radio {
position: relative;
top: 0.25em; }
form textarea {
margin: 0.5em 0;
padding: 5px; }
form select {
margin: 0.5em 0; }
form fieldset {
border: 1px solid #cccccc; }
form input.text, form input.title,
form textarea,
form select {
border: 1px solid #bbbbbb; }
form input.text:focus, form input.title:focus,
form textarea:focus,
form select:focus {
border: 1px solid #666666; }
form input.text, form input.title {
width: 300px; }
form textarea {
width: 390px;
height: 250px; }
form legend {
padding: 5px; }
.vertical-form p {
margin-bottom: 0em; }
.vertical-form p + p {
margin-top: 1.5em; }
.vertical-form textarea {
height: 6em; }
.vertical-form div.field_row {
margin-bottom: 1em; }
.vertical-form div.field_row label {
display: block; }
.vertical-form div.field_row input[type="text"] {
width: 20em; }
.vertical-form div.field_row input[type="checkbox"] {
top: 0; }
.vertical-form div.CheckboxGroupContainer {
padding-top: 0.5em; }
.vertical-form div.CheckboxGroupContainer label {
float: none;
font-weight: normal;
display: inline; }
.vertical-form div.CheckboxGroupContainer input {
float: none;
display: inline; }
.vertical-form div.CheckboxGroupContainer ul {
list-style: none;
margin: 0;
position: 0; }
.vertical-form div.CheckboxGroupContainer ul li {
margin-bottom: 0.5em; }
#content div.register-form-with-fieldset form fieldset {
background-color: #f0f5fa;
padding: 10px;
border: 1px solid #ccc; }
#content div.register-form-with-fieldset form p {
margin-bottom: 0em; }
#content div.register-form-with-fieldset form p + p {
margin-top: 1.5em; }
#content div.register-form-with-fieldset form textarea {
height: 6em; }
#content div.register-form-with-fieldset form div.field_row {
margin-bottom: 1em; }
#content div.register-form-with-fieldset form div.field_row label {
display: block; }
#content div.register-form-with-fieldset form div.field_row input[type="text"] {
width: 20em; }
#content div.register-form-with-fieldset form div.field_row input[type="checkbox"] {
top: 0; }
#content div.register-form-with-fieldset form div.CheckboxGroupContainer {
padding-top: 0.5em; }
#content div.register-form-with-fieldset form div.CheckboxGroupContainer label {
float: none;
font-weight: normal;
display: inline; }
#content div.register-form-with-fieldset form div.CheckboxGroupContainer input {
float: none;
display: inline; }
#content div.register-form-with-fieldset form div.CheckboxGroupContainer ul {
list-style: none;
margin: 0;
position: 0; }
#content div.register-form-with-fieldset form div.CheckboxGroupContainer ul li {
margin-bottom: 0.5em; }
#content div.hub-form p {
margin-bottom: 0em; }
#content div.hub-form p + p {
margin-top: 1.5em; }
#content div.hub-form textarea {
height: 6em; }
#content div.hub-form div.field_row {
margin-bottom: 1em; }
#content div.hub-form div.field_row label {
display: block; }
#content div.hub-form div.field_row input[type="text"] {
width: 20em; }
#content div.hub-form div.field_row input[type="checkbox"] {
top: 0; }
#content div.hub-form div.CheckboxGroupContainer {
padding-top: 0.5em; }
#content div.hub-form div.CheckboxGroupContainer label {
float: none;
font-weight: normal;
display: inline; }
#content div.hub-form div.CheckboxGroupContainer input {
float: none;
display: inline; }
#content div.hub-form div.CheckboxGroupContainer ul {
list-style: none;
margin: 0;
position: 0; }
#content div.hub-form div.CheckboxGroupContainer ul li {
margin-bottom: 0.5em; }
#content div.hub-form input, #content div.hub-form label {
display: block; }
#content div.hub-form li {
list-style-type: none; }
#content div.hub-form input[type=text] {
width: 200px; }
#content div.hub-form p.about {
margin-top: 1em; }
#content div.hub-form .checkbox label, #content div.hub-form .checkbox input {
display: inline; }
#content div.hub-form .checkbox ul {
margin: 10px 0; }
#content div.hub-form .checkbox li label {
font-weight: normal; }
#content div.hub-form table {
padding: 15px 0; }
#content div.hub-form table td {
font-weight: bold; }
#content div.hub-form div.radio ul {
margin-top: 1em; }
#content div.hub-form div.radio ul li {
margin-bottom: 0.5em; }
#content div.hub-form div.radio ul li label {
font-weight: normal; }
#content div.hub-form div.radio label, #content div.hub-form div.radio input {
display: inline; }
#content div.register-form {
background-color: #f0f5fa;
padding: 10px;
border: 1px solid #ccc; }
#content div.register-form p {
margin-bottom: 0em; }
#content div.register-form p + p {
margin-top: 1.5em; }
#content div.register-form textarea {
height: 6em; }
#content div.register-form div.field_row {
margin-bottom: 1em; }
#content div.register-form div.field_row label {
display: block; }
#content div.register-form div.field_row input[type="text"] {
width: 20em; }
#content div.register-form div.field_row input[type="checkbox"] {
top: 0; }
#content div.register-form div.CheckboxGroupContainer {
padding-top: 0.5em; }
#content div.register-form div.CheckboxGroupContainer label {
float: none;
font-weight: normal;
display: inline; }
#content div.register-form div.CheckboxGroupContainer input {
float: none;
display: inline; }
#content div.register-form div.CheckboxGroupContainer ul {
list-style: none;
margin: 0;
position: 0; }
#content div.register-form div.CheckboxGroupContainer ul li {
margin-bottom: 0.5em; }
#content div.register-form input[type=text] {
width: 200px; }
#content div.register-form p.about {
margin-top: 1em; }
#content div.fieldset {
background-color: inherit;
border: none;
padding: 0; }
#content div.fieldset fieldset {
background-color: #f0f5fa;
border: 1px solid #ccc; }
#content form.hubform textarea {
height: 6em; }
#content form.hubform fieldset {
background-color: #f0f5fa; }
#content form.hubform label {
display: block; }
#content form.hubform label span {
font-weight: normal; }
#content form.hubform .fieldclear {
margin-bottom: 1em; }
#content form.hubform .CheckboxGroupContainer {
margin-bottom: 1em; }
#content form.hubform .CheckboxGroupContainer input[type="radio"], #content form.hubform .CheckboxGroupContainer input.radio {
top: 0; }
#content form.hubform .CheckboxGroupContainer input {
clear: none; }
#content form.hubform .CheckboxGroupContainer label {
display: inline; }
#content form fieldset:last-child {
margin-bottom: 0em; }
#content .styled-form {
margin: 10px 0; }
#content .styled-form fieldset {
padding-top: 0;
background-color: #f0f5fa; }
#content .styled-form input {
font-size: 12px;
float: left; }
#content .styled-form input[type="submit"] {
margin-bottom: 10px; }
#content .styled-form div {
clear: left; }
#content .styled-form div ul {
margin-left: 0;
list-style: none; }
#content .styled-form div ul p {
clear: left;
font-size: 11px; }
#content .styled-form p {
clear: left; }
#content .styled-form legend {
text-transform: capitalize; }
#content .styled-form label {
float: left;
width: 180px;
padding: 5px;
line-height: 2.2em; }
#content .styled-form form p.about {
font-size: 10px;
margin-top: 5px;
line-height: 100%; }
#content .styled-form div.input-group label {
line-height: inherit;
padding: 0 5px; }
form#publicForm dd input.wide {
width: 15em; }
form#publicForm dd input.small {
width: 3em; }
form#publicForm dd span {
display: block; }
form label.error {
color: #8a1f11; }
form input.error {
background-color: #fbe3e4; }
.input-prompt {
position: absolute;
color: #aaa; }
* html .input-prompt {
dispay: none; }
body a {
color: #1a51c6; }
#content div.standard-column {
padding-top: 20px; }
#content div.standard-column div.header-image {
margin: 0 0 20px; }
#content div.standard-column div.border img {
border: 1px solid #e6e6e6; }
#content div.standard-column .content {
display: inline;
float: left;
margin-right: 10px;
width: 630px;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; }
* html #content div.standard-column .content {
overflow-x: hidden; }
#content div.standard-column .content h2 {
margin-top: 0em; }
#content div.standard-column .content p + h2, #content div.standard-column .content ol + h2, #content div.standard-column .content li + h2 {
margin-top: 2em; }
#content div.standard-column .content p + h3, #content div.standard-column .content ol + h3, #content div.standard-column .content li + h3 {
margin-top: 1em;
text-transform: none; }
#content div.standard-column .content ul.share-this {
margin: 0em; }
#content div.standard-column .content ul.share-this li {
float: left;
margin-right: 1em; }
#content div.standard-column ol.methodology h3.title {
padding: 0;
font-weight: bold;
font-size: 1.2em;
text-transform: none;
margin-bottom: 0.5em; }
#content div.standard-column ol.methodology li p {
font-weight: normal; }
#content div.standard-column .call {
clear: left;
display: inline;
float: left;
margin-right: 10px;
width: 630px; }
* html #content div.standard-column .call {
overflow-x: hidden; }
#content div.standard-column .sidebar {
display: inline;
float: left;
margin-right: 0;
width: 310px;
width: 280px;
margin-left: 10px; }
* html #content div.standard-column .sidebar {
overflow-x: hidden; }
#content div.standard-column .sidebar .sidebar_block {
padding: 10px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; }
#content div.standard-column .sidebar .sidebar_block h2 {
text-transform: uppercase;
font-size: 18px;
font-weight: bold; }
#content div.standard-column .sidebar > ul.share-this {
margin-top: 24px; }
ul.share-this {
list-style: none;
margin-bottom: 0em; }
ul.share-this li {
overflow: hidden;
display: inline-block;
margin-bottom: 1em; }
ul.share-this li {
display: block; }
ul.share-this li a {
float: left; }
ul.share-this li a img {
margin-right: 0.5em; }
#content ul.articles li {
margin-bottom: 1em; }
#content ul.articles li span.article a {
font-weight: bold;
color: #df4e15;
text-decoration: none; }
#content ul.articles li span.article a:hover {
text-decoration: underline; }
#content ul.articles li a {
color: #1a51c6; }
#content ul.articles li a:hover {
color: green; }
.offer {
width: 90%;
padding: 10px 20px;
background-color: #f0f5fa;
border: 3px solid #ccc; }
.offer ul {
list-style: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 0em; }
.offer ul li {
margin-bottom: 1em; }
.offer ul li a {
color: #1a51c6;
text-decoration: none; }
.offer ul li a:hover {
text-decoration: underline; }
body a {
color: #1a51c6; }
div#header {
padding-left: 1em;
padding-right: 1em;
background-color: #25385A;
border-bottom: 1px solid #ccc;
-moz-box-shadow: 0 3px 5px #d1d1d1;
-webkit-box-shadow: 0 3px 5px #d1d1d1;
box-shadow: 0 3px 5px #d1d1d1; }
.screenstepslive div#header {
background-color: #262626; }
div#header + #wrapper {
margin-top: 20px; }
div#header.rounded-bottom {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px; }
div#header img#logo {
position: absolute;
top: 20px;
left: 0px; }
div#header div.container {
position: relative;
height: 96px; }
* html div#header div.container {
height: 100px; }
.bluemango div#header img#logo {
margin: 10px 0 0 0; }
#content .header {
padding: 20px;
border-bottom: 1px solid #ccc; }
#content .header p.subtitle {
margin-bottom: 0em; }
#breadcrumb {
background-color: black;
border-bottom: 1px solid #D1D1D1;
padding: 10px 0; }
#breadcrumb .container {
color: #B3B3B3;
font-size: 16px; }
#breadcrumb .container a.home-link {
margin-left: 10px; }
#breadcrumb .container a {
color: #B3B3B3; }
#breadcrumb .container a:hover {
color: #1a51c6; }
#heading {
padding: 20px 45px 10px 1em; }
#heading h1 {
margin-bottom: .1em;
color: #fff; }
ul#lowerNav {
list-style: none;
position: absolute;
bottom: 8px;
right: 1em;
font-size: 12px;
margin: 0;
padding: 0; }
ul#lowerNav li {
border-left: 1px solid white;
float: left; }
ul#lowerNav li:first-child {
border-left: none; }
ul#lowerNav li > span, ul#lowerNav li a {
color: white;
padding: 0 7px; }
ul#lowerNav li div#provide_support a {
background: transparent url(/images/icons/chat.png) no-repeat right top;
height: 16px;
padding-right: 22px; }
ul#lowerNav li div#provide_support a, ul#lowerNav li div#provide_support a span {
color: white; }
ul#lowerNav li.last {
margin-bottom: 10px; }
ul#lowerNav li.last span, ul#lowerNav li.last a {
padding-right: 0; }
body a {
color: #1a51c6; }
ul#topNav {
float: right;
margin-top: 20px;
margin-right: 0em; }
ul#topNav.desktops {
float: left;
clear: left;
margin: 0 0 1em 0; }
ul#topNav li {
list-style: none;
float: left;
position: relative; }
ul#topNav li.here a, ul#topNav li:hover a {
color: white;
background-color: #1E2732;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
ul#topNav li.last {
margin-right: 0em; }
ul#topNav li ul.subnav {
display: none; }
ul#topNav li.telephone a {
text-transform: none;
border-right: 1px solid;
border-color: #7a7a7a;
padding-right: 10px; }
ul#topNav li.telephone a:hover {
text-decoration: none;
cursor: default; }
ul#topNav li.free-desktop-trial a, ul#topNav li.free-desktop-trial a:hover {
color: #7ABBF7; }
ul#topNav li a {
text-decoration: none;
color: #B3B3B3;
font-size: 15px;
font-variant: small-caps;
padding: 7px 10px;
margin: 0 3px; }
ul#topNav li a:hover {
text-decoration: underline;
color: white; }
#top.screenstepslive #header ul#topNav li a {
color: #E6E6E6; }
#top.screenstepslive #header ul#topNav li.here a, #top.screenstepslive #header ul#topNav li:hover a {
background-color: #e6e6e6;
color: #262626; }
#top.screenstepslive #header ul#topNav li.pricing a {
color: #FF8000;
color: #77B1EC; }
#top.screenstepslive #header ul#topNav li.pricing a:hover {
color: #1B57AE; }
#top.screenstepslive #header ul#lowerNav li a, #top.screenstepslive #header ul#lowerNav li span {
color: #E6E6E6; }
ul#mainNav li:hover .sub, ul#mainNav li a:hover .sub {
display: visible; }
ul#mainNav li .sub {
position: absolute;
top: 44px;
left: 0;
z-index: 99999;
padding: 20px;
float: left;
display: none; }
ul#mainNav li .sub ul {
list-style: none;
margin: 0;
padding: 0;
width: 150px;
float: left; }
ul#mainNav li .sub ul li {
width: 100%;
color: #fff; }
ul#mainNav li .sub ul li h2 {
padding: 0;
margin: 0;
font-size: 1.3em;
font-weight: normal; }
ul#mainNav li .sub ul li h2 a {
padding: 5px 0;
background-image: none;
color: red; }
ul#mainNav li .sub ul li a {
float: none;
text-indent: 0;
height: auto;
padding: 7px 5px 7px 15px;
display: block;
text-decoration: none;
color: #fff; }
ul#mainNav li .sub ul li a:hover {
color: #ddd; }
ul#mainNav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left; }
ul#mainNav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; }
ul#mainNav li a {
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
font-weight: normal;
float: left;
font-size: 14px; }
ul#mainNav li a:hover {
background: url(/images/navigation/topnav_hover.gif) no-repeat center top; }
ul#mainNav li span {
width: 17px;
height: 35px;
float: left;
background: url(/images/navigation/subnav_btn.gif) no-repeat center top; }
ul#mainNav li span.subhover {
background-position: center bottom;
cursor: pointer; }
ul#mainNav li:hover ul.subnav {
display: visible; }
ul#mainNav li ul.subnav {
background: #333;
border: 1px solid #111;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
list-style: none;
position: absolute;
left: 0;
top: 35px;
margin: 0;
padding: 0em;
display: none;
float: left;
width: 190px; }
ul#mainNav li ul.subnav li {
margin: 0;
padding: 0;
border-top: 1px solid #252525;
border-bottom: 1px solid #444;
clear: both;
width: 190px; }
html ul#mainNav li ul.subnav li a {
float: left;
width: 165px;
font-size: 12px;
background: #333 url(/images/navigation/dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px; }
html ul#mainNav li ul.subnav li a:hover {
background: #222 url(/images/navigation/dropdown_linkbg.gif) no-repeat 10px center; }
div#navigation {
background: #222 url(/images/navigation/topnav_bg.gif) repeat-x;
margin-bottom: 10px; }
div#navigation div.container {
overflow: visible; }
div#navigation ul#mainNav {
margin: 0;
padding: 0; }
div#navigation ul#mainNav > li:first-child a {
padding-left: 1em; }
div#navigation div#rightNav {
font-size: 12px;
width: 160px;
color: white;
float: right;
text-align: right;
padding: 12px 0.5em 10px 0; }
div#navigation div#rightNav a {
color: white;
padding: 0 0.5em; }
div#navigation div#rightNav a:hover {
color: #cccccc; }
body a {
color: #1a51c6; }
#footer {
padding-top: 2em;
position: relative;
background: url(/images/layout/footer.jpg) repeat-x;
background: url(/images/layout/empty-footer.jpg) repeat-y;
background: none;
padding-bottom: 3em;
text-align: right; }
#footer.no-bluemango {
background: url(/images/layout/textured-white-black-footer.jpg) repeat-x; }
#footer.no-bluemango .inside {
background-image: none; }
#footer * {
color: white; }
#footer div.container {
text-align: right;
width: 990px;
margin: 0 auto;
overflow: hidden;
display: inline-block; }
#footer div.container {
display: block; }
#footer span.copyright {
font-size: 85%; }
#footer h4 {
color: #e6e6e6;
margin: 0 0 7px;
text-transform: uppercase;
font-weight: bold; }
#footer a {
color: white; }
#footer a:hover {
color: white;
color: inherit; }
#footer .inside {
width: 960px;
margin: 0 auto;
padding: 42px 0 20px;
background: url(/images/logo.gif) no-repeat;
background-position: 694px 140px;
height: 300px; }
#footer a.sign-up {
position: absolute;
right: 45px;
top: 36px; }
#footer span.copyright {
display: block; }
#footer #ey_logo {
clear: right;
border: 2px solid #838383;
margin-top: 1em;
padding: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
float: right;
background-color: #e6e6e6; }
#footer .footer-column {
width: 300px;
float: left; }
#footer .left-footer-column {
width: 200px;
margin-right: 15px; }
#sharing-footer {
margin-top: 1em; }
#sharing-footer .share-service {
float: left;
margin-right: 3em; }
#sharing-footer .facebook {
margin-top: 2px;
width: 95px; }
#sharing-footer .delicious {
margin-top: 4px;
width: 300px; }
#footer #site-map {
overflow: hidden;
display: inline-block; }
#footer #site-map {
display: block; }
#footer #site-map div {
float: left;
width: 245px; }
#footer #site-map div ul {
list-style: none; }
#footer #site-map div ul span {
font-weight: bold;
font-size: 110%;
color: #F4F4F4; }
#footer #site-map div ul a {
color: #CCCCCC;
text-decoration: none;
font-size: 85%; }
#footer #site-map div ul a:hover {
text-decoration: underline; }
span.copyright {
clear: left;
float: none;
text-align: left;
padding-left: 1.5em; }
#bluemango-copyright {
margin-top: 20px; }
#bluemango-copyright img {
margin-bottom: 10px; }
#bluemango-copyright span {
display: block;
font-size: 12px; }
#bluemango-copyright span a {
font-size: 12px; }
body ul.align-left, body ol.align-left {
margin-left: 0em; }
body ul li, body ol li {
margin-bottom: 10px; }
body ul.large-spacing li, body ol.large-spacing li {
margin-bottom: 20px; }
body ul.med-spacing li, body ol.med-spacing li {
margin-bottom: 10px; }
body ul.small li, body ol.small li {
font-size: 85%; }
body ul.last, body ol.last {
margin-bottom: 0em; }
body #left-sidebar ul li {
margin-bottom: inherit; }
body ul#feature-menu li {
margin-bottom: 0em; }
body ol li {
margin-bottom: 1em; }
body ul.no-bullets li {
list-style-type: none;
margin-left: 0px; }
body ul#follow-us {
list-style: none; }
body ul#follow-us li:last-child {
margin-bottom: 0em; }
body ul#follow-us li {
clear: left; }
body ul#follow-us li + li {
margin-top: 1em; }
body ul#follow-us li.rss {
margin-left: -22px; }
body ul#follow-us li.rss a {
float: left; }
body ul#follow-us li.rss a img {
margin-bottom: 1em; }
body ul#follow-us li.rss a.text {
margin-top: 10px; }
body ul#follow-us li.newsletter a {
float: left; }
body ul#follow-us li.newsletter a img {
margin-right: 10px;
margin-top: 2px; }
#sidebar ul.share-this {
margin-left: 0em; }
#sidebar .sidebar-block ul:last-child {
margin-bottom: 0em; }
#content #feature-list ul {
list-style: none;
margin-left: 10px; }
#content #feature-list li span {
font-weight: bold;
display: block;
font-size: 18px; }
#sub-pages span.hoist, #left-menu span.hoist {
display: block;
margin-bottom: 1em; }
#sub-pages ul, div#integrations ul, div#sidebar-calls ul {
list-style: none;
margin: 0; }
#sub-pages ul li, div#integrations ul li, div#sidebar-calls ul li {
margin-bottom: 0em;
padding-bottom: 3px; }
#sub-pages ul li.here a, #sub-pages ul li.here > a:hover, #sub-pages ul li ul li.here > a:hover, div#integrations ul li.here a, div#integrations ul li.here > a:hover, div#integrations ul li ul li.here > a:hover, div#sidebar-calls ul li.here a, div#sidebar-calls ul li.here > a:hover, div#sidebar-calls ul li ul li.here > a:hover {
background-color: #e6e6e6;
background-color: transparent;
font-weight: bold;
background-color: #e6e6e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
#sub-pages ul li a, div#integrations ul li a, div#sidebar-calls ul li a {
color: #1a51c6;
font-size: 15px;
display: block;
padding: 7px 15px 7px 14px; }
#sub-pages ul li a:hover, div#integrations ul li a:hover, div#sidebar-calls ul li a:hover {
background-color: #e6e6e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
#sub-pages ul li ul li a:hover, div#integrations ul li ul li a:hover, div#sidebar-calls ul li ul li a:hover {
color: #333;
background-color: #e6e6e6; }
#sub-pages ul.indent li a, div#integrations ul.indent li a, div#sidebar-calls ul.indent li a {
padding-left: 24px; }
#sidebar h2 {
color: #333;
font-size: 130%;
font-weight: bold;
margin-bottom: 5px; }
#sidebar h3 {
padding-left: 1em;
margin-top: 10px;
color: #333;
font-size: 1.0em;
font-weight: bold; }
#sidebar p a {
font-size: inherit; }
#sidebar .sidebar-buttons a {
font-size: 14px;
float: right;
margin-bottom: 1em; }
#sidebar div#integrations {
margin: 20px 0 3px;
border-top: 1px solid #DADADA; }
#sidebar div#sidebar-calls {
padding: 20px 0;
border-top: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
margin-bottom: 20px; }
#sidebar div#sidebar-calls ul, #sidebar div#sidebar-calls ul li {
margin-left: 0em;
padding-left: 0em; }
#sidebar #sub-pages a.awesome, #sidebar div#sidebar-calls a.awesome {
color: white; }
#sidebar #sub-pages h2, #sidebar div#sidebar-calls h2 {
margin-bottom: 0.2em;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
color: #3d3d3d; }
#sidebar #sub-pages ul li.sub-list-parent a, #sidebar div#sidebar-calls ul li.sub-list-parent a {
font-weight: bold;
background-color: inherit;
color: #333; }
#sidebar #sub-pages ul.sub-list, #sidebar div#sidebar-calls ul.sub-list {
border-top: 0px;
border-bottom: none; }
#sidebar #sub-pages ul.sub-list li.here a, #sidebar div#sidebar-calls ul.sub-list li.here a {
font-weight: bold; }
#sidebar #sub-pages ul.sub-list li:last-child, #sidebar div#sidebar-calls ul.sub-list li:last-child {
border-bottom: none; }
#sidebar #sub-pages ul.sub-list li a, #sidebar div#sidebar-calls ul.sub-list li a {
font-weight: normal;
padding-left: 3em;
font-size: 85%; }
#sidebar div.sidebar-block {
margin-bottom: 2em;
padding: 1em; }
#sidebar div.sidebar-block > ul li:last-child {
margin-bottom: 0em; }
#sidebar div.guarantee img {
display: block;
margin: 0 auto 1em 2em; }
#sidebar .testimonials .testimonial + .testimonial, .right-column .testimonials .testimonial + .testimonial {
margin-top: 2em; }
#sidebar .testimonials .testimonial .logo, .right-column .testimonials .testimonial .logo {
margin-bottom: 1em; }
#sidebar .testimonials .testimonial p.emphasis, #sidebar .testimonials .testimonial span.emphasis, .right-column .testimonials .testimonial p.emphasis, .right-column .testimonials .testimonial span.emphasis {
color: #3d3d3d;
font-weight: bold; }
#sidebar .testimonials .testimonial p span.customer, .right-column .testimonials .testimonial p span.customer {
font-style: italic;
font-size: 1em; }
div#landing-sidebar ul#case-study-list li a {
font-size: 110%;
color: #314F74; }
div#sharing .share-service {
margin-bottom: 1em; }
div#sharing .facebook {
width: 100px; }
#sidebar-ads a.sidebar-ad {
display: block;
width: 268px;
height: 125px;
text-indent: -1000em;
border: 1px solid #ccc; }
#sidebar-ads a#screenstepslive-sidebar-ad {
background: url(/images/ads/screenstepslive.png) no-repeat 0 0;
border-bottom: none; }
#sidebar-ads a#screenstepslive-sidebar-ad:hover {
background: url(/images/ads/screenstepslive.png) 0 -125px; }
#sidebar-ads a#clarify-sidebar-ad {
background: url(/images/ads/clarify.png) no-repeat top left; }
#sidebar-ads a#clarify-sidebar-ad:hover {
background: url(/images/ads/clarify.png) 0 -125px; }
#sidebar .blue-pill {
background-color: #DCEDFD;
margin-top: 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
#sidebar .blue-pill h3 {
padding-left: 0; }
#sidebar .blue-pill ul#follow-us li a {
display: inline-block;
padding-left: 34px;
line-height: 24px; }
#sidebar .blue-pill ul#follow-us li.twitter a {
background: url('/images/social-icons/twitter.png') top left no-repeat; }
#sidebar .blue-pill ul#follow-us li.facebook a {
background: url('/images/social-icons/facebook.png') top left no-repeat; }
#sidebar .blue-pill ul#follow-us li.rss {
margin-left: 0; }
#sidebar .blue-pill ul#follow-us li.rss a {
float: none;
background: url('/images/social-icons/rss.png') top left no-repeat; }
#sidebar .blue-pill ul#follow-us li.email-feed h3 {
padding-left: 34px;
line-height: 24px;
background: url('/images/social-icons/email.png') top left no-repeat; }
.content-body {
background: #fff;
border: 1px solid #dedede;
-moz-box-shadow: 0 3px 5px #d1d1d1;
-webkit-box-shadow: 0 3px 5px #d1d1d1;
box-shadow: 0 3px 5px #d1d1d1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
.left-pad {
padding-left: 20px; }
.right-pad {
padding-right: 20px; }
.inside-pad {
padding: 20px; }
.hpad {
padding-left: 20px;
padding-right: 20px; }
.default-pad {
padding: 20px; }
.vertical-pad {
padding-top: 20px;
padding-bottom: 20px; }
.no-bottom-pad {
padding-bottom: 0em; }
.bottom-pad {
padding-bottom: 20px; }
.no-top-pad {
padding-top: 0em; }
.top-pad {
padding-top: 20px; }
#top {
background-color: #f5f5f5;
padding-bottom: 1em; }
#top.white {
background-color: white; }
#wrapper {
padding-top: 20px;
width: 990px;
margin: 0 auto;
overflow: hidden;
display: inline-block; }
#wrapper {
display: block; }
body h1.tight, body h2.tight, body h3.tight {
margin-bottom: 5px; }
.ultralight {
font-family: 'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
font-weight: 100;
letter-spacing: 1px; }
#content {
height: 1%;
min-height: 400px; }
#content.no-bg {
background-color: inherit; }
#content.no-bg div.header {
display: non;
padding-left: 3px;
margin-top: 2em;
margin-bottom: 2em; }
#content.no-bg div.header h1 {
color: white;
font-family: 'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
font-weight: 100;
letter-spacing: 1px; }
#announcement {
background-color: #fff6bf;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #ffd324; }
#announcement .inside {
color: #514721;
padding-left: 40px;
padding-right: 40px;
text-align: center;
padding: 5px 0 5px 10px; }
#announcement .inside p {
margin-bottom: 0em; }
#announcement .inside a.big-link {
color: green;
text-decoration: none; }
#announcement .inside a.big-link:hover {
text-decoration: underline; }
#main-column {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding-right: 10px;
padding-top: 1em; }
#content-wrapper {
background-color: #f5f5f5; }
#content-wrapper #content.min-height {
min-height: 300px; }
#content-wrapper .sidebar-block {
padding: 10px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; }
#content-wrapper .sidebar-block + .sidebar-block {
margin-top: 20px; }
#content-wrapper div.navigation {
padding: 10px 0 0; }
#content-wrapper .equal-column {
clear: both; }
#content-wrapper .equal-column .left-column {
width: 465px;
float: left;
margin: 0 30px 0 0; }
#content-wrapper .equal-column .right-column {
width: 465px;
float: left;
margin: 0 0 0 30px; }
#content-wrapper.left-sidebar #content {
width: 769px;
float: right;
margin: 0 0 10px 15px;
background: #fff;
border: 1px solid #dedede;
-moz-box-shadow: 0 3px 5px #d1d1d1;
-webkit-box-shadow: 0 3px 5px #d1d1d1;
box-shadow: 0 3px 5px #d1d1d1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
#content-wrapper.left-sidebar #sidebar {
width: 192px;
float: left; }
#content-wrapper.wide-left-sidebar #content {
float: right;
width: 690px;
background: #fff;
border: 1px solid #dedede;
-moz-box-shadow: 0 3px 5px #d1d1d1;
-webkit-box-shadow: 0 3px 5px #d1d1d1;
box-shadow: 0 3px 5px #d1d1d1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
#content-wrapper.wide-left-sidebar #sidebar {
width: 270px;
float: left; }
#content-wrapper.single #content {
background: #fff;
border: 1px solid #dedede;
-moz-box-shadow: 0 3px 5px #d1d1d1;
-webkit-box-shadow: 0 3px 5px #d1d1d1;
box-shadow: 0 3px 5px #d1d1d1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
#content-wrapper.right-sidebar #content {
float: left;
width: 690px;
background: #fff;
border: 1px solid #dedede;
-moz-box-shadow: 0 3px 5px #d1d1d1;
-webkit-box-shadow: 0 3px 5px #d1d1d1;
box-shadow: 0 3px 5px #d1d1d1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; }
#content-wrapper.right-sidebar #sidebar {
width: 270px;
float: right; }
#content-wrapper.right-sidebar #sidebar div.header-image {
margin-bottom: 2em; }
#content.resource-page .left {
display: inline;
float: left;
margin-right: 10px;
width: 630px; }
* html #content.resource-page .left {
overflow-x: hidden; }
#content.resource-page .right {
display: inline;
float: left;
margin-right: 0;
width: 310px; }
* html #content.resource-page .right {
overflow-x: hidden; }
#content.resource-page .drop {
padding-top: 40px; }
#content.resource-page h2 {
font-size: 24px;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding-bottom: 10px; }
#three-columns .left, #three-columns .middle, #three-columns .right {
display: inline;
float: left;
margin-right: 10px;
width: 310px; }
* html #three-columns .left, * html #three-columns .middle, * html #three-columns .right {
overflow-x: hidden; }
#three-columns .right {
margin-right: 0; }
#three-columns.footer {
display: none;
padding-top: 1em;
padding-bottom: 1em; }
#three-columns.footer .left, #three-columns.footer .middle, #three-columns.footer .right {
background-color: #f4f4f4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #ccc; }
#three-columns.footer a {
text-decoration: none; }
#three-columns.footer a:hover {
text-decoration: underline; }
#three-columns.footer #creditfooter {
display: none; }
#three-columns.footer p.feedTitle {
display: none; }
#three-columns.footer li.blog-email {
display: none; }
#landing-header .heading {
padding-bottom: 0; }
#landing-header .heading h1 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 30px; }
#landing-header .heading h3 {
font-weight: normal;
font-size: 18px;
line-height: 120%; }
#landing-header .heading img.top-image {
z-index: 100;
position: relative; }
#landing-header .heading a.sign-up {
z-index: 1000;
position: relative; }
#landing-header .heading h1.tag_line, #landing-header .heading h2.tag_line, #landing-header .heading h3.tag_line {
font-size: 3em;
margin-bottom: 5px;
font-family: 'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 300; }
#landing-header .heading h1.screenstepslive, #landing-header .heading h2.screenstepslive, #landing-header .heading h3.screenstepslive {
font-size: 2.5em; }
#landing-header .heading h3.statement, #landing-header .heading h1.statement {
font-size: 1.8em;
margin-bottom: 0.5em;
font-family: 'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 300; }
#content-wrapper.single-column .left-column {
width: 630px;
float: left; }
.announcement {
background-color: #fff6bf;
color: #514721; }
.rounded-top {
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px; }
body a {
color: #1a51c6; }
#techwriter-video-block {
border-top: 3px solid #ccc;
padding-top: 1em;
margin-top: 2em; }
#techwriter-video-block .left {
display: inline;
float: left;
margin-right: 10px;
width: 510px; }
* html #techwriter-video-block .left {
overflow-x: hidden; }
#techwriter-video-block .right {
display: inline;
float: left;
margin-right: 10px;
width: 430px;
margin-right: 0; }
* html #techwriter-video-block .right {
overflow-x: hidden; }
div.tech-writers-landing div#landing-header div.heading {
position: relative; }
div#download-demo.drop {
position: absolute;
bottom: 0;
right: 114px; }
body a {
color: #1a51c6; }
body#clarify {
width: 100%;
padding: 0;
margin: 0;
background: #191919; }
body#clarify .two_col {
margin-bottom: 40px;
overflow: hidden;
display: inline-block; }
body#clarify .two_col {
display: block; }
body#clarify .two_col .left {
width: 600px;
float: left; }
body#clarify .two_col .right {
width: 254px;
margin-left: 15px;
float: left; }
body#clarify .two_col h1 {
font-size: 36px; }
body#clarify .two_col h2 {
font-size: 24px; }
body#clarify .two_col h3 {
font-size: 18px; }
body#clarify .letter strong {
color: #0F7CC8; }
body#clarify #wrapper {
width: auto;
margin: 0 auto;
padding: 0 0;
height: 100%;
background: #fefffb url(/images/clarify/header-short-tile.png) repeat-x top left; }
body#clarify #wrapper.tall {
background: #fefffb url(/images/clarify/header-bg.png) repeat-x top left; }
body#clarify #wrapper.three-tools {
background-image: url(/images/clarify/clarify-3-tools-tile.jpg); }
body#clarify #header-wrapper {
margin: 0 auto;
padding-bottom: 0em;
overflow: visible;
-moz-box-shadow: 0px 15px 15px #e6e6e6;
-webkit-box-shadow: 0px 15px 15px #e6e6e6;
box-shadow: 0px 15px 15px #e6e6e6;
background: url(/images/clarify/header-short.png) no-repeat center top;
height: 150px; }
body#clarify #header-wrapper.tall {
background: url(/images/clarify/header-front-page.png) no-repeat center top;
height: auto; }
body#clarify #header-wrapper .container {
position: relative;
width: 873px;
margin: 0 auto;
overflow: visible;
height: 100%; }
body#clarify #header-wrapper.front-page {
height: 419px; }
body#clarify #header-wrapper.three-tools {
background: transparent url(/images/clarify/clarify-3-tools.jpg) no-repeat center top;
height: 671px; }
body#clarify #header-wrapper.three-tools #clarify-header {
padding-top: 160px;
width: 460px;
margin-left: 0em; }
body#clarify #header-wrapper.three-tools #clarify-header h1 {
color: white;
font-size: 40px;
line-height: 1.2em;
font-family: 'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 300;
text-shadow: black 1px 1px 2px;
margin-bottom: 10px; }
body#clarify #header-wrapper.three-tools #clarify-header h1 strong {
color: white; }
body#clarify #header-wrapper.three-tools #clarify-header p {
color: white;
font-size: 20px;
text-shadow: black 1px 1px 2px; }
body#clarify #header-wrapper.three-tools #clarify-sub-header {
padding-top: 0em;
position: absolute;
top: 475px;
left: 0; }
body#clarify #header-wrapper.three-tools #clarify-sub-header.single-line h2 {
margin-top: 42px; }
body#clarify #header-wrapper.three-tools #clarify-sub-header h2 {
margin-top: 30px;
padding-top: 0em;
font-weight: normal;
color: #7AC2FD;
font-family: 'Helvetica Neue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight: 300;
text-shadow: black 1px 1px 2px; }
body#clarify #header-wrapper.three-tools #clarify-sub-header h2.white {
color: white; }
body#clarify #header-wrapper.three-tools #clarify-sub-header h2 strong {
color: white;
font-weight: bold; }
body#clarify #header-wrapper.three-tools #clarify-sub-header p {
color: white;
text-shadow: black 1px 1px 2px;
font-size: 15px; }
body#clarify #header-wrapper.three-tools #clarify-download-bar {
margin: 0 auto; }
body#clarify #header-wrapper #clarify-navigation {
width: 491px;
height: 56px;
background: transparent url(/images/clarify/navigation-bevel.png) no-repeat top left;
position: absolute;
right: 0;
top: 0; }
body#clarify #header-wrapper #clarify-navigation ul {
list-style: none; }
body#clarify #header-wrapper #clarify-navigation ul li {
display: inline-block;
padding: 12px 2px; }
body#clarify #header-wrapper #clarify-navigation ul li a {
font-size: 14px;
display: block;
padding: 8px 10px;
text-decoration: none;
color: #B86CC3; }
body#clarify #header-wrapper #clarify-navigation ul li a:hover {
text-decoration: underline; }
body#clarify #header-wrapper #clarify-navigation ul li a:hover {
color: #fff; }
body#clarify #header-wrapper #clarify-navigation ul li.here {
background: url(/images/clarify/navigation-glow.png) no-repeat top center; }
body#clarify #header-wrapper #clarify-navigation ul li.here a {
color: #fff; }
body#clarify #header-wrapper #clarify-navigation ul li#clarify-login {
float: right; }
body#clarify #header-wrapper #clarify-navigation ul li#clarify-login a {
background: transparent url(/images/clarify/login-button.png) no-repeat top left;
width: 61px;
height: 33px;
padding: 0;
line-height: 32px;
text-align: center; }
body#clarify #header-wrapper #clarify-header {
height: 220px;
padding-top: 100px;
width: 873px;
margin: 0 auto; }
body#clarify #header-wrapper #clarify-header .header-text {
top: 100px;
left: 385px;
position: absolute; }
body#clarify #header-wrapper #clarify-header .header-text h1.header {
font-size: 44px;
line-height: 1.4em;
font-weight: bold;
color: #fff; }
body#clarify #header-wrapper #clarify-header .header-text ul li {
color: white;
font-size: 16px; }
body#clarify #header-wrapper #clarify-header img#icon {
z-index: 1000; }
body#clarify #header-wrapper #clarify-download-bar {
height: 98px;
width: 873px;
margin: 0 auto;
position: relative; }
body#clarify #header-wrapper #clarify-download-bar a#download-beta {
margin-top: 25px;
margin-left: 385px; }
body#clarify #header-wrapper #clarify-download-bar a#download, body#clarify #header-wrapper #clarify-download-bar a#app-store {
height: 64px;
display: block;
text-indent: -1000em;
position: absolute;
top: 17px; }
body#clarify #header-wrapper #clarify-download-bar a#download {
width: 237px;
left: 385px;
background: url(/images/clarify/download-now.png) no-repeat; }
body#clarify #header-wrapper #clarify-download-bar a#app-store {
width: 195px;
right: 0px;
background: url(/images/clarify/app-store.png) no-repeat; }
body#clarify #header-wrapper.three-tools #clarify-download-bar {
position: absolute;
bottom: 0;
left: 0px;
height: 80px; }
body#clarify #header-wrapper.three-tools #clarify-download-bar a {
margin-top: 13px;
margin-right: 30px; }
body#clarify #mid * {
font-family: "Helvetica Neue" helvetica, arial, sans-serif; }
body#clarify #mid .container {
width: 873px;
margin: 0 auto; }
body#clarify #mid .section {
width: 873px;
margin: 0 auto;
position: relative;
overflow: visible; }
body#clarify #mid .section p {
font-size: 15px;
line-height: 1.5em; }
body#clarify #mid .section li {
font-size: 15px; }
body#clarify #mid .section h2 {
color: #632D6A;
font-size: 36px;
line-height: 36px; }
body#clarify #mid .section strong {
color: #0F7CC8; }
body#clarify #mid .section.feature h2 {
font-size: 30px;
letter-spacing: -1px; }
body#clarify #mid .section.feature strong {
color: #0F7CC8; }
body#clarify #mid .section .text-block {
padding-left: 44px;
padding-top: 2px; }
body#clarify #mid .section img.screenshot {
position: absolute;
bottom: 0; }
body#clarify #mid .feature-capture, body#clarify #mid .feature-communicate, body#clarify #mid .feature-share {
background: url(/images/clarify/button-line.png) no-repeat center bottom;
padding-bottom: 7px; }
body#clarify #mid .feature-capture img.screenshot, body#clarify #mid .feature-communicate img.screenshot, body#clarify #mid .feature-share img.screenshot {
bottom: 5px; }
body#clarify #mid .feature-capture {
height: 289px; }
body#clarify #mid .feature-capture img.screenshot {
right: -98px; }
body#clarify #mid .feature-capture .container {
position: absolute;
top: 90px;
left: 31px;
width: 388px;
z-index: 100; }
body#clarify #mid .feature-capture .text-block {
background: url(/images/clarify/bullet-1.png) no-repeat 0 2px; }
body#clarify #mid .feature-communicate {
padding-top: 100px;
height: 536px; }
body#clarify #mid .feature-communicate img.screenshot {
left: -118px;
bottom: 3px; }
body#clarify #mid .feature-communicate h2 {
width: 273px; }
body#clarify #mid .feature-communicate .container {
position: absolute;
top: 100px;
left: 528px;
width: 346px; }
body#clarify #mid .feature-communicate .text-block {
background: url(/images/clarify/bullet-2.png) no-repeat 0 2px; }
body#clarify #mid .feature-share {
height: 391px;
margin-top: -4px; }
body#clarify #mid .feature-share img.screenshot {
right: -58px; }
body#clarify #mid .feature-share .container {
position: absolute;
left: 31px;
top: 96px;
z-index: 100;
width: 312px; }
body#clarify #mid .feature-share .text-block {
background: url(/images/clarify/bullet-3.png) no-repeat 0 2px; }
body#clarify #mid .video-overview {
padding: 40px 0 40px; }
body#clarify #mid .video-overview .container {
text-align: center; }
body#clarify #mid .video-overview h2 {
margin-bottom: 30px; }
body#clarify #mid .video-overview .video {
width: 480px;
height: 360px;
border: 1px solid #ccc;
margin: 0 auto; }
body#clarify #footer-wrapper {
background-color: #1a294f;
padding-top: 3em;
border-bottom: 3px solid #0C0F1F; }
body#clarify #footer-wrapper #footer {
overflow: hidden;
display: inline-block;
background: #1a294f url(/images/clarify/footer-full-tile.png) repeat-y center top;
width: 873px;
margin: 0 auto;
padding: 0;
padding-bottom: 30px; }
body#clarify #footer-wrapper #footer {
display: block; }
body#clarify #footer-wrapper #footer .footer-inner-wrapper {
background: transparent url(/images/clarify/footer-full.png) no-repeat center top; }
body#clarify #footer-wrapper #footer .inner {
width: 820px;
margin: 0 auto;
padding: 40px 0 0;
overflow: hidden;
display: inline-block; }
body#clarify #footer-wrapper #footer .inner {
display: block; }
body#clarify #footer-wrapper #footer .inner a {
color: #697EB2;
text-decoration: none; }
body#clarify #footer-wrapper #footer .inner a:hover {
text-decoration: underline; }
body#clarify #footer-wrapper #footer .inner .col {
width: 205px;
float: left; }
body#clarify #footer-wrapper #footer .inner .col ul {
list-style: none;
margin: 0;
padding: 0; }
body#clarify #footer-wrapper #footer .inner .col ul li {
font-size: 13px; }
body#clarify #footer-wrapper #footer .inner .col ul li.header {
color: #ADBEE5;
font-weight: bold;
font-size: 15px; }
body#clarify #footer-wrapper #footer .inner .col ul li.copyright {
margin-top: 10px;
color: #99B0E3;
font-size: 13px; }
body#clarify #footer-wrapper #footer .inner .social a {
font-size: 12px;
display: block;
text-decoration: none; }
body#clarify #footer-wrapper #footer .inner .social a:hover {
text-decoration: underline; }
body#clarify #footer-wrapper #footer .inner .social a.twitter {
background: url(/images/clarify/twitter.png) no-repeat;
width: 82px; }
body#clarify #footer-wrapper #footer .inner .social a.facebook {
background: url(/images/clarify/facebook.png) no-repeat;
width: 98px; }
body#clarify #footer-wrapper #footer .inner .social a.twitter, body#clarify #footer-wrapper #footer .inner .social a.facebook {
height: 34px;
text-indent: -1000em; }
body#clarify #header-wrapper a#product {
position: absolute;
top: 54px;
left: 0;
text-decoration: none;
font-size: 30px;
display: block;
width: 270px;
height: 75px;
background: url('/images/clarify/clarify-nav-bar-logo.png') no-repeat top left;
text-indent: -1000px; }
body#clarify #sidebar {
border: 1px solid #ccc;
-moz-box-shadow: 0 3px 5px #D1D1D1;
-webkit-box-shadow: 0 3px 5px #D1D1D1;
box-shadow: 0 3px 5px #D1D1D1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 10px 15px; }
body#clarify #sidebar h3 {
font-size: 18px;
padding-left: 0; }
body#clarify #sidebar p, body#clarify #sidebar li, body#clarify #sidebar a, body#clarify #sidebar span {
font-size: 12px; }
body#clarify #sidebar-quotes {
margin-top: 30px;
border: 1px solid #ccc;
-moz-box-shadow: 0 3px 5px #D1D1D1;
-webkit-box-shadow: 0 3px 5px #D1D1D1;
box-shadow: 0 3px 5px #D1D1D1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 10px 15px;
background-color: #3EB8F6;
background-color: #D0E1FC;
overflow: hidden;
display: inline-block; }
body#clarify #sidebar-quotes {
display: block; }
body#clarify #sidebar-quotes h2 {
color: #FFFFFF; }
body#clarify #sidebar-quotes p, body#clarify #sidebar-quotes span {
color: #FFFFFFs;
font-size: 13px; }
body#clarify #sidebar-quotes .clarify-quote {
margin: 20px 0; }
body#clarify #sidebar-quotes .clarify-quote p:before {
content: "\201C"; }
body#clarify #sidebar-quotes .clarify-quote p:after {
content: "\201D"; }
body#clarify #sidebar-quotes .left, body#clarify #sidebar-quotes .right, body#clarify #sidebar-quotes .center {
width: auto; }
body#clarify #sidebar-quotes .photo {
float: right;
margin: 0 0 10px 10px;
padding: 3px;
background-color: #fff;
border: 1px solid #ccc; }
body#clarify #clarify-notification.email-form {
margin-bottom: 30px; }
body#clarify #clarify-notification.email-form .input-prompt {
font-size: 18px;
font-weight: bold;
color: #88864E;
padding: 10px; }
body#clarify #clarify-notification.email-form p, body#clarify #clarify-notification.email-form p strong {
font-size: 18px; }
body#clarify #clarify-notification.email-form p {
margin-bottom: 0px;
text-align: left; }
body#clarify #clarify-notification.email-form label {
display: none; }
body#clarify #clarify-notification.email-form form {
display: inline-block; }
body#clarify #clarify-notification.email-form input[type=text] {
font-size: 18px;
padding: 9px 10px;
width: 296px;
margin: 0;
margin-right: 7px;
background-color: #FFFEAD; }
body#clarify #clarify-notification.email-form input[type=text]:focus {
background-color: #fff; }
body#clarify #clarify-notification.email-form input[type=submit] {
display: none; }
body#clarify #clarify-notification.email-form a.awesome {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
font-size: 18px;
top: -2px; }
body#clarify .video {
margin-bottom: 1.5em; }
body#clarify .styled-headings h2 {
margin-top: 2em;
font-weight: bold;
border-bottom: 1px solid #ccc; }
body#clarify ul.checks {
list-style: none; }
body#clarify ul.checks li {
padding-left: 30px;
background: url(/images/light-check.png) no-repeat top left; }
body#clarify #mid.long-letter h1 {
color: #124FF2;
font-weight: bold;
margin: 40px 0; }
body#clarify #mid.long-letter .caps {
color: inherit; }
body#clarify #mid.long-letter h2 {
text-indent: 0;
font-weight: bold;
line-height: 1.3em; }
body#clarify #mid.long-letter #target-audience {
overflow: hidden;
display: inline-block; }
body#clarify #mid.long-letter #target-audience {
display: block; }
body#clarify #mid.long-letter #target-audience ul {
float: left;
width: 380px;
margin: 20px 0px 20px 40px; }
body#clarify #mid.long-letter #target-audience ul li {
margin-bottom: 15px; }
body#clarify #mid.long-letter ul.marketing-steps {
list-style: none;
margin: 20px 0; }
body#clarify #mid.long-letter ul.marketing-steps li {
margin-bottom: 20px; }
body#clarify #mid.long-letter ul.marketing-steps strong {
color: #C00000; }
body#clarify #mid.long-letter ul.marketing-steps ul {
margin-top: 15px;
list-style: none; }
body#clarify #mid.long-letter ul.marketing-steps ul li {
padding-left: 30px;
background: url(/images/light-check.png) no-repeat top left; }
body#clarify #mid.long-letter ul.marketing-steps ul li strong {
color: #414141; }
body#clarify #mid.long-letter .two-column {
overflow: hidden;
display: inline-block; }
body#clarify #mid.long-letter .two-column {
display: block; }
body#clarify #mid.long-letter .two-column .col1, body#clarify #mid.long-letter .two-column .col2 {
margin-top: 30px;
margin-bottom: 40px;
width: 430px;
float: left; }
body#clarify #mid.long-letter .two-column .col1 .inside {
padding-right: 30px; }
body#clarify #mid.long-letter .two-column .col2 {
border-left: 1px solid #414141; }
body#clarify #mid.long-letter .two-column .col2 .inside {
padding-left: 30px; }
body#clarify #mid.long-letter .two-column ul {
margin-left: 0; }
body#clarify #mid.long-letter .two-column ul li {
margin-bottom: 15px; }
body#clarify #mid.long-letter .highlight-box {
width: 620px;
margin: 30px auto;
border: 1px solid #FFC410;
background-color: #FFFFBD; }
body#clarify #mid.long-letter .highlight-box .inside {
padding: 20px 10px; }
body#clarify #mid.long-letter .highlight-box .inside strong {
color: #414141; }
body#clarify #mid.long-letter .divider {
background: url(/images/clarify/button-line.png) no-repeat center bottom; }
body#clarify #mid.long-letter .text-block h2 {
text-indent: -1000em; }
body#clarify #footer-wrapper .clarify-quotes {
width: 870px;
margin: 0 auto 30px; }
body#clarify #footer-wrapper .quote-row {
overflow: hidden;
display: inline-block; }
body#clarify #footer-wrapper .quote-row {
display: block; }
body#clarify #footer-wrapper .quote-row + .quote-row {
margin-top: 40px; }
body#clarify #footer-wrapper .clarify-quote {
margin-right: 0;
background: url(/images/clarify/quote.png) no-repeat top left;
width: 393px;
height: 145px;
position: relative; }
body#clarify #footer-wrapper .clarify-quote.large-quote {
background: url(/images/clarify/large-quote.png) no-repeat top left;
width: 393px;
height: 185px; }
body#clarify #footer-wrapper .clarify-quote.right {
float: right; }
body#clarify #footer-wrapper .clarify-quote.left {
float: left; }
body#clarify #footer-wrapper .clarify-quote.center {
margin: 0 auto; }
body#clarify #footer-wrapper .clarify-quote .inner {
padding: 10px 10px 0 10px; }
body#clarify #footer-wrapper .clarify-quote .photo {
width: 54px;
height: 54px;
border: 1px solid #ccc;
position: absolute;
bottom: 0;
right: 50px; }
body#clarify #footer-wrapper .clarify-quote .photo img {
padding: 3px;
background-color: #FFFFFD; }
body#clarify #footer-wrapper .clarify-quote p {
color: #FFFFFD;
font-style: italic;
line-height: 1.7em; }
body#clarify #footer-wrapper .clarify-quote .attribution {
position: absolute;
bottom: 15px;
text-align: right;
left: 285px; }
body#clarify #footer-wrapper .clarify-quote .attribution.twitter {
right: 150px;
left: auto; }
body#clarify #footer-wrapper .clarify-quote .attribution span {
color: #FFFFFD; }
body#clarify .clarify-steps h2 {
font-family: inherit; }
body#clarify .clarify-steps .instructions {
margin: 20px 0; }
body.minimal {
background: #E9E9E9; }
body.minimal #minimal-wrapper {
text-align: center;
margin: 0px auto; }
.bordered {
border: 3px solid #ccc; }
.centered-div {
margin-left: auto;
margin-right: auto; }
table.clarify {
border-bottom: 1px solid #ccc;
border-collapse: collapse; }
table.clarify a, table.clarify a:visited {
color: #1A51C6 !important; }
table.clarify th {
background-color: #313131;
color: #fff;
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
padding: 15px 10px;
font-size: 18px; }
table.clarify td {
padding: 10px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
text-align: center; }
table.clarify td.feature, table.clarify th.feature {
text-align: left; }
table.clarify td.feature {
background-color: #e6e6e6; }
table.clarify tr.header td {
background-color: #D4C1DE;
color: #632D6A;
font-weight: bold; }
table.clarify tr.footer {
border-top: 1px solid #ccc; }
table.clarify tr.header td, table.clarify tr.explanation td {
text-align: left;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc; }
table.clarify tr.explanation td {
background-color: #FFFBC2; }
#clarify-banner {
background-color: #F57B00;
-moz-box-shadow: 0px 15px 15px #e6e6e6;
-webkit-box-shadow: 0px 15px 15px #e6e6e6;
box-shadow: 0px 15px 15px #e6e6e6;
border-bottom: 1px solid #C05100; }
#clarify-banner .container {
text-align: right;
padding: 15px;
padding-right: 124px;
color: white;
text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
font-weight: bold;
font-size: 18px; }
#clarify-banner .container a {
text-decoration: underline;
color: white; }
#clarify-banner .container a:hover {
color: yellow; }
#clarify-front-page-video {
text-align: center;
padding: 40px 0; }
#clarify-front-page-video h3 {
font-weight: bold;
font-size: 24px;
color: #632D6A; }
form.batchbook-form input[type="text"] {
width: 20em; }
form.batchbook-form textarea {
height: 5em; }
body#clarify #mid .call-out {
float: right;
padding: 15px;
border: 1px solid #ccc;
font-size: 125%;
width: 300px;
margin: 0 0 15px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #e6e6e6; }
body#clarify #mid .call-out strong {
color: #632D6A; }
body#clarify #mid .inline-quote {
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #e6e6e6;
padding: 15px;
margin: 20px 0px 20px 0; }
body#clarify #mid .inline-quote strong {
color: #632D6A;
font-size: 125%; }
body#clarify #mid .large {
font-size: 125%; }
body#clarify #mid .purple {
color: #632D6A; }
#content.resource-page .video-link {
margin-bottom: 10px; }
#content.resource-page .video-link span.caption {
color: #333;
display: block;
text-align: center;
margin-top: 3px;
font-size: 12px; }
#content.resource-page h2 {
margin-top: 10px; }
#content.resource-page .right .video-link {
margin-bottom: 15px; }