/* CSS Document */


/*
======================================================================================================
Fonts
======================================================================================================
*/

@font-face {
    font-family: 'Berthold Akzidenz Grotesk';
    src: url('?service=WebAsset&url=/fonts/Akzidenz-Grotesk-BE/Berthold - AkzidenzGroteskBE-Regular.otf&contentType=font/opentype') format('opentype');
}

@font-face {
    font-family: 'Berthold Akzidenz Grotesk';
    font-weight: bold;
    src: url('?service=WebAsset&url=/fonts/Akzidenz-Grotesk-BE/Berthold - AkzidenzGroteskBE-Bold.otf&contentType=font/opentype') format('opentype');
}

@font-face {
    font-family: 'Berthold Akzidenz Grotesk';
    font-weight: 500;
    src: url('?service=WebAsset&url=/fonts/Akzidenz-Grotesk-BE/Berthold - AkzidenzGroteskBE-Md.otf&contentType=font/opentype') format('opentype');
}

@font-face {
    font-family: 'Chronicle Display';
    font-weight: bold;
    src: url('?service=WebAsset&url=/fonts/Chronicle/Chronicle Display Bold.otf&contentType=font/opentype') format('opentype');
}

@font-face {
    font-family: 'Chronicle Display';
    font-style: italic;
    src: url('?service=WebAsset&url=/fonts/Chronicle/Chronicle Display Italic.otf&contentType=font/opentype') format('opentype');
}

@font-face {
    font-family: "cc-icons";
    font-weight: normal;
    src: url("?service=WebAsset&url=/fonts/cc-icons.ttf&contentType=application/x-font-ttf") format("truetype");
}


/*
======================================================================================================
CSS Reset
======================================================================================================
*/

@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}


/* remember to define focus styles! */

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol,
ul,
li {
    list-style: none;
}




/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
}

caption,
th {
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}


/*
======================================================================================================
Positioning of main containers
======================================================================================================
*/

body {
    margin: 0;
    padding: 0;
    padding: 0;
    background-color: #EBEBEC;
    color: #000;
    font-family: 'Berthold Akzidenz Grotesk', Arial, Verdana;
}

body.highResBody {
    background: none;
}

#container {
    background-color: #FFF;
    margin: 0 auto;
    position: relative;
    width: 100%;
    font-family: 'Berthold Akzidenz Grotesk', Arial, Verdana;
}

.popupContainer {
    margin: 0px 0px 0px 0px;
}

#content {
    float: left;
    position: relative;
    margin: 0 0 0 0;
    line-height: 22px;
    width: 100%;
}

.artistContainer #content {
    background: none;
}

#footer {
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    border-top: 1px solid #fff!important;
    border-bottom: 1px solid #fff!important;
}

#footer svg {
    display: none;
}


/*
======================================================================================================
Torino Elements
======================================================================================================
*/

#stockholm_aroundbox {
    float: left;
    padding-bottom: 19px;
    width: 100%;
}


/* ------------ Stockholm_header_elements ------------------*/

#stockholm_header {
    padding-bottom: 9px;
    float: left;
    width: 100%;
}

#stockholm_language_bar {
    float: left;
    margin: 5px 10px 0;
}

#stockholm_language {
    width: 20px;
}

#stockholm_navbar {
    position: relative;
}

#stockholm_navbar li {
    display: inline;
}

#stockholm_mainmenu a {
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 0.7px;
    color: #000;
    margin-left: 4px;
    padding-left: 14px;
    background: url("?service=WebAsset&url=/images/diamond.gif&contentType=image/gif") no-repeat left center;
}

#stockholm_navbar li:first-child a {
    background: none;
    padding-left: 0px;
    margin-left: 0px;
}

#stockholm_mainmenu a:hover {
    color: #B4352C;
}


/* ------------ Stockholm_breadcrumb ------------------*/

#stockholm_breadcrumb {
    margin: 0 20px 19px 20px;
    float: left;
    display: none;
}

#stockholm_breadcrumb a {
    color: #000;
}

#stockholm_breadcrumb a:hover {
    color: #B4352C;
}


/* ------------ Stockholm_left_navigation ------------------*/

#stockholm_navig {
    float: left;
    padding: 5px 0 51px 0px;
    width: 166px;
}

#stockholm_navig ul {
    background-color: #dedfdf;
    margin: 0px 13px 0px 3px;
    padding-top: 1px;
}

#stockholm_navig ul ul {
    background-color: #fff;
    margin: 0px;
}

#stockholm_navig ul li {
    border-bottom: 1px solid #dedfdf!important;
}

#stockholm_navig ul ul li {
    border-bottom: 1px solid #fff!important;
}

#stockholm_navig a {
    font-size: 1.1em;
    color: #000;
    display: block;
    margin: 0;
    padding: 0.6em 12px 0.6em 17px;
}

#stockholm_navig a.active {
    color: #B4352C;
}

#stockholm_navig a:hover {
    color: #B4352C;
}

#stockholm_navig ul a {
    font-weight: bold;
}

#stockholm_navig ul ul a {
    font-weight: normal;
    padding: 0.3em 0 0.3em 17px;
}


/* ------------ Stockholm_Footer ------------------*/

#stockholm_footer {
    margin: 10px 20px 10px 20px;
    background-color: #fff;
    border-top: 1px solid #908d8d;
    padding: 5px 0 15px 0;
    text-align: right;
    font-size: 1.1em;
}

#stockholm_footer a {
    color: #999;
    margin-left: 12px;
}

#stockholm_footer a:hover {
    color: #B4352C;
}


/* ------------ Stockholm_misc ------------------*/

#stockholm_tips {
    border-top: 1px solid #908d8d;
    padding: 1em 4px 2em 0;
    font-size: 1.2em;
    text-align: right;
}

.exhibitionContainer #stockholm_intro p {
    display: none;
}

.exhibitionContainerDetailList #stockholm_intro p {
    display: block;
}

.exhibitionContainerDetailList #header {
    display: block;
}

.detailItem .detailCaptionData .listAddThis {
    width: 49%;
    float: right;
    /*margin-top: 20px;* changed by MZ2 2018-02-06*/
}

.backlinks {
    float: left;
    position: relative;
    color: #086156;
    font-size: 16px;
    padding: 0px 0 0px 2.25rem;
    width: 100%;
    background-color: transparent;
    margin-top: 11px;
}

.collectionContainerDetailView .detailItem .backlinks,
.exhibitionContainerDetailView .detailItem .backlinks {
    display: block;
    width: 16%;
    background-color: #F9F9F9;
    padding: 11px 0 11px 2.25rem;
    margin-top: 0;
}

.collectionContainerDetailView .backlinks {
    display: none;
}

.backlinks a span,
.backlinks a {
    font-family: "Berthold Akzidenz Grotesk", Arial, Verdana;
}

.backlinks a {
    padding-left: 8px;
    line-height: 22px;
}

.collectionContainerDetailView .backLinksIncludes,
.exhibitionContainerDetailView .backLinksIncludes {
    display: none;
}

.backLinksIncludes {
    background-color: #fff;
}

.backlinks .icon-nm-icon-arrow-left::before {
    color: #086156 !important;
}

.backlinks .goback,
.backlinks .backToSearch {
    clear: both;
}

