/**********************icons****************************/

/*w3schools.com/icons/fontawesome_icons_video.asp*/


/****************ON OFF SWITCH****************/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}





/****************PRINT OPTIONS****************/
div.printlinemed{
    position:relative;
    padding:2px 2px 0px 3%;
    margin:0px 2px 0px 2px;
    text-align:left;
    font-size:16px;
    height:20px;
    overflow:hidden;
    text-transform:capitalize;
    white-space: nowrap; 
    text-overflow: ellipsis; 
}

div.printsetline{
    position:relative;
    padding:2px 0px 0px 2%;
    margin:0px 3px 0px 3px;
    text-align:center;
    font-size:16px;
    height:18px;
    overflow:hidden;
    text-transform:capitalize;
    white-space: nowrap; 
    text-overflow: ellipsis; 
    border-bottom:1px solid black;
}


div.printheaderline{
    position:relative;
    padding:0px 0px 0px 0px;
    margin:0px 7px 0px 7px;
    text-align:center;
    font-size:14px;
    /*height:18px;*/
    overflow:hidden;
    text-transform:capitalize;
    white-space: nowrap; 
    text-overflow: ellipsis; 
    /*border-bottom:1px solid black;*/
    color:black;
}

div.printsetgroup {
width:100%;
      /*  border-bottom:1px solid black;*/
overflow:hidden;
margin:0px 2% 10px 2%;
}



div.printoptions2 {
    position:relative;
    background-color:#FFFFFF;
    color:black;
    /*  border-bottom:1px solid black;*/
    overflow:hidden;
    margin:0px 2% 0px 2%;
}

div.printoptionsshare1 {
    position:relative;
    background-color:#FFFFFF;
    color:black;
    /*  border-bottom:1px solid black;*/
    overflow:hidden;
    margin:0px 2% 0px 2%;
    width:200px;
   font-size:15px;
}
div.printoptionscodefont {
       font-size:25px;
       text-align:center;

}




div.printoptions3 {
    position:relative;
    background-color:#FFFFFF;
    color:black;
    /*  border-bottom:1px solid black;*/
    overflow:hidden;
    margin:0px 2% 0px 2%;
}

div.printoptions4 {
    position:relative;
    background-color:#FFFFFF;
    color:black;
    /*  border-bottom:1px solid black;*/
    overflow:hidden;
    margin:0px 2% 0px 2%;
}

div.printcol2 {
    width:50%;
    float:left;
}

div.printcol3 {
    width:33%;
    float:left;
}


div.printcol4 {
    width:25%;
    float:left;
}






/****************BODY****************/

html {
scroll-behavior: smooth;

}

body.bodymargin {
height: 100%;
width: 100%;
margin-top: 0px;
margin-left: 0px;
font-family:  "Open Sans",Arial,Helvetica, "Helvetica Neue", sans-serif;
font-size: 11px;
cursor: pointer;
overflow:hidden;
overflow-x: hidden;
background-color: black;
color:#E0E0E0;
}

.bodynoselect {
    
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-user-drag: none;
      
-moz-user-select: none;
-moz-user-select: -moz-none;
-moz-user-drag: none;

-ms-user-select: none;
user-drag: none;
user-select: none;

}

*{
/*box-sizing: border-box;*/
/*-moz-user-select: none; 
-moz-user-select:-moz-none;*/
}

div#ts1{
position:absolute;
/*turn off absolut for address bar*/
min-height:100%;
max-height:10%;
width:100%;
min-width:300px;
max-width:750px;
background-color:#0d0d0d;
    /*background: linear-gradient(black, #333333); /* Standard syntax (must be last) */

color:#E0E0E0;
font-size:16px;
overflow:hidden;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
overflow-y:auto;
}

div#ts2 {
    width:100%;
    overflow:hidden;
}


div#datediv {
position:fixed;
z-index:10;
}

div#tspausedholder {
    margin-top:50px;
}

div#tspauseddiv {
    height:100px;
    margin-top:50px;
    font-size:24px;
}

div.homebox {
position:relative;
border:1px solid #FFFFFF;
border-radius:5px;
padding:2px;
margin:5px 2px 0px 2px;
font-size:16px;
text-align:center;
}


div#bandeventstitle,div#bandplaylisttitle {text-overflow: ellipsis; }

div.hometitlefixed, div.hometitletop {
text-align:center;
font-size:16px;
height:25px;
color:white;
font-weight:bold;
line-height:1.5;
width:100%;
min-width:300px;
max-width:750px;
/*border-top:1px solid black;*/
/*background-color:#1a1a1a;*/

   /*   background: linear-gradient(#1a1a1a,#333333); /* Standard syntax (must be last) */
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis; 
}

div.invitetitletop {
text-align:center;

font-size:20px;
font-weight:bold;
color:#ffef81;

line-height:1;
background-color:#0d0d0d;
height:25px;
width:100%;
min-width:300px;
max-width:750px;
border-top:1px solid black;
/*background-color:#1a1a1a;*/
 
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis; 
}






div.hometitletopblue {
text-align:center;
font-size:18px;
height:25px;
background-color:#273139;
color:white;
/*font-weight:bold;*/
line-height:1.3;
width:100%;
min-width:300px;
max-width:750px;
border-top:1px solid #90D57F;
       background: linear-gradient(#90D57F,#333333); /* Standard syntax (must be last) */
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis; 
}


span#currentsortspan {
    float:right;
    font-size:12px;
    padding:4px 4px 0px 0px;
}

span#currentclosedsortspan
{
    float:right;
    font-size:12px;
    padding:4px 4px 0px 0px;
}



div.hometitlefixed {
position:fixed;
margin-top:-26px;
z-index:4;
overflow:hidden;
}

div.hometitlefixed2,div.hometitletop2 {
text-align:center;
font-size:20px;
height:75px;
font-weight:bold;
color:#ffef81;

line-height:1;
/*background-color:#0d0d0d;*/
background-color:#030303;

 border-bottom:1px solid #202020;

width:100%;

min-width:300px;
max-width:750px;

overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis; 
/*opacity:.95;*/

}

div.hometitlefixed2 {
position:fixed;
margin-top:-75px;
z-index:4;
height:75px;
overflow:hidden;
}


div.menuspacediv{
position:relative;
height:8px;
border-top:1px solid black;
border-bottom:1px solid #333333;
background-color:#202020;
/*margin-top:26px;*/
}



div#livebuttondiv {
font-size:24px;
position:relative;
border-bottom:1px solid #666666;
padding:2px 2px 2px 10px;
margin:2px 7px 0px 7px;
text-align:left;

}
div.menudiv{
font-size:24px;
position:relative;
border-bottom:1px solid #606060;
padding:17px 2px 2px 10px;
margin:0px 7px 0px 7px;
text-align:left;
}
div.menudiv2 {
position:relative;
border-bottom:1px solid #606060;
padding:5px 0px 5px 0px;
text-align:left;
}


div#r1songlist {

}
div#r1artistlist {
background-color:black;
}

div.r1button,div.r2button {
    position:relative;

    padding:0px;
    height:23px;
    width:44%;
    float:left;
    font-weight:normal;
    color:lightblue;
    border-radius:5px 5px 5px 5px;
    overflow:hidden;
    margin:0px 2% 0px 3%;
    border:1px solid lightblue;
    }
div.r2button {
background-color:black;
}

div.logspacediv{
position:relative;
height:10px;
border-bottom:1px solid black;
border-top:1px solid black;
background-color:#202020;
margin-top:1px 0px 1px 0px;
}

div.logbox {
position:relative;
margin:2px 0px 0px 0px;

}




div.logbutton {
    position:relative;
    padding:0px;
    height:26px;
    width:45%;
    float:left;
    font-size:16px;
    font-weight:normal;
    color:white;
    color:lightblue;

    opacity:.5;

    margin:0px 2% 0px 3%;
}
/************STATS***************/
div.astatlist {
border-bottom:1px solid;
text-align:left;
}

