/* GENERAL */
/* These styles are used in every section */
@media print {
    div#pageWrapper, div#pageWrapperUsesDropShadows {
        overflow: visible !important;
    }

    div#mainWrap {
        float: none !important;
    }
}
/* --- */

body {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/topnav_bg.gif') repeat-x 0 175px;
}

body, p, td, tr, blockquote, smaller, textarea {
    font: 13px/19px Arial, Helvetica, sans-serif;
    color: #222222;
}

p {
    margin-top: 0px;
    color: #222;
    font: 13px/19px Arial, Helvetica, sans-serif;
}

p.intro {
    color: #666;
    font: 16px/21px Arial, Helvetica, sans-serif;
    margin-top: 20px;
}

p.belowHeader {
    margin-top: 20px;
}

p span.red {
    color: #e00400;
    font-weight: bold;
}

a, object, embed {
    outline: 0;
}

a, a:link {
    color: #e00400;
    outline: none;
}

a:visited {
    color: #e00400;
    outline: none;
}

a:active, a:hover, a:link:hover, a:visited:hover {
    color: #bb0000;
    outline: none;
}

ul li a, ul li a:link {
    color: #666;
}

ul li a:visited {
    color: #666;
}

ul li a:active, ul li a:hover, ul li a:link:hover, ul li a:visited:hover {
    color: #bb0000;
}

ul li a.inline, ul li a.inline:link {
    color: #e00400;
}

ul li a.inline:visited {
    color: #e00400;
}

ul li a.inline:active, ul li a.inline:hover, ul li a.inline:link:hover, ul li a.inline:visited:hover {
    color: #bb0000;
}

ul.jumpto li {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/jumpTo.png") no-repeat;
}

a.moreInfoLink, a.moreInfoLink:link, a.moreInfoLink:visited {
    color: #000;
}

a.moreInfoLink:active, a.moreInfoLink:hover, a.moreInfoLink:link:hover, a.moreInfoLink:visited:hover {
    color: #bb0000;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #e00400;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 27px;
}

h1.small {
    font-size: 20px;
}

h1.small.textstories {
    width: 600px;
}

h1.aboveHeader, h1.belowHeader {
    color: #666;
    font-size: 18px;
    font-weight: normal;
    line-height: 21px;
}

h1.aboveHeader{
    margin-bottom: 4px;
}

h1.belowHeader {
    margin-top: 4px;
}

h1.aboveHeader div.return {
    font: 13px/19px Arial, Helvetica, sans-serif;
}

h2 {
    color: #222;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

h2 a, h2 a:link, h2 a:visited {
    color: #222;
}

h2 a:active, h2 a:hover, h2 a:link:hover, h2 a:visited:hover {
    color: #bb0000;
}

h2.price {
    font-size: 30px;
    line-height: 30px;
}

h2.price span.cents {
    font-size: 23px;
    margin: 0;
    vertical-align: text-top;
}

h2.price span.taxnote {
    font-size: 13px;
    margin: 0;
    vertical-align: text-top;
    color: #666;
    white-space: nowrap;
}

h2.red {
    color: #e00400;
    margin: 0;
}

h2.red a, h2.red a:link, h2.red a:visited {
    color: #e00400;
}

h2.red a:active, h2.red a:hover, h2.red a:link:hover, h2.red a:visited:hover {
    color: #bb0000;
}

h2.redHover {
    color: #f07c7c;
    margin: 0;
}

h2.redHover a, h2.redHover a:link, h2.redHover a:visited {
    color: #bb0000;
}

h2.redHover a:active, h2.redHover a:hover, h2.redHover a:link:hover, h2.redHover a:visited:hover {
    color: #bb0000;
}

h2.lightredHover a, h2.lightredHover a:link, h2.lightredHover a:visited {
    color: #f07c7c;
}

h2.lightredHover a:active, h2.lightredHover a:hover, h2.lightredHover a:link:hover, h2.lightredHover a:visited:hover {
    color: #f07c7c;
}

h3 {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0 0 0;
}

h3 a, h3 a:link, h3 a:visited {
    color: #222;
}

h3 a:hover, h3 a:visited:hover {
    color: #bb0000;
}

h3.red {
    color: #e00400;
}

h3.red a, h3.red a:link, h3.red a:visited {
    color: #e00400;
}

h3.red a:hover, h3.red a:visited:hover {
    color: #bb0000;
}

h3.lightgray {
    font-size: 13px;
    color: #555;
    margin: 0;
}

h3.lightgrayHover {
    font-size: 13px;
    color: #888;
    margin: 0;
}

h3.black {
    font-size: 13px;
    color: #000;
    margin: 0;
}

ul {
    color: #666;
    line-height: 100%;
    padding: 0;
    padding-bottom: 6px;
}

ul li {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/red_bullet.gif") no-repeat 0px 5px;
    font: 13px/16px Arial, Helvetica, sans-serif;
    padding-left: .8em;
    margin: 0em 0 0 0;
    padding-bottom: 7px;
}

/* use this style for a nested ul item, make sure the li that contains the nested ul has the .nobullet applied to it*/

ul li.nobullet {
    background-image: none;
    padding-left: .8em;
    padding-bottom: 0px;
}

ul.nested {
    color: #666;
    line-height: 100%;
    margin-top: 2px;
}

ul.nested li {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/gray_bullet.gif") no-repeat 0px 3px;
    font: 11px/12px Arial, Helvetica, sans-serif;
    padding-left: .8em;
    margin: 0em 0 5px 0;
}

tt {
    font-size: 14px;
}

hr {
    margin:35px auto !important;
    margin: 25px auto;
}

/* --- */
/* These styles may be used in more than one section */

.boldtitle {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    color: #333;
}

.allCapSubHeader {
    font-size: 12px;
    color: #555;
}

.captionText {
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #666;
}

.clearingFloats {
    clear: both;
}

.footerText {
    margin: 20px 0 0 6px;
}

.headerSubText{
    font-size: 12px;
    color: #222;
    font-weight: bold;
    float: right;
}

.paragraphTitle {
    margin: 20px 0 0 0;
}

.chevron, .required {
    color: #e00400;
}

.required {
    color: #e00400;
    padding-left: 2px;
}

#more {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    margin-top:20px !important;
    margin-top: 10px;
    margin-bottom: 8px;
}