.collectionContainerLightbox_3x4 .backlinks .goback,
.collectionContainerLightbox_4x5 .backlinks .goback,
.collectionContainerSimpleList .backlinks .goback,
.collectionContainerDetailList .backlinks .goback,
.artistContainerSimpleList .backlinks .goback,
.artistContainerDetailList .backlinks .goback,
.exhibitionContainerDetailList .backlinks .goback,
.exhibitionContainerDetailList .backlinks .backToSearch {
    display: none;
}

.collectionContainerDetailList .backSearch {
    padding-left: 0px;
}

.collectionContainerDetailList .backSearch .goback {
    display: block;
    max-width: 720px;
    margin: 0 auto;
}

.collectionContainerLightbox_3x4 .backlinks .backToSearch,
.collectionContainerLightbox_4x5 .backlinks .backToSearch,
.collectionContainerSimpleList .backlinks .backToSearch,
.collectionContainerDetailList .backlinks .backToSearch,
.artistContainerSimpleList .backlinks .backToSearch,
.artistContainerDetailList .backlinks .backToSearch {
    margin-top: 8px;
}

#container.startPage #stockholm_aroundbox {
    min-height: 750px;
}

#container.startPage #siteFunctions,
#container.startPage #header {
    float: left;
    margin: 0px;
    clear: both;
}

#container.startPage #header {
    width: 215px;
    margin-top: 20px;
}

#container.startPage #header #stockholm_title h1 {
    font-size: 2em;
}

#container.startPage #header p {
    padding-bottom: 10px;
}

#container.startPage #content {
    position: absolute;
    width: 705px;
    right: 20px;
}

#container.startPage #stockholm_language_bar {
    float: right;
    margin: 10px 0px 0 0;
}

#container.startPage #siteFunctionsContainer,
#container.startPage .linkToSearch {
    float: left;
    clear: both;
}

#container.startPage .linkToSearch {
    padding: 10px 10px 0px 0px;
}

#container.startPage #stockholm_intro a {
    float: left;
    clear: both;
    padding-top: 2px;
}

#container.startPage #content .imgBlock {
    float: left;
    margin-bottom: 20px;
}

#container.startPage #content .imgBlock:hover {
    opacity: 0.6;
}


/*
======================================================================================================
Redefining HTML-Tags
======================================================================================================
*/

a {
    color: rgba(8, 97, 86, 0.9);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 56px;
    background-color: #f9f9f9;
    padding: 23px 0;
    float: left;
    width: 70%;
    text-align: center;
    margin-top: 0px !important;
    line-height: 30px;
}


}
h2,
h3,
h4 {
    font-size: 1.0em;
    font-weight: normal;
}
p {}

/*
Styles for forms
--------------------------------------------------------------------------------------------------
*/
.button {
    padding: 2px;
}
label {
    display: block;
    float: left;
}
label.inlineLabel {
    display: inline;
    clear: none;
    float: none;
    display: none;
}
label.inlineLabelFrom,
label.inlineLabelTo {
    display: inline;
    clear: none;
    float: none;
}
label.inlineLabelTo {
    padding-left: 1em;
}
.radioGroup label {
    display: inline;
    clear: none;
    float: none;
    text-align: left;
}
.checkboxGroup label {
    display: inline;
    clear: none;
    float: none;
    text-align: left;
}
fieldset {
    border: none;
}
fieldset.inlineFieldset {
    border: none;
    display: inline;
    margin: 0px;
    padding: 2px
}
legend {
    color: #666;
}
input,
select,
textarea {
    padding: 0.2em 0.2em;
    margin: 0;
    font-size: 1.1em;
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
select {
    padding-left: 0;
}
input.submitButton,
input.cancelButton,
input.resetButton {
    display: inline;
    padding: 1px;
}
form p {
    margin: 0px;
    padding: 0px;
}
.formButton {
    text-align: right;
    padding: 5px 20px 0px 0px;
}
.formItem {
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    clear: both;
}

/*
======================================================================================================
Styles shared accross containers and elements
======================================================================================================
*/
.cleaner {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}
.bottomspace {
    height: 2em;
    width: 10px;
}
.error {
    color: #e60028;
}
.errorMessage {
    color: #e60028;
    padding-bottom: 10px;
}
.infoMessage {
    color: #e60028;
}
.highlight {}
.hidden {
    position: absolute;
    left: -9999px;
    height: 0px;
    width: 0px;
}
.inlineFieldsetLegend {
    clear: both;
    display: block;
    float: left;
    padding: 4px 1px 1px 1px;
    text-align: left;
    width: 100px;
}
.message {
    padding-bottom: 5px;
}
.normal {
    font-weight: normal;
}
.disabled {
    color: #cccccc;
}
.highResBody {
    margin: 0;
    padding: 15px 0;
}
.highResBody table {
    margin: 0;
}
.highResBody td {
    padding: 0;
    margin: 0;
}
.highResImage {
    padding: 0;
    margin: 0;
}

/*
======================================================================================================
=logo
======================================================================================================
*/

/*
======================================================================================================
=siteFunctions
======================================================================================================
*/
#language,
#loginButton,
.siteSearchLabel {
    font-size: 0.91em;
    padding-top: 0.2em;
    position: relative;
    display: none;
}

/* ---------- Site Search -----------*/
#siteFunctions {
    width: 100%;
    padding: 5vw;
    background-color: rgba(162, 244, 205, 0.95);
    text-align: center;
    display: none;
}
.startPage #siteFunctions {
    display: block;
}
#siteFunctionsContainer {}
#siteSearchContainer {}
#siteSearch {
    font-size: 16px;
}
#siteSearchItems {
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#siteSearchInput {}
#siteSearchButton {
    border: none;
    background-color: #A7F5CF;
}

/*
======================================================================================================
=navigation
======================================================================================================
*/
#mainNav {}
#mainNav li.mainNavItem {}

/*
======================================================================================================
=header
======================================================================================================
*/

/*
	=title
	--------------------------------------------------------------------------------------------------
	*/
#title {
    display: none;
}

/*
	=moduleFunctions
	--------------------------------------------------------------------------------------------------
	*/
#moduleFunctionReference {
    display: none;
}
#moduleFunctions {
    font-size: 1.1em;
    border-bottom: 1px solid #908d8d;
    height: 1.4em;
    padding: 1.7em 0 0.3em 0;
    margin: 0;
}
#moduleFunctions {
    display: none;
}
#moduleFunctions li.moduleFunctionItem {
    float: left;
}
#moduleFunctions li.moduleFunctionItem a {
    display: block;
    padding: 0 1.5em 0 0;
    font-weight: bold;
    color: #000;
}
#moduleFunctions li.moduleFunctionItem a.active {
    text-decoration: none;
}
#moduleFunctions li.moduleFunctionItem a.active:hover {
    color: #000000;
}
#container.artistContainerDetailView #moduleFunctions,
#container.collectionContainerDetailView #moduleFunctions,
#container.exhibitionContainer #moduleFunctions {
    display: none;
}

/*
======================================================================================================
=content
======================================================================================================
*/

/* -----------------------------------------------------------------------------------------------
	* Styles concerned with filter handling 
	* -----------------------------------------------------------------------------------------------
	*/
