#sidebar { display: none !important; }

#main-content .container::before
{
	display: none !important;
	background-color: rgba(237,237,215,0.68);
}

#left-area { width: 100% !important; }

.artist-search .more-buttons .more-button,.artist-list-default .more-button,.magazine-list .pagination .button,.label-details .buttons a
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	width: 7em;
	padding: 0;
	margin: 1em 0 2em;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 3em;
}

.artist-search .more-buttons .more-button:hover,.artist-list-default .more-button:hover,.magazine-list .pagination .button:hover,.label-details .buttons a:hover
{
	border: solid 1px #a0d5dc;
	background: #f1fdfe;
}

.breadcrumb { margin-bottom: 1em; }

.artist-search form
{
	display: flex;
	font-size: 1.5em;
	margin-bottom: 1em;
}

.artist-search form [type=text]
{
	-moz-border-radius: 0.2em 0 0 0.2em;
	-webkit-border-radius: .2em;
	border-radius: 0.2em 0 0 0.2em;
	flex: 1 1;
	font-size: inherit;
	border: 1px solid #a5a5a5;
}

.artist-search form button
{
	-moz-border-radius: 0 0.2em 0.2em 0;
	-webkit-border-radius: 0;
	border-radius: 0 0.2em 0.2em 0;
	flex: 0 0 2em;
	font-family: ETModules;
	font-size: inherit;
	border: 1px solid #a5a5a5;
	color: #666;
	background-color: #ddd;
}

.artist-search .search-header
{
	color: #333;
	margin-bottom: .5em;
	line-height: 3em;
}

.artist-search .search-header span
{
	background-color: #ddd;
	margin-right: 2px;
	font-weight: bold;
}

.artist-search .search-header span:nth-child(3) { margin: 0; }

.artist-search .search-header .desc::after
{
	content: '\33';
	font-family: ETModules;
	font-weight: bold;
}

.artist-search .search-header .asc::after
{
	content: '\32';
	font-family: ETModules;
	font-weight: bold;
}

.artist-search .row
{
	display: flex;
	flex-direction: row;
	line-height: 2em;
	margin-bottom: .5em;
}

.artist-search .row span:nth-child(1) { flex: 0 0 80px; }

.artist-search .row span:nth-child(1) img
{
	display: block;
	width: 80px;
	height: 80px;
}

.artist-search .row span:nth-child(3)
{
	flex: 0 0 80px;
	text-align: center;
}

.artist-search .row span:nth-child(2)
{
	flex: 1 1;
	padding: 0 1em;
}