.textRight {
    text-align: right;
    margin: 10px 0 5px 0;
}

/* --- */
/* check mark tables */

.podBGPS {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podGradientBG.gif") repeat-x #fff;
    padding: 0;
}

table.superTable td {
    vertical-align: top;
    padding: 12px 0 10px 20px;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

table.superTable td.notopborder {
    border-top: 0px;
}

table.superTable td img {
    vertical-align: middle;
}

table.superTable td.headercell {
    padding: 10px 0 2px 20px;
    border-left: 0px;
}

table.superTable td.firstcell {
    width: 370px;
    border-left: 0px;
}

table.superTable td.paragraphcell {
    border-left: 0px;
}

table.superTable td.firstcellTitle {
    width: 370px;
    border-left: 0px;
    background-color: #f3f3f3;
}

table.superTable td.secondcellTitle, table.superTable td.thirdcellTitle {
    width: 120px;
    text-align: center;
    padding: 12px 0 10px 0;
    background-color: #f3f3f3;
}

table.superTable td.secondcell, table.superTable td.thirdcell {
    width: 120px;
    text-align: center;
    padding: 12px 0 10px 0;
}

table.superTable td.secondcellImg, table.superTable td.thirdcellImg {
    width: 120px;
    text-align: center;
    padding: 5px 0 4px 0;
}

/* --- */
/* tooltip styles: used in academia solutions and premier service sections*/

.infoText {
    float: left;
}

.infoWrapper {
    position: relative;
    float: left;
    text-align: left;
}

.infoWrapper img {
    cursor: pointer;
    border: 1px solid #fff;
    margin-left: 5px;
}

.infoBoxWrapper {
    position: absolute;
    top: -32px;
    left: 0;
    float: left;
    display: none;
    padding-left: 15px;
}

.infoBoxWrapper .infoTop {
    width: 383px;
    height: 24px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/mathematica/images/infoBox.png') no-repeat top center;
}

.infoBoxWrapper .infoMiddle {
    width:323px !important;
    width: 383px;
    padding: 0 20px 0 40px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/mathematica/images/infoBox.png') no-repeat 0 -24px;
}

.infoBoxWrapper .infoBottom {
    width: 383px;
    height: 30px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/mathematica/images/infoBox.png') no-repeat bottom center;
}

/* --- */
/* for M8 forms of the world */

.placeholder {
    font-style:italic !important;
    color: #666;
}

#formErrorTable {
    width: 100%;
    padding-right: 30px;
    height: 27px;
}

#formErrorTable img {
    margin: 3px 10px 0 10px;
}

.errorHeader {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/formErrorBG.gif") repeat-x;
    padding: 0;
    height: 33px;
    width: 100%;
}

.standardHeader {
    background: #f0f0f0;
    padding: 0;
    height: 33px;
    width: 100%;
}

.podFormBG {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podGradientBG.gif") repeat-x #fff;
    padding: 0px 20px 30px 30px;
}

.podTrialBG {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podGradientBG.gif") repeat-x #fff;
    padding: 0px 43px 0px 43px;
}

.podFormGrayBG {
    background: #f2f2f2;
    padding: 20px 20px 20px 20px;
    border-top: 1px solid #e3e3e3;
}