.filterSection {
    display: none;
    position: relative;
    margin: 0px;
    padding: 0.5em 0 0.2em 0;
    border-top: none !important;
    border-bottom: none !important;
    margin-bottom: 0;
}
.filterSection form {
    padding: 0px;
    margin: 0px;
}
.filterSection .filterGroupControl_list {
    display: inline;
    border: none;
    padding: 0px;
    margin: 0;
}
.filterSection .filterGroupControl_list .filterItem {
    float: left;
    padding-bottom: 0px;
}
.filterSection legend {
    display: none;
}
.filterItem {
    padding: 0 1.1em 0 0;
    display: block;
    float: left;
}
.filterItem a {
    font-weight: bold;
    font-size: 0.92em;
    color: #000000;
}
#container.exhibitionContainerDetailView .filterGroupItem {
    border-bottom: 1px solid #908d8d;
    padding-bottom: 0.15em;
}

/*
	--------------------------------------------------------------------------------------------------
	*/
.contextMenuContainer {
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    padding: 1rem 2.25rem;
}
.collectionContainerLightbox_3x4 .contextMenuContainer {
    max-width: 720px;
    margin: 0 auto;
    padding: 1rem 0;
}
#container #collectionInlineModule .contextMenuContainer,
#container #multimediaInlineModule .contextMenuContainer {
    border-bottom: none;
    max-width: 720px;
    margin: 0 auto;
    padding: 1rem 0;
}
#container.artistContainerDetailView .contextMenuContainer,
#container.collectionContainerDetailView .contextMenuContainer,
#container.exhibitionContainerDetailView .contextMenuContainer {
    display: none;
}
#container.exhibitionContainerDetailView .inlineModule .contextMenuContainer,
#container.artistContainerDetailView .inlineModule .contextMenuContainer,
#container #multimediaInlineModule .contextMenuContainer {
    display: block;
}
#container #artistInlineModule .contextMenuContainer {
    display: none;
}
#container .inlineModule .contextMenuContainer {}
#container .bottomContextMenuContainer {
    clear: both;
    border: none;
    height: 2.5em;
}
#container .bottomContextMenuContainer .contextMenuContainer {
    height: 2.2em;
}
#container .detail {
    float: left;
}
#collectionDetail {
    background-color: #F9F9F9;
}
#container .contextMenu {
    position: relative;
}
#container .contextMenuContainer .menuItem {
    text-align: left!important;
}
#container li.dropdownMenu {
    display: block;
    float: left;
    position: relative;
    cursor: default;
    padding: 0px 7px 0px 0px;
    margin: 0 .5em 0 0;
    color: #908d8d;
    cursor: pointer;
    z-index: 2!important;
}
.exhibitionContainerDetailList #stockholm_aroundbox .contentSortings {
    display: none;
}
#container .bottomContextMenuContainer li.dropdownMenu {
    border-color: #fff;
}
#container li.dropdownMenu ul {
    width: 16em;
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    text-align: center;
    z-index: 1;
    border-top: 1px solid #c0c1c1;
    background-color: #fff;
    border-left: 1px solid #c0c1c1;
    border-right: 1px solid #c0c1c1;
}
#container li.dropdownMenu ul li {
    display: block;
    float: none;
    width: 100%;
    border-bottom: 1px solid #c0c1c1;
    margin: 0;
    padding: 0;
    z-index: 1;
}
#container li.dropdownMenu ul li:hover {
    background-color: #dedfdf;
}
#container li.dropdownMenu:hover ul {
    display: block;
}
#container li.dropdownMenu ul li a {
    display: block;
    width: 99%;
    font-weight: normal;
    padding: .5em 0 .5em .5em;
    text-decoration: none;
}
#container li.elementNavigator ul li a {
    width: 97%;
}
#container li.dropdownMenu .arrowDownButton,
#container li.dropdownMenu .arrowDownButton:hover {
    padding: 0px 8px 0px 8px;
    font-size: 15px;
}

/* --------------------- ELEMENT NAVIGATOR -------------------------------*/
#container .elementNavigatorLabel {
    padding: 0.1em 0.6em .1em 0;
}
#container .elementNavigator .menuItem {
    text-align: center!important;
}
#container .resultCount {
    margin: 0;
    padding: 0.1em 0 0 .4em;
    font-size: 1em!important;
    color: #666;
}
#container li.elementNavigator {
    width: 5.2em;
    text-align: center;
    margin: 0;
    float: right;
    display: block;
}

/*single numbers*/
#container li.elementNavigatorResultBox {
    z-index: 1!important;
    margin: 0;
    padding: 0;
}
#container li.dropdownMenuFromTo {
    /*width: 7.4em;*/
    
    width: 7.4em;
}

/*from to numbers - must be wider*/
#container li.elementNavigator ul {
    width: 5.2em;
    margin-left: 1.5em;
    text-align: center;
}
#container li.dropdownMenuFromTo ul {
    width: 8em;
    margin-left: 1.5em;
}
#container li.elementNavigator .elementNavigatorCurrent {
    float: left;
    width: 5.2em;
}
#container li.elementNavigator .elementNavigatorFromTo {
    text-align: left;
    width: 8em;
}

/* ---------- composite Element Navigator (eMP 5.5.1.2) ---------*/
#container .elementNavigatorResultBox {
    float: right;
    position: relative;
    width: 250px;
    display: inline;
}
#container .bottomContextMenuContainer .elementNavigatorResultBox {
    margin-right: 0;
}

/*---------- new ks 2008-08-07 -------------------*/
#container .elementNavigatorResultBoxFromTo {
    float: right;
    position: relative;
    width: 333px;
    display: inline;
}
#container ul.elementNavigatorResult {
    float: right;
    display: block;
}
#container ul.elementNavigatorResult li {
    float: left;
    /*line-height: 1.95em;*/
}
#container ul.elementNavigatorResult li.resultCount {
    float: right;
}
#container .elementNavigatorResultBox li.elementNavigator {
    float: left;
    width: 8em;
}
#container .elementNavigatorResultBox li.elementNavigator ul {
    margin-left: 0em;
}
#container .elementNavigatorResultBox li.dropdownMenuFromTo ul {
    margin-left: 0em;
}

/* ---------- END composite Element Navigator (eMP 5.5.1.2) ---------*/
#container li.elementNavigator ul li {
    text-align: center;
}
#container li.elementNavigator ul li a {
    display: block;
    text-align: center;
    /*padding: 0 0;*/
}
#container li.elementNavigator ul li a:hover {
    cursor: pointer;
}
#container li.elementNavigator ul li.elementNavigatorFromTo a {
    text-align: left;
}
#container .elementFrom {
    width: 3.1em;
    text-align: right;
    display: block;
    float: left;
    padding-right: 0.3em;
    margin-left: 0;
    padding-left: 0;
}
#container .elementNavigatorNext a:hover,
#container .elementNavigatorNext a,
#container .elementNavigatorBack a:hover,
#container .elementNavigatorBack a {
    text-decoration: none;
    color: #ccc;
}
#container .elementNavigatorNext,
#container .elementNavigatorBack {
    float: left;
    width: 1.5em;
    padding-top: 0.2em;
}
#container .contextMenu .elementNavigatorBack .arrowButton {
    color: #ccc;
    display: block;
    width: 1.5em;
}
#container .contextMenu .elementNavigatorBack a .arrowButton {
    color: #0a0a0a;
    cursor: pointer;
}
#container .contextMenu .elementNavigatorBack a:hover .arrowButton {
    color: #0a0a0a;
}
#container .elementNavigatorNext .arrowButton {
    color: #ccc;
    display: block;
    width: 1.5em;
}
#container .elementNavigatorNext a .arrowButton {
    color: #0a0a0a;
    cursor: pointer;
}
#container .elementNavigatorNext a:hover .arrowButton {}
#container .disabled {
    color: #666;
    padding: 0.2em 0;
    font-weight: normal;
}
#container .highlight {
    padding-right: 0.3em;
}
#container #multimediaInlineModule .contentSortings {
    display: none;
}
#container.exhibitionContainer #collectionInlineModule .contentSortings {
    display: none;
}
#container.exhibitionContainerDetailList .contentViews {
    display: none;
}
#container #collectionInlineModule .contentViews {}
#container .contextMenuContainer ul.contextMenu li.contextFunctions {
    display: none;
}

