body {
  margin: 0px;
  padding: 0px;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  color: #3b3d3c;
  line-height: 18px;
  background-color: #ffffff; }

h1 {
  font-size: 14px; }

h2 {
  font-size: 11pt; }

h3 {
  font-size: 10pt; }

h4, h5, h6 {
  font-size: 9pt; }

a {
  color: #178cc6;
  text-decoration: none; }

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

fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

a.arrow, a.arrow_down, a.arrow_up {
  padding-right: 10px;
  background-image: url('/images/kiosk/interface/arrow_blue.gif');
  background-repeat: no-repeat;
  background-position: center right; }

a.arrow_down {
  background-image: url('/images/kiosk/interface/arrow_blue_down.gif'); }

a.arrow_up {
  background-image: url('/images/kiosk/interface/arrow_blue_up.gif'); }

a.button, input.button {
  display: block;
  color: #ffffff;
  text-decoration: none;
  background-image: url('/images/kiosk/interface/arrow_blue.gif');
  background-repeat: no-repeat;
  background-position: center right;
  height: 25px;
  border: 0; }

.fixed {
  position: fixed !important; }

.nobr {
  white-space: nowrap; }

#page, #canvas {
  position: relative;
  width: 960px;
  padding: 0px;
  margin: 0 auto; }

#header {
  width: 960px;
  height: 111px;
  background-image: url('/images/kiosk/interface/bg_header.gif');
  background-repeat: no-repeat; }

#content {
  width: 960px; }

#col-left {
  width: 200px;
  float: left; }

#col-middle {
  width: 540px;
  margin-left: 10px;
  float: left; }

#col-middle-wide {
  width: 750px;
  margin-left: 10px;
  float: left; }

#col-right {
  width: 200px;
  margin-left: 10px;
  float: right;
  z-index: 1; }

#footer {
  margin-left: 215px;
  padding: 5px 0px 10px 0px;
  font-size: 9pt; }
  #footer span.footer-text {
    margin-right: 20px; }

#dialog {
  position: absolute;
  z-index: 100;
  border: 3px solid #178CC6;
  padding: 30px;
  background-color: #fff;
  width: 300px;
  left: 330px;
  top: 300px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

.whitespace {
  margin-bottom: 5px; }

.clear {
  margin: 0px;
  padding: 0px;
  clear: both; }

