
/* styled elements that may be shared */

hr {
      margin:0px 25px;
      padding:0px;
      border:0;
      height:1px;
      background-color:#ccc;
}
.clear { clear:both; }
* {outline:none !important; }

a { color: #000; font-weight:bold; }
a:hover, a:active, a:visited { color:#db0303; }

/* styles that apply only to the about page */

#waAbout .link-openfeedback {
      margin:0px 0px 10px -5px;
      display:block;
      width:329px;
      height:56px;
      background:#e2e2e2;
      background: url(/National_Library/20161007105358oe_/http://www.wolframalpha.com/images/about/about-feedback-btn.png) no-repeat left top transparent;
}
#waAbout .link-openfeedback:hover {
      background-position:left -55px;
}
#waAbout .btn-wa-faqs {
      margin:10px 0px 10px -5px;
      display:block;
      width:329px;
      height:56px;
      background:#e2e2e2;
      background: url(/National_Library/20161007105358oe_/http://www.wolframalpha.com/images/about/about-faq-btn.png) no-repeat left top transparent;
}
#waAbout .btn-wa-faqs:hover {
      background-position:left -56px;
}

#waAbout .intro-btn{
      margin: 15px 0px 0 -5px;
      display:block;
      width:329px;
      height:62px;
      background:#e2e2e2;
      background: url(/National_Library/20161007105358oe_/http://www.wolframalpha.com/images/about/about-intro-btn.png) no-repeat 0 -2px transparent;
      color: #333;
      line-height: 19px;
      font-weight: bold;
      font-size: 13px;
      padding: 27px 0 0 52px;
}
#waAbout .intro-btn:hover {
      background-position: 0 -91px;
      color: #222222;
}

#waAbout #topBanner {
      margin-bottom:30px;
      border-bottom:1px solid #ddd;
}
#waAbout #topBanner .pagewidth {
      padding-bottom:40px;
      background:url(/National_Library/20161007105358oe_/http://www.wolframalpha.com/images/about/about-gears.png) no-repeat right bottom transparent;
      position:relative;
      width:1020px;
      padding-left:60px; /* 1020-60 = 960px */
}
#aboutTourButton {
      background:url(/National_Library/20161007105358oe_/http://www.wolframalpha.com/images/about/about-tour-btn.png) no-repeat left top transparent;
      display:block;
      width:296px;
      height:116px;
      margin-top:-2px;
}
#aboutTourButton:hover { background-position:left -116px; }
#aboutBannerText {
      width:595px;
      display:inline-block;
}
#aboutBannerText h1 {
      font-size:30px;
      padding-top:40px;
      padding-bottom:30px;
}
#aboutBannerText p {
      font-size:14px;
      line-height:24px;
      margin-bottom:20px;
}
#aboutBannerTour {
      position:absolute;
      top:-20px;
      right:65px;
}
#aboutMainText {
      width:610px;
      float:left;
      margin-bottom:30px;
}
#aboutMainText p {
      font-size:12px;
      line-height:19px;
      margin-bottom:15px;
      color:#333;
}
#aboutSidelinks,
#aboutSidebar {
      float:left;
      width:318px;
      margin-left:30px;
}
#aboutSidebar {
      background:#f7f7f7;
      border:1px solid #ccc;
      -moz-box-shadow: 0 0 2px 1px #ddd;
      -webkit-box-shadow: 0 0 2px 1px #ddd;
      box-shadow: 0 0 2px 1px #ddd;
}
#aboutSidebar,
#aboutSidebar .title,
#aboutSidebar .title h4 {
      -moz-border-radius-topleft:6px; 
      -moz-border-radius-topright:6px;
      border-top-left-radius:6px; 
      border-top-right-radius:6px; 
}

.noBorderRadius #aboutSidebar .title h4 {
	
}
#aboutMainText h3 {
      color:black;
      font-size:18px;
      font-weight:bold;
      margin-bottom:15px;
}
#aboutMainText h4 {
      font-size:14px;
      line-height:21px;
      margin-bottom:15px;
}
#aboutMainText .col1,
#aboutMainText .col2 {
      width:290px;
      float:left;
}
#aboutMainText .col1 {
      margin-right:15px;
}
#aboutMainText .col2 {
      margin-left:15px;
}
#aboutMainText hr {
      margin:0;
      margin-top:20px;
      margin-bottom:20px;
}
#aboutMainText b.subtitle {
      font-size:12px;
      margin-bottom:10px;
      display:inline-block;
}
#waAbout #timelineBox {
      margin:15px 5px;
      width:564px;
      background:#f5f5f5;
      padding:19px;
      border:1px solid #ccc;
      -moz-box-shadow:0px 0px 3px 0px #ccc;
}
  #timelineBox h4 {
    color:#999;
    font-weight:bold;
    text-transform:uppercase;
    font-size:13px;
    margin:0;
    margin-bottom:-10px;
  }
  #timelineBox a {
    color:#333;
    font-weight:bold;
    line-height:40px;
    font-size:13px;
    display: block;
    
  }
  #timelineBox a:hover i { color:#db0303; }
  #timelineBox i {
    font-weight:normal;
    font-size:11px;
    color:#888;
    margin: -7px 0 0 0;
    display:block;
    line-height:11px;
  }