.artist-search .row a { color: #333; }
.artist-search .more-buttons { text-align: center; }

.autocomplete
{
	display: none;
	position: absolute;
	padding: 0 !important;
	margin: -11px 0 0;
	z-index: 2;
	background-color: rgba(237,237,215,0.68);
}

.autocomplete.visible { display: block; }

.autocomplete li
{
	padding: .4em;
	margin: 0;
	background-color: rgba(237,237,215,0.68);
	border-color: #bbb;
	border-width: 0 1px 1px;
	border-style: solid;
	list-style: none;
}

.autocomplete li:first-child { border-top-width: 1px; }

.autocomplete li:last-child
{
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.autocomplete li:hover { background-color: #ddd; }

.artist-list-default .initials
{
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 2em;
}

.artist-list-default .artist
{
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	min-height: 200px;
	margin-bottom: 2em;
}

@media all and (max-width: 479px)
{
	.artist-list-default .artist { font-size: .75em; }
}

.artist-list-default .artist:after
{
	content: ' ';
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}

.artist-list-default .artist .thumb
{
	-webkit-flex: 0 0 210px;
	flex: 0 0 210px;
}

.artist-list-default .artist .thumb img
{
	float: left;
	width: 200px;
	height: 200px;
	margin-right: 2em;
}

@media all and (max-width: 768px)
{
	.artist-list-default .artist .thumb img
	{
		width: 150px;
		height: 150px;
	}
}

@media all and (max-width: 479px)
{
	.artist-list-default .artist .thumb img
	{
		width: 100px;
		height: 100px;
	}
}

.artist-list-default .artist .details
{
	-webkit-flex: 1 1;
	flex: 1 1;
}

.artist-list-default .artist .details h4 { font-size: 1.5em; }

.artist-list-default .artist .assets-list
{
	-webkit-flex: 1 1;
	flex: 1 1;
	padding-top: 2em;
}

.artist-list-default .artist .assets-list .asset
{
	float: left;
	padding: 0 .5em .5em 0;
}

.artist-list-default .artist .assets-list .asset img { height: 140px; }

.artist-list-default .artist h6
{
	text-shadow: #b7b7b7 -1px -1px 0,#b7b7b7 1px 1px 0,#b7b7b7 1px -1px 0,#b7b7b7 -1px 1px 0;
	-webkit-flex: 0 0 1.5em;
	flex: 0 0 1.5em;
	position: relative;
	font-size: 5em;
	line-height: 1.25em;
	text-align: right;
	float: right;
	font-family: 'Open-Sans', Arial, sans-serif;
	color: rgba(237,237,215,0.68);
	z-index: 1;
}

#ie8 .artist-list-default .artist h6 { color: #000; }

.artist-list-default .artist h6:before
{
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	content: '';
	position: absolute;
	right: 0;
	width: .25em;
	height: .25em;
	border: 0.25em solid #ddd;
	z-index: -1;
}

#ie8 .artist-list-default .artist h6:before { border: 0; }
.artist-list-default .buttons { text-align: center; }
.record-details-default { margin-bottom: 3em; }

.record-details-default h4
{
	font-size: 1.2em;
	font-weight: bold;
}

.record-details-default a
{
	text-decoration: underline;
	cursor: pointer;
}

.record-details-default .image-host { display: none; }
.record-details-default .image-host.visible { display: block; }

.record-details-default .image
{
	float: left;
	position: relative;
	max-width: 400px;
	width: 100%;
	margin: 0 1em 3em 0;
}

@media all and (max-width: 768px)
{
	.record-details-default .image { float: none; }
}

.record-details-default .image .image-host
{
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 0;
	z-index: 0;
}

.record-details-default .image img
{
	position: relative;
	width: 100%;
}

.record-details-default .image .zoom
{
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: .2;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	position: absolute;
	line-height: 1em;
	font-size: 1.4em;
	text-align: center;
	bottom: 1.4em;
	right: 0;
	padding: .5em;
	margin: .5em;
	border: 2px solid #fff;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
	cursor: pointer;
}

.record-details-default .image .zoom:hover { opacity: 1; }

.record-details-default .image .zoom:before
{
	font-family: 'ETmodules';
	content: '\54';
	font-size: 1em;
	color: #fff;
	font-weight: bold;
}

.record-details-default .image .flip
{
	position: relative;
	width: 200px;
	margin-top: .5em;
	font-size: 1.4em;
	font-weight: bold;
	cursor: pointer;
	color: #a5a5a5;
}

.record-details-default .image .flip span { padding-left: .3em; }

.record-details-default .image .flip:before
{
	content: '\e02a';
	font-size: .8em;
	font-family: 'ETmodules';
}

.record-details-default .image em
{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
}

.record-details-default .asset-list { width: 100%; } 

@media all and (max-width: 980px)
{
	.record-details-default .asset-list img
	{
		max-width: 150px;
		max-height: 150px;
	}
}

@media all and (max-width: 768px)
{
	.record-details-default .asset-list { width: 80%; }
}

.artist-item .biography { margin: -1.5em 0 2em; }

.artist-item .asset-list img
{
	max-height: 100px;
	max-width: 100px;
	margin-right: .5em;
}

.magazine-list .download-link
{
	display: inline-block;
	margin-bottom: 1em;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #2ea3f2;
	cursor: pointer;
}

.magazine-list .search-box
{
	position: relative;
	margin-bottom: 3em;
}

.magazine-list .search-box [type='submit']
{
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0;
	border-radius: 0 3px 3px 0;
	position: absolute;
	right: 0;
	height: 40px;
	width: 9em;
	margin: 0;
	padding: .7em;
	border: 1px solid #ddd;
	background-color: #ddd;
	color: #666;
	font-size: 14px;
	line-height: normal;
}

.magazine-list .search-box [type='text']
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: .7em 9em .7em .7em;
	border: 1px solid #ddd;
	color: #666;
	font-size: 14px;
	line-height: normal;
}

.magazine-list fieldset
{
	margin-top: 1em;
	text-align: center;
}

.magazine-list fieldset .title
{
	display: inline-block;
	margin-right: 1em;
	font-weight: bold;
}

.magazine-list fieldset .selector
{
	display: inline-block;
	margin-right: 2em;
}

.magazine-list .item
{
	margin-bottom: 3em;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.magazine-list .link
{
	display: inline-block;
	position: relative;
	text-decoration: none;
	margin: .2em .2em .2em 0;
	cursor: pointer;
}

.magazine-list .link span
{
	display: inline-block;
	width: 1.4em;
	text-align: right;
}

.magazine-list .link .image-host
{
	position: relative;
	width: 84px;
	height: 113px;
}

.magazine-list .link img
{
	background-color: #ddd;
	border: 1px solid #a5a5a5;
	width: 6em;
	min-height: 5em;
	vertical-align: top;
}

.magazine-list .thumb
{
	position: relative;
	float: left;
	width: 150px;
	height: 193px;
	margin-right: 1em;
	border: 1px solid #a5a5a5;
	background-color: rgba(234,234,208,0.68);
	background-size: cover;
}

.magazine-list .hits
{
	position: relative;
	width: 50%;
	margin: 1em 0 3em;
}

.magazine-list .hits h5 { padding-bottom: .5em; }
.magazine-list .nothing-found { margin-bottom: 4em; }
.magazine-list .pagination { text-align: center; }

.magazine-list .pagination .button
{
	left: 0;
	margin: inherit;
	margin-bottom: 3em;
}

.magazine-list p { display: inline; }
.magazine-issue .pdf-link { margin-bottom: 1em; }

.magazine-issue .issue-page
{
	display: inline-block;
	width: 150px;
	height: 193px;
	background-size: cover;
	margin: 0 1em 2em 0;
	background-color: #ddd;
	border: 1px solid #a5a5a5;
	cursor: pointer;
}

.magazine-browse .issue
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin: 0 1% 4em 0;
	line-height: 1em;
}

@media all and (max-width: 980px)
{
	.magazine-browse .issue { width: 48%; }
}

@media all and (max-width: 768px)
{
	.magazine-browse .issue { width: 100%; }
}

.magazine-browse .thumb
{
	float: left;
	width: 150px;
	height: 193px;
	margin: 0 .5em .5em 0;
	background-size: contain;
	cursor: pointer;
}

@media all and (max-width: 479px)
{
	.magazine-browse .thumb
	{
		display: block;
		float: none;
	}
}

.magazine-browse h3 { font-size: 16px; }

.zoom-view
{
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	overflow: hidden;
	z-index: 100001;
}

.zoom-view.visible { opacity: 1; }
.zoom-view.active { display: block; }

.zoom-view .modal,.zoom-view .bg
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.zoom-view .slider
{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	overflow: auto;
}

.zoom-view .slider .bg { z-index: 0; }

.zoom-view .slider img
{
	position: relative;
	margin: 1em 0;
	z-index: 1;
}

.zoom-view .caption
{
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	text-shadow: #000 1px 1px 0;
	display: none;
	background-color: rgba(0,0,0,0.6);
	margin: 0 5%;
	padding: 1em;
	color: rgba(237,237,215,0.68);
}

.zoom-view .caption.visible { display: inline-block; }

.zoom-view .close
{
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	-moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	font-size: 2em;
	margin: 1em;
	border: 2px solid rgba(237,237,215,0.68);
	background-color: rgba(237,237,215,0.2);
	cursor: pointer;
	z-index: 2;
}

.zoom-view .close:before
{
	font-family: 'ETmodules';
	content: '\53';
	color: #fff;
	font-weight: bold;
}

.zoom-preview
{
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	overflow: hidden;
	text-align: center;
	z-index: 100002;
}

.zoom-preview.visible
{
	display: block;
	opacity: 0;
}

.zoom-preview.active { opacity: 1; }

.zoom-preview .bg
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.zoom-preview .image-host
{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: center;
}

.zoom-preview .busy
{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	z-index: 2;
}

.zoom-preview .busy.visible { display: block; }

.zoom-preview .busy .spinner
{
	-moz-animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
	display: inline-block;
	font-size: 5em;
	font-family: ETmodules;
	position: absolute;
	left: 50%;
	top: 50%;
	line-height: 1em;
	margin-top: -.5em;
	margin-left: -.5em;
	color: rgba(237,237,215,0.68);
}

@keyframes spin{to{transform:rotate(360deg)}}

.zoom-preview .icon
{
	text-shadow: rgba(0,0,0,0.8) 2px 2px 2px;
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	position: absolute;
	top: 50%;
	margin-top: -.5;
	font-size: 5em;
	line-height: 1em;
	font-family: 'ETmodules';
	color: rgba(237,237,215,0.68);
	opacity: .5;
	z-index: 1;
	cursor: pointer;
}

@media all and (max-width: 768px)
{
	.zoom-preview .icon { font-size: 5em; }
}

.zoom-preview .icon:hover { opacity: 1; }
.zoom-preview .icon.prev { left: .1em; }
.zoom-preview .icon.next { right: .1em; }

.zoom-preview .icon.close
{
	top: .1em;
	margin-top: 0;
	right: .1em;
	z-index: 3;
}

.zoom-preview .button
{
	-moz-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	position: fixed;
	opacity: .3;
	z-index: 3;
}

.zoom-preview .button:after
{
	text-shadow: rgba(0,0,0,0.6) 2px 2px 2px;
	color: #ddd;
	position: fixed;
	font-family: 'ETmodules';
	font-size: 5em;
	cursor: pointer;
}

.zoom-preview .button:hover { opacity: 1; }

.zoom-preview .button.close:after
{
	content: '\4d';
	right: .5em;
	top: .5em;
}

.zoom-preview .button.shrink:after
{
	display: none;
	content: '\2f';
	left: .5em;
	bottom: .5em;
	font-size: 4em;
}

.zoom-preview .button.expand:after
{
	content: '\30';
	left: .5em;
	bottom: .5em;
	font-size: 4em;
}

.zoom-preview .image
{
	display: inline-block;
	position: relative;
	height: 100%;
	top: 0;
	left: 0;
}

.zoom-preview .image img
{
	background-color: rgba(0,0,0,0.6);
	height: 100%;
}

@media all and (max-width: 980px)
{
	.zoom-preview .image img { max-width: 980px; }
}

@media all and (max-width: 768px)
{
	.zoom-preview .image img { max-width: 768px; }
}

@media all and (max-width: 479px)
{
	.zoom-preview .image img { max-width: 479px; }
}

.zoom-preview.expanded { overflow: auto; }
.zoom-preview.expanded .image { height: auto; }
.zoom-preview.expanded img { height: auto; }
.zoom-preview.expanded .button.shrink:after { display: initial; }
.zoom-preview.expanded .button.expand:after { display: none; }
.social-media { margin: 1em 0; }

.social-media a
{
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	-webkit-transition: color 300ms;
	transition: color 300ms;
	font-family: 'ETmodules';
	font-size: 25px;
	color: #a5a5a5;
	text-decoration: none;
}

.social-media a:hover { color: #000; }

.recordlist-widget
{
	position: relative;
	width: 350px;
	float: left;
	margin-right: 1em;
	padding: 1em;
	border: 1px solid #ddd;
}

@media all and (max-width: 768px)
{
	.recordlist-widget { width: 250px; }
}

@media all and (max-width: 479px)
{
	.recordlist-widget { width: 100%; }
}

.recordlist-widget.align-right
{
	float: right;
	margin-left: 1em;
	margin-right: 0;
	padding: 1em;
}

.recordlist-widget .item
{
	margin-bottom: 1em;
	vertical-align: top;
}

.recordlist-widget h3 { font-weight: bold; }

.recordlist-widget img
{
	float: left;
	margin-right: .5em;
}

.recordlist-widget a
{
	display: block;
	color: #333;
	text-decoration: underline;
}

.recordlist-widget a.title { font-weight: bold; }

.recordlist-widget ol
{
	margin: 0 0 0 2em;
	padding: 0 !important;
	list-style-position: outside !important;
}

.recordlist-widget li { line-height: 1.4em; }
.label-details .label-records { margin-top: 2em; }
.label-details .artist { margin-bottom: 2em; }

.label-details .artist:after
{
	content: '';
	display: block;
	clear: both;
}

.label-details .artist .cover-host
{
	float: left;
	margin-right: 1em;
}

.label-details .artist img
{
	position: relative;
	width: 200px;
	height: 200px;
}

@media all and (max-width: 768px)
{
	.label-details .artist img
	{
		width: 100px;
		height: 100px;
	}
}

.label-details .buttons { text-align: center; }
.asset-list { margin-bottom: 3em; }

.asset-list:before
{
	content: ' ';
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}

.asset-list .asset
{
	display: inline-block;
	position: relative;
}

.asset-list .asset>div
{
	margin-right: 1em;
	margin-bottom: 1em;
	line-height: 0;
}

.asset-list img
{
	position: relative;
	max-height: 200px;
	width: auto;
	cursor: pointer;
}

@media all and (max-width: 768px)
{
	.asset-list img { height: 100px; }
}

.magnifiable
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 3;
	cursor: pointer;
}

.magnifiable .guide,.magnifiable .interactiveLayer
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media all and (max-width: 980px)
{
	.magnifiable .guide,.magnifiable .interactiveLayer { display: none; }
}

.magnifiable .guide
{
	display: none;
	box-sizing: border-box;
	background-image: url("../img/mesh2.gif");
}

.magnifiable .guide.visible { display: block; }

.magnifier-output
{
	display: none;
	position: fixed;
	min-width: 100px;
	min-height: 100px;
	background-color: #a5a5a5;
	z-index: 3;
}

.magnifier-output.visible { display: block; }

.live-preview-host
{
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	width: 50%;
	z-index: 100000;
}

.live-preview-host.visible { display: block; }

.live-preview-host img
{
	position: relative;
	max-height: 100%;
}

.external-links { margin-bottom: 1em; }

.external-links .no-link
{
	display: block;
	position: relative;
	width: 80px;
	height: 28px;
	background-image: url("../img/badge_itunes-sm.gif");
}

.external-links .link { display: inline-block; }

.external-links a
{
	display: inline-block;
	width: 161px;
	height: 58px;
	overflow: hidden;
}

.external-links a span { display: none; }

.external-links a::before
{
	content: '';
	position: absolute;
	width: inherit;
	height: inherit;
}

.external-links a.itunes::before { background-image: url("../img/link-itunes.png"); }
.external-links a.wikipedia::before { background-image: url("../img/link-wikipedia.png"); }

.external-links .side
{
	-moz-border-radius: 22.5px;
	-webkit-border-radius: 22.5px;
	border-radius: 22.5px;
	display: inline-block;
	position: relative;
	width: 45px;
	height: 45px;
	margin: 8px 12px 0 0;
	line-height: 43px;
	font-size: 33px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: rgba(237,237,215,0.68);
}

.external-links .side.a-side { background-color: #ed8844; }
.external-links .side.a-side::before { content: 'A'; }
.external-links .side.b-side { background-color: #0076c2; }
.external-links .side.b-side::before { content: 'B'; }
.tabular-record-list { padding-bottom: 2em; }

@media all and (max-width: 768px)
{
	.tabular-record-list .filter,.tabular-record-list .labels
	{
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
		display: none;
		position: fixed;
		width: 250px;
		left: 50%;
		top: 50%;
		padding: 0 1em 1em;
		transform: translateX(-50%) translateY(-50%);
		border: 1px solid #a5a5a5;
		background-color: rgba(237,237,215,0.68);
		z-index: 2;
	}
	
	.tabular-record-list .filter::before,.tabular-record-list .labels::before
	{
		content: '';
		display: block;
		width: 100%;
		padding: .5em 0;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.tabular-record-list .filter.visible,.tabular-record-list .labels.visible { display: block; }
	
	.tabular-record-list .filter button,.tabular-record-list .labels button
	{
		width: 50%;
		left: 50%;
		margin: .5em 0 0 -25%;
	}
	
	.tabular-record-list .filter [type=submit],.tabular-record-list .labels [type=submit] { display: block; }
	.tabular-record-list .filter { display: none; }
	
	.tabular-record-list .filter.no-results
	{
		position: relative;
		transform: translateX(-50%);
	}
	
	.tabular-record-list .filter::before { content: 'Filter'; }
	
	.tabular-record-list .filter>div
	{
		display: flex;
		margin-bottom: .5em;
	}
	
	.tabular-record-list .filter>div:nth-child(1) { display: none; }
	
	.tabular-record-list .filter span
	{
		flex: 0 0 60px;
		font-size: 1em;
		padding: 0 10px 0 0;
		text-align: right;
	}
	
	.tabular-record-list .filter input,.tabular-record-list .filter select { width: 100%; }
	.tabular-record-list .labels::before { content: 'Sorting'; }
	
	.tabular-record-list .labels .label
	{
		line-height: 2em;
		border-radius: .2em;
		padding: .2em 1em;
		margin-bottom: .4em;
		border: 1px solid transparent;
		background-color: rgba(229,229,197,0.68);
	}
	
	.tabular-record-list .labels .label:hover
	{
		border: 1px solid #a0d5dc;
		background-color: #f1fdfe;
	}
	
	.tabular-record-list .labels .sortable
	{
		float: right;
		height: 2em;
	}
	
	.tabular-record-list button
	{
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		position: relative;
		border: 0;
		font-size: 1.2em;
		color: #333;
		cursor: pointer;
	}
	
	.tabular-record-list button:hover { background-color: #ddd; }
	
	.tabular-record-list .mini-tools
	{
		-moz-transition: width 300ms;
		-o-transition: width 300ms;
		-webkit-transition: width 300ms;
		transition: width 300ms;
		display: flex;
		flex-direction: row-reverse;
		height: 34px;
		width: 34px;
		margin-bottom: .5em;
		overflow: hidden;
		white-space: nowrap;
	}
	
	.tabular-record-list .mini-tools button
	{
		flex: 1 1;
		margin: 0;
		height: 34px;
		border: 1px solid #a5a5a5;
		vertical-align: top;
	}
	
	.tabular-record-list .mini-tools button.disable,.tabular-record-list .mini-tools button.enable
	{
		flex: 0 0 34px;
		background-color: rgba(237,237,215,0.68);
	}
	
	.tabular-record-list .mini-tools button.disable { display: none; }
	.tabular-record-list .mini-tools.expanded { width: 100%; }
	.tabular-record-list .mini-tools.expanded .disable { display: inline-block; }
	.tabular-record-list .mini-tools.expanded .enable { display: none; }
	
	.tabular-record-list .record-row
	{
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		min-height: 110px;
		margin-bottom: 10px;
		border: 1px solid #a5a5a5;
		padding: .5em;
	}
	
	.tabular-record-list .record-row>div
	{
		display: inline-block;
		margin-left: 110px;
		line-height: 1.4em;
		margin-bottom: .25em;
	}
	
	.tabular-record-list .record-row>div:nth-child(1)
	{
		position: absolute;
		width: 100px;
		height: 100px;
		margin: 0;
		background-color: #333;
	}
	
	.tabular-record-list .record-row>div:nth-child(1) img
	{
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	.tabular-record-list .record-row>div:nth-child(2),.tabular-record-list .record-row>div:nth-child(3),.tabular-record-list .record-row>div:nth-child(4) { display: block; }
	.tabular-record-list .record-row>div:nth-child(6),.tabular-record-list .record-row>div:nth-child(8),.tabular-record-list .record-row>div:nth-child(9) { margin-left: 0; }
	.tabular-record-list .record-row .asset-list,.tabular-record-list .asset-row { display: none; }
}

@media all and (min-width: 769px)
{
	.tabular-record-list .mini-tools,.tabular-record-list h5,.tabular-record-list button,.tabular-record-list .filter>div span { display: none; }
	
	.tabular-record-list .recordlist-header
	{
		position: absolute;
		width: 100%;
		z-index: 1;
	}
	
	.tabular-record-list .scrollable-recordlist { padding-top: 62px; }
	
	.tabular-record-list .labels,.tabular-record-list .filter
	{
		padding: 0 .5em;
		background-color: #ddd;
	}
	
	.tabular-record-list .labels>div,.tabular-record-list .filter>div
	{
		text-align: center;
		vertical-align: top;
		white-space: nowrap;
	}
	
	.tabular-record-list .labels select,.tabular-record-list .filter select
	{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.tabular-record-list .labels
	{
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px;
		border-radius: 6px 6px 0 0;
	}
	
	.tabular-record-list .labels,.tabular-record-list .filter,.tabular-record-list .record-row { display: flex; }
	
	.tabular-record-list .labels>div,.tabular-record-list .filter>div,.tabular-record-list .record-row>div
	{
		flex: 1 1;
		position: relative;
		text-align: center;
		overflow: hidden;
		margin: 0 .1em;
	}
	
	.tabular-record-list .labels>div:nth-child(1),.tabular-record-list .labels>div:nth-child(2) .asset-list,.tabular-record-list .filter>div:nth-child(1),.tabular-record-list .filter>div:nth-child(2) .asset-list,.tabular-record-list .record-row>div:nth-child(1),.tabular-record-list .record-row>div:nth-child(2) .asset-list { display: none; }
	.tabular-record-list .labels>div:nth-child(3),.tabular-record-list .filter>div:nth-child(3),.tabular-record-list .record-row>div:nth-child(3) { flex: 4 4; }
	.tabular-record-list .labels>div:nth-child(2),.tabular-record-list .labels>div:nth-child(11),.tabular-record-list .filter>div:nth-child(2),.tabular-record-list .filter>div:nth-child(11),.tabular-record-list .record-row>div:nth-child(2),.tabular-record-list .record-row>div:nth-child(11) { flex: 2 2; }
	
	.tabular-record-list .labels input,.tabular-record-list .labels select,.tabular-record-list .filter input,.tabular-record-list .filter select,.tabular-record-list .record-row input,.tabular-record-list .record-row select
	{
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		border-radius: .3em;
		width: 100%;
		height: 2em;
		margin: .3em 0;
		border: 1px solid #a5a5a5;
	}
	
	.tabular-record-list .record
	{
		border-color: #ddd;
		border-style: solid;
		border-collapse: collapse;
		border-width: 0 1px 1px;
		padding: .5em;
	}
	
	.tabular-record-list .record:last-child
	{
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0;
		border-radius: 0 0 6px 6px;
	}
	
	.tabular-record-list .record>div>div:nth-child(2),.tabular-record-list .record>div>div:nth-child(11) { text-align: left; }
	.tabular-record-list .asset-row { min-height: 210px; }
	
	.tabular-record-list .asset-row>div
	{
		display: inline-block;
		position: relative;
		cursor: pointer;
	}
	
	.tabular-record-list .asset-row .cover
	{
		height: 200px;
		width: 200px;
		background-color: #bbb;
	}
	
	.tabular-record-list .asset-row .back,.tabular-record-list .asset-row .asset,.tabular-record-list .asset-row .asset img
	{
		max-height: 200px;
		max-width: 200px;
	}
	
	.tabular-record-list .asset-row a,.tabular-record-list .asset-row img { vertical-align: top; }
	
	.tabular-record-list .asset-row a.itunes
	{
		display: inline-block;
		position: absolute;
		width: 161px;
		height: 58px;
		right: -9px;
		bottom: 0px;
		overflow: hidden;
		cursor: pointer;
	}
	
	.tabular-record-list .asset-row a.itunes::before
	{
		content: '';
		position: absolute;
		width: inherit;
		height: inherit;
		background-image: url(../img/link-itunes.png);
	}
	
	.tabular-record-list .asset-row a.itunes span { display: none; }
	
	.tabular-record-list .record-row .asset-list
	{
		position: absolute;
		width: 100%;
		bottom: 0;
		margin: 0;
		overflow: hidden;
		white-space: nowrap;
	}
	
	.tabular-record-list .record-row .asset-list h4 { display: none; }
	.tabular-record-list .record-row .asset-list>div { display: inline-block; }
	.tabular-record-list .record-row .asset-list img { vertical-align: bottom; }
	
	.tabular-record-list .record-row .asset-list .back img
	{
		max-width: 120px;
		max-height: 120px;
	}
}

@media all and (min-width: 769px) and (max-width: 980px)
{
	.tabular-record-list .record-row .asset-list .back img
	{
		max-width: 90px;
		max-height: 90px;
	}
}

@media all and (min-width: 769px)
{
	.tabular-record-list .record-row .asset-list .asset img
	{
		max-width: 80px;
		max-height: 80px;
	}
}

@media all and (min-width: 769px) and (max-width: 980px)
{
	.tabular-record-list .record-row .asset-list .asset img
	{
		max-width: 70px;
		max-height: 70px;
	}
}

.tabular-record-list .label { cursor: pointer; }
.tabular-record-list .label.static { cursor: default; }
.tabular-record-list .label.static .sortable { display: none; }
.tabular-record-list .record.hidden { display: none; }

.tabular-record-list .icon
{
	font-family: 'ETModules';
	margin: 0 .25em;
}

.tabular-record-list .icon.down::before { content: '\3e'; }
.tabular-record-list .icon.up::before { content: '\3f'; }

.sortable
{
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url("data:image/gif;base64,R0lGODlhCwALAPAAAL29vf///yH5BAEAAAEALAAAAAALAAsAAAIUjA2nCLnR4or00PvyrQwrPzUZshQAOw==") no-repeat center right;
}

.asc>.sortable { background: url("data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIRnC2nKLnT4or00Puy3rx7VQAAOw==") no-repeat center right; }
.desc>.sortable { background: url("data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=") no-repeat center right; }

.year-nav
{
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	-webkit-flex-flow: row wrap;
	-webkit-align-content: flex-end;
	display: flex;
	flex-flow: row wrap;
	align-content: flex-end;
	margin-bottom: 3em;
	border: 1px solid #a5a5a5;
	border-collapse: collapse;
	overflow: hidden;
}

.year-nav::after
{
	content: ' ';
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}

.year-nav>a
{
	-webkit-flex: 1 1 12.5%;
	flex: 1 1 12.5%;
	padding: .1em 1em;
	text-align: center;
	cursor: pointer;
	color: #000;
}

@media all and (min-width: 769px)
{
	.year-nav>a:nth-child(16n+2),.year-nav>a:nth-child(16n+4),.year-nav>a:nth-child(16n+6),.year-nav>a:nth-child(16n+8),.year-nav>a:nth-child(16n+9),.year-nav>a:nth-child(16n+11),.year-nav>a:nth-child(16n+13),.year-nav>a:nth-child(16n+15) { background-color: #ddd; }
}

@media all and (max-width: 768px)
{
	.year-nav>a
	{
		-webkit-flex: 1 1 25%;
		flex: 1 1 25%;
	}
	
	.year-nav>a:nth-child(8n+2),.year-nav>a:nth-child(8n+4),.year-nav>a:nth-child(8n+5),.year-nav>a:nth-child(8n+7) { background-color: #ddd; }
}

.year-nav>a.current
{
	background-color: #333 !important;
	color: rgba(237,237,215,0.68);
}