/* =inline contextMenu (inherits from contextMenu if not overwritten via '.inlineModule' selector)
	--------------------------------------------------------------------------------------------------
	*/
.inlineModule .contextMenuContainer .resultCount {}
.inlineModule {}

/*
	= module view type stuff (prefix with .inlineModule to change settings for inline usage)
	--------------------------------------------------------------------------------------------------
	*/
.lightbox,
.detailList,
.simpleList,
.detail {
    width: 100%;
    position: relative;
    display: block;
    min-height: 120px;
}
.simpleList {
    padding: 0px;
    padding: 0 2.25rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: 'Berthold Akzidenz Grotesk', sans-serif;
}
.detailList {
    padding-top: 0px;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.inlineModule .detailList {
    padding: 0;
}
.lightbox {
    padding-top: 0.5em;
}
.collectionContainer .lightbox {
    max-width: 720px;
    margin: 0 auto;
}
.artistContainer .inlineModule .detailList {
    padding-top: 0.5em;
}
.artistContainer .inlineModule .detail {
    padding-top: 1.5em;
}
#container #artistInlineModule .simpleList {
    padding-top: 0.5em;
}
.exhibitionContainer #exhibitionDetail {
    padding-top: 0px;
    border-top: 1px solid #fff;
}
#content #exhibitionDetailList {
    padding-top: 0.5em;
}
.lightbox .contextMenu a:hover,
.detailList .contextMenu a:hover,
.simpleList .contextMenu a:hover,
.detail .contextMenu a:hover {
    background-color: transparent;
}
.referenceContainer .lightbox,
.referenceContainer .detailList,
.referenceContainer .simpleList,
.referenceContainer .detail {
    width: 100%;
}
.listImg:empty,
.detailImg:empty {
    display: none;
}
#collectionInlineModule .lightbox,
#collectionInlineModule .detailList {
    max-width: 720px;
    margin: 0 auto;
}
#artistDetailList {
    padding: 0;
    font-size: 1.125rem;
    line-height: 1.625rem;
}
#artistDetailList .detailListItem {
    padding: 0;
    border-bottom: .1875rem solid rgba(0, 0, 0, 0.2);
    padding-top: 1rem;
}
.inlineModule #artistDetailList .detailListItem {
    width: 100%;
}
.inlineModule #artistDetailList .detailListItem:last-child {
    padding-bottom: 20px;
}

/*added by MZ2 2018-02-06 */
#artistDetailList .detailListItem li {
    width: 100%;
    float: left;
}

/*
	=simpleList simpleListItem (Simple List View)
	--------------------------------------------------------------------------------------------------
	*/
.simpleListItem {
    display: block;
    padding-top: 1rem;
    position: relative;
    width: 100%;
    border-bottom: .1875rem solid rgba(0, 0, 0, 0.2);
}
#simpleListItem-0 {
    border-top: none
}
.simpleListItem li {
    float: left;
    margin-right: 2%;
}
.simpleList h2 {
    font-weight: bold;
}
#artistSimpleList h2 {
    display: inline;
}
#artistInlineModule .simpleList h2 {
    font-weight: normal;
}

/* Collection module */
.simpleListItem .title {
    width: 36%;
    font-weight: bold;
    float: left;
}
.simpleListItem .artistList {
    width: 36%;
    display: block;
    float: left;
}
.simpleListItem .inventory {
    width: 24%;
    margin-right: 0;
    float: left;
}
.simpleListItem .portfolioLink {
    width: 70px;
}
.simpleListItem .detailLink {
    width: 95px;
    margin-right: 0px;
}
.simpleListItem .artists {
    display: inline;
}
.simpleListItem .artists .singleAutor {
    float: left;
    clear: both;
}

/* Artist module */
.simpleListItem .name {
    width: 450px;
    /*font-size: 0.92em;*/
}

/*
	=detailList detailListItem (Detail List View)
	--------------------------------------------------------------------------------------------------
	*/
.detailListItem {
    padding-right: .5rem;
    padding-left: .5rem;
    width: 350px;
}
.inlineModule .detailListItem {
    width: 33%;
    float: left;
}
.exhibitionContainer .detailListItem {
    width: 33%;
    float: left;
    height: 470px;
}
.exhibitionContainer #collectionDetailList .detailListItem {
    height: auto;
}
@media screen and (min-width: 1024px) {
    .exhibitionContainer .detailListItem {
        width: 25%;
    }
    
    .exhibitionContainer #collectionDetailList .detailListItem {
        width: 33.3%;
    }
}
#detailListItem-0 {
    border-top: none
}
.detailListItem .listImg {
    margin-bottom: 1rem;
}
.detailListItem .listImg img {
    max-height: 350px;
}
.detailListItem .listImg a {
    background-color: #fff;
}
.detailListItem .listTitle,
.detailListItem .listDescription {
    float: left;
    position: relative;
}
#artistInlineModule .detailListItem .listImg {
    margin-right: 45px;
}
#artistInlineModule .detailListItem .listTitle {
    width: 100%
}
#artistInlineModule #detailListItem-0 {
    border-bottom: none;
}
#collectionInlineModule .detailListItem .listTitle {
    /*width: 305px;*/
    
    margin-top: 5px;
}
#aroundCopyright {
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 10px 2.25rem;
    float: left;
}
#aroundCopyright a {
    color: #fff;
    font-family: 'Berthold Akzidenz Grotesk', Arial, Verdana;
}
#aroundCopyright ul {
    float: left;
    width: 50%;
}
#aroundCopyright #downloadIIIFImage {
    text-align: right;
    float: right;
}
#aroundCopyright #downloadIIIFImage a {
    margin-left: 10px;
}
li.mulCC {
    float: left;
}
li.mulCC .tspValue,
li.mulCCLink .tspValue {
    display: none;
}
li.mulCC svg {
    float: left;
    clear: both;
    padding-top: 2px;
}
li.mulCC a span.tspValue {
    float: left;
    font-family: "cc-icons";
    font-size: 18px;
    padding: 0 5px 0 0;
    display: block;
}
.detailListItem .title {
    font-weight: bold;
}
.detailListItem .nationality,
.detailListItem .dates,
.detailListItem .places {
    display: inline;
}
.detailListItem h2 {
    font-weight: bold;
}
.imglistPrefix .tspPrefix,
.imglistPrefix .tspTitleLinkPrefix {}
.imglistPrefix .tspValue,
.imglistPrefix a {
    float: right;
}
.imglistPrefix .tspEnd {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    display: block;
}
.detailListItem .portfolioLink {
    padding-top: 0.5em;
}
.detailListItem .cleaner {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    width: 200px;
}
.blurb-paragraph {
    margin-bottom: 1.375rem;
    font-size: 1.125rem;
}
.blurb-title a {
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #000;
    text-decoration: none;
}

