/* general styling */
.grayed {
	opacity:0.5;
}
.warning {
	border:5px solid #cc0000;
	padding:0.5em;
	margin-bottom:1em;
	color:#cc0000;
	font-style:italic;
}
.debug {
	margin-top:1em;
	margin-bottom:1em;
	border:1px dotted red;
	border-radius:3px;
	padding:1em;
}
.left, .right, .none {
	position:relative;
}
.left {
	float:left;
}
.right {
	float:right;
}
.none {
	float:none;
}
.center {
	text-align:center;
}
.justify,.justified {
	text-align:justify;
}
.italic, .emphasis, .em {
	font-style:italic;
}
.bold, .strong {
	font-weight:bold;
}
pre, .pre {
	font-family:Courier,sans-serif;
	font-size:11pt;
}
/* clearable class styling */
.clearable {
	width:92%;
	background:url(http://www.getty.edu/global/r/images/input-field-clear-icon.png) #fafafa no-repeat right -12px center !important;
	border: 1px solid #aaa;
	padding:6px 18px 6px 5px; /* use the same right padding in jQ! */
	font-family:sans-serif;
	font-weight:light;
	font-size:13px;
	outline: 0;
	color:#444;
}
.clearable:hover, .clearable:active, .clearable:focus {
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	color:#666;
}
/* (jQ addClass:) if input has value: */
.clearable.x {
	background-position: right 10px center !important;
}
/* (jQ addClass:) if mouse is over the 'x' input area*/
.clearable.onX {
	cursor:pointer;
}

#qt-maker, #qt-provenance {
	width:100%;
	font-size:1.125em;
	border:1px solid #cbd3dd;
	padding:0 15px;
}
.select2-search-choice {
	top:1px;
	padding:5px 7px 6px 18px !important;
	font-size:10pt;
}
.select2-search-choice-close {
	left:5px !important;
	top:5px !important; 
	/* top:6px !important; for retina displays (add this with a media query) */
}
.select2-no-results {
	font-size:85%;
}
input.search-text, input.select2-input {
	font-size:14px !important;
}
/* the input placeholder styling pseudo-classes must be specified separately, otherwise they will be ignored */
input::-webkit-input-placeholder {
	color:#cccccc !important;
}
input:-moz-placeholder {
	color:#cccccc !important;
}
input::-moz-placeholder {
	color:#cccccc !important;
}
input:-ms-input-placeholder {
	color:#cccccc !important;
}
input::input-placeholder {
	color:#cccccc !important;
}
input.select2-input {
	color:#cccccc !important;
}
div.select2-container-active input.select2-input, input[type='text']:focus {
	color:#626262 !important;
}
input.select2-input {
	/* adjust margins */
	margin-left:2px !important;
}
.select2-container .select2-search-field,
.select2-container .select2-input {
	width: 100% !important
}
input.truncate {
	height:36px;
	border:1px solid #aaaaaa !important;
}
ul.has-inputs.filter-list {
	margin-top:0;
}
ul.has-inputs.filter-list li {
	font-size:inherit;
	padding-left:0;
	margin-bottom:0;
	padding-bottom:0;
	margin-left:10px;
}
ul.has-inputs.filter-list li label {
	
}
select[name='sort'] {
	margin-bottom:0.5em;
}
.icon-caret-down {
	position:relative;
	top:-5px !important;
}
.filter_state {
	cursor:default !important;
}
/* date range slider styling */
.layout { padding: 100px; }
.layout-slider {
	margin-left:2px;
	margin-right:2px;
}
.layout-edit {
	display:none;
	margin-top:1em;
	position:relative;
}
.jslider-text-field {
	border-radius:3px;
	border:1px solid gray;
	padding:3px;
	text-align:center;
	width:40px;
	font-size:11px;
	margin-right:3px;
}
.jslider-select-era {
	width:48px !important;
	font-size:11px;
}
input#button-reset-date-range {
	width:100%;
	padding:4px 0px !important;
	height:22px;
	font-size:12px !important;
	line-height:12px !important;
}
/* form button styling slider styling */
.button.truncate.round.small {
	font-size:14px;
	padding:8px 6px !important;
	position:relative;
}
.button.truncate.round.small.reset {
	width:39%;
	float:left;
}
.button.truncate.round.small.search {
	width:59%;
	float:right;
}
/* form label and header styling */
div.label_and_checkbox_row {
	position:relative;
	margin:0 0 0 0 !important;
	height:20px;
	overflow:hidden;
}
div.label_and_checkbox_row_label {
	margin-bottom:0 !important;
	padding-bottom:0;
	position:relative;
	float:left;
	bottom:4px;
	font-size:12pt;
}
div.label_and_checkbox_row_checkbox label {
	font-size:10pt;
}
div.label_and_checkbox_row_checkbox {
	display:inline !important;
	margin-bottom:0 !important;
	padding-bottom:0;
	position:relative;
	float:right;
	text-align:right;
	bottom:-1px;
}
div.label_and_checkbox_row.date_range {
	margin:0em 0 1em 0 !important;
	height:1em;
}
div.label_and_checkbox_row.date_range div.label_and_checkbox_row_label {
	font-size:11pt;
	bottom:0;
}
/* ensure that the <label> tag is displayed inline */
div.label_and_checkbox_row label {
	display:inline-block !important;
}
div#right-column h5 {
	font-size:85%;
	margin-bottom:0 !important;
	/* margin-top:5px !important; */
	padding:0;
}
div#right-column br {
	margin-bottom:0 !important;
	margin-top:5px !important;
	padding:0;
}

