/* CSS document */
/* responsive design */

@media screen and (max-width : 390px)  { 

#backLinkSearch a {background-color: #fff!important;}
#backLinkSearch a .icon{
	background: transparent url(?service=WebAsset&url=/images/includes/MASI_Icons_clearBlack_clear.png&contentType=image/png) no-repeat;
	background-size: auto 34px;}
#container li.elementNavigator {float: right;}
}
@media screen and (max-width : 488px)  {    
#siteNav.adjustHeight {max-width: 100%; width: 100%;}
#siteNav #navButton	{margin: 20px 10px;}
#MASI_logo {margin-left: 4%; }
#MASI_logo img {max-width: 90%; }
/*#siteNav #navButton div {width: 58px!important;}
#siteNav #navButton div i {font-size: 2em; padding: 10px;}*/

/*#container .contextMenu li.contentSortings,
#container .contextMenu li.contentViews, 
.contextMenu label {display: none;}*/

.menuTitle.elementNavigatorCurrent.elementNavigatorFromTo,
.menuTitle.elementNavigatorCurrent {display: none;}
#container li.elementNavigator, #container li.elementNavigator:hover {
    background-color: transparent!important;
	width: auto;
    padding: 0px;
	height: 35px;
	/*margin-right: 3px;*/
}
#container .contextMenu .elementNavigatorBack a .arrowButton .icon {background-position: -127px 0px;}
#container .contextMenu .elementNavigatorNext a .arrowButton .icon {background-position: -191px 2px;}
#container .contextMenu .elementNavigatorBack a:hover .arrowButton .icon {background-position: -140px 0px;}
#container .contextMenu .elementNavigatorNext a:hover .arrowButton .icon {background-position: -210px 0px;}
#container .contextMenu a:hover .arrowButton .icon {background-color: #c61932; background-image: url(?service=WebAsset&url=/images/includes/MASI_Icons_clearBlack.png&contentType=image/png); background-size: auto 35px;}
#container .contextMenu a .arrowButton .icon { background-color: #f4f4f4; background-size: auto 34px;}
#container li.elementNavigator:hover ul {display: none!important;}

#container li.elementNavigator .elementNavigatorBack,
#container li.elementNavigator .elementNavigatorNext { cursor: auto; width: 34px; height: 100%; background-color: transparent; padding: 0px; margin-right: 3px;}
#container li.elementNavigator .elementNavigatorBack a,
#container li.elementNavigator .elementNavigatorNext a,
#container .contextMenu .elementNavigatorBack a .arrowButton, 
#container .contextMenu .elementNavigatorNext a .arrowButton {float: left; cursor: pointer; width: 100%; height: 100%;}
#container .contextMenu a .arrowButton .icon {background-size: auto 32px; width: 100%; height: 100%; margin-top: 0px;}

#container li.elementNavigator ul li a:hover {cursor: auto;}


.filterSection {height: auto; padding: 0px; width: 100%; margin-top: 70px;}
.filterSection form {border-bottom: 1px solid #dcdcdc; float: left; padding: 0 4%; width: 92%; max-width: 92%;}
.referenceContainer,
.searchForm  {width: 92%; padding: 0 4%; }
.searchForm {margin: 110px 0px 40px;}

.searchForm input.textSmall {width: 37.8%;}
.referenceContainer {
	padding: 0 0 40px;
	margin: 0;
	width: 100%;
}

#loginForm  {width: 92%; padding: 0 4%; }
#loginForm {margin: 110px 0px 40px;}

#loginForm input.textSmall {width: 37.8%;}
.referenceContainer {
	padding: 0 0 40px;
	margin: 0;
	width: 100%;
}
.reference {padding: 0px 4%; width: 92%;}

#artistDetail #collectionDetailList { margin-top: 20px !important}

#artistDetail:before {
content: "";
position:absolute;
left:16px;
height: 1px;
width:91.5%;
border-top:1px solid #dcdcdc;
}

.artistContainerDetailView #referenceTab-00 {
margin-left:16px !important;
}

