/*************************
 Search result container
**************************/
#search-results {
  overflow: hidden;
}

#search-results .search-term .bg {
  background-color: yellow;
  width: 100%;
}

.openseadragon-small {
  width:      40px;
  height:     30px;
  border:     1px solid black;
  color:      #333; /* text color for messages */
  background-color: black;
}

#search-results form .form-item {
  margin-left: 10px;
}
#search-results form select, #search-results form .form-item {
  float:left;
  width: 200px;
}

/*************************
 Search Results Advanced Form Column Layout
**************************/
#search-results .search-form {
  display: none;
  margin: 0;
}
#search-results .search-form .search-submit {
  float: right;
  width: 420px;
  margin: 10px 140px 40px 0;
  font-size: .9em;
}
#search-results .search-form .search-submit p {
  margin-bottom: 10px;
}
#search-results .search-form .search-submit .filters {
  font-weight: bold;
}
.search-submit button {
  float: right;
  text-transform: capitalize;
  border: none;
  background-color: #658f01;
  color: white;
  border-radius: 20px;
  width: 100px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font: normal 12px Arial, Helvetica, sans-serif;
}
#search-results .search-form .search-column {
  background-color: #EEE;
  float: left;
}
#search-results .search-form .search-column .column-content {
  height: 400px;
  overflow: scroll;
}
#search-results .search-form .search-column.left-buffer {
  width: 2%;
}
#search-results .search-form .search-column.artist {
  width: 35%;
}
#search-results .search-form .search-column.artist .column-subheader a {
  margin-left: 55px;
}
#search-results .search-form .search-column.department {
  width: 17%;
}
#search-results .search-form .search-column.date {
  width: 14%;
}
#search-results .search-form .search-column.medium {
  width: 32%;
}
#search-results .search-form .search-column .column-header {
  border-left: 2px solid #FFF;
  padding: 8px 10px 8px 15px;
  font-size: .85em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
}
#search-results .search-form .search-column .column-subheader {
  background-color: white;
  border-left: 2px solid #EEE;
  color: #787878;
  margin-bottom: 5px;
  padding: 8px 0;
  font-size: .9em;
}
#search-results .search-form .search-column .column-subheader a {
  color: #787878;
}
#search-results .search-form .search-column .column-content {
  border-left: 2px solid #FFF;
}
#search-results .search-form .search-column .column-content.main {
  float: left;
  width: 250px;
}
#search-results .search-form .search-column .column-content.artist-letters {
  width: 55px;
  float: left;
}
#search-results .search-form .search-column .column-content.main div {
  position: relative;
  clear: left;
}
#search-results .search-form .search-column .column-content.main a {
  float: left;
}
#search-results .search-form .search-column .column-content.main span {
  position: absolute;
  right: 0;
}
#search-results .search-form .search-column .column-content.main span,
#search-results .search-form .search-column .column-content a {
  color: #787878;
  display: block;
  padding: 4px 10px 4px 15px;
  font-size: .9em;
}
#search-results .search-form .search-column .column-subheader a:hover,
#search-results .search-form .search-column .column-content a:hover {
  color: #658f01;
}
#search-results .search-form .search-column .left,
#search-results .search-form .search-column .left,
#search-results .search-form .search-column .left {
  border-left: none;
}

#search-results .search-form .search-column a {
  padding-left: 15px;
}
#search-results .search-form .search-column a.active {
  font-weight: bold;
  background: url('assets/icon-checked.gif') 2px 6px no-repeat;
  color: #000;
}
#search-results .search-form .search-column .column-subheader a.active {
  background-position: 2px 3px;
}

