/*
/// Now playing info
*/
#nptable {
	padding: 0;
	margin: auto;
	border: 1px solid #DDD;
	width: 100%;
}

#nptable h3 {
	padding: 0;
	margin: 0;
	color: white;
	font-size: 1em;
}

#nptable td {
	padding: 5px;
	margin: 0;
	text-align: left;
}

#nptable td.request-col {
	text-align: center;
}

#nptable .odd {
	background: #CCD6E0;
}

.current-track td span {
	font-weight: bold;
}

.requests-not-accepted {
	padding: 2em;
	text-align: center;
	border: 1px solid #ddd;
}

.request-form {
	padding: 0;
	margin: auto;
	width: 100%;
}

.request-form fieldset > p,
.request-form fieldset > div {
	margin-bottom: 1em;
}

.entry_no {
	width: 10px;
	text-align: center;
}

.header_live {
	background-color: #849DB3;
	color: white;
	text-align: center;
}

.errordiv,
.noticediv {
	width: 95%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
}

.errordiv {
	background-color: #ffeeee;
	border-left: 3px solid #c10707;
}

.noticediv {
	color: #000;
	background-color: #efffee;
	border-left: 3px solid #5ca91f;
}


.rdj-pending-requests-count {
	margin-top: 6px;
	font-weight: normal;
}

.rdj-return {
	position: relative;
	padding-left: 2.5em;
	margin: 0.5em 0;
	display: inline-block;
}

.rdj-return:before {
	content: "\25C0";
	display: block;
	left: 1em;
	position: absolute;
	opacity: .7;
}

.paginate {
	padding: 3px;
	margin: 3px;
	text-align: center;
}

.paginate a {
	padding: 2px 5px;
	margin: 2px;
	border: 1px solid #999;
	text-decoration: none;
	color: #666;
}

.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	color: #000;
}

.paginate .current {
	margin: 2px;
	padding: 2px 5px;
	border: 1px solid #999;
	font-weight: bold;
	background-color: #999;
	color: #FFF;
}
.paginate .disabled {
	padding: 2px 5px;
	margin: 2px;
	border: 1px solid #eee;
	color: #ccc;
}

.searchbox {
	padding: 5px 0;
	margin: 5px auto;
}

div#albumart {
	width: 200px;
	height: 200px;
	padding: 0;
	margin: 0;
	border: 1px solid #000;
}

#albumart div {
	color: #fff;
	background: #CCC;
	background: rgb(54, 25, 25);
	background: rgba(54, 25, 25, .7);
	width: 100%;
}

#albumart div.artist {
	position: relative;
	font-weight: bold;
	text-align: center;
	top: 150px;
}

#albumart div.title {
	position: relative;
	font-size: 9pt;
	text-align: center;
	top: 150px;
}

