.glidecontentwrapper{
	position: relative; /* Do not change this value */
/* border: 25px solid transparent;
	padding-top: 25px; */
	overflow: hidden;
	width: auto; /* 350px */
}
/* Set height to be able to contain height of largest content shown*/
.albums {min-height: 640px;}
.compilations {min-height: 605px;}
.singles {min-height: 510px;}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/
.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #272727; 
visibility: hidden;
width: 100%; /* 330px */
overflow: hidden;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/
.t-info {position: absolute; top: 55px;}
.SublineProfile {
    font-size: 17px;
    color: #fc3;
    font-weight: bold;
	margin-top: 5px;
	display: block;
}
.Subline {
    font-size: 12px;
	line-height: 18px;
    color: #ebddb3;
}
.Subline span {color: #ffffff;}
.cover {
	width: 53%; height: 450px; float: left; pointer-events: none;
	background-position: 69% -167px; background-repeat: no-repeat;
}
.tracklist {
	width: 47%;
	/* padding: 5px 0 0; */
	display: inline-block;
}
.record_info {
	width: 45%;
	position: absolute;
	top: 345px; left: 5%;
}
.trackdetails {color: #8a8a8a;}
.lineup {
    background: url('./images/line-2.png') no-repeat -700px 100%;
    padding-bottom: 7px;
    margin-bottom: 5px;
	color: #fff;
	opacity: 0.6;
}
.lineuplist {line-height: 16px;}

table.display {width: 90%; margin-top: 20px;}
table.display.disc1, table.display.disc2 {width: 94%;}
.disc_ttl {width: 90%;}
@media screen and (min-width: 1200px) {
	.cover {width: 50%; background-position: 100% -167px;}
	.tracklist {width: 50%;}
	.record_info {width: 37%; left: 8.5%;}
	table.display {width: 85%;}
	table.display.disc1, table.display.disc2 {width: 87%;}
	.disc_ttl {width: 84.1%;}
}
@media screen and (min-width: 1320px) {
	.record_info {width: 39%; left: 7%;}
	table.display {width: 87%;}
	table.display.disc1, table.display.disc2 {width: 89.5%;}
	.disc_ttl {width: 86.6%;}
}
@media screen and (min-width: 1880px) {
	.record_info {width: 34%; left: 11.5%;}
	table.display {width: 80%;}
	table.display.disc1, table.display.disc2 {width: 82%;}
	.disc_ttl {width: 79.4%;}
}
@media screen and (min-width: 2500px) {
	.cover {background-position: 95% -167px;}
	.record_info {width: 25%; left: 21%;}
	table.display {width: 63%;}
	table.display.disc1, table.display.disc2 {width: 65%;}
	.disc_ttl {width: 63.1%;}
}
.disc_link, .disc_ttl {font-size: 11px; padding: 4px 0 4px 8px;}
.disc_link a, .disc_ttl {color: #ebddb3;}
.disc_link a:hover {color: #fc3;}
.disc_ttl span {color: #fff;}
table.display td {
    font-size: 11px;
    color: #fff;
    padding: 4px 0 4px 8px;
    border-bottom: 1px solid #464646;
}
table.display tr:hover {background: #222;}
table.display tr:last-child:hover {background: inherit;}
table.display tr:last-child>td {border-bottom: none;}
table.display tr:last-child>td span {color: #ebddb3;} /* font-size: 10px; font-weight: bold; */
table.display td:first-child {width: 15px; color: #ebddb3;} /* a3a3a3 */
table.display td:last-child {width: 40px; padding-right: 8px; text-align: right;}

table.display.disc1 tr:first-child:hover {background: inherit;}
table.display.disc2 tr:first-child td {border-top: 1px solid #464646;}
table.display.disc1 tr:last-child>td, table.display.disc2 tr:last-child>td {border-bottom: 1px solid #464646;}
table.display.disc1 tr:last-child:hover, table.display.disc2 tr:last-child:hover {background: #222;}

.glidecontenttoggler { /*style for DIV used to contain toggler links. */
	width: auto; /* 360px */
	margin: 17px 0 15px;
	text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a { /*style for every navigational link within toggler */
	display: inline-block;
	border: 1px solid #806629;
	margin-right: 15px;
	transition: all 0.2s ease 0s;
	width: 64px; height: 64px;
}
.glidecontenttoggler a.toc-next {
	position: relative; color: #707070; border: 1px solid #666;
}
.glidecontenttoggler a.toc-next span {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 17px;
}
.glidecontenttoggler a:last-child {margin-right: 0;}
.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
    border-color: #fc3; box-shadow: rgba(255, 204, 51, 0.8) 0px 0px 1em;
}
.glidecontenttoggler a:hover {border-color: #fc3;}
.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover {
}