/*--------------Shared on all pages-------------------*/ #divCentered { width:1024px; margin:0 auto; position:relative} #content { width:942px; min-height:330px; margin:0 0 0 85px; padding-bottom:30px; background-color:#f5f5f5; border:2px #222 solid; border-top:none; overflow:hidden; background-image:url("../images/background_topstripes.png"); background-repeat:repeat-x;} #topimage { width:945px; height:200px; overflow:hidden; margin:15px 0 15px 85px; border:2px #2e2e2e solid;} #header { width:945px; min-height:115px; margin:0 0 0 85px; padding:0; background-color:#202020; border:2px #161616 solid; } #divFooter { width:950px; height:300px; color:#626262; margin:5px 0 0 85px; clear:left;} #divFooter div { } .first-column { width:200px; padding:0 0 0 30px; float:left;} .second-column { width:190px; padding:0 0 0 30px; float:left;} .third-column { width:190px; padding:0 0 0 30px; float:left;} .fourth-column { width:270px; padding:25px 0 0 10px; float:left;} #partner-icons { margin-left:40px;width:180px;} #btnFooterFreeTrial { width:209px; height:46px; background-image:url("../images/buttons/downloadFreeTrial_Color2_small.png"); background-repeat:no-repeat; text-indent:-9999px; outline:none; border:0px; display:block; margin:0 0 15px 40px;} #btnFooterFreeTrial:hover{ background-position:0 -46px } #divSocialMedia { background-color:#010101; border:1px solid #2a2a2a; padding:10px; position:fixed; top:0px; z-index:99} #divSocialMedia a { text-decoration:none; outline:none; border:0px;} .tiny { font-size:0.8em;} .left { float:left;} .clear { clear:both; height:0px width:0px; margin:0; padding:0;} .note { font-size:.85em; line-height:1.3em; font-style:italic;} .invisible { visibility:collapse; height:1px;} .notbold { font-weight:normal; font-family:"Cabin", Arial, Sans-Serif; } div.whiteStripSection { background-color:#f3f3f3; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; clear:left; margin-top:0px; padding-bottom:40px; } div.blackStripSection { background-color:#1d1c1c; background-image:url(../images/blackStripBackground.png); border-top:2px solid #2e2e2e; border-bottom:3px solid #0b0b0b; clear:left; margin-top:0px; padding-bottom:40px;} div.blackStripSection p { color:#dddddd;} div.blackStripSection h2, div.blackStripSection h3, div.blackStripSection h1{ color:#aaaaaa;} div.pinkStripSection { background-color:#1d1c1c; background-image:url(../images/pinkStripBackground.png); border-top:2px solid #2e2e2e; border-bottom:2px solid #0b0b0b; clear:left; margin-top:0px; padding-bottom:40px;} div.pinkStripSection h2, div.pinkStripSection h1 { color:#ffffff; font-size:1.6em;} div.pinkStripSection p { color:#c8c8c8;} .google-plus { width:32px; height:32px; border:0px; margin:8px;} .google-plus-1 { margin:5px 0 0 0} #phone-cart { position:relative; float:right; top:20px; width:220px;} #phone-cart span { color:#eee; display:block; float:left; font-size:11pt;padding-top:5px;} #phone-cart a { float:left;padding-top:5px;} /*Different Box Background Designs*/ div.gradientbox { border:2px #e0e0e0 solid; width:400px; background-color:#ececec;} div.gradientbox-swirls { border:1px #aaaaaa solid; background-image:url(../images/gradient-back-small-swirls.png); background-repeat:no-repeat; width:400px; background-color:#e0e0e0;} div.gradientbox-swirls2 { border:1px #aaaaaa solid; background-image:url(../images/gradient-back-small-swirls2.png); background-repeat:no-repeat; width:400px; background-color:#e0e0e0;} div.gradientbox-dots { border:1px #aaaaaa solid; background-image:url(../images/gradient-back-small-dots.png); background-repeat:no-repeat; width:400px; background-color:#e0e0e0;} div.gradientbox-curves { border:1px #aaaaaa solid; background-image:url(../images/gradient-back-small-curves.png); background-repeat:no-repeat; width:400px; background-color:#e0e0e0;} div.gradientbox-dots2 { border:1px #aaaaaa solid; background-image:url(../images/gradient-back-small-dots2.png); background-repeat:no-repeat; width:400px; background-color:#e0e0e0;} div.gradientbox-rounded-stripes { border:0; background-image:url(../images/gradient-back-rounded-stripes.png); background-repeat :no-repeat; width:400px; height:300px;} .gradientbox-large-solid{ background-color:#ececec; border:solid 2px #e0e0e0; width:850px; margin:15px 40px; padding:15px; } /*special styles for regions of a page*/ ul.footer { color:#626262; line-height:1.3em; font-size:10pt; margin-top:5px; text-indent:5px; padding-left:0px; margin-left:13px; } #divFooter a { color:#626262; text-decoration:none; } #divFooter a:hover { color:#a2a2a2; } #header a, #header p { color:#a2a2a2;} #header a:hover { color:#d2d2d2; } /*-------------------Home Page------------------------*/ p.home { margin-right:5px;} p.homeHeading { color:#787878; margin:10px 30px; font-family:"Cuprum", "Droid Serif", Serif; font-size:18pt;} p.main { margin:30px 30px 10px 30px } p.quote { color:#9a9a9a; width:300px; margin:20px 30px 0 30px; padding:0px; font-size:9.2pt; font-style:italic; line-height:13pt; float:right; position:relative; z-index:2;} p.quoteAuthor { color:#6a6a6a; margin:0px 30px; padding:0px; font-size:10pt; line-height:13pt; float:right; } span.largequotemark { width:17px; height:17px; background-image:url("../images/quotemark.png"); background-repeat:no-repeat; top:0px; position:relative; float:left; z-index:1;} .paragraphHeading { color:#4a494a; width:260px; padding:0 30px 0 0; font-family:"Cuprum", "Droid Serif", Serif; font-size:15pt; text-align:justify;} .blockParagraph { color:#757575; width:260px; padding:0 30px 0 0; font-family: 'Cabin', Verdana, Arial; font-size:10.5pt; line-height:1.4em; text-align:justify;} .blockParagraph a { text-decoration:none; } .ulSummaryList { width:500px; height:130px; color:#c94179; font-size:11pt; line-height:18pt; margin:20px 10px 10px 10px; } .ulSmallList { color:#c94179; font-size:10pt; line-height:14pt; margin:10px 0 0 0; } .ulSummaryList span, .ulSmallList span { color:#787878;} #btnFreeTrial { width:235px; height:52px; background-image:url("../images/buttons/downloadFreeTrial_Color2.png"); background-repeat:no-repeat; text-indent:-9999px; outline:none; border:0px; display:block; margin:0 0 15px 8px;} #btnFreeTrial:hover { background-position:0 -52px;} #divShadedBox { background-color:#ececec; border:3px solid #e0e0e0; padding:0 0 20px 0; } #divFacebook { float:left; height:245px; width:250px; margin:25px 0 0 30px;} #divTwitter { width:208px; height:260px; margin:25px 0 0 20px; background-image:url("../images/twitterBackground.png"); background-repeat:no-repeat; float:left;} #followOnTwitter { font-size:7pt; margin:0px; text-align:right; position:relative; top:70px;} #twitterTitle { color:#7c7c7c; font-size:10pt; text-align:center; margin:12px 0;} #divTwitterText { padding:5px 20px 0 38px; height:120px; overflow:hidden;} #tweet { color:#9b9a9a; padding:0px; margin:0px; font-size:10pt; text-align:center;} .blogExcerpt { color:#949494; padding:0 0 15px 0; font-size:10pt; margin: 5px 30px 0 0;} .blogTitle { color:#656565; margin:5px 30px 0 0; font-size:11pt; font-weight:normal;} .blogDate { color:#757575; margin:5px 30px 0px 0px; font-size:10pt;} .blogLink { font-size:9pt; margin:0px;} #divSummary { width:586px; float:left; } /*=2/3 of width*/ #divDownloadTrial { width:293px; float:left; padding:30px 0 20px 40px;} /*=1/3 of width*/ #divWhoIsItFor { width:450px; float:left; padding:50px 0 0 30px;} /*=1/2 of width*/ #divTestimonials { width:410px; float:left; padding:20px 0 0 0; margin:0 0 0 35px; text-align:right;} #divParagraph1 { width:300px; float:left; padding:40px 0 0 0; } #divParagraph2 { width:315px; float:left; padding:40px 0 0 0; } #divParagraph3 { width:300px; float:left; padding:40px 0 0 0; } #divSocial { width:530px; float:left; padding:60px 0 20px 0; } #divBlog { width:370px; float:left; padding:60px 0 20px 0; margin:0 0 0 30px; text-align:right;} /*--------------------------Media---------------------------*/ h3.media {color:#dddddd;} /*----------------------Requirements------------------------*/ table.req { border:1px #bbb solid; background-color:#cccccc; color:#444444; padding:0; margin-left:30px; width:600px;} table.req td { border:1px #999 solid;} table.req th { border:1px #999 solid; color:#dddddd; background-color:#404040; text-align:left; font-size:1.1em;} table.req tr.light { background-color:#e5e5e5;} table.req tr.med { background-color:#aaa; color:#ffffff; font-weight:bold;} table.req tr.dark th { background-color:#777;} #singleReqSection, #lanReqSection, #wanReqSection, #posReqSection, .largeGradientBox { border:#ccc 3px solid; border-top: #bbb 1px solid; width:748px; margin-left :auto; margin-right:auto; background-color:#ececec; margin-bottom:40px; padding-bottom:20px; padding-right:30px;clear:both;} #singleReqSection h1, #lanReqSection h1, #wanReqSection h1, #posReqSection h1 { color:#333333;} /*Buttons*/ #requirementsNav { list-style:none; padding:0; margin-left:79px;margin-bottom:20px;} #requirementsNav li a { display:inline-block; float:left; height:28px; width:194px; padding:0px; text-decoration:none; background-color:#dddddd; outline:none; color:#333333; border:1px #bbb solid; border-bottom:1px #bbb solid; text-align:center; padding-top:10px; font-weight:bold; font-family:Arial, Sans-Serif; background-image:url(../images/requirementsGradient.png); background-repeat:repeat;} #requirementsNav li a:hover { background-image:url(../images/requirementsGradient-over.png);} /*------------------Updates and Upgrades-------------------*/ #soloSection, #standardSection, #proSection, #lanSection { border:#e0e0e0 3px solid; border-top: #999999 1px solid; width:748px; margin-left:40px; background-color:#ececec; margin-bottom:40px; padding-bottom:20px; padding-right:30px;clear:both;} #soloSection h1, #standardSection h1, #proSection h1, #lanSection h1 { color:#333333;} /*Update Eligibility page */ #divLoading { background-image:url(../images/loading_sm.gif); background-repeat:no-repeat;width:32px; height:32px; margin: 20px auto 0;} .loginBox { border:3px solid #e0e0e0; width:430px; margin: 0 auto; background-color:#ececec; padding-bottom:20px; clear:both;} .loginBox p.form { font-family:Arial;font-weight:bold;margin: 15px 0 5px 70px;} .loginBox input { font-weight:bold;margin-left: 70px; width: 250px; line-height: 23px;} .serialNumberBox { border:#e0e0e0 3px solid; width:585px; margin:0 auto; background-color:#ececec; padding-bottom:20px;padding-left: 20px; clear:both;} .serialNumberBox p.form { font-family:Arial;font-weight:bold;margin: 15px 0 10px 0;} .serialNumberBox input { font-size: 11pt !important; font-weight: bold; padding: 0 5px !important; text-align: center; width: 50px; line-height: 23px;} .serialNumberBox input[type="text"]:focus{ border:#F8CA00 solid 2px !important;} .errorBox { background-color: #ececec; border: 2px solid #D65454; margin: 10px auto 0;padding: 10px; text-align: center; width: 410px; font-family: Arial;font-weight: bold;} .updateBox,.upgradeBox,.addOnsBox { border:#999999 3px solid; border-top: #999999 1px solid;width:748px; margin-left:40px; background-color:#e0e0e0; background-image:url(../images/gradient-back.png); background-repeat:no-repeat; margin-bottom:40px; padding-bottom:20px; padding-right:30px;clear:both;} .updateBox h1,.upgradeBox h1,.addOnsBox h1 { color:#333333;} .updateBox hr, .upgradeBox hr,.addOnsBox hr { background-color: #ccc;border: 0 none;height: 1px;width: 90%; margin: 20px auto 0;} .purchaseDetails { background-color: #E0E0E0;background-image: url("../images/gradient-back2.png");background-repeat: no-repeat; border: 1px solid #444444;clear: both;margin: 0 auto 40px;padding-right: 30px; text-align: left; width: 300px;} #updateEligibilityNav { list-style:none; padding:0; margin-left:40px;margin-bottom:20px;} #updateEligibilityNav li a { display:block; float:left; height:28px; width:194px; padding:0px; background-color:#dddddd; outline:none; color:#333333;border:1px #999999 solid; border-bottom:1px #999999 solid; text-align:center; padding-top:10px;font-weight:bold; font-family: Arial; background-image:url(../images/requirementsGradient.png); background-repeat:repeat; text-decoration: none;} #updateEligibilityNav li a:hover { background-image:url(../images/requirementsGradient-over.png);} .selectedTab { background-image:url(../images/requirementsGradient-on.png) !important;color:#000000 !important;} .loginBox a { margin:5px 30px; font-size:10pt; font-weight:normal;text-decoration:underline;} h2.loginHeader { margin-bottom: 5px; margin-left: 255px; padding-bottom: 0; padding-top: 10px;} .smallTitle { color: #000000;font-family: Arial;font-size: 1em;font-variant: small-caps;font-weight: bold;line-height: 1em;} #helpSNModal p { font-size: 1.5em;} .ui-tooltip-titlebar h3 { margin: 10px 0; } #ui-tooltip-modal { max-width: 620px; -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5); box-shadow: 0 0 10px 1px rgba(0,0,0,.5);} #ui-tooltip-modal .ui-tooltip-content { padding: 10px;} .ui-tooltip-light .ui-tooltip-titlebar { background-color: #F5F5F5 !important;} /*Upgrades Buttons*/ #upgradesNav { list-style:none; padding:0; margin-left:40px;margin-bottom:20px;} #upgradesNav li a { display:block; float:left; height:28px; width:194px; padding:0px; background-color:#dddddd; outline:none; color:#333333;border:1px #999999 solid; border-bottom:1px #999999 solid; text-align:center; padding-top:10px;font-weight:bold; background-image:url(../images/requirementsGradient.png); background-repeat:repeat;} #upgradesNav li a:hover { background-image:url(../images/requirementsGradient-over.png);} /*------------------------Features--------------------------*/ #featuresTable { border:1px #777777 solid; margin-left:30px; width:890px;} #featuresTable th, #featuresTable td { border:1px #777777 solid;} #featuresTable td { text-align:center; } #featuresTable td.title { text-align:left; background-color:#dddddd; font-size:10pt;} #featuresTable td.title a { border-bottom:1px dashed #b71e4b; text-decoration:none;} #featuresTable th { background-color:#333333; color:#eeeeee; text-align:center;} #featuresTable th.medium { background-color:#666666; color:#ffffff; text-align:center;} #featuresTable th.light { background-color:#aaaaaa; color:#404040; text-align:left;} /*-----------------------Testimonials---------------------*/ .testimonialtext { margin-left:10px;margin-right:10px;} .test-sig { margin-left:645px;color: #666666;font-size:13px;font-weight:bold; font-style:italic} a.light-link { color:#eeeeee;} a.light-link:hover { color:#aaaaaa;} /*---------------------Software Pricing--------------------*/ #softwareeditions {width:850px; margin-left:40px;} .shortline {margin-top:0px; height:230px; width:4px;} .line {margin-top:100px; height:410px; width:4px;} h2.pricing {font-size:1.6em; width:auto; margin:0; text-align:center;} p.pricing {width:auto; margin:0; text-align:center; color:#aa0e60;} ul.pricing {margin-left:20px; margin-right:2px; padding:0; font-size:8.5pt; } ul.pricing li {margin-left:0px; margin-bottom:5px; color:#555555; line-height:1.0em; text-indent:0px;} p.pricinglight {width:auto; margin:20px 10px 20px 10px; color:#555555; line-height:1.3em; font-size:0.9em; text-align:justify;} .editionlist {margin-left:20px;} /*----------------------Contact Sales--------------------*/ table.contactsales { width:370px; background-color:#ececec; border:2px #e0e0e0 solid; margin-left:30px; padding:5px; border-collapse:collapse; } table.contactsales td { padding:10px; } table.contactsales th { background-color:#e0e0e0; padding:10px; } h2.contactheader { color:#222; text-align:center;} .contact-label { color:#f3f3f3;float:left; width:100px; text-align:right; margin:5px 0px;} .contact-info { color:#ddd; float:left; width:150px; text-align:left; margin:5px 10px;} .contact-info-wide { color:#ddd; float:left; width:300px; text-align:left; margin:5px 10px 30px 5px;} .contact-half { width:270px; } #contact-box { background-color:#292929; color:#ddd; border:3px solid #353535; width:650px; margin:30px auto; } #contact-box h2 { display:inline-block; color:#fff; font-size:20px; border-bottom:1px solid #222; background-color:#393939; width:100%; margin:0; padding:20px 0; text-align:center; } .contact-half { padding:20px 20px 10px 20px; } #hours { margin:20px;} /*-----------------------Hardware Pricing-----------------------*/ div.hardware-box { border:1px #aaaaaa solid; background-image:url(../images/hardwareBoxBackground.png); background-repeat:no-repeat; width:250px; height:300px; background-color:#e0e0e0; float:left; margin:0 0 30px 45px;} div.hardware-price-box { width:250px; height:40px; margin-top:5px;} .hardware-box img { max-width:200px; max-height:160px; margin-left:30px; margin-top:0px;} .hardware-box h3 { margin: 5px 10px 2px 15px; font-size:11pt;} .hardware-box p { margin: 0px 15px 0px 15px;} .hardware-price-box p { margin: 0 10px 0 20px; color:#cccccc; font-size:1.1em; font-weight:bold;} .hardware-price-box a { margin-left:45px; color:#83be2e; width:120px; font-size:1.0em;} .hardware-price-box a:hover { color:#62a71f;} /*NARROW Hardware Style*/ div.hardware-box-narrow { border:1px #aaaaaa solid; background-image:url(../images/hardwareBoxBackground-narrow.png); background-repeat:no-repeat; width:220px; height:300px; background-color:#e0e0e0;} div.hardware-price-box-narrow { width:220px; height:40px; margin-top:5px;} .hardware-box-narrow img { max-width:200px; max-height:160px; margin-left:15px; margin-top:0px;} .hardware-box-narrow h3 { margin-left:15px; margin-top:5px; margin-bottom:2px; margin-right:10px; font-size:11pt;} .hardware-box-narrow p { margin-left:15px; margin-top:0px; margin-bottom:0px; margin-right:15px; font-size: 10pt; line-height:1.1em;} .hardware-price-box-narrow p { margin-left:20px; margin-top:0px; margin-bottom:0px; margin-right:10px; color:#cccccc; font-size:1.1em; font-weight :bold;} .hardware-price-box-narrow a { margin-left:45px; color:#83be2e; width:120px; font-size:1.0em;} .hardware-price-box-narrow a:hover { color:#62a71f;} .hardwareItem img, .hardwareItem { border:none; outline:none; font-size:0.8em; cursor:pointer;} /*ToolTips*/ .tooltip {display:none; background:url(../images/toolTipBack.png); height:178px; padding:25px 30px 10px 30px; width:310px; color:#fff; font-size:0.8em;} .tooltip-large {display:none; background:url(../images/toolTipBack-large.png); height:215px; padding:25px 30px 10px 30px; width:368px; color:#fff; font-size:0.8em;} .tooltip h3, .tooltip-large h3 {font-size:1.1em; margin-left:10px;} .tooltip-large p, .tooltip p {margin-left:10pt; line-height:1.1em;} .tooltip ul {font-size:9pt; line-height:1; text-indent:0px;} /*--------------------Support-----------------------*/ ul.featurelist {color:#555555; margin-left:0px;} ul.featurelist li {line-height:1.6em; font-size:0.9em; margin-left:10px; margin-bottom:5px;} table.support h4 {margin-bottom:0px; margin-top:0px;} table.support p {margin-top:5px; margin-right:0px;} .supportblackbar {background-image:url(../images/support-blackbar.png); background-repeat:repeat-x; width:100%; height:47px;} .supportsidebar {width:238px; height:489px; } .supportoptions {width:238px; list-style:none; margin:0; padding:0;} .supportoptions li {width:238px; height:56px; margin:0; padding:0; background-image:url(../images/support-buttons.png); background-repeat:no-repeat; display:block; } li.topsupportoption {width:238px; height:56px; margin:0; padding:0; background-image:url(../images/support-topbutton.png); background-repeat:no-repeat; display:block;} .supportoptions li:hover{background-position:0 -56px; } .supportoptions li a {height:56px; width:238px; display:block; outline:none; font-size:14pt; color:#eee; padding:18px 15px; cursor:pointer;} li.green {background-image:url(../images/support-greenarrow.png);} /*updates*/ div.feature {width:300px; height:200px; float:left; margin-left:0px; margin-top:20px;} div.feature h2 {color:#202020; font-size:14pt;} div.feature p {color:#555555; font-size:11.5pt; line-height:1.4em; text-align:justify;} /*--------------Resellers-------------------*/ div.resellerbox { width:250px; float:left; height:150px; border:2px #ccc solid; margin:20px 0 0 25px; text-align:center; padding:10px; background-color:#f5f5f5;} .reseller-flag { margin:0 20px 0 30px } .reseller-div { height:400px; margin:30px;} .reseller-div-tall { height:480px; margin:30px;} /*--------------input component styles-------------------*/ input[type="text"], input[type="password"], textarea { color:#555; border:#d6d6d6 solid 2px; height:26px; font-family:Verdana, Arial, san-serif; padding-left:5px;padding-right: 5px;} input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border:#aaa solid 2px; background-color:#f9f9f9;} input[type="text"].error, input[type="password"].error, select.error, textarea.error { border:#d65454 solid 2px; background-color:#f9e3e3;} input[type="text"].error:focus, input[type="password"].error:focus, select.error:focus, textarea.error:focus { border:#d65454 solid 2px; background-color:#f8f9f9;} select { color:#555; border:#ddd solid 2px; height:26px;} strong.notbold { font-weight:normal; font-family:'Cabin', Verdana, Sans-Serif}