/*
    Development Platform Styles
--------------------------------*/
img {
    border-style: none;
}
body {
    margin: 0;
    padding: 0;
}

#wdp_body {
    min-width: 1200px;
    color: #333;
    font-size: 16px;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

#overview #wdp_body{
	min-width: 1326px;
}
#wdp_body h1 {
    font-weight: 500;
    font-size: 43px;
    margin: 75px 0 0;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
   
}

.wdp_hero {
	text-align:center;
	width:100%;
}


#wdp_body p.tagline {
    color: #3c3b3b;
    font-size: 21px;
    font-weight: 200;
    margin: 2px auto 75px;
}
.red {
    color: #dd1600;
}
.more-from-wolfram {
    color: #656565;
}
#wdp_body h2 {
    font-size: 20px
}
#wdp_body h2 {
    font-size: 17px
}
#wdp_body h2.orange {
    font-weight: 300;
    color: #f57300;
    font-size: 35px;
    margin-bottom: 0;
    margin-top: 16px;
    float: left;
    line-height: 1.4;
}
#wdp_body h2.orange {
    font-weight: 300;
    color: #dd1600;
    font-size: 35px;
    margin: 6px 0 0 0
}
#wdp_body h2.red {
    font-weight: 300;
    color: #f71900;
    font-size: 35px;
    margin: 45px 0 4px 0;
}
#wdp_body h2.thin_red {
    font-weight: 300;
    color: #f71900;
    font-size: 35px;
    margin: 19px 0 0 0;
}
/*Blue for tech pages*/

#wdp_body h2.blue {
    font-weight: 300;
    color: #1d96bd;
    font-size: 35px;
    margin: 19px 0 4px 0;
}
#wdp_body h4.red {
    font-weight: 600;
    color: #f71900;
    font-size: 20px;
    margin: 40px 0 4px 0;
}
#wdp_body h4.more-from-wolfram {
    font-weight: 600;
    font-size: 20px;
    margin: 40px 0 4px 0;
}
#wdp_body h4.grey {
    font-weight: 300;
    color: #666666;
    font-size: 24px;
    margin: 12px 0 0 0
}
#wdp_body h5.orange, #wdp_body h5.orange a {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f57300 !important;
    font-size: 15px;
    margin: 35px 0 0 0
}
#wdp_body h5.orange a:hover {
    color: #f71900 !important;
}
#wdp_body h6 {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 32px 0 16px 0;
    font-weight: 600;
    font-size: 12px !important
}
#wdp_body p {
    font-size: 15px
}
#wdp_body a {
    text-decoration: none;
}
.small-title, .footer-right p.small-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 11px 0 0 0 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}
#wdp_body {
    min-width: 1456px;
    background: #fff;
}
.wdp_heading {
    overflow: hidden;
}
.wdp_hero {
    background: #fff url("/National_Library/20160521004321oe_/http://www.wolfram.com/development-platform/images/cloud-gray-bg.png") repeat-x scroll bottom center;
    text-align: center;
    border-bottom: 1px solid #b7b7b7;
}
#wdp_body a {
    color: #dd1600;
}
#wdp_body a:hover {
    color: #f57300;
}
#wdp_body p {
    color: #656565;
    font-size: 15px;
    line-height: 1.9;
    font-weight: 400;
    margin-top: 5px;
}
.larger {
    font-size: 16px !important;
    line-height: 1.9 !important;
    margin-top: 7px !important;
}
.small_larger {
    font-size: 16px !important;
}

.wdp_container.wider {
    width: 860px!important;
}

.intro_smaller_dp.wider {
    width: 200px;
    text-align: center;
}


#overview .intro_smaller_dp.wider a {
    color: #777 !important;
}

#overview .intro_smaller_dp a:hover {
    color: #F57300!important;
}
#overview .wdp_container {
    width: 790px!important;
}