div.astatlabel {
padding-left: 15px;
border-bottom:1px solid;
text-align:left;

}


div.astatA {
display:inline-block;
width:30%;
overflow:hidden;
font-size:12px;
text-align:left;
padding-left:15px;
}

div.astatB {
display:inline-block;
width:15%;
overflow:hidden;
font-size:15px;
text-align:center;
}




/****************BAND PROFILE***********/

div.joinline {
font-size:14px;
}

div.bluetext {
  color:#4682B4;
}

.whitetext {
color:white;
}


div#bandpic{
margin:5px 0px 0px 0px;
}


div#bandprofile {

    margin:5px 0px 0px 0px;
    border:1px solid white;
    border-radius:5px;
}

div#bandwebsite {
white-space: nowrap; 
text-overflow: ellipsis; 
display:none;
color:white;
font-size:12px;
}


a.awebsite {
    color:lightblue;
    font-size:18px;


}


div#bandprofile{
/*height:150px;*/
width:80%;
border:1px solid white;
margin:10px 0px 0px 10%;
}

img {
border-radius:4px 4px 2% 2%;
border-radius:4px 4px 4px 4px;
}

div#profilename {
position:relative;
font-size:16px;
font-weight:bold;
box-shadow:0px 0px 20px 2px white;
margin:15px 1px 5px 1px;
border-radius:4px;
text-shadow: 1px 1px 1px white, 0 0 25px blue, 0 0 5px darkblue;

}

/****************REQUEST LIST***************/





div.serchingname{
    font-size:18px;
color:#c19839;
margin:0px 0px 5px 0px;
}

div.reqclsent {
 font-size:18px;
color:#c19839;
margin:0px 0px 5px 0px;
}


div#requestbanner {
}


span.reqnlimnumber {
color:lime;
font-size:16px;

}











div.requesticondiv {
    float:right;
    margin:0px 0px 0px 0px;
}

i.requesticon {
margin:0px 0px 0px 0px;
font-size:30px;
position:relative;
}
/*1 and 2 are animated*/
/*11 and 22 are Not*/
div.requestmsg1 {
position:relative;
margin:5px 0%  0px 0%;
color:lightblue;
font-size:14px;
}

div.requestmsg2 {
position:relative;
margin:0px 5% 0px 5%;
color:orange;
font-size:14px;
}
div.requestmsg11 {
position:relative;
margin:5px 5%  0px 5%;
color:lightblue;
font-size:14px;
}

div.requestmsg22 {
position:relative;
margin:5px 5% 0px 5%;
color:orange;
font-size:14px;
}

/*SEN NOW BUTTON*/
/*inside the msghold center*/

div#reqmsghold {}

div#requestmsg {
font-size:16px;
margin-top:1px;
}

div#requestcount {
font-size:14px;
}
div.r1sendbutton{
position:relative;
margin:1px 15% 0px 14%;
height:30px;
background-color:#262626;
background-color:darkslategray;
padding-top:0px;
/*line-height:3;*/
/*width:35%;*/
font-weight:normal;
color:lime;
border-radius:10px;
overflow:hidden;
font-size:16px;
border:1px solid limegreen;
}

div#sendbuttext {
    display:inline;
    position:relative;
    line-height:2;
    margin:0px 18px;
    font-size:16px;
}


/*SEN NOW BUTTON L R */
/*inside the msgholdleft*/

div#reqmsgholdlefright {}
div#requestmsgleft {
font-size:16px;
margin-top:1px;
float:left;
width:49%;
display:dnone;
color:#3c6e7f;
line-height:2;
text-align:center;
}
div#requestmsgright {
font-size:16px;
margin-top:1px;
float:right;
width:42%;
margin:0px 5% 0px 0px;
display:dnone;
}


div.r1sendbuttonrt{
position:relative;
margin:0px 0px 0px 0px;
height:30px;
background-color:#262626;
background-color:darkslategray;
padding:0px 8px 0px 4px;
font-weight:normal;
color:lime;
border-radius:10px;
overflow:hidden;
font-size:16px;
border:1px solid limegreen;
    line-height:1;
        text-align:left;
}


div#rtsendbuttext {
    display:inline;
    position:relative;
    line-height:1;
    margin:0px 0px;
    font-size:14px;
    padding:0px 3px 0px 3px;
            text-align:left;
            float:left;
}















div.reqmsgsent {
font-size:14px;
color:lightblue;
}
div.reqmsgsending1 {
font-size:16px;
color:white;
margin:0px 0px 3px 0px;
}

div.reqmsgsending2 {
font-size:18px;
color:lightblue;
margin:0px 0px 3px 0px;
}

div.reqmsgsending3 {
font-size:20px;
color:#c19839;
margin:0px 0px 3px 0px;
}

div.reqmsgdone1 {
font-size:14px;
color:white;
margin:0px 0px 3px 0px;
}

div.reqmsgdone2 {
font-size:16px;
/*color:#c19839;*/
color:limegreen;
margin:0px 0px 3px 0px;
/*text-align:left;*/
width:100%;
height:22px;
overflow:hidden;
text-overflow: ellipsis; 
}

div.reqmsgdone3 {
font-size:14px;
color:lightblue;

margin:0px 0px 3px 0px;
}

div.reqmsgtime {
font-size:14px;
color:orange;

margin:0px 0px 5px 0px;

}
div.reqmsgsendnow1 {
    font-size:18px;
/*color:#c19839;*/
color:limegreen;
margin:0px 0px 3px 0px;
/*text-align:left;*/
width:100%;
height:26px;
overflow:hidden;
text-overflow: ellipsis; 
}
div.reqmsgsendnow2 {
font-size:16px;
color:#c19839;
margin:0px 0px 3px 0px;
/*text-align:left;*/
width:100%;
height:22px;
overflow:hidden;
text-overflow: ellipsis; 
}


div.reqplayedflag {
    font-size:10px;
    color:#606060;
    z-index:1;
    position:relative;
    float:right;
    
    width:30px;
    margin:-4px 0px 0px -35px;
        

}

div.reqplayedflagXX {
    font-size:10px;
    color:#606060;
    z-index:1;
    position:relative;
    float:right;
    /*
    width:60px;
    margin:0px 0px 0px -60px;
        */
        width:230px;
    margin:-4px 0px 0px -230px;
}





div.r1songdiv {
font-size:16px;
position:relative;
border-bottom:1px solid #606060;
padding:12px 2px 6px 0px;
margin:0px 7px 0px 7px;
text-align:left;
white-space: nowrap; 
text-overflow: ellipsis; 
font-weight:bold;
}
div.r1songdivplayed {
font-size:16px;
position:relative;
border-bottom:1px solid #606060;
padding:12px 2px 6px 0px;
margin:0px 7px 0px 7px;
text-align:left;
white-space: nowrap; 
text-overflow: ellipsis; 
font-weight:bold;
}

div.reqplayedflag {


}



div.r1songdivnone {
display:none;
overflow:hidden;
height:0px;
}


div.r1songdivlime,div.r1songdivlime2{
font-size:16px;
position:relative;
border-bottom:1px solid #606060;
padding:12px 2px 6px 0px;
margin:0px 7px 0px 7px;
text-align:left;
background-color:lime;
color:black;
border-radius:5px;
opacity:.7;
white-space: nowrap; 
text-overflow: ellipsis; 
font-weight:bold;

}


div.r1songdivdone{
font-size:16px;
position:relative;
border-bottom:1px solid #606060;
padding:12px 2px 6px 0px;
margin:0px 7px 0px 7px;
text-align:left;
color:lime;
white-space: nowrap; 
text-overflow: ellipsis; 
font-weight:bold;

}