.podFormGrayBG #formTable {
    width: 100%;
    border: 1px solid #e3e3e3;
    background: #fff;
    padding: 20px 0;
}

.podFormGrayBG #formTable td {
    padding: 0 20px;
    border-right: 1px solid #e3e3e3;
}

.podFormGrayBG #formTable input.text {
    border: 1px solid #c1c1c1;
    height: 25px;
    width: 200px;
}

/* form errors: error tooltip styles */

.errorHighlight {}

.errorHighlight h3 {
    color: #e00400;
}

#formTable .errorHighlight input.text {
    border: 1px solid #e00400;
}

#formTable .errorHighlight textarea {
    border: 1px solid #e00400;
}

.errorBoxWrapper {
    position: absolute;
    z-index: 100000;
}

.errorBoxWrapper .errorTop {
    width: 230px;
    height: 10px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/errorBox.png') no-repeat top center;
}

.errorBoxWrapper .errorMiddle {
    width: 230px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/errorBox.png') no-repeat 0 -180px;
    text-align: center;
    padding: 5px 0;
}

.errorBoxWrapper .errorBottom {
    width: 230px;
    height: 25px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/errorBox.png') no-repeat bottom center;
}

/* --- */

form {
    padding: 0px;
    margin: 0px;
}

input {
    font: 13px/19px Arial, Helvetica, sans-serif;
    color: #666;
}

#formTable {
    width: 550px;
}

#trialTable {
    width: 100%;
}

#aoiTable {
    width: 525px;
    clear: both;
}

#aoiTable td{
    font-size: 12px;
}

#formTable select {
    margin-top: 4px;
}

#formTable p {
    font: 13px/18px Arial, Helvetica, sans-serif;
}

#formTable td {
    padding: 10px 0;
    vertical-align: top;
}

#formTable #aoiTable td {
    padding: 0;
    width: 50%;
}

#formTable #radioButtons td {
    padding: 0 0 3px 0;
    width: 200px;
}

#formTable #phoneNumbers td {
    padding: 0 10px 3px 0;
}

#formTable textarea {
    height: 100px;
    width: 100%;
    border: 1px solid #c1c1c1;
    margin-top: 4px;
    color: #666;
}

#formTable input.text {
    border: 1px solid #c1c1c1;
    height: 25px;
    width: 255px;
    margin-top: 4px;
}

#formTable input.text#phone {
    width: 170px;
}

#formTable input.text#extension {
    width: 75px;
}

#formTable input.text#aoi_other {
    width: 160px;
    border: 1px solid #c1c1c1;
}

#formTable input#areas_of_interest {
    cursor: pointer;
    border: 0px;
    background: transparent;
    padding: 0;
    height: 23px;
    width: 520px;
    font: 13px/19px Arial, Helvetica, sans-serif;
}

#formTable input.radio {
    margin: 0 7px 0 0;
    padding: 0;
}

#formTable input.checkbox {
    margin: 0 7px 5px 0;
    padding: 0;
}

#trialTable select {
    margin-top: 4px;
}

#trialTable p {
    font: 13px/18px Arial, Helvetica, sans-serif;
}

#trialTable td {
    padding: 10px 0;
    vertical-align: top;
}

#trialTable #aoiTable td {
    padding: 0;
    width: 50%;
}

#trialTable #radioButtons td {
    padding: 0 0 3px 0;
    width: 200px;
}

#trialTable #phoneNumbers td {
    padding: 0 10px 3px 0;
}

#trialTable textarea {
    height: 60px;
    width: 100%;
    border: 1px solid #c1c1c1;
    margin-top: 4px;
    margin-bottom: 17px;
    color: #666;
}

#trialTable input.text {
    border: 1px solid #c1c1c1;
    height: 25px;
    width: 255px;
    margin-top: 4px;
}

#trialTable input.text#phone {
    width: 170px;
}

#trialTable input.text#extension {
    width: 75px;
}

#trialTable input.text#aoi_other {
    width: 160px;
    border: 1px solid #c1c1c1;
}

#trialTable input#areas_of_interest {
    cursor: pointer;
    border: 0px;
    background: transparent;
    padding: 0;
    height: 23px;
    width: 520px;
    font: 13px/19px Arial, Helvetica, sans-serif;
}

#trialTable input.radio {
    margin: 0 7px 0 0;
    padding: 0;
}

#trialTable input.checkbox {
    margin: 0 7px 5px 0;
    padding: 0;
}

#aoiWrapper {
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    padding: 20px 0px 20px 20px;
}

#aoiSelector {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/aoiBG.gif") repeat-x;
    border: 1px solid #c1c1c1;
    overflow: hidden;
    cursor: pointer;
    height: 23px;
    margin-top: 4px;
}

.arrowDown {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/arrowDown.gif") no-repeat;
    width: 20px;
    height: 23px;
    float: left;
}