/*************************
 Search results paging
**************************/
/*
div.item-list
  ul.pager
    li.pager-current.first
    li.pager-item
    li.pager-next ('next')
    li.pager-last.last ('last')
*/
#search-results .results-nav .view-style {
  height: 33px;
  text-transform: uppercase;
}
#search-results .results-nav .view-style li {
  height: 32px;
  width: 210px;
  float: right;
  border-top: 1px solid #B5B5B5;
  position: relative;
}
#search-results .results-nav .view-style li:hover {
  background-color: #658F01;
}
#search-results .results-nav .view-style li a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  /*margin-top: 2px;*/
  background-position: top left;
  background-repeat: no-repeat;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #909090;
  line-height: 28px;
  text-decoration: none;
  text-indent: 45px;
  float: left;
}
#search-results .results-nav .view-style li.active {
  background-color: #B5B5B5;
  color: white;
}
#search-results .results-nav .view-style li.active a {
  color: white;
}
#search-results .results-nav .view-style li.title:hover {
  background: #fff;
}
#search-results .results-nav .view-style li.title {
  border-top: none;
  display: block;
  height: 30px;
  width: 170px;
  float: right;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #909090;
  line-height: 30px;
  text-indent: 58px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#search-results .results-nav .view-style .tile {
  background-image: url('assets/icons-views.gif');
  width: 30px;
  height: 17px;
  margin-top: 5px;
  display: block;
  float: left;
  margin-left: 10px;
}
#search-results .results-nav .view-style .tile.tile-single          { background-position: -71px -22px; }
#search-results .results-nav .view-style li:hover .tile.tile-single,
#search-results .results-nav .view-style li.active .tile.tile-single { background-position: -71px -39px; }
#search-results .results-nav .view-style .tile.tile-list            { background-position: -34px -22px; }
#search-results .results-nav .view-style li:hover .tile.tile-list,
#search-results .results-nav .view-style li.active .tile.tile-list   { background-position: -34px -40px; }
#search-results .results-nav .view-style .tile.tile-thumb           { background-position: 0 -22px; }
#search-results .results-nav .view-style li:hover .tile.tile-thumb,
#search-results .results-nav .view-style li.active .tile.tile-thumb  { background-position: 0 -39px; }


#search-results .results-nav .view-style a {
  /*background-image: url('assets/icons-views.gif');*/
  font-size: .9em;
  letter-spacing: 1px;
}
#search-results .results-nav .view-style a:hover {
  color: white;
}

#search-results .results-nav .paging {
  float: left;
  clear: both;
  border-top: 1px solid #B5B5B5;
  border-bottom: 1px solid #B5B5B5;
  width: 100%;
  color: #B5B5B5;
  margin-bottom: 3px;
  padding: 3px;
}
#search-results .results-nav .paging .left {
  float: left;
  width: 100px;
  margin-left: 15px;
}
#search-results .results-nav .paging .middle {
  float: left;
  margin-left: 250px;
}
#search-results .results-nav .paging .right {
  float: right;
  margin-right: 15px;
}
#search-results .results-nav .paging a {
  font-weight: bold;
  color: #B5B5B5;
}

/*************************
 Search results
**************************/
#search-results .results {
  margin-bottom: 5px;
  clear: both;
}

#search-results .results .row {
  clear: both;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  margin-left: 5px;
}

#search-results .results .row-thumbnail {
  height: 280px;
}
#search-results .results .row-list {
  height: 210px;
}
#search-results .results .row .thumbnail,
#search-results .results .row .list-row {
  position: relative;
}
#search-results .results .row .list-row .list-content {
  line-height: 19px;
}
#search-results .results .row .list-row .list-content .title {
  margin-top: 10px;
}
#search-results .results .row a { position: absolute; width: 100%; height: 100%; }

#search-results .results .row img {
  /*margin-left: 5%;*/
  /*padding: 4px;*/
  max-height: 186px;
  max-width: 186px;
  border: 4px solid #FFF;
  display: block;
  /*margin: auto;*/
}

#search-results .results .row .thumbnail img {
  margin-right: auto;
  margin-left: auto;
}

#search-results .results .row .list-row img {
  margin-left: 10px;
}

