/* HTML Elements */
* { margin: 0; padding: 0; }
body { font: 76% Arial, Helvetica, sans-serif; line-height: 1.7em; }
img { border: 0; }
a { color: #35759f; text-decoration: none; }
a:hover { color: #35759f; }
a.www { padding-right: 25px; background: url(/i/www.gif) right 1px no-repeat; }
input, textarea { font: 76% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-size: 1.1em; }
pre { margin: 20px 0 20px 0; padding: 0; border: 1px solid #ddd; font-size: 1.2em; white-space: pre-wrap; }
address { font-style: normal; }
code { font-family: 'Courier New', Courier, serif; font-size: 10pt; }
img.left { padding: 0 15px 25px 0; }
img.category { padding: 0 30px 25px 0; }
hr { background: #666; color: #666; border: none; height: 1px; margin: 0; padding: 0; }
/* Messages */
.errorMsg { margin-top: 15px; border: 1px solid #B03333; background: #EFD6D6; padding: 10px 10px 10px 10px; color: #B03333; font-weight: bold; }
.errorMsg p,
.errorMsg ul { color: #B03333 !important; font-weight: bold; margin: 10px; }
.errorMsg ul { font-size: 0.9em; }
.errorMsg p { font-size: 12px; }
.errorMsg li { margin-left: 50px; }
ul.error { margin: 0; padding: 10px 10px 10px 10px; border: 1px solid #B03333; background: #EFD6D6; color: #B03333; font-weight: bold; font-size: 0.9em; }
ul.error li { margin-left: 25px; }
p.error, span.error,
p.info, span.info,
p.thanks, span.thanks { margin: 15px 0 !important; padding: 7px 12px !important; color: white !important; font-weight: bold; /*border-width: 1px; border-style: solid;*/ text-align: center; }
p.error, span.error { background: #B03333; }
p.info, span.info { background: #6898CF; }
p.thanks, span.thanks { background: #339900; }
p.error a,
p.info a,
p.thanks a { color: white; text-decoration: underline; }
span.error,
span.info,
span.thanks { margin: 0 !important; padding: 3px 5px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* Input Form */
fieldset.input { margin: 1em 0 1.5em 0; padding: 0; border: none; }
fieldset.input legend { color: #333; font-size: 14px; }
fieldset.input ol { padding: 0; list-style: none; margin: .5em 0 0 1em; }
fieldset.input li { float: left; clear: left; width: 100%; padding-bottom: 1em; }
fieldset.input label { float: left; width: 12em; color: #666; }
fieldset.input input[type="text"],
fieldset.submit input[type="text"],
fieldset.input select { padding: 4px 2px; width: 250px; }
fieldset.input select { width: 256px; z-index: 20; margin-bottom: 5px; }
fieldset.input textarea.error,
fieldset.input input.error,
fieldset.input select.error { border: 2px solid red; color: red; background: #EFD6D6; border: 2px solid #B03333 !important; }
fieldset.input select.error { width: 258px; color: black; font-weight: normal; }
fieldset.input textarea.blurred,
fieldset.input input.blurred { color: #aaa; }
fieldset.submit { clear: both; border: none; margin-left: 13em; }
fieldset.submit input[type="submit"] { padding: 2px; }
/* Branding */
#moobiz { position: absolute; left: 0; top: 15px; }
#moobiz small { position: absolute; bottom: 0; right: 0; font-size: 0.5em; color: #999; line-height: 24px; }
#branding { position: relative; height: 90px; width: 960px; margin: 0 auto; }
#branding #hiring { position: absolute; top: 5px; left: 322px; }
/* Navigation Lists */
#topNav { float: right; list-style: none; }
#topNav li { display: inline; }
#topNav li a { float: left; color: #816666; height: 90px; display: block; line-height: 90px; padding: 0 10px; font-weight: normal; }
#topNav li.selected a { background: transparent url(/i/nav-main-selected.gif) no-repeat bottom center; }
/* Preview Pane */
#previewPane { height: 224px; background: #F0F0EE url(/i/background-preview-pane.png) repeat-x top left; }
#previewPane .container { height: 224px; padding: 30px 0; }
#previewPane h1 { color: #999; font-size: 38px; font-family: Arial, sans-serif; font-weight: normal; line-height: 112%; margin-top: 30px; }
#previewPane p { font-size: 13px; color: #999; font-weight: bold; line-height: 122%; margin-top: 10px; }
/* Common classes */
.clear { visibility: hidden; clear: both; }
.container { width: 960px; margin: 0 auto; position: relative; }
.column { float: left; width: 48%; padding: 0 1% 0; }
.columnThird { width: 31%; }
.columnDouble { width: 65%; }
.rule { background: #666; height: 1px; color: #666; border: none; clear: both; }
.left { float: left; }
.right { float: right; }
.quote { font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666; font-size: 13pt; }
img.blog { border: 25px solid #F6F6F6; background: #fff; }
blockquote { float: left; width: 44%; background: url(/i/quote.jpg) 0 0 no-repeat; padding-left: 40px;}
blockquote p { font-size: 14px; color: #555; line-height: 16px; margin: 10px;}
/* Generic buttons */
a.tryMoobiz,
button.tryMoobiz { display: inline-block; padding: 10px 35px; text-align: center; text-decoration: none !important; font-size: 12pt; color: white; font-weight: bold; border: none; cursor: pointer; margin: 20px 0; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); text-shadow: 0 0 5px rgba(0, 0, 0, 0.6); background: #F2941A; background: -moz-linear-gradient(top, #F2941A, #FF8000); background: -webkit-gradient(linear, left top, left bottom, from(#F2941A), to(#FF8000)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2941A', endColorstr='#FF8000'); }
a.tryMoobiz:hover,
button.tryMoobiz:hover { color: white; box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); background: #FF8000; background: -moz-linear-gradient(top, #FF8000, #F2941A); background: -webkit-gradient(linear, left top, left bottom, from(#FF8000), to(#F2941A)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8000', endColorstr='#F2941A'); }
/* External feeds */
#external { clear: both; margin-top: 25px; text-align: right; background: #eee; padding: 8px 8px 4px 0; }
/* Content Area */
#content { min-height: 300px; margin-top: 15px; }
/* Footer */
#footer { background: #82a3cc url(/i/footer-bg.png) top left repeat-x; height: 200px; padding: 20px 0 100px 0; margin-top: 80px; position: relative; }
#footer a { color: white; }
#footer ul { float: left; margin: 50px 0 0 0; padding: 0; display: block; width: 150px; list-style-image: url(/i/footer-bullet.jpg); }
#footer ul.apps { margin-left: 25px; width: 200px; }
#footer ul li.first { list-style: none; margin-left: -20px; padding-bottom: 5px; font-weight: bold; color: white; font-size: 11pt; }
#footer div.search { float: left; width: 280px; margin-top: 50px; }
#footer div.search #searchInput { padding: 4px 2px; width: 200px; }
#footer div.search #searchSubmit { padding: 2px; }
#footer div.search p { margin-top: 25px; color: white; }
#footer div.search p #smallLogo { float: left; margin-right: 15px; }
#footer #priceStar { position: absolute; top: -80px; left: 420px; margin: 0; padding: 0; }
/* Homepage */
body.home #previewPane .container div.cycle ul { position: absolute; bottom: 43px; right: 119px; }
body.home #previewPane h1 { font-size: 38px; margin-top: 0; }
body.home #previewPane p { font-size: 16px; margin-top: 15px; width: 350px; font-family: Arial, sans-serif; font-weight: normal; }
body.home #previewPane .container { position: relative; }
body.home #previewPane .container h1 { padding-top: 50px; }
body.home #previewPane .container #laptop { position: absolute; right: 5px; top: 20px; z-index: 5; }
body.home #previewPane .container #iphone { position: absolute; right: 20px; top: 100px; z-index: 100;}
body.home div.cycle ul { z-index: 100; list-style: none; margin: 0; padding: 0; overflow: hidden; }
body.home div.cycle ul,
body.home div.cycle ul li,
body.home #sequence ul li img { width: 381px; height: 236px; }
body.home #youchoose { float: left; margin-top: 30px; margin-right: 10px; padding: 10px; width: 190px; height: 400px; border-right: 1px solid #999; text-align: right; background: url(/i/home-arrow.png) 50px 200px no-repeat;}
body.home #youchoose h2 { color: #999; font-size: 32px; font-family: Arial, sans-serif; font-weight: normal; line-height: 112%; }
body.home #info { margin: 0 125px; }
body.home #info #homeIntro span#price { float: right; margin: 30px; }
body.home #info #homeIntro h2 { font-size: 28px; line-height: 29px; font-weight: lighter; color: #777;}
body.home #info #homeIntro h2 span { font-size: 18px;}
body.home #info #homeIntro p { font-size: 20px; line-height: 29px;}
body.home #info #homeIntro p span { color: #E39A19}
body.home #info #homeIntro blockquote p { font-size: 14px; color: #555; line-height: 16px; margin: 10px; }
body.home #info #homeIntro hr { background: #ddd; margin: 20px 0;}
body.home #text { float: right; margin-top: 0px; padding-top: 70px; background: url(/i/category-text-bg-top.png) repeat-x top left; }
body.home #text div { float: left; width: 300px; padding-left: 55px;}
body.home #text div h3 { font-size: 18px; font-weight: lighter; color: #666;}
body.home .usesBusiness { background: url(/i/catBusiness.jpg) no-repeat top left; }
body.home .usesProjects { background: url(/i/catProjects.jpg) no-repeat top left; }
body.home .usesWebsite { background: url(/i/catWebsite.jpg) no-repeat top left; }
body.home .usesPromote { background: url(/i/catPromote.jpg) no-repeat top left; }
body.home #howitworks { position: relative; background: #E4ECEF url(/i/howitworks.jpg) 0 0 no-repeat; height: 324px; width: 708px; margin-top: 20px;}
body.home #howitworks ul { position: relative; width: 708px; height: 250px; list-style: none; }
body.home #howitworks li { position: absolute; width: 180px; color: #777;}
body.home #howitworks li#choose { top: 180px; left: 50px; }
body.home #howitworks li#create { top: 180px; left: 280px;}
body.home #howitworks li#control { top: 180px; left: 510px;}
body.home #howitworks p { float: right; margin-right: 30px; line-height: 37px;}
body.home #howitworks a { display: inline-block; padding: 0 10px 0; background: url(/i/buttonbg.jpg) repeat-x; color: #fff;}
body.home a.tryMoobiz { padding: 10px 45px; margin-right: 10px; }
/* App Library */
body.library #previewPane { height: 320px; }
body.library #previewPane .container { width: 960px; height: 290px; padding-right: 0; padding-bottom: 0; position: relative; }
body.library #previewPane .container span img { position: absolute; top: 30px; right: 0; }
body.library div.navigation { height: 110px; background: url(/i/background-navigation.png) repeat-x bottom; margin-bottom: 50px; }
body.library div.navigation ul { list-style: none; }
body.library div.navigation ul li { float: left; display: block; text-align: center; width: 120px; height: 90px; margin-top: 20px; }
body.library div.navigation ul li a { color: #666; font-size: 15px; display: block; height: 90px; }
body.library div.navigation ul li a:hover,
body.library div.navigation ul li a.selected { background: url(/i/navigation-selected.png) no-repeat bottom center; }
body.library #info h1 { font-size: 28px; font-family: Arial, sans-serif; font-weight: normal; color: #4169A8; line-height: 112%; }
body.library #info p { font-size: 15px; font-family: Arial, sans-serif; color: #999; line-height: 137%; margin-top: 20px; }
body.library #text { margin-top: 25px; }
body.library #text .left h4 { font-size: 16px; color: #5f88be; }
body.library #text .right h4 { font-size: 12px; color: #ff5c00; }
body.library #text p { margin: 10px 0 20px 0; }
body.library #text #featuresLink { padding-left: 15px; background: url(/i/features-arrow.gif) no-repeat left center; }
/* App Pages */
body.app #previewPane { height: 164px; }
body.app #previewPane .container { height: 124px; }
body.app #previewPane img { float: right; margin: 5px 25px 5px 0; }
body.app #previewPane h1 { font-size: 19pt; margin: 5px 0 0 25px; line-height: 100px; }
body.app #content a { text-decoration: underline; }
body.app #content a abbr { text-decoration: none; border-bottom: none; }
body.app #content div.breakdown { height: 250px; margin: 60px 0; clear: both; }
body.app #content div.breakdown img { float: right; width: 460px; margin-left: 20px; border: 8px solid #EBEBEB; box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4); }
body.app #content div.breakdown div { height: 250px; display: table-cell; vertical-align: middle; }
body.app #content div.breakdown h2 { color: #698FC2; font-size: 14pt; margin-bottom: 10px; padding: 0; clear: both; }
body.app #content div.breakdown p { font-size: 11pt; color: #999; line-height: 200%; }
body.app #content div.breakdown p.actionBar { margin-top: 15px; }
body.app #content div.breakdown a.tryMoobiz { margin-top: 10px; padding: 4px 25px; }
/* Categorised Sidebar Navigation */
body.sidebar #navigation { float: left; width: 225px; }
body.sidebar #navigation p { font-size: 17px; color: #999; line-height: 40px;}
body.sidebar #navigation ul { list-style: none; }
body.sidebar #navigation li { font-size: 14px; font-family: Arial, sans-serif; padding: 0; border-bottom: 1px solid #ccc; }
body.sidebar #navigation li:first-child { border-top: 1px solid #ccc; }
body.sidebar #navigation li a { display: block; height: 40px; line-height: 40px; padding: 10px 7px; color: #999; background-repeat: no-repeat; background-position: 7px center; }
body.sidebar #navigation li a img { vertical-align: middle; }
body.sidebar #navigation li.selected { background: url(/i/category-selected.png) no-repeat right 21px; }
body.sidebar #navigation li li:last-child { border: none; }
body.sidebar #navigation li li a { height: 20px; line-height: 20px; padding: 7px; }
body.sidebar #navigation p.appIncludes { font-size: 14px; padding-left: 65px; background: url(/i/includes.jpg) no-repeat;}
/* Pricing */
body.pricing #previewPane p { width: 425px; }
body.pricing #previewPane p a { color: white; text-decoration: underline; }
body.pricing #previewPane .container { height: 164px; background: url(/i/eggs.png) no-repeat right center; }
body.pricing #content h1 { font-weight: normal; font-size: 35px; font-family: Arial, sans-serif; color: #999; padding-top: 15px; margin-bottom: 15px; }
body.pricing #content p { font-size: 12px; font-family: Verdana, sans-serif; color: #666; }
body.pricing #content p a.tryMoobiz { margin-top: 20px; }
body.pricing #pricing { border-collapse: collapse; margin: 20px 0; font-size: 20px; font-weight: lighter; color: #999; width: 100%;}
body.pricing #pricing th{ text-align: center; padding: 7px;}
body.pricing #pricing th img{ display: block; margin: 0 auto;}
body.pricing #pricing th small{ line-height: 0px; font-size: 9px;}
body.pricing #pricing th.popular { border: 1px solid #E3F3FB; -moz-box-shadow: 0px -5px 8px #bbb; -webkit-box-shadow: 0px -5px 8px #bbb; }
body.pricing #pricing td{ text-align: center; line-height: 32px; border: 1px solid #eee; background: #F8FCFE; padding: 7px;}
body.pricing #pricing td.centre{ text-align: center;}
body.pricing #pricing td.left{ text-align: left; float: none;}
body.pricing #pricing td.popular { background: #E3F3FB; }
/* Sign Up */
body.signup #content p { font-size: 12px; font-family: Verdana, sans-serif; color: #666; }
body.signup #content fieldset { border: none; }
body.signup #signup { width: 70%; margin: 30px auto; padding-bottom: 20px; background: #F0F0EE; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); }
body.signup #signup h1 { text-align: center; font-weight: normal; font-size: 18pt; font-family: Arial, sans-serif; color: #fff; width: 100%; background: red; padding: 20px 0; border-top-left-radius: 24px; border-top-right-radius: 24px; -moz-border-radius-topleft: 24px; -moz-border-radius-topright: 24px; -webkit-border-top-left-radius: 24px; -webkit-border-top-right-radius: 24px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); background: #8DACD0; background: -moz-linear-gradient(top, #8DACD0, #698FC2); background: -webkit-gradient(linear, left top, left bottom, from(#8DACD0), to(#698FC2)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8DACD0', endColorstr='#698FC2'); }
body.confirmation li strong,
body.signup label { font-size: 12pt; width: 11em; margin-right: 2em; text-align: right; font-weight: normal; color: #666; }
body.signup label { padding-top: 5px; }
body.signup ol { list-style: none; margin: 15px 0; }
body.signup ol li { padding: 12px 0; }
body.signup ol li span { margin: 5px 0 0 17em; display: block; color: #666; }
body.signup #company,
body.signup #name,
body.signup #contactEmail,
body.signup #locale { padding: 6px 4px; width: 300px; }
body.signup #locale { padding: 6px 4px; width: 310px; }
body.signup #terms { margin-left: 18em; }
body.signup #terms label { font-size: 10pt; }
body.signup button { width: 320px; margin: 30px auto 0 auto; display: block; }
body.signup #answers { margin: 60px 15% 0 15%; }
body.signup #answers h2 { font-weight: normal; color: #999 !important; margin-bottom: 20px; }
body.signup #answers h3 { font-weight: normal; color: #333; margin-top: 20px; font-size: 14px; }
body.signup #answers p { font-weight: normal; margin: 0 0 10px 0; }
body.confirmation ol li { font-size: 12pt; color: #698FC2; }
body.confirmation ol li strong { float: left; }
body.confirmation button { margin: 0; display: inline-block; }
body.confirmation #action { text-align: center; padding-top: 20px; }
body.confirmation #signup p { text-align: center; margin: 10px 0; }
/* Sign Up - Thanks */
body.thanks #content { color: #999; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
body.thanks #content h1 { color: #999; margin: 25px 0; font-weight: normal; }
body.thanks #content p { margin: 25px 0; font-size: 14pt; font-weight: normal; }
body.thanks #content strong { color: #666; }
body.thanks #content ol { margin: 15px 0 15px 20px; font-size: 14pt; }
body.thanks #content ol li { margin-bottom: 10px; }
body.thanks #content dl { font-size: 14pt; }
body.thanks #content dt { color: #666; float: left; clear: left; width: 180px; margin: 0; padding: 8px 0; }
body.thanks #content dd { margin: 0; padding: 8px 0; }
body.thanks #content dd p { margin: 10px 0 0 180px; font-size: 10pt; margin-top: 10px; padding: 0; }
body.thanks #content form p { margin-top: 15px; }
body.thanks #content a.signup { line-height: 42px; }
/* About Moobiz */
body.about #navigation { float: left; width: 225px; margin-top: 50px; }
body.about #navigation ul { list-style: none; }
body.about #navigation li { font-size: 15px; font-family: Arial, sans-serif; padding: 0; border-bottom: 1px solid #ccc; }
body.about #navigation li:first-child { border-top: 1px solid #ccc; }
body.about #navigation li a { display: block; height: 20px; line-height: 20px; padding: 7px; color: #999; background-repeat: no-repeat; background-position: 7px center; }
body.about #previewPane .container { height: 234px; background: url(/i/cow.png) no-repeat right center; }
body.about #info { margin-left: 250px; margin-top: -5px; margin-bottom: 100px; }
body.about #info h1 { font-size: 28px; font-family: Arial, sans-serif; font-weight: normal; color: #999; line-height: 112%; }
body.about #info #introduction { margin-top: 25px; margin-bottom: 10px; }
body.about #info #introduction img { float: left; margin-top: 10px; }
body.about #info .column { width: 45%; margin: 0 5% 0 0; padding: 0; }
body.about #info .column h2 { margin-bottom: 10px; padding-top: 10px; font-size: 13px; font-weight: bold; color: #345e9b; }
body.about #info .column p { color: black; margin-bottom: 10px; }
body.about #info p { font-size: 15px; font-family: Arial, sans-serif; color: #999; line-height: 137%; margin-top: 20px; }
body.about #introduction p { color: #999; font-size: 20px; line-height: 29px;}
body.about #text { margin-top: 25px; }
body.about #text .left h4 { font-size: 16px; color: #5f88be; }
body.about #text .right h4 { font-size: 12px; color: #ff5c00; }
body.about #text p { margin: 10px 0 20px 0; }
body.about #text #featuresLink { padding-left: 15px; background: url(/i/features-arrow.gif) no-repeat left center; }
/* Buzz */
body.buzz #previewPane .container { height: 164px; background: url(/i/heart.png) no-repeat right center; }
body.buzz #info { Margin: 20px 0 20px 220px;}
body.buzz #info p { color: #999; font-size: 20px; line-height: 29px;}
body.buzz #info p span { color: #E39A19}
body.buzz blockquote { min-height: 200px; width: 700px; margin: 10px 0 10px 170px; border-bottom: 1px solid #ddd;}
body.buzz blockquote img { position: absolute; margin-left: -200px; -moz-box-shadow: 0 0 20px #aaa; -webkit-box-shadow: 0 0 20px #aaa;}
body.buzz blockquote p { color: #999; font-size: 17px; line-height: 22px;}
/* Security */
body.security #previewPane .container { height: 164px; background: url(/i/secure.png) no-repeat right center; }
/* Demo Account */
body.demo #previewPane p { width: 275px; }
body.demo #previewPane .container { height: 164px; background: none; }
body.demo #info { margin-top: 25px; }
body.demo #info img.header { float: right; margin: -220px 0 30px 0;}
body.demo #info p { clear: right; font-size: 20px; color: #999; line-height: 29px; margin-top: 15px; }
/* Blog */
body.blog #previewPane .container { height: 194px; background: url(/i/owl.png) no-repeat right center; }
body.blog #articles h1 { font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #345B9E; font-size: 1.8em; padding-top: 20px; }
body.blog #content { position: relative; }
body.blog #articles { width: 710px; }
body.blog #featuredClients { clear: both; }
body.blog .item { position: relative; }
body.blog .item h2 { color: #333; font-weight: lighter; padding: 0 0 8px 0; margin-top: 30px; border-bottom: 1px solid #ddd; font-size: 18px; }
body.blog .item h2 a { color: #FF5C00; }
body.blog .item h2 a:hover { color: #9B1203; }
body.blog .item h4 { font-size: 16px; font-weight: lighter; color: #333; padding: 20px 0 8px 0;}
body.blog .item .author,
body.blog .item .date { margin: 0; list-style: none; font-family: Georgia, Times, serif; padding: 5px 0; color: #375EA0; font-weight: bold; }
body.blog .item .author { position: absolute; left: 0; }
body.blog .item .date { position: absolute; right: 0; }
body.blog .item .category { text-align: right; font-family: Georgia, Times, serif; font-weight: bold; margin: 0; padding-top: 8px; color: #666; }
body.blog .item .category a { color: #666; }
body.blog .item hr { margin-top: 30px; height: 1px; color: #999; background: #999; border: none; padding: 0; }
body.blog .item img { margin: 15px; -moz-box-shadow: 0 0 20px #aaa; -webkit-box-shadow: 0 0 20px #aaa;}
body.blog .item p.snippet { margin-top: 30px; }
body.blog .item ul,
body.blog .item ol { margin-left: 30px; }
body.blog .item p { color: #666; font-size: 14px; margin: 10px 0; }
body.blog #comments h3 { font-family: Georgia, Times, serif; font-size: 1.3em; line-height: 25px; padding: 0 8px 0 0; border-bottom: 1px solid #999; margin: 12px 0; }
body.blog #comments label { font-weight: bold; }
body.blog #comments .name { padding-right: 25px; }
body.blog .comment { background: transparent url(/i/comment.jpg) no-repeat top left; padding: 10px; margin-bottom: 15px; position: relative; }
body.blog .comment.reply { margin-left: 30px; }
body.blog .comment p { color: #666; }
body.blog .comment .author { text-decoration: underline; font-weight: bold; margin: 0; padding: 0; position: absolute; left: 10px; }
body.blog .comment .date { padding: 0; margin: 0; position: absolute; right: 10px; }
body.blog .comment .message { padding-top: 20px; }
body.blog #comments form label { width: 150px; display: block; }
body.blog #navigation { float: right; width: 200px; }
body.blog #navigation h1 { font-size: 1.4em; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 8px; color: #999999; border-bottom: 1px solid #999; text-transform: uppercase; }
body.blog #navigation ul { list-style: none; margin: 20px 0px 60px 0px; padding-bottom: 24px; border-bottom: 1px solid #999; }
body.blog #navigation li { padding: 4px 8px; }
body.blog #navigation li a { text-decoration: underline; }
/* Contact Us */
body.contact #previewPane p { width: 500px; }
body.contact #previewPane .container { height: 164px; background: url(/i/fox.png) no-repeat right center; }
body.contact #contactBox { float: right; width: 200px; margin-top: 65px; }
body.contact #contactBox p { margin-bottom: 20px;}
body.contact p.officeHours { color: #666; }
body.contact ul.error { width: 75%; }
body.contact p.error { background: none; text-align: left; margin: 5px 0; padding: 0; color: #B03333 !important; border: none; }
/* Link Directory */
body.directory #previewPane p { color: white; }
body.directory #navigation { float: left; width: 225px; margin-top: 50px; }
body.directory #navigation ul { list-style: none; }
body.directory #navigation li { font-size: 15px; font-family: Arial, sans-serif; padding: 0; border-bottom: 1px solid #ccc; }
body.directory #navigation li:first-child { border-top: 1px solid #ccc; }
body.directory #navigation li a { display: block; height: 20px; line-height: 20px; padding: 7px; color: #999; background-repeat: no-repeat; background-position: 7px center; }
body.directory #info { margin-left: 250px; margin-top: -5px; margin-bottom: 100px; }
body.directory #info dl dd { margin-bottom: 2em; }
/* 404 Page */
body.errors #previewPane img { opacity: 0.5; }
body.errors #content { height: 210px !important; min-height: 210px !important; }
body.errors #content h1 { font-size: 25px; color: #999; margin: 0 0 30px 0; font-weight: normal; }
body.errors #content p { margin: 25px 0; padding: 0; font-size: 16px; color: #999; }
/* Help */
body.help #previewPane .container { height: 164px; background: url(/i/support.png) no-repeat right center; }
body.help h2, body.help h3 { font-size: 16px; color: #5f88be; }
body.help h4 { margin-top: 10px; }
body.help #intro { margin-left: 250px; }
body.help #navigation { float: left; width: 220px; }
body.help #navigation ul { margin-bottom: 10px; }
body.help #navigation li a { height: 16px; line-height: 16px; padding-top: 6px; padding-bottom: 6px; }
body.help #navigation li.selected { background-position: right center; }
body.help #info { margin-left: 0; width: 710px; float: right; }
body.help #info img { margin: 15px; -moz-box-shadow: 0 0 20px #aaa; -webkit-box-shadow: 0 0 20px #aaa;}
body.help #content h1 { font-weight: normal; font-size: 25px; font-family: Arial, sans-serif; color: #999; padding-top: 15px; margin-bottom: 15px; }
body.help #content p { font-size: 12px; font-family: Verdana, sans-serif; color: #666; }
body.help ul.questions { list-style: none; margin-top: 25px; margin-bottom: 25px; }
body.help ul.questions li { margin: 5px 0 25px 25px; }
body.help ul.questions li a { font-size: 1.4em; text-decoration: none; color: #345B9E; }
body.help ul.questions li a:hover { text-decoration: underline; }
body.help div.answer { margin-top: 30px; font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; }
body.help div.answer p,
body.help div.answer img { margin: 10px 0; }
body.help div.answer ol,
body.help div.answer ul { margin: 10px 0 10px 35px; color: #666; }
/* Terms & Conditions */
body.terms #content p { margin: 0; padding: 0; }
body.terms #content ul { margin-left: 50px; }
body.terms #content ol { margin-left: 50px; list-style-type: lower-alpha; }
body.terms #content ol ol { list-style-type: lower-roman; }
body.terms #content ol ol ol { list-style-type: lower-alpha; }
body.terms #content ol.upperAlpha { list-style-type: upper-alpha; }
body.terms #content h2 { padding-left: 0; margin: 25px 0 10px 0; }
body.terms #content h3 { color: #333; font-size: 1em; font-weight: bold; padding-left: 0; }
body.terms #content h4 { color: #333; padding: 0; margin: 0; font-size: 1em; }
body.terms #content p.center { text-align: center; margin: 5px; font-weight: bold; }
/* Features */
body.features #previewPane .container { padding-right: 560px; width: 400px; }
body.features #previewPane .container img { position: absolute; top: 60px; right: 0; }
body.features #navigation { float: left; width: 225px; margin-top: 50px; }
body.features #navigation ul { list-style: none; }
body.features #navigation li { font-size: 15px; font-family: Arial, sans-serif; padding: 0; border-bottom: 1px solid #ccc; }
body.features #navigation li:first-child { border-top: 1px solid #ccc; }
body.features #navigation li a { display: block; height: 40px; line-height: 40px; padding: 10px 7px; color: #999; background-repeat: no-repeat; background-position: 7px center; }
body.features #navigation li a img { vertical-align: middle; }
body.features #intro { padding-left: 50px; color: #999; font-size: 13px; margin-bottom: 35px; }
body.features #intro h1 { background: url(/i/big-tick.gif) no-repeat left center; color: #666; font-size: 18px; font-family: Arial, sans-serif; line-height: 32px; padding-left: 40px; margin-left: -40px; font-weight: normal; }
body.features #intro p { margin-top: 10px; }
body.features #intro ul { margin-top: 50px; display: inline-block; list-style: none; margin-right: 25px; }
body.features #features h2 { margin-top: 25px; font-size: 25px; color: #999; font-weight: normal; }
body.features #features ul { list-style: none; margin: 15px 0; border-top: 1px solid #ccc; }
body.features #features ul li { padding: 10px 0; border-bottom: 1px solid #ccc; background: url(/i/big-tick.gif) no-repeat right center; }
body.features #features ul li h3 { font-size: 12px; color: #5F88BE; }
body.features #features ul li p { font-size: 11px; color: #999; }
body.features #features p.top { text-align: right; }
body.features #features p.top a { padding-right: 15px; background: url(/i/to-top.gif) no-repeat right center; }
body.features #info p { color: #999; font-size: 20px; line-height: 29px;}
body.features table { border-collapse: collapse; margin: 50px 0; font-size: 14px; font-weight: lighter; color: #999; width: 100%;}
body.features tr.section,
body.features tr.section td { background: #DCF0FA; font-weight: bold; padding: 16px;}
body.features th { text-align: center; font-weight: lighter; padding: 7px; font-size: 16px; }
body.features td { text-align: center; line-height: 18px; border: 1px solid #eee; background: #F8FCFE; padding: 8px;}
body.features td.left{ text-align: left; float: none; }
/* Search results */
body.search #content h3 { margin-top: 10px; }
/* Changes */
body.changes div.deployment { margin-bottom: 40px; color: #666; font-size: 14px; }
body.changes div.deployment h2 { margin-bottom: 10px; color: #375EA0; font-weight: lighter; padding: 0 0 5px 0; border-bottom: 1px solid #ddd; font-size: 18px; }
body.changes div.deployment p.details { float: right; margin-top: -35px; font-family: Georgia, Times, serif; color: #aaa; font-weight: bold; }
body.changes div.deployment p { margin-left: 5px; margin-right: 5px; }
body.changes div.deployment table tr { vertical-align: top; }
body.changes div.deployment table td { padding: 2px 5px; }
body.changes div.deployment table td.date { width: 60px; }
body.changes div.deployment table td.type { width: 70px; }
body.changes div.deployment table td.type span.info { background-color: #FF5C00; }