.arrowDownHover {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/arrowDownHover.gif") no-repeat;
    width: 20px;
    height: 23px;
    float: left;
}

.aoiText {
    float: left;
    padding:3px 10px !important;
    padding: 0 10px;
}

.aoiTextHover {
    float: left;
    padding:3px 10px !important;
    padding: 0 10px;
    color: #e00400;
}

table.thankyou {
    margin: 10px 0 20px 0;
    border-bottom: 1px solid #c1c1c1;
}

table.thankyou td {
    padding: 0 10px 20px 0;
}

/* --- */
/* Customer story pages and solutions page use these styles - display of video story summaries and hovers */

div.categoryVideoCont {
    width: 590px;
    height:100px !important;
    height: 120px;
    background-color: #fff;
    padding: 20px 16px 0 16px;
    cursor: pointer;
}

div.categoryVideoCont a, div.categoryVideoCont a:link, div.categoryVideoCont a:visited {
    color: #333;
}

div.categoryVideoContHover {
    width: 590px;
    height:100px !important;
    height: 120px;
    background-color: #f0f0f0;
    padding: 20px 16px 0 16px;
    cursor: pointer;
}

div.categoryVideoContHover a, div.categoryVideoContHover a:link, div.categoryVideoContHover a:visited {
    color: #e00400;
}

div.categoryVideoContHover a:hover, div.categoryVideoContHover a:visited:hover {
    color: #e00400;
}

div.categoryVideoImage {
    position: relative;
    width: 144;
    height: 78px;
    overflow: hidden;
    float: left;
    margin-right: 16px;
    border: 1px solid #d6d6d6;
}

div.categoryVideoImage div.playButton {
    display: none;
}

div.categoryVideoContHover div.categoryVideoImage div.playButton {
    display: block;
    position: absolute;
    z-index: 10000;
    top: 22px;
    left: 54px;
    width: 36px;
    height: 36px;
}

.categoryAuthor, categoryAuthor span {
    color: #555555;
    line-height: 20px;
}

div.categoryAuthor span{
    /*display:none;*/
    font-weight: bold;
}

div.categoryVideoContHover div.categoryAuthor span{
    display: inline-block;
    color: #272727;
    font-weight: bold;
}

div.categoryVideoContHover div.categoryAuthor span.chevron {
    color: #e00400;
}

/* --- */
/* new-in, features, and solutions pages use these styles*/

div.featureCont {
    border-top: 1px solid #ddd;
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
    padding: 20px 0 0 5px;
}

div.featureCont .featureImage {
    width: 250px;
    float: left;
    margin-top: 10px;
}

div.featureCont .featureDesc {
    width: 290px;
    float: left;
    margin: 10px;
    margin-left: 10px;
}

.featureDesc .learnMore {
    margin-top: 20px;
}

.featureDesc .learnMoreGray {
    margin-top: 20px;
}

.learnMoreGray a, .learnMoreGray a:link {
    color: #666;
    outline: none;
}

.learnMoreGray a:visited {
    color: #666;
    outline: none;
}

.learnMoreGray a:active, .learnMoreGray a:hover, .learnMoreGray a:link:hover, .learnMoreGray a:visited:hover {
    color: #bb0000;
    outline: none;
}

.featureDesc .learnMoreRed {
    margin-top: 20px;
}

.learnMoreRed a, .learnMoreRed a:link {
    color: #e00400;
    outline: none;
}

.learnMoreRed a:visited {
    color: #e00400;
    outline: none;
}

.learnMoreRed a:active, .learnMoreRed a:hover, .learnMoreRed a:link:hover, .learnMoreRed a:visited:hover {
    color: #bb0000;
    outline: none;
}

.featureDesc h3 {
    margin: 2px 0 8px 0;
}

/* --- */
/* Style for pods to be used on all sections. The .podContainer will be need a width on your own style sheet. */

.podContainer {
    margin: 0 0 20px 0;
}

.podContent {
    padding: 0 6px;
}

.podTitle {
    background-color: #fff;
    padding: 15px;
}

.podTitle h2 {
    margin: 0 0 0 15px;
}

.podTitle h3.lightgray {
    margin: 0 0 0 15px;
}

.redbar {
    border-top: 3px solid #ee3939;
}

.podGrayBG {
    background: #f9f9f9;
    padding: 20px 20px 20px 30px;
    border-top: 1px solid #e3e3e3;
}

.podBG {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podGradientBG.gif") repeat-x #fff;
    padding: 15px 20px 30px 30px;
}

.podBG td {
    vertical-align: top;
}

/* if the pod requires 2 columns use these stles on your style sheet to set the width of them */

.podLeftColumn {
    float: left;
}

.podRightColumn {
    float: left;
}

.podRightColumn td {
    vertical-align: top;
}

/* --- */
/* top shadow */