#aboutSidebar .bottom,
#aboutSidebar .top {
      width:100%;
      position:relative;
      height:0px;
      overflow:hidden;
}
#aboutSidebar .title h4 {
      background:#e2e2e2;
      text-transform:uppercase;
      padding:20px;
      font-size:14px;
      font-weight:bold;
}
    .cssgradients #aboutSidebar .title h4 {
       background: -webkit-gradient( linear, left bottom,  left top,  color-stop(0.99, rgb(247,247,247)),  color-stop(0.01, rgb(227,227,227)));
       background: -moz-linear-gradient( center bottom, rgb(227,227,227) 12%, rgb(247,247,247) 88%);
    }
    .textshadow #aboutSidebar .title h4 {
      text-shadow: #ddd 2px 2px 3px;
      -moz-text-shadow: #ddd 2px 2px 3px;
    }
    #aboutSidebar .minipod {
      padding:20px;
      font-size:14px;
      color:#333;
    }
    #aboutSidebar .minipod ul {
      list-style-type:square;
      padding-left:17px;
      color:#777;
      font-size:12px;
      line-height:21px;
    }
    #aboutSidebar .minipod li {
      margin-bottom:12px;
    }
    #aboutSidebar .minipod ul span {
      color:#333;
    }
    #aboutSidebar .minipod-theconcept {
      background:url(/National_Library/20161007105358oe_/http://www.wolframalpha.com/images/about/about-concept-v2.png) no-repeat right bottom transparent;
    }
    #aboutSidebar .minipod-theconcept ul {
      width:40%;
    }
    #aboutSidebar .minipod-thecomponents ul {
      padding:0;
      margin:0;
    }
    #aboutSidebar .minipod-thecomponents li {
      list-style-type:none;
      padding-left:50px;
      margin-left:-10px;
      position:relative;
    }
    #aboutSidebar .minipod-thecomponents li span.icon {
      position:absolute;
      left:5px;
      top:2px;
      width:38px;
      height:38px;
      background:red;
      background:url(/National_Library/20161007105358oe_/http://www.wolframalpha.com/images/about/about-components.png) no-repeat left top transparent;
    }
    #aboutSidebar li.compos-linguistics span.icon { background-position:1px top; }
    #aboutSidebar li.compos-data span.icon { background-position:left -38px; }
    #aboutSidebar li.compos-computation span.icon { background-position:left -76px; }
    #aboutSidebar li.compos-presentation span.icon { background-position:left -114px; }

    #aboutSidebar,
    #aboutSidebar .content,
    #aboutSidebar .minipod-theplatforms {
      -moz-border-radius-bottomleft:6px; 
      -moz-border-radius-bottomright:6px;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px; 
    }

    #aboutSidebar .minipod h4 {
      padding-top:5px;
      text-transform:uppercase;
      margin-bottom:15px;
      font-weight:bold;
      font-size:13px;
      color:black;
    }
    #aboutSidebar .minipod ul.aboutSidebarPlatforms li {
      font-weight:bold;
      margin-bottom:5px;
    }
    .link-timeline {
      color:black !important;
      font-weight:bold;
    }
    #waAbout #bottomBar {
      padding:20px 0px 30px;
      background:#f7f7f7;
      border-top:1px solid #ddd;
      font-size:12px;
      position:relative;
      margin-bottom:-3px;
    }
    #waAbout #bottomBar h4 {
      padding-top:10px;
      text-transform:uppercase;
      font-weight:bold;
      margin-bottom:10px;
      color:#555;
    }
    #waAbout #bottomBar span a {
      color:black !important;
      font-weight:bold;
      padding:0px 15px;
      border-right:1px solid #ccc;
    }
    #waAbout #bottomBar span a.first {
      padding-left:0px;
    }
    #waAbout #bottomBar span a.last {
      border-right:0px;
    }

#historySystematicData {
    background-color: #fff;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 10px #444;
    display: none;
    -moz-border-radius: 7px 7px 7px 7px;
    -moz-box-shadow: 0 0 10px #444;
    height: 477px;
    left: 50%;
    margin-left: -389px;
    padding: 30px 35px;
    position: absolute;
    top: 50px;
    width: 708px;
    z-index: 301;
}
#historySystematicData .close {
    background: transparent url(/National_Library/20161007105358oe_/http://www.wolframalpha.com/images/about/about-timeline-lightbox-close.png) no-repeat -2px -4px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}
#historySystematicData .close:hover {
    background-position: -23px -4px;
}

#historySystematicDataTitle {
    margin-bottom: 10px;
}

#header, footer.common, #pageTitle, #bottomBar {
	min-width: 1080px !important;
}