/*************************
 Search results - Thumbnails
**************************/
#search-results .results .row .thumbnail {
  padding: 5px 5px 0 5px;
  float:left;
  /*width: 200px;*/
  width: 23%;
  /*height: 270px;*/
  height: 100%;
  border-right: 1px solid #B5B5B5;
  border-bottom: 1px solid #B5B5B5;
  margin-bottom: 3px;
  margin-left: 3px;
}
#search-results .results .row .thumbnail .img-view {
  display: table-cell;
  vertical-align: middle;
  width: 210px;
  text-align: center;
}
#search-results .results .row .thumbnail .img-view {
  height: 200px;
}
/*#search-results .results .row .thumbnail .img-view {*/
  /*display: table-cell;*/
  /*vertical-align: middle;*/
  /*width: 210px;*/
  /*text-align: center;*/
/*}*/
#search-results .results .row .thumbnail .data {
  padding: 0 20px;
  font-size: 11px;
}
#search-results .results .row .thumbnail:hover {
  background-color: #EEE;
  border-bottom: 4px solid #658F01;
  margin-bottom: 0;
}
#search-results .results .row .thumbnail.last {
  border-right: 0;
}
#search-results .results .row .thumbnail .title {
  font-weight: bold;
  font-style: italic;
  margin-top: 5px;
}
#search-results .results .row .thumbnail .date {
  margin-top: 3px;
}
#search-results .results .row .thumbnail:hover img {
  /*border: 4px solid #FFF;*/
  padding: 0px;
}

/*************************
 Search results - List
**************************/
#search-results .results .row {
  margin-top: 5px;
  /*height: 212px;*/
}
#search-results .results .list-row {
  margin-top: 5px;
  height: 210px;
  border-bottom: 1px solid #B5B5B5;
}
#search-results .results .list-row .list-image, #search-results .results .list-row .list-text {
  margin-top: 15px;
}
#search-results .results .list-row .list-image {
  float: left;
  width: 250px;
  display: table-cell;
  vertical-align: middle;
  /*width: 210px;*/
  text-align: center;
}
#search-results .results .list-row .list-text {
  float: left;
  width: 300px;
  margin-top: 40px;
}
#search-results .results .list-row .list-text.list-identifier {
  margin-left: 50px;
}
#search-results .results .list-row:hover img {
  border: 4px solid #FFF;
  padding: 0px;
}
#search-results .results .list-row:hover {
  background-color: #EEE;
  border-bottom: 4px solid #658F01;
}

/*************************
 Search results - Single Object
**************************/
#search-results .results .single-object {
  margin-top: 60px;
}
#search-results .results .single-object .content {
  float: left;
  margin-right: 40px;

}
/*#search-results .results .single-object .content img {*/
  /*height: 562px;*/
  /*width: 562px;*/
/*}*/
#search-results .results .single-object .controls {
  height: 210px;
  width: 270px;
  float: left;
  margin-left: 50px;
  margin-top: 20px;
}
#search-results .results .single-object .controls .thumbnail {
  max-width: 150px;
  max-height: 150px;
  margin-bottom: 30px;
}
#search-results .results .single-object .controls .description {
  width: 200px;
  margin-bottom: 30px;
  color: #B5B5B5;
}
#search-results .results .single-object .controls .description h4 {}
#search-results .results .single-object .controls .description p {}

.page-collection #control-info li a {
  background-image: url('assets/icon-enlarge-toolbox_200.jpg');
  display: block;
  height: 29px;
  width: 140px;
  /*margin-bottom: 4px;*/
}

.view-Highlights .views-row a,
.view-art-nodes-with-banners .views-row a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}

/*.page-collection #control-info a.zoom-in { background-position: 0px 0px; }*/
/*.page-collection #control-info a.zoom-out { background-position: 0px -33px; }*/
/*.page-collection #control-info a.pan-up { background-position: 0px -65px; }*/
/*.page-collection #control-info a.pan-down { background-position: 0px -98px; }*/
/*.page-collection #control-info a.pan-left { background-position: 0px -130px; }*/
/*.page-collection #control-info a.pan-right { background-position: 0px -163px; }*/
/*.page-collection #control-info a.reset { background-position: 0px -196px; }*/
/*.page-collection #control-info a.full-screen { background-position: 0px -227px; }*/

