@media screen and (max-width: 490px) {
  /**
   * Change the layout for smaller mobile devices
   */
  /* Let's use a more sensible box model for this.*/
  body * {
    box-sizing: border-box; }

  /* hide the header search form on the search results page, because it is redundant. */
  body.search > header form {
    display: none; }

  body.search > header .inner {
    height: 94px; }

  body {
    /* reset the size of page columns, containers */ }
    body.browsebar .content-container,
    body.browsebar .browse,
    body.browsebar .sub,
    body.browsebar .main,
    body.browsebar .column-14,
    body.browsebar .container,
    body.browsebar .container-grid,
    body.browsebar .wrapper-inner, body.sidebar .content-container, body.sidebar .browse, body.sidebar .sub, body.sidebar .main, body.sidebar .column-14, body.sidebar .container, body.sidebar .container-grid, body.sidebar .wrapper-inner {
      width: 100%;
      box-sizing: border-box;
      background-image: none;
      overflow: hidden; }

  article img {
    max-width: 100%;
    height: auto !important; }

  /* reset the widths of header, footer items */
  body > header .inner, body > header .container,
  body > footer .inner,
  body > footer .container {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden; }

  /* Always hide the spacer */
  .spacer {
    display: none; }

  article h2.content-item-title {
    margin-top: 0; }
  article.offset-top, article.offset-top-far {
    padding-top: 0; }
  article:after {
    content: '.';
    display: block;
    clear: both;
    text-indent: -999999em; }

  video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em auto; }

  audio {
    display: block;
    margin: 0 auto; }

  iframe {
    max-width: 100%;
    margin: 1em auto;
    display: block; }

  body > .wrapper {
    width: 100%;
    overflow: hidden;
    background-image: none; }
    body > .wrapper .wrapper-outer {
      background-image: none; }
    body > .wrapper .wrapper-inner {
      padding-bottom: 0; }
  
  /** Restyling the header */
  body > header {
    background-image: url(/images/mobile/header_ribbon.png);
    background-size: 100% 94px;
    background-color: #fff;
    background-repeat: no-repeat;
    border-bottom: 5px #959595 double; }
    body > header .inner {
      background-image: none;
      /* padding-bottom: 45px; */ }
    body > header a.logo-circle {
      background-size: 100%;
      background-image: url(/images/mobile/logo.png);
      width: 230px;
      height: 50px;
      position: absolute;
      top: 2px;
      left: 2px; }
    body > header a.logo-text {
      display: none; }
    body > header form {
      display: none; }
    body > header .languages {
      position: absolute;
      left: 36%;
      top: 99px; }
      body > header .languages li {
        border: 1px #608ca4 solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6192c3), color-stop(49.5%, #37719e), color-stop(50%, #336e93), color-stop(100%, #17517b));
        background: -webkit-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        background: -moz-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        background: -o-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        background: -ms-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        background: linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        font-size: 14px;
        margin: 0;
        padding: 0;
        height: auto;
        display: block;
        line-height: 28px;
        position: relative;
        padding: 0 8px;
        display: inline-block; }
    body > header .main-nav {
      position: relative;
      width: auto;
      top: 55px;
      right: 0;
      left: 0;
      background-color: #009 solid; }
      body > header .main-nav ul {
        text-align: center; }
      body > header .main-nav li {
        display: inline-block;
        float: none;
        border: 1px #375175 solid;
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6192c3), color-stop(49.5%, #37719e), color-stop(50%, #336e93), color-stop(100%, #17517b));
        background: -webkit-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        background: -moz-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        background: -o-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        background: -ms-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        background: linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
        padding: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        margin-right: 3px; }
        body > header .main-nav li.active, body > header .main-nav li:hover {
          background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #6192c3), color-stop(49.5%, #37719e), color-stop(50%, #336e93), color-stop(100%, #17517b));
          background: -webkit-linear-gradient(bottom, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
          background: -moz-linear-gradient(bottom, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
          background: -o-linear-gradient(bottom, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
          background: -ms-linear-gradient(bottom, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
          background: linear-gradient(bottom, #6192c3, #37719e 49.5%, #336e93 50%, #17517b); }
          body > header .main-nav li.active a, body > header .main-nav li.active a[data-target] span, body > header .main-nav li:hover a, body > header .main-nav li:hover a[data-target] span {
            background-image: none; }
        body > header .main-nav li.menu {
          border-color: #333333;
          background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #838383), color-stop(49.5%, #484848), color-stop(50%, #333333));
          background: -webkit-linear-gradient(top, #838383, #484848 49.5%, #333333 50%);
          background: -moz-linear-gradient(top, #838383, #484848 49.5%, #333333 50%);
          background: -o-linear-gradient(top, #838383, #484848 49.5%, #333333 50%);
          background: -ms-linear-gradient(top, #838383, #484848 49.5%, #333333 50%);
          background: linear-gradient(top, #838383, #484848 49.5%, #333333 50%);
          margin-right: 0; }
          body > header .main-nav li.menu a {
            padding-right: 25px;
            margin-right: 5px;
            background-size: 11px 9px;
            background: transparent url(/images/mobile/arrow_down.png) scroll no-repeat right 60%; }
          body > header .main-nav li.menu.active, body > header .main-nav li.menu:hover {
            background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #838383), color-stop(49.5%, #484848), color-stop(50%, #333333));
            background: -webkit-linear-gradient(bottom, #838383, #484848 49.5%, #333333 50%);
            background: -moz-linear-gradient(bottom, #838383, #484848 49.5%, #333333 50%);
            background: -o-linear-gradient(bottom, #838383, #484848 49.5%, #333333 50%);
            background: -ms-linear-gradient(bottom, #838383, #484848 49.5%, #333333 50%);
            background: linear-gradient(bottom, #838383, #484848 49.5%, #333333 50%); }
      body > header .main-nav a {
        float: none;
        display: block;
        font: bold 14px arial, helvetica, sans-serif;
        height: 28px;
        line-height: 28px;
        text-transform: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        color: white;
        text-shadow: black 0 -1px 1px; }
        body > header .main-nav a:visited {
          color: white; }
        body > header .main-nav a:hover {
          color: white; }
        body > header .main-nav a:active {
          color: white; }
        body > header .main-nav a[data-target] span {
          background-image: none;
          padding-right: 0; }
      body > header .main-nav .home, body > header .main-nav .press-room, body > header .main-nav .about, body > header .main-nav .support, body > header .main-nav .fikra-forum {
        display: none; }
      body > header .main-nav .mobile-only {
        display: inline-block; }

  /** Restyling the footer */
  body > footer {
    position: relative;
    background-position: 50% 48px;
    padding-top: 57px; }
    body > footer .inner {
      padding-top: 0;
      padding-bottom: 0; }
    body > footer p {
      line-height: 1.77777777778;
      display: none;
      font-weight: bold;
      font-size: 10px;
      padding: 0 6px; }
      body > footer p.copy {
        display: block;
        line-height: 1.77777777778; }
    body > footer address {
      padding-bottom: 9px; }
      body > footer address p {
        line-height: 1.77777777778;
        float: none;
        display: block;
        border-width: 0;
        margin: 0;
        padding: 0 6px; }
        body > footer address p:first-child {
          padding: 0 6px; }
        body > footer address p.tel, body > footer address p.fax {
          float: left;
          line-height: 1em;
          margin-top: 7px; }
        body > footer address p.tel {
          border-right: 1px #fff solid; }
        body > footer address p[role="voice"] a {
          font-size: 12px;
          color: #7cd2fa; }
          body > footer address p[role="voice"] a:visited {
            color: #7cd2fa; }
          body > footer address p[role="voice"] a:hover {
            color: #7cd2fa; }
          body > footer address p[role="voice"] a:active {
            color: #7cd2fa; }
    body > footer .social {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: 0;
      background-color: #81b3cc;
      border-top: 1px #003355 solid;
      padding: 10px 12px;
      text-align: center; }
      body > footer .social .rss, body > footer .social .podcast {
        display: none; }
      body > footer .social li {
        position: relative; }
        body > footer .social li a {
          margin: 0 .2em;
          display: inline-block;
          height: 35px;
          width: 35px; }
        body > footer .social li.facebook a {
          background-image: url("/images/mobile/facebook.png");
          background-size: 35px 35px; }
        body > footer .social li.twitter a {
          background-image: url("/images/mobile/twitter.png");
          background-size: 35px 35px; }
        body > footer .social li.youtube a {
          background-image: url("/images/mobile/youtube.png");
          background-size: 35px 35px; }
        body > footer .social li.sharethis {
          display: inline-block; }
          body > footer .social li.sharethis a {
            display: inline-block;
            background-image: url("/images/mobile/sharethis.png");
            background-size: 35px 35px; }
        body > footer .social li.email a {
          position: relative;
          width: auto;
          background-image: none;
          text-indent: 0;
          font-size: 14px;
          font-weight: bold;
          background-color: #075581;
          border: 1px #17517b solid;
          padding: 0 8px;
          box-sizing: border-box;
          white-space: normal;
          max-width: 90px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          -o-border-radius: 10px;
          -ms-border-radius: 10px;
          -khtml-border-radius: 10px;
          border-radius: 10px;
          background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6192c3), color-stop(49.5%, #37719e), color-stop(50%, #336e93), color-stop(100%, #17517b));
          background: -webkit-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
          background: -moz-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
          background: -o-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
          background: -ms-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
          background: linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b); }
    body > footer .footer-sub {
      border-width: 0px; }
    body > footer nav {
      /* hide the right group of links */ }
      body > footer nav .left {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        border: 1px #000 solid;
        border-width: 0 0 1px 0;
        padding: 14px 3px;
        text-align: center;
        font-weight: bold;
        text-transform: none; }
        body > footer nav .left a {
          color: #7cd2fa; }
          body > footer nav .left a:visited {
            color: #7cd2fa; }
          body > footer nav .left a:hover {
            color: #7cd2fa; }
          body > footer nav .left a:active {
            color: #7cd2fa; }
        body > footer nav .left li {
          margin: 0;
          padding: 0;
          padding-left: 4px;
          margin-left: 2px; }
          body > footer nav .left li:first-child {
            padding-left: 0;
            margin-left: 0; }
      body > footer nav .right {
        display: none; }

  /* Mobile Search */
  .mobile-search {
    display: block;
    background: white;
    width: 100%;
    height: 44px;
    line-height: 42px;
    text-align: center; }
    .mobile-search input[type="text"],
    .mobile-search input[type="search"] {
      box-sizing: border-box;
      position: static;
      display: inline;
      font-size: 14px;
      border-color: #576e8a;
      height: 29px;
      font-family: arial, helvetica, sans-serif;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow: #999999 0 1px 3px 0 inset;
      -webkit-box-shadow: #999999 0 1px 3px 0 inset;
      -o-box-shadow: #999999 0 1px 3px 0 inset;
      box-shadow: #999999 0 1px 3px 0 inset;
      vertical-align: middle;
      width: 256px; }
    .mobile-search input[type="submit"] {
      box-sizing: border-box;
      background-image: none;
      position: static;
      display: inline;
      text-indent: 0;
      width: auto;
      font-size: 14px;
      color: #fff;
      font-weight: bold;
      font-family: arial, helvetica, sans-serif;
      border: 1px #375175 solid;
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6192c3), color-stop(49.5%, #37719e), color-stop(50%, #336e93), color-stop(100%, #17517b));
      background: -webkit-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
      background: -moz-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
      background: -o-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
      background: -ms-linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
      background: linear-gradient(top, #6192c3, #37719e 49.5%, #336e93 50%, #17517b);
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
      height: 29px;
      vertical-align: middle;
      text-shadow: black 0 -1px 0; }

  /* responsive content rules */
  body .main {
    padding: 0 6px;
    border-top: 5px #bfbfbf double; }

  .content-wrapper.narrow-shadow {
    background-image: none;
    padding-top: 0; }

  .column-8, .column-16, .column-16.fill-gutter {
    width: 100%; }

  .container {
    background-image: none; }

  .container .container-grid {
    width: 100%; }

  .fill-gutter {
    width: auto; }

  .title-header-d {
    font-size: 12px;
    line-height: 14px; }

  .offset-both-double {
    padding-left: 10px;
    padding-right: 10px; }

  .offset-both {
    padding-left: 5px;
    padding-right: 5px; }

  .far {
    margin-bottom: .4em; }

  .widget-image {
    padding-top: 8px; }

  .feature-content {
    display: none; }

  .scrollable .items,
  .scrollable-nested .items {
    width: auto; }

  .carousel-container {
    height: auto;
    width: 100%; }
    .carousel-container.singleton {
      display: block;
    }
    .carousel-container a {
      color: #00517f; }
      .carousel-container a:visited {
        color: #00517f; }
      .carousel-container a:hover {
        color: #00517f; }
      .carousel-container a:active {
        color: #00517f; }
    .carousel-container .next, .carousel-container .prev {
      display: none; }
    .carousel-container .carousel {
      height: auto; }
    .carousel-container .item-wrap, .carousel-container .item {
      float: none;
      background-color: #fff;
      color: #000;
      width: 100%;
      height: auto; }

  .home .feature-content {
    height: auto; }

  .home .main {
    border-width: 0;
    margin-top: 10px; }

  .browsebar.sidebar .main {
    width: 100%;
    border-width: 0; }

  .collection-controls {
    display: none; }

  .feature-scrollable {
    display: none; }
    .feature-scrollable .items {
      width: auto;
      height: auto; }
    .feature-scrollable .item-wrap {
      width: auto;
      float: none; }
    .feature-scrollable .column-8 {
      background-color: #f00;
      float: none; }
    .feature-scrollable .feature-content {
      display: block; }

  .main {
    min-height: 0; }
    .main .push, .main .push-2 {
      padding: 0 1em;
      margin: 0;
      font-size: 11px; }
    .main .pull-quote, .main ul.nested, .main blockquote {
      box-sizing: border-box;
      width: 100%; }
    .main figure img {
      display: block;
      max-width: 100px;
      height: auto; }
    .main .component-focus .shade-lighter img {
      width: 100%;
      height: auto;
      margin-bottom: 4px; }
    .main .fellow-profile .image-left {
      width: 23%;
      margin-right: 2.8%; }
      .main .fellow-profile .image-left img {
        width: 100%;
        height: auto; }
      .main .fellow-profile .image-left.last {
        margin-right: 0; }
    .main .feature-content {
      display: block;
      height: auto; }
      .main .feature-content img {
        display: block;
        width: 100%;
        height: auto !important; }
        .main .feature-content img.behind {
          position: static; }
      .main .feature-content .column-6,
      .main .feature-content .column-10,
      .main .feature-content .column-16 {
        display: block;
        width: 100%;
        float: none;
        margin: 0; }
      .main .feature-content .column-6 {
        padding-bottom: 15px; }
    .main .generic .widget-image {
      width: 100%;
      height: auto; }
    .main .widget-styles-a img {
      display: none; }
    .main .widget-styles-a .arrows li {
      font-size: inherit;
      margin: 5px 0; }
      .main .widget-styles-a .arrows li a {
        padding-left: 0;
        background: none; }
    .main .widget-styles-a.down {
      padding-top: 0; }

  .double {
    display: none; }

  .sub {
    width: 100%;
    display: block;
    border-top: 0px #959595 double;
    margin-top: 1em; }
    .sub .widget-side img {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
    .sub .sub-inner {
      background-image: none;
      padding: 0; }
    .sub .button-block {
      width: 100%; }
      .sub .button-block .button {
        display: block; }
    .sub .navblock {
      margin: 0; }
      .sub .navblock nav {
        margin: 0;
        top: 0;
        border-width: 0; }
        .sub .navblock nav h2 {
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          -o-border-radius: 0;
          -ms-border-radius: 0;
          -khtml-border-radius: 0;
          border-radius: 0; }
        .sub .navblock nav ul li {
          font-size: 16px;
          line-height: 28px; }
      .sub .navblock .navblock-content {
        background-image: none; }
    .sub .shadow-above, .sub aside {
      display: none; }

  .megamenu .content {
    padding: 20px 10px; }
    .megamenu .content section {
      float: none;
      width: auto;
      margin-right: 0; }
    .megamenu .content ul {
      float: none;
      width: auto;
      margin-left: 0;
      margin-bottom: 0; }
    .megamenu .content li {
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 6px; }
      .megamenu .content li a {
        background-position: 0 8px; }
    .megamenu .content .buttons {
      width: auto;
      float: none; }

  a.button,
  nav.expertViewToggle a {
    box-sizing: border-box;
    font: bold 12px 'helvetica neue',helvetica,arial,sans-serif;
    border: 1px #92999b solid;
    width: 100%;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededee), color-stop(49.5%, #cfd0d1), color-stop(50%, #bababb), color-stop(100%, #bdbfc2));
    background: -webkit-linear-gradient(top, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
    background: -moz-linear-gradient(top, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
    background: -o-linear-gradient(top, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
    background: -ms-linear-gradient(top, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
    background: linear-gradient(top, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
    -moz-box-shadow: #fbfbfb 0px 1px 0px inset, #cecece 0 1px 0;
    -webkit-box-shadow: #fbfbfb 0px 1px 0px inset, #cecece 0 1px 0;
    -o-box-shadow: #fbfbfb 0px 1px 0px inset, #cecece 0 1px 0;
    box-shadow: #fbfbfb 0px 1px 0px inset, #cecece 0 1px 0;
    color: black;
    text-shadow: white 0px 1px 1px, #b1b2b3 0px -1px 1px; }
    a.button:visited,
    nav.expertViewToggle a:visited {
      color: black; }
    a.button:hover,
    nav.expertViewToggle a:hover {
      color: black; }
    a.button:active,
    nav.expertViewToggle a:active {
      color: black; }
    a.button.active, a.button.inactive-link,
    nav.expertViewToggle a.active,
    nav.expertViewToggle a.inactive-link {
      background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ededee), color-stop(49.5%, #cfd0d1), color-stop(50%, #bababb), color-stop(100%, #bdbfc2));
      background: -webkit-linear-gradient(bottom, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
      background: -moz-linear-gradient(bottom, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
      background: -o-linear-gradient(bottom, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
      background: -ms-linear-gradient(bottom, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2);
      background: linear-gradient(bottom, #ededee, #cfd0d1 49.5%, #bababb 50%, #bdbfc2); }

  .most-recent, .follow-horizontal {
    display: none; }

  /* designs for the browse container */
  .browse {
    margin: 0;
    /* we hide faceted search capabilities */ }
    .browse .faceted-search {
      display: none; }
    .browse .ruled-header {
      background: transparent url("/images/mobile/mobile-header-tick.png") scroll no-repeat 43px bottom;
      background-size: 12px 6px;
      padding-bottom: 6px;
      border-bottom-width: 0; }
      .browse .ruled-header span {
        background-color: #003355;
        display: block;
        color: #fff;
        padding: 5px 9px;
        font-size: 17px; }
    .browse ul {
      border: 1px #ccc solid;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -o-border-radius: 10px;
      -ms-border-radius: 10px;
      -khtml-border-radius: 10px;
      border-radius: 10px; }
      .browse ul li {
        padding: 12px 18px;
        font-size: 12px;
        border-top: 1px #ccc solid;
        margin: 0; }
        .browse ul li a {
          font-size: 17px;
          padding: 0px;
          background-image: none; }
        .browse ul li:first-child {
          border-width: 0; }

    /* Expert styles */
  .experts-feature {
    display: none; }

  nav.expertViewToggle {
    background-color: #e3e4e4;
    margin: 0 -6px;
    padding: 10px 7px; }
    nav.expertViewToggle p {
      text-align: center; }
      nav.expertViewToggle p.close {
        margin: 0; }
    nav.expertViewToggle a {
      padding: 4px 20px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px; }
    nav.expertViewToggle .sep {
      display: inline-block;
      text-indent: -99999em;
      width: 1em; }

  .tiles .division-header, .list .division-header {
    margin-bottom: 10px;
    margin: 0 -6px 10px -6px; }

  .tiles .expert-summary {
    display: block;
    float: none;
    width: auto;
    margin-top: .5em; }
    .tiles .expert-summary div {
      margin-left: 53px; }
    .tiles .expert-summary .headshot {
      float: left;
      margin-left: 0; }
      .tiles .expert-summary .headshot img {
        max-width: 42px;
        height: auto;
        display: block; }
    .tiles .expert-summary:after {
      content: '.';
      display: block;
      clear: both;
      text-indent: -9999em;
      height: 1px;
      font-size: 1px;
      visibility: hidden; }

  /* Body widget styles */
  .content-wrapper.matte-shadow {
    padding-top: 1em;
    background-image: none; }

  .invert-group {
    background-color: transparent;
    background-image: url(/images/diagonal-shadow.png);
    background-position: left top;
    color: #000; }
    .invert-group a {
      color: #00517f; }
      .invert-group a:visited {
        color: #00517f; }
      .invert-group a:hover {
        color: #00517f; }
      .invert-group a:active {
        color: #00517f; }
    .invert-group .right {
      float: none;
      width: auto; }
    .invert-group .left {
      float: none;
      width: auto; }
    .invert-group img {
      margin: 0 auto;
      padding: 1em; }

  .main .three-cols .col,
  .main .four-cols .col {
    width: auto;
    float: none;
    margin: 0;
    background-image: none; }
    .main .three-cols .col .shaded-group-right,
    .main .four-cols .col .shaded-group-right {
      background-image: none;
      border-bottom: 1px #a7a9ac solid; }
    .main .three-cols .col:last-child .shaded-group-right,
    .main .four-cols .col:last-child .shaded-group-right {
      border-bottom-width: 0px; }
    .main .three-cols .col img,
    .main .four-cols .col img {
      display: none; }
    .main .three-cols .col.last,
    .main .four-cols .col.last {
      width: auto; }
    .main .three-cols .col .widget-styles-a,
    .main .four-cols .col .widget-styles-a {
      padding-bottom: 13px;
      margin-bottom: 10px; }

  .main .shadow-above {
    background-image: none;
    padding-top: 0; }

  .offset-left {
    padding-left: 0; }

  .shaded-group-right {
    background-image: none; }

  /* Widget Styles */
  .component-fellows,
  .component-experts {
    display: none; }

  /* Home Page Widgets */
  .home .sub .most-recent,
  .home .sub .widget-side {
    display: block;
    padding: 0 7px; }
    .home .sub .most-recent img,
    .home .sub .widget-side img {
      width: 100%; } 
}