#rad_player {
height: inherit;
width: inherit;
border-radius: .25rem;
min-height: 48px;
min-width: 180px;
background-color: #434242;
color: #fff;
text-align: left;
font: 16pt/1 300 Tahoma, "Merriweather", Georgia, serif;
font-variant-numeric: lining-nums;
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}
#rad_player img,
#rad_select_main_text,
#rad_stationname span,
.rad_selection span
{
vertical-align: middle;
border: none;
white-space: nowrap;
}
/** ----------------------------------------------------------------- **/
.rad_block_play
{
display: inline-block;
float: left;
margin-top: 12px;
margin-left: 4px;
margin-right: 4px;
padding: 14px;
padding-top: 0px;
color: transparent;
text-shadow: 0 0 0 #2196f3;
}
.rad_block_play:hover
{
cursor: pointer;
}
.rad_block_play:active
{
cursor: progress;
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
#rad_block_select
{
display: inline-block;
float: left;
padding-top: 6px;
}
.rad_select
{
width: inherit;
cursor: pointer;
}
#rad_stationname
{
display: inline-block;
float: left;
}
#rad_select_main_image
{
width: 36px;
height: 36px;
padding: 6px 16px;
box-sizing: content-box;
-moz-box-sizing: content-box;
}
.rad_select_small_image
{
width: 22px;
height: 22px;
padding: 6px;
margin-right: 6px;
box-sizing: content-box;
-moz-box-sizing: content-box;
}
.rad_dropdown
{
display: inline-block;
float: left;
margin-top: 12px;
padding-top: 0px;
}
#rad_list
{
display: none;
position: absolute;
overflow-y: auto;
font-size: 14pt;
margin-top: 38px;
margin-left: 9px;
max-height: 310px;
width: inherit;
min-width: 180px;
max-width: 220px;
padding-top: 0px;
background-color: #2c2c2c;
z-index: 1000;
}
.rad_selection
{
font-size: 12pt;
width: inherit;
height: 38px;
overflow: hidden;
border-bottom: 1px solid #434242;
}
.rad_selection:hover
{
background-color: #434242;
cursor: pointer;
}
.rad_selection:active
{
cursor: progress;
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
.rad_block_volume
{
display: inline-block;
float: right;
margin-right: 10px;
margin-left: 4px;
padding: 12px;
}
.rad_block_volume img
{
margin: 0px;
border: none;
box-sizing: content-box;
-moz-box-sizing: content-box;
}
.rad_block_volume img:hover
{
cursor: pointer;
}
.rad_block_volume img:active
{
cursor: progress;
}
.rad_volume
{
display: none;
position: absolute;
width: 9px;
height: 100px;
padding: 14px;
margin-top: 12px;
margin-left: -4px;
overflow: hidden;
background-color: #2c2c2c;
box-sizing: content-box;
-moz-box-sizing: content-box;
z-index: 1000;
}
#rad_volume_range
{
display: table-cell;
vertical-align: bottom;
width: 6px;
height: 100px;
margin: 15px 13px;
background-color: #999;
}
#rad_volume_range:hover
{
cursor: pointer;
}
#rad_volume_bar {
width: 6px;
background-color: #fff343;
box-sizing: content-box;
-moz-box-sizing: content-box;
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
.rad_block_logo
{
display: inline-block;
float: left;
padding-top: 0px;
margin-top: 12px;
margin-left: 50px;
width: 25px;
height: 25px;
}
.rad_block_logo img
{
width: 25px;
height: 25px;
padding: 6px;
box-sizing: content-box;
-moz-box-sizing: content-box;
}
/** ----------------------------------------------------------------- **/
/** ----------------------------------------------------------------- **/
@media screen and (max-width: 480px){.rad_block_logo
{
display: none;
}
}
@media screen and (max-width: 300px){#rad_select_main_text, .rad_block_logo
{
display: none;
}
}