body {
	background-image: url("../gfx/emblem.png");
	background-repeat: repeat;
	background-color: #313131; 
    font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: black;
	margin: 0px;
}

input {   }
input:hover {  }

textarea                {  }
textarea:hover          {  }

div { font-size:12px; }

div.l   { float:left; }
div.r   { float:right; }
div.c   { clear:both; }
div.sp  { height:10px; }
.p4 { padding:4px; }
.p8 { padding:8px; }
.p12 { padding:12px; }
.tac { text-align:center;  }

.w100 { width:100%; }

.icon { width:15px; height:15px; }


img { border:0px; }
    h1     { margin:0px; padding:0px; color:#f06f1b; font-size:18px; font-family:Tahoma; font-weight:bold; }
    h2     { margin:0px; padding:0px; color:#0a5f87; font-size:18px; font-family:Tahoma; font-weight:bold; }
    h3     { margin:0px; padding:0px; color:#f06f1b; font-size:18px; font-family:Tahoma; font-weight:bold; }
    h4     { margin:0px; padding:0px; padding-bottom:3px; color:#0a5f87; font-size:14px; font-family:Tahoma; font-weight:bold; }

div.maindiv { margin:0 auto; max-width:1200px; padding:0px; border-left:4px #000; border-right:4px #000; }
div.contentmenu {
	width:100%;
	background-image:url("/gfx/menu-content.gif");
	background-size: 100% 100%;	
	background-color:#0d6792;
	background-position:top center;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
	color:#ffffff;
}
div.content {
	width:100%;
	background-color:#dadada;
	color:black;
	font-size:11px;
	vertical-align:top;
}

div.logo      { float:left; max-width:40%; text-align:left; }
div.logo img { max-width:100%; height:auto; padding:15px;  }
div.login	{ float:right; width:20%; }
div.login-int { padding:15px;  }
#login-mob-menu {
		display: none;
	}
div.srch { float:left; width:40%; }
div.srch-int { padding:15px; width:100%; text-align: center; margin: 0 auto;}
#searchform {padding:15px;  }
.sl1 { width:100%; }
.sl1 input[type="text"] { width:100%; border:1px solid #ddd; border-radius:4px; padding: 4px 8px 4px 8px; }

div.st {
	padding-top:16px;
	font-size:18px;
}
div.sl {
	padding-top:12px;
	padding-bottom:8px;
	font-size:14px;
	line-height: 24px;
}
div.sl-h {
	font-size:14px;
	line-height:21px;
}

#log4 {
	display: none;
	position:absolute;
	z-index:99;
	padding:6px;
	border-radius:2px;
	border:1px solid #14a0e2;
	background: #0a6088;
	text-align: center;
}
#loginbut	{ text-align: center; border:1px solid #14a0e2; background: #0a6088; border-radius:2px; }
#loginbut a { color:#14a0e2; display:block; padding: 6px 2px 6px 2px; text-decoration: none; }
#submitbut { border:1px solid #14a0e2; background: #153c4d; width:90%; text-align: center; padding: 0px; line-height: 18px; color:#14a0e2;}
#submitbut:hover { cursor: pointer; background: #14a0e2; color:#ddd; }
.fb_iframe, .twitter-follow-button { padding:0px; margin:0px; }

.out, .in, .addreq, li.top50 a, li.top50 img, 
.seemore a:link, .seemore a:visited,
.sby_contyear a:link, .sby_art_name,
.ov_lab_cont a:link {
  -webkit-transition: all 0.6s ease;                  
  -moz-transition: all 0.6s ease;                 
  -o-transition: all 0.6s ease;   
  -ms-transition: all 0.6s ease;          
  transition: all 0.6s ease;
}
                                                                           
  /* homepage news */
.fullhome     { padding:6px; }
.halfhome     { float:left; width:50%; }
.homeleft     { float:left; width:66%; }
    .homenews     { height:100%; float:right; width:30%; overflow:none;z-index:100; position:relative; }
        /*/ newsbox /*/
        .hidden            { display:none; }
        .visible           { display:block; }
        .out               { 
                            height:25%;
                            background: #0a618a;  
                           }
        .in                { 
                            height:25%;
                            background: #e6772e;    
                            }
        .pointer           { cursor:pointer; }
        .headlines         { padding:7px; }
        .newsmsg           { padding:12px; }
        .newsmsg a, .newsmsg a:link, .newsmsg a:visited, .newsmsg a:active {
            text-decoration:none;
            color:#0a5f87;
            border-bottom:1px solid #f0f0f0;
          }
        .newsmsg a:hover {          
            color:#0a5f87;
            border-bottom:1px solid #ff4400;
          }
        .newsmsg span      { background-color:#fefefe; }

        /*/ end newsbox /*/

    .cnewscont1   { height:250px; display:block; width:100%;}
    .cnewscont2   { float:left; background:#fafaff; width:70%; height:250px; padding:0px; overflow-y:scroll;}
    .homelatref   { float:none; width:100%;display:block; }
        .rev_lat_cont a,.rev_lat_cont a:link,.rev_lat_cont a:visited,.rev_lat_cont a:active { color:#0A618A; font-size:11px;}
        .revlatimgholder { float:left; width:50px; }
        .revlatrevholder { float:left; width:230px; }
        .revdate  { font-size:9px;}
        .revlatspacer { margin-bottom:8px; margin-top: 8px; height:1px; background-color:#e6772e;}
    .lastaddsongs { float:left; width:230px; padding-bottom:8px; font-size:13px; line-height:18px; }
    .lastaddsongs a:link { font-size:12px; }
    .top10home    { float:left; width:244px; padding-bottom:8px; font-size:12px; line-height:18px; }
    .top10home a:link { font-size:11px; color:#f06f1b; }
                                                                                                  
    
    .homeleftbot  { width:50%; position:relative; display:block;float:left; }                   
    .homerightbot { width:50%; position:relative; display:block; float:right;}
    .wgo { margin-bottom:2px; padding:4px 2px 8px 2px; border-bottom:1px solid #cdeaf7; } /*what going on*/  
    .cc           { margin:6px; margin-bottom:12px; padding:0px; padding-bottom:12px; background-color:white; border-radius:8px; }         
    .ccsmall      { margin:6px; margin-bottom:12px; padding:0px; background-color:white; border-radius:8px; }
    .t            {
		min-height:40px;
		background: #f0f0f0;
		background: -webkit-linear-gradient(#fff, #f0f0f0); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#fff, #f0f0f0); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fff, #f0f0f0); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fff, #f0f0f0); /* Standard syntax */      
		border-top-left-radius:8px; border-top-right-radius:8px;
	}
	.t h1, .t h2, .t h3 {
		line-height:40px;
		padding-left:12px;
	}
    .t img { vertical-align:middle; border-top-left-radius: 8px; }                                                                               

    div.columnnews        { background-color:white;line-height:17px;padding-bottom:0px;}          
    div.columnleft        { padding:12px 12px 12px 12px; background-color:white; line-height:17px; border-radius:8px;}
                                                                                                  
.homeright    { float:left; width:34%; }
    #poll { background: url(/img/guitar.jpg) no-repeat right top; }                               
    #cdu  { text-align:center;}
    .simplecont  {position:relative;}                                                             
    .simpleleft  {float:left;}
    .simpleright {float:right;}                                                                   

.sectionheader3       {color:#0a5f87;font-size:20px;font-family:Tahoma;font-weight:bold;line-height:32px;}
                  
/*/ homepages all /*/
.headhomepages { padding-bottom:8px; }
                                                                                                  
/*/ sort by artist /*/
.sba_cont { width:25%; float:left; }
.sba_chil { margin:1px; padding:12px; border:1px solid #ccc; }
.sba_h    { padding-bottom:25px; }                     
.sba_contseemore { padding-top:20px; float:right; }                        

/*/ sort by year /*/                                  
.sbycont {float:left; width:20%; height:320px; }
.sbydecs { margin:1px; padding:12px; border:1px solid #ccc; height:290px; line-height:25px; }
/*/ year itself /*/
.left70  { float:left; width:70%; }
.left30  { float:left; width:30%; }

.divju   { float:left; margin-right:12px; }
.spanju  { float:left; background-color:#f5f5f5; border:1px solid #e9e9e9; font-size:11px; margin-right:2px; text-align:center; }
.spanju a:link, .spanju a:visited, .spanju a:active { padding:3px; text-decoration:none; color: #f06f1b; display:block;}           	
.spanju a:hover { color: #ffffff; background-color:#0774a7; }
.focus { color: #ffffff; background-color:#0774a7; font-weight:bold; padding:3px; } 

.sby_contyear { margin-top:8px; }            
.sby_contyear a,.sby_contyear a:link, .sby_contyear a:visited { display:block; }
.sby_contyear a:hover {                      
    background-image:url("/gfx/tablebg.gif");
    background-repeat:repeat-x;              
    color:#ffffff;
    text-decoration:none;                    
  }
.sby_contyear a:hover > .sby_art_name { color: white; }

.sby_art_pic { float:left; height:40px; max-width:40px;  }
.sby_art_name { float:left; height:40px; padding-left:8px; min-width:25%; color:#0a5f87; }
.sby_alb_pic { float:left; height:40px; width:10%; max-width:40px; }
.sby_alb_name { float:left; height:40px; padding-left:8px; width:55%; }
.sby_art_pic img, .sby_alb_pic img { width:40px; height:40px; } 
                                             
/*/ sort by country /*/
.sbc_container { float:left; width:25%; }
.sbc_country   { margin:1px; padding-left:12px; padding-top:8px; border:1px solid #ccc; line-height:25px; } 
.hrc { height:1px; width:100%; border:0; background-color:#e3e3e3; color:#e3e3e3; }
                                             
/*/ requests /*/
.req_added { border:1px solid #ccc; border-radius: 4px; padding: 8px; margin-top: 4px; }
.addreq    { 
  border:1px solid black; padding:2px; color:white; background-color:#555; border-radius:3px;
  -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); 
}
.addreq:hover { cursor:pointer; border:1px solid black; color:white; background-color:#22769b; border-radius:7px;}
                                             
/*/ top 50 /*/                       
ul.top50, ul.top50 a{                        
display:block;                       
height:300px;                                
margin:0px;                          
padding:0px;                                 
list-style-type:none;                
width:100%; }                                

                                             
ul.top50 a:hover {
background-image:url("/gfx/tablebg.gif");    
background-repeat:repeat-x;          
color:#ffffff;                               
text-decoration:none;                
display:block;                               
width:100%;                          
cursor:hand;}                                
                                     
li.top50 {                                   
display:block;                       
list-style-type:none;                        
height:40px;                         
clear:both;                                  
margin-bottom:4px;                   
margin-top:8px;                              
}                                    
li.top50 a {
color:#0a5f87;                       
display:block;      
list-style-type:none;                
height:40px;  
}                                    
            
li.top50 img {                       
width:40px;   
height:40px;                         
float:left;   
padding-right:8px;                   
opacity: 0.8;
}                                    
li.top50:hover img { 
opacity: 1;                          
float:left;   
padding-right:8px;                   
}            
          
li.albyear,span.tselalb {
display:block;    
height:92px;  
list-style-type:none;
margin-bottom:0px;}                
              
.seemore {
  -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  border-radius:13px;                       
  background: #0a5f87;
  color:white;                              
}             
.seemore a:link, .seemore a:visited {                           
  border-radius:13px;
  display:block;                            
  color:white;
  padding:2px;                              
  padding-left:13px;
  padding-right:13px;                       
  text-decoration:none;  
}                                           
.seemore a:hover {
  -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  border-radius:5px;                        
  background:#f06f1b;
  color:black;                              
}
                                                                                                  
/*lyrics*/

/*overview*/
.left33 {float:left; width:33%;}    
.ov_lab_cont { margin-top:8px; height:40px; }
.ov_lab_cont a,.ov_lab_cont a:link, .ov_lab_cont a:visited { display:block; height:40px; }
.ov_lab_cont a:hover  {                      
    background-image:url("/gfx/tablebg.gif");
    background-repeat:repeat-x;              
    color:#ffffff;
    text-decoration:none;                    
  }
.ov_lab_cont a:hover span { color:#fff;}
.ov_lab_pic { float:left; max-width:20%; } 
.ov_lab_pic img { width:40px; height:40px; }                                        
.ov_lab_name { float:left; padding-left:8px; width:80%; }
.ov_blue     { color: #0a5f87; }

/*/ 24htop50 /*/
.top24h_cont { width:100%; margin-bottom:8px; }
.top24h_cont a,.top24h_cont a:link, .top24h_cont a:visited { display:block;  }
.top24h_cont a:hover  {                      
    background:#094f70;
    background: -webkit-linear-gradient(#128fca, #094f70); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#128fca, #094f70); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#128fca, #094f70); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#128fca, #094f70); /* Standard syntax */      
    color:#ffffff;
    text-decoration:none;                    
  }
.top24h_cont a:hover > .top24h_name { color:#fff; }
.top24h_pic { float:left; width:10%; max-width:100px; height:40px; max-height: 100%; }
.top24h_name { float:left; width:40%; color:#0a5f87; }
.top24h_song { float:left; width:30%; }
.top24h_aant { float:right; width:10%; text-align:center; color:black; }

/*/ most pop /*/
.ora { color: #f06f1b; }      

/*/ add a request /*/
#addreqform input[type="text"] {
  width:300px;
  max-width:90%;
  background: #efefef;
  color:black;
  padding:3px;     
  border-radius:5px;
  -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); 
}
#addreqform textarea {
  width:296px;
  max-width:90%;
  background: #efefef;
  height:500px;   
  padding:5px;
  color:black;
  border-radius:5px;  
  -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);    
} 
#addreqform #makereqtextarea {
  width:300px;
  height:100px;
}
/*/ review form /*/
.rv-form-msg       { border-radius:6px; padding:10px 14px; margin-bottom:12px; font-size:13px; }
.rv-form-success   { background:#f0faf0; border:1px solid #90d090; color:#1a6a1a; }
.rv-form-error     { background:#fff0f0; border:1px solid #f5b0b0; color:#a00; }

.rv-form-row       { display:flex; gap:10px; flex-wrap:wrap; }
.rv-form-row .rv-form-field { flex:1 1 160px; }
.rv-form-field     { margin-bottom:10px; }

.rv-input {
    width:100%; box-sizing:border-box;
    padding:8px 11px;
    border:1px solid #c8dde8;
    border-radius:6px;
    font-size:13px;
    color:#1a3a4a;
    background:#f4fafd;
    outline:none;
    transition:border-color .2s, background .2s;
}
.rv-input:focus    { border-color:#14a0e2; background:#fff; }
.rv-input-locked   { background:#ffe8d5; border-color:#f0a070; color:#a04010; font-weight:bold; cursor:default; }

.rv-textarea {
    width:100%; box-sizing:border-box;
    padding:10px 12px;
    border:1px solid #c8dde8;
    border-radius:6px;
    font-size:13px;
    color:#1a3a4a;
    background:#f4fafd;
    height:90px;
    resize:vertical;
    outline:none;
    transition:border-color .2s;
    font-family:inherit;
}
.rv-textarea:focus { border-color:#14a0e2; background:#fff; }

.rv-bottom-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:4px;
}
.rv-captcha        { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.rv-captcha-label  { font-size:12px; color:#555; font-weight:bold; margin-right:2px; }
.rv-captcha-img    { vertical-align:middle; }
.rv-captcha-eq     { font-weight:bold; color:#333; font-size:13px; }
.rv-input-captcha  { width:42px !important; text-align:center; padding:6px 4px; }

.rv-submit {
    padding:9px 22px;
    background:#0a6088;
    color:#fff;
    border:none;
    border-radius:6px;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:background .2s;
}
.rv-submit:hover   { background:#14a0e2; }
.rv-submit:disabled { background:#aaa; cursor:default; }

/*/ review cards /*/
.rv-card {
    background:#fff;
    border:1px solid #d8eaf5;
    border-radius:8px;
    margin-bottom:12px;
    overflow:hidden;
}
.rv-head {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    background:#f0f7fb;
    border-bottom:1px solid #d8eaf5;
}
.rv-avatar img {
    width:36px; height:36px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid #c8dde8;
    display:block;
}
.rv-meta {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:1px;
}
.rv-name          { font-size:13px; font-weight:700; color:#0a5f87; }
.rv-name a        { color:#0a5f87; text-decoration:none; }
.rv-name a:hover  { text-decoration:underline; }
.rv-date          { font-size:11px; color:#888; }
.rv-body          { padding:12px 14px; font-size:13px; line-height:1.65; color:#222; }

/*/ thumbs /*/
.rv-thumbs {
    display:flex;
    gap:5px;
    align-items:center;
    margin-left:auto;
    flex-shrink:0;
}
.rv-thumb {
    display:flex;
    align-items:center;
    gap:3px;
    padding:4px 8px;
    border-radius:20px;
    border:1px solid #c8dde8;
    background:#f0f7fb;
    cursor:pointer;
    font-size:12px;
    color:#0a6088;
    transition:background .15s, border-color .15s, color .15s;
}
.rv-thumb svg       { width:14px; height:14px; flex-shrink:0; }
.rv-thumb:hover     { background:#d0eaf8; border-color:#14a0e2; }
.rv-up.rv-voted     { background:#d0f0d8; border-color:#60b870; color:#2a7a3a; }
.rv-down.rv-voted   { background:#fde8e8; border-color:#e08080; color:#a02020; }
.rv-vote-prompt {
    display:flex; align-items:center; gap:3px;
    font-size:12px; color:#aaa;
    text-decoration:none;
}
.rv-vote-prompt:hover { color:#0a6088; }
.rv-vote-prompt svg   { width:14px; height:14px; }

/* legacy overrides — hide old gif-based classes */
.thumbscover, .tunl, .tdnl, .thumbups, .thumbdowns,
.up, .down, .thumbs, .thumbsvis,
.revimg, td.rtd { display:none !important; }
table.revtab { border:none; width:100%; }
table.revtab tr td { border:none; padding:0; }

/*/ review form old overrides /*/
input.review, input.review:hover,
textarea.review, textarea.review:hover,
input.inactname, input.inactname2, input.reviewname,
input.loginformusr { /* kept for other uses, not overriding here */ }
#addreqform #tasc  { width:48px; text-align:center; }
.smtext {font-size:11px; color:#005179;font-style:italic;}



/*/ artistpage /*/
.left58 { float:left; width: 58%; }
.left42 { float:left; width: 42%; }
.art_alb_cont  { margin-bottom:8px; }
.art_alb_pic   { float:left; width:100px; max-width:50%; }
.art_alb_pic img { max-width:90px; }
.art_alb_info  { float:left; min-width:50%; }
.art_rev_info { font-size:14px; }
.art_bio img { vertical-align:middle;}
                                                                                                  
/* END END END nieuw design vanaf 2014/12/16 
color:#0a5f87; //blauw                      
color:#f06f1b; //oranje
*/                                          
     
     
                                                                                                  
/* homepage */                              
                                                                                                  
                                            
                                                                                                  
                                            
                                                                                                  
                                            
/* div elements */                                                                                
                                            
/* my profile */                                                                                  
div.mycont { padding:12px; border-radius:4px; border:1px solid #606060; margin-bottom:12px;}
div.mypar  { }                                                                                    
div.mysub1 { float:left; width:100px;}      
div.mysub1a{ float:left; width:100px;font-weight:bold;color:#00517a;}                             
div.mysub2 { float:left; width:400px; }     
div.mysub3 { float:left; width:125px;text-align:right; }                                          
                                            
div {  text-align:left;}                                                                          
                                            
            
div.01menu,div.02content  {padding:0px;font-size:10px;width:100%;margin:0px;}
div.revtab              {font-size:12px;   line-height:18px;   vertical-align:top;   text-align:left;}
div.aa                  {float:left;  font-size:12px;  margin-right:15px;  width:100%;   line-height:18px}
                                                                                                  
div.mam1                {float:left;width:50px;}
div.mam2                {float:left;width:75px;}
div.mam3                {float:left;width:80px;}

div.gbd                { border:1px solid #0a5f87; margin:12px; border-radius:5px; padding:12px;display:block;background-color:#ffffff;padding-bottom:10px;}
div.gbd:hover          { background-color:#ececec;}
div.gbt                { border:1px solid #0a5f87; border-radius:4px; background-color:#ffffff;text-shadow: 1px 1px #000000;background-image: url("../gfx/nav/menugradient.jpg"); background-repeat: repeat-x;color:#ffffff;width:100%;color:#ffffff;}
div.gbt div            { padding:5px; vertical-align:middle; }
.gbarror               { float: left; margin: 0px 15px 15px 0px;}

/*my moron favs*/
.myfav1 {
	float:left;
}
.myfav2 {
	float:left;
}
.myfav3 {
	float:left;
}


/*/ searchbox /*/
#tag_update {
    display: none;
    height: auto;
    width: 320px;
    position: absolute;
    z-index: 200;
    margin-top: 4px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(0,0,0,.45);
    border: 1px solid rgba(20,160,226,.35);
    background: #0a3d55;
}
#tag_update:not(:empty) { display: block; }
#tag_update ul {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #0a3d55;
}
/* category headers: "artists", "albums", "songs" */
#tag_update li {
    display: block;
    clear: both;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: rgba(255,255,255,.35);
    text-transform: uppercase;
    letter-spacing: .6px;
    font-weight: 700;
    padding: 8px 14px 3px;
}
#tag_update li:first-child { padding-top: 4px; }
/* result rows */
#tag_update li.sb {
    padding: 0;
    color: inherit;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
}
#tag_update a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 14px;
    text-decoration: none;
    color: #e8f4fb;
    font-size: 13px;
    transition: background .15s, color .15s;
}
#tag_update a:hover {
    background: rgba(20,160,226,.18);
    color: #fff;
}
#tag_update .sb img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,.1);
}
.sbhead { display: none; } /* category labels now handled by li styling above */

/* Mobile search results */
#tag_update_mob {
    display: none;
    height: auto;
    width: 100%;
    position: relative;
    z-index: 200;
    margin-top: 4px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(0,0,0,.45);
    border: 1px solid rgba(20,160,226,.35);
    background: #0a3d55;
}
#tag_update_mob:not(:empty) { display: block; }
#tag_update_mob ul { margin: 0; padding: 6px 0; list-style: none; background: #0a3d55; }
#tag_update_mob li { display: block; clear: both; padding: 8px 14px 3px; margin: 0; font-size: 12px; color: rgba(255,255,255,.35); text-transform: uppercase; letter-spacing: .6px; font-weight: 700; }
#tag_update_mob li:first-child { padding-top: 4px; }
#tag_update_mob li.sb { padding: 0; color: inherit; text-transform: none; letter-spacing: 0; font-weight: normal; }
#tag_update_mob a { display: flex; align-items: center; gap: 9px; padding: 7px 14px; text-decoration: none; color: #e8f4fb; font-size: 13px; transition: background .15s, color .15s; }
#tag_update_mob a:hover { background: rgba(20,160,226,.18); color: #fff; }
#tag_update_mob .sb img { width: 32px; height: 32px; object-fit: cover; border-radius: 4px; flex-shrink: 0; border: 1px solid rgba(255,255,255,.1); }

/*/ tables /*/

table                 {padding:0px; font-size:12px;  }
table.som td          {font-size:11px; vertical-align:top;  line-height:17px;}
table.contenttable    {width:100%;color:#000000; font-size:11px;}
table.contenttable td {background-color:#eeeeee;padding:8px;vertical-align:top;}

table.register, table.register tr td, table.register tr {vertical-align:top;text-align:left;}

/*/ add aiken  /*/
div.columngeneral, div.columnleft2 { padding:12px 12px 2px 12px;background-color:white;line-height:19px;font-size:12px; }
div.columnright       {margin:6px;padding:12px;background-color:white;border:1px solid grey;}


/* columncontainer */
div.pcol              {float:left;width:auto;position:relative;display:inline;border: 0;}
div.pcor              {border-radius:5px;float:right;width:auto;position:relative;vertical-align:middle;margin:2px;text-align:center;display:inline;border: 1px solid black;}
div.pcon              {width:100%;clear:both;height:15px;}
div.pcon2             {width:100%;clear:both;vertical-align:top;}

div.albumc                                                    {float:left;text-align:center;margin-right:15px;}
div.albumc a, div.albumc a:link, div.albumc a:active          {color:#0a5f87;border-bottom:1px solid #f0f0f0;text-decoration:none;font-size:12px;background-color:#e5e5e5;border-radius:3px;}
div.albumc a:hover                                            {color:black;}
div.albumc img                                                {border: 1px solid #e3e3e3;width:90px;height:90px;}

img.albimg      { margin-right:15px;border: 1px solid #e3e3e3; } 
img.biopic      { border: 1px solid black;margin-left:15px;}

div.ovleft  { float:left;width:58%;}
div.ovright { float:left;}
div.ovp     { padding-left:10px;}
div.ovcont  { width:100%; }

.l   { float:left; }
.r   { float:right; }
.c   { clear:both; }

div.subret       { margin:12px; padding:12px; border:1px solid grey; background-color:#c5c5c5; border-radius:5px;}
div.subret:hover { margin:12px; padding:12px; border:1px solid grey; background-color:#f0f0f0; border-radius:5px; }
div.subact       { margin:12px; padding:12px; border:1px solid #00517a; border-radius:5px; }
div.subact:hover { margin:12px; padding:12px; border:1px solid #00517a; border-radius:5px; background-color:#f0f0f0;}
div.subname      { font-weight:bold;color:#00517a;font-size:13px;}
div.subq         { background-image:url('gfx/quotes.png');background-repeat:no-repeat; position: relative;min-height:64px;}

/* Linkjes */

a                     {text-decoration:underline;font-weight:bold;}
a:link, a:visited     {color:#f06f1b;text-decoration:underline;font-weight:bold;}
a:active              {color:#f06f1b;text-decoration:none;font-weight:bold;}
a:hover               {color:#fd9654;text-decoration:none;font-weight:bold;}

/*/ Tag cloud /*/
.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 0 10px;
    align-items: center;
}
.tag-pill {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px 10px;
    border-radius: 20px;
    background: #e8f4fb;
    border: 1px solid #b0d4e8;
    transition: background .15s, border-color .15s;
}
.tag-pill:hover { background: #d0eaf8; border-color: #14a0e2; }
.tag-pill a { color: #0a6088; text-decoration: none; font-weight: 600; }
.tag-pill a:hover { color: #0a6088; text-decoration: none; }

/* Tags the logged-in user has personally added */
.tag-mine {
    background: #fff3eb;
    border-color: #f0a878;
}
.tag-mine:hover { background: #ffe0cc; border-color: #e07040; }
.tag-mine a { color: #c04010; }

/* Size scale 1–5 */
.tag-size-1 { font-size: 11px; }
.tag-size-2 { font-size: 12px; }
.tag-size-3 { font-size: 13px; font-weight: 700; }
.tag-size-4 { font-size: 15px; font-weight: 700; }
.tag-size-5 { font-size: 17px; font-weight: 700; }

/* +/× action links */
.tag-action {
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    opacity: .5;
    transition: opacity .15s;
    line-height: 1;
}
.tag-action:hover { opacity: 1; color: inherit; }
.tag-del { color: #c04010; }
.tag-add { color: #0a6088; }

/* Add tag form */
.tag-add-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    flex-wrap: wrap;
}
.tag-add-form { display: flex; gap: 6px; align-items: center; }
.tag-add-input {
    padding: 6px 10px;
    border: 1px solid #b0d4e8;
    border-radius: 20px;
    font-size: 12px;
    color: #1a3a4a;
    background: #f4fafd;
    outline: none;
    transition: border-color .2s;
    width: 140px;
}
.tag-add-input:focus { border-color: #14a0e2; background: #fff; }
.tag-add-btn {
    padding: 6px 14px;
    border: none;
    border-radius: 20px;
    background: #0a6088;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}
.tag-add-btn:hover { background: #14a0e2; }
.tag-login-prompt { font-size: 12px; color: #888; font-style: italic; }
.tag-error { font-size: 12px; color: #a00; margin-top: 4px; }

/* hide old tag classes */
.tagnp, .tagnpowner { display: none; }

/* span meuk, moeten nog herschreven worden naar divs */

.spanover               {background-color:yellow;}
.spanout                {background-color:white; }

div.spanju2             {background-color:#0a5f87;border:1px solid #0a5f87;color:#ffffff;font-family: 'Open Sans', sans-serif;;font-size:11px;height:20px;padding:0px;margin-right:2px;text-align:center;vertical-align:top;width:17px;display:block;float:left;}
div.spanju3             {background-color:#f5f5f5;border:1px solid #e9e9e9;color:#ffffff;font-family: 'Open Sans', sans-serif;;font-size:11px;height:20px;padding:0px;margin-right:10px;text-align:center;vertical-align:top;width:auto;display:block;float:left;}



/*/ Biography card /*/
.bio-card {
    background: #fff;
    border: 1px solid #d0e8f5;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 4px;
}
.bio-img {
    float: right;
    max-width: 180px;
    width: 40%;
    height: auto;
    margin: 12px 12px 8px 16px;
    border-radius: 6px;
    border: 1px solid #d0e8f5;
}
.bio-text {
    padding: 12px 14px 6px;
    font-size: 13px;
    line-height: 1.7;
    color: #222;
}
.bio-rest {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition: max-height .4s ease, padding .4s ease;
}
.bio-rest.bio-rest-open {
    max-height: 2000px;
    transition: max-height .5s ease;
}
.bio-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 14px 12px;
    border-top: 1px solid #eaf3f9;
    background: #f7fbfd;
    clear: both;
}
.bio-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 13px;
    border-radius: 20px;
    border: 1px solid #b0d4e8;
    background: #fff;
    color: #0a6088;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s, border-color .15s, color .15s;
}
.bio-btn svg { width: 13px; height: 13px; flex-shrink: 0; }
.bio-btn:hover { background: #d0eaf8; border-color: #14a0e2; }

.bio-btn-more   { border-color: #aaa; color: #444; }
.bio-btn-more:hover { background: #eee; border-color: #888; color: #222; }

.bio-btn-tag    { border-color: #b0d4e8; color: #0a6088; }

.bio-btn-fav    { border-color: #f0a888; color: #c04010; background: #fff8f5; }
.bio-btn-fav:hover { background: #ffe0d0; border-color: #e06030; }

.bio-btn-fav-active {
    background: #f06f1b;
    border-color: #c05010;
    color: #fff;
}
.bio-btn-fav-active:hover { background: #d05010; }

.bio-btn-fav-inactive {
    border-color: #ccc;
    color: #999;
    background: #f5f5f5;
    cursor: default;
}
.bio-btn-fav-inactive:hover { background: #efefef; border-color: #bbb; color: #777; }

/*/ General styling form elements /*/

button[type="submit"].inactive { cursor:pointer;background-color:#e3e3e3;color:#000000;padding:3px;height:29px;margin-bottom:5px;vertical-align:top;}
button[type="submit"].readm    {cursor:pointer; background-color: #3a3a3a; color:#ffffff;}
button[type="submit"].readm:hover { cursor:pointer;background-color: #a3a3a3;}

button[type="submit"].favo       {cursor:pointer; background-color: #ef6f23; color:#ffffff;}
button[type="submit"].favo:hover {cursor:pointer; background-color: #b1561f; color:#ffffff;}

/*/ Uitzonderingen; geen styling /*/
/*/ Checkbox; submit image; radio button /*/

input[type="radio"], input[type="image"], input[type="checkbox"], input[type="radio"]:hover, input[type="image"]:hover, input[type="checkbox"]:hover{
border:0px;border-radius:0px;text-shadow:0px 0px;padding:0px;background-color:transparent;margin:0px;width:auto;vertical-align:middle;
}

/*/ Additional styling classes /*/
input.loginformtop {
	border:1px solid #074562;
	margin-bottom:2px;
	border-radius:2px;
	padding:2px 4px 2px 4px;
	color:#ffffff;
	background-color:#14a0e2;
	text-shadow:0px 0px;
	max-width:100%;
}
input.loginformtop::-webkit-input-placeholder {
    color: #0d6792
}
input.loginformtop:-moz-placeholder {
    /* FF 4-18 */
    color: #0d6792;
}
input.loginformtop::-moz-placeholder {
    /* FF 19+ */
    color: #0d6792;
}
input.loginformtop:-ms-input-placeholder {
    /* IE 10+ */
    color: #0d6792;
}
input.loginformusr { border:1px solid #074562; border-radius:5px; margin-top:6px; padding:3px; color:#074562; background-color:#ccc;text-shadow:0px 0px; max-width:100%;}

/*/ ADD SEARCH /*/
input.searchbox {
	background-color: white;
	border: 0px;
	border-radius:4px;
	width: 100%;
	padding:4px 8px 4px 8px;
}

.dropdown               {border:1px solid #2683af;background-color:#22769b;color:white;font-size:12px;}

.divsearchpage { width:90%; border:1px solid #ccc; border-radius:4px; margin:12px; padding:12px;}

table.register tr td input {padding-left:0px;}

/*/ REV: Textarea /*/
textarea.review, textarea.review:hover         { width:96%;}


/*/ REV: Submit /*/
input.review            {text-shadow:0px 0px;color:#ffffff; background-color:#00517a;padding:5px;}
input.review:hover      {text-shadow:0px 0px;color:#ffffff; background-color:#343434;padding:5px;}

input.reg          {width:100px;text-shadow:0px 0px;color:#ffffff; background-color:#00517a;}
input.reg:hover    {width:100px;text-shadow:0px 0px;color:#ffffff; background-color:#343434;}

/*/ REV: Input /*/
input.reviewname, input.reviewname:hover        {width:188px;  height:26px; }


/*/ Inactive name - Security code /*/
/*/ This stuff pops up on the whole site.. /*/
input.inactname           {color:#ffffff; width:188px;  height:26px;  border:1px outset #d5d5d5;  background-color:#ef6f23;  margin-bottom:5px; text-shadow:0px 0px;}
input.inactname2           {color:#ffffff; height:26px;  border:1px outset #d5d5d5;  background-color:#ef6f23;  margin-bottom:5px; text-shadow:0px 0px;}
input#security_code       {font-size:20px; font-family: 'Open Sans', sans-serif;  font-weight:bold;  color:#00517a;  width:180px;  text-align:center;  height:40px;  border:1px outset #d5d5d5;  padding:0px;  background-color:#e4e4e4;border-radius:6px;  text-shadow:2px 5px #dbdbdb;  margin-bottom:5px; }
input#security_code:hover {font-size:20px; font-family: 'Open Sans', sans-serif;  font-weight:bold;  color:#00517a;  width:180px;  text-align:center;  height:40px;  border:1px inset #d9d9d9;  padding:0px;  background-color:#eeeeee; border-radius:6px;  text-shadow:2px 5px #dbdbdb;  margin-bottom:5px; }
.captchatxt{font-family: 'Open Sans', sans-serif; color:#00517a;  font-size:13px;}


/* tables */
table.revtab {
  font-size:12px; 
  line-height:18px; 
  vertical-align:top; 
  text-align:left;
}
td.rtd {
  height:2px; 
  background-color:#cdeaf7;
}

/* lists 

ul.alb {
    display:block;
    list-style-type: none;
    margin: 0px;
    padding:0px;
}    */
.alb {
    margin:0px;
    margin-left:108px;
}
.albcont {
  border-bottom:1px solid #c4c4c4;
}
.albcont:hover {
    background-color: #dedede;
}
.albp { /* place on album */
    padding:4px;
    float:left;
    width:5%; 
    margin:0px;
}
.albsp {  /* songtitle with place */
    float:left;
    width:90%; 
}
.albs {
    
}
.albs a {
    display:block;
    padding:4px;
}
.albs a:hover {
    padding:4px;
    color: #22769b;
    background-color: #dedede;
}


    
/*/ list artists/*/

td.allartists {
padding-bottom:14px;
padding-left:10px;
border:1px solid #e3e3e3;    
                 }
td.allyears {
padding-bottom:14px;
padding-left:10px;
border:1px solid #e3e3e3;
line-height:25px;}

.years {
font-size:18px;
font-weight:bold;
color:#22769b;} 

td.allcountries, td.allcountries2, td.allcountries3, td.allcountries4 {
	width:25%;vertical-align:top; line-height:13px;padding:12px 12px 12px 12px;
}
td.allcountries  {border:1px solid #d8d8d8;}
td.allcountries2 {border:1px solid #d7d7d7;background-color:#f6f6f6;}
td.allcountries3 {border:1px solid #d6d6d6;background-color:#f0f0f0;}
td.allcountries4 {border:1px solid #d5d5d5;background-color:#e8e8e8;}
.subtext {font-size:11px;line-height:25px;}

.cntrlk, .cntrlk:link, .cntrlk:visited, .cntrlk:active { font-size: 14px; text-decoration:none; color: #0a5f87;height:20px;}           	
.cntrlk:hover { text-decoration: none; color: #000000;height:20px;}
                              
span.t50s { position:relative; float:left; left:0px; white-space:wrap;  width:380px; color:#f06f1b; }
span.t50a { position:relative; float:left; left:0px; white-space:wrap;  width:175px;}
span.t50zw { position:relative; float:left; left:0px; white-space:wrap; margin:4px;}
span.t50h { float:right;}
div.t50sp { height:9px !important;height:7px;padding:0px;margin:0px;}
.t50i     { border:1px solid black;margin-right:4px;} 
.t50izw     { border:1px solid black;margin-right:0px;}
.toplk, .toplk:link, .toplk:visited, .toplk:active { font-size: 12px; text-decoration:none; color: #0a5f87;}           	
.toplk:hover 					   { text-decoration: none; color: #ffffff;}

.navlk2, .navlk2:link, .navlk2:visited, .navlk2:active { font-family: 'Open Sans', sans-serif;  font-size:12px; border-radius:5px; text-decoration:none; color: #000000;display:block;padding:4px;}           	
.navlk2:hover { font-family: 'Open Sans', sans-serif;  font-size:12px;  border-radius:5px; text-decoration: none; color: #ffffff;background-color:#0774a7;display:block;padding:4px;}

                
/* paging */
table.data {
  background-color:#fff;
  color:#213243; }

.data th {background-color:gray; color:#ffffff}
.pagingDiv { width:270px; height:20px}
.pNo {float:left; width:30px; margin-left:3px; margin-right:3px; border:0px solid gray;}
.pNo a {text-decoration:none;}

#addreq :link, #addreq :visited                   {color: black;text-decoration: none;background-color:white;border:1px solid black;padding:5px;}
#addreq ul :link:hover,#addreq ul :visited:hover  {color: white;}
#addreq li                                        {display: inline;}
#addreq ul, #addreq li                            {margin: 0; padding: 4px;}
#addreq li:hover a                                {color: white;background: black;padding:5px;} 
#addreq li:hover ul a                             {color: black;background: transparent;padding:5px;}

/*/ Artist page album grid /*/
.albart-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 12px;
    padding: 4px 0 8px;
}
.albart-card {
    background: #fff;
    border: 1px solid #d0e8f5;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow .15s, border-color .15s;
}
.albart-card:hover {
    border-color: #14a0e2;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}
.albart-cover {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: #eaf3f9;
}
.albart-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .2s;
}
.albart-card:hover .albart-cover img { transform: scale(1.04); }
.albart-info {
    padding: 8px 10px 10px;
}
.albart-name {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #0a5f87;
    text-decoration: none;
    margin-bottom: 3px;
    line-height: 1.3;
}
.albart-name:hover { color: #14a0e2; }
.albart-meta {
    font-size: 10px;
    color: #999;
    margin-bottom: 4px;
}
.albart-top {
    font-size: 11px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.albart-top a { color: #0a6088; text-decoration: none; }
.albart-top a:hover { text-decoration: underline; }

@media screen and (max-width: 480px) {
    .albart-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 8px; }
}

/*/ Lyrics box /*/
.lyr-box {
    background: #fff;
    border: 1px solid #d0e8f5;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 14px;
}
.lyr-title {
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 700;
    color: #0a5f87;
    background: #f0f7fb;
    border-bottom: 1px solid #d8eaf5;
}
.lyr-text {
    padding: 20px 14px 14px;
    font-size: 13px;
    line-height: 1.9;
    color: #222;
    white-space: pre-wrap;
}
.lyr-credit {
    padding: 8px 14px;
    font-size: 11px;
    color: #888;
    font-style: italic;
    border-top: 1px solid #eaf3f9;
    text-align: right;
}

/*/ Album card /*/
.alb-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #d0e8f5;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 14px;
}
.alb-cover {
    flex: 0 0 auto;
}
.alb-cover img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #d0e8f5;
    display: block;
}
.alb-info {
    flex: 1;
}
.alb-title {
    font-size: 16px;
    font-weight: 700;
    color: #0a5f87;
    margin-bottom: 8px;
}
.alb-meta {
    font-size: 12px;
    color: #444;
    margin-bottom: 4px;
    line-height: 1.5;
}
.alb-meta a { color: #0a6088; text-decoration: none; }
.alb-meta a:hover { text-decoration: underline; }
.alb-meta-label {
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: .4px;
    display: inline-block;
    width: 72px;
}

/*/ Tracklist /*/
.alb-tracklist {
    background: #fff;
    border: 1px solid #d0e8f5;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 14px;
}
.alb-tracklist-head {
    padding: 9px 14px;
    font-size: 12px;
    color: #555;
    background: #f0f7fb;
    border-bottom: 1px solid #d8eaf5;
}
.alb-track {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    font-size: 13px;
    border-bottom: 1px solid #eaf3f9;
    transition: background .12s;
}
.alb-track:last-child { border-bottom: none; }
.alb-track:hover { background: #f4fafd; }
.alb-track-num {
    flex: 0 0 24px;
    text-align: right;
    font-size: 11px;
    color: #aaa;
    font-weight: 600;
}
.alb-track a { color: #0a5f87; text-decoration: none; flex: 1; }
.alb-track a:hover { color: #14a0e2; }

/*/ Reviews list /*/
.rv-list { padding: 0; }
.rv-filter { margin-bottom: 10px; }
.rv-select {
    padding: 5px 10px;
    border: 1px solid #b0d4e8;
    border-radius: 6px;
    font-size: 12px;
    color: #0a6088;
    background: #f4fafd;
    cursor: pointer;
}
.rv-count {
    font-size: 12px;
    color: #555;
    margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
    .alb-card { flex-direction: column; }
    .alb-cover img { width: 80px; height: 80px; }
}
.pop-wrap {
    padding: 4px 0 8px;
}
.pop-svg {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}
.pop-legend {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #888;
    margin-top: 6px;
}
.pop-legend-cur {
    display: inline-block;
    width: 14px;
    height: 10px;
    background: #7ec8e8;
    opacity: .7;
    border-radius: 2px;
    flex-shrink: 0;
}

.dtm {
font-size:11px; color:#888;
}

/* ── Community Reviews ───────────────────────────────────── */
.rev-page           { padding: 6px; }
.rev-card           { background:#fff; border-radius:8px; margin-bottom:14px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.08); }

.rev-card-head      { background:#f0f0f0; padding:0 14px; min-height:38px; display:flex; align-items:center; border-radius:8px 8px 0 0; }
.rev-card-head h2   { margin:0; color:#0a5f87; font-size:16px; }

.rev-tabs           { display:flex; background:#fff; border-bottom:1px solid #e5eef4; padding:0 14px; flex-wrap:wrap; }
.rev-tab            { padding:9px 12px; font-size:11px; color:#555; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; font-family:'Open Sans',sans-serif; transition:color .15s; }
.rev-tab:hover      { color:#0a5f87; }
.rev-tab.active     { color:#fff; background:#14a0e2; border-bottom-color:#14a0e2; font-weight:bold; border-radius:4px 4px 0 0; }

.rev-panel          { display:none; background:#fff; padding:0; margin:0; }
.rev-panel.active   { display:block; background:#fff; padding:0; margin:0; }

.rev-row            { display:flex; align-items:flex-start; gap:10px; padding:12px 14px; border-bottom:1px solid #ddeef6; background:#fff; position:relative; transition:background .15s; }
.rev-row:last-child { border-bottom:none; }
.rev-row:nth-child(even) { background:#f4f9fc; }
.rev-row:hover      { background:#e4f2fa; }
.rev-row::before    { content:""; position:absolute; left:14px; top:0; bottom:0; width:3px; background:transparent; transition:background .15s; }
.rev-row:hover::before { background:#14a0e2; }

.rev-ava            { flex-shrink:0; }
.rev-ava img        { width:34px; height:34px; border-radius:50%; object-fit:cover; display:block; }
.rev-body           { flex:1; min-width:0; font-size:12px; line-height:17px; color:#333; }
.rev-meta           { display:flex; gap:8px; align-items:baseline; margin-bottom:3px; flex-wrap:wrap; }
.rev-uname          { font-weight:bold; font-size:12px; color:#0a5f87 !important; text-decoration:none; }
.rev-uname:hover    { text-decoration:underline; color:#14a0e2 !important; }
.rev-guest          { font-weight:bold; font-size:12px; color:#666; }
.rev-date           { font-size:10px; color:#bbb; }
.rev-text           { color:#444; font-size:12px; margin-bottom:4px; }
.rev-song a         { font-size:11px !important; color:#14a0e2 !important; text-decoration:none; }
.rev-song a:hover   { text-decoration:underline; }
.rev-score          { flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:1px; padding-top:2px; }
.rev-score .rp      { color:#2a9d5c; font-size:11px; font-weight:bold; }
.rev-score .rm      { color:#c0392b; font-size:11px; font-weight:bold; }

/* ── Community Overview ──────────────────────────────────── */
.com-overview       { display:flex; gap:0; padding:6px; flex-wrap:wrap; align-items:flex-start; }
.com-col            { flex:1; min-width:220px; }

.com-card           { background:#fff; border-radius:8px; margin:6px; margin-bottom:12px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.com-card-head      { background:#f0f0f0; padding:0 14px; min-height:38px; display:flex; align-items:center; justify-content:space-between; border-radius:8px 8px 0 0; }
.com-card-head h2   { margin:0; color:#0a5f87; font-size:15px; }
.com-see-all        { font-size:11px; color:#14a0e2; text-decoration:none; font-family:'Open Sans',sans-serif; }
.com-see-all:hover  { text-decoration:underline; }
.com-card-body      { padding:0; background:#fff; }

/* User rows (latest morons, profile updates) */
.com-user-row       { display:flex; align-items:center; gap:10px; padding:8px 14px; border-bottom:1px solid #eef4f8; background:#fff; }
.com-user-row:last-child { border-bottom:none; }
.com-user-row:nth-child(even) { background:#f4f9fc; }
.com-user-row img   { width:32px; height:32px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.com-user-row a     { font-size:12px; font-weight:bold; color:#0a5f87 !important; text-decoration:none; }
.com-user-row a:hover { text-decoration:underline; }

/* Request rows */
.com-req-row        { display:flex; align-items:center; gap:10px; padding:9px 14px; border-bottom:1px solid #eef4f8; background:#fff; font-size:11px; }
.com-req-row:last-child { border-bottom:none; }
.com-req-row:nth-child(even) { background:#f4f9fc; }
.com-req-info       { flex:1; line-height:16px; color:#444; }
.com-req-info strong { color:#333; font-size:12px; }
.com-req-btn        { background:#0a6088; color:#fff; border:none; border-radius:4px; padding:4px 8px; font-size:10px; cursor:pointer; white-space:nowrap; }
.com-req-btn:hover  { background:#14a0e2; }

/* Forum rows */
.com-forum-row      { padding:9px 14px; border-bottom:1px solid #eef4f8; background:#fff; }
.com-forum-row:last-child { border-bottom:none; }
.com-forum-row:nth-child(even) { background:#f4f9fc; }
.com-forum-info     { font-size:12px; line-height:17px; }
.com-forum-info a   { color:#0a5f87 !important; text-decoration:none; font-weight:bold; }
.com-forum-info a:hover { text-decoration:underline; }

.com-dim            { color:#aaa; font-size:10px; display:block; margin-top:1px; }

/* ── Community Profiles ──────────────────────────────────── */
.prof-page          { display:flex; gap:0; padding:6px; align-items:flex-start; flex-wrap:wrap; }
.prof-left          { flex:1.2; min-width:280px; }
.prof-right         { flex:1; min-width:240px; }

.prof-field         { display:flex; align-items:baseline; gap:8px; padding:8px 14px; border-bottom:1px solid #eef4f8; font-size:12px; }
.prof-field:last-child { border-bottom:none; }
.prof-field:nth-child(even) { background:#f4f9fc; }
.prof-field-block   { align-items:flex-start; flex-direction:column; gap:4px; }
.prof-label         { color:#888; font-size:11px; width:90px; flex-shrink:0; }
.prof-value         { color:#333; flex:1; line-height:17px; }
.prof-empty         { padding:14px; color:#aaa; font-size:12px; font-style:italic; }

.prof-respond-form  { padding:12px 14px; border-bottom:1px solid #eef4f8; }
.prof-input-locked  { width:100%; padding:6px 10px; border:1px solid #ddd; border-radius:4px; background:#f5f5f5; color:#888; font-size:12px; margin-bottom:8px; box-sizing:border-box; }
.prof-textarea      { width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:4px; font-size:12px; line-height:17px; resize:vertical; min-height:80px; box-sizing:border-box; margin-bottom:8px; font-family:'Open Sans',sans-serif; }
.prof-textarea:focus { outline:none; border-color:#14a0e2; }
.prof-submit        { background:#0a6088; color:#fff; border:none; border-radius:4px; padding:6px 14px; font-size:12px; cursor:pointer; }
.prof-submit:hover  { background:#14a0e2; }
.prof-success       { padding:12px 14px; color:#2a9d5c; font-size:12px; font-weight:bold; }

.prof-reaction      { padding:10px 14px; border-bottom:1px solid #eef4f8; }
.prof-reaction:last-child { border-bottom:none; }
.prof-reaction:nth-child(even) { background:#f4f9fc; }
.prof-reaction-meta { display:flex; align-items:baseline; gap:8px; margin-bottom:4px; }
.prof-reaction-meta a { font-weight:bold; font-size:12px; color:#0a5f87 !important; text-decoration:none; }
.prof-reaction-meta a:hover { text-decoration:underline; }
.com-dim2           { color:#bbb; font-size:10px; }
.prof-reaction-text { font-size:12px; color:#444; line-height:17px; }

/* ── Poll widget ─────────────────────────────────────────── */
.poll-widget        { font-size:12px; }
.poll-question      { font-weight:bold; color:#0a5f87; font-size:13px; margin-bottom:12px; line-height:1.5; }

.poll-option-btn    { padding:8px 12px; margin-bottom:6px; background:#f0f7fb; border:1px solid #c8dfe9; border-radius:6px; cursor:pointer; color:#0a5f87; font-size:12px; transition:background .15s, border-color .15s; }
.poll-option-btn:hover { background:#14a0e2; color:#fff; border-color:#14a0e2; }

.poll-result-row    { margin-bottom:10px; }
.poll-result-chosen .poll-result-label { font-weight:bold; color:#0a5f87; }
.poll-result-label  { font-size:11px; color:#444; margin-bottom:3px; display:flex; align-items:center; gap:6px; }
.poll-your-vote     { font-size:10px; color:#14a0e2; font-weight:normal; }
.poll-bar-wrap      { background:#e8f2f8; border-radius:4px; height:8px; overflow:hidden; margin-bottom:2px; }
.poll-bar           { height:8px; background:#14a0e2; border-radius:4px; transition:width .6s ease; width:0%; }
.poll-result-chosen .poll-bar { background:#0a5f87; }
.poll-result-pct    { font-size:11px; color:#888; }
.poll-result-count  { color:#bbb; }
.poll-total         { font-size:11px; color:#aaa; margin-top:10px; border-top:1px solid #eef4f8; padding-top:8px; }

/* ── Sort by Artist ──────────────────────────────────────── */
.sba-page            { padding: 6px; }
.sba-grid            { display: flex; flex-wrap: wrap; padding: 8px; gap: 4px; background:#fff; }

.sba-block           { background: #f7fbfd; border: 1px solid #ddeef6; border-radius: 6px; padding: 10px 12px; width: calc(25% - 10px); min-width: 160px; box-sizing: border-box; }
.sba-letter          { font-size: 22px; font-weight: bold; color: #14a0e2; font-family: Tahoma, sans-serif; margin-bottom: 8px; border-bottom: 2px solid #ddeef6; padding-bottom: 4px; }

.sba-list            { list-style: none; margin: 0 0 8px; padding: 0; }
.sba-list li         { margin-bottom: 8px; }
.sba-list a          { display: flex; align-items: center; gap: 9px; text-decoration: none; color: #333 !important; font-size: 13px; padding: 4px 6px; border-radius: 4px; transition: background .15s, color .15s; }
.sba-list a:hover    { color: #0a5f87 !important; background: #ddeef6; }
.sba-list img        { width: 28px; height: 28px; border-radius: 3px; object-fit: cover; flex-shrink: 0; }

.sba-more            { display: block; font-size: 10px; color: #14a0e2 !important; text-decoration: none; text-align: right; margin-top: 4px; }
.sba-more:hover      { text-decoration: underline; }

@media (max-width: 800px) {
    .sba-block { width: calc(50% - 8px); }
}
@media (max-width: 500px) {
    .sba-block { width: 100%; }
}

/* ── Sort by Artist — alphabet nav ───────────────────────── */
.sba-alpha-nav       { display: flex; flex-wrap: nowrap; gap: 3px; padding: 10px 12px; background: #fff; border-bottom: 1px solid #ddeef6; justify-content: space-between; }
.sba-alpha-nav a     { display: inline-block; flex: 1; padding: 5px 2px; text-align: center; font-size: 13px; font-weight: bold; font-family: Tahoma, sans-serif; color: #0a5f87 !important; text-decoration: none; border-radius: 4px; background: #f0f7fb; transition: background .15s, color .15s; }
.sba-alpha-nav a:hover { background: #14a0e2; color: #fff !important; }

/* ── Sort by Artist — back to top (mobile only) ─────────── */
.sba-letter          { display: flex; align-items: center; justify-content: space-between; }
.sba-back-top        { display: none; }
@media (max-width: 800px) {
    .sba-alpha-nav   { flex-wrap: wrap; justify-content: flex-start; }
    .sba-alpha-nav   { gap: 2px; }
    .sba-alpha-nav a { flex: 0 0 calc(11.11% - 2px); min-width: 0; padding: 5px 0; }
    .sba-back-top    { display: block; font-size: 11px; }
    .sba-back-top a  { color: #14a0e2 !important; text-decoration: none; font-weight: normal; font-family: 'Open Sans', sans-serif; }
    .sba-back-top a:hover { text-decoration: underline; }
}

/* ── Sort by Year ────────────────────────────────────────── */
.sby-grid            { display: flex; flex-wrap: wrap; padding: 8px; gap: 4px; background: #fff; }
.sby-block           { background: #f7fbfd; border: 1px solid #ddeef6; border-radius: 6px; padding: 10px 12px; width: calc(20% - 10px); min-width: 140px; box-sizing: border-box; }
.sby-list            { list-style: none; margin: 0 0 4px; padding: 0; }
.sby-list li         { margin-bottom: 3px; }
.sby-list a          { display: flex; justify-content: space-between; align-items: center; padding: 4px 6px; border-radius: 4px; text-decoration: none; font-size: 12px; transition: background .15s; }
.sby-list a:hover    { background: #ddeef6; }
.sby-year            { font-weight: bold; color: #0a5f87; font-size: 13px; }
.sby-count           { color: #aaa; font-size: 11px; }

@media (max-width: 900px) { .sby-block { width: calc(33% - 8px); } }
@media (max-width: 600px) { .sby-block { width: calc(50% - 6px); } }

/* ── Sort by Country ─────────────────────────────────────── */
.sbc-grid            { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0; background: #fff; }
.sbc-row             { display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-bottom: 1px solid #eef4f8; text-decoration: none; transition: background .15s; }
.sbc-row:hover       { background: #eef6fb; }
.sbc-row:nth-child(even) { background: #f7fbfd; }
.sbc-row:nth-child(even):hover { background: #eef6fb; }
.sbc-name            { flex: 1; font-size: 12px; color: #0a5f87 !important; font-weight: bold; }
.sbc-artists         { font-size: 11px; color: #aaa; width: 30px; text-align: right; flex-shrink: 0; }
.sbc-bars            { display: flex; gap: 2px; flex-shrink: 0; }
.sbc-bar             { width: 5px; height: 14px; border-radius: 2px; background: #e0eef5; }
.sbc-bar-on          { background: #14a0e2; }

/* ── Requests ────────────────────────────────────────────── */
.req-layout          { display: flex; gap: 0; align-items: flex-start; flex-wrap: wrap; }
.req-queue           { flex: 1; min-width: 280px; }
.req-done            { flex: 1; min-width: 280px; }

.req-row             { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-bottom: 1px solid #eef4f8; background: #fff; }
.req-row:last-child  { border-bottom: none; }
.req-row:nth-child(even) { background: #f7fbfd; }
.req-icon            { font-size: 18px; flex-shrink: 0; }
.req-info            { flex: 1; min-width: 0; }
.req-song            { font-size: 13px; font-weight: bold; color: #222; }
.req-meta            { font-size: 11px; color: #888; margin-top: 2px; }
.req-btn             { background: #0a6088; color: #fff; border: none; border-radius: 5px; padding: 6px 12px; font-size: 11px; cursor: pointer; white-space: nowrap; font-family: 'Open Sans', sans-serif; transition: background .15s; flex-shrink: 0; }
.req-btn:hover       { background: #14a0e2; }

.req-done-row        { display: flex; align-items: flex-start; gap: 8px; padding: 9px 14px; border-bottom: 1px solid #eef4f8; background: #fff; font-size: 12px; }
.req-done-row:last-child { border-bottom: none; }
.req-done-row:nth-child(even) { background: #f7fbfd; }
.req-done-check      { color: #2a9d5c; font-weight: bold; flex-shrink: 0; margin-top: 1px; }
.req-done-info       { flex: 1; line-height: 17px; color: #444; }
.req-done-info a     { color: #0a5f87 !important; font-weight: bold; text-decoration: none; }
.req-done-info a:hover { text-decoration: underline; }
.req-done-album      { color: #aaa; font-size: 11px; }

/* Sort by Country — legend */
.sbc-legend          { padding: 8px 14px; font-size: 11px; color: #888; display: flex; align-items: center; gap: 4px; background: #fff; border-bottom: 1px solid #eef4f8; }

/* ── Logobar ─────────────────────────────────────────────────────── */
.lb {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 64px;
}
.lb-logo { flex: 0 0 auto; padding: 10px 16px; }
.lb-logo img { display: block; max-height: 48px; width: auto; }
.lb-search { flex: 1 1 auto; padding: 10px 12px; }
.lb-search form { margin: 0; }
.lb-search input[type="text"] {
    width: 100%; box-sizing: border-box;
    padding: 8px 14px; border: none; border-radius: 20px;
    background: rgba(255,255,255,.13); color: #fff; font-size: 13px;
    outline: none; transition: background .2s;
}
.lb-search input[type="text"]::placeholder { color: rgba(255,255,255,.55); }
.lb-search input[type="text"]:focus { background: rgba(255,255,255,.22); }

.lb-user { flex: 0 0 auto; padding: 10px 14px; position: relative; }
.lb-logged-in { font-size: 13px; color: rgba(255,255,255,.85); white-space: nowrap; }
.lb-logged-in a { color: #f06f1b; font-weight: bold; text-decoration: none; }
.lb-logged-in a:hover { text-decoration: underline; }

.lb-toggle {
    display: flex; align-items: center; gap: 7px;
    background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2);
    border-radius: 20px; padding: 6px 14px; cursor: pointer;
    color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap;
    transition: background .2s, border-color .2s; user-select: none;
}
.lb-toggle:hover { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); }
.lb-toggle svg { flex-shrink: 0; }

.lb-dropdown {
    display: none; position: absolute; top: calc(100% + 6px); right: 0;
    width: 260px; background: #0a3d55; border: 1px solid rgba(20,160,226,.4);
    border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.4); z-index: 200; overflow: hidden;
}
.lb-dropdown.open { display: block; }

.lb-dtabs { display: flex; border-bottom: 1px solid rgba(255,255,255,.1); }
.lb-dtab {
    flex: 1; text-align: center; padding: 10px 6px; font-size: 12px; font-weight: 700;
    letter-spacing: .3px; color: rgba(255,255,255,.5); cursor: pointer;
    transition: color .15s, border-color .15s; border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.lb-dtab.active { color: #14a0e2; border-bottom-color: #14a0e2; }
.lb-dpanel { display: none; padding: 14px; }
.lb-dpanel.active { display: block; }

.lb-df { margin-bottom: 9px; }
.lb-df input {
    width: 100%; box-sizing: border-box; padding: 8px 11px;
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15);
    border-radius: 6px; color: #fff; font-size: 13px; outline: none;
    transition: border-color .2s, background .2s;
}
.lb-df input::placeholder { color: rgba(255,255,255,.35); }
.lb-df input:focus { border-color: #14a0e2; background: rgba(255,255,255,.13); }

.lb-dbtn {
    width: 100%; padding: 9px; border: none; border-radius: 6px;
    background: #14a0e2; color: #fff; font-size: 13px; font-weight: 700;
    cursor: pointer; transition: background .2s; margin-top: 2px;
}
.lb-dbtn:hover { background: #1bb8ff; }
.lb-dbtn-ghost {
    background: transparent; border: 1px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.7); font-weight: 600; margin-top: 6px;
}
.lb-dbtn-ghost:hover { background: rgba(255,255,255,.08); color: #fff; }
.lb-dlink {
    display: block; text-align: center; font-size: 11px;
    color: rgba(255,255,255,.45); margin-top: 8px; text-decoration: none;
}
.lb-dlink:hover { color: rgba(255,255,255,.8); }
.lb-derror {
    background: rgba(200,50,50,.25); border: 1px solid rgba(200,80,80,.4);
    border-radius: 5px; color: #ffaaaa; font-size: 12px; padding: 6px 10px; margin-bottom: 9px;
}
.lb-dsuccess { color: #7de87d; font-size: 12px; padding: 6px 0; line-height: 1.5; }
.lb-nice { display: none !important; }

.lb-mob { display: none; flex: 0 0 auto; padding: 10px 14px; cursor: pointer; }
.lb-mob-icon { display: flex; flex-direction: column; gap: 5px; width: 22px; }
.lb-mob-icon span {
    display: block; height: 2px; background: #fff; border-radius: 2px;
    transition: transform .3s ease, opacity .3s ease; transform-origin: center;
}
.lb-mob.open .lb-mob-icon span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.lb-mob.open .lb-mob-icon span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.lb-mob.open .lb-mob-icon span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.lb-search-mob { display: none; padding: 0 12px 10px; }
.lb-search-mob form { margin: 0; }
.lb-search-mob input[type="text"] {
    width: 100%; box-sizing: border-box; padding: 8px 14px; border: none;
    border-radius: 20px; background: rgba(255,255,255,.13); color: #fff;
    font-size: 13px; outline: none;
}
.lb-search-mob input[type="text"]::placeholder { color: rgba(255,255,255,.55); }

@media (max-width: 480px) {
    #menucont { overflow: hidden; max-height: 0; transition: max-height .35s ease; }
    #menucont.mob-open { max-height: 600px; }
    .lb-search { display: none; }
    .lb-search-mob { display: block; }
    .lb-mob { display: flex; align-items: center; }
    .lb-dropdown {
        position: fixed; top: auto; bottom: 0; left: 0; right: 0; width: 100%;
        border-radius: 14px 14px 0 0; max-height: 90vh; overflow-y: auto;
    }
    .lb-user { padding: 10px 8px; }
    .lb-toggle { font-size: 12px; padding: 6px 10px; }
    .lb-toggle svg { display: none; }
}

/* ── Homepage layout ─────────────────────────────────────── */
.home-news { margin: 6px; margin-bottom: 12px; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.home-news-header { background: #f0f0f0; padding: 0 14px; min-height: 40px; display: flex; align-items: center; border-radius: 8px 8px 0 0; }
.home-news-header h2 { margin: 0; }
.home-news-item { border-bottom: 1px solid #e0eef5; overflow: hidden; }
.home-news-item:last-child { border-bottom: none; }
.home-news-toggler { display: flex; align-items: center; padding: 11px 14px; cursor: pointer; transition: background .15s; user-select: none; background: #fff; }
.home-news-toggler:hover { background: #f5fafd; }
.home-news-toggler.open { background: #e8f4fb; border-left: 3px solid #14a0e2; }
.home-news-toggler h4 { margin: 0; font-size: 13px; color: #0a5f87; flex: 1; }
.home-news-toggler .tab-date { font-size: 11px; color: #aaa; white-space: nowrap; margin-left: 10px; }
.home-news-toggler .tab-arrow { font-size: 11px; color: #ccc; margin-left: 8px; transition: transform .2s; }
.home-news-toggler.open .tab-arrow { transform: rotate(90deg); }
.home-news-body { display: none; padding: 14px 18px 16px; font-size: 13px; line-height: 20px; color: #444; background: #fafcfe; border-top: 1px solid #e0eef5; }
.home-news-body.open { display: block; }

.home-card { margin: 6px; margin-bottom: 12px; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.home-card-header { background: #f0f0f0; padding: 0 14px; min-height: 38px; display: flex; align-items: center; justify-content: space-between; border-radius: 8px 8px 0 0; }
.home-card-header h2, .home-card-header h3 { margin: 0; }
.home-card-header a.see-all { font-size: 11px; color: #14a0e2; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: normal; }
.home-card-header a.see-all:hover { text-decoration: underline; }
.home-card-body { padding: 0; }

.hrev-row { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #e8f2f8; background: #fff; transition: background .1s; }
.hrev-row:last-child { border-bottom: none; }
.hrev-row:nth-child(even) { background: #f7fbfd; }
.hrev-row:hover { background: #eef6fb; }
.hrev-avatar img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; display: block; flex-shrink: 0; }
.hrev-body { flex: 1; font-size: 12px; line-height: 18px; }
.hrev-meta { display: flex; align-items: baseline; gap: 6px; margin-bottom: 4px; flex-wrap: wrap; }
.hrev-name { font-weight: bold; color: #0a5f87; font-size: 12px; }
.hrev-name a { color: #0a5f87 !important; text-decoration: none; }
.hrev-name a:hover { text-decoration: underline; }
.hrev-date { color: #bbb; font-size: 10px; }
.hrev-text { color: #444; font-size: 12px; line-height: 18px; margin-bottom: 5px; }
.hrev-link { font-size: 11px; margin-top: 2px; }
.hrev-link a { color: #14a0e2 !important; text-decoration: none; }
.hrev-link a:hover { text-decoration: underline; }

.hlyr-row { display: flex; align-items: flex-start; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #e8f2f8; background: #fff; }
.hlyr-row:last-child { border-bottom: none; }
.hlyr-row:nth-child(even) { background: #f7fbfd; }
.hlyr-img img { width: 36px; height: 36px; object-fit: cover; border-radius: 4px; display: block; flex-shrink: 0; }
.hlyr-songs { flex: 1; line-height: 19px; }
.hlyr-artist { font-weight: bold; color: #222; font-size: 13px; margin-bottom: 3px; }
.hlyr-songs a { color: #0a5f87 !important; text-decoration: none; font-size: 12px; display: block; padding: 1px 0; }
.hlyr-songs a:hover { color: #14a0e2 !important; }

.wgo2 { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #e8f2f8; font-size: 12px; color: #444; line-height: 18px; background: #fff; }
.wgo2:last-child { border-bottom: none; }
.wgo2:nth-child(even) { background: #f7fbfd; }
.wgo2 img { width: 34px; height: 34px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.wgo2 a { color: #0a5f87 !important; text-decoration: none; }
.wgo2 a:hover { color: #14a0e2 !important; }

.hreq-row { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #e8f2f8; background: #fff; }
.hreq-row:last-child { border-bottom: none; }
.hreq-row:nth-child(even) { background: #f7fbfd; }
.hreq-info { flex: 1; line-height: 18px; color: #444; font-size: 12px; }
.hreq-info strong { color: #222; font-size: 13px; display: block; margin-bottom: 1px; }
.hreq-btn input[type=submit] { background: #0a6088; color: #fff; border: none; border-radius: 5px; padding: 6px 12px; font-size: 11px; cursor: pointer; white-space: nowrap; font-family: 'Open Sans', sans-serif; transition: background .15s; }
.hreq-btn input[type=submit]:hover { background: #14a0e2; }

.htop-row { display: flex; align-items: center; gap: 10px; padding: 8px 14px; border-bottom: 1px solid #e8f2f8; background: #fff; cursor: pointer; transition: background .15s; text-decoration: none; }
.htop-row:last-child { border-bottom: none; }
.htop-row:nth-child(even) { background: #f7fbfd; }
.htop-row:hover { background: #eef6fb; }
.htop-num { color: #ccc; font-size: 14px; font-weight: bold; width: 20px; flex-shrink: 0; text-align: right; font-family: Tahoma, sans-serif; }
.htop-img img { width: 32px; height: 32px; object-fit: cover; border-radius: 4px; display: block; flex-shrink: 0; }
.htop-info { flex: 1; line-height: 16px; min-width: 0; }
.htop-song { color: #1a1a1a; font-size: 12px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.htop-artist { color: #888; font-size: 11px; }
.htop-hits { color: #bbb; font-size: 11px; flex-shrink: 0; }

@media (max-width: 700px) {
    .homelatref { float: none !important; width: 100% !important; }
    .homerightbot { float: none !important; width: 100% !important; }
    .homeleft { float: none; width: 100%; }
    .homeright { float: none; width: 100%; }
}

/* Most popular artists/songs layout */
.mps-layout { display: flex; gap: 0; align-items: flex-start; }
.mps-col    { flex: 1; min-width: 0; }
@media (max-width: 700px) { .mps-layout { flex-direction: column; } }