#artistDetail #collectionDetailList {
border-top:none;
}

#container .contextMenu {border: none; float: left; padding: 5px 10px !important; width: 92%; margin-bottom:2%;margin-left:6px;}
.collectionContainerDetailView .contextMenu {display: none}
#backLinkPortfolio {float: right;}
#backLinkCollection, #backLinkArtist {float: left;}
#backLinkPortfolio, #backLinkCollection, #backLinkArtist {position: relative;  z-index: 500;}
#backLinkPortfolio,
#backLinkCollection, #backLinkArtist { padding: 2%;}
#backLinkSearch {

padding: 2%;

}

#backLinkCollection {
    margin-left: 16px !important;
}


#backLinkSearch a .icon {position: absolute; left: 0; background-position: -384px 0px!important; margin-top: 0; top: 0;}

.detailListItem .listImg, .detailListItem .listText {float: left!important; clear: both!important;  margin: 0px!important;}
.detailListItem .listImg {margin-bottom: 4%!important;}

#pageTitle_DetailView {left: 0; position: fixed; padding: 10px 4% 5px; width: 92%; background-color: #fff; top: 54px;}
.detailItem {padding: 4% 0%; width: 100%;}
.detailItem .detailImg {
	margin-top: 45px;
	padding: 0px 4% 4%;
	width: 92%;
	/*margin-bottom: 4%;
	border-bottom: 1px solid #dcdcdc;*/
}
.detailItem .detailText {padding: 0px 0px 4%; width: 100%;}
.detailItem .detailText ul li {padding: 0px 4%; width: 92%;}
.detailItem .detailText .obj_status {border-top: 1px solid #dcdcdc; margin-top: 4%;}
.detailItem .detailText .obj_status:empty {border-top: none;}
.detailItem .detailText .obj_status p {border: none; margin: 0px; padding: 4% 0px 0px;}
.detailItem .detailImg .fancybox .icon {display: none;}
#footerContent {padding: 4%; width: 92%;}
#footerNav { padding: 4% 0px;}
#socialMediaLinks {clear: both; float: left;}

.obj_title1 {padding-right:0 !important}
.obj_dating {padding: 0 !important}

#collectionDetailList .detailListItem {width: 90%!important; font-size: 1em!important; padding: 4% !important;}

#artistReferences-inlineBlock .detailListItem {padding: 4% 0 !important}


.simpleListItem	{    width:100% !important;
    font-size: 1em!important;
    padding: 0 0 2% 4% !important;}
.detailListItem:nth-child(2n),
.simpleListItem:nth-child(3n){border-right: none!important;}
.lightbox {}
.detailList,
.simpleList {margin-top: 182px;}
.detail {margin-top: 54px;}

.collectionContainerDetailView .detail {
 margin-top: 120px !important;
}

div.add-header > div.add-subheader {
    position: relative;
    float: left;
    list-style-type: none;
    margin: 2.2% 0 0 0%;
    padding: 0;
    width: 100%;
}

div.add-header > div.add-subheader > p {
    float: left;
}

div.add-header > img.main-logo {
    margin: 4% 0 0 0;
}

.collectionContainerDetailView .returnToResults {
	margin-left: 17px !important;
	width: 50%;
   }

#collectionDetailList .infoMessage, #lightbox_3x4 .infoMessage, #collectionSimpleList .infoMessage, #collectionDetail .infoMessage {padding: 4%;}

#gototop {padding: 4%;}
}

@media screen and (min-width : 489px) and (max-width : 740px)  { 
.detailListItem {width: 20.85%;}

/*.simpleListItem {width: 15.8%;}*/
}

@media screen and (max-width : 866px)  {
/*#container .contextMenu .contentViews {display: none;}*/
.detailListItem {font-size: 0.8em;}
}

@media screen and (min-width : 2000px)  {
	
.detailListItem {width: 12.6%; padding: 2%;}
.detailListItem:nth-child(6n){border-right: none!important;}
.detailListItem:nth-child(4n){border-right: 1px solid #dcdcdc;}

}