div#right-column h5.title,
div.search-terms h5.title {
	background-color:#ccc;
	border-bottom:1px solid #b7b7b7;
	color:#000;
	font-size:1.0625em;
	font-weight: normal;
	padding:0.625em;
}
/* grid/list view styling */
.view-options {
	position:relative;
	float:left;
	margin-left:8px;
	margin-top:2px;
	margin-right:6px;
}
button.view,
button[name="view"]
{
	width:34px !important;
	padding:4px 1px 3px 1px;
}
.icon_view {
	padding:6px 3px;
	width:30px;
	font-family:"GettyWeb";
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	color:#444444;
}
.icon_view.grid:after,
button[name="view"][value="grid"]
{
	content:"\e616";
}
.icon_view.list:after,
button[name="view"][value="list"]
{
	content:"\e617";
}
.icon_view.selected {
	color:#ffffff;
}
/* layout styling */
/* remove the unnecessary margin/padding at the top of the results */
div.small-12.columns.tile-bg-60.tile.hide-for-small.hide-for-medium > div {
	margin:0;
	padding:0;
}
/* adjust the top margin of the viewing totals so that they are middle aligned with the pagination controls */
p.viewing-totals {
	margin-top:0.35em;
}
p.viewing-totals.pages {
	margin-top:0.5em;
	margin-left:0.1em;
	font-size:90%;
}
/* float the pagination controls over to the right, applying a small margin at the top */
div.pagination-controls {
	position:relative;
	float:right;
	margin-top:3px;
}
ul.pagination {
	left:0;
	margin-right:0;
}
dd.filter_state {
	margin-top:3px;
	border-radius:5px;
	padding:12px 12px 8px 12px !important;
}
dd.filter_state span {
	line-height:1em;
	margin-top:0.5em;
	padding:0 0 0.5em 0;
	min-width:60px;
}
/* search terms summary area styling */
div.row.search-terms div.columns div.small-12.columns {
	margin:0 0.75em 0 0.75em;
}
div.search-terms p {
	margin:0.35em 0 0.5em 0;
}
div.search-terms dl#search-terms {
	display:block;
	margin-top:0px;
	padding-bottom:14px;
}
div#content hr.ruler {
	margin-top:0;
	margin-bottom:1.25em;
}
div#content table.list-view {
	width:100%;
	border:0;
	border-collapse:separate;
	border-spacing:0 15px;
	margin-top:-15px;
}
div#content table.list-view tr {
	padding:0;
}
div#content table.list-view tr td {
	vertical-align:top;
	margin:0;
}
div#content table.list-view tr td:nth-child(1) {
	width:100px;
	padding:0;
}
div#content table.list-view tr td:nth-child(2) {
	padding:5px 5px 0 10px;
}
div#content table.list-view tr td:nth-child(3) {
	text-align:right;
}
div#content table.list-view figure {
	margin:0 !important;
	padding:0 !important;
}
div#content table.list-view figcaption {
	margin:0;
	padding:0;
	font-size:inherit;
}
div#content table.list-view figcaption p, div#content ul li figcaption p {
	margin-bottom:0;
}
div#content .object_number {
	color:#888888;
}
div#content table.list-view div.thumbnail-image {
	background-color:#eee;
	background-repeat:no-repeat;
}
div#content table.list-view div.missing-image {
	width:100px;
	text-align:center;
	color:#999;
	border:1px dotted #999;
	background-color:#eee;
	background-repeat:no-repeat;
}
div#content table.list-view div.missing-image > div {
	margin:0 !important;
	padding:1em 0 0 0 !important;
}
/* explore art page styling */
#art-index-search > div {
	padding-top:16px !important;
}
#art-index-search.visual > div,
#art-index-search.highlights > div {
	padding-top:9px !important;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