div.r1artistdiv {
font-size:16px;
position:relative;
border-bottom:1px solid #606060;
padding:17px 2px 2px 10px;
margin:0px 7px 0px 7px;
text-align:left;
}


/***********LIVE EVENT LIST***********/

div#bnameevent {
position:relative;
color:#c19839;
background-color:black;
font-size:17px;
font-weight:bold;
/*margin:1px 0px 0px 0px;*/
/*box-shadow:0px 0px 60px 2px white;*/
text-shadow: 1px 1px 1px white, 0 0 25px blue, 0 0 5px darkblue;
height:22px;
/*padding-top:2px;*/
line-height:1.2;
}

div#eventlivetitle {
font-size:15px;
color:#ffffff;
margin-top:2px;
/*box-shadow:0px 0px 60px 2px white;*/

}


div#eventmainlist {
}



div#p1active, div.p1active,div#p1songs,div.p1songs{
background-color:#282828;
 background: linear-gradient( black, #333333);
color:white;
}




div#songrequests, div.songrequests {
background-color:black;
color:lime;
   background: linear-gradient(#1a1a1a,#333333); /* Standard syntax (must be last) */

}

div.m1newsong, div.p1newsong {
background-color:black;
color:lime;
}

div#artistrequests, div.artistrequests {
background-color:black;
color:lime;
}

div#eventplaylist, div.eventplaylist {
background-color:#282828;
background: linear-gradient(#282828, #333333); /* Standard syntax (must be last) */

color:white;
}

div#eventallsongs,div.eventallsongs,div.m1allsong, div.p1allsong {
    background: linear-gradient(black, #333333); /* Standard syntax (must be last) */

color:white;

}

div#songsplayed,div.songsplayed,div.songsmaster{
background-color:black;
color:white;

}

div#songskipped,div.songskipped,div.m1remove, div.p1remove {
background-color:#3d1010;
color:white;
white-space: nowrap; 
text-overflow: ellipsis; 

}
div.m1newsongdiv,div.m1allsongdiv,div.m1removediv{
position:relative;
border-bottom:1px solid #606060;
padding:15px 2px 4px 5px;
margin:0px 7px 0px 7px;
text-align:left;
font-size:16px;
height:18px;
overflow:hidden;
text-transform:capitalize;
white-space: nowrap; 
text-overflow: ellipsis; 
}

div.p1songsdiv, div.p1newsongdiv,div.p1allsongdiv,div.p1removediv{
position:relative;
border-bottom:1px solid #606060;
padding:15px 2px 4px 10px;
margin:0px 7px 0px 7px;
text-align:left;
font-size:16px;
height:18px;
overflow:hidden;
text-transform:capitalize;
white-space: nowrap; 
text-overflow: ellipsis; 
/*background-color:#333333;*/
}

div.p1songslime {
color:lime;

}
div.p1newsongflag {
        /**fontsize is inline*/

    float:right;
    margin:0px 0px 0px -20px;
    width:20px;
   color:lawngreen;
   font-size:10px;
       text-align:right;

}

div.p1SLflag {
    /**fontsize is inline*/
    float:right;
    margin:0px 0px 0px -20px;
    width:20px;
    font-size:10px;
    text-align:right;
}


div.p1songsdivfocus {
position:relative;
border-bottom:1px solid #606060;
padding:15px 2px 4px 10px;
margin:0px 7px 0px 7px;
text-align:left;
font-size:16px;
height:18px;
overflow:hidden;
text-transform:capitalize;
white-space: nowrap; 
text-overflow: ellipsis;
color:lime;
}
div.p1allsongdivfocus {
}

div.m1allsongdivfocus {
}




div.p1breakdivnove {
display:none;
}
div.p1songsdivnew{
color:lawngreen;
}


span.p1no {
display:inline-block;
}


div.plstart, div.plstop {
display:none;
}





div.e1songdiv,div.e1artistdiv,div.e1plistdiv,div.e1allsongdiv,div.e1playeddiv,div.e1skippeddiv,e1resetdiv{
    font-size: 16px;
    position: relative;
    border-bottom: 1px solid #606060;
    padding: 12px 0px 6px 0px;
    margin: 0px 2px 0px 2px;
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;

}

div.e1skippeddiv {
text-decoration:line-through;
}

div.m1newsongdiv div,div.m1allsongdiv div,div.m1removediv div {
float:right;
white-space: nowrap; 
text-overflow: ellipsis;  
font-size:12px;
}

div.p1songsdiv div,div.p1newsongdiv div,div.p1allsongdiv div,div.p1removediv div, div.p1songsdivfocus div, div.p1allsongdivfocus div{
float:right;
white-space: nowrap; 
text-overflow: ellipsis; 
font-size:12px;
}


div.e1plistdiv div,div.e1allsongdiv div,div.e1playeddiv div,div.e1skippeddiv div, e1resetdiv div {
float:right;
white-space: nowrap; 
font-size:12px;
text-overflow: ellipsis; 
}

 div.e1songdiv div, div.e1artistdiv div {
float:right;
font-size:12px;
white-space: nowrap; 
text-overflow: ellipsis; 
}

div.p1breakdiv {
position:relative;
padding:1px 0% 0% 0%;
margin:0px 7px 0px 7px;
text-align:left;
font-size:14px;
height:16px;
overflow:hidden;
text-transform:capitalize;
white-space: nowrap; 
text-overflow: ellipsis; 
text-align:center;
/*background-color:#202020;*/
border-bottom:1px solid #606060;
/*border-top:2px solid black;*/
line-height:1;
font-weight:bold;
}



 div.p1breakdivfocus {
position:relative;
padding:1px 0% 0% 0%;
margin:0px 7px 0px 7px;
text-align:left;
font-size:14px;
height:16px;
overflow:hidden;
text-transform:capitalize;
white-space: nowrap; 
text-overflow: ellipsis; 
text-align:center;
/*background-color:#202020;*/
border-bottom:1px solid #606060;
/*border-top:2px solid black;*/
color:lime;
line-height:1;
font-weight:bold;

}

 div.artistm1div {
position:relative;
float:right;
width:145px;
padding:0px 0px 0px 0px;
margin:4px 0px 0px 0px;
text-align:left;
font-size:10px;
height:20px;
font-size:13px;
overflow:hidden;
text-transform:capitalize;
white-space: nowrap; 
text-overflow: ellipsis; 
color:#3c6e7f;
}


  div.artistreq1div {
position:relative;
float:right;
width:145px;
padding:0px 0px 0px 0px;
margin:6px 0px 0px 0px;
text-align:left;
font-size:10px;
height:20px;
font-size:13px;
overflow:hidden;
text-transform:capitalize;
white-space: nowrap; 
text-overflow: ellipsis; 
color:#3c6e7f;
}


 div.eventprivatediv {
position:relative;
float:right;
width:125px;
padding:0px 0px 0px 0px;
margin:2px 0px 0px 0px;
text-align:left;
font-size:10px;
height:20px;
font-size:13px;
overflow:hidden;
text-transform:capitalize;
white-space: nowrap; 
text-overflow: ellipsis; 
color:#ffffff;
}

span.privateflag {
    float:right;

}





/****************MASTER ADD/SEARCH************/
div#mastertitle {
           background: linear-gradient(#333333,#1a1a1a); /* Standard syntax (must be last) */


}

div.menuflag {
display:inline-block;
color:orange;
font-size:14px;
padding-left:15px;
white-space: nowrap; 
}


div#m1savebutton,div#p1savebutton {
display:none;
}


div#m1saveholder {
display:none;

margin:2px 0px 45px 0px;
}

div#p1saveholderXXX {
display:none;
margin:10px 0px 0px 0px;
position:fixed;
right:0%;
}
div#p1saveholder {
display:none;
}