/*
	=detail (Detail View Type)
	--------------------------------------------------------------------------------------------------
	*/

/*
		=detail content
		--------------------------------------------------------------------------------------------------
		*/
.detailItem {
    clear: both;
    position: relative;
    margin-top: 0px;
    width: 100%;
    background-color: #e0e0e0;
    padding-bottom: 20px;
    /*added by MZ2 2018-02-06*/
}
.detailItem .listImg {
    float: left;
    width: 300px;
    height: 400px;
    margin-right: 20px;
    margin-bottom: 10px;
}
#collectionInlineModule .detailItem .listImg {
    float: inherit;
    margin: 0 auto;
    max-width: 720px;
    width: auto;
    text-align: center;
}
#collectionInlineModule .detailItem .listImg a img {
    height: 400px;
}
.detailItem .detailImg {
    width: 100%;
    float: left;
    background-color: #000;
    overflow: hidden;
    text-align: center;
}
.collectionContainerDetailView .detailItem .detailImg {
    padding-top: 40px;
}
.detailItem #openseadragon {
    height: 500px;
}
.detailItem .detailImg a {
    margin: 0 auto;
    display: block;
    max-width: 800px;
    max-height: 800px;
}
.detailItem .detailImg img {}
.detailItem .detailCaptionData {
    margin: 0 auto;
    position: relative;
    max-width: 720px;
    font-size: 18px;
    line-height: 1.5;
}
.detailItem .detailCaptionData li {
    width: 100%;
}
.detailItem .detailCaptionData .detailPrefix {
    float: left;
    width: 100%;
}
.detailItem .detailCaptionData ul li,
.detailItem .detailCaptionData ul.detailCapPart1,
.detailItem .detailCaptionData ul li.artistList .artists {
    padding-bottom: 5px;
    float: left;
    width: 100%;
}
.detailItem .detailCaptionData ul.detailCapPart1 {
    padding: 20px 0px 0px;
}

/*added by MZ2 2018-02-06*/
.detailItem .detailCaptionData .tourdescription {
    padding: 20px 0px;
}

/*added by MZ2 2018-02-06*/
.detailItem .detailCaptionData ul li.artistList .artists {
    float: left;
    width: 100%;
}
.detailItem .detailCaptionData ul.detailCapPart1 li,
.detailItem .detailCaptionData ul li.artistList {
    padding-bottom: 0px;
}
.bookmarkLink {
    padding-top: 20px;
    max-width: 720px;
    margin: 0 auto;
}
.captionLinks .bookmark {
    margin-bottom: 20px;
}

/* added by MZ2 2018-02-06*/
.detailItem h2 {
    font-weight: bold;
}
#exhibitionDetailItem h2 {
    font-weight: normal;
}
.detailCaptionData .tspPrefix,
.detailItem .bookmarkLink label,
.imglistPrefix .tspPrefix,
.imglistPrefix .tspTitleLinkPrefix,
.detailPrefix .tspTitleLinkPrefix {
    width: 48%;
    font-weight: 500;
    float: left;
    text-align: right;
    margin-right: 1%;
}
.tourdescription .tspValue {
    width: 100% !important;
}
#exhibitionDetailItem .bookmarkLink label {
    width: auto;
    margin-right: 1%;
    /*added by MZ2 2018-02-06*/
}
.detailCaptionData .tspValue,
.imglistPrefix .tspValue,
.imglistPrefix a,
.detailPrefix a {
    width: 50%;
    margin-left: 1%;
    display: inline-block;
    float: right;
}
.singleAutor .tspValue {
    float: none;
}
.exhibition .tspReferenceLinkList .tspSeparator {
    float: right;
}
.detailCaptionData .title .tspValue {
    font-style: italic;
}
.artistList .tspReferenceLinkList .tspPrefix {
    float: none;
    color: #000;
    width: auto;
    padding: 0;
    display: inline;
    margin-right: 0;
}
.nationality .nationalityvalue,
.InlineTitleLink a {
    float: left;
    width: 480px;
}
.detailItem .artistList .tspReferenceLinkList {
    float: left;
    width: 49%;
    margin-left: 1%;
}
.detailItem .artistList .tspReferenceLinkList .tspValue {
    margin-left: 0;
    display: inline;
}
.detailItem .name .tspValue {
    font-style: italic;
}
.detailPrefix .tspEnd,
.nationality .cleaner {
    clear: both;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    display: block;
}
.detailItem .captionLinks {
    padding-top: 0.5em;
    padding-left: 0px;
}
.detailItem .bookmark {
    padding-left: 0px;
    font-size: 0.92em;
}
.detailItem .bookmarkLink input {
    width: 40%;
    font-size: 18px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    /*margin-left: 1%; changed by MZ2 2018-02-06*/
}
#exhibitionDetailItem .bookmarkLink input {
    width: 100%;
    max-width: 566px;
}
.detailItem .portfolioLink {
    margin-top: 0.2em;
    padding-left: 105px;
}
.detailItem .detailLink {
    padding-left: 105px;
}
#content #exhibitionDetail .tourText span,
#content #exhibitionDetail .tourIntro span {
    width: 100%;
    display: block;
    margin: 0 auto;
}
#content #exhibitionDetail .tourIntro {
    width: 100%;
}
#content #exhibitionDetail #collectionInlineModule .detailItem .portfolioLink {
    padding-left: 0;
}
#content #exhibitionDetail #collectionInlineModule .detailItem .detailLink {
    padding-left: 0;
}
#content #exhibitionDetail #collectionInlineModule .detailItem .depicted,
#content #exhibitionDetail #collectionInlineModule .detailItem .category,
#content #exhibitionDetail #collectionInlineModule .detailItem .category,
#content #exhibitionDetail #collectionInlineModule .detailItem .classification,
#content #exhibitionDetail #collectionInlineModule .detailItem .style,
#content #exhibitionDetail #collectionInlineModule .detailItem .geography,
#content #exhibitionDetail #collectionInlineModule .detailItem .acquisition,
#content #exhibitionDetail #collectionInlineModule .detailItem .ondisplay {
    display: none;
}

/*
		=references Tab
		--------------------------------------------------------------------------------------------------
		*/
.referenceContainer {
    position: relative;
    display: block;
    width: 100%;
    background-color: #F9F9F9;
}
#collectionReferences {
    max-width: 720px;
    font-size: 18px;
    line-height: 22px;
    margin: 0 auto;
}
.referenceTabItem,
.referenceTabItemActive {
    float: left;
    margin: 0.5em 1.0em 0.5em 0;
    padding: 0;
    font-size: 0.9em;
    font-weight: bold;
}
.referenceTabItem a,
.referenceTabItemActive a {
    display: block;
    padding: 1em 0 0 0;
    text-decoration: none;
}
.referenceTabItemActive a {
    color: #000;
}
.referenceTabItem a:hover {
    text-decoration: underline;
}
.referenceContainer .tourImage {
    width: 300px;
    height: 300px;
    float: left;
}
.referenceContainer .introduction {
    float: right;
    width: 620px;
}
#artistReferences .referenceTabItem,
#artistReferences .referenceTabItemActive {
    margin: 0 0 5px;
}
#exhibitionReferences .referenceTabItem,
#exhibitionReferences .referenceTabItemActive,
#artistReferences .referenceTabItem,
#artistReferences .referenceTabItemActive {
    width: 100%;
    text-align: center;
    margin: 2.25rem 0;
}
#exhibitionReferences .referenceTabItem a,
#exhibitionReferences .referenceTabItemActive a,
#artistReferences .referenceTabItem a,
#artistReferences .referenceTabItemActive a {
    font-size: 1.375rem;
    line-height: 1.75rem;
    text-decoration: none;
    color: #000;
    opacity: 0.9;
    padding: 0;
}

