/* Mathematica section shared styles.

   @file        shared.css.en
   @author      marionm
   ========================================================================== */

/* shared styles
   ========================================================================== */

body { background: #fff; }

.local-wrapper {
    color: #636363;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-width: 1115px;
}

.local-wrapper a:link,
.local-wrapper a:visited {
    color: #d51100;
    text-decoration: none;
    outline: none;
}

.local-wrapper a:hover,
.local-wrapper a:active {
    color: #f57300;
    text-decoration: none;
    outline: none;
}

.local-wrapper h1,
.local-wrapper h2,
.local-wrapper h3,
.local-wrapper h4,
.local-wrapper h5,
.local-wrapper h6,
.local-wrapper p,
.local-wrapper ul,
.local-wrapper li {
    display: block;
    margin: 0;
    padding: 0;
}

.section-wrapper {
    width: 100%;
    max-width: 1015px;
    min-width: 1015px;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #b8b8b8;
}

.section-wrapper.full {
    max-width: 100%;
    min-width: 100%;
}

.section-wrapper.last { border: none; }

.section-wrapper .width {
    width: 100%;
    max-width: 1015px;
    min-width: 1015px;
    margin: 0 auto;
    padding: 50px 0 30px 0;
}

.row,
.local-wrapper .row {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
}

.column,
.local-wrapper .column {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

/* subheader
   ========================================================================== */

#subheader * {
    margin: 0;
    padding: 0;
    border: none;
    font-family: 'Source Sans Pro', Arial, sans-serif;
}

#subheader { padding: 35px 0; }

#subheader h1 {
    display: block;
    color: #3d3d3d;
    margin: 0 auto;
    font-size: 38px;
    line-height: 38px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#subheader h1 em,
#subheader h1 span { color: #d21c00; }

#subheader h1 a {
    color: #3d3d3d;
    text-decoration: none;
}

/* subnav
   ========================================================================== */

#subnav * {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', Arial, sans-serif;
}

#subnav {
    position: relative;
    bottom: -1px;
    width: 100%;
    height: 33px;
}

#subnav ul { display: block; }

#subnav li {
    display: block;
    float: left;
    background: none;
    list-style: none;
}

#subnav a {
    display: block;
    margin: 0;
    padding: 6px 20px 7px 20px;
    color: #d51100;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
}

#overview #subnav-overview,
#new-in-13 #subnav-new-in-10,
#new-in-12 #subnav-new-in-10,
#new-in-11 #subnav-new-in-10,
#customerstories #subnav-stories,
#resources #subnav-resources,
#trial_request #subnav-try,
#pricing #subnav-buy {
    background: #fff;
    border: 1px solid #d2d2d2;
    border-bottom: 2px solid #fff;
}

#trial_request #subnav-try a {
    padding: 6px 20px 7px 20px;
    background: #f0f0f0;
    border-bottom: 1px solid #d2d2d2;
    color: #545454;
}

#subnav a:link,
#subnav a:visited { color: #545454; }

#subnav a:hover,
#subnav a:active { color: #f57300; }

#subnav #subnav-overview { padding: 6px 20px 7px 0; }

/* subnav_red
   ========================================================================== */

#subnav_red {
    width: 100%;
    border-bottom: 6px solid #ac000e;
    background: #d40014;
}

#subnav_red ul {
    display: block;
    width: 1052px;
    margin: 0 auto;
    padding: 0;
}

#subnav_red li {
    display: inline-block;
    list-style: none;
}

#subnav_red a {
    display: inline-block;
    margin: 0 -2px;
    padding: 12px 20px 7px 20px;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
}

#subnav_red a:link,
#subnav_red a:visited {
    color: #fff;
    background: #d40014;
}

#subnav_red a:hover,
#subnav_red a:active,
#overview #subnav_red-overview,
#new-in-10 #subnav_red-new-in-10,
#customerstories #subnav_red-customer-stories,
#resources #subnav_red-resources,
#trial_request #subnav_red-try,
#pricing #subnav_red-buy {
    color: #fff;
    background: #ac000e;
}

/* pagenav
   ========================================================================== */

#pagenav {
    position: relative;
    left: -335px;
    width: 250px;
}

#pagenav .fpn-box {
    position: absolute;
    width: 250px;
    border: 1px solid #d7d7d7;
    -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
    background: #ebebeb;
}