.slide_container {
    width: 860px;
    text-align: left;
}
.slider_wrapper {
    height: 534px;
    overflow: hidden;
    display: inline-block;
    width: 796px;
    position: relative;
}
.slider {
    list-style: none;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    overflow: hidden;
}
.slide_container li {
    margin: 0 0 0 10px;
    float: left;
}
.slider .active {} .slide img {
    display: block;
}
.slide-navi-button {
    display: inline-block;
    margin: 230px 0 0 0;
    vertical-align: top;
    cursor: pointer;
}
.logo_box {
    background: #dd1600;
    width: 75px;
    height: 70px;
    padding: 5px 0 0 0;
    text-align: center;
    float: left;
}
.logotype_wrap {
    float: left;
    margin: 0 0 0 10px;
}
.logotype_wrap h1 {
    font-size: 32px;
    color: #242424;
    font-weight: 400;
    line-height: 14px;
}
.logotype_wrap p {
    margin: 0 !important;
}
.trade {
    font-size: 17px;
    vertical-align: top;
    margin: 5px 0 0 0 !important;
    display: inline-block;
    font-weight: 300;
    color: #b4b4b4 !important;
}
.rtrade {
    font-size: 40%;
    vertical-align: top;
    margin: 7px 0 0 0 !important;
    display: inline-block;
    font-weight: 200;
}
.intro_button.top-tab {
    position: absolute;
    top: 8px;
    left: 62px;
    padding: 6px 10px !important;
    line-height: 1;
    height: auto !important;
    font-size: 12px !important;
    font-weight: 400;
    background: #a1a1a1;
    letter-spacing: 1px;
}
.intro_button.top-tab:hover {
    background: #a1a1a1;
    cursor: default;
}

.intro_column {
    margin: 50px 0 0;
}
.grey_rule {
    border-top: 1px solid #b7b7b7;
}
.divider {
    border-bottom: 1px solid #b7b7b7;
}
.left_intro {
    width: 60%;
}
.right_intro {
    float: right;
    width: 30%;
    margin-top: -64px;
}
.intro_smaller {
    font-size: 14px !important;
    clear: both !important;
    margin: 1px 0 0 16px !important;
    display: inline-block;
    line-height: 1 !important;
}
.intro_smaller {
    color: #656565 !important;
}
.intro_smaller.bold {
    color: #656565 !important;
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size:  17px !important;
    margin: 0 0 0 14px !important;
}
.intro_small_wrapper {
    width: 530px;
    float: left;
    line-height: 1;
}
.wdp_block {
    position: relative;
    padding-bottom: 35px;
}
.wdp_block h2 span {
    position: absolute;
    top: -80px;
}
.wdp_block.orange {
    background: #ef6000;
    overflow: hidden;
    margin: 0 0 50px 0;
    padding-top: 35px;
}
.wdp_block.orange ul {
    color: #fff;
    float: left;
    margin: 11px 33px 0 0;
    font-size: 13px;
    list-style: none;
    padding: 0;
    float: left;
}
.wdp_block.orange li {
    line-height: 17px;
    font-size: 15px;
    background: url('/National_Library/20160521004321oe_/http://www.wolfram.com/images/marketing/bullet.png') no-repeat 0 7px;
    padding-left: 10px;
}
.wdp_block.orange li.last {
    border-right: 0;
}
.wdp_block.orange h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
    margin: 0 !important;
    letter-spacing: 1px;
    display: block;
    padding: 0;
}
#wdp_body p.orange_smaller {
    font-weight: 300;
    color: #f57300;
    font-size: 26px;
    line-height: 45px;
    margin: 28px 0 8px;
}
/*Blue for tech pages*/

#wdp_body p.blue_smaller {
    font-weight: 300;
    color: #1d96bd;
    font-size: 26px;
    line-height: 45px;
    margin: 19px 0 8px;
}
.more-left {
    display: inline-block;
    float: left;
    margin: 30px 10px 0 0;
    width: 65px;
}
.more-left img {
    max-width: 100%;
    display: inline-block;
}
.more-right {
    width: 290px;
    height: 105px;
    float: left;
    margin-bottom: 20px;
    display: inline-block;
}
#wdp_body .more-from-wolfram-link:hover h5 {
    color: #f71900 !important;
}

.two_column {
    width: 102.5%;
    margin-left: -4%;
    overflow: hidden;
}
.twocol_one, .twocol_two {
    width: 370px;
    margin-left: 4%;
    float: left;
}
.three_column {
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px;
}
.threecol_one, .threecol_two, .threecol_three {
    width: 236px;
    padding-right: 3%;
    float: left;
}
.four_column {
    width: 100%;
    overflow: hidden;
}
.fourcol_one, .fourcol_two, .fourcol_three, .fourcol_four {
    padding-right: 3%;
    float: left;
    width: 205px;
}
.thinner {
    font-weight: 200;
}
.wdp_button {
    font-weight: 600;
    padding: 7px;
    background-color: #dd1600;
    text-align: center;
    font-size: 13px !important;
    width: 40%;
    display: inline-block;
    color: #fff !important;
}


