body { 
    font-family:"arial";
    background-color:#000;   
    color:#aaa;
    padding:20px;
  position:relative;
}

a { 
   color:#39c;
}
hr {
border: 0; border-top: 1px solid #888;
}

.tag_red {
   color:#39c;
   font-size:80%;
   font-weight:bold;
   background-color:#000;
   padding:2px;
   border-radius:2px;
}
.ninlink {
   cursor:pointer;
}
.ninlink:hover {
    color:#aaa;
}

.ninbut {
   border-radius:3px;
   background-color:#555;
   border:none;
   margin-bottom:3px;
   outline:none;
   height:24px;
   cursor:pointer;
   color:#ddd;
}
.menu-button {
   float:right;
}
.nb-menu {
   position:absolute;
   border-radius:3px;
   top:55px;
   right:15px;
   padding: 8px;
   cursor:pointer;
   background-color:#444;
   z-index:100;
	
}
.menu_item {
    margin-right:10px;
    font-size:110%;
    nfont-weight:bold;
    cursor:pointer;
    color:#888;
}
.menu_item:hover {
    color:#39c;
}
.nb-menu-item {
    min-width:100px;
    font-size:120%;
    padding:10px;
    border-radius:5px;
}
.nb-menu-item:hover {
    background-color:#222;
    
    color:#39c;
}
.nb-menu-item-selected
{
    color:#39c;
}
.ninbut-lg {
   border-radius:3px;
   background-color:#555;
   border:none;
   margin-bottom:3px;
   outline:none;
   height:30px;
   font-size:110%;
   cursor:pointer;
   color:#ddd;
}
.ninbut-lg:hover {
    color:#39c;
}
.ninbut:hover {
    color:#39c;
}
.ninput {
   border-radius:3px;
   outline:none;
   background-color:#555;
   border:none;
   height:24px;
   width:202px;
   color:#ddd;
   margin-bottom:5px;
   width: 250px;
    padding: 5px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
   
}
.ninput-lg {
   border-radius:3px;
   outline:none;
   background-color:#444;
   border:none;
   height:30px;
   width:100%;
   color:#ddd;
   font-size:120%;
   margin-bottom:5px;
   
}
.ninseeker {
   border:none;
    cursor:pointer;width:200px;height:18px;border-radius:5px;
	margin-bottom:-4px;background-color:#aaa;

}
.moretracks {
    border-radius:3px;
    border-style:none;
    nwidth:520px; 
    width:100%; 
    height:55px;
    background-color:#333;
    border-color:#888;
    color:#39c;
}
.moretracks:hover {
    background-color:#666;
}
.flag {
    border-radius:3px;
    width:18px; 
}
.current_song {
    color:#39c;
    cursor:pointer;
}
.player_song:hover {
    color:#39c;
    cursor:pointer;
}
.mp3list:hover {
    color:#39c;
}
.mp3list {
    padding:0px;
    overflow-wrap: break-word;
}
.videolist:hover {
    color:#39c;
}
.videolist {
    padding:0px;
    overflow-wrap: break-word;
}
.server_list_server {
    font-size:110%;
}
.server_list {
    padding:0px;
    width: 40%;
    max-width: 240px;
    margin-right:25px;
    noverflow:hidden;
    overflow-wrap: break-word;
    float:left;
}

.server_list {
}
.wrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.server_name {

    font-size:100%;
    color:#39c;
    cursor:pointer;
}

.content_header {

    font-size:120%;
    color:#36b;
    color:#aaa;
    color:#888;
    font-weight:bold;
}
.content {
   float:left;
   width: calc(100% - 290px);
   nmin-width:200px;
}
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(64,64,64,0.9);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:#aaa;
    -webkit-box-shadow: inset 0 0 6px rgba(80,80,80,0.9);
}

.nb-callout {
   background-color:#222;
   border-radius:5px;
   padding:10px;
}

#audio_panel {
noposition:absolute;
position:fixed;
background-color:#222;
border-radius:3px;;float:right;max-width:420px;position:absolute;
right:0px;
padding:15px;
padding-bottom:25px;
top:0px;
}
#video_panel {
noposition:absolute;
position:fixed;

background-color:#222;
border-radius:3px;;float:right;max-width:90%;height:270px;;position:absolute;
right:0px;
padding:15px;
padding-bottom:25px;
top:0px;
}

.nb-menu {
   position:absolute;
   border-radius:3px;
   top:55px;
   right:15px;
   padding: 8px;
   cursor:pointer;
   background-color:#444;
   z-index:100;
	
}
@media all and (max-width : 480px) {
.nb-menu {
   top:35px;
   right:0px;
}

     body{
          nmargin-left: -5%;
          padding:0;
      }
      .server_list {
 	width:100%;
      }
      .content {
 	width:100%;
      }
}


.search_bar {
   width: calc(100% - 0px);
   max-width:320px;
   nwidth: calc(100% - 0px);
}
.nb-login-center {
   margin-left:-5px;
}

@media screen and (max-width: 480px) {
.nocontent {
   width: 100%;
}
.nb-login-center {
   margin-left:0px;
}
     .search_bar {
   	width: 100%;
     }
    .nb-menu-bar {
        display: none !important;
    }
}

.nb-news-headline {
   font-weight:bold;
   font-size:140%;
   margin-top:15px;
}
.nb-news-div {
    color:#39c;
    color:#aaa;
    font-size:120%;
    margin-bottom:10px;
    margin-top:20px;
    font-weight:bold;
}
.nb-news-date {
   font-size:85%;
}
.nb-news-body {
   margin-top:5px;
   max-width:600px;
}
.nb-video-stream {
   color:#39c;
}
.nb-login-picture-div:hover {
   border-color:#39c;
   border-style:solid;
}
.nb-login-picture-square {
  width: 320px;
}
.nb-login-picture-div {
   border-color:#000;
   border-style:solid;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
   border-radius:50%;
  overflow: hidden;
  float:right;
}
.nb-login-picture {
    width:auto;
    height:100%;
    margin-left:0;
}
.nb-login-name {
   float:right;
   nfont-size:120%;
   margin-right:10px;
   margin-top:13px;
   color:#999;
   font-weight:bold;
   
}
.nb-login-input {
   nfont-size:120%;
}
.nb-login {
   width:90%;
   nheight:300px;
   padding:10px;
   background-color:#000;
}
.signup_noerror {
    color:#0e0;
    margin-left:10px;
}
.signup_error {
    color:#e00;
    nfont-weight:bold;
    margin-left:10px;
}

.nvideo-container {
      position: relative;
      overflow: hidden;
      height: 0;
      padding-bottom: 56.25%; /* calculate by aspect ratio (h / w * 100%) */
    }
    .nvideo-container .nvideo {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }