html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { font-size: 100.01%; }

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, blockquote:after, q:before, 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; }

html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { font-size: 100.01%; }

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, blockquote:after, q:before, 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.bp .box { padding: 1.5em; margin-bottom: 1.5em; background: #e5ecf9; }
body.bp div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eeeeee; }
body.bp div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eeeeee; }
body.bp hr { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; }
body.bp hr.space { background: #dddddd; color: #dddddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; background: white; color: white; visibility: hidden; }
body.bp form.inline { line-height: 3; }
body.bp form.inline p { margin-bottom: 0; }

  /* // COMMENTED OUT: this is how alistapart recommends to do typography. body { font-size: 100%; line-height: 1.125em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
 p { font-size: 0.875em; }*/
div.clearfix { overflow: hidden; display: inline-block; }
div.clearfix { display: block; }

.clear { clear: both; }

body { background: #FFFFFF none repeat scroll 0 0; color: #434343; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 0; }

a { text-decoration: none; color: #15658A; }

a:hover { text-decoration: underline; color: #084460; }

h1, h2, h3, h4, h5 { font-weight: bold; color: #434343; }

h1 { font-size: 36px; line-height: 42px; margin-bottom: 18px; }

h2 { font-size: 24px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

p { margin-top: 10px; margin-bottom: 10px; }

em { font-style: italic; }

div#test-alert { display: inline-block; position: relative; width: 463px; left: 4px; top: 190px; text-align: center; vertical-align: middle; background-color: #111111; }
div#test-alert a { font-size: 16px; line-height: 49px; color: white; text-decoration: underline; }
div#test-alert a:hover { color: #FE8E0F; }

#simplemodal-container { background-color: #EFEFEF; border: 6px solid #111111; color: #BBBBBB; height: 370px; padding: 12px; width: 650px; }
#simplemodal-container iframe { width: 650px; height: 370px; border: none; padding: 0; margin: 0; overflow-x: hidden; overflow-y: hidden; }
#simplemodal-container a.modalCloseImg { background: url(/images/simple-modal/x.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; }

html { background-color: #0E0E0E; }

div.container { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
div.container { display: block; }

#header { height: 50px; background: transparent url(/images/new/bg-header-gradient.png) repeat-x scroll left top; }
#header img.title { display: block; float: left; height: 27px; margin-top: 11px; }
#header #top-nav { padding-top: 12px; margin-left: 200px; }
#header #nav { margin: 0; padding: 0; list-style-type: none; }
#header #nav li { float: left; }
#header #nav li a { font-family: arial,helvetica,sans-serif; padding: 5px 12px; color: #DDDDDD; font-size: 14px; display: block; outline-style: none; }
#header #nav li a:hover { text-decoration: underline; color: #FFFFFF; }
#header #nav li a.special { color: #DBFF6C; }
#header #nav li.selected a { font-weight: bold; color: #4AFF11; text-shadow: 0 1px #666666; }
#header #nav li.selected a:hover { text-decoration: none; cursor: default; }
#header #nav li.last { float: right; }
#header #nav li.last a { color: #A3A3A3; font-size: 12px; text-transform: uppercase; padding-top: 7px; }
#header #nav li.last a:hover { color: #FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #444444 none repeat scroll 0 0; text-decoration: none; }

#bottom-signup { font-size: 16px; padding: 10px 0; background: #333333 none no-repeat scroll 0 0; margin-top: 40px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #222222; text-align: center; color: #999999; }
#bottom-signup a { font-weight: bold; color: #8FC3E7; }
#bottom-signup span { margin: 0 5px; }

#bottom-signup * { vertical-align: middle; }

#footer { background: #111111 url(/images/new/bg-footer-gradient.png) repeat-x scroll 0 0; border-top: 1px solid #333333; padding: 30px 0 20px 0; }
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { color: #3084CA; }
#footer a.twitter-link { background: transparent url(/images/function/twitter_32.png) no-repeat scroll left center; padding: 0 0 0 36px; display: block; }
#footer div.logo { background: transparent url(/images/logos/pd-footer.png) no-repeat scroll left center; width: 137px; height: 25px; }
#footer div.block { display: inline; float: left; margin-right: 10px; width: 150px; padding-right: 40px; }
* html #footer div.block { overflow-x: hidden; }
#footer div.block-last { display: inline; float: left; margin-right: 0; width: 150px; }
* html #footer div.block-last { overflow-x: hidden; }
#footer h4 { border-bottom: 1px dotted #AAAAAA; padding-bottom: 3px; margin-bottom: 8px; font-size: 13px; color: #FFFFFF; }
#footer ul { list-style-type: none; margin: 0; padding: 0; }
#footer li { margin-bottom: 5px; }

#copyright { margin-top: 25px; text-align: center; font-size: 11px; color: #5D5D5D; }

a#uservoice-feedback-tab { background: #222222 url(http://pagerduty.uservoice.com/images/feedback_tab.png) no-repeat scroll -3px 50%; border-color: #222222 #222222 #222222 transparent; border-style: outset outset outset none; border-width: 1px 1px 1px medium; display: block; position: fixed; height: 90px; width: 22px; left: 0; margin-top: -45px; top: 40%; cursor: pointer; z-index: 100001; }

a#uservoice-feedback-tab:hover { background-color: #0066CC; border-color: #0066CC #0066CC #0066CC transparent; border-style: outset outset outset none; border-width: 1px 1px 1px medium; cursor: pointer; }

#body { margin-top: 20px; }

div.box { border: 1px solid #DDDDDD; background-color: #F0F0F0; padding: 20px 20px; }

a.signup-btn-green { display: block; overflow: hidden; text-indent: -1000px; margin: 0 auto; width: 225px; height: 58px; background: transparent url(/images/buttons/sign_up_risk_free_225.png) no-repeat scroll left center; }

div.sign-up-bar { text-align: center; margin-top: 20px; background-color: #F0F0F0; border: 1px solid #DDDDDD; padding: 20px; font-size: 20px; }
div.sign-up-bar a { font-weight: bold; color: #DD0000; }

#side-nav { display: inline; float: left; margin-right: 10px; width: 230px; padding-top: 1px; }
* html #side-nav { overflow-x: hidden; }
#side-nav ul, #side-nav dl { margin: 0; padding: 0; margin-bottom: 20px; }
#side-nav dt { height: 40px; font-size: 18px; line-height: 40px; font-weight: bold; border: 1px solid #EFEFEF; margin-top: -1px; padding-left: 10px; }
#side-nav li, #side-nav dd { list-style-image: none; list-style-position: outside; list-style-type: none; }
#side-nav li a, #side-nav dd a { display: block; height: 40px; line-height: 40px; border: 1px solid #EFEFEF; margin-top: -1px; padding-left: 20px; background-color: white; font-size: 15px; }
#side-nav li a:hover, #side-nav dd a:hover { background-color: #EFEFEF; text-decoration: underline; }
#side-nav li.root-node a { font-size: 16px; font-weight: bold; padding-left: 10px; }
#side-nav li.active a, #side-nav dd.active a { color: #FFFFFF; background-color: #333333; cursor: default; }
#side-nav li.active a:hover, #side-nav dd.active a:hover { text-decoration: none; }

#banner { border-bottom: 1px solid #C6D9E9; height: 78px; background: transparent url(/images/new/bg-sub-header-gradient.gif) repeat-x scroll 0 0; }
#banner h1 { color: #FFFFFF; font-size: 36px; font-family: arial,helvetica,sans-serif; margin-top: 17px; }

body.landing { background-color: #F7F7F7; }
body.landing #banner-2 { height: 361px; padding-top: 20px; background-position: left bottom; background-color: #00AC01; }
body.landing #banner-2 h2 { font-size: 20px; line-height: 26px; }
body.landing #banner-2 li { margin-left: 15px; font-size: 16px; background: transparent url(/images/new/check_green_25.png) no-repeat scroll left top; padding: 3px 0 0 30px; height: 20px; }
body.landing #banner-5 { height: 361px; padding-top: 20px; background-position: left bottom; background-color: #00AC01; }
body.landing #banner-5 h2 { font-size: 20px; line-height: 26px; }
body.landing #banner-5 li { margin-left: 10px; font-size: 16px; background: transparent url(/images/new/check_green_25.png) no-repeat scroll left top; padding: 3px 0 0 30px; height: 20px; }
body.landing #banner-3 { height: 361px; padding-top: 20px; background-position: left bottom; background-color: #00AC01; }
body.landing #banner-3 h2 { font-size: 27px; line-height: 33px; margin-bottom: 25px; }
body.landing #banner-3 ul { margin-bottom: 30px; }
body.landing #banner-3 li { margin-left: 15px; }
body.landing #banner-3 #intro-screenshot { background-image: url(/images/new/pd_screen_265.png); }
body.landing #banner-4 { height: 361px; padding-top: 20px; background-position: left bottom; background-color: #00AC01; }
body.landing #banner-4 h1 { text-align: center; font-size: 36px; }
body.landing #banner-4 h2 { font-size: 27px; line-height: 33px; margin-bottom: 25px; }
body.landing #banner-4 ul { margin-bottom: 30px; }
body.landing #banner-4 li { margin-left: 15px; }
body.landing #banner-4 #intro-screenshot { background-image: url(/images/new/pd_screen_265.png); }
body.landing div.banner-green { height: 321px; padding-top: 30px; border-bottom: 1px solid #CCCCCC; background: #3b820a url(/images/new/bg-green-gradient-with-lines2.png) repeat-x scroll left top; }
body.landing div.banner-green div.container { overflow: visible; }
body.landing div.banner-green #intro-copy { display: inline; float: left; margin-right: 10px; width: 430px; padding-right: 40px; }
* html body.landing div.banner-green #intro-copy { overflow-x: hidden; }
body.landing div.banner-green #intro-screenshot { display: inline; float: left; margin-right: 0; width: 470px; background: transparent url(/images/new/pd_screen.png) no-repeat scroll right top; height: 290px; }
* html body.landing div.banner-green #intro-screenshot { overflow-x: hidden; }
body.landing div.banner-green h1 { color: #FFFFFF; font-family: arial,helvetica,sans-serif; font-size: 40px; line-height: 46px; }
body.landing div.banner-green h2 { color: #EEFFE8; font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 20px; font-weight: normal; margin-bottom: 18px; }
body.landing div.banner-green h2 em { color: #FFCF96; }
body.landing div.banner-green ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 22px; font-family: arial,helvetica,sans-serif; }
body.landing div.banner-green li { font-size: 18px; color: #FFFFFF; background: transparent url(/images/new/check_green_2_32.png) no-repeat scroll left top; padding: 4px 0 0 40px; margin-bottom: 5px; }
body.landing div.banner-green li em { color: #FFCF96; }
body.landing div.banner-green a.play_button { display: block; overflow: hidden; text-indent: -1000px; margin: 0; width: 100px; height: 100px; padding: 0; position: relative; left: 185px; top: 95px; background: transparent url(/images/new/btn-video-play-sprite.png) no-repeat scroll 0px 0px; }
body.landing div.banner-green a.play_button:hover { background-position: 0 -100px; }
body.landing #banner-blue { height: 321px; padding-top: 30px; border-bottom: 1px solid #CCCCCC; background: transparent url(/images/new/bg-screen-gradient.png) repeat-x scroll 0 0; }
body.landing #banner-blue #intro-copy { display: inline; float: left; margin-right: 10px; width: 350px; padding-right: 40px; }
* html body.landing #banner-blue #intro-copy { overflow-x: hidden; }
body.landing #banner-blue h1 { font-family: "arial black", Helvetica, Arial, sans-serif; color: #000000; }
body.landing #banner-blue h2 { font-weight: normal; color: #434343; font-size: 17px; line-height: 26px; margin-bottom: 18px; }
body.landing #banner-blue #intro-screen { display: inline; float: left; margin-right: 0; width: 550px; background: transparent url(/images/new/pagerduty_screenshot.png) no-repeat scroll right top; height: 321px; }
* html body.landing #banner-blue #intro-screen { overflow-x: hidden; }
body.landing #banner-blue a.play_button { display: block; overflow: hidden; text-indent: -1000px; margin: 0; width: 100px; height: 100px; padding: 0; position: relative; left: 236px; top: 111px; background: transparent url(/images/new/btn-video-play-sprite.png) no-repeat scroll 0px 0px; }
body.landing #banner-blue a.play_button:hover { background-position: 0 -100px; }
body.landing #monitoring-bar { height: 120px; border-bottom: 1px solid #CCCCCC; background: transparent url(/images/new/bg-grey-gradient.png) repeat-x scroll 0 0; }
body.landing #monitoring-bar div.block { width: 141px; float: left; display: inline; margin-right: 0; }
body.landing #monitoring-bar h4 { font-family: arial,helvetica,sans-serif; font-size: 18px; font-weight: normal; color: #333333; text-align: center; margin: 24px 0 12px 0; }
body.landing #monitoring-bar h4 em { font-style: normal; color: #BB1300; }
body.landing #monitoring-bar a.monitoring-tool { background: url(/images/new/monitoring_tools/monitoring-tools.png) no-repeat top left; display: block; text-align: center; height: 37px; width: 100px; overflow: hidden; text-indent: -999em; }
body.landing #monitoring-bar a.sprite-cloudkick:hover { background-position: 0 2px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-cloudkick { background-position: 0 -41px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-monit:hover { background-position: 11px -86px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-monit { background-position: 11px -138px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-munin:hover { background-position: 6px -182px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-munin { background-position: 6px -220px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-nagios:hover { background-position: 0 -258px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-nagios { background-position: 0 -297px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-pingdom:hover { background-position: 0 -337px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-pingdom { background-position: 0 -380px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-splunk:hover { background-position: 0 -425px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-splunk { background-position: 0 -471px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-zenoss:hover { background-position: 1px -514px; width: 100px; height: 37px; }
body.landing #monitoring-bar a.sprite-zenoss { background-position: 1px -549px; width: 100px; height: 37px; }
body.landing #monitoring-bar #mon-others { width: 134px; position: relative; height: 37px; }
body.landing #monitoring-bar #mon-others span { display: block; margin-bottom: 4px; }
body.landing #monitoring-bar #mon-others a.tool-list { font-size: 12px; color: #434343; text-decoration: underline; position: absolute; top: 50%; }
body.landing #monitoring-bar #mon-others a.tool-list:hover { color: #000000; }
body.landing #main-old { margin-top: 20px; }
body.landing #features-old { display: inline; float: left; margin-right: 30px; width: 610px; }
body.landing div.body-section { overflow: hidden; display: inline-block; margin-top: 25px; background-color: #FFFFFF; padding: 18px 0; }
body.landing div.body-section { display: block; }
body.landing #features { border-right: 1px solid #CCCCCC; display: inline; float: left; margin-right: 10px; padding-right: 29px; padding-left: 20px; width: 550px; width: 520px; /*
border-right: 1px solid #CCCCCC;
display: inline;
float: left;
margin-right: 10px;
padding-right: 29px;
padding-left: 20px;
width: 520px;
*/ /*
#feature-1 h3 { background-image: url(/images/new/bell_21.png);}
#feature-2 h3 { background-image: url(/images/new/graph_25.png); }
#feature-3 h3 { background-image: url(/images/new/cal_21.png);}
#feature-4 h3 { background-image: url(/images/new/escalator_up_25.png); }
#feature-5 h3 { background-image: url(/images/new/servers_21.png);}
#feature-6 h3 { background-image: url(/images/new/globe_25.png); } */ }
body.landing #features h3 { font-size: 21px; font-family: arial,helvetica,sans-serif; font-weight: normal; padding: 0 0 0 40px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-attachment: scroll; color: #222222; }
body.landing #features h3 { background: url(/images/new/feature_icons.png) no-repeat top left; }
body.landing #features ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
body.landing #features li { margin-bottom: 20px; }
body.landing #features li#feature-6 { margin-bottom: 0; }
body.landing #features p { margin: 2px 0 10px 0; padding-left: 40px; }
body.landing #features li#feature-1 h3 { background-position: 0 3px; }
body.landing #features li#feature-3 h3 { background-position: 0 -42px; }
body.landing #features li#feature-4 h3 { background-position: 0 -90px; }
body.landing #features li#feature-6 h3 { background-position: 0 -140px; }
body.landing #features li#feature-2 h3 { background-position: 0 -189px; }
body.landing #features li#feature-5 h3 { background-position: 0 -237px; }
body.landing #effective-alerting { border: 1px solid #E3E3E3; background: #F7F7F7; padding: 8px 0; margin-bottom: 20px; text-align: center; }
body.landing #effective-alerting h3 { margin: 0 0 7px 0; font-size: 17px; }
body.landing #effective-alerting p { font-size: 14px; margin: 8px 0; }
body.landing #effective-alerting a { text-decoration: underline; font-size: 15px; font-family: Helvetica,Arial,sans-serif; font-weight: bold; }
body.landing #effective-alerting ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
body.landing #effective-alerting li { font-size: 14px; display: block; float: left; padding-left: 36px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-attachment: scroll; line-height: 32px; width: 90px; text-align: left; margin-left: 70px; }
body.landing #effective-alerting li.phone { background-image: url(/images/new/phone_32.png); }
body.landing #effective-alerting li.sms { background-image: url(/images/new/sms_32.png); }
body.landing #effective-alerting li.email { background-image: url(/images/new/email_32.png); }
body.landing div.block { display: inline; float: left; margin-right: 20px; width: 190px; }
body.landing div.last { margin-right: 0; }
body.landing #feature-list { margin-bottom: 25px; }
body.landing #feature-list h3 { font-size: 14px; color: #434343; margin-bottom: 8px; padding: 0 0 0 44px; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-attachment: scroll; }
body.landing #feature-list p { color: #5E5E5E; margin-top: 0; }
body.landing #feature-list h3.title-monitoring { background-image: url(/images/new/monitor_36.png); }
body.landing #feature-list h3.title-scheduling { background-image: url(/images/new/calendar_36.png); }
body.landing #feature-list h3.title-escalation { background-image: url(/images/new/escalator_up_36.png); }
body.landing #feature-list h3.title-alerting { background-image: url(/images/new/alarm_36.png); }
body.landing #feature-list h3.title-onthego { background-image: url(/images/new/run_grey_36.png); }
body.landing #feature-list h3.title-international { background-image: url(/images/new/world_36.png); }
body.landing div.row { overflow: hidden; display: inline-block; margin-bottom: 10px; }
body.landing div.row { display: block; }
body.landing #thumbnails { border-right: 1px solid #CCCCCC; display: inline; float: left; margin-right: 10px; padding-right: 29px; padding-left: 20px; width: 550px; width: 520px; /*
display: inline;
float: left;
margin-right: 30px;   // normally, this would be 10px
width: 610px;         // normally, this would be 630px
*/ }
body.landing #thumbnails h3 { font-family: arial,helvetica,sans-serif; font-size: 19px; color: #222222; }
body.landing #thumbnails div.row { overflow: hidden; display: inline-block; margin-top: 20px; }
body.landing #thumbnails div.row { display: block; }
body.landing #thumbnails div.thumb { display: inline; float: left; margin-right: 20px; width: 160px; text-align: center; }
body.landing #thumbnails div.thumb h4 { font-size: 13px; color: #222222; }
body.landing #thumbnails div.last { margin-right: 0; }
body.landing #customers { display: inline; float: left; margin-right: 0; padding-left: 30px; padding-right: 20px; width: 320px; /*
display: inline;
float: left;
margin-right: 0;
padding-left: 30px;
padding-right: 20px;
width: 320px;
*/ }
body.landing #customers h3 { margin: 0 0 15px 0; font-family: arial,helvetica,sans-serif; font-size: 19px; color: #222222; }
body.landing #customers h4 { margin: 0 0 12px 0; font-family: arial,helvetica,sans-serif; font-size: 15px; color: #222222; }
body.landing #customers ul { overflow: hidden; display: inline-block; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 0 25px 0; padding: 0; }
body.landing #customers ul { display: block; }
body.landing #customers li { display: block; float: left; width: 155px; height: 50px; text-align: center; }
body.landing #customers li a { display: block; overflow: hidden; text-indent: -1000px; margin: 0 auto; width: 145px; height: 50px; background: url(/images/new/customers/customer-logos.png) no-repeat top left; }
body.landing #customers li a.braintree_logo { background-position: 0 0; width: 145px; height: 50px; }
body.landing #customers li a.cloudkick_logo { background-position: 0 -100px; width: 145px; height: 50px; }
body.landing #customers li a.fogcreek_logo { background-position: 0 -200px; width: 145px; height: 50px; }
body.landing #customers li a.heroku_logo { background-position: 0 -300px; width: 145px; height: 50px; }
body.landing #customers li a.invitemedia_logo { background-position: 0 -400px; width: 145px; height: 50px; }
body.landing #customers li a.linode_logo { background-position: 0 -500px; width: 145px; height: 50px; }
body.landing #customers li a.opscode_logo { background-position: 0 -600px; width: 145px; height: 50px; }
body.landing #customers li a.railsmachine_logo { background-position: 0 -700px; width: 145px; height: 50px; }
body.landing #customers div.testimonial-container { position: relative; }
body.landing #customers div.testimonial-container div.testimonial { margin-bottom: 28px; position: absolute; left: 0; top: 30px; }
body.landing #customers div.testimonial-container div.testimonial blockquote { margin: 0; font-style: normal; color: inherit; font-size: 13px; background: transparent url(/images/new/left_quote.gif) no-repeat scroll 0 2px; padding: 5px 0 0 25px; }
body.landing #customers div.testimonial-container div.testimonial blockquote p { padding-bottom: 6px; margin: 0; }
body.landing #customers div.testimonial-container div.testimonial blockquote span.right-quote { background: transparent url(/images/new/right_quote.gif) no-repeat scroll right bottom; display: inline-block; height: 14px; width: 17px; margin: 0 0 -4px 3px; }
body.landing #customers div.testimonial-container div.testimonial div.customer { margin: 12px 0 0 25px; }
body.landing #customers div.testimonial-container div.testimonial div.customer p { margin: 0px 0 12px 0; float: left; }
body.landing #customers div.testimonial-container div.testimonial div.customer img { margin: 2px 9px 0 0; }
body.landing #news { display: inline; float: left; margin-right: 0; padding-left: 30px; padding-right: 20px; width: 320px; }
body.landing #news h3 { margin-bottom: 15px; font-family: arial,helvetica,sans-serif; font-size: 19px; color: #222222; }
body.landing #news div.news-item h4 { margin-top: 15px; }
body.landing #news div.news-item h4 span { color: #5D5D5D; display: inline-block; margin-right: 5px; }
body.landing #news div.news-item p { margin-top: 5px; }
body.landing #news p.loader { font-style: italic; }

a.signup-btn { display: block; height: 57px; width: 385px; overflow: hidden; text-indent: -999em; background: transparent url(/images/new/btn-see-plans-orange.png) no-repeat scroll left top; }

a.signup-btn:hover { background-position: 0 -57px; }

a.plans-pricing-btn { background: transparent url(/images/new/btn-see-plans-orange.png) no-repeat scroll left top; }

body.faq #faq { display: inline; float: left; margin-right: 10px; width: 590px; }
* html body.faq #faq { overflow-x: hidden; }
body.faq ul { list-style-type: disc; list-style-image: none; list-style-position: outside; }
body.faq #questions { margin-bottom: 25px; }
body.faq #questions li { margin: 0 0 7px 20px; }
body.faq #questions a { text-decoration: underline; }
body.faq #answers h2 { margin-top: 20px; font-size: 18px; color: #15658A; }
body.faq #answers ul { margin-left: 20px; }
body.faq #sidebar { display: inline; float: left; margin-right: 0; width: 350px; }
* html body.faq #sidebar { overflow-x: hidden; }
body.faq #sidebar div.extra-info { padding: 0 20px; border: 1px solid #EEE8D8; background-color: #F9F8D8; font-size: 14px; margin-bottom: 20px; }
body.faq #sidebar div.extra-info h3, body.faq #sidebar div.extra-info p { margin: 10px 0; }
body.faq #sidebar div.extra-info a { text-decoration: underline; }

body.tour #tour-overview { padding-left: 40px; display: inline; float: left; margin-right: 0; width: 670px; }
* html body.tour #tour-overview { overflow-x: hidden; }
body.tour #tour-overview div.section { overflow: hidden; display: inline-block; padding-top: 1px; margin-bottom: 25px; }
body.tour #tour-overview div.section { display: block; }
body.tour #tour-overview div.section div.thumb { display: inline; float: left; margin-right: 10px; width: 230px; }
* html body.tour #tour-overview div.section div.thumb { overflow-x: hidden; }
body.tour #tour-overview div.section div.thumb img { border: 1px solid #AAAAAA; }
body.tour #tour-overview div.section div.tour-feature { display: inline; float: left; margin-right: 0; width: 430px; }
* html body.tour #tour-overview div.section div.tour-feature { overflow-x: hidden; }
body.tour #tour-overview div.section div.tour-feature h2 { font-size: 18px; margin-bottom: 10px; }
body.tour #tour-overview div.section div.tour-feature p { line-height: 20px; margin: 10px 0; }
body.tour #tour-overview div.section div.tour-feature a img { margin-left: 4px; }
body.tour #tour-feature { padding-left: 40px; display: inline; float: left; margin-right: 0; width: 670px; color: #666666; font-size: 14px; line-height: 24px; }
* html body.tour #tour-feature { overflow-x: hidden; }
body.tour #tour-feature span.standout { background-color: #FFFF99; }
body.tour #tour-feature h2 { font-size: 18px; }
body.tour #tour-feature img.screenshot { display: block; margin: 0 auto; }
body.tour #tour-feature img.framed { border: 1px solid #CFCFCF; }
body.tour #tour-feature div.screen { text-align: center; }
body.tour #tour-feature table.countries { width: 100%; }
body.tour #tour-feature table.countries td { width: 33%; }
body.tour #tour-feature #contact-method-logos { text-align: center; }
body.tour #tour-feature #contact-method-logos td { margin: 10px 0; width: 33%; text-align: center; }
body.tour #tour-feature #contact-method-logos tr.captions div { width: 128px; margin: 0 auto; font-size: 12px; line-height: 18px; color: red; }
body.tour #tour-feature #create-schedule-steps td { vertical-align: top; text-align: center; width: 33%; }
body.tour #tour-feature div.footnote { text-align: right; font-size: 12px; font-weight: bold; font-style: italic; }

body.privacy #body, body.terms #body, body.credits #body { font-size: 14px; }
body.privacy #body ul, body.privacy #body ol, body.terms #body ul, body.terms #body ol, body.credits #body ul, body.credits #body ol { margin-left: 30px; }
body.privacy #body li, body.terms #body li, body.credits #body li { margin-bottom: 5px; }
body.privacy #body p, body.privacy #body ol, body.privacy #body ul, body.terms #body p, body.terms #body ol, body.terms #body ul, body.credits #body p, body.credits #body ol, body.credits #body ul { line-height: 20px; }
body.privacy #body p.lead-in, body.terms #body p.lead-in, body.credits #body p.lead-in { font-weight: bold; }
body.privacy #body h2, body.terms #body h2, body.credits #body h2 { margin-top: 15px; font-size: 20px; }

body.contact #body { font-size: 14px; }
body.contact #contact-form { display: inline; float: left; margin-right: 10px; width: 630px; }
* html body.contact #contact-form { overflow-x: hidden; }
body.contact #contact-form h2 { margin: 20px 0; }
body.contact #contact-form p { line-height: 20px; }
body.contact #contact-form form { border: 1px solid #D5D5D5; background-color: #F2F4F3; margin-top: 15px; padding: 10px 20px 20px 20px; }
body.contact #contact-form form label { display: block; font-weight: bold; margin: 15px 0 5px 0; color: #222222; }
body.contact #contact-form form input[type="text"] { width: 360px; font-size: 14px; }
body.contact #contact-form form textarea { width: 500px; font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
body.contact #contact-form form input[type="image"] { display: block; margin-top: 10px; }
body.contact #contact-form form div.fieldWithErrors input, body.contact #contact-form form div.fieldWithErrors textarea { background-color: #FFBFBF; }
body.contact #contact-form form div.formError { color: red; font-size: 13px; font-style: italic; }
body.contact #other-contact-methods { padding-left: 40px; display: inline; float: left; margin-right: 0; width: 270px; line-height: 20px; }
* html body.contact #other-contact-methods { overflow-x: hidden; }
body.contact #other-contact-methods h3 { margin-top: 20px; }
body.contact #other-contact-methods p { margin: 5px 0; }
body.contact #thank-you { text-align: center; border: 1px solid #DDDDDD; background-color: #F0F0F0; width: 500px; margin: 30px auto; padding: 20px; }
body.contact #thank-you p { font-size: 14px; }

body.pricing #body { font-size: 14px; }
body.pricing div.masthead { text-align: center; }
body.pricing div.masthead h2 { font-size: 36px; color: #000000; }
body.pricing div.masthead h3 { font-size: 21px; font-weight: normal; color: #39892F; }
body.pricing #pricing_container { padding: 0 10px; margin-top: 30px; }
body.pricing #pricing_container div.special { background: #C5FF84 none repeat scroll 0 0; font-weight: bold; text-align: center; padding: 10px; font-size: 16px; margin-bottom: 15px; }
body.pricing #pricing_plans { width: 100%; border-collapse: collapse; font-size: 14px; }
body.pricing #pricing_plans th { padding: 5px 10px; text-align: center; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
body.pricing #pricing_plans th h2 { color: #000000; font-size: 24px; padding: 0; margin: 0 0 2px 0; }
body.pricing #pricing_plans th h3 { font-size: 20px; color: #39892F; }
body.pricing #pricing_plans th h3 span { font-size: 13px; font-weight: normal; }
body.pricing #pricing_plans th span.orig-price { font-size: 15px; color: #39892F; text-decoration: line-through; display: block; }
body.pricing #pricing_plans th h3.discount-price { color: red; }
body.pricing #pricing_plans td { padding: 5px 10px; text-align: center; border: 1px solid #CCCCCC; }
body.pricing #pricing_plans td span.orig-alert-price { display: block; text-decoration: line-through; font-size: 13px; }
body.pricing #pricing_plans td span.discount-alert-price { display: block; color: red; }
body.pricing #pricing_plans th.colored, body.pricing #pricing_plans td.colored { background-color: #F0F0F0; background-color: #EEEEEE; }
body.pricing #pricing_plans td.lheading { text-align: left; border-left: none; }
body.pricing #pricing_plans th.last, body.pricing #pricing_plans td.last { border-right: none; }
body.pricing #asterisk { margin-top: 10px; float: left; font-size: 12px; }
body.pricing #usd { margin-top: 5px; float: right; font-size: 12px; font-weight: bold; }
body.pricing a.sign_up_big { background: transparent url(/images/buttons/sign_up_for_risk_free.png) no-repeat scroll left center; height: 79px; width: 302px; display: block; overflow: hidden; text-indent: -1000px; margin: 20px auto 0 auto; }
body.pricing a.signup-blue { background: transparent url(/images/new/btn-try-pd-blue-sprite.png) no-repeat scroll 0px 0px; height: 62px; width: 292px; display: block; overflow: hidden; text-indent: -1000px; margin: 20px auto 0 auto; }
body.pricing a.signup-blue:hover { background: transparent url(/images/new/btn-try-pd-blue-sprite.png) no-repeat scroll 0px -61px; }
body.pricing #pricing_faq { overflow: hidden; display: inline-block; margin-top: 30px; padding: 10px 0px; clear: both; padding: 15px 20px 0 20px; background-color: #EEEEEE; }
body.pricing #pricing_faq { display: block; }
body.pricing #pricing_faq h2 { margin-bottom: 20px; }
body.pricing #pricing_faq h3 { font-size: 15px; }
body.pricing #pricing_faq h2, body.pricing #pricing_faq h3 { color: #222222; }
body.pricing #pricing_faq p { font-size: 13px; color: #434343; line-height: 20px; margin: 5px 0 15px 0; }
body.pricing #pricing_faq div.col1 { display: inline; float: left; margin-right: 20px; width: 445px; }
body.pricing #pricing_faq div.col2 { display: inline; float: left; width: 445px; }
body.pricing #legal { color: #999999; font-size: 12px; }

body.docs { background-color: #F7F7F7;   /* #doc-banner { border-bottom: 1px solid #C6D9E9; height: 78px; background-color: #EDF4F5;
 }*/ }
body.docs #body { overflow: hidden; display: inline-block; border: 1px solid #DEDEDE; background-color: #EEEEEE; }
body.docs #body { display: block; }
body.docs #docs-nav { border-right: 1px solid #CCCCCC; display: inline; float: left; padding-left: 20px; width: 210px; }
body.docs #docs-nav ul { margin: 0; padding: 0 0 0 10px; }
body.docs #docs-nav li { list-style-image: none; list-style-position: outside; list-style-type: none; font-size: 13px; }
body.docs #docs-nav li a { color: #1D599F; display: block; padding: 3px 0 3px 5px; }
body.docs #docs-nav li a:hover { color: #FFFFFF; background-color: #1D599F; text-decoration: underline; }
body.docs #docs-nav #doc-menu { padding-left: 0; }
body.docs #docs-nav #doc-menu > li { margin: 20px 0; }
body.docs #docs-nav #doc-menu > li > a, body.docs #docs-nav #doc-menu > li > span { font-size: 17px; font-weight: bold; display: block; border-bottom: 1px solid #CCCCCC; margin-bottom: 5px; }
body.docs #docs-nav #doc-menu > li > a { text-decoration: none; padding: 0; }
body.docs #docs-nav #doc-menu > li > span { color: #222222; }
body.docs #doc-content { margin-left: -1px; border-left: 1px solid #CCCCCC; display: inline; float: left; margin-right: 0; padding-left: 29px; padding-right: 30px; padding-bottom: 30px; width: 660px; background-color: #FFFFFF; font-size: 14px; line-height: 21px; }
body.docs #doc-content ol, body.docs #doc-content ul { margin: 8px 0 8px 28px; }
body.docs #doc-content ol li, body.docs #doc-content ul li { margin: 8px 0; }
body.docs #doc-content p { margin: 15px 0; }
body.docs #doc-content table, body.docs #doc-content pre, body.docs #doc-content code { margin: 0.5em 0; }
body.docs #doc-content h1, body.docs #doc-content h2, body.docs #doc-content h3, body.docs #doc-content h4, body.docs #doc-content h5, body.docs #doc-content h6 { color: #222222; }
body.docs #doc-content h1 { font-size: 30px; margin: 15px 0 20px 0; text-align: center; padding: 20px 0 30px 0; }
body.docs #doc-content h2 { font-size: 22px; margin: 30px 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px solid #DEDEDE; }
body.docs #doc-content h3 { font-size: 18px; margin: 20px 0 10px 0; }
body.docs #doc-content h4 { font-size: 16px; }
body.docs #doc-content h5 { font-size: 14px; }
body.docs #doc-content pre { font-family: monospace; background-color: #E0E0E0; color: #333333; font-size: 12px; border: 1px solid #C0C0C0; display: block; padding: 10px; overflow-x: auto; overflow-y: visible; line-height: 1.2em; }
body.docs #doc-content table { width: 100%; border: 1px solid #C0C0C0; }
body.docs #doc-content table th { color: #222222; }
body.docs #doc-content table th, body.docs #doc-content table td { padding: 5px; background-color: #E0E0E0; }
body.docs #doc-content img { border: 1px solid #C0C0C0; margin: 0.5em 0 1em 0; }
body.docs span.h1 { display: block; color: #EEEEEE; font-size: 36px; font-family: arial,helvetica,sans-serif; margin-top: 17px; font-weight: normal; }