div.checkbox-buttons {
	margin:0;
	padding:0;
	margin-bottom:1em;
}
div.checkbox-buttons .option-button {
	width:115px;
	height:115px;
	position:relative;
	float:left;
	list-style:none;
	margin:0 1em 0 0;
	padding:0;
	background-color:gray;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	border:1px solid black;
	box-shadow:2px 2px rgba(0,0,0,0.2);
}
div.checkbox-buttons .option-button .fill {
	position:absolute;
	width:115px;
	height:115px;
	background-color:rgba(0,0,0,0.3);
	color:#ffffff;
	text-shadow: 1px 1px rgba(0,0,0,0.7);
}
/* div.collecting-departments .department .fill:hover, */
div.checkbox-buttons .option-button .fill.checked {
	background-color:rgba(0,0,0,0.0);
}
/*
div.collecting-departments .department .fill:hover div.collecting-departments .department .name {
	color:black;
}
*/
div.checkbox-buttons .option-button .name {
	z-index:1;
	position:absolute;
	left:0;
	top:0;
	padding:0.75em;
	font-weight:bold;
	font-size:10.5pt;
}
div.checkbox-buttons .option-button .checkbox {
	position:absolute;
	right:0;
	bottom:0;
}
div.checkbox-buttons input[type='checkbox'] {
	visibility:hidden;
}
div.checkbox-buttons .checkmark {
	width:29px;
	height:29px;
	position:relative;
	right:8px;
	bottom:8px;
	background-image:url(../images/checkmark_checked_translucent_blue.png);
	background-repeat:no-repeat;
	background-size:29px 29px;
}
div.checkbox-buttons .checkmark.checked {
	background-image:url(../images/checkmark_checked_blue.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	div.checkbox-buttons .checkmark {
		background-image:url(../images/checkmark_checked_translucent_blue@2x.png);
	}
	
	div.checkbox-buttons .checkmark.checked {
		background-image:url(../images/checkmark_checked_blue@2x.png);
	}
}

/* taller option button styling */
div.checkbox-buttons {
	margin-left:2px;
}
div.checkbox-buttons .option-button,
div.checkbox-buttons .option-button .fill {
	width:138px;
	height:180px;
	margin:0 15px 0 0;
	text-shadow: 1px 1px rgba(0,0,0,0.3);
}

div.checkbox-buttons .option-button .name {
	width:136px;
	height:50px;
	background-color:rgba(0,0,0,1.0);
	/*
	background-clip: border-box;
	background-attachment: scroll;
	background-origin: padding-box;
	*/
	background-color: rgb(103, 103, 103);
	background-image: none;
	background-size: auto;
	background-color: rgb(103, 103, 103);
	background-image: linear-gradient(to right bottom, rgb(153, 153, 153) 0%, rgb(103, 103, 103) 100%);
	border-bottom:1px solid black;
	/*
	-webkit-appearance: none;
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	-webkit-box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 1px 0px;
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: background-color;
	-webkit-transition-timing-function: ease-out;
	*/
}

div.checkbox-buttons .option-button {
	background-position:center 36px;
}

/* small screened mobile devices */
@media only screen and (max-width: 767px) {
	div.checkbox-buttons .option-button,
	div.checkbox-buttons .option-button .fill
	{
		width:120px;
		height:180px;
	}
	div.checkbox-buttons .option-button,
	div.checkbox-buttons .option-button .fill
	{
		margin:0 8px 8px 0;
	}
	div.checkbox-buttons .option-button .name {
		width:118px;
		height:62px;
	}
	button[type='submit'] {
		width:42px;
		height:35px;
	}
}

.carousel-prev {
	position:relative;
	top:-2px !important;
	left:-3px !important;
}
.carousel-next {
	position:relative;
	top:-2px !important;
	right:0px !important;
}