.chevron {
    color: #e00400;
}
.signin_foot {
    min-height: 200px;
    background: #646464;
    color: #fff;
}
.orange.footer {
    margin: 0 !important;
}
.orange.footer .container {
    margin: 0 auto;
}
.orange.footer p {
    margin: 0 !important;
    font-size: 13px !important;
   
}
p.footer, .footer p {
    color: #fff !important;
    font-weight: 500;
}
.footer small {
    font-size: 11px !important;
    font-weight: 300;
}
p.footer a, .footer a {
    color: #ffffff !important;
}
p.footer a:hover, .footer a:hover {
    color: #732d00 !important;
}
.footer-left {
    width: 350px;
    float: left;
    padding-left: 15px;
}
.footer-right {
    width: 285px;
    float: right;
}
.orange.footer .footer-right p {
    margin: 0;
    font-size: 12px !important;
    font-weight: 300;
    line-height: 22px !important;
}
.footer-right a {
    font-weight: 500;
}
.global-header {
    background: url('/National_Library/20160521004321oe_/http://www.wolfram.com/images/global-header.png') no-repeat center top;
    height: 100px;
}
.global-footer {
    background: url('/National_Library/20160521004321oe_/http://www.wolfram.com/images/global-footer.png') no-repeat center top;
    height: 531px;
}
.clearfloat {
    clear: both;
}
.logotype_wrap {
	margin: 0 0 0 10px;
}

.wdp_hero {
    height: 531px;
}

.shot_wrap {
	width: 950px;
	margin: -23px auto 0;
	position: relative;
}
#hero {
    background: #444;
    background-size: cover;
    height: 275px;
    color: #fff;
    padding: 106px 0 14px 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    border-bottom: 3px solid #eee;
    margin-bottom: 12px;
    text-align: center;
}
#hero .container img {
    float: left;
    width: 100%;
    margin-top: 85px;
}

.intro_column h2 {
    font-weight: normal;
    font-size: 150%;
    color: #636363;
    clear: both;
    width: 100%;
    margin: 32px 0 8px;
}
#wdp_body h2.intro_larger {
    font-weight: 600;
    color: #767676;
    font-size: 100%;
    line-height: 1;
    margin: 48px 0 0 0;
    text-transform:uppercase;
    letter-spacing: 1px;
}
#wdp_body h2.red.smaller {
    font-size: 23px;
}


.config-smaller {
    font-size: 14px;
}
.configuration {
    margin-bottom: 30px;
}
.configuration p {
    color: #636363;
    margin: 0 0 5px;
    font-weight: 400;
}
.configuration strong {
    font-weight: 600;
}
.wdp_block.orange h2 {
    margin: 30px 0 0 0;
}
.wdp_block.orange li {
    margin: 0 0 10px 0;
}
.color_switcher {
    margin-top: -32px;
}
.color_switcher a {
    color: #aaa;
}

.grey_temp {
    width: 100%;
    font-size: 14px;
    color: #777;
    text-align: center;
    background: #fff;
    margin-top: 16px;
}
.grey_bump {
    margin-top: 64px;
    margin-bottom: 0;
}
.two_column_copy {
    -moz-column-count: 2;
    -moz-column-gap: 24px;
    -webkit-column-count: 2;
    -webkit-column-gap: 24px;
}
.logo_box {
    background: #dd1600;
    width: 75px;
    height: 70px;
    padding-top: 5px;
    position: relative;
    top: 0px;
    left: 0px;
    text-align: center;
}
.mountain_wrap {
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 200px;
    overflow: hidden;
    margin-top: -400px;
}
.mountains {
    position: absolute;
    width: 2000px;
    left: -20%;
    top: -140px;
    filter: gray;
    -webkit-filter: grayscale(1) contrast(190%);
}
.upper_shots {
    position: relative;
    margin: 0 0 0 -165px;
    z-index: 400;
}
.grey_rule {
    border-top: 1px solid #b7b7b7;
}
.red_divider {
    border-bottom: 1px solid #b7b7b7;
}
.grey_pipe {
    margin: 0 10px;
}
.left_intro {
    width: 60%;
}
.right_intro {
    float: right;
    width: 30%;
    margin-top: -64px;
}
.plus_link {
    font-size: 80%;
    color: #dd1600;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    top: -5px;
    font-weight: bold;
}
.plus_link:hover {
    color: #b51504;
}
.hidden_copy {
    display: none;
}
.less_last_p {
    margin: 0 !important;
}
.soon {
    font-size: 10px;
    padding: 3px 6px 3px 6px;
    color: #fff;
    background-color: #b7b7b7;
    position: relative;
    top: -1px;
    left: 2px;
}
.intro_smaller_dp{
	clear: both !important;
	font-size:13px;
	display: inline-block;
	line-height: 1 !important;
	color:#777777;
	
}