div.podShadowTop {
    width: 100%;
    overflow: hidden;
}

div.podShadowTopLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podTopShadow.png') no-repeat top left;
    height: 6px;
    width: 95%;
    float: left;
}

div.podShadowTopRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podTopShadow.png') no-repeat bottom right;
    height: 6px;
    width: 5%;
    float: left;
}

/* --- */
/* side shadows */

div.podShadowLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podSideShadow.png') repeat-y left;
}

div.podShadowRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podSideShadow.png') repeat-y right;
}

/* --- */
/* bottom shadow */

div.podShadowBottom {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

div.podShadowBottomLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podBottomShadow.png') no-repeat top left;
    height: 6px;
    width: 95%;
    float: left;
}

div.podShadowBottomRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podBottomShadow.png') no-repeat bottom right;
    height: 6px;
    width: 5%;
    float: left;
}

/* --- */
/* --- */
/* TOP NAV ON ALL PAGES */

div#topnav_wrap {
    position: relative;
    width: 930px;
    height: 51px;
}

#topnav_wrap img#M8logo {
    margin-left: 15px;
}

#topnav_wrap table#topnav_buttons {
    position: absolute;
    top: 0;
    right: 0;
}

#M8logo {
    margin: 0 0 0 15px;
}

#topnav {
    width: 100%;
    overflow: hidden;
}

#topnav table td img{
    margin: 0 5px 0 20px;
}

#topnav div {
    float: left;
    display: inline;
    font: 13px/30px Arial, Helvetica, sans-serif;
}

div#overviewtab {}

div#topnav div a, div#topnav div a:link {
    display: inline-block;
    height: 30px;
    margin-left: 20px;
    padding-right: 20px;
    color: #5d5d5d;
}

div#topnav div a:visited {
    color: #5d5d5d;
}

div#topnav div a:hover, div#topnav div a:visited:hover {
    color: #bb0000;
}

body#overview div#overviewtab, body#whatsnew div#whatsnewtab, body#why div#whytab, body#features div#featurestab, body#customerstories div#customerstoriestab, body#resources div#resourcestab, body#howtobuy div#howtobuytab, body#knowledge div#knowledgetab, body#learning div#learningtab, body#community div#communitytab, body#support div#supporttab {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/topnav_tab.gif') no-repeat bottom left;
}

body#overview div#overviewtab a, body#whatsnew div#whatsnewtab a, body#why div#whytab a, body#features div#featurestab a, body#customerstories div#customerstoriestab a, body#resources div#resourcestab a, body#howtobuy div#howtobuytab a, body#knowledge div#knowledgetab a, body#learning div#learningtab a, body#community div#communitytab a, body#support div#supporttab a {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/topnav_tab.gif') no-repeat bottom right;
    color: #e20400;
}

/* --- */
/* Styles for buttons */
/* containers for buttons-- button is for a regular button, smallbutton is for or a small word such as "Go"*/

div.button {
    margin: 0 5px 10px 0;
    cursor: pointer;
    line-height: 21px;
}

div.largebutton {
    margin: 0 5px 10px 0;
    cursor: pointer;
}

div.giantbutton {
    margin: 0 5px 10px 0;
    cursor: pointer;
}

div.smallbutton {
    margin: 0;
    cursor: pointer;
    line-height: 21px;
}

div.mediumbutton {
    margin: 0;
    cursor: pointer;
    line-height: 27px;
}

div.mediumdarkerbutton {
    margin: 0;
    cursor: pointer;
    line-height: 27px;
}

/* --- */
/* regular button style */

div.button span.buttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat top left;
    float: left;
    height: 21px;
    width: 10px;
    color: #fff;
}

div.button span.buttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat top right;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 21px;
    float: left;
    padding-right: 10px;
    color: #fff;
}

div.button span.buttonRight a, div.button span.buttonRight a:link, div.button span.buttonRight a:visited, div.button span.buttonRight a:hover, div.button span.buttonRight a:visited:hover {
    color: #fff;
}

div.button.hover span.buttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat bottom left;
}

div.button.hover span.buttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat bottom right;
}

/* --- */
/* small button style for a "?" or a small word such as "Go" */

div.smallbutton span.buttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat top left;
    float: left;
    height: 21px;
    width: 4px;
    color: #fff;
}

div.smallbutton span.buttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat top right;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 21px;
    float: left;
    padding-right: 4px;
    color: #fff;
}

div.smallbutton span.buttonRight a, div.smallbutton span.buttonRight a:link, div.smallbutton span.buttonRight a:visited, div.smallbutton span.buttonRight a:hover, div.smallbutton span.buttonRight a:visited:hover {
    color: #fff;
}

div.smallbutton.hover span.buttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat bottom left;
}

div.smallbutton.hover span.buttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat bottom right;
}

/* --- */
/* white button style */

