body,table,td{background-color:#000000;color:#00CC00;}
iframe {background-color:#FFFFFF;color:#FF0000;}
.header {color:#FFFFFF;position:relative;left:60px;font-size:36px;font-family:verdana;}
.navbar {width:100%; }
bodys {font-size:14px;font-family:verdana;}
a {color:#99FF99;}
a:hover {color:#99FF99;}
.helper{
    background-color:#113311;
    color:#66FF66;
    padding:5px 5px;
    border-radius:12px 12px;
}
input {background-color:#00CC00;font-family:verdana;border-radius:4px 4px;}
input:hover{background-color:#00FF00;}
li {
   background-color:#112211; 
   color:#00CC00; 
   box-shadow:2px 2px #003300;
   border-radius: 12px 12px;
   
}   
ul{
   line-height:100%; 
    
}
.myfile{
    color:#0000FF;
    
}
.pledit {
    color:#000000;
    background-color:#9999AA;
    text-align:center;
    padding: 4px 5px;
    text-decoration:none;
    display:inline-block; 
    border-radius: 6px 6px;
    text-shadow: 2px 2px 4px #000000;
    column-fill: auto;
     margin-top:5px; 
}
.plshow {
    color:#000000;
    background-color:#9999AA;
    text-align:center;
    padding: 4px 5px;
   
    text-decoration:none;
    display:inline-block; 
    border-radius: 6px 6px;
     text-shadow: 1px 1px 8px #FFFFFF;
    box-shadow:3px 3px 2px #CCCCCC; 
      margin-right:5px; 
}
.plshowon {
    color:#000000;
    background-color:#FFFFAA;
    text-align:center;
    padding: 4px 5px;
    
    text-decoration:none;
    display:inline-block; 
    border-radius: 6px 6px;
     text-shadow: 2px 2px 4px #6666FF;
    box-shadow:3px 3px 2px #FFFFff;  
    margin-right:5px; 
}
.plediton {
    color:#000000;
    background-color:#FFFFCC;
    text-align:center;
    padding: 4px 5px;
    text-align:center;
    text-decoration:none;
    display:inline-block; 
    border-radius: 6px 6px;
    
}
.plediton:hover {
    color:#000000;
    background-color:#FFFFCC;
    
}
.pledit:hover {
    color:#000000;
    background-color:#FFFFCC;
    
}
.nav {
    color:#000000;
    background-color:#00CC00;
    text-align:center;
    padding: 14px 25px;
     text-decoration:none;
    display:inline-block;
    border-radius: 8px 8px;
     text-shadow: 2px 2px 4px #EEFFEE;
    box-shadow:3px 3px 2px #00FF00; 
    margin-right:5px;
     }

.nav:hover {
    color:#000000;
    background-color:#99FF99;
    text-align:center;
    padding: 14px 25px;
     text-decoration:none;
    display:inline-block;
}


.gntable {
    font-family:courrier;
    font-size:14px;
    border:1px solid #009900;    
    background-color:#003300;    
}
.button{
    color:#000000;
    background-color:#00CC00;
    text-align:center;
    padding: 1px 2px;
    text-decoration:none;
    display:inline-block; 
    border:1px bold red;
    width:100px;
    margin:2px; 
}
.button:hover{
        color:#000000;
        background-color:#33FF33;
}
.buttonlow{
    color:#000000;
    background-color:#003300;
    text-align:center;
    padding: 1px 2px;
    text-decoration:none;
    display:inline-block; 
    border:1px bold red;
    width:100px;
}
// playlist page css
//plsongs,plsong,plfilename,plartist,plchords,pllevel,plpreference,plcomment

.plsongs{
     column-count:4;
     height:100px;
}

.plitem{
    
    color:#FFFFFF;
    background-color:#333333;     
    border:1px solid red;    
    border-radius: 8px 8px;    
    padding:2px 2px 2px 2px;    
    margin-right:12px;
    margin-bottom:12px;
    }


.plfilename{
    color:#006600;
    font-size:14px;
    padding:2px; 
    text-decoration:none;
    background-color:#CCCCCC;
    border-radius:6px 6px;
    text-transform: uppercase;
    text-align:center;
    display:inline-block;
    margin-bottom:2px;
    width:200px;
    margin-right:4px;
   
}
.plfilename:hover{
    color:#FF6633;
    background-color:#FFFFFF;
    
}
.plartist{
    color:#FF00FF;
     display:inline-block;
     margin-right:4px;
}
.plchords{
    color:#00FFFF;
     display:inline-block;
     margin-right:4px;
}
.pllevel{
    color:#00FF00;
     display:inline-block;
     margin-right:4px;
}
.plpreference{
    color:#FF0000;
     display:inline-block;
     margin-right:4px;
     margin-right:4px;
}
.plcomment{
    color:#6666FF;
    background-color:#000000;
    height:74px;    
    display:inline-block;
    padding:4px;
    width:239px;
    border-radius: 8px 8px;
    overflow:auto;
}