div.titletext{
font-size:14px;
margin-top:5px;
position:relative;
color:#ffef81;
width:20%;
overflow:hidden;
display:inline-block;
float:right;
text-overflow:ellipsis;
}





div#m1inputholder {
height:45px;
font-size:16px;
position:relative;
padding:2px 2px 2px 10px;
margin:0px 7px 0px 7px;
text-align:left;
z-index:3;
}

div#searchinputholder {
height:45px;
font-size:16px;
position:relative;
padding:2px 2px 2px 10px;
margin:0px 7px 0px 7px;
text-align:left;
z-index:3;
}
div.searchinputdiv {
  margin:2px 5% 0px 5%;
  width:80%;
  float:left;
}
input#searchinput {
height:30px;
font-size:16px;
width:100%;
min-width:250px;
border-radius:4px;
border:0px none;
margin:5px 0px 0px 0px;
background-color:#dddad4;
color:black;
padding-left:4px;
}


div.searchclose {
font-size:60px;
width:45px;
height:45px;
border-radius:10px;
border:1px solid green;
overflow:hidden;
text-align:center;
color:black;
background-color:green;
line-height:.7;
position:absolute;
top:0px;
right:0px;
}

/*ORIGINAL**/
input#m1inputxxxxxx {
height:30px;
font-size:16px;
width:100%;
min-width:250px;
border-radius:4px;
border:0px none;
margin:5px 0px 0px 0px;
background-color:#dddad4;
color:black;
padding-left:4px;
}

input#m1inputartistxxx {
height:30px;
font-size:16px;
width:70%;
min-width:250px;
border-radius:4px;
border:0px none;
margin:5px 0px 0px 0px;
background-color:#dddad4;
color:black;
padding-left:4px;
}
/*ORIGINAL**/


input#m1input {
    height: 32px;
     width: 90%;

    border-radius: 6px 6px 6px 6px;
    border: 1px solid #606060;
    margin: 5px 0px -3px 10px;
    padding-left:5px;
    background-color: #232021;
    color: #ffffff;
    font-size: 22px;
}

    input#m1input:focus {
            background-color: #000000;
    }


input.m1input:focus {
  /*border-color: #211111; /* Change to your desired color */
  outline: none; /* Optional: Removes the default outline */

  border-radius: 6px 6px 6px 6px;
  background-color: #000000;
}

div#artistbuttitle {
    height: 15px;
    color: #606060;
    margin: 5px 0px 0px 5%;
    /* overflow: hidden; */
    display: block;
    position: relative;
    line-height: 1;
    width:100%;
    text-align:left;

}

div#artistinputholder {

    height: auto;
    width:84%;
    margin:0px 0px 0px 0%;
}


input#m1inputartist {
    height: 34px;
     width: 100%;

    border-radius: 6px 6px 6px 6px;
    border: 1px solid #606060;
    margin: 0px 0px -3px 00px;
    padding-left:10px;
    /*background-color: #232021;*/
      background-color: #000000;

    color: #ffffff;
    font-size: 22px;
}

input#m1inputartist:focus {
  /*border-color: #211111; /* Change to your desired color */
  outline: none; /* Optional: Removes the default outline */

  border-radius: 6px 6px 6px 6px;
  background-color: #000000;
}

div#artisthint {
text-align:left;
z-index:3;
     width: 100%;

position:relative;
 background-color: #000000;
padding-left:11px;
min-height:55px;
color:grey;
margin:-5px 0px -3px 0px;
overflow:hidden;
font-size:18px;
border-radius:0px 0px 5px 5px;
border: 1px solid #606060;
display:none;
}

div#artisthintXXX {
text-align:left;
z-index:3;
background-color:white;
padding-left:15px;
color:grey;
min-width:208px;
font-size:18px;
border-radius:0px 0px 5px 5px;
width: 64%;
    margin: 35px 5% 0px 10%;
    float: left;
    position: absolute;
    display:none;
}

div.artisthints {
width:100%;
display:block;

}


div.m1inputdiv {
  margin:0px 0px 0px 12%;
  width:70%;
  float:left;
}

span.m1inputartistdiv {
  margin:0px 5% 5px 10%;
  width:100%;
  float:left;
  text-align:left;
}



/*888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888*/



div.masteradd {
font-size:60px;
width:45px;
height:43px;
border-radius:10px;
border:1px solid green;
overflow:hidden;
text-align:center;
color:black;
background-color:green;
line-height:.7;
}

div#songhint {
text-align:left;
z-index:3;
background-color:white;
padding-left:15px;
color:grey;
margin:0px 10px 0px 20px;
min-width:208px;
font-size:18px;
border-radius:0px 0px 5px 5px;

}


/****************BAND SEARCH FORM************/


div.publicadd {
position:relative;
/*z-index:20;*/
font-size:60px;
color:limegreen;
width:50px;
height:70px;
margin:-15px 0px -55px 82%;
}

div#bandsearchbox {
 width: 70%;
 margin:0px 25% 0px 0px;
     min-width: 250px;


}


input#bandsearchinput {
    height: 34px;
    font-size: 16px;
     width: 100%;

    border-radius: 6px 6px 6px 6px;
    border: 1px solid #606060;
    margin: 5px 0px -3px 10px;
    padding-left:10px;
    background-color: #232021;
    color: #ffffff;
    font-size: 22px;
    
    }

input#bandsearchinput:focus {
  /*border-color: #211111; /* Change to your desired color */
  outline: none; /* Optional: Removes the default outline */

  border-radius: 6px 6px 6px 6px;
  background-color: #000000;
}


div#bandhint {
text-align:left;
z-index:3;
     width: 100%;

position:relative;
 background-color: #000000;
/*padding-left:11px;*/
padding-right:11px;

color:grey;
margin:0px 11px 0px 10px;
overflow:hidden;
font-size:18px;
border-radius:0px 0px 5px 5px;
border: 1px solid #606060;
display:none;
}

div.bandhintsdiv {
height:35px;
padding-left:25px;
line-height: 2;
}

div.bandhintsdiv:hover {
  background-color: #141414;
       
}


/****************COMMON CLOSE************/
div.commontopright {
position:relative;
z-index:20;
font-size:50px;
color:white;
width:50px;
height:50px;
margin:5px 0px -55px 87%;
}



div.commontopleft {
position:relative;
z-index:20;
font-size:50px;
color:white;
width:50px;
height:50px;
margin:0px 0px -50px 0px;
}


div.commontopright2 {
position:relative;
z-index:20;
font-size:50px;
color:white;
width:50px;
height:50px;
margin:-5px 0px -45px 0px;
float:right;
}




/*****************WARNINGS***************** */
div.warningdiv {
display:none;
text-align:center;
}

div#warningnote {
text-align:center;
}


/************EVENT MANAGER TOP/BAND HOME TOP, LIVE EVENT INDICATOR******/
div#eventdom {
display:none;
height:0px;
width:0px;
}
div#e1liveeventsbanner, div.e1eventlivediv{
height: 35px;
font-size:14px;
position:relative;
padding:2px 2px 2px 4px;
text-align:left;
background-color:#1a1a1a;
margin:3px 1% 0px 18%;
border-radius:5px 5px 5px 5px;
font-weight:normal;
color:lime;
line-height:2;
}

div.logoutwarning {
height: 35px;
font-size:14px;
position:relative;
padding:2px 2px 2px 4px;
text-align:center;
background-color:#1a1a1a;
margin:3px 2% 0px 2%;
border-radius:5px 5px 5px 5px;
font-weight:normal;
color:lime;
line-height:2;
}


div#e1nolivehomebanner,div.e1nolivehomebanner {
/*display:none;*/
color:lightblue;
font-size:18px;
}