.blue {
  background-color: #e1eaf7; }

.grey {
  background-color: #e9e9ea; }

.white {
  background-color: #ffffff; }

.side-box {
  width: 190px;
  padding: 5px; }

.content-box {
  width: 530px; }

.topbox {
  height: 110px; }

.search-dropdown {
  width: 190px;
  margin-bottom: 5px; }

.search-field {
  width: 170px;
  height: 15px;
  background-image: url('/images/kiosk/interface/bg_search.gif');
  background-color: #e1eaf7;
  border: 0px;
  margin-bottom: 5px;
  padding: 5px; }

.notification-field, .order-field {
  width: 250px;
  height: 15px;
  background-image: url('/images/kiosk/interface/bg_notifications.gif');
  background-color: #e1eaf7;
  border: 0px;
  margin-bottom: 5px;
  padding: 5px; }

.search-button, .login-button, .mailing-button, .order-button, .basket-small-button {
  float: right;
  margin-right: 0px;
  background-image: url('/images/kiosk/interface/button_grey.png');
  background-position: top left;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0px;
  width: 50px;
  color: #ffffff;
  font-size: 12px;
  padding-bottom: 12px;
  padding-right: 10px;
  cursor: pointer; }

.login-button {
  width: 70px;
  clear: right;
  margin-right: 7px;
  margin-top: 12px;
  background-image: url('/images/kiosk/interface/button_grey_medium.png'); }

.mailing-button {
  float: none;
  width: 90px;
  clear: right;
  margin-right: 7px;
  margin-top: 7px;
  margin-left: 3px;
  background-image: url('/images/kiosk/interface/button_grey_large.png'); }

.basket-small-button {
  display: inline;
  float: none;
  width: 38px;
  clear: right;
  margin-right: 7px;
  margin-top: 7px;
  margin-left: 3px;
  background-image: url('/images/kiosk/interface/button_grey_large.png'); }

.errorExplanation ul {
  margin-bottom: 20px; }
.errorExplanation li {
  color: red; }

.order-button {
  float: none;
  width: 90px;
  clear: right;
  margin-right: 7px;
  margin-top: 7px;
  margin-left: 3px;
  background-image: url('/images/kiosk/interface/button_grey_large.png'); }

table th {
  text-align: left; }

.box {
  position: relative;
  margin-bottom: 10px; }
  .box .top, .box .bottom {
    background-repeat: no-repeat;
    background-position: top left;
    height: 5px; }
  .box.portal_messages p {
    margin: 0; }
  .box .contents {
    padding: 1px 10px; }
    .box .contents table {
      border-collapse: collapse; }
  .box.small {
    width: 200px; }
    .box.small.lightblue .top {
      background-image: url('/images/kiosk/boxes/small/lightblue/top.png'); }
    .box.small.lightblue .bottom {
      background-image: url('/images/kiosk/boxes/small/lightblue/bottom.png'); }
  .box.lightgrey .top {
    background-image: url('/images/kiosk/boxes/small/lightgrey/top.png'); }
  .box.lightgrey .bottom {
    background-image: url('/images/kiosk/boxes/small/lightgrey/bottom.png'); }
  .box.medium {
    width: 540px; }
    .box.medium.lightblue .top {
      background-image: url('/images/kiosk/boxes/medium/lightblue/top.png'); }
    .box.medium.lightblue .bottom {
      background-image: url('/images/kiosk/boxes/medium/lightblue/bottom.png'); }
    .box.medium.lightgrey .top {
      background-image: url('/images/kiosk/boxes/medium/lightgrey/top.png'); }
    .box.medium.lightgrey .bottom {
      background-image: url('/images/kiosk/boxes/medium/lightgrey/bottom.png'); }
    .box.medium.middlegrey .top {
      background-image: url('/images/kiosk/boxes/medium/middlegrey/top.png'); }
    .box.medium.middlegrey .bottom {
      background-image: url('/images/kiosk/boxes/medium/middlegrey/bottom.png'); }
    .box.medium.darkgrey .top {
      background-image: url('/images/kiosk/boxes/medium/darkgrey/top.png'); }
    .box.medium.darkgrey .bottom {
      background-image: url('/images/kiosk/boxes/medium/darkgrey/bottom.png'); }
  .box.large {
    width: 960px; }
    .box.large.lightblue .top {
      background-image: url('/images/kiosk/boxes/large/lightblue/top.png'); }
    .box.large.lightblue .bottom {
      background-image: url('/images/kiosk/boxes/large/lightblue/bottom.png'); }
  .box.lightblue .contents {
    background-color: #e1eaf7; }
  .box.lightgrey .contents {
    background-color: #e9e9ea; }
  .box.middlegrey .contents {
    background-color: #b2b4b5;
    color: #474947; }
  .box.darkgrey .contents {
    background-color: #474947;
    color: #e9e9ea; }

.menu_box .contents {
  padding: 0; }
.menu_box ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px; }
  .menu_box ul li {
    border-bottom: 1px dashed #ddd; }
    .menu_box ul li a {
      padding: 5px 10px;
      display: block; }
      .menu_box ul li a:hover, .menu_box ul li a.active {
        background-color: #FFF;
        color: #474947; }

.box-darkgrey-medium-top {
  background-image: url('/images/kiosk/interface/site_construction/box_top_darkgrey_medium.gif');
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #474947;
  height: 6px; }

.box-darkgrey-medium-bottom {
  background-image: url('/images/kiosk/interface/site_construction/box_bottom_darkgrey_medium.gif');
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #474947;
  margin-bottom: 10px;
  height: 6px; }

.box-lightblue-small-top {
  background-image: url('/images/kiosk/interface/site_construction/box_top_lightblue_small.gif');
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #e1eaf7;
  height: 6px; }

.box-lightblue-small-bottom {
  background-image: url('/images/kiosk/interface/site_construction/box_bottom_lightblue_small.gif');
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #e1eaf7;
  margin-bottom: 10px;
  height: 6px; }

.box-lightgrey-small-top {
  background-image: url('/images/kiosk/interface/site_construction/box_top_lightgrey_small.gif');
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #e9e9ea;
  height: 6px; }

.box-lightgrey-small-bottom {
  background-image: url('/images/kiosk/interface/site_construction/box_bottom_lightgrey_small.gif');
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #e9e9ea;
  margin-bottom: 10px;
  height: 6px; }

input.login-field {
  width: 150px;
  height: 15px;
  float: right;
  background-image: url('/images/kiosk/interface/bg_inlogbox.gif');
  background-color: #c6d8ed;
  border: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px; }

#header #logo_portal {
  position: relative;
  top: 9px;
  float: left; }
#header #login_area {
  position: relative;
  float: right;
  font-size: 9pt;
  text-align: right;
  top: 10px;
  right: 5px;
  width: 270px; }
  #header #login_area label {
    float: left;
    width: 92px;
    color: #474947;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: right; }
#header #header-menu {
  position: relative;
  top: 9px;
  width: 600px;
  height: 30px;
  font-size: 9pt; }
  #header #header-menu ul#main-menu {
    list-style: none;
    padding: 0px;
    margin: 0px; }
    #header #header-menu ul#main-menu li {
      margin: 0px;
      padding: 0px;
      float: left; }
      #header #header-menu ul#main-menu li.home.active a, #header #header-menu ul#main-menu li.home a:hover {
        background-image: url('/images/kiosk/interface/bg_nav_home.gif');
        background-color: #fff; }
      #header #header-menu ul#main-menu li a {
        display: block;
        height: 25px;
        padding: 6px 20px 0px 20px;
        text-decoration: none;
        color: #178cc6;
        font-weight: bold;
        border-right: 1px solid #178cc6; }
      #header #header-menu ul#main-menu li.active a, #header #header-menu ul#main-menu li a:hover {
        background-color: #178cc6;
        color: #ffffff;
        font-weight: bold;
        border-right: 1px solid #178cc6; }

#breadcrumb {
  display: block;
  width: 960px;
  height: 30px;
  font-size: 8pt; }
  #breadcrumb ul#breadcrumb {
    list-style: none;
    height: 20px;
    margin: 10px 0px 0px 10px;
    padding: 0px; }
    #breadcrumb ul#breadcrumb li {
      float: left;
      margin: 0px;
      padding: 0px;
      margin-right: 5px; }
    #breadcrumb ul#breadcrumb li+li:before {
      content: "> "; }