/*
		=references: References Container (contains Inline Modules) 
		--------------------------------------------------------------------------------------------------
		*/
.referenceContainer .reference {
    display: block;
    padding: 1px 0 2em 0;
    clear: both;
}
.referenceContainer .reference .caption {
    padding: 1em 0em;
    margin: 0;
}
.referenceContainer .reference .copyright3 {
    padding-top: 0.5em;
}

/*
	=lightbox
	--------------------------------------------------------------------------------------------------
	*/

/*lightbox */
.lightboxItem {
    display: block;
    float: left;
}
#content .lightboxItem ul.listText li.listButton {
    margin-top: 0.2em;
    margin-bottom: 0em;
    padding: 0;
}
#content .lightboxItem ul.listText {
    padding-top: 0.3em;
}
.lightboxTextListItem {
    padding: 0;
    margin: 0;
}
.lightboxItem li {
    padding: 0;
    margin: 0;
}
.lightboxTextListItem li {
    padding: 0.1em 0;
    margin: 0;
}
.lightboxGroupItem {
    display: block;
    float: left;
}
.lightboxGroupItem {
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}

/*Addition RO 05/20, new field actual location*/
.lightboxItem li.dimension .tspPrefix::after {
	content: ": ";
}

/*
	=lightbox links
	--------------------------------------------------------------------------------------------------
	*/
.lightboxItem .listImg a {
    background-color: #fff;
}

/*
	=lightbox_3x4
	--------------------------------------------------------------------------------------------------
	*/
#lightbox_3x4 .lightboxItem {
    margin: 10px 30px 5px 0em;
    width: 100%;
}
#lightbox_3x4 .listImg,
#lightbox_3x4 .listImg img {
    max-width: 212px;
}
#lightbox_3x4 .lightboxTextListItem {
    float: left;
    margin-left: 20px;
    max-width: 480px;
}
#lightbox_3x4 .lightboxImgInnerContainer {
    width: 212px;
}
#lightbox_3x4 .lightboxImageListItem {
    float: left;
    width: 212px;
}
#lightbox_3x4 #lightboxItem-3,
#lightbox_3x4 #lightboxItem-7,
#lightbox_3x4 #lightboxItem-11 {
    margin-right: 0px;
}

/*
	=lightbox_4x5
	--------------------------------------------------------------------------------------------------
	*/
#lightbox_4x5 .lightboxItem {
    margin: 10px 16px 5px 0em;
}
#lightbox_4x5 .listImg,
#lightbox_4x5 .listImg img {
    width: 175px;
    height: 175px;
}
#lightbox_4x5 .lightboxTextListItem {
    width: 175px;
}
#lightbox_4x5 .lightboxImgInnerContainer {
    width: 175px;
}
#lightbox_4x5 #lightboxItem-4,
#lightbox_4x5 #lightboxItem-9,
#lightbox_4x5 #lightboxItem-14,
#lightbox_4x5 #lightboxItem-19 {
    margin-right: 0px;
}

/*
	=TSP styles (overriding other styles)
	-------------------------------------------------------------------------------------------------
	*/
#lightbox_1x1 .listImg img.tspMimeTypeIcon,
#lightbox_1x2 .listImg img.tspMimeTypeIcon,
#lightbox_2x3 .listImg img.tspMimeTypeIcon,
#lightbox_3x4 .listImg img.tspMimeTypeIcon,
#lightbox_4x5 .listImg img.tspMimeTypeIcon,
.listImg img.tspMimeTypeIcon {
    width: 48px;
    height: 48px;
}

/*
	Portfolio Element Handler
	-------------------------------------------------------------------------------------------------
	*/
.tspPortfolioElementHandler {
    position: relative;
    border: 1px solid #fff;
}
.tspPortfolioElementHandler_image {
    display: none;
}
.tspPortfolioElementHandler a {
    display: block;
    text-decoration: none;
    color: #908d8d;
}
.tspPortfolioElementHandler_text:hover {
    color: #000000;
}
.tspPortfolioElementHandler_text {
    font-size: 0.92em;
    /*display: block;*/
    
    margin-left: 16px;
}
.tspPortfolioElementHandler a.add {
    background: url('?service=WebAsset&url=images/controls/buttonUnclicked.png&contentType=image/png') no-repeat 0 0.35em;
}
.tspPortfolioElementHandler a.remove {
    background: url('?service=WebAsset&url=images/controls/buttonClicked.png&contentType=image/png') no-repeat 0 0.35em;
}
.lightbox .tspPortfolioElementHandler a.add,
.lightbox .tspPortfolioElementHandler a.remove {
    background-position: 0 0.2em;
}
.moreLink a,
.detailLink a {
    font-size: 0.92em;
    background: url('?service=WebAsset&url=images/doublearrow.png&contentType=image/png') no-repeat 3px 0.15em;
    padding-left: 17px;
}
.moreLink a:hover,
.detailLink a:hover {
    background-image: url('?service=WebAsset&url=images/doublearrow_hov.png&contentType=image/png');
}

/*
=loginForm
--------------------------------------------------------------------------------------------------
*/

/*
	#loginForm { margin:5px; padding:10px 0px 10px 0px; }
	#loginForm fieldset { border:solid 1px #ccc; margin-top:14px; width:307px; padding:7px; }
	#loginForm fieldset legend { margin-bottom:0px; }
	#loginForm .formItemsContainer { padding-top:7px; }
	#loginForm input.text { width:200px; }
	#loginForm .formItem label { width:80px; }
	*/

/*
=editForm
--------------------------------------------------------------------------------------------------
*/

/*
	.editForm fieldset { border:none; }
	.editForm legend { display:none; }
	.editForm .formItem { padding:5px; height:13px;}
	.editForm .formButton { width: 630px; padding:5px; }
	.editForm .formButton input { padding-right:10px; padding-left:10px; }
	.editForm .formItem label { position:absolute; width:120px; left: 5px; }
	.editForm .formItem div.text { position:absolute; left:130px; }
	.editForm .text input,
	.editForm .text select { width:500px; }
	*/