div#e1pausedtitle {
/*color:white;
    background: linear-gradient(#4682b4,#333333) ;
    font-size:12px;*/

}
div.e1topbanner {
    background: linear-gradient(#000000, #3c4145);

}

div.m1topbanner {
    background: linear-gradient(#000000, #3c4145);
}


div#e1pausedeventsbannerXXX, div.e1eventpausedbanner,div.e1eventfinalbanner{
height: 35px;
/*font-size:14px;*/
position:relative;
padding:2px 2px 2px 4px;
text-align:center;
margin:0px 0px 0px 5%;
/*border-radius:5px 0px 0px 5px;*/
font-weight:normal;
line-height:2;
overflow:hidden;
/*color:lightgray;*/
/*color:#4682B4;*/
color:white;
}




div.e1eventpausedbanner div,div.e1finalbanner div{
float:right;
}

div.e1pausedtitlediv {
position:relative;
font-size:16px;
position:relative;
padding:2px 2px 2px 10px;
margin:0px 0px 0px 0px;
height:20px;
text-align:center;
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis;
padding:2px 2px 2px 10px;
margin:0px 0px 0px 0px;
height:20px;
text-align:center;
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis;
}

div.e1privatetitlediv {
position:relative;
font-size:16px;
position:relative;
padding:2px 2px 2px 10px;
margin:0px 0px 0px 0px;
height:20px;
text-align:center;
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis;
padding:2px 2px 2px 10px;
margin:0px 0px 0px 0px;
height:20px;
text-align:center;
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis;
}





div.e1eventdiv,div.e1livediv,div.e1pauseddiv,div.e1finaldiv,div.p1activediv,div.p1finaldiv,div.e1privatediv {
position:relative;
font-size:15px;
border-bottom:1px solid #606060;
padding:10px 2px 2px 5px;
margin:0px 5x 0px 5px;
height:20px;
text-align:left;
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis;
}

div.p1activetitlediv {
height:20px;
overflow:hidden;
white-space: nowrap; 
text-overflow: ellipsis;
font-size:16px;
    font-weight: bold;
    text-align:center;
}




div.e1livediv {
padding:10px 2px 6px 10px;
height:24px;
}



div.e1finaldiv div, div.e1pauseddiv div,div.e1privatediv div,div.e1livediv div, div.e1eventlivediv div, div.p1activediv div,div.p1finaldiv div, div.e1pausedtitlediv div {
float:right;
/*font-size:16px;*/
white-space: nowrap; 
text-overflow: ellipsis; 
}

div.e1privatetitlediv div {
float:right;
font-size:13px;
white-space: nowrap; 
text-overflow: ellipsis;
}



div#playlisttitle,  {
    /*font-family: Tahoma, "Open Sans",Arial,Helvetica, "Helvetica Neue", sans-serif;
    background: linear-gradient(#4682b4,#333333);
    color:white;*/
}

div.p1activetitle{
    /*font-family: Tahoma, "Open Sans",Arial,Helvetica, "Helvetica Neue", sans-serif;*/
    background: linear-gradient(black,#333333);
    color:white;
    font-size: 15px;
    font-weight: bold;
overflow:hidden;
height:25px;
width:100%;
text-overflow: ellipsis; 

}

div.p1finaltitle {
background-color:blue;
/*background: linear-gradient(#333333,black);*/
background: linear-gradient(#020101,#423636);

color:#FFFFFF;
font-size:18px;
overflow:hidden;
}




div#x1title {
    /*font-family: Tahoma, "Open Sans",Arial,Helvetica, "Helvetica Neue", sans-serif;*/
    /*background: linear-gradient(black,#666666);*/
    background: linear-gradient(#292424,#666666);

}


div#p1title,div#e1title {
        /*font-family:Comic Sans MS, sans-serif;*/
        /*font-family: Tahoma, "Open Sans",Arial,Helvetica, "Helvetica Neue", sans-serif;*/
        color:#FFFFFF;
}



div#p1title div,div#playlisttitle div,div#e1title div,div#e1pausedtitle div,div.div#e1finaltitle div, div.p1activetitle div  div.finaltitle div{
font-size:14px;
float:right;
margin:4px 3px 0px 0px;
}

div.toprightflag {
position:relative;
margin:0px 0px 0px 0%;
/*margin:-18px 0px 0px 90%;*/
float:right;
font-size:12px;
/*color:#4682B4;*/
}

div.toprightflaglive {
position:relative;
margin:0px 0px 0px -5%;
float:right;
font-size:12px;
color:limegreen;
/*text-shadow: 1px 1px 1px white, 0 0 25px blue, 0 0 5px darkblue;*/
text-shadow: none;

}



div.divtopbuttonholder, div#e1neweventbanner div#p1listoptionsholder,div#e1optionsholder{
    padding-top:5px;
}

div.divtopbuttonholderlive{
    padding-top:23px;
    position:relative;
}


/****************LIVE EVENT************************/
i.largeicon {
font-size:28px;
}
i.medicon {
font-size:18px;
font-weight:bold;
}





div#e1livetitle {
    height: 0px;
    font-size: 16px;
    position: relative;
    padding: 2px 2px 2px 2px;
    text-align: center;
    background-color: #004d00;
    background-color:black;
    background-color:#1a1a1a;
       background: linear-gradient(#333333,#1a1a1a); /* Standard syntax (must be last) */

    color:lime;
    margin-bottom:0px;
    z-index:10;
}
div#e1pasuedtitle {
    height: 75px;
    font-size: 16px;
    position: relative;
    padding: 2px 2px 2px 2px;
    text-align: center;
    background-color:#00191a;
    background: linear-gradient(#333333, #00191a); /* Standard syntax (must be last) */
    color:lightblue;
    margin-bottom:-75px;
}





div#e1live, div.e1live {
background-color: #004d00;
background-color:black;
background-color:#1a1a1a;
color:lime;
}


div#XXXe1paused, div.e1paused  {
background-color:#00191a;
/*background: linear-gradient(#00191a, #333333);*/
background: linear-gradient(#333333,#657c8f) ;
color:white;
}


div#XXXe1paused, div.e1private  {
background-color:#00191a;
/*background: linear-gradient(#00191a, #333333);*/
background: linear-gradient(#00191a,#657c8f) ;
color:white;
}





div.e1pausedB {
background-color:#00191a;
/*background: linear-gradient(#00191a, #333333);*/
background: linear-gradient(#273139,#333333) ;
color:white;
}

div.e1privateB {
background-color:#00191a;
/*background: linear-gradient(#00191a, #333333);*/
background: linear-gradient(#00191a,#333333) ;
color:white;
}



div#eventeditname {
color:white;
background: linear-gradient(#273139,#333333) ;
}

div#playlisteditname {
color:white;
 /*background: linear-gradient(black, #333333);*/

}




div.bluesbg {
    color:white;
background: linear-gradient(#273139,#333333) ;
/* Standard syntax (must be last) on css for DOM to render*/

padding-left:10%;
padding-right:4px;
/*margin:0px 0px 0px 0px;*/
/*text-align:center;*/
 font-weight: bold;
}

div.redsbg {
    background: linear-gradient(#333333,#3d1010) ;
}



div.bluesbgsoft {
    color:white;
background: linear-gradient(#273139,#333333) ;
/* Standard syntax (must be last) on css for DOM to render*/

padding-left:10%;
padding-right:4px;
/*margin:0px 0px 0px 0px;*/
/*text-align:center;*/
 /*font-weight: bold;*/

}


div.bluesbgcleanXX{
    /*no margins or or padding*/
    color:white;
background: linear-gradient(#273139,#333333) ;
/* Standard syntax (must be last) on css for DOM to render*/
 /*font-weight: bold;*/
 height:100%;
}




div#e1final, div.e1final{
background-color:#1d3030;
background: linear-gradient(#1d3030, #00191a);
color:#FFFFFF;
}



div#p1open, div.p1open {
background-color:#1d3030;
/*background: linear-gradient(black, #333333);*/
color:#FFFFFF;
}


div#p1final, div.p1final{

background: linear-gradient(#020101,#423636);

color:#FFFFFF;
}




div#e1mainlist,div#p1mainlist {
margin-top:1px;
}


div.margintop50 {
margin:50px 0px 0px 0px;
}

div.marginnone {
 margin:0px 0px 0px 0px;

}



div.banddiv {
font-size:24px;
position:relative;
border-bottom:1px solid #606060;
padding:2px 2px 2px 10px;
margin:15px 7px 0px 7px;
text-align:left;
}


div#bandlist {
text-align:left;
color:white;

}
div#bandlist div{
    box-shadow:0px 0px 20px 2px white;
    border-radius:5px;

}
div#songlist {
text-align:left;
}
div#artistlist {
text-align:left;
}