.intro_smaller_dp.center{
	text-align:center;
	width:170px;
}

.intro_smaller_dp.one{
	font-size: 1em!important;
}

.intro_smaller_dp.two{
	font-size: 13px!important; 
	padding: 7px 0 0 3px;
}

.introcol_one {
    -webkit-box-flex: 1 200px;
    -moz-box-flex: 1 200px;
    -webkit-flex: 1 200px;
    -ms-flex: 1 200px;
    flex: 1 200px;
    padding-right: 5%;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.introcol_two {
    -webkit-box-flex: 1 100px;
    -moz-box-flex: 1 100px;
    -webkit-flex: 1 100px;
    -ms-flex: 1 100px;
    flex: 1 100px;
    padding-right: 5%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
}

.show {
    display: block;
}
.left {
    width: 495px;
    float: left;
}
.right {
    width: 230px;
    float: right;
    padding: 50px 0 0 0;
}


span#ideal-for {
    font-weight: 600;
    color: #F57300;
    font-size: 16px;
    text-transform: uppercase;
}
.row {
    width: 100%;
    margin: 0 0 0 11px;
    overflow: hidden;
}
.third {
    width: 229px;
    margin: 0 0 2px 2px;
    float: left;
}
.links-table {
    color: #fff;
    width: 777px;
    clear: both;
    margin: 30px 0 30px 0;
}
.links-table h4 {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #f57300 !important;
    font-size: 15px;
    margin: 35px 0 10px 0;
}
.links {
    list-style: none;
    padding: 0;
    margin: 0;
}
.color-link {
    display: inline-block;
    color: #1a1a1a !important;
    font-size: 12px;
    padding: 6px 10px;
    background: #eee;
}
.color-link:hover {
    background: #f8802d;
    color: #fff !important;
}
.red-link {
   margin: 5px 0px 25px;
}

.twocol_one.wider{
   width:458px;	
}

.twocol_two.with_divider{
	width: 233px;
	padding-left: 30px;
	margin-top: 10px;
	float: right; 
	border-left:1px solid #B5B5B5;
}

.twocol_two.with_divider li{
	list-style-type: square; 
	font-size: .84em; 
	margin-left: 16px; 
	line-height: 1.5em;
	padding: 3px 0px;
	
}

.twocol_two.with_divider li span{
	color:#535353;
}
.twocol_two.with_divider ul {  
	  margin:0;
	  padding:0;
	  display: table;
	  color:#B7B7B7;
}

#fast {
    min-height: 1266px;
}

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

.red-link img{margin: 40px 0px 0px;}
span.red-link{display:inline-block;margin-bottom:-20px}

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

.section-wrapper .width {

    max-width: 800px;
    min-width: 800px;
    margin:0 auto;
}
.section-wrapper img{
	margin:40px 0px 0px;
}

img.less-margin-top-img {
    margin: 0px 0px 0px;
}

.local-wrapper a:hover, .local-wrapper a:active {
    color: #F57300;
    text-decoration: none;
    outline: medium none;
}
.section-wrapper.full  {
    max-width: 100%;
    min-width: 100%;
}
#bottom-footer {
    border-bottom: 1px solid #FFF;
    background: #EF6000 none repeat scroll 0% 0%;
    text-align: center;
}

.two_column p {
    margin-bottom: 0px;
}
#pagenav {
    position: relative;
    left: -235px;
    width: 210px;
}