/*
=searchForm
--------------------------------------------------------------------------------------------------
*/
#formItem_field_10316 {
    display: none;
}
.searchForm {
    font-size: 18px;
    max-width: 720px;
    margin: 0 auto;
    padding-top: 20px;
}
.searchForm .fulltextSearch {}
.searchForm .fulltextSearch label {}
.searchForm fieldset.searchFulltext {
    padding: 0 0 0 0;
    margin: 0 0 1em 0;
    border: none;
}
.searchForm .formItem {
    padding-bottom: 0.5em;
}
.searchForm fieldset.searchItems {
    padding: 0;
    margin: 0;
    border: none;
}
.searchForm label {
    width: 200px;
    padding: 0 10px 2px 0;
    margin: 0;
}
#formItem_field_10316 label,
#formItem_field_10317 label,
#formItem_field_10318 label,
#formItem_field_10319 label,
#formItem_field_10320 label,
#formItem_field_10463 label {
    width: 260px;
}
.searchForm legend {
    display: none;
}
.searchForm input.text {
    width: 520px;
}
.searchForm .inlineFieldset {
    padding-top: 0.1em;
    padding-left: 0;
}
.searchForm .inlineFieldsetLegend {
    width: 200px;
}
.searchForm input.textSmall {
    width: 6em;
    display: inline;
    margin-top: 0em;
    font-size: 1em;
}
.searchForm select {
    width: 368px;
    font-size: 1em;
}
#formItem_field_10316 select,
#formItem_field_10317 select,
#formItem_field_10318 select,
#formItem_field_10319 select,
#formItem_field_10320 select,
#formItem_field_10463 select {
    width: 100px;
}
.searchForm select.selectCombined {
    width: 19.7em;
}
.searchForm input.textCombined {
    width: 20em;
    display: inline;
}
.searchForm .formButton {
    max-width: 720px;
    padding: 1em 0;
    float: right;
}
.searchForm .resetButton {}
.searchForm .infoMessage {
    padding-bottom: 1.5em;
}
#searchForm .resetButton {
    padding-right: 10px;
}
.searchForm .startButton a,
.searchForm .resetButton a {
    font-size: 1.0em;
    text-align: center;
    text-decoration: none;
}
.searchForm .resetButton a,
.searchForm .startButton a {
    color: #000;
    background-color: #a2f4cd;
    padding: 2px 8px 2px 8px;
    font-size: .9375rem;
    line-height: 1.375rem;
    font-family: 'Berthold Akzidenz Grotesk', sans-serif;
    outline: none;
    border-radius: 6.25rem;
    padding: .75rem 1.75rem;
    font-weight: bold;
}
.searchForm .startButton {
    padding-right: 0px;
}
.searchForm .startButton a:hover,
.searchForm .resetButton a:hover {
    background-color: #086156;
    color: rgba(255, 255, 255, 0.9);
}

/* vvvvvvvvvvvvvvvvvv Smart Search Field stuff vvvvvvvvvvvvvvvvvvvvvv */
.searchForm .smartFieldItem {
    height: 2em;
}
.searchForm .smartFieldLabel {
    width: 200px;
    float: left;
}
.searchForm .smartFieldContainer input {
    height: 30px;
    margin-bottom: 2px;
    width: 520px !important;
    background-color: white;
    font-size: 18px;
}
.searchForm .smartFieldContainerOuter {
    position: relative;
    float: left;
    width: 358px;
}
.smartFieldItem .cleaner {
    width: 10px;
    height: 1px;
    background-color: #fff;
    display: none;
}
.searchForm .smartDropdownThesaurusItem .smartFieldContainer .smartFieldThesaurusButton {
    margin-left: 10px;
}
#formItem_field_10315,
#formItem_field_9,
#formItem_field_10308 {
    margin-bottom: 20px;
}
.x-form-field-wrap .x-form-trigger {
    background-image: url('?service=WebAsset&url=images/trigger.gif&contentType=image/gif');
    width: 38px;
    height: 20px;
    border: none;
    margin-left: -39px;
    margin-top: 5px;
}
.x-form-field-wrap .x-form-trigger-over {
    background-position: inherit;
}
.x-form-field {
    font-size: 12px;
    color: #000;
}
.x-form-text,
textarea.x-form-field {
    background: none;
    background-color: #FDFDF9;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.mpComboBox-item {
    font-size: 12px;
    color: #000;
    padding: 2px 3px 2px 3px;
    border: 1px solid #fff;
    white-space: normal;
    overflow: auto;
    text-overflow: ellipsis;
    background-color: #FFFFFF;
}
.mpComboBox-item-selected {
    background: #DFE8F6 none repeat scroll 0 0;
    border: 1px dotted #A3BAE9 !important;
    cursor: pointer;
}
.mpComboBox-item-highlight {
    font-weight: bold;
}
.mpThesaurusDialog {
    z-index: 500;
}
.mpThesaurusDialogBody {
    border: solid 1px #CCCCCC;
}
.mpThesaurusDialogButtonPanel {
    align: right;
    background: #E3E8F3;
    margin-top: 3px;
    margin-left: -3px;
    margin-right: -3px;
    margin-bottom: -3px;
}
.modalBackgroundStyle {
    visibility: visible;
    opacity: 0.6;
    filter: alpha(opacity=60);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: fixed;
    z-index: 499;
    border-style: none;
}
.my-tree-close {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
}
.my-tree-open {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-open.gif) no-repeat 0px 0px;
}
.my-tree-joint-over .my-tree-close {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-close.gif) no-repeat 0px 0px;
}
.my-tree-joint-over .my-tree-open {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/joint-open.gif) no-repeat 0px 0px;
}
.tree-folder,
.tree-folder-open {
    /* display:none; */
    
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px;
}
.my-tree-over .my-tree-icon div,
.my-tree-sel .my-tree-icon div,
.my-tree-icon div {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/tree/leaf.gif) no-repeat 0px 0px;
}
.my-tree-loading .tree-folder {
    background: url(/gwt/ch.zetcom.mp.presentation.gwt.search.SmartSearchField/images/gxt/icons/wait.gif) no-repeat 0px -1px !important;
}

/*^^^^^^^^^ End Smart Search Field Stuff ^^^^^^^^^^^^^^*/

/*#container:not(:target) .searchItems,
#container:target a.open {
    display: none;
}
#container:target .searchItems,
#container:not(:target) a.open {
    display: block;
    float: left;
    width: 100%;
}
a.open,
a.open:hover {
    position: relative;
    z-index: 900;
    font-size: 1.2em;
}*/

/* -----------------------------------------------------------------------------------------------
* Style for ExternalReference page - 
* The page is using IFrame element to display content from external URL
* -----------------------------------------------------------------------------------------------
*/
.externalReferenceFrame {
    height: 650px;
    width: 631px;
}

/* --------------
 * Custom Class: Search Help
 * --------------
 */
.searchHelp,
.searchHistoryLink {
    font-size: 18px;
    padding-bottom: 10px;
    max-width: 720px;
    margin: 0 auto;
    display: block;
}

/* ---------------------
 * Search History Styles
 * ---------------------
 */
#searchHistoryPopupContainer {
    width: 100%;
    font-size: 1.2em;
    background-color: #fff;
    padding: 1em 0 3em 0;
}
#searchHistoryPopupContainer h3 {
    padding-left: 1em;
    font-weight: bold;
    margin-bottom: 1em;
}
#searchHistoryPopupContainer table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
}
#searchHistoryPopupContainer table.searchHistoryTable {
    width: 90%;
}
#searchHistoryPopupContainer .searchHistoryTable td,
#searchHistoryPopupContainer .searchHistoryTable th {
    padding: 0.2em;
    vertical-align: top;
}
#searchHistoryPopupContainer .unFramed {
    width: 2em;
}
#searchHistoryPopupContainer .framed {
    border: 1px solid #999;
}
#searchHistoryPopupContainer .histFieldValueList td {
    padding: 0.1em;
}
#searchHistoryPopupContainer .histFieldValueList .histFieldLabel {
    width: 15em;
    font-weight: bold;
}
#searchHistoryPopupContainer .histResultCount {
    width: 7em;
}
#searchHistoryPopupContainer .histResultCount {
    font-weight: bold;
}
#searchHistoryPopupContainer .histDate {
    width: 12em;
}
#searchHistoryPopupContainer a:hover {
    cursor: pointer;
}
.printonly {
    display: none;
}
.control {
    display: none;
    color: #999;
    font-size: 0.8em;
}
.field {
    color: #999999;
    font-size: 0.92em;
    font-weight: normal;
    padding-right: 15px;
    width: 80px;
}