/**********************SCROLL*********************/
div#scrollstopXXXXX{
/*height:630px;width:1058px;*/
height:100%;
width:100%;
position:absolute;
overflow:hidden;
}

div.scrollmark{
height:0px;
overflow:hidden;
display:block;
}

/**********************FULL FRAME*********************/
div#pushframesholder{
position:relative;
}
div#pf2 {
 position:relative;

}

div.framefullnone{
height:0px;
width:0px;
overflow:hidden;
display:none;
}
div.framefull{
height:135%;
/*height:600px;*/

width:100%;
min-width:300px;
max-width:750px;
overflow:hidden;
position:absolute;
top:0px;
left:0px;
/*display:none;if changing class*/
z-index:21;
}

div.framefullb{
/*ht px helps scroll on phones*/
/*or, set this ht with js whenever load*/
/*height:1000px;*/
height:1500px;
width:100%;
min-width:300px;
max-width:750px;
margin:0% 0% -1500px 0%;
background-color:#006666;
background-color:black;

opacity:.25;
filter:alpha(opacity=25);
overflow:hidden;
position:relative;
}


div.ffholderbg{
/*position:absolute;
 z-index:20;*/
/*max-height:450px;*/
/*width:250px;*/
height:auto;
width:96%;
margin:5px 0px 0px 2%;
text-align:center;
background-color:#333333;
background-color:#0d0d0d;

border-radius:10px;
overflow:hidden;
-webkit-overflow-scrolling:touch;
overflow-y:auto;
box-shadow: -5px 0px 20px white, 5px 5px 20px white;
display:block;
}
div.ffclosebut{
height:50px;
position:absolute;
z-index:22;
margin:0px 0% -50px 0%;
text-align:right;
color:#FFFFFF;
font-weight:bold;
font-size:48px;
top:-10px;
right:0px;
}

div.searchlensebut{
height:50px;
position:absolute;
z-index:22;
margin:0px 0% 0px 0%;
text-align:right;
color:#FFFFFF;
font-weight:bold;
font-size:48px;
top:15px;
right:15px;
}



div#ffscrollupbut{
    /*width 20px smaller*/
height:0px;
width:98%;
min-width:300px;
max-width:730px;
overflow:visible;
position:fixed;
bottom:60px;
font-weight:bold;
font-size:48px;
opacity:.2;
text-align:right;
z-index:20;
display:none;
}

div#afooter {
        /*width 20px smaller*/

position:fixed;
bottom:0px;
text-align:center;
width:100%;
min-width:300px;
max-width:730px;
font-size:14px;
opacity:.3;
}
div#bfooter {
        /*width 20px smaller*/

text-align:center;
width:100%;
min-width:300px;
max-width:730px;
font-size:14px;
opacity:.3;
}






div.ffholderbg3{
height:auto;
width:100%;
text-align:center;
display:block;
margin:-1px 0px 0px 0px;
/*overflow-x:hidden;*/
}

div.ffholderbgnone{
height:0px;
width:0px;
overflow:hidden;
display:none;
}


div.ffholderscrollXXXX{
background-color:#333333;
border-radius:5px;
padding:5px 5px 5px 5px;
text-align:left;
}

div.ffholderscroll2XXXX{
padding:5px 5px 5px 5px;
text-align:left;
}

div.fftitle, div#cmtitle{
text-align:center;
font-size:16px;
font-weight:bold;
color:#FFFF00;
height:20px;
}

div.fftitleB{
color:#333333;
text-align:center;
font-size:16px;
font-weight:bold;
background-color:#CCCCFF;
}

div.ffgo {
margin:5px 20% 0px 20%;
height:30px;
/*background-color:#33CC33;*/
text-align:center;
font-size:22px;
color:#FFFFFF;
border-radius:4px;
padding-top:1px;
overflow:hidden;
line-height:1.3;
border:1px solid white;
}

div.ffgoB {
margin:5px 0% 0px 8%;
height:30px;
width:40%;
/*background-color:#33CC33;*/
text-align:center;
font-size:22px;
color:#FFFFFF;
border-radius:4px;
overflow:hidden;
border:1px solid white;
float:left;
line-height:1.3;
padding-top:1px;
}




div.ffgonone {
margin:5px 20% 0px 20%;
height:30px;
/*background-color:#33CC33;*/
background-color:#262626;
text-align:center;
font-size:22px;
color:#FFFFFF;
border-radius:10px 10px 10px 10px;
padding-top:1px;
overflow:hidden;
line-height:1.3;

display:none;
}


div.ffgoorange {
margin:5px 20% 0px 20%;
height:30px;
/*background-color:#33CC33;*/
background-color:#FF4500;
text-align:center;
font-size:22px;
color:#FFFFFF;
border-radius:4px;
border:1px solid white;
padding-top:1px;
overflow:hidden;
line-height:1.3;

}


div.ffgogreen {
margin:5px 20% 0px 20%;
height:30px;
background-color:#33CC33;
text-align:center;
font-size:22px;
color:#FFFFFF;
border-radius:4px;
padding-top:1px;
overflow:hidden;
line-height:1.3;
border:1px solid white;

}


div.ffgoblue {
margin:5px 20% 0px 20%;
height:30px;
background-color:#273139;
text-align:center;
font-size:22px;
color:#FFFFFF;
border-radius:4px;
padding-top:1px;
overflow:hidden;
line-height:1.3;
border:1px solid white;

}



div.ffcancelXXX {
margin:5px 20% 0px 20%;
height:30px;
background-color:#666666;
color:#FFFFFF;
text-align:center;
font-size:22px;
border-radius:10px 10px 10px 10px;
border:1px solid white;
overflow:hidden;
padding-top:1px;
line-height:1.3;
}


div.ffcancel {
margin:5px 20% 0px 20%;
height:30px;
color:#FFFFFF;
text-align:center;
font-size:22px;
border-radius:4px;
border:1px solid white;
overflow:hidden;
padding-top:1px;
line-height:1.3;
}






div.shadowffgo{
position:relative;
height:4px;
margin:0px 2px -9px 2px;
border-top:5px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-radius:8px 8px 0px 0px;
opacity:.45;
filter:alpha(opacity=45);
}

div.shadbotffgo{
position:relative;
height:8px;
border-bottom:3px solid #000000;
margin:19px 2px -30px 2px;
border-radius:0px 0px 10px 10px;
opacity:.45;
filter:alpha(opacity=45);
}

div.ffsummary{
text-align:center;
font-weight:bold;
}


div.ttgo {

margin:2px 0% 0px 0%;
height:35px;
background-color:black;
color:lawngreen;

text-align:center;
font-size:16px;
border-radius:4px 4px 4px 4px;
border:1px solid lawngreen;
padding-top:1px;
overflow:hidden;
line-height:2;

}


