/* RESET THE CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; }
table { border-collapse:separate; border-spacing:0pt; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
strong { font-weight:bold; }
em { font-style:italic; }
* { margin:0pt; padding:0pt; }
/*********************************************************************************************************************/
/* WRAPS THE ENTIRE PAGE */
html { font-family: Arial, Helvetica, sans-serif; }
html#html-home { background: #CBCED1 url(../images/build/bg.jpg) repeat-x; height: 100%; }
html#html-other { background: #CBCED1 url(../images/build/bg-other.jpg) repeat-x; height: 100%; }
body#home { background: url(../images/build/bg-home-flash.jpg) no-repeat center 86px; height: 100%; }
body#other { background: url(../images/build/bg-other-banner.jpg) no-repeat center 86px; height: 100%; }
#wrapper { width: 964px; margin: 0 auto; }
/*********************************************************************************************************************/
/* TEXT FORMATTING */
h1 { color: #356CAF; font-size: 1.3em; line-height: 1.2em; padding: 0px 0px 3px 0px; font-style: italic; font-weight: bold; }
h2 { color: #699605; font-size: 1em; line-height: 2em; padding: 0px 0px 0px 0px; }
h3 { color: #356CAF; font-size: .9em; line-height: 2em; padding: 0px 0px 0px 0px; font-weight: bold; font-style: italic; }
p { color: #6C696C; font-size: .8em; line-height: 1.4em; padding-bottom: 12px; }
.bold { font-weight: bold; }
a { color: #356CAF; text-decoration: none; cursor: pointer; }
a:hover { color: #558BE0; }
.text-cont ul { font-size: .8em; color: #6C696C; }
ul { color: #6C696C; }
/* FEEDBURNER FORMATTING */
.feedburnerFeedBlock ul { list-style: none; padding: 0px; }
.headline { color: #356CAF; font-size: 1.3em; line-height: 1.2em; padding: 0px 0px 3px 0px; font-style: italic; font-weight: bold; }
.date { float: right; }
.feedburnerFeedBlock ul li div { padding: 15px 0px 15px; font-size: 14px; line-height: 22px; }
#creditfooter { display: none; }
/*********************************************************************************************************************/
/* HEADER STYLE */
#header { float: left; width: 964px; height: 87px; }
#logo a { background: url(/en/images/build/logo-binary-canary.png) no-repeat; float: left; width: 350px; height: 60px; margin: 16px 0px 0px 0px; }
#top-main-nav-cont { float: right; width: 550px; }
#main-nav-cont { float: right; width: 550px; }
/*********************************************************************************************************************/
/* TOP MAIN NAVIGATION */
ul#top-main-nav { float: right; list-style: none; height: 20px; margin: 10px 3px 0px 0px; }
ul#top-main-nav li { float: left; height: 20px; margin-left: 5px; }
ul#top-main-nav li a { display: block; height: 20px; }
ul#top-main-nav li.active a { height: 20px; }
/* STRUCTURE */
ul#top-main-nav li#login { background: url(../images/nav/nav-login.png) no-repeat; width: 43px; }
ul#top-main-nav li#api { background: url(../images/nav/nav-api.png) no-repeat; width: 29px; }
ul#top-main-nav li#faq { background: url(../images/nav/nav-faq.png) no-repeat; width: 34px; }
ul#top-main-nav li#blog { background: url(../images/nav/nav-blog.png) no-repeat; width: 35px; }
ul#top-main-nav li#help { background: url(../images/nav/nav-help.png) no-repeat; width: 35px; }
ul#top-main-nav li#live-help { width: 79px; }
/* LINKS */
ul#top-main-nav li#login a { background: url(../images/nav/nav-login.png) no-repeat; width: 43px; }
ul#top-main-nav li#api a { background: url(../images/nav/nav-api.png) no-repeat; width: 29px; }
ul#top-main-nav li#faq a { background: url(../images/nav/nav-faq.png) no-repeat; width: 34px; }
ul#top-main-nav li#blog a { background: url(../images/nav/nav-blog.png) no-repeat; width: 35px; }
ul#top-main-nav li#help a { background: url(../images/nav/nav-help.png) no-repeat; width: 35px; }
ul#top-main-nav li#live-help a { width: 79px; }
/* HOVERS */
ul#top-main-nav li#login a:hover { background: url(../images/nav/nav-login-over.png) no-repeat; width: 43px; }
ul#top-main-nav li#api a:hover { background: url(../images/nav/nav-api-over.png) no-repeat; width: 29px; }
ul#top-main-nav li#faq a:hover { background: url(../images/nav/nav-faq-over.png) no-repeat; width: 34px; }
ul#top-main-nav li#blog a:hover { background: url(../images/nav/nav-blog-over.png) no-repeat; width: 35px; }
ul#top-main-nav li#help a:hover { background: url(../images/nav/nav-help-over.png) no-repeat; width: 35px; }
ul#top-main-nav li#live-help a:hover { background: url(../images/nav/nav-live-help-over.png) no-repeat; width: 79px; }
/* ACTIVE */
ul#top-main-nav li#login.active a { background: url(../images/nav/nav-login-active.png) no-repeat; width: 43px; }
ul#top-main-nav li#api.active a { background: url(../images/nav/nav-api-active.png) no-repeat; width: 29px; }
ul#top-main-nav li#faq.active a { background: url(../images/nav/nav-faq-active.png) no-repeat; width: 34px; }
ul#top-main-nav li#blog.active a { background: url(../images/nav/nav-blog-active.png) no-repeat; width: 35px; }
ul#top-main-nav li#help.active a { background: url(../images/nav/nav-help-active.png) no-repeat; width: 35px; }
ul#top-main-nav li#live-help.active a { background: url(../images/nav/nav-live-help-active.png) no-repeat; width: 79px; }
ul#top-main-nav li#live-help-inactive { background: url(../images/nav/nav-live-help-inactive.png) no-repeat; width: 60px; }
/*********************************************************************************************************************/
/* MAIN NAVIGATION */
ul#main-nav { float: right; list-style: none; height: 29px; margin: 10px 0px 0px 0px; }
ul#main-nav li { float: left; height: 29px; margin-left: 5px; }
ul#main-nav li a { display: block; height: 29px; }
ul#main-nav li.active a { height: 29px; }
/* STRUCTURE */
ul#main-nav li#our-network { background: url(../images/nav/nav-our-network.png) no-repeat; width: 107px; }
ul#main-nav li#feature-tour { background: url(../images/nav/nav-feature-tour.png) no-repeat; width: 103px; }
ul#main-nav li#pricing { background: url(../images/nav/nav-pricing.png) no-repeat; width: 66px; }
ul#main-nav li#signup { background: url(../images/nav/nav-signup.png) no-repeat; width: 71px; }
ul#main-nav li#contact-us { background: url(../images/nav/nav-contact-us.png) no-repeat; width: 90px; }
/* LINKS */
ul#main-nav li#our-network a { background: url(../images/nav/nav-our-network.png) no-repeat; width: 107px; }
ul#main-nav li#feature-tour a { background: url(../images/nav/nav-feature-tour.png) no-repeat; width: 103px; }
ul#main-nav li#pricing a { background: url(../images/nav/nav-pricing.png) no-repeat; width: 66px; }
ul#main-nav li#signup a { background: url(../images/nav/nav-signup.png) no-repeat; width: 71px; }
ul#main-nav li#contact-us a { background: url(../images/nav/nav-contact-us.png) no-repeat; width: 90px; }
/* HOVERS */
ul#main-nav li#our-network a:hover { background: url(../images/nav/nav-our-network-over.png) no-repeat; }
ul#main-nav li#feature-tour a:hover { background: url(../images/nav/nav-feature-tour-over.png) no-repeat; }
ul#main-nav li#pricing a:hover { background: url(../images/nav/nav-pricing-over.png) no-repeat; }
ul#main-nav li#signup a:hover { background: url(../images/nav/nav-signup-over.png) no-repeat; }
ul#main-nav li#contact-us a:hover { background: url(../images/nav/nav-contact-us-over.png) no-repeat; }
/* ACTIVE */
ul#main-nav li#our-network.active a { background: url(../images/nav/nav-our-network-active.png) no-repeat; }
ul#main-nav li#feature-tour.active a { background: url(../images/nav/nav-feature-tour-active.png) no-repeat; }
ul#main-nav li#pricing.active a { background: url(../images/nav/nav-pricing-active.png) no-repeat; }
ul#main-nav li#signup.active a { background: url(../images/nav/nav-signup-active.png) no-repeat; }
ul#main-nav li#contact-us.active a { background: url(../images/nav/nav-contact-us-active.png) no-repeat; }
/*********************************************************************************************************************/
/* HOME SECTION & FLASH CONTAINER */
#home-sect { float: left; width: 964px; height: 276px; }
#flash { float: left; width: 504px; }
#maximize { float: left; width: 338px; height: 44px; margin: 90px 0px 0px 25px; }
#one-minute { float: left; width: 415px; height: 37px; margin: 14px 0px 0px 25px; }
ul#home-sect-buttons { float: left; width: 410px; list-style: none; margin: 20px 0px 0px 25px; }
ul#home-sect-buttons li { float: left; width: 195px; height: 45px; margin-right: 10px; }
ul#home-sect-buttons li a { float: left; width: 195px; height: 45px; }
ul#home-sect-buttons li#free-account a { background: url(../images/build/but-free-account.png) no-repeat; }
ul#home-sect-buttons li#learn-more a { background: url(../images/build/but-learn-more.png) no-repeat; }
#slide-display { float: right; width: 440px; padding-top: 20px; margin-top: 8px; }
#slide-browser { background: url(../images/build/ss-browser.png) no-repeat; float: left; width: 405px; height: 23px; margin-left: 28px; }
#screen { float: left; width: 364px; height: 233px; }
.slide-screen { float: left; width: 364px; height: 233px; }
#left-slide { background: url(../images/build/ss-left.png) no-repeat; float: left; width: 34px; height: 233px; }
#right-slide { background: url(../images/build/ss-right.png) no-repeat; float: left; width: 34px; height: 233px; }
#left-slide:hover { background: url(../images/build/ss-left-over.png) no-repeat; float: left; width: 34px; height: 233px; }
#right-slide:hover { background: url(../images/build/ss-right-over.png) no-repeat; float: left; width: 34px; height: 233px; }
#mySlides { float: left; width: 364px; height: 233px; }
#jFlowSlide { float: left; width: 364px; height: 233px; }
#myController span { display: none; }
.jFlowPrev, .jFlowNext{ cursor: pointer; }
/*********************************************************************************************************************/
/* BANNER BLOCKS (GREEN AND BLUE) */
#banner { float: left; width: 964px; }
#banner-other { float: left; width: 964px; margin: 60px 0px 0px 0px; }
#banner-left { float: left; width: 540px; height: 72px; }
#banner-right { float: left; width: 424px; height: 72px; }
#banner-left.blank { background: url(../images/build/banner-left.png) no-repeat; text-align: left; }
#banner-right.blank { background: url(../images/build/banner-right.png) no-repeat; text-align: right; }
#banner-left.blank h1, #banner-right.blank h1 { font-size: 30px; color: #ffffff; font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-weight: bold; padding: 23px 30px 0px 30px; }
#banner-left.blank h1 a { color: #E7F2DD; text-decoration: none; }
#banner-right.blank h1 a { color: #DDEBF2; text-decoration: none; }
#banner-right.blank h1.sm-title { font-size: 26px; padding-top: 28px; }
#banner-left.blank h1 a:hover, #banner-right.blank h1 a:hover { color: #ffffff; }
#banner-left.blank h1 sup, #banner-right.blank h1 sup { font-size: 20px; font-weight: normal; }
#png-arrow { padding-left: 7px; }
/*********************************************************************************************************************/
/* SITE CHECK STYLES */
#site-check { background: url(../images/build/site-check-bg.jpg) repeat-x; float: left; width: 944px; height: 57px; padding: 0px 0px 15px 0px; }
#site-check-objects { float: left; width: 241px; height: 57px; }
#site-check-title { float: left; width: 241px; padding: 10px 0px 0px 30px; font-size: 18px; line-height: 18px; font-weight: bold; font-style: italic; color: #ffffff; }
#find-out { color: #fae8c0; font-style: italic; }
#title-site-url { float: left; width: 54px; height: 19px; margin: 25px 0px 0px 20px; }
#site-check-input { float: left; margin: 11px 0px 0px 4px; }
input#input-site-check { height: 36px; width: 390px; float: left; border: none; background: url(../images/build/site-check-input.jpg) no-repeat; overflow: hidden; color: #666666; font-size: 20px; padding: 5px 14px 0px 4px; }
*:first-child+html input#input-site-check { background: #ffffff; height: 30px; padding: 5px 5px 0 4px; }
input#site-check-button { background: url(../images/build/site-check-button.jpg) no-repeat; float: left; width: 129px; height: 35px; border: none; margin: 12px 0px 0px 15px; cursor: pointer; }
/*********************************************************************************************************************/
/* CONTAINER STYLES */
#content-wrapper { background: url(../images/build/bg-content.jpg) repeat-y; float: left; width: 964px; }
#content-wrapper-column { background: url(../images/build/bg-content-column.jpg) repeat-y; float: left; width: 964px; }
#content { float: left; width: 944px; margin-left: 10px; }
.text-cont { float: left; padding: 20px; }
.text-cont-top { float: left; padding: 0px 20px 20px 20px; }
.text-cont-bottom { float: left; padding: 0px 20px 0px 20px; }
/*********************************************************************************************************************/
/* HOME CONTENT STYLES */
#home-left { float: left; width: 718px; }
#home-right { float: left; width: 206px; padding: 0px 0px 0px 20px; }
#top-left-cont { float: left; width: 718px; }
#left-bottom-cont { float: left; width: 718px; }
/*********************************************************************************************************************/
/* HOME ICON STYLES */
ul.fts { float: left; list-style: none; margin: 0px 0px 0px 15px; }
li.ft { float: left; width: 290px; padding: 20px 10px 20px 10px; }
.ft-left { float: left; width: 87px; }
.icon { float: left; width: 87px; height: 73px; }
.ft-title { padding-bottom: 6px; }
.ft-right { float: left; width: 195px; padding: 5px 0px 0px 5px; }
#content .ft-right h1 a { float: left; width: 230px; color: #497FCE; font-size: 1.1em; font-weight: 600; font-style: italic; padding: 7px 0px 0px 0px; text-decoration: none; }
.ft-right p { float: left; width: 180px; padding-bottom: 0px; }
.ft-right .click-arrow { float: right; padding-right: 30px; }
/*********************************************************************************************************************/
/* HOME BOTTOM LEFT TITLE & SECTION STYLES */
#left-bottom-titles { background: url(../images/build/bg-line.jpg) no-repeat 25px 25px; float: left; width: 688px; padding: 10px 15px 0px 15px; }
#title-from-blog { float: left; width: 330px; height: 32px; padding: 0px 0px 0px 25px; }
#title-trusted-by { float: left; width: 330px; height: 32px; }
#from-blog-cont { float: left; width: 328px; padding: 10px 10px 10px 7px; }
#br { background: url(../images/build/bg-blog.jpg) no-repeat; float: left; width: 240px; height: 234px; padding: 40px 40px 40px 47px; }
#blog-read-more { float: left; width: 107px; height: 27px; padding: 16px 0px 0px 10px; }
#trusted-by-cont { float: left; width: 355px; height: 300px; padding: 20px 0px 20px 10px; }
ul.trusted-by-logos { float: left; width: 355px; list-style: none; }
ul.trusted-by-logos li { float: left; width: 75px; height: 40px; vertical-align: middle; margin: 20px; }
ul.trusted-by-logos li a { float: left; width: 75px; height: 40px; }
ul.trusted-by-logos li.modern-earth { background: url(../images/build/trust-modern-earth.png) no-repeat; }
ul.trusted-by-logos li.modern-earth a { background: url(../images/build/trust-modern-earth.png) no-repeat; }
ul.trusted-by-logos li.modern-earth a:hover { background: url(../images/build/trust-modern-earth-over.png) no-repeat; }
#clients-world-map { float: left; width: 355px; }
#thousands-of-clients { float: right; width: 223px; height: 27px; padding: 20px 0px 0px 0px; }
#network-world { float: left; width: 335px; padding: 20px 0px 0px 20px; }
.nww-img { padding-left: 10px; }
#five-star-rating { background: url(../images/build/binary-canary-five-stars.jpg) no-repeat; float: left; width: 202px; height: 43px; margin-top: 5px; padding: 12px 100px 0px 13px; font-size: 14px; }
/*********************************************************************************************************************/
/* ADS ON RIGHT SIDE OF HOME PAGE */
.ad { float: left; width: 195px; padding-left: 5px; }
#ad-one-top { float: left; width: 186px; height: 223px; }
#ad-one-bottom { background: url(../images/build/ad-bottom.jpg) no-repeat; float: left; width: 159px; height: 56px; padding: 7px 0px 0px 27px; }
#ad-website-credibility { background: url(../images/build/ad-website-credibility.jpg) no-repeat; float: left; width: 187px; height: 367px; padding-bottom: 10px; }
#credibility { padding: 205px 10px 0px 10px; font-size: 16px; line-height: 22px; color: #2A69B5; font-style: italic; }
#does-yours { padding: 10px 10px 0px 10px; font-size: 24px; color: #2A69B5; font-style: italic; font-weight: bold; text-align: center; }
#see-our { padding: 10px 20px 0px 20px; font-size: 12px; color: #2A69B5; text-align: center; }
ul#action-buttons { float: left; width: 189px; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; }
ul#action-buttons li { float: left; width: 189px; height: 40px; padding-bottom: 9px; }
ul#action-buttons li a { float: left; width: 199px; height: 40px; }
ul#action-buttons li#free-account-side a { background: url(../images/build/but-free-account.png) no-repeat; }
ul#action-buttons li#learn-more-side a { background: url(../images/build/but-learn-more.png) no-repeat; }
ul#action-buttons li#compare-competitors-side a { background: url(../images/build/but-compare-competitors.png) no-repeat; }
ul#action-buttons li#compare-plans-side a { background: url(../images/build/but-compare-plans.png) no-repeat; }
/*********************************************************************************************************************/
/* CONTENT PAGES STYLES */
/* CONTENT PAGES CONTAINERS */
#content-left { float: right; width: 718px; }
#content-right { float: right; width: 226px; }
/*********************************************************************************************************************/
/* PERFORMANCE REPORT */
#data-summary { float: left; width: 210px; }
#data-summary p { padding-bottom: 5px; }
.data-block { float: left; width: 210px; padding: 10px 0px 10px 0px; border-bottom: solid 1px #CCCCCC; }
#data-table { float: left; width: 666px; padding-left: 20px; }
/*********************************************************************************************************************/
/* DATA HEADER AND TITLES REUSEABLE */
.data-header { background: #EAEAEA; float: left; width: 664px; padding: 0px; margin: 0px; border: solid 1px #898989; border-collapse: collapse; }
.data-header th { float: left; font-weight: bold; color: #424242; padding: 10px 0px 3px 0px; text-align: left; border-left: solid 1px #898989; }
.data-header th#no-border, .data-header td#no-border { border: 0px; }
/*********************************************************************************************************************/
/* DATA BODY AND CONTENT REUSEABLE */
.data-body { float: left; width: 666px; padding: 0px; margin: 4px 0px 0px 0px; font-size: .8em; border-collapse: collapse; }
.data-body td { float: left; color: #424242; padding: 8px 0px 6px 0px; text-align: left; }
.data-body a { color: #1E5A96; text-decoration: none; }
.data-body a:hover { color: #666666; }
.title-sm { font-size: .7em; font-weight: bold; }
.title-med { font-size: .8em; }
.title-lg { font-size: .9em; }
.title-xlg { font-size: .95em; }
/*********************************************************************************************************************/
/* DASHBOARD HEADER */
th.dash-day { width: 120px; padding: 12px 0px 3px 10px; text-align: left; }
th.dash-fa { width: 165px; padding: 12px 0px 7px 8px; text-align: left; }
th.dash-dd { width: 325px; padding: 12px 0px 7px 8px; text-align: left; }
/* DASHBOARD BODY */
td.dash-day { width: 120px; padding: 12px 0px 3px 10px; text-align: left; font-weight: bold; }
td.dash-fa { width: 165px; padding: 14px 0px 12px 8px; text-align: left; border-left: solid 1px #898989; }
td.dash-dd { width: 325px; padding: 14px 0px 12px 8px; text-align: left; }
td.dash-fa, td.dash-dd { padding-top: 10px; font-weight: bold; color: #336EB5; }
.failure-amounts { float: left; }
.failure-amounts p, .failure-duration p { float: left; color: #336EB5; padding: 10px 0px 0px 15px; }
.failure-amonuts p a, .failure-duration p a { color: #336EB5; }
.failure-duration { float: left; }
.blue { color: #336EB5; }
.green { color: #77A007; }
.yellow { color:#CCCC33; }
.red { color: #DD370B; }
/*********************************************************************************************************************/
/* CONTENT SUB NAVIGATION */
ul.sub-nav { float: left; width: 226px; list-style: none; padding: 15px 0px 25px 0px; }
ul.sub-nav li { float: right; width: 216px; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px; font-weight: bold; text-align: right; }
ul.sub-nav li a { float: right; color: #497FCE; font-size: .8em; width: 206px; padding: 10px 10px 8px 0px; text-decoration: none; }
.nav-icon { padding: 0px 3px 2px 3px; vertical-align: middle; }
ul.sub-nav li a:hover { background: #F2F2F2; width: 204px; border-left: solid 1px #DDDDDD; }
ul.sub-nav li a.active { background: #ffffff; color: #558BE0; width: 206px; border-left: 0px; }
h3.right-title { padding: 0px 0px 0px 15px; }
ul.sub-nav-tabs { float: left; width: 226px; list-style: none; padding: 15px 0px 25px 0px; }
ul.sub-nav-tabs li { float: right; width: 216px; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px; font-weight: bold; text-align: right; }
ul.sub-nav-tabs li a { float: right; color: #497FCE; font-size: .8em; width: 206px; padding: 10px 10px 8px 0px; text-decoration: none; }
.nav-icon { padding: 0px 3px 2px 3px; vertical-align: middle; }
ul.sub-nav-tabs li a:hover { background: #F2F2F2; width: 204px; border-left: solid 1px #DDDDDD; }
ul.sub-nav-tabs li a.active { background: #ffffff; color: #558BE0; width: 206px; border-left: 0px; }
.blog-entry { float: left; width: 638px; padding: 0px 30px 25px 0px; }
.blog-body { color: #666666; font-size: .8em; padding-bottom: 6px; line-height: 20px; }
/*********************************************************************************************************************/
/* CONTENT ONLY STYLES (FAQ) */
.faq-title { background: url(../images/build/bg-faq-title.jpg) no-repeat; float: left; width: 718px; }
.faq-icon-title { float: left; width: 678px; }
.faq-icon-title-img { float: left; width: 85px; height: 73px; padding: 18px 15px 7px 42px; }
.faq-icon-title h1 { padding: 40px 0px 0px 0px; }
.tab-cont { width: 628px; }
.tab-cont h2 { padding: 0px 0px 0px 5px; border-bottom: solid 1px #BCBCBC; margin-bottom: 8px; }
.tab-cont p { padding: 0px 25px 20px 15px; }
/*********************************************************************************************************************/
/* CONTENT TITLES STYLES */
#content-bg { background: url(../images/build/bg-our-network.jpg) no-repeat; float: left; width: 944px; height: 356px; }
#content-title { background: url(../images/build/bg-content-title.jpg) repeat-x; float: left; width: 944px; height: 49px; }
#content-title h1 { padding: 14px 15px 0px 15px; color: #ffffff; }
#content-title h1 a { color: #ffffff; }
#content-title h1 a:hover { color: #fae8c0; }
.mini-title { font-size: 16px; padding-left: 10px; }
#content-titles { background: url(../images/build/arrow-content.jpg) no-repeat 0px 15px; float: left; width: 884px; padding: 0px 0px 0px 0px; }
#title-reliable-monitoring { float: left; width: 434px; height: 32px; padding: 0px 0px 0px 15px; }
#title-no-false-alarms { float: left; width: 435px; height: 32px; }
#title-affiliate-program { float: left; width: 434px; height: 32px; padding: 0px 0px 0px 15px; }
#title-earning-potential { float: left; width: 435px; height: 32px; }
#title-free-account { float: left; width: 434px; height: 32px; padding: 0px 0px 0px 15px; }
#title-full-featured-plans { float: left; width: 435px; height: 32px; }
.column-cont { float: left; width: 884px; }
.content-column { float: left; width: 412px; padding: 15px 20px 15px 10px; }
.column-icon { float: left; width: 87px; padding-right: 10px; }
.column-text { float: left; width: 290px; }
/*********************************************************************************************************************/
/* FORM STYLES */
.form-cont { float: left; width: 646px; padding: 10px 0px 0px 20px; }
.form-line { float: left; width: 636px; font-size: .75em; color: #666666; padding-bottom: 25px; }
.data-line { float: left; }
label { float: left; width: 100px; }
.data-line label { float: left; width: 60px; }
.input-text { float: left; width: 170px; margin-right: 40px; color: #666666; }
.input-text-2 { float: left; width: 170px; margin-right: 40px; color: #666666; }
#http-protocol-select { float: left; width: 75px; }
.input-radio { float: left; width: 20px; color: #666666; }
.label-radio { width: 80px; }
.input-check { float: left; width: 20px; color: #666666; }
*:first-child+html .input-radio, *:first-child+html .input-check { margin-top: -3px; }
.select { float: left; width: 170px; margin-right: 40px; color: #666666; }
.textarea { float: left; font-family: Arial, Helvetica, sans-serif; }
select { color: #666666; }
/*********************************************************************************************************************/
/* FEATURE TOUR STYLES */
#content-left ul.page-nav { float: left; width: 674px; list-style: none; padding: 0px; margin: 20px 0px 0px 0px; }
ul.page-nav li.prev { background: url(../images/build/feature-prev.jpg) no-repeat; float: left; width: 77px; height: 25px; }
ul.page-nav li.prev a { background: url(../images/build/feature-prev.jpg) no-repeat; float: left; width: 77px; height: 25px; }
ul.page-nav li.prev a:hover { background: url(../images/build/feature-prev-over.jpg) no-repeat; }
ul.page-nav li.prev a.inactive { background: url(../images/build/feature-prev-inactive.jpg) no-repeat; cursor: default; }
ul.page-nav li.next { background: url(../images/build/feature-next.jpg) no-repeat; float: right; width: 77px; height: 25px; }
ul.page-nav li.next a { background: url(../images/build/feature-next.jpg) no-repeat; float: right; width: 77px; height: 25px; }
ul.page-nav li.next a:hover { background: url(../images/build/feature-next-over.jpg) no-repeat; }
ul.page-nav li.next a.inactive { background: url(../images/build/feature-next-inactive.jpg) no-repeat; cursor: default; }
/*********************************************************************************************************************/
/* FEATURE TOUR CONTENT STYLES */
.bg-feature { background: url(../images/build/bg-feature-tour.jpg) no-repeat; float: left; width: 718px; height: 273px; }
.bg-feature-cont { float: left; width: 678px; padding: 0px 20px 0px 20px; }
.feature-left { background: url(../images/build/feature-left.png) no-repeat; float: left; width: 264px; height: 219px; margin-top: 25px; padding-right: 25px; }
.feature-right { background: url(../images/build/feature-right.png) no-repeat; float: left; width: 375px; height: 219px; margin-top: 25px; }
.feature-cont { float: left; padding: 10px 15px 10px 15px; }
.feature-left p { font-size: 14px; padding: 0px 10px 10px 10px; }
#content-left ul#mw { list-style: none; padding: 0px 10px 0px 10px; font-size: 14px; font-weight: bold; }
ul#mw li { padding: 4px 0px 9px 25px; }
ul#mw li.reason1 { background: url(../images/build/feature-list1.png) no-repeat 0px 4px; }
ul#mw li.reason2 { background: url(../images/build/feature-list2.png) no-repeat 0px 4px; }
ul#mw li.reason3 { background: url(../images/build/feature-list3.png) no-repeat 0px 4px; }
.feature-title { background: url(../images/build/bg-content-title.jpg) repeat-x; float: left; width: 718px; height: 49px; }
.feature-title h1 { padding: 14px 15px 0px 15px; color: #ffffff; }
.other-cont { float: left; width: 678px; }
.other-column { float: left; width: 305px; padding: 15px 20px 15px 10px; }
/*********************************************************************************************************************/
/* WHY MONITOR? */
ul.uptime-list { float: left; width: 305px; list-style: none; padding: 0px; }
ul.uptime-list li { float: left; padding: 0px 3px 0px 3px;}
ul.numbers { float: left; width: 280px; list-style: none; }
ul.numbers-alt { background: #f7f7f7; float: left; width: 280px; list-style: none; }
ul.numbers li, ul.numbers-alt li { float: left; width: 124px; text-align: center; padding: 8px 8px 6px 8px; color: #699605; font-size: 14px; font-weight: normal; }
ul.industry-list { float: left; width: 645px; list-style: none; padding: 0px; }
ul.industry-list li { float: left; padding: 0px 3px 0px 3px;}
ul.industry { float: left; width: 645px; list-style: none; }
ul.industry-alt { background: #f7f7f7; float: left; width: 645px; list-style: none; }
ul.industry li.down-mins, ul.industry-alt li.down-mins { float: right; width: 195px; text-align: right; }
ul.industry li, ul.industry-alt li { float: left; width: 100px; text-align: center; padding: 8px 8px 6px 8px; color: #356CAF; font-size: 14px; font-weight: bold; }
ul.industry li.ind-name, ul.industry-alt li.ind-name { float: left; width: 284px; text-align: left; padding: 8px 8px 6px 8px; color: #699605; font-size: 12px; font-weight: normal; }
/*********************************************************************************************************************/
/* HOW IT WORKS */
ul.simple-steps { float: left; width: 678px; list-style: none; padding-top: 15px; }
ul.simple-steps li { padding: 8px 10px 15px 40px; float: left; width: 175px; font-size: 14px; }
ul.simple-steps li h3 { font-size: 14px; line-height: 14px; padding-bottom: 10px; }
ul.simple-steps li.step1 { background: url(../images/build/feature-step1.png) no-repeat; color: #124272; }
ul.simple-steps li.step2 { background: url(../images/build/feature-step2.png) no-repeat; color: #124272; }
ul.simple-steps li.step3 { background: url(../images/build/feature-step3.png) no-repeat; color: #124272; }
#configure-notifications { padding: 5px 0px 5px 10px; width: 131px; height: 56px; }
.feature-list-cont { float: left; width: 678px; }
.col-feat-list { float: left; width: 180px; padding: 0px 15px 0px 30px; }
.col-feat-list li { padding-bottom: 5px; font-size: 12px; }
ul.fts-feat { float: left; list-style: none; margin: 0px 0px 0px 0px; }
li.ft-feat { float: left; width: 325px; padding: 20px 10px 20px 0px; }
.ft-left-feat { float: left; width: 87px; }
.icon-feat { float: left; width: 87px; height: 73px; }
.ft-right-feat { float: left; width: 230px; padding: 5px 0px 0px 5px; }
.ft-right-feat .ft-title { float: left; width: 230px; color: #497FCE; font-size: 1.3em; font-weight: bold; font-style: italic; padding: 5px 0px 5px 0px; }
.ft-right-feat p { float: left; width: 230px; font-size: 12px; }
.see-feature-list { float: left; width: 172px; height: 30px; padding: 20px 0px 0px 250px; }
/*********************************************************************************************************************/
/* WEBSITE MONITORING */
ul.feat-list { float: left; width: 678px; padding: 0px; margin: 0px; list-style: none; }
ul.feat-list li { float: left; padding: 0px 30px 30px 0px; margin: 0px; }
ul.feat-list ul { list-style: disc; padding: 0px 50px 8px 30px; }
ul.feat-list ul li { float: none; font-size: 12px; padding: 0px 0px 5px 2px; }
ul.feat-list li h3 { font-size: 16px; }
ul.feat-list li p { font-size: 12px; }
.feat-list-icon { float: left; width: 85px; padding: 6px 15px 0px 0px; }
.feat-list-text { float: left; width: 545px; }
.feat-list-text#has-icon { float: left; width: 520px; }
.feat-icon-img { width: 85px; height: 73px; }
.feat-text-left { float: left; width: 305px; padding-right: 10px; }
.feat-text-side-top { background: url(../images/build/feat-side-top.jpg) no-repeat top; float: right; width: 220px; margin-top: 12px; }
.feat-text-side-bottom { background: url(../images/build/feat-side-bottom.jpg) no-repeat bottom; float: right; width: 220px; }
.feat-text-side { background: url(../images/build/feat-side-bg.jpg) repeat-y; float: right; width: 192px; margin: 6px 0px 6px 0px; padding: 10px 10px 12px 18px; }
#monitoring-frequency { font-size: 16px; line-height: 25px; font-style: italic; }
#monitoring-maintenance { font-size: 18px; line-height: 27px; font-style: italic; }
.feat-text-right { float: right; width: 280px; padding-left: 20px; }
.feat-text-right-top { background: url(../images/build/feat-side-right-top.jpg) no-repeat top; float: left; width: 308px; }
.feat-text-right-bottom { background: url(../images/build/feat-side-right-bottom.jpg) no-repeat bottom; float: left; width: 308px; }
.feat-text-right-bg { background: url(../images/build/feat-side-right-bg.jpg) repeat-y; float: left; width: 280px; margin: 6px 0px 6px 0px; padding: 10px 10px 12px 18px; }
.feat-list-text ul.idea-list { list-style: none; padding-top: 10px; }
.feat-list-text ul.idea-list li { height: 35px; font-weight: bold; font-size: 14px; }
.idea-icons { padding-bottom: 5px; float: left; }
/*********************************************************************************************************************/
/* SECURITY MONITORING */
#attack-list { float: left; width: 600px; padding: 0px 0px 0px 35px; }
ul.attack-list { float: left; width: 600px; list-style: none; padding: 10px 0px 0px 0px; }
ul.attack-list li { float: left; width: 150px; padding: 0px 0px 0px 0px; }
ul.attacks { float: left; width: 590px; list-style: none; padding: 10px 0px 8px 0px; text-align: center; }
ul.attacks-alt { background: #f7f7f7; float: left; width: 590px; list-style: none; padding: 10px 0px 8px 0px; text-align: center; }
ul.attacks li, ul.attacks-alt li { float: left; width: 135px; padding: 0px 0px 0px 10px; }
ul.attacks li.month, ul.attacks-alt li.month { text-align: left; font-weight: bold; }
ul.totals { float: left; width: 590px; list-style: none; padding: 10px 0px 8px 0px; text-align: right; }
ul.totals li { float: left; width: 138px; padding: 5px 0px 0px 8px; font-size: 14px; font-weight: bold; text-align: center; }
ul.totals li.img-total { padding: 0px; text-align: left; }
#attack-reason { float: left; width: 600px; padding: 15px 0px 0px 35px; }
ul.reason-list { float: left; width: 600px; list-style: none; padding: 10px 0px 0px 0px; }
ul.reason-list li { float: left; width: 150px; padding: 0px 0px 0px 0px; }
ul.reasons { float: left; width: 590px; list-style: none; padding: 10px 0px 8px 0px; text-align: center; }
ul.reasons-alt { background: #f7f7f7; float: left; width: 590px; list-style: none; padding: 10px 0px 8px 0px; text-align: center; }
ul.reasons li, ul.reasons-alt li { float: left; width: 135px; padding: 0px 0px 0px 10px; }
ul.reasons li.reason, ul.reasons-alt li.reason { text-align: left; font-weight: bold; }
/*********************************************************************************************************************/
/* FULL FEATURE LIST */
.feat-block { float: left; width: 658px; padding: 0px 10px 15px 10px; }
.feat-block-icon { float: left; width: 85px; padding-right: 10px; }
.feat-block-text { float: left; width: 563px; padding-top: 15px; }
ul.feat-block-list { float: left; width: 221px; padding: 5px 30px 0px 30px; }
ul.feat-block-list li { padding: 0px 0px 6px 2px; }
/*********************************************************************************************************************/
/* WHY BINARY CANARY */
ul.reasons10 { float: left; padding: 10px 50px 10px 10px; list-style: none; }
ul.reasons10 li { float: left; padding: 8px 20px 25px 42px; }
ul.reasons10 li.reason10 { background: url(../images/build/list10-reasons10.jpg) no-repeat; font-size: 14px; margin-left: 10px; width: 550px; }
ul.reasons10 li.reason9 { background: url(../images/build/list10-reasons9.jpg) no-repeat; font-size: 14px; margin-left: 10px; width: 550px; }
ul.reasons10 li.reason8 { background: url(../images/build/list10-reasons8.jpg) no-repeat; font-size: 14px; margin-left: 10px; width: 550px; }
ul.reasons10 li.reason7 { background: url(../images/build/list10-reasons7.jpg) no-repeat; font-size: 14px; margin-left: 10px; font-weight: bold; width: 550px; }
ul.reasons10 li.reason6 { background: url(../images/build/list10-reasons6.jpg) no-repeat; font-size: 14px; margin-left: 10px; font-weight: bold; width: 550px; }
ul.reasons10 li.reason5 { background: url(../images/build/list10-reasons5.jpg) no-repeat; font-size: 14px; margin-left: 10px; font-weight: bold; width: 550px; }
ul.reasons10 li.reason4 { background: url(../images/build/list10-reasons4.jpg) no-repeat; font-size: 14px; margin-left: 10px; font-weight: bold; width: 550px; }
ul.reasons10 li.reason3 { background: #F0F7DC url(../images/build/list10-reasons3.jpg) no-repeat 10px 16px; font-size: 18px; font-weight: bold; margin: 5px 0px 5px 0px; padding: 23px 20px 20px 52px; width: 550px; }
ul.reasons10 li.reason2 { background: #F0F7DC url(../images/build/list10-reasons2.jpg) no-repeat 10px 16px; font-size: 18px; font-weight: bold; margin: 5px 0px 5px 0px; padding: 23px 20px 20px 52px; width: 550px; }
ul.reasons10 li.reason1 { background: #E4F0F9 url(../images/build/list10-reasons1.jpg) no-repeat 10px 21px; font-size: 24px; font-weight: bold; margin: 5px 0px 5px 0px; padding: 23px 20px 20px 52px; width: 550px; }
/*********************************************************************************************************************/
/* SCREEN SHOTS STYLES */
ul.three-screens-hort { float: left; width: 673px; padding: 0px 0px 10px 5px; list-style: none; }
ul.three-screens-hort li { float: left; width: 203px; padding: 0px 10px 0px 10px; }
/*********************************************************************************************************************/
/* WEBSITE UPTIME CALCULATOR */
#calculator-instructions-top { background: url(../images/build/cal-inst-top.jpg) no-repeat; float: left; width: 188px; height: 9px; }
#calculator-instructions-bottom { background: url(../images/build/cal-inst-bottom.jpg) no-repeat; float: left; width: 188px; height: 9px; }
#calculator-instructions { background: url(../images/build/cal-inst-bg.jpg) repeat-y left; float: left; width: 232px;}
#cal-step-one { background: url(../images/build/cal-arrow-blue.jpg) no-repeat; float: left; width: 197px; height: 105px; padding: 10px 25px 10px 10px; margin-bottom: 16px; margin-top: 12px; }
#cal-step-two { background: url(../images/build/cal-arrow-blue.jpg) no-repeat; float: left; width: 192px; height: 105px; padding: 10px 30px 10px 10px; margin-bottom: 16px; }
#cal-step-three { background: url(../images/build/cal-arrow-green.jpg) no-repeat; float: left; width: 192px; height: 105px; padding: 10px 30px 10px 10px; margin-bottom: 12px; }
#cal-step-one h3, #cal-step-one p, #cal-step-two h3, #cal-step-two p, #cal-step-three h3, #cal-step-three p { color: #ffffff; }
#calculator { float: left; width: 280px; padding: 0px 20px 0px 20px; }
#cal-step-one-input { float: left; width: 260px; padding: 50px 0px 0px 20px; }
#cal-step-two-input { float: left; width: 260px; padding: 26px 0px 0px 20px; }
#cal-step-three-input { float: left; width: 260px; padding: 30px 0px 0px 20px; }
.cal-line { float: left; width: 260px; padding-bottom: 15px; }
.cal-value { float: left; width: 50px; }
.cal-value-long { float: left; width: 105px; }
.cal-input { float: left; height: 20px; color: #666666; font-size: 16px; padding: 2px 0px 2px 0px; }
.cal-label { float: left; color: #666666; font-size: 12px; padding: 5px; }
.cal-radio { float: left; width: 20px; margin: 7px 5px 0px 0px; }
#uptime-percentage-label { width: 75px; }
#uptime-percentage { width: 60px; }
#percent-symbol { width: 12px; }
#downtime-days, #downtime-hours, #downtime-minutes, #downtime-seconds { width: 40px; }
#select-month { height: 26px; }
*:first-child+html #select-month { float: left; height: 30px; padding: 2px 0px 2px 0px; margin-right: 5px; }
#current-month-label { font-size: 16px; }
#or-label { width: 220px; padding-left: 30px; font-size: 16px; font-weight: bold; padding-bottom: 10px; }
#select-year { width: 50px; }
input#submit-calculator { background: url(../images/build/but-calculate.jpg) no-repeat; float: left; width: 169px; height: 45px; border: 0px; cursor: pointer; }
#calculator-results { float: left; width: 310px; border-left: solid 1px #C1C1C1; padding-left: 40px; }
#calculator-results h3 { line-height: 16px; padding: 0px; margin: 0px; }
ul.cal-list { float: left; width: 310px; list-style: none; padding: 30px 0px 30px 0px; }
ul.cal-list li { float: left; font-size: 40px; line-height: 50px; font-weight: bold; padding-top: 2px; margin: 0px; }
ul.cal-list li.cal-num { font-size: 60px; padding: 0px; width: 70px; }
ul#uptime li.cal-num { color: #77A207; }
ul#downtime li.cal-num { color: #F6921E; }
ul#percentage li.cal-num { color: #558BE0; }
ul.cal-list li.cal-num .units { float: left; font-size: 12px; font-weight: normal; line-height: 14px; padding-left: 15px; color: #898989; }
/*********************************************************************************************************************/
/* OUR NETWORK STYLES */
#map-our-network { background: url(../images/build/our-network-map.png) no-repeat; float: left; width: 629px; height: 343px; margin: 10px 15px 0px 15px; }
#contentbox { float: right; width: 217px; margin: 25px 25px 0px 0px; }
#contentbox-top { background: url(../images/build/contentbox-top.png) no-repeat; float: left; width: 217px; height: 10px; }
#contentbox-bottom { background: url(../images/build/contentbox-bottom.png) no-repeat; float: left; width: 217px; height: 10px; }
#contentbox-bg { background: url(../images/build/contentbox-bg.png) repeat-y; float: left; }
#contentbox-bg h1 { line-height: 35px; width: 187px; padding: 10px 15px 45px 15px; }
#contentbox-bg #free-trial a { background: url(../images/build/but-free-account.png) no-repeat center; float: left; width: 217px; height: 45px; }
ul.monitor-types { padding: 6px 15px 0px 15px; }
ul.monitor-types li { padding-bottom: 7px; }
/*********************************************************************************************************************/
/* PRICING STYLES */
#plans { float: left; width: 886px; padding: 40px 30px 0px 30px; }
.planbox { float: left; width: 202px; padding: 0px 21px 0px 0px; }
.planbox#power { padding: 0px 6px 0px 0px; }
.plantitle { float: left; width: 202px; height: 35px; }
.planbody { background: url(../images/build/pricing-body.png) no-repeat; float: left; width: 202px; height: 184px; }
.planbody-cont { float: left; width: 164px; padding: 8px 15px 15px 20px; }
.monitors-free { float: left; width: 134px; padding: 0px 0px 0px 30px; text-align: left; }
.monitors-standard { float: left; width: 146px; padding: 0px 0px 0px 18px; text-align: left; }
.monitors-power { float: left; width: 146px; padding: 0px 0px 0px 18px; text-align: left; }
.monitors-hyper { float: left; width: 164px; padding: 0px 0px 0px 0px; text-align: left; }
.monitor-number { float: left; font-size: 50px; color: #F6921E; font-weight: bold; font-style: italic; }
.monitors-included { float: left; font-size: 14px; color: #558BE0; font-weight: bold; padding: 15px 0px 0px 10px; font-style: italic; }
.monitors-hyper .monitors-included { padding: 15px 0px 0px 5px; }
.frequency { font-size: 14px; color: #558BE0; font-weight: bold; padding-bottom: 10px; text-align: center; width: 164px; }
.sms-included { font-size: 14px; color: #558BE0; font-weight: bold; padding-bottom: 28px; text-align: center; width: 164px; }
.hyper-body .sms-included { padding-bottom: 0px; }
.signup a { background: url(../images/build/pricing-signup.png) no-repeat; float: right; width: 115px; height: 35px; }
.hyper-plan { float: left; width: 217px; }
.hyper-title { float: right; width: 202px; height: 35px; }
.hyper-body { background: url(../images/build/pricing-hyper-body.png) no-repeat; float: right; width: 202px; height: 108px; }
.hyper-body-cont { float: right; width: 172px; padding: 8px 15px 0px 15px; }
.hyper-signup a { background: url(../images/build/pricing-hyper-signup.png) no-repeat; float: right; width: 217px; height: 108px; }
.threecol-cont { float: left; width: 843px; padding: 0px 30px 0px 30px; }
ul.threecol-list { float: left; width: 245px; padding: 0px 35px 10px 0px; font-size: .8em; color: #6C696C; }
ul.threecol-list li { padding-bottom: 8px; }
#ssl-secured { float: right; width: 100px; padding: 0px 40px 0px 0px; }
ul#pricing-compare { float: left; width: 390px; padding: 0px; list-style: none; }
ul#pricing-compare li { float: left; width: 190px; padding: 0px 10px 0px 0px; }
ul#pricing-compare li#no-pad { padding: 0px 0px 0px 0px; }
/*********************************************************************************************************************/
/* COMPETITORS PRICES */
.pricing-comp-title { background: url(../images/build/bg-pricing-titles.jpg) no-repeat; float: left; width: 944px; }
.pricing-comp-title#top { margin-top: 0px; }
.icon-title { float: left; width: 944px; }
.icon-title-img { float: left; width: 85px; height: 73px; padding: 18px 15px 7px 42px; }
.icon-title h1 { padding: 40px 0px 0px 0px; }
table { border-collapse: collapse; }
table.price-competitors { width: 886px; font-size: .8em; color: #4C4C4C; padding: 20px 0px 0px 20px; }
table.price-competitors tr td { border-top: solid 1px #E6E6E6; }
table.price-competitors tr.tr-title td { border-top: 0px; }
table.price-competitors tr.tr-bottom td { border-bottom: solid 1px #E6E6E6; }
table.price-total { width: 886px; font-size: .8em; color: #4C4C4C; padding: 20px 0px 20px 20px; margin-top: 20px; }
table.price-total td { border-top: solid 1px #E6E6E6; border-bottom: solid 1px #E6E6E6; font-size: 18px; }
table.price-total .td-feat { width: 262px; padding: 0px 10px 0px 10px; font-size: 14px; }
.td-feat { width: 282px; padding: 0px 10px 0px 10px; }
.td-binarycanary-title, .td-hyperspin-title, .td-alertra-title, .td-siteuptime-title { width: 126px; padding: 0px 5px 8px 5px; text-align: center; border-top: 0px; }
.td-binarycanary, .td-hyperspin, .td-alertra, .td-siteuptime { width: 116px; padding: 10px 5px 9px 5px; text-align: center; font-weight: bold; color: #7F7F7F; }
.td-free-title, .td-standard-title, .td-power-title, .td-hyper-title { width: 126px; padding: 0px 5px 8px 5px; text-align: center; border-top: 0px; }
.td-free, .td-standard, .td-power, .td-hyper { width: 116px; padding: 10px 5px 9px 5px; text-align: center; font-weight: bold; color: #7F7F7F; }
.td-binarycanary { background: #EDF7FC; }
.td-hyperspin { background: #ffffff; }
.td-alertra { background: #F9F9F9; }
.td-siteuptime { background: #ffffff; }
.sm-text { font-size: 10px; font-weight: normal; }
/*********************************************************************************************************************/
/* API DISPLAY */
.api-table-cont { float: left; width: 926px; padding: 0 0 25px 8px; }
.api-method-cont { float: left; width: 710px; padding: 0 0 25px 8px; }
.api-title { background: url(../images/build/bg-title-api.jpg) no-repeat; float: left; width: 924px; padding: 10px 0 10px 20px; }
table.api-data { width: 886px; font-size: .8em; color: #4C4C4C; padding: 0 0 0 20px; margin-top: 10px; }
table.api-data tr th { background: #EFEFEF; color: #7F7F7F; font-size: 16px; font-weight: bold; padding: 12px 10px 8px 10px; }
table.api-data tr td { border-top: solid 1px #E6E6E6; padding: 8px 14px 8px 14px; }
table.api-data th.api-name, table.api-data td.api-name { width: 270px; border-right: solid 1px #E6E6E6; }
table.api-data th.api-desc, table.api-data td.api-desc { width: 450px; border-left: solid 1px #E6E6E6; }
pre { font-size: 11px; color: #4C4C4C; border: solid 1px #E6E6E6; margin: 10px 75px 10px 75px; padding: 10px; }
textarea.api-textarea { float: left; width: 925px; height: 400px; overflow: scroll; font-size: 11px; color: #4C4C4C; border: solid 1px #E6E6E6; }
#but-call-api { background: url(/en/images/build/but-call-api.jpg) no-repeat; float: left; width: 79px; height: 34px; border: none; cursor: pointer; margin: 10px 0 10px 0; }
ul.api-nav { float: left; width: 400px; list-style: none; padding: 0; }
ul.api-nav li { float: left; padding: 4px 10px 0 10px; font-weight: bold; }
/*********************************************************************************************************************/
/* SIGNUP STYLES */
#signup-form { float: left; width: 641px; }
#choose-plan { background: url(../images/build/plan-bg.jpg) no-repeat; float: left; width: 651px; padding: 0px 0px 10px 0px; }
#choose-plan-cont { float: left; width: 601px; padding: 25px 10px 20px 28px; }
.signup-plan { float: left; width: 133px; height: 151px; padding-left: 15px; }
.signup-plan#no-padding { padding-left: 0px; }
#signup-binarycanary-free { background: url(../images/build/signup-free-account.png) no-repeat; width: 133px; height: 111px; }
#signup-mxtools-free { background: url(../images/build/signup-free-account-mxtools.png) no-repeat; width: 133px; height: 111px; }
#signup-binarycanary-standard { background: url(../images/build/signup-standard-plan.png) no-repeat; width: 133px; height: 111px; }
#signup-binarycanary-power { background: url(../images/build/signup-power-plan.png) no-repeat; width: 133px; height: 111px; }
.signup-hyper-cont { float: left; width: 145px; padding-left: 20px; }
.signup-binarycanary-hyper { background: url(../images/build/signup-hyper-plan.png) no-repeat; float: left; width: 145px; height: 151px; }
.signup-price-hyper { padding: 126px 20px 0px 10px; }
.signup-price { background: url(../images/build/plan-pricebox.jpg) no-repeat; float: left; width: 107px; height: 24px; margin-top: 9px; padding: 8px 10px 0px 10px; }
.price { float: left; width: 70px; color: #2563A0; font-size: 14px; font-weight: bold; font-style: italic; }
.price sup { font-size: 10px; vertical-align: text-top; }
.price sub { font-size: 12px; }
.signup-plan-radio { float: right; }
#fill-information { background: url(../images/build/signup-bg.jpg) no-repeat 0px 6px; float: left; width: 651px; padding: 0px 0px 0px 0px; }
#fill-information-cont { float: left; width: 601px; padding: 25px 10px 20px 28px; }
.form-signup { float: left; width: 581px; padding: 10px 0px 0px 20px; }
.quick-monitoring { padding-top: 35px; }
.form-signup .form-line { float: left; width: 581px; font-size: .75em; color: #666666; padding-bottom: 25px; }
.form-signup label { float: left; width: 150px; font-size: 16px; font-weight: bold; padding-top: 6px; }
.form-signup .input-text { float: left; width: 300px; height: 23px; font-size: 16px; padding: 2px 4px 0px 4px; margin-right: 0px; color: #666666; }
.form-signup .input-text-2 { float: left; width: 225px; height: 23px; font-size: 16px; padding: 2px 4px 0px 4px; margin-right: 0px; color: #666666; }
.form-signup .select-time-zone { float: left; width: 315px; height: 26px; font-size: 16px; padding: 2px 4px 0px 4px; margin-right: 0px; color: #666666; }
.form-signup .select-referral { float: left; width: 315px; height: 26px; font-size: 16px; padding: 2px 4px 0px 4px; margin-right: 0px; color: #666666; }
.form-signup .input-check { float: left; width: 20px; color: #666666; margin-top: 2px; }
.form-signup .input-radio { float: left; width: 20px; color: #666666; margin-top: 8px; }
.form-signup select { float: left; width: 100px; color: #666666; height: 25px; font-size: 16px; padding: 2px 2px 0px 2px; margin-right: 0px; }
#terms-service-label { font-weight: normal; font-size: 14px; width: 400px; padding: 0px 0px 0px 10px; }
#submit-signup { background: url(../images/build/but-signup.jpg) no-repeat; float: right; width: 167px; height: 41px; border: 0px; cursor: pointer; }
#remember-me { float: right; width: 434px; padding-top: 2px; }
#rememberMe { float: left; margin: 0px; padding: 0px; }
#rememberMeCheckBox { padding: 2px; }
#payment-information { background: url(../images/build/plan-bg.jpg) no-repeat; float: left; width: 651px; padding: 0px 0px 0px 0px; }
#payment-information-cont { float: left; width: 601px; padding: 25px 10px 20px 28px; }
.payment-label { padding: 0px 0px 0px 5px; }
#exp-month { width: 57px; margin-right: 8px; }
#exp-year { width: 72px; }
#card-number { width: 180px; }
#security-code { width: 40px; }
#signup-det { float: left; width: 200px; padding: 30px 0px 0px 30px; }
.signup-det-item { float: left; width: 200px; padding-bottom: 15px; }
.signup-det-item h3 { line-height: 16px; padding-bottom: 8px; }
/* LOGIN STYLES */
#forgot-password-label { font-weight: normal; font-size: 12px; width: 400px; padding: 0px 0px 0px 0px; float: left; }
#submit-login { background: url(../images/build/but-login.jpg) no-repeat; float: right; width: 145px; height: 41px; border: 0px; cursor: pointer; }
#submit-send { background: url(../images/build/but-send.jpg) no-repeat; float: right; width: 130px; height: 41px; border: 0px; cursor: pointer; }
#submit-get-started { background: url(../images/build/but-get-started.jpg) no-repeat; float: right; width: 208px; height: 40px; border: 0px; cursor: pointer; }
#rememberMeCheckBox {font-size:smaller; float:left;}
.error { background: #FFF9F8; border: solid 1px #FFDFD9; float: left; width: 520px; padding: 7px 10px 7px 10px; }
.error-contact { background: #FFF9F8; border: solid 1px #FFDFD9; float: left; width: 400px; padding: 7px 10px 7px 10px; }
.error p, .error-contact p { font-size: 11px; color: #FF0000; padding-bottom: 0px; }
/*********************************************************************************************************************/
/* ERROR AND THANK YOU SCREENS */
.msg-cont { float: left; padding: 0px 80px 40px 80px; }
.msg-logo { float: left; width: 134px; padding-right: 50px; }
.msg { float: left; width: 500px; padding-left: 50px; border-left: solid 1px #B3B3B3; }
.msg p { font-size: 16px; }
ul.msg-list { float: left; width: 210px; padding: 10px 20px 0px 20px; }
ul.msg-list li { padding-bottom: 12px; font-size: 14px; }
/*********************************************************************************************************************/
/* HOW DOES YOUR WEBSITE MEASURE UP */
.measure-cont { float: left; width: 866px; padding: 0px 20px 20px 20px; border-bottom: solid 1px #cfcfcf; }
.measure-option { float: left; width: 320px; padding: 0px 20px 0px 20px; }
.measure-label { font-size: 16px; color: #666666; width: 300px; padding-bottom: 4px; }
#your-website { width: 300px; height: 20px; font-size: 16px; color: #666666; }
#compared-against { width: 300px; height: 22px; font-size: 16px; color: #666666; }
#compared-other { width: 300px; height: 20px; font-size: 16px; color: #666666; margin-top: 15px; }
#measure-go-but { background: url(../images/build/submit-go.jpg) no-repeat; float: left; width: 68px; height: 34px; margin-top: 12px; border: 0px; cursor: pointer; }
.measure-results { float: left; width: 866px; padding: 20px 20px 0px 20px; }
.results { float: left; width: 423px; padding-bottom: 20px; }
.results-list-cont { float: left; width: 866px; padding-bottom: 20px; }
.results-left { float: left; width: 130px; padding-right: 10px; }
.results-right { float: left; width: 270px; padding-right: 10px; }
.results-left p, .results-right p { color: #666666; font-size: 14px; }
ul.results-list { float: left; width: 360px; padding: 0px 20px 0px 20px; list-style-position: outside; }
ul.results-list li { float: left; width: 300px; padding-bottom: 15px; font-size: 14px; }
.list-left-result { float: left; width: 140px; }
.list-right-result { float: left; width: 160px; }
/*********************************************************************************************************************/
/* AFFILIATES AND RESELLERS STYLES */
ul.earning-lists { float: left; width: 290px; list-style: none; }
ul.earning-lists li { float: left; padding: 0px 3px 0px 3px; }
ul.earning-numbers { float: left; width: 280px; list-style: none; }
ul.earning-numbers-alt { background: #f7f7f7; float: left; width: 280px; list-style: none; }
ul.earning-numbers li, ul.earning-numbers-alt li { float: left; width: 120px; text-align: center; padding: 10px 10px 8px 10px; color: #699605; font-size: 16px; font-weight: bold; }
/*********************************************************************************************************************/
/* LINK TO US STYLES */
.link-option-cont { float: left; width: 886px; padding: 0px 0px 30px 0px; }
.link-option { float: left; width: 876px; padding: 0px 0px 10px 6px; }
p.link-text { float: left; width: 400px; }
.binarycanary-links { float: left; padding: 10px 0px 10px 0px; width: 400px; }
#panel-link1, #panel-link2 { float: left; height: 70px; display: none; }
#panel-link3 { float: left; height: 110px; display: none; }
.but-slide { background: url(../images/build/but-getthecode-down.jpg) no-repeat; float: left; width: 113px; height: 23px; }
.but-slide.active { background: url(../images/build/but-getthecode-up.jpg) no-repeat; }
#slide03 { padding-top: 10px; }
/*********************************************************************************************************************/
/* CONTACT US STYLES */
#map { float: left; width: 390px; height: 250px; border: 1px solid #4C4C4B; margin: 10px 0px 10px 0px; }
#headquaters { float: left; width: 160px; }
#email-contacts { float: left; width: 230px; }
.form-contact { float: left; width: 392px; padding: 10px 0px 0px 20px; }
.form-contact .form-line { float: left; width: 372px; font-size: .75em; color: #666666; padding-bottom: 25px; }
.form-contact label { float: left; width: 100px; }
.form-contact .input-text { float: left; width: 250px; margin-right: 0px; color: #666666; }
.form-contact .textarea { float: left; font-family: Arial, Helvetica, sans-serif; }
#message { width: 250px; height: 200px }
#submit-message { background: url(../images/build/but-send-message.jpg) no-repeat; float: right; width: 116px; height: 36px; margin-right: 20px; border: 0px; cursor: pointer; }
/*********************************************************************************************************************/
/* FOOT BANNER STYLES */
#footban { background: url(../images/build/footban-bg.jpg) no-repeat 0px 30px; float: left; width: 944px; height: 168px; padding-bottom: 20px; }
#footban-cont { float: left; width: 824px; padding: 0px 60px 0px 60px; }
#footban-screen { background: url(../images/build/footban-screen.png) no-repeat; float: left; width: 224px; height: 168px; }
#footban-titles { float: left; width: 230px; }
#go-ahead { float: left; padding: 48px 0px 0px 30px; font-size: 36px; color: #ffffff; font-style: italic; line-height: 45px; }
#sleep-peacefully { float: left; padding: 0px 0px 0px 36px; font-size: 21px; color: #ffffff; line-height: 21px; }
#footban-text { float: left; width: 160px; padding: 70px 0px 0px 0px; }
#footban-text p { color: #ffffff; font-size: 16px; font-style: italic; }
#footban-free-trial a { background: url(../images/build/but-free-account.png) no-repeat; float: right; width: 195px; height: 45px; margin-top: 65px; }
#footban-sentence { float: left; width: 400px; }
#friends-dont-let { float: left; margin: 60px 0px 0px 20px; font-size: 20px; color: #ffffff; font-style: italic; line-height: 30px; padding: 0px; }
#maximize-your-uptime { float: left; margin: 0px 0px 0px 22px; font-size: 16px; color: #ffffff; line-height: 21px; }
/*********************************************************************************************************************/
/* FOOT BANNER STYLES SMALL */
.footban-sm { background: url(../images/build/footban-bg-sm.jpg) no-repeat 0px 30px; float: left; width: 718px; height: 168px; padding-bottom: 20px; }
.footban-sm-cont { float: left; width: 678px; padding: 0px 20px 0px 20px; }
.footban-sm-screen { background: url(../images/build/footban-screen.png) no-repeat; float: left; width: 224px; height: 168px; }
.footban-free-trial-sm a { background: url(../images/build/but-free-account-sm.png) no-repeat; float: right; width: 136px; height: 51px; margin-top: 60px; }
.footban-sentence-sm { float: left; width: 310px; }
#we-can-monitor { float: left; margin: 53px 0px 0px 10px; font-size: 16px; color: #ffffff; font-weight: bold; font-style: italic; line-height: 25px; padding: 0px; }
#anything-you-imagine { float: left; margin: 0px 0px 0px 10px; font-size: 14px; font-weight: normal; color: #ffffff; line-height: 18px; }
#disgruntled-clients { float: left; margin: 53px 0px 0px 10px; font-size: 14px; color: #ffffff; font-weight: normal; font-style: italic; line-height: 20px; padding: 0px; }
#peace-of-mind { float: left; margin: 0px 0px 0px 10px; font-size: 15px; font-weight: bold; color: #ffffff; line-height: 21px; }
#downtime-hurts { float: left; margin: 53px 0px 0px 10px; font-size: 15px; font-weight: bold; color: #ffffff; line-height: 21px; }
#why-risk-it { float: left; margin: 0px 0px 0px 10px; font-size: 14px; color: #ffffff; font-weight: normal; font-style: italic; line-height: 20px; padding: 0px; }
#nice-guys-and-gals { float: left; margin: 51px 0px 0px 10px; font-size: 15px; color: #ffffff; font-weight: bold; font-style: italic; line-height: 25px; padding: 0px; }
#afford-not-to { float: left; margin: 0px 0px 0px 10px; font-size: 14px; font-weight: normal; color: #ffffff; line-height: 18px; }
/*********************************************************************************************************************/
/* FOOTER STYLES */
/*#footer-left { background: url(../images/build/footer-left.jpg) no-repeat; float: left; width: 21px; height: 101px; }
#footer-right { background: url(../images/build/footer-right.jpg) no-repeat; float: right; width: 20px; height: 101px; }*/
#footer { background: url(../images/build/bg-footer.png) no-repeat; float: left; width: 960px; height: 101px; padding-bottom: 5px; }
*:first-child+html #footer { padding-bottom: 10px; }
#footer-cont { width: 920px; padding: 0px 20px 0px 20px; }
/*********************************************************************************************************************/
/* FOOTER NAVIGATION */
ul.sm-nav { float: left; width: 125px; list-style: none; margin: 18px 0px 0px 15px; }
ul.sm-nav li { background: url(../images/build/arrow-footer.png) no-repeat 0px 3px; float: left; width: 110px; color: #ffffff; font-size: .7em; margin: 0px 0px 8px 0px; padding-left: 12px; }
ul.sm-nav li a { color: #ffffff; text-decoration: none; }
ul.sm-nav li a:hover { color: #D7E7F2; }
/* FOOTER LOGO */
#footer-logo { float: right; width: 194px; margin: 15px 0px 0px 0px; }
#foot-logo a { background: url(/en/images/build/footer-binary-canary.png); float: right; width: 194px; height: 31px; }
#footer-logo p { text-align: center; color: #ffffff; font-weight: bold; font-size: .7em; padding: 0px; margin: 0px; }
/*********************************************************************************************************************/
/* BELOW FOOTER */
#below-footer { float: left; width: 904px; padding: 0px 20px 20px 20px; }
p.seo-para { float: left; width: 500px; font-size: 10px; padding-left: 20px; }
.add-this { float: right; width: 160px; }
.add-this img { float: right; padding-bottom: 2px; }