#groups a {
  display: block;
  padding: 5px; }
  #groups a.active, #groups a:hover {
    background-color: #fff; }

#journals {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 550px; }
  #journals .journal {
    float: left;
    width: 100px;
    height: 180px;
    margin: 0px 10px 10px 0px; }
    #journals .journal a {
      font-size: 9px;
      position: relative;
      display: block;
      padding: 5px 5px 5px 5px;
      width: 90px;
      height: 175px;
      color: #000000;
      text-decoration: none;
      background-image: url('/images/kiosk/interface/cover_box.gif'); }
      #journals .journal a:hover {
        background-image: url('/images/kiosk/interface/cover_box_hover.gif');
        color: #ffffff; }
      #journals .journal a img {
        width: 90px;
        border: 0; }
      #journals .journal a .title {
        display: block;
        text-align: left;
        margin: 0px;
        padding: 0;
        font-size: 9px;
        line-height: 11px;
        color: #333;
        bottom: 5px;
        position: absolute;
        height: 42px;
        width: 90px;
        clear: left; }

.journal-header {
  margin-bottom: 3px;
  z-index: 10; }
  .journal-header img {
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 10px; }
  .journal-header .details {
    float: right;
    width: 430px;
    color: #444; }
    .journal-header .details h1 {
      font-size: 14px;
      margin: 10px 0 10px 0; }
    .journal-header .details h2 {
      font-size: 12px;
      font-weight: normal;
      margin: 0 0 5px 0; }
    .journal-header .details a, .journal-header .details p {
      font-size: 12px;
      margin: 0; }

.articles {
  margin-bottom: 3px;
  z-index: 10; }

.publication-articles h3 {
  margin: 0;
  font-size: 12px; }
  .publication-articles h3 a {
    color: #178cc6;
    display: block; }
.publication-articles h4 {
  margin: 0;
  font-size: 12px;
  color: #474947;
  font-weight: normal; }
.publication-articles table tr td {
  vertical-align: top;
  font-size: 12px; }
  .publication-articles table tr td.category {
    color: #474947;
    width: 85px;
    font-size: 11px; }
  .publication-articles table tr td.label {
    color: #b2b4b5;
    font-size: 11px; }
  .publication-articles table tr td a:hover {
    text-decoration: underline; }

.separation {
  clear: both; }

.panel {
  margin-top: -10px;
  display: none; }

#article_sections li {
  padding: 5px 0; }

.issue_articles {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px; }
  .issue_articles li {
    border-bottom: 1px dashed #ddd; }
    .issue_articles li a {
      padding: 5px 10px;
      display: block; }

#top_right {
  postition: relative; }

#article_header table td {
  padding-left: 5px; }

#article {
  font-size: 12px;
  color: #474947; }
  #article ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    #article ul .article_section {
      padding: 5px; }
  #article .table-wrap {
    margin: 20px; }
    #article .table-wrap .table-label {
      margin-right: 5px;
      font-weight: bold; }
    #article .table-wrap table {
      width: 100%;
      border-top: 1px solid #aaaaaa;
      border-bottom: 1px solid #aaaaaa; }
      #article .table-wrap table th {
        text-align: left;
        font-weight: bold;
        padding-left: 5px; }
      #article .table-wrap table td {
        padding-left: 5px; }
    #article .table-wrap .table-wrap-foot .fn .label {
      padding-right: 10px; }

.spotlight .label {
  color: #474947;
  font-size: 11px;
  padding-left: 5px; }

.facet .name {
  font-weight: bold; }
.facet ul {
  margin-top: 5px;
  margin-bottom: 10px; }
  .facet ul li a {
    display: block;
    padding: 5px 0; }
    .facet ul li a.active, .facet ul li a:hover {
      background-color: #fff; }