.rtplmain_window {
	height: 68px;
	width: 328px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
	background-color:#FFFFFF;
	/*/*behavior: url(js/border-radius.htc);*/*/
	text-align: left;
}
.rtplbutton_play_stop {
	background-color: #F9F9F9;
	display: block;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	/*behavior: url(js/border-radius.htc);*/
	box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	/*padding-top: 15px;*/
	margin-top: 9px;
	margin-left: 10px;
	float: left;
	outline:none;
}
.rtplbutton_play_stop.active {
	background-position: 15px 15px;
}
.rtplbutton_play_stop:hover {
	background-color: #FFFFFF;
}
.rtplcurrent_time {
	font-family: "Verdana";
	font-size: 12px;
	color: #FFF;
	margin-top: 27px;
	margin-left: 3px;
	float: left;
	font-weight: normal;
	width: 78px;
}
.rtplmute {
	display: block;
	height: 24px;
	width: 26px;
	background-color: #F9F9F9;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background-repeat: no-repeat;
	background-position: 4px -79px;
	margin-top: 22px;
	outline:none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.rtplmute.active {
	background-color: #E1E1E1;
	box-shadow:none;
}
.rtplmute:hover {
	background-color: #FFF;
}


.rtplmaxvol {
	display: block;
	height: 24px;
	width: 26px;
	background-color: #F9F9F9;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background-repeat: no-repeat;
	background-position: -79px -80px;
	margin-top: 22px;
	outline:none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.rtplmaxvol.active {
	background-color: #E1E1E1;
	box-shadow:none;
}
.rtplmaxvol:hover {
	background-color: #FFF;
}
.rtplvolume {
	float: left;
	width: 100px;
	height: 9px;
	border: 1px solid #B8C3C0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	/*background: #696a6c url("gradient_style-1-bg.png") repeat-x top;*/
    background: #696a6c;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;

	*background: #696a6c;
	background: #696a6c\0/;

	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ff454547, endColorstr=#ff696a6c);
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(rgba(69,69,71,1)),
		to(rgba(105,106,108,1))
	);
	background-image: -webkit-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: -moz-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: -o-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	margin-top: 28px;
	margin-left: 7px;
	margin-right: 7px;
}

.rtplmain_window.brdr_none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 330px;
	background:none;
}

.rtplwrapperForIe {
	width: 330px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}

.rtplwrapperForIe-mini {
	width: 314px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}


.rtplmain_window-mini{
	height: 50px;
	width: 312px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	background-color:#FFFFFF;
	/*behavior: url(js/border-radius.htc);*/
	text-align: left;
}
.rtplbutton_play_stop-mini {
	background-color: #F9F9F9;
	display: block;
	height: 39px;
	width: 40px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	/*behavior: url(js/border-radius.htc);*/
	box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	/*padding-top: 15px;*/
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	outline:none;
}
.rtplbutton_play_stop-mini.active {
	background-position: 10px 10px;
}

.rtplbutton_play_stop-mini:hover {
	background-color: #FFFFFF;
}
.rtplcurrent_time-mini{
	font-family: "Verdana";
	font-size: 12px;
	color: #FFF;
	margin-top: 17px;
	margin-left: 18px;
	float: left;
	font-weight: normal;
	width: 63px;
}
.rtplmute-mini {
	display: block;
	height: 24px;
	width: 26px;
	background-color: #F9F9F9;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background-repeat: no-repeat;
	background-position: 4px -79px;
	margin-top: 12px;
	outline:none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.rtplmute-mini.active {
	background-color: #E1E1E1;
	box-shadow:none;
}
.rtplmute-mini:hover {
	background-color: #FFF;
}
.rtplmaxvol-mini {
	display: block;
	height: 24px;
	width: 26px;
	background-color: #F9F9F9;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background-repeat: no-repeat;
	background-position: -79px -80px;
	margin-top: 12px;
	outline:none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.rtplmaxvol-mini.active {
	background-color: #E1E1E1;
	box-shadow:none;
}
.rtplmaxvol-mini:hover {
	background-color: #FFF;
}

.rtplvolume-mini {
	float: left;
	width: 100px;
	height: 9px;
	border: 1px solid #B8C3C0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	/*background: #696a6c url("gradient_style-1-bg.png") repeat-x top;*/
    background: #696a6c;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;

	*background: #696a6c;
	background: #696a6c\0/;

	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ff454547, endColorstr=#ff696a6c);
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(rgba(69,69,71,1)),
		to(rgba(105,106,108,1))
	);
	background-image: -webkit-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: -moz-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: -o-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	margin-top: 19px;
	margin-left: 7px;
	margin-right: 7px;
}

.rtplmain_window-mini.brdr_none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 312px;
}


/* Song Request - alphabet layout */ 
#RTWidgetTrackRequests #TRWAlphabetFirstRow, #RTWidgetTrackRequests #TRWAlphabetSecondRow, #RTWidgetTrackRequests #TRWAlphabetGreekRow 
{ display: flex !important; 
flex-wrap: wrap !important; 
justify-content: center !important; 
align-items: center; 
gap: 4px 6px; 
width: 100%; 
margin: 6px 0; 
box-sizing: border-box; }

/* Alphabet links */ 
#RTWidgetTrackRequests #TRWAlphabetFirstRow a, #RTWidgetTrackRequests #TRWAlphabetSecondRow a, #RTWidgetTrackRequests #TRWAlphabetGreekRow 
a { display: inline-block; 
padding: 3px 5px; 
color: inherit; 
text-decoration: none; 
cursor: pointer; 
border-radius: 3px; 
line-height: 1.5; }