#pagenav li a:hover, #pagenav li a:active, #pagenav li a.active {
    color: #FFF!important;
    background: #F4792F none repeat scroll 0% 0%!important;
}

#pagenav li a:link, #pagenav li a:visited {
    color: #636363;
    background: #F8F8F8 none repeat scroll 0% 0%;
}
#pagenav li a {
    display: block;
    border-bottom: 1px solid #D7D7D7;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
}

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

#pagenav ul, #pagenav li {
    display: block;
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

#pagenav .fpn-box {
    position: absolute;
    width: 210px;
    border: 1px solid #D7D7D7;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    background: #EBEBEB none repeat scroll 0% 0%;
}

.intro_button.top-tab {
    left: 71px;
}




 .fpn-box {
    position: absolute;
    width: 250px;
    border: 1px solid #D7D7D7;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    background: #EBEBEB none repeat scroll 0% 0%;
}






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




.intro_button.one,.intro_button.two {
    font-size: 16px !important;
    text-align: center;
    float: left;
    margin: 0px;
    padding: 9px 25px;
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    font-weight:400;
}

.intro_button.one {
	background-color:#DD1100;
    color: #ffffff!important;
    border:1px solid #b00f00;
}
.intro_button.two {
    color: #dd1100;
    background-color: #ffffff;
    border:1px solid #dd1100;
 }


.wdp_button:hover {
    background-color: #f57300;
}

#pagenav .button:link, #pagenav .button:visited {
    display: inline-block;
    margin: 0px 13px 0px 0px;
    padding: 8px 16px;
    border: 1px solid #b00f00;
    border-radius: 3px;
    background: #DD1100 none repeat scroll 0% 0%;
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
}

#pagenav .button:hover{
   background:  #fe0000 none repeat scroll 0% 0%;
   border:1px solid #b00f00;
}

#pagenav .button:active{
   background: #b00f00 none repeat scroll 0% 0%;	
     border:1px solid #b00f00;
}







.intro_button:active {
    background-color: #b00f00;
    color:white!important;
    border:1px solid #b00f00;
}


.intro_button:hover {
    background-color: #fe0000;
    color:white!important;
    border:1px solid #b00f00;
}

.intro_column{float:left;display:inline-block;   margin: 10px 0px 0px 0px;}
.intro_column.one{width:305px;padding-left:12px;}
.intro_column.two{width:200px;}
.intro_column.three{width: 200px;border-left: 1px solid #C3C3C3;padding-left: 20px;}
.intro_column.three img{margin:4px 0px 6px 9px;  }
.intro_column.three img:hover{opacity:0.8;}
.get_started {
    height: 130px;
    background: #FFF none repeat scroll 0% 0%;
}
.orange a.button.two {
    display: inline-block;
    float: left;
   margin: 6px 20px 0px 0px;
    font-size: 16px;
    font-weight: 400;
    border:1px solid #fff;
    border-radius:3px;
     padding:  9px 25px;
     background:#F77700;
     color:white!important;
     line-height:17px;
     
}

.orange a.button.one {
    background: #fff;
    color: #e55f00 !important;
    display: inline-block;
    padding: 9px 25px;
    float: left;
    margin: 6px 15px 0 0;
    font-size: 16px;
    font-weight: 400;
    border-radius:3px;
     border:1px solid #bb5000;
     line-height:17px;
}



.orange a.button.one:hover,.orange a.button.two:hover {
  background-color:#ff8800;
  color:#ffffff!important;
  border:1px solid #ffffff;
}

.orange a.button.one:active, .orange a.button.two:active{
  background-color:#ef7000;
  color:#ffffff!important;
  border:1px solid #ffffff;
}


.footer-left {
  width: 285px;
  float: left;
  border-left: 1px solid white;
  padding-left: 13px;
  text-align: left;
}

.container {
    margin: 0px auto 40px auto;
    width: 1060px;
    position: relative;
}

.wdp_block {
    position: relative;
    padding-bottom: 0px!important;
}
.wdp_block.orange {
    background: #EF6000 none repeat scroll 0% 0%;
    overflow: hidden;
    margin: 0px 0px 50px;
    height: 80px;
    padding-top: 35px;
    
}

.less-margin-top{margin-top:20px!important;}
.bracket{background:url('/National_Library/20160521004321oe_/http://www.wolfram.com/development-platform/images/bracket.png') no-repeat -50px top;}