/* ^^^^^^^^^^^^^^ BOGOTA STYLES FOR HEADER AND FOOTER ^^^ END ^^^^^^^^^^^^^^ */
.mulSpecialURL {
    margin-top: 5px;
    margin-bottom: 5px;
}
.mulSpecialURL .tspTitleLink {
    word-wrap: break-word;
}
.iiifLink {
    display: none;
}
.exhibitionContainerDetailView #fullscreenDiv {
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #E0E0E0;
    padding-left: 0;
    float: inherit;
    padding-right: 0px;
}
#titleAroundBox {
    float: left;
    width: 100%;
    background-color: #F9F9F9;
    margin-bottom: 20px;
    /*added by MZ2 2018-02-06*/
}
#fullscreenDiv {
    display: none;
    clear: both;
    padding: 23.1px 2.25rem 23.1px 0;
    font-size: 18px;
    background-color: #F9F9F9;
    text-align: right;
    width: 14%;
    float: right;
}
.fullscreenLink {
    cursor: pointer;
}
#content .imgBlock {
    width: 33.33%;
    float: left;
    padding: 0 .5rem;
}
.search-input {
    font-size: 16px;
    border: none;
    padding: 8px 10px;
    width: 85%;
}
#top-search .search-input {
    color: #fff;
    background-color: transparent;
}
.search-button {
    background-color: rgba(8, 97, 86, 0.9);
    padding: 9px 0px;
    color: #fff;
    float: right;
    font-size: 16px;
    cursor: pointer;
    width: 15%;
}
.search-links {
    font-size: 14px;
    margin-top: 15px;
}
#toggle-search form {
    width: 35%;
}
#stockholm_aroundbox .search-container {
    padding: 4vw;
}
#top-search {
    border-bottom: 1px solid #908d8d;
}
.header .banner .banner-primary .logo a svg {
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1279px) {
    #fullscreenDiv {
        width: 17%;
    }
    
    h1 {
        width: 63%;
    }
    
    .collectionContainerDetailView .detailItem .backlinks,
    .exhibitionContainerDetailView .detailItem .backlinks {
        width: 20%;
    }
}
@media screen and (max-width: 1023px) {
    #searchForm,
    .searchHelp,
    .searchHistoryLink,
    .detailItem .detailCaptionData,
    .lightbox,
    .contextMenuContainer,
    .collectionContainerDetailView .referenceContainer,
    .backlinks {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    #fullscreenDiv {
        width: 25%;
    }
    
    h1 {
        width: 47%;
    }
    
    .collectionContainerDetailView .detailItem .backlinks,
    .exhibitionContainerDetailView .detailItem .backlinks {
        width: 28%;
    }
    
    .searchForm .formItem {
        margin-top: 2em;
    }
    
    .searchForm input.text {
        width: 320px;
    }
    
    .searchForm .smartFieldContainer input {
        width: 320px !important;
    }
    
    .search-input {
        width: 80%;
    }
    
    .search-button {
        width: 20%
    }
    
    #toggle-search form {
        width: 45%;
    }
    
    .exhibitionContainer .detailListItem {
        height: 460px;
    }
    
    #lightbox_3x4 .lightboxItem {
        margin: 10px 0px 5px 0em;
    }
    
    #lightbox_3x4 .lightboxTextListItem {
        max-width: 424px;
    }
}
@media screen and (max-width: 847px) {
    .exhibitionContainer .detailListItem {
        height: 430px;
    }
}
@media screen and (max-width: 720px) {
    #fullscreenDiv {
        width: 100%;
        padding: 10px 2.25rem;
        text-align: left;
    }
    
    h1 {
        width: 100%;
    }
    
    .collectionContainerDetailView .detailItem .backlinks,
    .exhibitionContainerDetailView .detailItem .backlinks {
        width: 100%;
        padding: 0px 0 0px 2.25rem;
    }
    
    .searchForm input.text {
        width: 100%;
    }
    
    .detailItem .detailCaptionData {
        float: left;
    }
    
    .searchForm .smartFieldContainer input {
        width: 100% !important;
    }
    
    .x-form-field-wrap {
        width: 100% !important;
    }
    
    .searchForm .smartFieldContainerOuter {
        width: 100%;
    }
    
    .smartFieldContainer table {
        width: 100%;
    }
    
    #toggle-search form {
        width: 65%;
    }
    
    .exhibitionContainer .detailListItem {
        height: 390px;
    }
    
    #lightbox_3x4 .lightboxImageListItem {
        width: 37%;
    }
    
    #lightbox_3x4 .lightboxTextListItem {
        margin-left: 3%;
        max-width: 60%;
    }
    
    #lightbox_3x4 .listImg,
    #lightbox_3x4 .listImg img {
        width: 100%;
        height: 100%;
    }
    
    #lightbox_3x4 .lightboxImgInnerContainer {
        width: 100%;
    }
    
    body.browser-ie11 #container .page-header-image-container img {
        background-position: 0px;
    }
    /* added by MZ2 - 2018-02-05 */
}
.exhibitionContainerDetailView .page-header-image-container,
.exhibitionContainerDetailView #stockholm_aroundbox .search-container {
    display: none;
}
#container .page-header-image-container img {
    float: left;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-image: url(?service=WebAsset&url=/images/startPage/hero-image.jpg&contentType=image/jpg);
    /*background-position: 0 -193px;*/
    
    background-position: 0px;
    /* added by MZ2 - 2018-02-05 */
    
    background-repeat: no-repeat;
    /*added by MZ2 - 2018-02-05 */
    
    width: 100%;
}
body.browser-ie11 #container .page-header-image-container img {
    background-position: 0 -193px;
}

/* added by MZ2 - 2018-02-05 */

/* added by MZ2 2018-02-01: for mobile view */
@media screen and (max-width: 480px) {
    #toggle-search form {
        width: 75%;
    }
    
    .exhibitionContainer .detailListItem {
        height: auto;
        margin-bottom: 20px;
        padding: 0;
        width: 100%;
    }
    
    .detailListItem {
        width: 80%;
    }
    
    .detailListItem .listImg img,
    #container .page-header-image-container img {
        max-height: 400px;
    }
    
    #exhibitionDetailItem>.detailImg {
        /*display: none;*/
    }
    
    .collectionContainerDetailView .detailItem .backlinks,
    .exhibitionContainerDetailView .detailItem .backlinks {
        padding-top: 20px;
    }
    
    .detailItem .detailImg a {}
    
    #collectionInlineModule .detailItem .listImg,
    #collectionInlineModule .detailItem .listImg a img {
        height: auto!important;
    }
    
    #collectionInlineModule .detailItem #openseadragon {
        height: 400px!important;
    }
    
    .detailItem li {}
    
    .detailCaptionData .tspPrefix,
    .detailItem .bookmarkLink label,
    .imglistPrefix .tspPrefix,
    .imglistPrefix .tspTitleLinkPrefix,
    .detailPrefix .tspTitleLinkPrefix {
        width: 45%;
        margin-right: 3%;
        word-wrap: break-word;
    }
}