#pagenav.fixed .fpn-box {
    position: fixed;
    top: 60px;
}

#pagenav ul,
#pagenav li {
    display: block;
    list-style: none;
}

#pagenav .fpn-hidden { display: none; }

#pagenav li a {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    padding: 18px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
}

#pagenav li a:link,
#pagenav li a:visited {
    color: #636363;
    background: #f8f8f8;
}

#pagenav li a:hover,
#pagenav li a:active,
#pagenav li a.active {
    color: #fff;
    background: #f4792f;
}

#pagenav .button:link,
#pagenav .button:visited {
    display: inline-block;
    margin: 0 13px 0 0;
    padding: 8px 12px;
    border: 1px solid #b3b3b3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #e00400;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

#pagenav .button:hover,
#pagenav .button:active { background: #ac000e; }

#pagenav p {
    display: block;
    margin: 13px 0 13px 13px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

/* try/buy/upgrade
   ========================================================================== */

#try-buy-upgrade * {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', Arial, sans-serif;
}

#try-buy-upgrade {
    border-bottom: 1px solid #fff;
    background: #f86300;
    text-align: center;
}

#try-buy-upgrade .width {
    margin: 0 auto;
    padding: 20px 0;
}

#try-buy-upgrade h2 {
    margin: 0 0 8px 0;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
}

#try-buy-upgrade p {
    width: auto;
    color: #636363;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

#try-buy-upgrade .level-2 a {
    display: inline-block;
    width: 90px;
    margin: 0 5px 0 0;
    padding: 5px 3px 5px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    background: #f86300;
    vertical-align: middle;
}

#try-buy-upgrade .level-2 a:link,
#try-buy-upgrade .level-2 a:visited {
    border: 1px solid #c53c00;
    background: #fff;
    color: #f86300;
}

#try-buy-upgrade .level-2 a:hover {
    border: 1px solid #fff;
    background: #ff8b24;
    color: #fff;
}

#try-buy-upgrade .level-2 a:active {
    border: 1px solid #fff;
    background: #e35b00;
    color: #fff;
}

#try-buy-upgrade .level-2 p span.no-bg-color {
    display: inline-block;
    padding: 0 0 0 10px;
    vertical-align: middle;
}

#try-buy-upgrade .level-2 span.no-bg-color a {
    width: auto;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-align: left;
}

#try-buy-upgrade .level-2 span.no-bg-color a:link,
#try-buy-upgrade .level-2 span.no-bg-color a:visited {
    color: #fff;
    background: #f86300;
    border: none !important;
}

#try-buy-upgrade .level-2 span.no-bg-color a:hover,
#try-buy-upgrade .level-2 span.no-bg-color a:active {
    color: #ac000e;
    background: #f86300;
    border: none !important;
}

#try-buy-upgrade .level-3 p {
    margin: 8px 0 0 0;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

#try-buy-upgrade .level-3 p span { text-transform: uppercase; }

#try-buy-upgrade .level-3 a:link,
#try-buy-upgrade .level-3 a:visited { color: #fff; }

#try-buy-upgrade .level-3 a:hover,
#try-buy-upgrade .level-3 a:active { color: #ac000e; }

/* global overrides
   ========================================================================== */

#gl-legacy-outer-table,
#gl-legacy-inner-table {
    width: 100%;
    min-width: 1115px;
}

#gl-legacy-outer-table td,
#gl-legacy-inner-table td {
    width: auto;
    overflow: visible;
}

#gl-legacy-outer-table img[src*='/common/images/spacer.gif'],
#gl-legacy-outer-tr-1,
#gl-legacy-linebreaks {
    display: none;
    width: 0;
    height: 0;
    border: none;
}

#gl-legacy-inner-td-1 { text-align: center; }

/* m8 overrides
   ========================================================================== */

#menuspace {
    display: none;
    width: 0;
    height: 0;
    border: none;
}

/* m10 subnav
   ========================================================================== */

#m10-section-header {
    width: 100%;
    height: 141px;
    border-bottom: 1px solid #d2d2d2;
    background: #f0f0f0;
    overflow: visible;
}

#m10-section-header .width {
    width: 1015px;
    margin: 0 auto;
    text-align: left;
}