/*.page-collection #control-info a.zoom-in:hover { background-position: 0px -259px; }*/
/*.page-collection #control-info a.zoom-out:hover { background-position: 0px -292px; }*/
/*.page-collection #control-info a.pan-up:hover { background-position: 0px -324px; }*/
/*.page-collection #control-info a.pan-down:hover { background-position: 0px -357px; }*/
/*.page-collection #control-info a.pan-left:hover { background-position: 0px -390px; }*/
/*.page-collection #control-info a.pan-right:hover { background-position: 0px -422px; }*/
/*.page-collection #control-info a.reset:hover { background-position: 0px -455px; }*/
/*.page-collection #control-info a.full-screen:hover { background-position: 0px -486px; }*/
/*.page-collection #control-info a.permalink { background-image: none; }*/

.page-collection #control-info {
  width: 144px;
}

.page-collection #control-info ul.buttons > li,
.page-collection #control-info.fullpage ul.buttons > li{
  border-top: 2px solid #909090;
  border-left: 2px solid #909090;
}

.page-collection #control-info .info {
  display: none;
}

.page-collection #control-info.fullpage {
  position: fixed !important;
  top: 0;
  left: 0;
  height: 65px;
  width: 100%;
  /*background-color: #eaeaea;*/
  background-color: white;
  z-index: 1;
}
.page-collection #control-info.fullpage .info {
  line-height: 18px;
  padding-top: 12px;
  margin-left: 50px;
  max-width: 450px;
  display: inline-block;
}
.page-collection #control-info.fullpage ul.buttons {
  width: 600px;
  float: left;
  margin-left: -1px;
  margin-top: -1px;
}
.page-collection #control-info.fullpage .buttons li {
  float: left;
}
.page-collection #control-info.fullpage a.full-screen { background-position: 0px -228px; }
.page-collection #control-info.fullpage a.full-screen:hover { background-position: 0px -487px; }
.page-collection #control-info.fullpage a.permalink { display: none; }

.openseadragon
{
  width:      800px;
  height:     600px;
  border:     1px solid black;
  color:      #333; /* text color for messages */
  background-color: black;
}
.openseadragon-small
{
  width:      40px;
  height:     30px;
  border:     1px solid black;
  color:      #333;  /*text color for messages*/
  background-color: black;
}

#search-results .results .single-object .content {
  min-height: 600px;
  width: 562px;
  padding-bottom: 20px;
}
#search-results .results .single-object .content .outer-object-view {
  margin: 3px;
  border: 1px solid #eaeaea;
}

#search-results .results .single-object .content .openseadragon {
  width: 545px;
  margin: 3px;
}
#search-results .results .single-object .content .text-description {
  margin: 20px 0 0 30px;
}

.results-for {
  line-height: 18px;
}

#search-results .results .single-object .share {
  float: right;
  margin-top: -10px;
  margin-bottom: 0px;
  margin-right: 80px;
}
#search-results .results .single-object .share a {
  color: #B5B5B5;
}

#search-results .results .single-object .share .sharethis {
  margin-left: 48px;
  display: inline;
}

#search-results .results .single-object .outer-object-view {
  clear: right;
}

#block-views-art_nodes_with_banners-block_1,
#block-bell_art_search-2 {
  display: none;
}

.page-collection #control-info li a {
  background-image: url('assets/icon-enlarge-toolbox_200.jpg');
  background-size: 144px auto;
  background-repeat: no-repeat;
  display: block;
  height: 27px;
  width: 144px;
  /*margin-bottom: 4px;*/
}

.page-collection #control-info li {
  height: 31px;
  margin-bottom: 4px;
}