div.button span.whitebuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/whitebutton.png') no-repeat top left;
    float: left;
    height: 21px;
    width: 10px;
    color: #e00400;
}

div.button span.whitebuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/whitebutton.png') no-repeat top right;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 21px;
    float: left;
    padding-right: 10px;
    color: #e00400;
}

div.button span.whitebuttonRight a, div.button span.whitebuttonRight a:link, div.button span.whitebuttonRight a:visited, div.button span.whitebuttonRight a:hover, div.button span.whitebuttonRight a:visited:hover {
    color: #e00400;
}

div.button.hover span.whitebuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/whitebutton.png') no-repeat bottom left;
}

div.button.hover span.whitebuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/whitebutton.png') no-repeat bottom right;
}

/* --- */
/* Medium button style */

div.mediumbutton span.mediumbuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonMedium.png') no-repeat top left;
    float: left;
    height: 27px;
    width: 10px;
    color: #fff;
}

div.mediumbutton span.mediumbuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonMedium.png') no-repeat top right;
    font-size: 16px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    height: 27px;
    float: left;
    padding-right: 10px;
    color: #fff;
}

div.mediumbutton span.mediumbuttonRight a, div.mediumbutton span.mediumbuttonRight a:link, div.mediumbutton span.mediumbuttonRight a:visited, div.mediumbutton span.mediumbuttonRight a:hover, div.mediumbutton span.mediumbuttonRight a:visited:hover {
    color: #fff;
}

div.mediumbutton.hover span.mediumbuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonMedium.png') no-repeat bottom left;
}

div.mediumbutton.hover span.mediumbuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonMedium.png') no-repeat bottom right;
}

/* Medium darker style */

div.mediumdarkerbutton span.mediumdarkerbuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonMediumDarker.png') no-repeat top left;
    float: left;
    height: 27px;
    width: 10px;
    color: #fff;
}

div.mediumdarkerbutton span.mediumdarkerbuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonMediumDarker.png') no-repeat top right;
    font-size: 16px;
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    height: 27px;
    float: left;
    padding-right: 10px;
    color: #fff;
}

div.mediumdarkerbutton span.mediumdarkerbuttonRight a, div.mediumdarkerbutton span.mediumdarkerbuttonRight a:link, div.mediumdarkerbutton span.mediumdarkerbuttonRight a:visited, div.mediumdarkerbutton span.mediumdarkerbuttonRight a:hover, div.mediumdarkerbutton span.mediumdarkerbuttonRight a:visited:hover {
    color: #fff;
}

div.mediumdarkerbutton.hover span.mediumdarkerbuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonMediumDarker.png') no-repeat bottom left;
}

div.mediumdarkerbutton.hover span.mediumdarkerbuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonMediumDarker.png') no-repeat bottom right;
}

/* large button style */

div.largebutton span.largebuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonLarge.png') no-repeat top left;
    float: left;
    height: 35px;
    width: 10px;
    color: #fff;
}

div.largebutton span.largebuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonLarge.png') no-repeat top right;
    font-weight: bold;
    font-size: 16px;
    line-height: 33px;
    font-family: Arial, Helvetica, sans-serif;
    height: 35px;
    float: left;
    padding-right: 10px;
    color: #fff;
}

div.largebutton span.largebuttonRight a, div.largebutton span.largebuttonRight a:link, div.largebutton span.largebuttonRight a:visited, div.largebutton span.largebuttonRight a:hover, div.largebutton span.largebuttonRight a:visited:hover {
    color: #fff;
}

div.largebutton.hover span.largebuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonLarge.png') no-repeat bottom left;
}

div.largebutton.hover span.largebuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonLarge.png') no-repeat bottom right;
}

/* --- */
/* giant button style */

div.giantbutton span.giantbuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonGiant.png') no-repeat top left;
    float: left;
    height: 55px;
    width: 15px;
    color: #fff;
}

div.giantbutton span.giantbuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonGiant.png') no-repeat top right;
    font-weight: bold;
    font-size: 16px;
    line-height: 53px;
    font-family: Arial, Helvetica, sans-serif;
    height: 55px;
    float: left;
    padding-right: 15px;
    color: #fff;
}

div.giantbutton span.giantbuttonRight a, div.giantbutton span.giantbuttonRight a:link, div.giantbutton span.giantbuttonRight a:visited, div.giantbutton span.giantbuttonRight a:hover, div.giantbutton span.giantbuttonRight a:visited:hover {
    color: #fff;
}

div.giantbutton.hover span.giantbuttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonGiant.png') no-repeat bottom left;
}

div.giantbutton.hover span.giantbuttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/buttonGiant.png') no-repeat bottom right;
}

/* --- */
/* used if the button is an input for a form */

div.button input {
    background: transparent;
    border: 0px;
    width: auto;
    overflow: visible;
    height: 17px;
    line-height: 21px;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0;
    cursor: pointer;
}