div.ttgoXX{
margin:0px 0% 0px 20%;
height:30px;
width:35%;
background-color:#262626;
text-align:center;
font-size:20px;
color:#FFFFFF;
border-radius:4px 4px 4px 4px;
border:1px solid lawngreen;
float:left;
overflow:hidden;
line-height:1.5;
padding-top:1px;
}


div.ttgogreen {
margin:2px 0% 0px 0%;
height:35px;
background-color:lawngreen;
color:black;

text-align:center;
font-size:16px;
border-radius:4px 4px 4px 4px;
border:1px solid lawngreen;
padding-top:1px;
overflow:hidden;
line-height:2;

}





div.ttgogreenXXX {
margin:5px 0% 0px 20%;
height:30px;
width:35%;
background-color:#33CC33;

text-align:center;
font-size:20px;
color:#FFFFFF;
border-radius:10px 10px 10px 10px;
border:1px solid white;

float:left;
overflow:hidden;
line-height:1.5;
padding-top:1px;

}


div.ttcancel {
margin:5px 0% 0px 5%;
height:30px;
width:35%;
background-color:#666666;
color:#FFFFFF;
text-align:center;
font-size:20px;
border-radius:10px 10px 10px 10px;
border:1px solid white;
float:left;
overflow:hidden;
line-height:1.5;
padding-top:1px;

}

div.bbgo {
margin:5px 0% 0px 8%;
height:30px;
width:40%;
background-color:lightblue;
background-color:#262626;
text-align:center;
font-size:22px;
color:#FFFFFF;
border-radius:10px 10px 10px 10px;
/*padding-top:1px;*/
float:left;
overflow:hidden;
line-height:1.3;
padding-top:1px;

}

div.bbcancel {
margin:5px 0% 0px 5%;
height:30px;
width:40%;
background-color:#666666;
color:#FFFFFF;
text-align:center;
font-size:22px;
border-radius:10px 10px 10px 10px;
float:left;
overflow:hidden;
line-height:1.3;
padding-top:1px;

}


/**************TRADER SETTINGS***********/
div#settingsframe{
font-size:13px;
color:#CCCCFF;
}
div.settingsbox{
position:relative;
border:1px solid #666666;
border-radius:5px;
padding:2px;
margin-top:3px;
}

div.settingsline {
font-size:14px;
position:relative;
border-top:1px solid #606060;
padding:1px 2px 2px 10px;
margin:10px 7px 0px 7px;
text-align:left;
overflow:hidden;
}

div.settingslineblank{
font-size:14px;
position:relative;
border-top:none;
padding:1px 2px 2px 10px;
margin:0px 7px 0px 7px;
text-align:left;
overflow:hidden;
}


div.settingslineBB {
font-size:16px;
position:relative;
border-top:1px solid #606060;
border-bottom:1px solid #606060;

padding:2px 2px 10px 2px;
margin:10px 7px 15px 7px;
text-align:left;
overflow:hidden;
}

div.settingsbordertop {
    position:relative;
    border-top:1px solid #606060;
    margin:10px 7px 0px 7px;
}

div.settingsborderbottom {
    position:relative;

    padding:2px 2px 10px 2px;

margin:0px 7px 0px 7px;
text-align:left;
overflow:hidden;
    border-bottom:1px solid #606060;
}


div#eventsettingslivebox {
border:2px solid #4682B4;
border-radius:5px;
margin:4px 2% 0px 2%;
padding:0px;
}

div.eventlivenote {
    float:right;
    margin-top:-5px;
    font-weight:bold;
    color:#4682B4;
    border:2px solid #4682B4;
    border-radius:0px 0px 5px 5px;
    padding:0px 2px 0px 2px;
    font-size:12px;

}

div#eventeditprivate {
margin-bottom:-10px;
}
div.eventprivateenote {
    float:right;
    margin-top:1px;
    font-weight:bold;
    color:#4682B4;
    border:2px solid #4682B4;
    border-radius:5px 5px 5px 5px;
    padding:0px 2px 0px 2px;
    font-size:12px;
}
div.eventprivateenoteB {
    float:left;
    margin-top:1px;
    font-weight:bold;
    color:#4682B4;
    border:2px solid #4682B4;
    border-radius:5px 5px 5px 5px;
    padding:0px 2px 0px 2px;
    font-size:12px;
}

div#setemailbox{
display:none;
}
div#setpasswordbox{
display:none;
}
div#settingsconfirm{
display:none;
color:#888888;
}

input.jbinput{}


div.dispnone {
display:none;
}

span.req{
color:red;
font-size:11px;
}

div.slabel{
font-weight:bold;
width:100%;
overflow:hidden;
}

div#settingsmsg{
color:orange;
font-weight:bold;
}

div#joinmsg {
color:red;

}


/***************VP FADE**************************/
/*linked to vpts.js timer vpflash function*/

div#mainload{
position:absolute;
height:60px;
width:60px;
top:125px;
left:45%;
z-index:8999;
color:white;
font-size:55px;
/*background-image:url('../images/circleball4.gif');*/
/*background-repeat:no-repeat;*/
display:none;
}




select.plselect {
width:90%;
height:30px;
font-size:18px;
border-radius:5px;
}

select.p2select {
width:50%;
height:30px;
font-size:18px;
border-radius:5px;
}





input.e1editname {
width:90%;
height:25px;
font-size:18px;
border:none 0px;
border-radius:5px;
}

 input.shakecode {
width:50%;
height:40px;
font-size:40px;
border:none 0px;
border-radius:5px;
margin:0px 0px 0px 0px;
letter-spacing: 6px;
font-weight:bold;
}

  input.invitecodeA {
width:50%;
height:40px;
font-size:30px;
border:none 0px;
border-radius:5px;
margin:0px 0px 0px 0px;
letter-spacing: 6px;
font-weight:bold;
}


  input.invitecode {
width:50%;
height:40px;
font-size:40px;
border:none 0px;
border-radius:5px;
margin:0px 0px 0px 0px;
letter-spacing: 6px;
font-weight:bold;
}



/*****************e1 Song Options********/
div#e1songoptionsholder,div#e1eventoptionsholder {
display:none;
height:0px;
width:0px;
}


 div.e1fouroptions,div.e1twooptions, div.e1oneoption,div.e1oneoptionsm,div.e1twooptionssm ,div.p1threeoptions, div.sharefiveoptions,div.sharesixoptions {
    
margin:5px 0px 15px 4%;
width:95%;
font-size:12px;
line-height:3;
text-align:center;
}

div.e1threeoptions {
    margin:5px 0px 15px 0%;
/*width:100%;*/
font-size:12px;
line-height:3;
text-align:center;
padding-left:10%;
}



div.sharefiveoptions div{
/*five buttons*/
float:left;
width:15%;
margin-left:2%;
height:45px;
border-radius:10px;
}

div.sharesixoptions div{
/*five buttons*/
float:left;
width:12%;
margin-left:2%;
height:45px;
border-radius:10px;
}

div.e1oneoptionsm {
margin-top:10px;
}

div.e1oneoption div {
width:60%;
margin-left:12%;
height:45px;
border-radius:10px;
}

div.e1oneoptionsm div {
width:40%;
margin-left:24%;
height:25px;
border-radius:4px;
line-height:1.5;

}


div.e1twooptionssm div {
 /*two buttons*/
float:left;
width:40%;
margin-left:5%;
height:25px;
border-radius:4px;
line-height:1.5;

}


div.e1twooptions div {
 /*two buttons*/
float:left;
width:40%;
margin-left:5%;
height:45px;
border-radius:4px;
}


div.e1threeoptions div {
/*three buttons*/
float:left;
width:25%;
margin-left:3%;
height:45px;
border-radius:4px 4px 4px 4px;
}