.page-collection #control-info.fullpage li {
  margin-bottom: 0;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .page-collection #control-info li a {
    background-image: url('assets/icon-enlarge-toolbox_200.jpg');
    background-size: 144px auto;
    background-repeat: no-repeat;
    display: block;
    height: 27px;
    width: 144px;
    /*margin-bottom: 4px;*/
  }

  /*.page-collection #control-info li a {*/
    /*background-image: url('assets/icon-enlarge-toolbox_200.jpg');*/
    /*display: block;*/
    /*height: 27px;*/
    /*width: 140px;*/
    /*margin-bottom: 4px;*/
  /*}*/

  /*.page-collection #control-info li a.zoom-in { background-position: 0px 0px; }*/
  /*.page-collection #control-info li a.zoom-out { background-position: 0px -27px; }*/
  /*.page-collection #control-info li a.pan-up { background-position: 0px -55px; }*/
  /*.page-collection #control-info li a.pan-down { background-position: 0px -83px; }*/
  /*.page-collection #control-info li a.pan-left { background-position: 0px -110px; }*/
  /*.page-collection #control-info li a.pan-right { background-position: 0px -138px; }*/
  /*.page-collection #control-info li a.reset { background-position: 0px -166px; }*/
  /*.page-collection #control-info li a.full-screen { background-position: 0px -193px; }*/

  /*.page-collection #control-info li a.zoom-in:hover { background-position: 0px -221px; }*/
  /*.page-collection #control-info li a.zoom-out:hover { background-position: 0px -249px; }*/
  /*.page-collection #control-info li a.pan-up:hover { background-position: 0px -277px; }*/
  /*.page-collection #control-info li a.pan-down:hover { background-position: 0px -304px; }*/
  /*.page-collection #control-info li a.pan-left:hover { background-position: 0px -332px; }*/
  /*.page-collection #control-info li a.pan-right:hover { background-position: 0px -360px; }*/
  /*.page-collection #control-info li a.reset:hover { background-position: 0px -387px; }*/
  /*.page-collection #control-info li a.full-screen:hover { background-position: 0px -415px; }*/
  /*.page-collection #control-info li a.permalink { background-image: none; }*/

  /*.page-collection #control-info.fullpage a.full-screen { background-position: 0px -193px; }*/
  /*.page-collection #control-info.fullpage a.full-screen:hover { background-position: 0px -415px; }*/
}

.page-collection #control-info li a.zoom-in { background-position: 0px 0px; }
.page-collection #control-info li a.zoom-out { background-position: 0px -27px; }
.page-collection #control-info li a.pan-up { background-position: 0px -55px; }
.page-collection #control-info li a.pan-down { background-position: 0px -83px; }
.page-collection #control-info li a.pan-left { background-position: 0px -110px; }
.page-collection #control-info li a.pan-right { background-position: 0px -138px; }
.page-collection #control-info li a.reset { background-position: 0px -166px; }
.page-collection #control-info li a.full-screen { background-position: 0px -193px; }

.page-collection #control-info li a.zoom-in:hover { background-position: 0px -249px; }
.page-collection #control-info li a.zoom-out:hover { background-position: 0px -276px; }
.page-collection #control-info li a.pan-up:hover { background-position: 0px -304px; }
.page-collection #control-info li a.pan-down:hover { background-position: 0px -332px; }
.page-collection #control-info li a.pan-left:hover { background-position: 0px -359px; }
.page-collection #control-info li a.pan-right:hover { background-position: 0px -387px; }
.page-collection #control-info li a.reset:hover { background-position: 0px -415px; }
.page-collection #control-info li a.full-screen:hover { background-position: 0px -442px; }
/*.page-collection #control-info li a.permalink { background-image: none; }*/

.page-collection #control-info.fullpage a.full-screen { background-position: 0px -221px; }
.page-collection #control-info.fullpage a.full-screen:hover { background-position: 0px -470px; }

.page-collection #control-info.fullpage .ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.page-collection #control-info.fullpage .ellipsis.title {
  max-width: 400px;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  .page-collection #control-info.fullpage .info {
    padding-top: 0;
    margin-left: 0;
  }

  .page-collection #control-info.fullpage .ellipsis.title {
    max-width: 250px;
  }
}