div.smallbutton input {
    background: transparent;
    border: 0px;
    width: auto;
    overflow: visible;
    height: 17px;
    line-height: 17px;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0;
    cursor: pointer;
}

div.mediumbutton input {
    background: transparent;
    border: 0px;
    width: auto;
    overflow: visible;
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0;
    cursor: pointer;
}

div.mediumdarkerbutton input {
    background: transparent;
    border: 0px;
    width: auto;
    overflow: visible;
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0;
    cursor: pointer;
}

div.largebutton input {
    background: transparent;
    border: 0px;
    width: auto;
    overflow: visible;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0;
    cursor: pointer;
}

div.giantbutton input {
    background: transparent;
    border: 0px;
    width: auto;
    overflow: visible;
    height: 53px;
    line-height: 53px;
    color: #fff;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0;
    cursor: pointer;
}

/* --- */
/* --- */
/* MAIN styles used on almost everypage */

div#pageWrapper {
    overflow: hidden;
    padding: 30px 0 0 20px;
}

/* this is a wrapper that is used in conjunction with the pageWrapper div, it reduces the left margin by 6 pixels to accommodate for the drop shadow */

div#pageWrapperUsesDropShadows {
    overflow: hidden;
    padding: 0 0 0 14px;
}

div#pageWrapperUsesDropShadows p.intro {
    margin-left: 6px;
}

div#pageWrapperUsesDropShadows h1.aboveHeader, div#pageWrapperUsesDropShadows h1.belowHeader {
    margin-left: 6px;
}

div#pageWrapperUsesDropShadows table.buttonTable {
    margin: 3px 0 20px 6px;
}

div#pageWrapperUsesDropShadows hr {
    margin:35px auto 35px 6px !important;
    margin: 15px auto 15px 6px;
}

div#pageWrapperUsesDropShadows #more {
    margin-left: 6px;
}

div#pageWrapperUsesDropShadows .leftmarginfix {
    margin-left: 6px;
}

div#mainWrap {
    float: left;
    width: 616px;
}

div#mainWrap div#main {}

/* --- */
/* SIDEBAR */
/* these styles override the sidebar link padding and colors */

#sidebar .PSPod {
    margin: 10px 0 0 15px;
    padding: 20px 25px 0 25px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/mathematica/images/PSBGPod.gif') no-repeat;
    width:214px !important;
    width: 264px;
    height:221px !important;
    height: 241px;
}

#sidebar .PSPod a, #sidebar .PSPod a:link, #sidebar .PSPod a:visited {
    padding: 0;
    color: #e00400;
}

#sidebar .PSPod a:hover, #sidebar .PSPod a:hover:visited {
    padding: 0;
    color: #bb0000;
}

.sbpodContainer {
    width: 262px;
    margin: 10px 2px 0 15px;
}

.sbpodBG {
    background: url("/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/podGradientBG.gif") repeat-x;
    padding: 15px;
}

.sbpodBG td {
    padding-right: 10px;
}

#sidebar .sbpodBG td a, #sidebar .sbpodBG td a:link, #sidebar .sbpodBG td a:visited {
    padding: 0;
    color: #e00400;
}

.sbpodBG td a:hover, #sidebar .sbpodBG td a:hover:visited {
    padding: 0;
    color: #bb0000;
}

/* --- */

div#sidebar hr {
    margin:5px auto !important;
}

div#sidebar {
    float: right;
    width: 275px;
    margin: 20px 31px 0 0;
}

div#sb_top {
    height: 5px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_top.png') no-repeat top;
}

div#sb_bot {
    height: 6px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_bot.png') no-repeat bottom;
}

div.sb_line, div.sb_subline {
    display: none;
    height: 1px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_line.png') no-repeat;
}

div.sb_separator {
    height: 1px;
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_shortline.png') no-repeat;
}

div.always_on {
    display: block;
}

div.sb_item {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_main.png') repeat-y;
}

div.sb_first {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_first.png') no-repeat top;
}

div.sb_last {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_last.png') no-repeat bottom;
}

div.subcat {/*display: none;*/
    background: #fff url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_subcat.png') repeat-y;
}

.subcat div.sb_item {
    background: transparent;
}

#sidebar div a {
    font: 13px/16px Arial, sans-serif;
}

/* regular button style in a sidebar*/

#sidebar div.button span.buttonRight a {
    font: 12px/19px Arial, Helvetica, sans-serif;
}

#sidebar div.button span.buttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat top left;
    float: left;
    height: 21px;
    width: 10px;
    color: #fff;
}

#sidebar div.button span.buttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat top right;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    height: 21px;
    float: left;
    padding-right: 10px;
    color: #fff;
}