div.e1fouroptions div {
/*four buttons*/
float:left;
width:20%;
margin-left:2%;
height:45px;
border-radius:10px;
/*background-color:black;*/
border-radius:4px;
border:1px solid white;
/*height:35px;*/

}



/**********************PLISTS BUTTONS*********************/




div.plistoptionsdiv {
margin:0px 10% 0px 10%;
width:80%;
font-size:12px;
/*line-height:3;*/
text-align:center;
}



div.eventoptionsdiv {
margin:0px 10% 0px 12%;
width:80%;
font-size:12px;
/*line-height:3;*/
text-align:center;
}

div.plistthreebutton {
/*three buttons*/
float:left;
width:27%;
margin-left:4%;
height:50px;
}

/*div.plistthreebutton div{
    font-size:15px;
    line-height:1;
}
    */

div.plistfourbutton {
float:left;
width:20%;
margin-left:3%;
height:45px;
}






/*div.plistfourbutton div {
    font-size:14px;
}*/




div.plisttwobutton {
float:left;
width:40%;
margin-left:5%;
height:45px;
}





div.ffgo1optionsB {
margin:2px 20% 0px 20%;
height:35px;
background-color:black;
color:white;
text-align:center;
font-size:16px;
color:#FFFFFF;
border-radius:4px 4px 4px 4px;
border:1px solid white;
padding-top:1px;
overflow:hidden;
line-height:2;
}



div.ffgo2optionsB {
margin:2px 0% 0px 0%;
height:35px;
background-color:black;
color:white;
text-align:center;
font-size:16px;
color:#FFFFFF;
border-radius:4px 4px 4px 4px;
border:1px solid white;
padding-top:1px;
overflow:hidden;
line-height:2;
}

div.ffgo2options {
margin:5px 0% 0px 0%;
height:30px;
/*background-color:#33CC33;*/
background-color:#262626;
  color:white;
 background: linear-gradient(#292424,#333333);

text-align:center;
font-size:16px;
color:#FFFFFF;
border-radius:10px 10px 10px 10px;

padding-top:1px;
overflow:hidden;
line-height:1.8;

}

div.ffgo3optionsB {
margin:2px 0% 0px 0%;
height:35px;
background-color:black;
color:white;

text-align:center;
font-size:13px;
color:#FFFFFF;
border-radius:4px 4px 4px 4px;
border:1px solid white;

padding-top:1px;
overflow:hidden;
line-height:2.5;
}

div.ffgo3optionsBXX {
color:white;
border:1px solid white;
font-size:15px;
font-weight:bold;
line-height:3;
border-radius:4px 4px 4px 4px;

}






div.ffgo3options {
margin:5px 0% 0px 0%;
height:30px;
/*background-color:#33CC33;*/
background-color:#262626;
    color:white;
background: linear-gradient(#292424,#333333) ;
/* Standard syntax (must be last) on css for DOM to render*/

text-align:center;
font-size:16px;
color:#FFFFFF;
border-radius:10px 10px 10px 10px;
border:1px solid white;

padding-top:1px;
overflow:hidden;
line-height:1.8;
}


/**********************SONG BUTTONS*********************/

div.e1playedbuttondiv {
background-color:green;
color:white;
}
div.e1pausebuttondiv{
background-color:lightblue;
color:#00191a;
font-size:15px;
font-weight:bold;
border:1px solid white;

}

div.e1skipbuttondiv {
background-color:#bb4e4e;
color:white;
font-size:15px;
    font-weight:bold;
    border:1px solid white;
}

div.e1removesongbuttondiv{
background-color:#bb4e4e;
color:white;
font-size:15px;
    font-weight:bold;
    border:1px solid white;
    line-height:1.4;
    border-radius: 4px 4px 4px 4px;
}

div.e1savesongbuttondiv {
background-color:black;
color:white;
font-size:15px;
    font-weight:bold;
    border:1px solid white;
        line-height:1.4;

}



div.e1savebuttondiv {
background-color:black;
color:white;
font-size:15px;
    font-weight:bold;
    border:1px solid white;

}


div.e1finalbuttondiv {
color:orangered;
border:1px solid orangered;
background-color:black;
font-weight:bold;
font-size:15px;

}

div.e1finalbuttondivcancel {
color:white;
border:1px solid white;
background-color:#4682B4;
background-color:black;

font-size:16px;
font-weight:bold;
}


div.e1privatebuttondiv {

color:white;
border:1px solid white;
background-color:#225fe9;
font-size:16px;
font-weight:bold;
}


div.e1deletebuttondiv {
color:black;
color:orangered;
border:1px solid orangered;
font-size:15px;
font-weight:bold;
}

div.e1livebuttondiv {
background-color:lawngreen;
color:black;
border:1px solid white;
font-size:15px;
font-weight:bold;
line-height:1;

}

div.e1resetbuttondiv {

    background-color:black;

color:white;
border:1px solid white;
font-size:16px;
font-weight:bold;
line-height:3;
border-radius:4px;
}




div.e1cancelbuttondiv {
/*background-color:gray;*/
background-color:black;
border:1px solid;
color:white;
font-size:44px;
font-weight:bold;
line-height:1;
}


div.e1cancelbuttondivfixed {
    position:absolute;
color:white;
font-size:44px;
font-weight:bold;
line-height:1;
top:70px;
right:-7px;
width:50px;
}




div.sharebuttondiv {
color:white;
border:1px solid white;
font-size:15px;
font-weight:bold;
line-height:3;
background-color:black;
}





div.e1upbuttondiv, div.e1downbuttondiv {
background-color:#4682B4;
color:white;
font-size:44px;
font-weight:bold;
line-height:1;

}


div.e1editbuttondiv {
background-color:black;
font-size:15px;
font-weight:bold;
border-radius:4px;
border:1px solid;
}

div.e1viewbuttondiv {
/*background-color:#2F4F4F;*/
background-color:black;
background-color:#4682b4;
font-size:15px;
font-weight:bold;
border:1px solid;
color:white;
border-radius:2px;
}

div.e1copybuttondiv {
background-color:black;
color:white;
}


div.e1gobuttondiv {
/*background-color:#4682b4;
color:white;*/
background-color:lawngreen;
color:black;
font-size:15px;
font-weight:bold;
}
/*******************************UPLOAD FORM***************************************/

#progress p
{
	display: block;
	width: 80%;
    margin-left:18%;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 3px;
	background: #eee url("progress.png") 100% 0 repeat-y;
    color:black;
}

#progress p.success
{
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed
{
	background: #c00 none 0 0 no-repeat;
}

input#fileselect {
border:none 0px;
border-radius:5px;
}

div#eventimagebox {
border-radius:5px;
color:white;
margin:-25px 0px 0px 20px;
}

div#eventimageexists{
    position:relative;
    display:inline-block;
    border:1px solid white;
border-radius:4px;
color:white;
margin:0px 0px 0px 20px;
padding:0px 7px 0px 7px;
}

div#eventeditimage {
    height:30px;
    overflow:hidden;
    padding:13px 0px 0px 0px;
}


div#eventimagebutton{
    border:1px solid white;
    border-radius:4px;
    width:150px;
    padding:0px 0px 0px 0px;
    text-align:center;
    float:left;
}





div#rovermessage {
height:auto;
font-size:24px;
margin-top:75px;
border-radius:2px;
}


div.bandtitle {
    /*rover flash*/
    color: orange;
    font-size: 3vw;
    line-height:1;
}





/*rover/spot css*/
div.Xtitle {
margin-bottom: 5px;
color: lime;
line-height:1;
font-weight:bold;
font-size:4vw;
}


div.adot {
    display: inline-block;
    margin-top: -100px;
    font-size: 12vw;
    line-height: 1;
    font-weight: bold;
    color: white;
}

/*hack for slide in top at these two*/
div#bandplistedit,bandplistnew {
    margin-top:-10px;
 }