#albumart div.duration {
	font-size: 9pt;
	text-align: left;
}
```css
/* =========================================================
   PIRATE100.3 TURBO
   TOP REQUESTED - MATCH NOW PLAYING / COMING SOON
   ========================================================= */

.p100-top-requested {
	box-sizing: border-box;
	width: 100%;
	background: linear-gradient(135deg, #151515 0%, #101010 100%);
	border: 1px solid #252525;
	border-left: 6px solid #d21c0f;
	border-right: 6px solid #d21c0f;
	border-radius: 14px;
	padding: 28px 30px 18px;
	margin: 0;
	color: #fff;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .35);
	font-family: Arial, Helvetica, sans-serif;
}

/* TOP REQUESTED heading */

.p100-top-requested-header {
	margin: 0 0 16px 0;
	padding: 0;

	color: #d21c0f;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.2;

	letter-spacing: 4px;
	text-transform: uppercase;
}

/* List */

.p100-top-requested-list {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Individual song */

.p100-top-requested-row {
	box-sizing: border-box;

	width: 100%;
	min-height: 82px;

	display: flex;
	align-items: center;

	padding: 10px 0;

	border-bottom: 1px solid #292929;
}

.p100-top-requested-row:last-child {
	border-bottom: none;
}

/* Rank circle */

.p100-top-requested-rank {
	box-sizing: border-box;

	width: 46px;
	height: 46px;
	min-width: 46px;

	margin-right: 16px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background: #222;

	color: #d21c0f;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;

	line-height: 1;
}

/* Music note */

.p100-top-requested-note {
	width: 34px;
	min-width: 34px;

	margin-right: 12px;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;

	line-height: 1;
}

/* Song information */

.p100-top-requested-info {
	flex: 1;
	min-width: 0;
}

/* Artist */

.p100-top-requested-artist {
	margin: 0;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 900;

	line-height: 1.15;

	text-transform: uppercase;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Song title */

.p100-top-requested-title {
	margin-top: 3px;

	color: #bdbdbd;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;

	line-height: 1.2;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Request count */

.p100-top-requested-count {
	margin-top: 5px;

	color: #777;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;

	line-height: 1.2;
}


/* =========================================================
   REMOVE OLD RADIO DJ TABLE STYLING FROM THIS WIDGET
   ========================================================= */

.p100-top-requested table,
.p100-top-requested tr,
.p100-top-requested td,
.p100-top-requested th {
	background: transparent !important;
	border: 0 !important;
	color: inherit;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

	.p100-top-requested {
		padding: 22px 18px 14px;
		border-left-width: 4px;
		border-right-width: 4px;
	}

	.p100-top-requested-header {
		font-size: 13px;
		letter-spacing: 3px;
	}

	.p100-top-requested-row {
		min-height: 70px;
	}

	.p100-top-requested-rank {
		width: 40px;
		height: 40px;
		min-width: 40px;
		margin-right: 11px;
		font-size: 16px;
	}

	.p100-top-requested-note {
		width: 26px;
		min-width: 26px;
		margin-right: 8px;
		font-size: 21px;
	}

	.p100-top-requested-artist {
		font-size: 17px;
	}

	.p100-top-requested-title {
		font-size: 14px;
	}

}
/*
=========================================================
 RadioDJ Track Request Album Artwork
=========================================================
*/

#nptable th.album-art,
#nptable td.album-art {
	width: 64px;
	min-width: 64px;
	max-width: 64px;
	padding: 7px;
	text-align: center;
	vertical-align: middle;
}


/*
 * Album artwork container
 */
#nptable .rdj-album-art {
	width: 52px;
	height: 52px;
	margin: 0 auto;
	border-radius: 6px;
	overflow: hidden;
	background: #1b1b1b;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}


/*
 * Artwork image
 */
#nptable .rdj-album-art img {
	display: block;
	width: 52px;
	height: 52px;
	object-fit: cover;
	border-radius: 6px;
}


/*
 * Temporary artwork placeholder
 */
#nptable .rdj-art-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	font-size: 25px;
	line-height: 1;
	color: #777;
	background: #1b1b1b;
}


/*
 * When artwork successfully loads
 */
#nptable .rdj-album-art.has-artwork {
	background: transparent;
}


/*
 * Don't allow the artwork column to make
 * the table unnecessarily wide.
 */
#nptable td.album-art {
	white-space: nowrap;
}


/*
=========================================================
 Responsive request table
=========================================================
*/

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

	#nptable th.album-art,
	#nptable td.album-art {
		width: 58px;
		min-width: 58px;
		max-width: 58px;
		padding: 5px;
	}

	#nptable .rdj-album-art,
	#nptable .rdj-art-placeholder,
	#nptable .rdj-album-art img {
		width: 46px;
		height: 46px;
	}

}


/*
=========================================================
 Small screens
=========================================================
*/

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

	#nptable th.album-art,
	#nptable td.album-art {
		width: 50px;
		min-width: 50px;
		max-width: 50px;
		padding: 4px;
	}

	#nptable .rdj-album-art,
	#nptable .rdj-art-placeholder,
	#nptable .rdj-album-art img {
		width: 40px;
		height: 40px;
	}

	#nptable .rdj-art-placeholder {
		font-size: 20px;
	}

}

/* Live Icecast listener count */
#nptable .listener-count td {
	text-align: center;
}
#nptable .rdj-listeners {
	display: inline-block;
}


/* Local artwork placeholders used by Top Tracks / Top Requested */
.p100-art-placeholder {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #777 !important;
	font-size: 25px !important;
}