/* Hover */ 
#RTWidgetTrackRequests #TRWAlphabetFirstRow a:hover, #RTWidgetTrackRequests #TRWAlphabetSecondRow a:hover, #RTWidgetTrackRequests #TRWAlphabetGreekRow 
a:hover { background: #8d9ca3; color: #fff; }

/* Selected filter */ 
#RTWidgetTrackRequests 
.TRWFilter.clicked { font-weight: bold; text-decoration: underline; }

/* Current letter */ 
#RTWidgetTrackRequests #TRWAlphabetFirstRow span, #RTWidgetTrackRequests #TRWAlphabetSecondRow span, #RTWidgetTrackRequests #TRWAlphabetGreekRow span 
{ display: inline-block; 
padding: 3px 5px; 
font-weight: bold; 
line-height: 1.5; }

/* Song Request widget - compact styling */ 
#RTWidgetTrackRequests { font-size: 12px; }

/* Center the search area */ 
#RTWidgetTrackRequests #TRWSearch 
{ display: flex; justify-content: center; align-items: center; gap: 6px; width: 100%; margin: 8px auto; text-align: center; font-size: 10px; }

/* Search input */ 
#RTWidgetTrackRequests #TRWSearchField 
{ width: 180px; max-width: 60%; padding: 5px 7px; box-sizing: border-box; font-size: 12px; }

/* Search and request buttons */ 
#RTWidgetTrackRequests #TRWSearchLnk, #RTWidgetTrackRequests 
a.TRWRequest { display: inline-block; padding: 5px 9px; background: #8d9ca3; color: #fff; border: 0; border-radius: 4px; text-decoration: none; font-size: 10px; line-height: 1.4; cursor: pointer; text-align: center; }

/* Button hover */ 
#RTWidgetTrackRequests #TRWSearchLnk:hover, #RTWidgetTrackRequests a.TRWRequest:hover { background: #657780; color: #fff; }

/* Song table text */ 
#RTWidgetTrackRequests #TRWMusic table { font-size: 12px; }

/* Pagination */ 
#RTWidgetTrackRequests #TRWPaginator { text-align: center; font-size: 14px; margin-top: 8px; }

/* Keep the track request table readable and compact */ 
#RTWidgetTrackRequests #TRWMusic td { padding: 4px; }

/* Pagination layout */ 
#RTWidgetTrackRequests #TRWPaginator 
{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px; margin: 10px auto; font-size: 14px; }

/* Page numbers and previous/next arrows */ 
#RTWidgetTrackRequests #TRWPaginator 
a { display: inline-block; padding: 5px 9px; background: #8d9ca3; color: #fff; border-radius: 4px; text-decoration: none; font-size: 14px; line-height: 1.4; cursor: pointer; }

/* Hover effect */ 
#RTWidgetTrackRequests #TRWPaginator 
a:hover { background: #657780; color: #fff; }

/* Current page */ 
#RTWidgetTrackRequests #TRWPaginator span 
{ display: inline-block; padding: 5px 9px; background: #657780; color: #fff; border: 1px solid #657780; border-radius: 4px; font-size: 14px; font-weight: bold; line-height: 1.4; }

/* Request form - matching the widget design */ #RTWidgetTrackRequests #TRWRequestModal { box-sizing: border-box; width: 90%; max-width: 420px; padding: 20px; background: #fff; color: #333; border: 1px solid #8d9ca3; border-radius: 8px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25); font-size: 14px; text-align: left; z-index: 101; }

/* Form heading */ #RTWidgetTrackRequests #TRWRequestModal strong { display: block; margin-bottom: 14px; font-size: 17px; text-align: center; }

/* Song and artist details */ #RTWidgetTrackRequests #TRWRequestModal p { margin: 10px 0; line-height: 1.5; overflow-wrap: anywhere; }

/* Labels */ #RTWidgetTrackRequests #TRWRequestModal label { display: block; margin-bottom: 5px; font-weight: bold; }

/* Name input and shoutout textarea */ #RTWidgetTrackRequests #TRWRequestName, #RTWidgetTrackRequests #TRWRequestText { display: block; box-sizing: border-box; width: 100%; margin-top: 5px; padding: 9px 10px; border: 1px solid #b7c1c6; border-radius: 4px; background: #fff; color: #333; font-family: inherit; font-size: 14px; line-height: 1.4; outline: none; }

/* Shoutout field */ #RTWidgetTrackRequests #TRWRequestText { min-height: 90px; resize: vertical; }

/* Focused fields */ #RTWidgetTrackRequests #TRWRequestName:focus, #RTWidgetTrackRequests #TRWRequestText:focus { border-color: #8d9ca3; box-shadow: 0 0 0 2px rgba(141, 156, 163, 0.2); }

/* Send and Cancel controls */ #RTWidgetTrackRequests #TRWRequestFormSend, #RTWidgetTrackRequests #TRWRequestFormCancel { display: inline-block; margin: 8px 6px 0 0; padding: 7px 14px; border: none; border-radius: 4px; background: #8d9ca3; color: #fff; font-family: inherit; font-size: 14px; line-height: 1.4; text-decoration: none; text-align: center; cursor: pointer; }

/* Hover */ #RTWidgetTrackRequests #TRWRequestFormSend:hover, #RTWidgetTrackRequests #TRWRequestFormCancel:hover { background: #657780; color: #fff; }

/* Character counter */ #RTWidgetTrackRequests #TRWRequestNumSymbols { font-weight: bold; }

/* Mobile layout */ @media (max-width: 480px) { #RTWidgetTrackRequests #TRWRequestModal { width: 94%; padding: 14px; } }

/* Center the request form over the widget */ #RTWidgetTrackRequests #TRWRequestModal { position: absolute; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%); margin: 0; z-index: 101; }