/* ##################################### */ /* # HOMEPAGE (MAIN/EDU) # */ /* ##################################### */ body { } #menu { min-width: 998px; } #pageWrapperUsesDropShadows { padding-bottom: 20px !important; } /* Homepage styles */ p.intro { width:570px;} div#mainWrapHP { float: left; width: 100%; /*margin-top: 20px;*/ } .podContainerHP { float: left; width: 309px; margin: 0 6px 0 0; cursor: pointer; } /* homepage container for the pods */ .podContainerHP-last { float: left; width: 309px; margin: 0; } /* homepage container for the last pod */ .podContainerHPHover-last { display: none; float: left; width: 309px; margin: 0; } /* homepage container for the hover of the last pod */ #academicPod { width:309px; float:left; margin: 0; } /* hompage container for the hover of the last pod */ /* pod structure */ .how-to-buy-table h2.red { margin: 10px 0 4px; } .podTitleHP { background-color: #fff; padding: 18px 15px 6px 0; } .podTitleHP h2 { margin: 0; font-size: 19px; line-height: 20px; font-weight: bold; color: #323232; } .podTitleHP h2 a { color: #323232; } .podContainerHP.hover .podTitleHP h2 a { color: #b00; } .podTitleHP h3 { margin-top: 3px; font-size: 13px; line-height: 16px; font-weight: normal; color: #666; } .podBGHP, .podBGHPHover { width: 297px; height: 199px; } /* inner is 12px less than podContainer */ .podBGHPHover ul { padding-top: 10px; } .podBGHPHover ul li { background-image: none; } #reseller_countryHP { float:right; margin-right:0px; } #reseller_countryHP table { margin:5px 0 0 0; } #reseller_countryHP form { margin:0; padding:0;} #resellerHP td { padding:0; vertical-align:top;} .students table#other-options td { padding: 0; } /* --- */ /* Subpage styles */ #industry-type { display: none; } .podContainer { width:588px; } .podLeftColumn { } .podRightColumn { width:310px; margin:0 0 0 30px; } div.smallbutton { float:right;} .podTitle table { width:560px !important; width:545px;} table.academia { width:520px; } table.academia p.intro{ width:410px; } table.academia td.image { padding-bottom:10px; width:91px;} table.academia td.text { padding:15px 0 0 15px; } /* --- */ #industryPod {} #industryPod .podTitleHP { padding-left: 107px; background: url('/system-modeler/how-to-buy/img/bg_hp-industry.png') no-repeat 20px 8px; } #industryPod .podContainerHP .podBGHP { background: url('/system-modeler/how-to-buy/img/hp-industry_off.jpg') no-repeat 0 3px; } #industryPod .podContainerHP.hover .podBGHP { background: url('/system-modeler/how-to-buy/img/hp-industry_on.jpg') no-repeat 0 3px; } #govtPod {} #govtPod .podTitleHP { padding-left: 95px; background: url('/system-modeler/how-to-buy/img/bg_hp-govt.png') no-repeat 15px 10px; } #govtPod .podContainerHP .podBGHP { background: url('/system-modeler/how-to-buy/img/hp-govt_off.jpg') no-repeat 0 3px; } #govtPod .podContainerHP.hover .podBGHP { background: url('/system-modeler/how-to-buy/img/hp-govt_on.jpg') no-repeat 0 3px; } #academicPod { width:309px; float:left; margin: 0; } /* homepage container for the hover of the last pod */ #academicPod .podTitleHP { padding-left: 95px; background: url('/system-modeler/how-to-buy/img/bg_hp-education.png') no-repeat 16px 17px; } #academicPod .podBGHP { background: url('/system-modeler/how-to-buy/img/hp-education_off.png') no-repeat 0 3px; } #academicPod .podBGHPHover { background: url('/system-modeler/how-to-buy/img/hp-education_on.jpg') no-repeat 0 3px; } #academicPod h2.lightredHover a, #academicPod h2.lightredHover a:hover { color: #b00; } #hpContact { margin: 40px 0; } #hpContact p { margin: 0 0 8px 6px; font-size: 14px; line-height: 15px; color: #666; } #hpContact .button, #hpContact .largebutton { margin-left: 6px; } /* edu homepage */ body.howtobuy1c div#mainWrapHP { width: 616px; } .podContainerHP.eduHP { width: 302px; margin-top: 20px; } .eduHP .podBGHP, .eduHP .podBGHPHover { width: 290px; } /* inner is 12px less than podContainer */ #facultyPod {} #facultyPod .podTitleHP { padding-left: 88px; background: url('/system-modeler/how-to-buy/img/bg_edu-faculty.png') no-repeat 13px 17px; } #facultyPod .podContainerHP .podBGHP { background: url('/system-modeler/how-to-buy/img/edu_faculty_off.jpg') no-repeat -23px 3px; } #facultyPod .podContainerHP.hover .podBGHP { background: url('/system-modeler/how-to-buy/img/edu_faculty_on.jpg') no-repeat -23px 3px; } #studentPod {} #studentPod .podTitleHP { padding-left: 100px; background: url('/system-modeler/how-to-buy/img/bg_edu-students.png') no-repeat 9px 3px; } #studentPod .podContainerHP .podBGHP { background: url('/system-modeler/how-to-buy/img/edu_students_off.jpg') no-repeat -23px 3px; } #studentPod .podContainerHP.hover .podBGHP { background: url('/system-modeler/how-to-buy/img/edu_students_on.jpg') no-repeat -23px 3px; } /* ##################################### */ /* # SUBPAGES # */ /* ##################################### */ body#howtobuy .noshadowPodWrap { margin-bottom: 60px; } body#howtobuy .noshadowPodContent h2 { margin: 0; padding: 0; } body#howtobuy .noshadowPodContent h2.sep { margin-top: 10px; padding-top: 22px; border-top: 1px solid #e4e4e4; } body#howtobuy .noshadowPodContent p { margin: 6px 0; font-size: 14px; } body#howtobuy .noshadowPodContent table { margin: 10px 0 } body#howtobuy .noshadowPodContent .buttonRight a span { padding: 0 20px; } body#howtobuy .noshadowPodContent ul { margin-top: 10px; padding-bottom: 0; color:#4a4a4a; } body#howtobuy .noshadowPodContent ul li { background: url('/system-modeler/img/bullet-grey5x5.gif') no-repeat 0 6px; } body#howtobuy .noshadowPodContent ul.nested { margin-top: 6px; padding-bottom: 0; color:#4a4a4a; } body#howtobuy .noshadowPodContent ul.nested li { padding-bottom: 0; background: url('/system-modeler/img/bullet-grey4x4.gif') no-repeat 0 4px; } .howtobuyPSnote { padding: 7px 25px; background: #f4f4f4; font-size: 11px; line-height: 12px; color: #4a4a4a; } /* suite */ #suite .noshadowPodContent { background: url('/system-modeler/how-to-buy/img/bg_suitepod.gif') no-repeat top right; } /* sm-only */ #sm-only .noshadowPodContent { background: url('/system-modeler/how-to-buy/img/bg_smpod.gif') no-repeat top right; } #sm-only h3 { margin-top: 12px; font-size: 16px; } /* compliance */ #sm-only.noshadowPodWrap.govt { margin-bottom: 7px; } #howtobuyCompliance { margin-bottom: 60px; text-align: right; color: #8d8d8d; } #howtobuyCompliance a { color: #222; } #howtobuyCompliance a:hover { color: #b00; } /* education subpages and overrides */ #sm-only #highered-only.noshadowPodContent { background: url('/system-modeler/how-to-buy/img/bg_smpod2.gif') no-repeat top right; } #highered-only.noshadowPodContent ul { margin-top: 15px; } body#howtobuy .noshadowPodContent .quotenote { font-size: 12px; line-height: 13px; font-style: italic; color: #4a4a4a; } body#howtobuy .noshadowPodContent td .quotenote { padding-left: 5px; } .quotenote.small { padding-left: 0; font-size: 11px; line-height: 15px; } #students-only.noshadowPodTitle { position: relative; } #students-only.noshadowPodTitle .proofnote { position: absolute; top: 9px; right: 9px; width: 180px; height: 28px; font: 12px/14px Arial, sans-serif; font-weight: normal; text-align: right; } .proofnote a { display: block; padding-right: 24px; background: url('/mathematica/images/infoIcon.gif') no-repeat top right; } body#howtobuy .noshadowPodContent h2.price { margin: 12px 0 5px; /*font-size: 30px; line-height: 30px;*/ } table#studentversions { margin: 20px 0 10px; border-top: 1px solid #e4e4e4; } #studentversions td { } #studentversions td.spacerCell { padding-top: 20px; font-size: 1px; line-height: 1px; } #studentversions td.leftCell { padding-right: 45px; } #studentversions td.rightCell { padding: 0 45px; border-left: 1px solid #e4e4e4 } div#upgradenote { width: 550px; } div#upgradenote h3 { font-size: 16px; } div#upgradenote p { margin-top: 10px; font-size: 14px; } .podTitleHP {background-color:#fff; padding:15px;} .podTitleHP h2 { color:#222; font-size:16px; font-weight:bold; margin:0 0 0 0;} .bottomLinksHP { margin:18px 0 0 6px; width:925px; overflow:hidden; color:#000;} .bottomContainerHP { float:left; margin-right:30px; } /* ##################################### */ /* # ETC. # */ /* ##################################### */ /* premier service */ table.superTable td.firstcell { width: 490px; border-left: 0px; } /* sidebar stuff */ #sidebar #platforms a { padding: 0; } .aboveHeader, .aboveHeader a { color: #a3a3a3 !important; font-size: 14px; font-weight: bold; } .aboveHeader a:hover { color: #b00 !important; outline: none; } span.breadcrumbSep { font-family: Arial; font-size: 16px; } #sidebar #platforms a {padding:0px 0px 0px 0px;} h3.faqsubheader {margin:15px 0;} .podTitle.faqSelector { cursor:pointer; padding:0; } .podTitle.faqSelector h2.faqheader {cursor:pointer; width:400px; padding:15px 0 0 15px; float:left; color:#6a6a6a; } .podTitle.faqSelector.hover h2.faqheader {color:#222;} .podTitle.faqSelector.open h2.faqheader {color:#222;} .podTitle.faqSelector .arrow {cursor:pointer; float:left; border-right:1px solid #dadada; padding:21px 11px; } .podTitle.faqSelector.hover .arrow { background:url("/mathematica/how-to-buy/img/arrowBG.png") no-repeat; } .podTitle.faqSelector.open .arrow { background:url("/mathematica/how-to-buy/img/arrowBG.png") no-repeat; } .podBG.faq { display:none; border-top:3px solid #EE3939; padding-top:0;} li.box-li {background: none; padding:10px; background-image:none; background-color:#eee; margin-bottom:10px; font-size:11px; overflow:auto; } li.box-li .box-text { float:left; width:220px; line-height:12px;} li.box-li .box-image { float:left; margin:7px 10px 0 0; width:55px; } li.box-li a, li.box-li a:link, li.box-li a:visited { color:#e00400; } li.box-li a:hover, li.box-li a:visited:hover { color:#BB0000; } p.footer-asterisk { margin:0; padding:0; color:5d5c5c; font-size:11px; line-height:14px; margin-top:30px;} div#faq { margin:10px 0 } div#faq h3, div#faq p { color:#7a7a7a; } /* HOW TO BUY TABLE */ body.how-to-buy-table div#mainWrap { float: left; width: 100%; } body.how-to-buy-table .podContainer { width: 940px; } body.how-to-buy-table .podRightColumn { width: 650px; } body.how-to-buy-table .podRightColumn li span{ color:#e00400; font-weight:bold; } body.how-to-buy-table p.intro { width: 700px; } /* check mark tables */ body.how-to-buy-table table.superTable { width:928px; } body.how-to-buy-table table.superTable td { color:#5d5c5c; border-top: 1px solid #dadada; } body.how-to-buy-table table.superTable td.notopborder { border-top: 0px;} body.how-to-buy-table table.superTable td img {vertical-align:middle;} body.how-to-buy-table table.superTable td.firstcellTitle { border-left: 0px; width:20%; text-align:left; padding:10px; background-color:#f2f2f2;} body.how-to-buy-table table.superTable td.firstcellTitle h3 { color:#5d5c5c; 16px;} body.how-to-buy-table table.superTable td.firstcellTitle p { color:#5d5c5c; font-weight:bold;} body.how-to-buy-table table.superTable td.firstcell { width:20%; text-align:left; padding:10px; vertical-align:middle;} body.how-to-buy-table table.superTable td.secondcell, body.how-to-buy-table table.superTable td.thirdcell, body.how-to-buy-table table.superTable td.fourthcell, body.how-to-buy-table table.superTable td.fifthcell { width:20%; text-align:left; padding:10px 15px; vertical-align:middle;} body.how-to-buy-table table.superTable.no-enteprise td.firstcell { width:25%;} body.how-to-buy-table table.superTable.no-enteprise td.secondcell, body.how-to-buy-table table.superTable.no-enteprise td.thirdcell, body.how-to-buy-table table.superTable.no-enteprise td.fourthcell, body.how-to-buy-table table.superTable.no-enteprise td.fifthcell { width:25%;} body.how-to-buy-table table.superTable td.firstcell.header, body.how-to-buy-table table.superTable td.secondcell.header, body.how-to-buy-table table.superTable td.thirdcell.header, body.how-to-buy-table table.superTable td.fourthcell.header, body.how-to-buy-table table.superTable td.fifthcell.header { padding:10px 0 10px 10px; vertical-align: top;} body.how-to-buy-table table.superTable td.firstcell.header div.tagline, body.how-to-buy-table table.superTable td.secondcell.header div.tagline, body.how-to-buy-table table.superTable td.thirdcell.header div.tagline, body.how-to-buy-table table.superTable td.fourthcell.header div.tagline, body.how-to-buy-table table.superTable td.fifthcell.header div.tagline { line-height:14px; margin-right: 10px; } body.how-to-buy-table table.superTable td.firstcell span.number, body.how-to-buy-table table.superTable td.secondcell span.number, body.how-to-buy-table table.superTable td.thirdcell span.number, body.how-to-buy-table table.superTable td.fourthcell span.number, body.how-to-buy-table table.superTable td.fifthcell span.number { font-weight:bold; font-size:20px; } body.how-to-buy-table table.superTable td.firstcell span.text, body.how-to-buy-table table.superTable td.secondcell span.text, body.how-to-buy-table table.superTable td.thirdcell span.text, body.how-to-buy-table table.superTable td.fourthcell span.text, body.how-to-buy-table table.superTable td.fifthcell span.text { font-weight:bold; font-size:16px; } body.how-to-buy-table table.superTable td#spikey { text-align:center; padding:0; padding-top:40px;} body.how-to-buy-table table.superTable td.firstcell p, body.how-to-buy-table table.superTable td.secondcell p, body.how-to-buy-table table.superTable td.thirdcell p, body.how-to-buy-table table.superTable td.fourthcell p, body.how-to-buy-table table.superTable td.fifthcell p { color:#5d5c5c; font-size:12px; line-height:15px;} /* tooltip styles: Overrides M8*/ body.how-to-buy-table .infoText { color:#5d5c5c; font-size:12px; text-align:left;} .infoWrapper-right, .infoWrapper-left { position:relative; display:inline; text-align:left; margin-left: -5px; } .infoWrapper-right img, .infoWrapper-left img { cursor:pointer; border:1px solid #fff; margin-left:5px;} .infoBoxWrapper-right { color:#5d5c5c; position:absolute; top:-32px; left:0; display:none; padding-left:15px;} .infoBoxWrapper-right .infoTop {width:383px; height:24px; background: url("/mathematica/images/how-to-buy/infoBox-right.png") no-repeat top center;} .infoBoxWrapper-right .infoMiddle {width:323px !important; width:383px; padding:0 20px 0 40px; background: url("/mathematica/images/how-to-buy/infoBox-right.png") no-repeat 0 -24px;} .infoBoxWrapper-right .infoBottom {width:383px; height:30px; background: url("/mathematica/images/how-to-buy/infoBox-right.png") no-repeat bottom center;} .infoBoxWrapper-left { color:#5d5c5c; position:absolute; top:-32px; right:13px !important; right:150px; display:none; padding-left:15px;} .infoBoxWrapper-left .infoTop {width:383px; height:24px; background: url("/mathematica/images/how-to-buy/infoBox-left.png") no-repeat top center;} .infoBoxWrapper-left .infoMiddle {width:323px !important; width:383px; padding:0 40px 0 20px; background: url("/mathematica/images/how-to-buy/infoBox-left.png") no-repeat 0 -24px;} .infoBoxWrapper-left .infoBottom {width:383px; height:30px; background: url("/mathematica/images/how-to-buy/infoBox-left.png") no-repeat bottom center;} /* --- */ .header-cell-wrapper { height:200px; } body.how-to-buy-table .buy-now { cursor:pointer; overflow: hidden; clear: both; margin: 0 10px 0 0; vertical-align: middle; } body.how-to-buy-table .buy-now.hover { cursor:pointer; } body.how-to-buy-table .buy-now .mediumbutton, body.how-to-buy-table .buy-now-per-year .mediumdarkerbutton, body.how-to-buy-table .buy-now-per-semester .mediumdarkerbutton { float: left; display: inline-block; padding: 0 0 0 3px; width: 54px; margin-left: -2px; } .hover div.mediumbutton span.mediumbuttonLeft { background: url('/common/images2010/m8/buttonMedium.png') no-repeat bottom left; } .hover div.mediumdarkerbutton span.mediumdarkerbuttonLeft { background: url('/common/images2010/m8/buttonMediumDarker.png') no-repeat bottom left; } .hover div.mediumbutton span.mediumbuttonRight { background: url('/common/images2010/m8/buttonMedium.png') no-repeat bottom right; } .hover div.mediumdarkerbutton span.mediumdarkerbuttonRight { background: url('/common/images2010/m8/buttonMediumDarker.png') no-repeat bottom right; } .buy-now .type { display: none; } .buy-now .qual { display: none; } .clearingFloats { font-size: 0; height: 0; margin: 0; line-height: 0; } body.how-to-buy-table .buy-now-per-year, body.how-to-buy-table .buy-now-per-semester { clear: both; cursor: pointer; overflow: hidden; vertical-align: middle; } .buy-now, .buy-now.hover, .buy-now-per-year, .buy-now-per-year.hover, .buy-now-per-semester, .buy-now-per-semester.hover { width: 140px !important; } .buy-now-per-year .type { display: none; } .buy-now-per-year .qual { display: none; } .buy-now-per-semester .type { display: none; } .buy-now-per-semester .qual { display: none; } .buy-now div, .buy-now-per-year div, .buy-now-per-semester div { margin-left: 3px; display: inline-block; } .buy-now div, .buy-now-per-year div, .buy-now-per-semester div { margin-left: 3px; display: inline-block; } div span.price {font-size:18px; color:#3c3c3c; display:inline-block; font-weight:bold; float: left; line-height: 27px; } .yen div span.price { margin-top: 0; } .euro div span.price { line-height: 24px; margin-top: 0 } div span.price span.currency { font-size:13px; vertical-align:top; padding-right: 3px; } .euro div span.price span.currency { line-height: 20px; } div span.price span.cents { font-size:13px; line-height: 30px; vertical-align:top; } .euro div span.price span.cents { font-size:13px; line-height: 20px; vertical-align:top; } span.tag { color:#4d4d4d; font-size:11px; display:inline-block;line-height: 11px; text-align:left; margin: 14px 10px 4px 0px; vertical-align:middle; display: block; text-transform: uppercase; font-weight: bold; border-top: 1px solid #ddd; padding-top: 5px; font-size: 11px; } .yen div span.tag { font-size:10px; line-height: 10px; } .euro div span.tag { vertical-align: top;} div span.vat {color:#4d4d4d; font-size:10px; display:block;line-height: 11px; font-weight:normal; padding-left: 11px; } #france-popup.higher {text-align:center; padding-top:40px; color:#5D5C5C; position:absolute; z-index:1; top:440px; left: 442px; border: 1px solid #a9a9a9; width:533px; height:62px !important; height:102px; background:#fff;} #france-popup.comm-pri {text-align:center; padding-top:40px; color:#5D5C5C; position:absolute; z-index:1; top:440px; left: 535px; border: 1px solid #a9a9a9; width:440px; height:62px !important; height:102px; background:#fff;} /* --- */ #fixadent { margin-bottom:0px;} .fixed { position: fixed; top: 0px; width:945px !important; z-index:10000; box-shadow: 0 6px 4px -2px #eee; } h1.floated { float:left } p.return { margin:0 0 12px 0; padding:0; color:#909090; font-size:14px; font-weight:bold;} p.return a, p.return a:link, p.return a:visited { color:#909090;} p.return a:hover, p.return a:visited:hover { color:#e00400;} table#other-options { margin-bottom:30px; width: 928px; padding: 10px 20px; background-color: #f2f2f2; border: 1px solid #ddd; } table#other-options td { padding-right:10px; } table#other-options p, #other-options a { line-height:14px; font-size:12px; color:#666666; } #other-options a:hover { color:#bb0000; } /* Auto complete */ div#options { color: #222222; font-size: 11px; font-weight: bold; margin-bottom: 25px; padding-right: 2px; overflow: hidden; } div#options form { width:300px; } div#options #country { width:300px; float:right; margin:0; overflow:auto; margin-bottom: 3px; } div#options span#country-name { color: #666666; cursor: pointer; float:right; width:200px; line-height:12px; } div#options span#country-name span { font-size: 11px; font-weight: normal; } div#options #country img.flag { vertical-align: middle; margin:0 5px 0 0; border:1px solid #ccc; float:right; } div#options #input-box { width:300px; float:right; display:none; margin-right:10px; } div#options #input-box input.text { border: 1px solid #C1C1C1; height: 25px; width: 300px; font-style: italic; color:a0a0a0; } div#options #input-box input.text:focus { font-size:14px; color:#000; } div#options #dropdown-box { width:300px; float:right; margin:5px 0 0 0; } .WHATISIT, html body a:not([href]), html body a[href=''] { background: #fff !important; } /* for IE 8 and below */ body.how-to-buy-table .hover { background: none; width: auto; height: auto; } div#no-script { font-size: 25px; line-height: 30px; font-weight: bold; margin: 15px; padding: 15px; margin-top: 35px; }