/*----- Reset -----*/ 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 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 1em; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: #333; background: #f7f7f7; font-size: 75%; } html>body { font-size: 12px; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*----------------------------------------------------------------*/ /* global */ /*----------------------------------------------------------------*/ a.obfuscemail { text-decoration: none; } a:link,a:visited { text-decoration: none; color: #004ca8; } a:hover { text-decoration: underline; color: #005CCB; } .clear { clear: both; } em { font-style: italic; } strong { font-weight: bold; } /*----------------------------------------------------------------*/ /* newpad button */ /*----------------------------------------------------------------*/ .fpcontent .newpadbuttonwrap { width: 152px; height: 35px; background: url(/static/img/davy/btn/createpad-small.gif) no-repeat bottom left; } .fpcontent .newpadbuttonwrap a { width: 152px; position: relative; padding: 35px 0 0 0; overflow: hidden; background: transparent url(/static/img/davy/btn/createpad-small.gif) no-repeat top left; height: 0px; display: block; } /*----------------------------------------------------------------*/ /* 500 error page */ /*----------------------------------------------------------------*/ #errorpage .error500 { font-size: 1em; background: #fcc; border: 1px solid #f00; padding: 1em; margin: 1em 2em; font-weight: bold; } /*----------------------------------------------------------------*/ /* padviewpage */ /*----------------------------------------------------------------*/ body#padviewbody { background-color: #ebebeb; } #padviewpage a { text-decoration: underline; } #padviewpage #padviewheader { margin: 8px; padding: 8px; border: 1px solid #ccc; background-color: #e0e0ff; line-height: 160%; } #padviewpage #padviewheader h1 { font-weight: bold; font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; font-size: 2em; } #padviewpage .metadata { color: #333; } #padviewpage .rlabel { font-weight: bold; } #padviewpage p { margin-top: 2px; } #padviewpage #padcontent { border: 1px solid #ccc; margin: 8px; padding: 8px; font-family: sans-serif; font-size: 12px; background-color: #fff; line-height: 130%; } #padviewpage #padviewfooter { margin: 8px; padding: 8px; font-size: 12px; } #padviewpage #export td.exportpic a img { border: 0; } #padviewpage #export a.disabledexport { color: gray; text-decoration: none; } #padviewpage #export { font-size: 1em; } #padviewpage #export .exportlink { margin: 2px 0; } #padviewpage #export td.exportpic { padding-left: 10px; } #padviewpage #export td.labelcell { padding-left: 4px; } #export img { vertical-align: middle; padding: 4px; padding-bottom: 8px; padding-left: 3px; } #export span.titlelabel { vertical-align: top; padding-right: 12px; font-size: 1.3em; color: rgb(0, 0, 0); font-weight: bold; margin-top: 10px; } #export td.labelcell a { vertical-align: middle; font-size: 1em; padding-right: 12px; color: rgb(0, 52, 143); font-weight: bold; } /*----------------------------------------------------------------*/ /* feature tour page */ /*----------------------------------------------------------------*/ #featuretourpage {} #featuretourpage p { margin-top: 1em; } #featuretourpage #screencastmsg { margin: 2em 0; } #featuretourpage .featurebox { clear: both; padding: 1em 1em; margin-top: 2em; margin-left: auto; margin-right: auto; background: #eee; border: 1px solid #ccc; } #featuretourpage .featurebox .featureprose { } #featuretourpage .featurebox .featureprose h2 { } #featuretourpage .featurebox .featureprose p { padding: 0; margin: 1em 0; } #featuretourpage .featurebox img { border: 1px solid #aaa; margin: 0 1em 1em 1em; } #featuretourpage #usersbox div.featureprose { } #featuretourpage #usersimg { float: right; } #featuretourpage #editsimg { padding: 0; margin: 0; } #featuretourpage #neverlosework img { float: left; } #featuretourpage #neverlosework div.featureprose { } #featuretourpage #lockimg { float: right; border: 0;} #featuretourpage #revisionsimg { float: left; margin-left: 0; } #featuretourpage #codeimg { float: left; margin-left: 0; } #featuretourpage h2 { margin-top: 0; font-size: 1.5em; font-weight: bold; } #featuretourpage p { font-size: 1.1em; } /*----------------------------------------------------------------*/ /* product page */ /*----------------------------------------------------------------*/ #productpage p { font-size: 1.2em; color: #333; } #productpage h1 { } #productpage h2 { font-size: 1.6em; font-weight: bold; font-family: inherit; color: #399; font-style: italic; border-bottom: 1px solid #399; margin-top: 1.5em; margin-bottom: 0.3em; } #productpage #howuse { margin-left: 80px; margin-right: 80px; } #productpage #howuse p { font-size: 1.2em; line-height: 150%; } #productpage .tourbar { width: 100%; } #productpage .tourbar td { padding: 3px; } #productpage .tourbar .left { text-align: left; font-weight: bold; font-size: 1.6em; } #productpage .tourbar .right { text-align: right; } #productpage .tourbar a { color: #33f; font-size: 1.4em; font-weight: bold; } #productpage #tourtop { border-bottom: 1px solid #999; } /* #productpage #tourbot { border-top: 1px solid #999; } */ #productpage #pageshot img { display: block; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; padding: 0; } #productpage .javascripton #tourbody { /*height: 650px;*/ padding-top: 1px; padding-bottom: 1px; } #productpage .javascripton .tourprose { display: none; } #productpage #usecases table { height: 300px; padding: 20px auto; border: 1px solid #aaa; width: 100%; } #productpage #usecases td { vertical-align: top; } #productpage #usecases p { font-family: Georgia, serif; font-size: 1.3em; line-height: 1.3; } #productpage #usecases h3 { padding: 0; margin: 0; font-weight: bold; color: black; font-family: inherit; font-size: 1.6em; margin-top: 0.5em; } #productpage #usecases strong { font-style: normal; font-weight: normal; background-color: #ffc; } #productpage #usecases p.intro { margin: 0.5em 0;} #productpage #usecases #prosecell { padding-left: 20px; padding-right: 20px; padding-top: 15px; border-left: 1px solid #ccc; background: #fff url(/static/img/oct/insetrect.gif) no-repeat right top; } #productpage #usecases #prosecell p { padding: 0; margin: 0; margin-bottom: 0.8em; } #productpage .showpageshot #usecases { display: none; } #productpage .showusecases #pageshot { display: none; } #productpage #tourleftnavcell { width: 200px; } #productpage ul#tourleftnav { margin: 0; padding: 0; list-style: none; } #productpage ul#tourleftnav li { margin: 0; padding: 0; background: #fff; } #productpage ul#tourleftnav li a { color: #33f; text-decoration: none; } #productpage ul#tourleftnav li a:hover { text-decoration: underline; } #productpage ul#tourleftnav li a { outline: none; } #productpage ul#tourleftnav li { background: url(/static/img/oct/usecasesnavup.gif) repeat-x left center; border-bottom: 1px solid #ccc; } /*#productpage ul#tourleftnav li:hover { background: url(/static/img/oct/usecasesnavuph.gif) repeat-x left center; }*/ #productpage ul#tourleftnav li.selected { background: url(/static/img/oct/usecasesnavdown.gif) repeat-x left center } /*#productpage ul#tourleftnav li.selected:hover { background: url(/static/img/oct/usecasesnavdownh.gif) repeat-x left center; }*/ #productpage ul#tourleftnav li.selected a { color: #000; background: url(/static/img/oct/tinytriangle.gif) no-repeat 95% center; } #productpage #tourleftnav a { font-size: 1.2em; padding: 0.4em 0.4em; display: block; font-weight: bold; font-family: inherit; font-style: italic; cursor: pointer; } .fpcontent .newpadbuttonwrap { margin: 0 auto; } /*----------------------------------------------------------------*/ /* faq page */ /*----------------------------------------------------------------*/ #faqpage hr { width: 100%; margin-top: 2em; margin-bottom: 2em; margin-left: auto; margin-right: auto; color: #ccc; } div#faqpage h2 { border-bottom: 1px solid #aaa; margin: 0; } #faqpage div.answer { color: #222; padding: 1em; } #faqpage ul.qlist { margin: 2em 0 4em 1.4em; } #faqpage ul.qlist li { margin: .5em 0; } /*----------------------------------------------------------------*/ /* contact page */ /*----------------------------------------------------------------*/ #contactpage div.cbox { padding: 1em; margin: 2em 0; width: 330px; height: 200px; } #contactpage h2 { margin: 0; } #contactpage #boxleft { float: left; margin-left: 1em; } #contactpage #boxright { float: right; margin-right: 1em; } #contactpage #boxright p { font-size: 1.4em; font-family: serif; color: #222; padding-left: 2em; } /*----------------------------------------------------------------*/ /* company page */ /*----------------------------------------------------------------*/ #companypage div#appjetinc { width: 300px; float: left; padding: 2em; } #companypage div#appjetinc p { padding-left: 1em; } #companypage img#ajlogo { margin-top: 1em; border: 0; } #companypage img#pier38 { border: 1px solid #888; float: right; margin-top: 1em; } #companypage table img { border: 1px solid #444; margin-top: 4px; } #companypage table td { padding: 15px; vertical-align: top; } #companypage table td p.intro { margin-top: 0; } /*----------------------------------------------------------------*/ /* blog */ /*----------------------------------------------------------------*/ .blogbody { background: #f8f8f8; } .blogpage a#subscribelink { font-size: .92em; display: block; background: #fff; border: 1px solid #666; font-weight: bold; margin-bottom: 1em; padding: 4px 8px; color: #049; text-decoration: none; } .blogpage div#subscribewrap a:hover { background: #def; } .blogpage a#subscribelink img { border: 0; float: left; } .blogpage div#subscribewrap span.subtext { display: block; float: left; padding-left: 8px; padding-top: 2px; } div#blogcol1 { width: 520px; padding-left: 50px; float: left; font-size: .9em; } div#blogcol2 { float: left; width: 240px; margin-top: 24px; margin-left: 1em; } div#recentpostsbox { border: 1px solid #ccc; background: #fefefe; padding: 12px 6px; font-size: .8em; } div#recentpostsbox p { margin: 0; font-weight: bold; padding-left: .5em; } div#recentpostsbox a { color: #049; text-decoration: none; } div#recentpostsbox a:hover { text-decoration: underline; } div#recentpostsbox ul li { margin: 0; margin-top: .4em; } .blogpage div.bpheader { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; background: #eee; margin-top: 24px; padding: 1em; } .blogpage div.blogpost_mainpage_content { background: #fff; padding: 0 1em; padding-top: 0.1em; padding-bottom: 0.5em; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 100%; line-height: 1.4; } .blogpage div.blogpost_mainpage_content a { text-decoration: underline; } .blogpage div.blogpost_mainpage_content a:hover { color: red; } .blogpage div.bpheader div.postdate a { text-decoration: none; font-size: 1em; font-weight: bold; font-style: italic; color: #555; } .blogpage div.bpheader h2 { margin: 0; border: 0; } .blogpage div.bpheader h2 a { font-size: 1em; text-decoration: none; color: #049; margin: 0; font-style: normal; } .blogpage div#disqus_thread { margin-top: 40px; } .blogpage .commentslink { text-align: right; } .singleblogpost #blogposttop { margin-left: 50px; } .blogpage h3 { font-weight: bold; font-size: 1em; color: #050; } .blogpost_mainpage_content ol { } .blogpost_mainpage_content ol li { margin-top: 1em; margin-left: 2em; list-style: decimal; } .blogpage div.code { font-family: monospace; border: 1px solid yellow; padding: 0.5em; background: #ffd; } .blogpage tt { font-family: monospace; } /*----------------------------------------------------------------*/ /* create pad */ /*----------------------------------------------------------------*/ #createpadpage form { width: 80%; margin-left: auto; margin-right: auto; border: 1px solid #ddd; background: #eef; font-size: 1.8em; text-align: center; padding: 2em; } #createpadpage #padurl { background: #fff; border: 1px solid #ccc; padding: 1em; } #createpadpage input { font-size: 1.8em; } /*----------------------------------------------------------------*/ /* pad full */ /*----------------------------------------------------------------*/ #padfullpage #msg { margin: 2em 0; padding: 2em; background: #eee; border: 1px solid #aaa; font-size: 1.3em; } #padfullpage #padurlwrap { text-align: center; margin-bottom: 3em; } #padfullpage #padurl { background: #fff; border: 1px solid #ccc; padding: 1em; } /*----------------------------------------------------------------*/ /* beta signup */ /*----------------------------------------------------------------*/ #betasignuppage img#betasign { float: left; margin-top: 20px; } #betasignuppage div#betaformwrap { margin: 15px; padding: 20px; margin-left: 200px; border: 1px solid #ccc; background: #eee; } #betasignuppage div#betaformwrap p { margin: 0; color: #333; margin-bottom: 1em; } #betasignuppage div#betaform { padding: 2em 0; } #betasignuppage div#betaform input#email { font-size: 1.6em; color: #555; } #betasignuppage div#betaform button { font-size: 1.6em; } #betasignuppage div#confirm { display: none; } #betasignuppage div#error { margin: 1em 3em 2em 2em; color: red; display: none; } #betasignuppage div#confirm { margin: 2em 2em 2em 0em; color: green; font-weight: bold; display: none; } #betasignuppage div#subtext { font-size: .9em; color: #666; } /*----------------------------------------------------------------*/ /* time slider */ /*----------------------------------------------------------------*/ body#padsliderbody { font-size: 1.2em; padding: 20px; background-color: #fff; } #padsliderbody #stuff { width: 600px; margin-top: 10px; } #padsliderbody #sliderui { margin: 10px; } #padsliderbody #controls { background: #eee; padding: 5px; border: 1px solid #999; } #padsliderbody #currevdisplay { margin-top: 3px; } #padsliderbody #controls a { color: #00f; text-decoration: underline; cursor: pointer; } #padsliderbody #stuff { padding: 5px; } /*----------------------------------------------------------------*/ /* testimonials */ /*----------------------------------------------------------------*/ #testimonials { padding: 0 3em; font-family: times serif; } #testimonials .head { font-weight: bold; padding-top: 4px; padding-right: 80px; } #testimonials .quote-open { background: url(/static/img/about/quote-open.png) no-repeat left top; padding-left: 80px; margin-top: 2em; } #testimonials .quote-close { background: url(/static/img/about/quote-close.png) no-repeat right bottom; padding-right: 80px; text-align: justify; color: #222; } #testimonials .attrib { font-style: italic; text-align: right; padding-left: 2em; padding-right: 80px; color: #444; } #testimonials .attrib p { margin: 0; } /* pne faq */ div.pne-faq dt { font-size: 1.1em; border-bottom: 1px solid #444; color: #666; margin: 1.6em 0 0.75em 0; } /* support page */ div#support-content { margin: 0 4em; } div#forums-content { margin: 0 4em; }