#sidebar div.button span.buttonRight a, #sidebar div.button span.buttonRight a:link, #sidebar div.button span.buttonRight a:visited, #sidebar div.button span.buttonRight a:hover, #sidebar div.button span.buttonRight a:visited:hover {
    color: #fff;
}

#sidebar div.button.hover span.buttonLeft {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat bottom left;
}

#sidebar div.button.hover span.buttonRight {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/button.png') no-repeat bottom right;
}

/* --- */
/* sidebar contact us pods*/

#platforms {
    margin: 30px 0 0 14px;
}

.contact {
    margin: 30px 0 0 15px;
}

.contact td {
    padding: 5px 0 10px 0;
    vertical-align: top;
}

.contact td img{
    margin: -5px 3px 0 0;
}

.contactus {
    margin: 0 0 0 19px;
}

.contactus td {
    padding: 5px 0 10px 0;
    vertical-align: top;
}

.contactus td img{
    margin: -5px 0px 0 0;
}

#reseller td {
    padding: 0 5px 0 0;
    vertical-align: top;
}

/* --- */
/* sidebar link colors */

#sidebar a, #sidebar a:link, #sidebar a:visited {
    display: inline-block;
    padding: 9px 25px 9px 40px;
    color: #666;
}

#sidebar a:active, #sidebar a:hover, #sidebar a:link:hover, #sidebar a:visited:hover {
    color: #e00400;
}

#sidebar .subcat a, #sidebar .subcat a:link, #sidebar .subcat a:visited {
    padding-left: 60px;
    color: #444;
    font-weight: normal;
}

#sidebar .subcat a:active, #sidebar .subcat a:hover, #sidebar .subcat a:link:hover, #sidebar .subcat a:visited:hover {
    color: #e00400;
}

#sidebar .captionText a, #sidebar .captionText a:link, #sidebar .captionText a:visited {
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #666;
    padding: 0 0 0 0;
}

#sidebar .captionText a:active, #sidebar .captionText a:hover, #sidebar .captionText a:link:hover, #sidebar .captionText a:visited:hover {
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #e00400;
    padding: 0 0 0 0;
}

#sidebar h3 {
    color: #5c5c5c;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0 0 0;
}

#sidebar h3 a, #sidebar h3 a:link, #sidebar h3 a:visited {
    color: #5c5c5c;
    padding: 0;
    font: 14px/19px Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    display: inline;
    font-weight: bold;
}

#sidebar h3 a:hover, #sidebar h3 a:visited:hover {
    color: #bb0000;
    padding: 0;
    font: 14px/19px Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    display: inline;
    font-weight: bold;
}

/* --- */
/* sidebar new highlighting */

#sidebar div.active-menu {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_highlight_parent.png') center;
}

#sidebar div.active-menu a {
    color: #444;
    font-weight: bold;
}

#sidebar div.active-menu div.sb_line {
    display: block;
}

#sidebar div.active-item {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images2010/m8/bg_sb_arrow.png') center;
}

#sidebar div.active-item a {
    color: #e00400 !important;
}

#sidebar div.active-item div.sb_line {
    display: block;
}

/* --- */
/* --- */
/* global footer overrides */

div#footerAboutLinks {
    margin-left: 13px;
}

div#footerAboutLinks a:hover {
    color: #bb0000;
}

div#footerSocialIcons {
    margin-right: 30px;
}

/* Thickbox overrides and styles */

#TB_title{
    background: white;
    height: 25px;
}

#TB_window {
    border: 0;
    border-top: 6px solid #d00;
    background-color: white;
}

#TB_closeWindowButton {
    float: right;
    width: 21px;
    height: 21px;
}

#TB_closeAjaxWindow {
    background: url('/National_Library/20160330061658oe_/http://www.wolfram.com/common/images/TBcloseButton_sm.gif') no-repeat 48px 5px;
    margin: 0;
    float: right;
    height: 21px;
    width: 69px;
}

body#thickboxPopup {
    background-image: none;
}

body#thickboxPopup div#pageWrapper {
    padding: 30px 20px 0 20px;
}

body#thickboxPopup table {
    margin-top: 10px;
}

body#thickboxPopup table td {
    vertical-align: top;
    padding-right: 30px;
}

/* wolfram|alpha appliance styles */

.waWrapper {
    padding: 10px 20px 0 20px;
    font: 12px/12px Arial, Helvetica, sans-serif !important;
    letter-spacing: normal !important;
}

.waWrapper .waLink {
    font-size: 10px;
    margin-top: 8px;
}

.waWrapper img {
    float: right;
    margin-left: 10px;
}

.waWrapper .waLink {
    font-size: 10px;
    margin-top: 8px;
}

.waLink a:hover, .waLink a:link:hover, .waLink a:active:hover, .waLink a:visited:hover {
    color: #BB0000 !important;
}

.waWrapper a {
    padding: 0 !important;
}
/* PRINT STYLES */