@charset "utf-8";


 @font-face {
  font-family: Eddie;
  src: url(../fonts/Eddie_2021.woff2);
}

 @font-face {
  font-family: Eddie_2021;
  src: url(../fonts/Eddie_2021.woff2);
}

/* ))))))))))))))))))))))))))))))))))) RESETS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
html, body, div, applet, img, object, iframe,blockquote, pre,p,h1,h2,h3,h4,h5,h6,p,  abbr, acronym, address, big, cite, code, del, dfn, em,  ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;box-sizing: border-box;}

/* ))))))))))))))))))))))))))))))))))) SITE STANDARDS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */

body {color: #666;background:#FFFFFF url("/images/back.jpg") repeat center center fixed;margin: 0;padding: 0;font-size: 13px;width:100%;font-family: 'Work Sans', Helvetica, Arial, sans-serif;overflow-x: hidden;padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);}

p {	font-family: 'Work Sans', sans-serif;font-size: 11px;font-style:normal;}

a {color:rgb(165, 121, 137);text-decoration:none;}
 a:hover {color:rgb(165, 121, 137);text-decoration: underline;}
    a:active {color:rgb(65,93,69);text-decoration: underline;}

h1 {box-sizing: border-box;line-height: 30px;font-family: 'Abel', sans-serif;font-size: 36px;font-weight: bolder;margin: 12px 0;}

h2 {box-sizing: border-box;line-height: 20px;letter-spacing: 1.5px;font-family: 'Abel', sans-serif;	font-size: 26px;margin: 3px 0px 16px;}

h3 {box-sizing: border-box;padding-left: 10px;line-height: 24px;	text-transform: uppercase;font-family: 'Abel', sans-serif;font-size: 26px;	font-weight: bold;margin: 3px 0 15px; border-left: 4px solid #a57989;}

h4 {box-sizing: border-box;line-height: 18px;letter-spacing: 1.1px;	font-family: 'Abel', sans-serif;font-size: 24px;font-weight: 600;margin-top: 6px; 
color: rgba(36,36,36,1.00);
}

h5 {box-sizing: border-box;line-height: 18px;letter-spacing: 1.4px;	font-family: 'Abel', sans-serif;font-size: 16px;font-weight: 600;margin: 10px 0;
/*color: rgba(127,127,131,1);*/
}

h6 {box-sizing: border-box;line-height: 20px;font-family: 'Abel', sans-serif;font-size: 14px;font-weight: 600;margin-top: 8px;
/*color: rgba(127,127,131,1);*/
}

.prev_article h6 {box-sizing: border-box;line-height: 20px;font-family: 'Abel', sans-serif;font-size: 14px;font-weight: 600;margin-top: 5px;

}



    


#select_team {width: 63px;
    height: 63px;
     background: rgba(101,82,94,1.0) url(/images/select_team.png) no-repeat 0 0;
    background: rgba(101,82,94,1.0) url(/images/select_team.svg) no-repeat 0 0;
    background-size:60px 60px;
    background-position: center;
    float: right;
    position:relative;
    display: block; 
    right:0px;
    top:7px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}


#select_team_jam {width: 63px;
    height: 63px;
     background: rgba(101,82,94,1.0) url(/images/select_team.png) no-repeat 0 0;
    background: rgba(101,82,94,1.0) url(/images/select_team.svg) no-repeat 0 0;
    background-size:60px 60px;
    background-position: center;
    float: right;
    position:relative;
    display: block; 
    right:0px;
    top:7px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

h6.song  {
    margin-top: 0px; 
    margin-left: 8px;
    margin-bottom: 0px; 
}

/* ))))))))))))))))))))))))))))))))))) HIDDEN CLASS ((((((((((((((((((((((((((((((*/
.hidden {
    display:none !important;
}

.relayer_box {
    display:block; background: rgb(255,255,255) url(/images/relayer.png) no-repeat 15px 0;background-size: 35px 35px;
background-position:5px center;
width:43%;
float:left;
}

a.hidden {
    display:none !important;
}


.tablehighlight {
background: rgba(148,181,153,0.3);
padding:6px;
}



/* HOME TABS */

/* Style the tab */
.tab_hide, .tab_hide2 {
width:auto;
  float: right;
  margin-top: -3px;
}

.tab_hide button:not(.active), .tab_hide2 button:not(.active) {
    background: rgba(100, 100, 100, 0.3) !important;
    height: 41px;
}

/* Style the buttons inside the tab */
.tab_hide button, .tab_hide2 button {
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0px;
  margin-left:2px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab_hide button:hover, .tab_hide2 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab_hide button.active, .tab_hide2 button.active {
  background-color: rgb(165, 121, 137);
   border-top: 4px solid rgb(193, 170, 157);
 
}

/* Style the tab */
.tab_songs, .tab_songs2 {
width:auto;
  float: left;
  margin-top: -3px;
}

.tab_songs button:not(.active), .tab_songs2 button:not(.active) {
    background: rgba(100, 100, 100, 0.3) !important;
    height: 80px;
    width:72px;
       border-top: 4px solid rgb(204, 204, 204);

}

/* Style the buttons inside the tab */
.tab_songs button, .tab_songs2 button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0px;
  margin-left:2px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab_songs button:hover, .tab_songs2 button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab_songs button.active, .tab_songs2 button.active {
  background-color: rgb(165, 121, 137);
   border-top: 4px solid rgb(193, 170, 157);
     height: 80px;
    width:72px;

}

.parentboxes {
    background-color: rgba(255,255,255,0.80);box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  padding: 10px;
  display:block;
  float:left;
  padding:20px;
  margin:0px 8px 12px;
  width: 96%;
 } 
    
.parent_header{
    background-color: rgba(255,255,255,0.80);box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
     float:left;
     width: 100%;
      height:50px;
      margin:0px 8px 12px;
    }    
    
    .parent_header{ padding: 10px;
  display:block;
  padding:12px 0px 8px 18px;}
  
  
#userstats {
    background-color: rgb(165, 121, 137);
}

#yeartab {
    background-color: rgb(193, 170, 157);
}


#tourtab {
    background-color: rgb(148, 181, 153);
}
#userinhid {
      background-color: rgb(165, 121, 137);
}

#inhid_tab {
      background-color: rgb(101, 82, 94);
}

.uncommon {
    color: rgb(20,20,20) !important;
}

.yearbut.active {
          background-color: rgb(193, 170, 157) !important;
           border-top: 4px solid rgb(60, 60, 60) !important;
}

.statbut.active {
          background-color: rgb(101, 82, 94) !important;
           border-top: 4px solid rgb(60, 60, 60) !important;
}

.tourbut.active {
          background-color: rgb(148, 181, 153) !important;
           border-top: 4px solid rgb(227, 227, 203) !important;
}




/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
   //animation: fadeEffect .15s;
  border-top: none;
}

/* Style the tab content */
.tabcontent2 {
  display: none;
  padding: 6px 12px;
   //animation: fadeEffect .15s;
  border-top: none;
}
.blobs-container {
  display: flex;
}

.blob {
  background: black;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
  margin: 6px 12px 6px 0px;
  height: 20px;
  width: 20px;
  transform: scale(1);
  animation: pulse-black 2s infinite;
}

@keyframes pulse-black {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.blob.white {
  background: white;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
  animation: pulse-white 2s infinite;
}

@keyframes pulse-white {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.blob.red {
  background: rgba(255, 82, 82, 1);
  box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
  animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}




@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


.profile_shows h6{
    margin-top:-8px;
}

.white {
    color:white !important;
}
 

a.white {
    color:white !important;
    text-decoration: underline;
}

.showrate {
    display:block;
}

  .pickup, .drops {
        
        color: rgba(250,240,248, 1) !important;
    }

.update_select {
    width:80%;
}

.strong_text {font-weight: 800;}

#blankarea {background: url('/images/r_lines.png');
background-position: 0 0;
background-repeat: repeat;
background-attachment: fixed;
height:auto;clear: both;width:100%;}



.title-buttons {display:none;}


.js-success {
	width:100%;
	height:100%;
	display:none;
}


.hidestat {display:none !important;}

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 4.75em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 4.5em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 4.5em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	background-color: rgba(255,255,255,0.95);
box-shadow: 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
color: #af8192;
height:40px;
width:95px;
text-align:left;
display: table; vertical-align: middle;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	//background-color: #EEE;
	padding: 0.1em 0.2em;
	color: #660033;
	text-decoration: none;
	text-align:center;
	font-family: 'Abel', Arial, sans-serif;
	font-weight:bold;
	
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	//background-color: #33C;
	color: #af8192;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	//background-color: #33C;
	color: #af8192;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}


.share {
    color:#fff;
    width:130px;
    line-height:25px;
}



.success {
    
    padding:6px;
    font-weight:bold;
    background: radial-gradient(rgba(43,58,48,1) 40%, rgba(64,87,72,1) 65%, rgba(129,153,133,1)90%);
    font-size:16px;
    color:#fff;
    width:100%;
    text-align:center;
}		


.highlighttime {
    padding:6px;
    font-weight:bold;
    background:  radial-gradient(rgb(95 121 0) 40%, rgb(143 154 92) 65%, rgb(98 110 62)90%);
    font-size:16px;
    color:#fff;
    width:100%;
    text-align:center;
    
}


.comingtime {
    padding:9px;
    font-weight:bold;
    background:  radial-gradient(rgb(109 13 61) 40%, rgb(165 121 137) 65%, rgb(165 121 137)90%);
    font-size:16px;
    color:#fff;
    width:100%;
    text-align:center;
    
}
													   
#logo_signup {height:250px;width:250px;;position:relative;text-align:center;
    background: rgba(255,255,255,0.0) url(/images/LF-logo-reg.svg);  
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 95%;
    margin:auto;}
    
.signup_color {
    text-align:center;
    background: radial-gradient(rgba(101,82,94,1) 30%, rgba(165,121,137,1)90%); 
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom:40px;
    }


.signup_success {
    text-align:center;
    background: radial-gradient(rgba(43,58,48,1) 40%, rgba(64,87,72,1) 65%, rgba(129,153,133,1)90%); 
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom:40px;
    }
    
    input[disabled] {
        
        opacity:1;
    }


#relayers {
background: linear-gradient(to right, rgba(163,26,115,0) 0%,
rgba(140,77,115,1) 28%,
rgba(140,77,115,1) 78%,
rgba(140,77,115,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
height: auto;
width:100%;
clear: both;
display:block;
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
font-size:30px;
text-align: center;
color:#fff;
font-weight: bold;padding-bottom:6px;}

#announcement {
background: linear-gradient(to right, rgba(193,170,157,0) 0%,
rgba(193,170,157,1) 14%,
rgba(193,170,157,1) 86%,
rgba(193,170,157,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
height: auto;
width:100%;
clear: both;
display:block;
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
font-size:1.5 em;
text-align: center;
color:#fff;
font-weight: bold;
padding:10px;
height:auto;padding-bottom:6px;}



#blankarea2 {background: url('/images/g_lines.png');
background-position: 0 0;
background-repeat: repeat;
background-attachment: fixed;
margin-top: 88px;
margin-bottom: .5%;
height:18px;clear: both;width:100%;}

#countdown {
background: linear-gradient(to right, rgba(137,167,141,0) 0%,
rgba(137,167,141,1) 22%,
rgba(137,167,141,1) 78%,
rgba(137,167,141,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
height: 18px;
width:100%;
clear: both;
display:block;
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
font-size:15px;
text-align: center;
color:#000;
font-weight: bold;}

 

#relayers p {
line-height: 19px;
margin-bottom: 10px;
font-size:12pt;
font-weight: normal;
width:80%;
text-align: center;
margin:0 auto;
color:#fff;
}

#announcement h2 {
margin-bottom: 10px;
font-size:0.8 em;
font-weight: bold;
width:95%;
color:#fff;
text-align: center;
margin:0 auto;
}

hr.fantasy {
  margin-top: 4px;
  margin-bottom: 5px;
  border-top: 2px solid rgb(165,121,137);
}

button {
    border-radius:0px;
    border:0px;
}

input[type='submit'] {
    border-left:0px;
    border-right:0px;
    border-bottom:0px;

}

.js-success {
	width:100%;
	height:100%;
	
	display:none;
}			 
			  
#logo_signup {height:250px;width:250px;;position:relative;text-align:center;
    background: rgba(255,255,255,0.0) url(/images/LF-logo-reg.svg);  
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 95%;
    margin:auto;}
    
    .signup_color 
    {
    text-align:center;
    background: radial-gradient(rgba(101,82,94,1) 30%, rgba(165,121,137,1)90%); 
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom:40px;
    }
    
    
    .parent {
   box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  padding: 10px;
  display:inline-flex;
  padding:20px;
  margin:0px 25px 12px;
  background-color: rgba(255,255,255, 0.8);
  
}



.blocks{
background: rgba(210,210,210, 0.8);
    height: 30px;
    width: 100%;
    display: block;
    float: left;
    position: relative;
    margin: 6px auto;
}
.other-child {
  width: 100%;
  height: 100%;
  padding: .5rem;
}

.child {  
  width: 100%;
  background: blue;
}

 
[id^="jump-"]::before {
    display: block; 
    content: " "; 

    visibility: hidden; 
    pointer-events: none;
}

[id^="jump-"] {
background:rgba(255,255,255,0.8);
}




tr.eddie {
	background-color : rgba(185, 137, 132, 0.3) !important;
}
tr.eddie:hover {
	background-color : rgba(161, 114, 111, 0.3) !important;
}




tr.eddie.future {
	background-color : rgb(98, 98, 94) !important;
}
tr.eddie.future:hover {
	background-color : rgb(90, 90, 90) !important;
}

tr.seen:hover {background-color : rgb(214, 239, 218) !important;}
	tr.seen {background-color : rgb(200, 234, 205) !important;}
	tr.future {background-color: rgb(238,234,232) !important;border-bottom:1px solid #fff !important;}
	tr.future:hover {background-color: rgb(231,226,223) !important;border-bottom:1px solid #fff !important;}
.set_highlight  {background: rgb(235, 235, 235);}
	.tag_highlight  { background-image: linear-gradient(90deg, rgb(150 171 152  / 0%) 30.6666%, rgb(150 171 152  / 54%) 78.08333%)}
td.noborder, th.noborder {
border-top: 1px solid rgba(10, 10, 10, 0.01); 
    }
    
td.border, th.border {
border-top: 1px solid rgba(100, 100, 100, 0.1);
    }

td.middle {
vertical-align: middle; 
    }    

#before-chart {
    z-index:20;
}

.remove_margin {
    margin:18px 0 !important;
}



.remove_topmargin {
    margin:0 3px !important;
}

.margin_zero {
    margin:0 !important;
}

.margin_twelve {
    display:block;
    margin:12px !important;
}

.margin_twelve_box {
    display:flow_root;
    height:auto;
    margin:12px !important;
}


.padding_zero {
    padding:0 !important;
}

.padding_3 {
    padding:3px !important;
}

.main_song {
    width:100%;
}

.disp_inline {
   display:inline;
}



input[type=checkbox].visit  {
    width: 15px;
height:15px;

}

input[type=checkbox].visit:checked  {
    width: 15px;
height:15px;

}

input[type=checkbox].css-checkbox {
							position:absolute; z-index:-1000; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}
						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:31px;
							height:20px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:20px;
							vertical-align:middle;
							cursor:pointer;
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;margin-top:4px;
						}
						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
						}
						label.css-label {
				background-image:url(/images/s_csscheckbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

.mystat_column {background-color: rgb(165, 121, 137);color: #fff;}

#song_stat {width:100%; float:left; height:auto; min-height:130px; padding:20px 0 20px 0;
margin-top:13px;margin-right:2%;
background-color: rgba(255,255,255,0.95);
box-shadow: 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
text-align:center;margin-bottom: 1%;
padding-top:10px;}
#song_stat .head { background-color: #DCDCDA; text-align:left; border-bottom-style:solid;
border-bottom-width:3px; width:100%; 
 } 
 #song_stat .info { border-bottom:1px solid #c0c0c0; width:100%;text-align:left;height:auto;
}

.label_span {
    margin-left:0px;
font-size:11px;
font-weight:bold}


/* ))))))))))))))))))))))))))))))))))) WRAPPERS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
.margin_18 {
    margin:12px 0px;
    width:100%;
    box-sizing: border-box;
   
}

.bef-aftsongs {
    grid-gap: 12px !important;
    -ms-grid-gap: 12px !important;
    
}

.wrapper {
    display: flow-root;
    
    margin-bottom: 3%;
}

.date_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr) ) ;
    grid-gap: 20px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(150px, 1fr) ) ;
    -ms-grid-gap: 20px;
    margin-bottom: 3%;
}

.date_wrapper_3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) ) ;
    grid-column-gap: 30px;
    grid-row-gap: 12px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) ) ;
    -ms-grid-column-gap: 30px;
    -ms-grid-row-gap: 12px;
    margin-bottom: 3%;
}

.date_wrapper_3rank {
    display: inline-block;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) ) ;
    grid-column-gap: 30px;
    grid-row-gap: 12px;
    display: -ms-inline-block;
    -ms-grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) ) ;
    -ms-grid-column-gap: 30px;
    -ms-grid-row-gap: 12px;
    margin-bottom: 3%;
}

.date_wrapper_draft {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr) ) ;
    grid-gap: 20px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(150px, 1fr) ) ;
    -ms-grid-gap: 20px;
    margin-bottom: 3%;
}

.date_wrapper_story {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr) ) ;
    grid-gap: 8px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(130px, 1fr) ) ;
    -ms-grid-gap: 8px;
    margin-bottom: 3%;
}

.stat_scale {
     transform: scale(.75);
}

.date_wrapper_LO4L {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 2fr) ) ;
    grid-gap: 15px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(250px, 2fr) ) ;
    -ms-grid-gap: 15px;
    margin-bottom: 3%;
}

.date_wrapper_LO4L_small{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1.75fr) ) ;
    grid-gap: 15px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(200px, 1.75fr) ) ;
    -ms-grid-gap: 15px;
    margin-bottom: 3%;
}

.date_wrapper_6 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr) ) ;
    grid-gap: 15px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(150px, 1fr) ) ;
    -ms-grid-gap: 15px;
    margin-bottom: 3%;
}

.date_wrapper_6_stat {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, .75fr) ) ;
    grid-gap: 15px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(100px, .75r) ) ;
    -ms-grid-gap: 15px;
    margin-bottom: 3%;
    width:100%; vertical-align:top;    margin-left: -12px;
}

.date_wrapper2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ) ;
    grid-gap: 30px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ) ;
    -ms-grid-gap: 30px;
    margin-bottom: 3%;
}

.song_legend {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(119px, 1fr)) ;
    grid-gap: 6px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(119px, 1fr)) ;
    -ms-grid-gap: 6px;
}

.icon {
    margin: 0 3px;
    width:0;
}


.star_rank2 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/stars.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.quartstar2 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/starquart.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.halfstar2 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/halfstar.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.fourthstar2 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/starforth.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.star_1 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/star1.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.star_2 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/star2.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.star_3 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/star3.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.star_4 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/star4.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.star_6 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/star6.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.star_7 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/star7.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.star_8 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/star8.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}

.star_9 {position:relative;float:left; width:35px;height:35px;display:block;background: rgba(255,255,255,0) url(/images/star9.png) no-repeat 0 0;  
 background-position:center; 
background-size: 35px 35px; margin-top:6px;
}





.star_rank {position:relative;float:left; width:21px;height:21px;display:block;background: rgba(255,255,255,0) url(/images/stars.png) no-repeat 0 0;  
 background-position:center; 
background-size: 21px 21px; 
}

.box_rank {position:relative;float:left; width:20px;height:20px;display:block;background: rgba(255,255,255,0) url(/images/box.png) no-repeat 0 0;  
 background-position:center; 
background-size: 20px 20px; margin-left:5px;
}


.quartstar {position:relative;float:left; width:21px;height:21px;display:block;background: rgba(255,255,255,0) url(/images/starquart.png) no-repeat 0 0;  
 background-position:center; 
background-size: 21px 21px; 
}

.halfstar {position:relative;float:left; width:21px;height:21px;display:block;background: rgba(255,255,255,0) url(/images/halfstar.png) no-repeat 0 0;  
 background-position:center; 
background-size: 21px 21px; 
}

.fourthstar {position:relative;float:left; width:21px;height:21px;display:block;background: rgba(255,255,255,0) url(/images/starforth.png) no-repeat 0 0;  
 background-position:center; 
background-size: 21px 21px; 
}

.pull-all {position:relative;float:right; top:10%; width:140px;height:35px;display:block;  background: rgba(255,255,255,0.95) url(/images/all-time.png) no-repeat 0 0;  
background: rgba(255,255,255,0.95)  url(/images/all-time_l.svg) no-repeat 0 0;
margin-top:0px;margin-right:20px; background-position:center; 
    border: 1px solid #ccc;
    border-radius: 4px;
background-size: 140px 35px; 
}



.pull-US {position:relative;float:right; top:10%; width:130px;height:35px;display:block;  background: rgba(255,255,255,0.95) url(/images/venue_countries-US.png) no-repeat 0 0;  
background: rgba(255,255,255,0.95)  url(/images/venue_countries-US.svg) no-repeat 0 0;
margin-top:0px;margin-right:20px; background-position:center; 
    border: 1px solid #ccc;
    border-radius: 4px;
background-size: 140px 35px; 
}

.pull-CN {position:relative;float:right; top:10%; width:130px;height:35px;display:block;  background: rgba(255,255,255,0.95) url(/images/venue_countries-CN.png) no-repeat 0 0;  
background: rgba(255,255,255,0.95)  url(/images/venue_countries-CN.svg) no-repeat 0 0;
margin-top:0px;margin-right:20px; background-position:center; 
    border: 1px solid #ccc;
    border-radius: 4px;
background-size: 140px 35px; 
}
.pull-EU {position:relative;float:right; top:10%; width:130px;height:35px;display:block;  background: rgba(255,255,255,0.95) url(/images/venue_countries-EU.png) no-repeat 0 0;  
background: rgba(255,255,255,0.95)  url(/images/venue_countries-EU.svg) no-repeat 0 0;
margin-top:0px;margin-right:20px; background-position:center; 
    border: 1px solid #ccc;
    border-radius: 4px;
background-size: 140px 35px; 
}
.pull-INT {position:relative;float:right; top:10%; width:130px;height:35px;display:block;  background: rgba(255,255,255,0.95) url(/images/venue_countries-INT.png) no-repeat 0 0;  
background: rgba(255,255,255,0.95) url(/images/venue_countries-INT.svg) no-repeat 0 0;
margin-top:0px;margin-right:20px; background-position:center; 
    border: 1px solid #ccc;
    border-radius: 4px;
background-size: 140px 35px; 
}
.pull-OC {position:relative;float:right; top:10%; width:130px;height:35px;display:block;  background: rgba(255,255,255,0.95) url(/images/venue_countries-OC.png) no-repeat 0 0;  
background: rgba(255,255,255,0.95) url(/images/venue_countries-OC.svg) no-repeat 0 0;
margin-top:0px;margin-right:20px; background-position:center; 
    border: 1px solid #ccc;
    border-radius: 4px;
background-size: 140px 35px; 
}
.pull-LA {position:relative;float:right; top:10%; width:130px;height:35px;display:block;  background: rgba(255,255,255,0.95) url(/images/venue_countries-LA.png) no-repeat 0 0;  
background: rgba(255,255,255,0.95) url(/images/venue_countries-LA.svg) no-repeat 0 0;
margin-top:0px;margin-right:20px; background-position:center; 
    border: 1px solid #ccc;
    border-radius: 4px;
background-size: 140px 35px; 
}

.preset  {background:rgb(148, 181, 153);color:#ffffff;}
    .mainset {background:transparent;}
    .encore1 {background:rgb(193, 161, 157);color:#ffffff; }
    .encore2 {background:rgb(165, 121, 137);color:#ffffff;}
    .encore3 {background:rgb(101, 82, 94);color:#ffffff;}
    .rarity3 {color:rgb(96, 0, 31);}
    .rarity2 {color:rgb(218, 167, 44);}
    .rarity1 {color:rgb(193, 170, 157);}

	.common {background:rgb(101,82,94) !important;color:#fff;}
    .uncommon {background:rgb(165,121,137) !important;}
    .rare {background:rgb(193,170,157) !important;color:#fff;}
    .covers {background:rgb(189,193,142) !important;color:#000;}
    .gigaton {background:rgb(148,181,153) !important;color:#fff;}
    .dropped {background:rgb(245,245,245);color:#fff;}  
.common2 {background:rgb(71 56 66) !important;color:#fff;}

    .uncommon2 {background:rgb(138 92 106) !important;} 



.sort_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, 114px) ;
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, 114px ) ;
    margin-bottom: 3%;
    width:100%;
}

.sort_venue {
    display: grid;
    grid-template-columns: repeat(auto-fill, 130px) ;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, 130px ) ;
    margin-bottom: 0%;
    width:100%;
     height:30px;
   
}

.sort_venue_mob {
    display: grid;
    grid-template-columns: repeat(auto-fill, 140px) ;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, 140px ) ;
    margin-top: -5px;
    width:100%;
    height:28px;
}

.date_box {
    height:auto;
    
    display: table-cell;
   
    float:left;
    
}

.sortbox {
    height:9px;
    margin-bottom: 2px;
    vertical-align:top;
}

.sortbox .sortswitch {margin-left:6px;
}

.wrapper_1 {
  display: flow;
  margin:18px 0;
  grid-gap: 18px;
  grid-template-columns:  1fr;
  
}


.trans {
    filter: alpha(opacity=0.5);
opacity: 0.5;
}

.transfan {
    filter: alpha(opacity=0.3);
opacity: 0.3;
}


.setlistchart {
    max-width:480px;
    height:auto;
    padding:6px 3px;
    margin-bottom:6px;
}




.stat_1-2 {
    display: grid;
    grid-template-columns: 1fr;
}

.stat_1-2 > div > div {
        margin: 0 2% 2%;
}

.stat_1-2 div:nth-child(2) {
   margin-top:18px;
}

.stat_3 {
  grid-template-columns: repeat(3, 1fr);

  }

			
				
				 
#home_grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 3fr));
grid-template-rows: 1fr;
  grid-gap: 9px;
  align-items: stretch;
  margin:0 3px 12px;
  }
.grid img {
    display: table-cell;
    margin:6px;
    float:left;
  border: 0px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  max-width: 100%;
}			 
				
 .wrapper_7 {
  display: grid;
  margin:3px;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 3px;
  } 
																	 
																	 
.wrapper_2 {
  display: grid;
  grid-gap: 18px;
  margin-top:18px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  }
  
  .wrapper_cover2 {
  display: grid;
  column-gap: 18px;
  margin-top:18px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  }

.wrapper_3 {
  display: inline-block;
  grid-gap: 18px;
  margin-top:12px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  }
.wrapper_3_rank {
  display: inline-block;
  
  grid-row-gap: 4px;
  grid-column-gap: 50px;
  margin-top:4px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  }  
  

.wrapperall_3 {
  display: grid;
  grid-gap: 10px;
  margin-top:12px;
  grid-template-columns: repeat(3, 1fr);
  }

.wrapper_4_half {
  display: grid;
  margin:12px 0;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  grid-gap: 18px;
  } 


.wrapper_4 {
  display: grid;
  margin:12px 0;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  grid-gap: 18px;
  } 
  
  .wrapper_1_1_2 {
  display: grid;
  margin:12px 0;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  grid-gap: 18px;
  } 
  
.wrapper_2_2 {
  display: grid;
  margin:12px 0;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  grid-gap: 18px;
  } 
  
.wrapper_flow {
    display: grid;
  margin:12px 0;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  grid-gap: 18px;
    grid-auto-flow: column;
}  
  
  
.wrapper_5 {
  display: grid;
  margin:18px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  grid-gap: 18px;
  }  
  
 
  
  
.pod_list {
  display: grid;
  margin:18px;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr) );
  grid-gap: 18px;
  }   
  


.info h6 span {
    color: rgb(20, 20, 20);
}			   
			

 
a.abel {
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
font-weight: bold;
font-size:13px;
}

a.abel-nav {
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
font-weight: bold;
font-size:22px;
margin:5px 0 15px;
color:#fff;
}

.abel {
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
font-weight: bold;
}

.disabled 
    {
        cursor: not-allowed;
        background-color: rgb(229, 229, 229) !important;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.2) !important;
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) !important;
        -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) !important;
    }
    
.padding6 {
    padding:6px;
}

.padding12 {
    padding:12px;
}		   

.album_b_grad { margin:6px;padding:2px;border-width: 2px;font-size:22px;}


.banner_div {
                width:100%;
                height:100%;
                float:left;
                display:block;
                
            }
 
 .banner_div_draft {
                width:100%;
                height:100%;
                margin-top:15px;
                float:left;
                display:block;
                
            }           
  .banner_div_form_draft {
                width:90%;
                float:left;
                height:100%;
                margin:21px 15px;
                padding:9px;
            }          
                       
            
      .banner_div_form {
                width:90%;
                float:left;
                height:100%;
                margin:21px 15px;
                padding:9px;
            }          
            
    img.banner {
                width:100%;
                height:100%;
            }
 



/*---------------------------------------
	PULL DOWNS
---------------------------------------*/


.reg-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 6px;
  font-size: 12px;
  font-weight:bold;
  line-height: 1.42857143;
  color: rgb(165,121,137);
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}



.form-control {
        -webkit-appearance: none;
color:#000;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 6px;
  font-size: 12px;
  font-weight:bold;
  line-height: 1.42857143;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 10px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    0px 0em;
  background-repeat: no-repeat;
}


li.search_icon {
  list-style: none;
	background-image: url("/images/search.svg");
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 18px;
}


.reg-control:focus {
  border-color: rgb(165,121,137);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(165,121,137, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(165,121,137, 0.6);
}

.reg-control[disabled],
.reg-control[readonly],
fieldset[disabled] .form-control {
 
  opacity: .7;
}
.reg-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}

.reg-control::select {background: transparent;}


.form-control:focus {
  border-color: rgb(165,121,137);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(165,121,137, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(165,121,137, 0.6);
}
.form-control::-moz-placeholder {
  color: rgb(165,121,137);
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: rgb(165,121,137);
}
.form-control::-webkit-input-placeholder {
  color: rgb(165,121,137);
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}

.form-control::select {background: transparent;}

select > option {color:#000;}

.new_scroller {
 width:370px;
 height:auto;
 overflow-y: auto;
 overflow-x: auto;
}
.storytable {
width:98%;float:left;
margin:00px 0px 20px;
}

.storyleft {
    width:98%;float:left;
    margin:0px 0px 20px;
}


/* width */
.test::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.test::-webkit-scrollbar-track {
  background: rgba(120, 120, 120, 0.4); 
}
 
/* Handle */
.test::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.test::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/*---------------------------------------
	ACCORDIAN STRUCTURE
---------------------------------------*/



.ac-container h5{
/*font-size: 17px;*/
font-style:normal;	

}


.ac-container_details h5{
font-size: 17px;
font-style:normal;
}
.ac-container_details{
	width: 65%;
float:right;
vertical-align: top; /* here */
	text-align: left;
}
label {text-align:left;}


.ac-container_details input:checked + label,
.ac-container_details input:checked + label:hover{
background: #A5798A url(/images/arrow_up.png) no-repeat 99.5% -2px;
	color: #E6E1DE;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}


.ac-container label:checked {
				background-image:url(/images/arrow_up.png) right center no-repeat;
}
.ac-container_details input{
	display: none;
}
.ac-container_details article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container_details article p{
	
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 0px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container_details input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container_details input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container_details input:checked ~ article.ac-medium{
	height: 300px;
}
.ac-container_details input:checked ~ article.ac-large{
	height: 530px;
}
.ac-container_details input:checked ~ article.ac-auto{
	height: auto;
 width:100%;
padding-bottom: 12px;
display: inline-block;
}

.ac-container{
	width: 100%;
	margin: 10px auto 30px auto;
	text-align: left;
	display:table;
}
.ac-container label{
	font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
	padding: 9px 12px 9px 9px;
	background: url(/images/arrow_down.png) no-repeat 99.5% 10px;
	position: relative;
	z-index: 0;
	display: block;
	height: 25px;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	font-size: 18px;
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}

    .ac-container label:hover{
background: url(/images/arrow_down.png) no-repeat 99.5% 10px;
}

.ac-container input:checked + label{
	background: #A5798A url(/images/arrow_up.png) no-repeat 99.5% 5px;
	color: #E6E1DE;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}

.ac-container input{
	content: '';
	position: relative;
	width: 17px;
	height: 14px;
	right: 1px;
	top: 1px;
		
}


.ac-container input:checked{
	content: '';
	position: relative;
	width: 17px;
	height: 14px;
	right: 1px;
	top: 1px;
	background: url(/images/arrow_down.png) no-repeat;	
}
.ac-container input:checked {
	background-image: url(/images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.faq-contain {
    margin: 10px auto 12px auto !important;
}


.faq-contain label {
    height:auto !important;
    padding-right:45px;
}

.teamname {
margin: -2px 22px 2px;
color:rgb(165, 121, 137);   
}


#container {
  width: 650px;
  padding: 10px;
  margin: 0 auto;
}


#copyinfo {color:rgb(102,102,102);}
	#bot_nav {color:rgb(102,102,102);}
	#bot_nav a {color:rgb(102,102,102);}
	#bot_nav h4 {color:rgb(102,102,102);}



#cboxLoadedContent {
  padding: 10px;
  background: #fffff0;
}

#modal-content {
  display: none;
}

#modal-content label {
  display: block;
  margin-bottom: 5px;
}

#modal-content input {
  width: 95%;
}


.ev_inside {
    background: rgb(40 88 60 / 20%);
    padding-top: 1px;
    margin-top:12px;
}

.mob { border:0;  background:transparent;color:transparent;
font-size:14px; font-weight:bold; padding:2px 10px; width:85px;
 -webkit-appearance: none;  }
select { color:transparent;height:38px; border:0; background:transparent;
font-size:14px; font-weight:bold; padding:2px 10px; width:100%; }
select::-ms-expand {
    display: none;
}




.ac-container article p{
	
	color: #777;
	font-size: 14px;
	padding: 6px 0;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 300px;
}
.ac-container input:checked ~ article.ac-large{
	height: 530px;
}
.ac-container input:checked ~ article.ac-auto{
	height: auto;
 width:100%;
padding-bottom: 12px;
display: inline-block;
}

.colorcode {
    width:100%;
    display:block;
}

.songstat {
    width:100%;
    display:block;
}

span.stretch {
    display:inline-block;
    -webkit-transform:scale(1,1.5); /* Safari and Chrome */
    -moz-transform:scale(1,1.5); /* Firefox */
    -ms-transform:scale(1,1.5); /* IE 9 */
    -o-transform:scale(1,1.5); /* Opera */
    transform:scale(1,1.5); /* W3C */
}

/* ))))))))))))))))))))))))))))))))))) SPIN LOADER SPIN    ((((((((((((((((((((((((((((((((((((((*/

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.ajaxloader
{
	width: 18px;
	height: 18px;
	border: 3px solid #a57989;
	border-right-color: transparent;
	border-radius: 50%;
	margin:-18px auto 0;
	animation: spin 0.4s linear infinite;
	@keyframes spin	{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
	}
}

.ajaxloader_ev_latest
{
	width: 45px;
	height: 45px;
	border: 10px solid rgb(28, 201, 73);
	border-right-color: transparent;
	border-radius: 50%;
	margin:-18px auto 0;
	animation: spin 0.4s linear infinite;
	@keyframes spin	{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
	}
}


.articleloader
{
	width: 18px;
	height: 18px;
	border: 3px solid #a57989;
	border-right-color: transparent;
	border-radius: 50%;
	margin:-18px auto 0;
	animation: spin 0.4s linear infinite;
	@keyframes spin	{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
	}
}

.invalid {
    
    padding:6px;
    font-weight:bold;
    background:red;
    font-size:16px;
    color:#fff;
    width:100%;
    text-align:center;
}

/* ))))))))))))))))))))))))))))))))))) LIVE PULSATE SIGNAGE    ((((((((((((((((((((((((((((((*/


#live_logged {margin:6px !important;float:left !important;}


.pulsate-fwd {
    color:rgb(0, 0, 0);
    float:right;
    line-height:16px;
        font-family: 'Work Sans', 'Arial Narrow', Arial, sans-serif;
font-weight:600;
font-size:18px;
	-webkit-animation: pulsate-fwd 2s ease-in-out infinite both;
	        animation: pulsate-fwd 2s ease-in-out infinite both;
}



@-webkit-keyframes pulsate-fwd {
  0% {  color:rgb(109, 13, 61);
        text-shadow: 0 0 -10px #fff;
  }
  50% { color:rgb(250, 250, 250);
        text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(181, 148, 164,1) , 0 0 40px rgba(102, 0, 51, 1) , 0 0 70px rgba(237, 166, 201, 1) , 0 0 80px rgba(237, 166, 201, 1) , 0 0 100px rgba(237, 166, 201, 1);
  }
  100% {    color:rgb(109, 13, 61);
            text-shadow: 0 0 -10px #fff;
  }
}

@keyframes pulsate-fwd {
  0% {  color:rgb(109, 13, 61);
        text-shadow: 0 0 -10px #fff;
  }
  50% { color:rgb(250, 250, 250);
        text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(181, 148, 164,1) , 0 0 40px rgba(102, 0, 51, 1) , 0 0 70px rgba(237, 166, 201, 1) , 0 0 80px rgba(237, 166, 201, 1) , 0 0 100px rgba(237, 166, 201, 1);
  }
  100% {    color:rgb(109, 13, 61);
            text-shadow: 0 0 -10px #fff;
  }
}

.pulsate_3 {
    color:rgb(0, 0, 0);
    margin:8px;
    padding:16px;
       text-align:center;
        font-family: 'Work Sans', 'Arial Narrow', Arial, sans-serif;
font-weight:600;

	-webkit-animation: pulsate_error 1s ease-in-out infinite both;
	        animation: pulsate_error 1s ease-in-out infinite both;
}



.pulsate_2 {
    color:rgb(0, 0, 0);
    margin:8px;
    padding:16px;
       text-align:center;
        font-family: 'Work Sans', 'Arial Narrow', Arial, sans-serif;
font-weight:600;

	-webkit-animation: pulsate 10s ease-in-out infinite both;
	        animation: pulsate 10s ease-in-out infinite both;
}

.pulsate_block {
  
	-webkit-animation: pulsate_bk 3s ease-in-out infinite both;
	        animation: pulsate_bk 3s ease-in-out infinite both;
}


.pulsate {
    color:rgb(0, 0, 0);
    margin:8px;
    padding:6px;
        line-height:20px;
        font-family: 'Work Sans', 'Arial Narrow', Arial, sans-serif;
font-weight:600;
font-size:18px;
	-webkit-animation: pulsate 2s ease-in-out infinite both;
	        animation: pulsate 2s ease-in-out infinite both;
}

@-webkit-keyframes pulsate_error {
  0% {  color:rgb(109, 13, 61);
        text-shadow: 0 0 -10px #fff;
       background:rgba(0, 0, 0, 0.1);
  }
  50% { color:rgb(250, 250, 250);
        text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(181, 148, 164,1) , 0 0 40px rgba(102, 0, 51, 1) , 0 0 70px rgba(237, 166, 201, 1) , 0 0 80px rgba(237, 166, 201, 1) , 0 0 100px rgba(237, 166, 201, 1);
        background:rgba(0, 0, 0, 0.1);
      
  }
  100% {    color:rgb(109, 13, 61);
            text-shadow: 0 0 -10px #fff;
    background:rgba(0, 0, 0, 0.1);
      
  }
}

@keyframes pulsate_error {
  0% {  color:rgb(109, 13, 61);
        text-shadow: 0 0 -10px #fff;
        background:rgba(0, 0, 0, 0.1);    
  }
  50% { color:rgb(250, 250, 250);
        text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(181, 148, 164,1) , 0 0 40px rgba(102, 0, 51, 1) , 0 0 70px rgba(237, 166, 201, 1) , 0 0 80px rgba(237, 166, 201, 1) , 0 0 100px rgba(237, 166, 201, 1);
    background:rgba(0, 0, 0, 0.1);}
  100% {    color:rgb(109, 13, 61);
            text-shadow: 0 0 -10px #fff;
       background:rgba(0, 0, 0, 0.1);     
  }
}


@-webkit-keyframes pulsate {
  0% {  color:rgb(109, 13, 61);
        text-shadow: 0 0 -10px #fff;
       background:rgba(255, 255, 255, 0.1);
  }
  50% { color:rgb(250, 250, 250);
        text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(181, 148, 164,1) , 0 0 40px rgba(102, 0, 51, 1) , 0 0 70px rgba(237, 166, 201, 1) , 0 0 80px rgba(237, 166, 201, 1) , 0 0 100px rgba(237, 166, 201, 1);
        background:rgba(165, 121, 137, 0.9);
      
  }
  100% {    color:rgb(109, 13, 61);
            text-shadow: 0 0 -10px #fff;
     background:rgba(0, 0, 0, 0.1);
      
  }
}

@keyframes pulsate {
  0% {  color:rgb(109, 13, 61);
        text-shadow: 0 0 -10px #fff;
  background:rgba(255, 255, 255, 0.1);}
  50% { color:rgb(250, 250, 250);
        text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(181, 148, 164,1) , 0 0 40px rgba(102, 0, 51, 1) , 0 0 70px rgba(237, 166, 201, 1) , 0 0 80px rgba(237, 166, 201, 1) , 0 0 100px rgba(237, 166, 201, 1);
  background:rgba(165, 121, 137, 0.9);}
  100% {    color:rgb(109, 13, 61);
            text-shadow: 0 0 -10px #fff;
            background:rgba(0, 0, 0, 0.1);
  }
}





@-webkit-keyframes pulsate_bk {
  0% { 
       
       background:rgba(255, 255, 255, 0.1);
  }
  50% { 
        
        background:rgba(165, 121, 137, 0.6);
      
  }
  75% {    
           
     background:rgba(0, 0, 0, 0.1);
      
  }
}

@keyframes pulsate_bk {
  0% {  color:rgb(109, 13, 61);
        text-shadow: 0 0 -10px #fff;
  background:rgba(255, 255, 255, 0.1);}
  50% { color:rgb(250, 250, 250);
        text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(181, 148, 164,1) , 0 0 40px rgba(102, 0, 51, 1) , 0 0 70px rgba(237, 166, 201, 1) , 0 0 80px rgba(237, 166, 201, 1) , 0 0 100px rgba(237, 166, 201, 1);
  background:rgba(165, 121, 137, 0.6);}
  75% {    color:rgb(109, 13, 61);
            text-shadow: 0 0 -10px #fff;
            background:rgba(0, 0, 0, 0.1);
  }
}

/* ))))))))))))))))))))))))))))))))))) LIVE PULSATE SIGNAGE    ((((((((((((((((((((((((((((((*/
.pulsate-fwd_ev {
    color:rgb(0, 0, 0);
     display:table;
     margin:8px auto;
     line-height:16px;
        font-family: 'Work Sans', 'Arial Narrow', Arial, sans-serif;
font-weight:600;
font-size:18px;
	-webkit-animation: pulsate-fwd_ev 2s ease-in-out infinite both;
	        animation: pulsate-fwd_ev 2s ease-in-out infinite both;
	       
}



@-webkit-keyframes pulsate-fwd_ev {
  0% {  color:rgb(28, 201, 73);
        text-shadow: 0 0 -10px #fff;
  }
  50% { color:rgb(250, 250, 250);
text-shadow: 0 0 10px rgb(255 255 255), 0 0 20px rgb(255 255 255), 0 0 30px rgb(148 181 166), 0 0 40px rgb(4 102 0), 0 0 70px rgb(166 237 179), 0 0 80px rgb(166 237 173), 0 0 100px rgb(166 237 178);  }
 
  100% {    color:rgb(89,219,159);
            text-shadow: 0 0 -10px #fff;
  }
}

@keyframes pulsate-fwd_ev {
  0% {  color:rgb(28, 201, 73);
        text-shadow: 0 0 -10px #fff;
  }
  50% { color:rgb(250, 250, 250);
text-shadow: 0 0 10px rgb(255 255 255), 0 0 20px rgb(255 255 255), 0 0 30px rgb(148 181 166), 0 0 40px rgb(4 102 0), 0 0 70px rgb(166 237 179), 0 0 80px rgb(166 237 173), 0 0 100px rgb(166 237 178);  }
 
 100% {    color:rgb(89,219,159);
            text-shadow: 0 0 -10px #fff;
  }
}

.overlay {
  position: relative; /* Sit on top of the page content */
 display:inline-block;
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */

  background-color: rgba(255,255,255,0.8); /* Black background with opacity */
  z-index: 200; /* Specify a stack order in case you're using a different order for other elements */
 
}

/* ))))))))))))))))))))))))))))))))))) TO TOP DISPLAY HIDDEN SMALL SCREENS    ((((((((((((((((((((((((((((((*/
#toTop {display: none;}

/* ))))))))))))))))))))))))))))))))))) SIDE NAV   ((((((((((((((((((((((((((((((*/
 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1800;
    top: 0;
    right: 0;
    background-color: #a89489;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.container_2018{background: rgb(165,121,137);color:rgb(200,200,200);}
	.login_bot, .login_bot span {background: rgb(250,250,250) !important;color:rgb(10,10,10);}

.sidenav a {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}  

/* ))))))))))))))))))))))))))))))))))) HEADER ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
.log {
    font-size:14px;
    display:block;
    font-weight: bold;							
    font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
    float:right;
    margin:5px 12px 0 0;
}

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
				
																																					  

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 6em;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 4.5em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 4.5em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}
/* ))))))))))))))))))))))))))))))))))) MOBILE MENU HIDDEN    ((((((((((((((((((((((((((((((*/
#m-menu {
	display: none;
}

/* ))))))))))))))))))))))))))))))))))) TOP ANNOUNCEMENT LIVE    ((((((((((((((((((((((((((((((*/
#toplive {
height:35px;width:100%;background:#A57989;
 -webkit-animation-name: toplive; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: toplive;
    animation-duration: 2s;
    animation-iteration-count: infinite;
position:relative;
top:0px;
z-index:999;
display:table;
text-align: center;
}

.entry-title:last-of-type {margin-top:20px;}


#toplive h4 {text-transform: uppercase !important;margin:0px;display: table-cell; vertical-align: middle;color:#fff;}

/* ))))))))))))))))))))))))))))))))))) NOT ACTIVE    ((((((((((((((((((((((((((((((*/
.not-active {
   pointer-events: none;
   cursor: default;
color:#877967;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes toplive {
    0%   {background-color:#A57989; }
    
    50%  {background-color:#65525E; }
    
    100% {background-color:#A57989; }
}

/* Standard syntax */
@keyframes toplive {
    0%   {background-color:#A57989; }
   
    50%  {background-color:#65525E; }
   
    100% {background-color:#A57989; }
}

/* ))))))))))))))))))))))))))))))))))) COMING SOON CARD    ((((((((((((((((((((((((((((((*/
#comingsoon {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
  display: block;
  padding:20px;
  background-image: linear-gradient(-60deg, rgba(102, 0, 51,0.8), rgba(165, 121, 137,0.8));
  margin:4px auto;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 40px;font-family: 'Abel', sans-serif;font-size: 36px;font-weight: bolder;
  
}

#comingsoon_ev {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
  display: block;
  padding:20px;
  background-image: linear-gradient(-60deg, rgba(25,46,35,0.8), rgba(47,87,66,0.8));
  margin:4px auto;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 40px;font-family: 'Abel', sans-serif;font-size: 36px;font-weight: bolder;
  
}

#postponed {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
  display: block;
  padding:20px;
  background-image: linear-gradient(-60deg, rgba(32, 21, 27,0.8), rgba(32, 21, 27,1));
  margin:4px auto;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 40px;font-family: 'Abel', sans-serif;font-size: 36px;font-weight: bolder;
  
}


/*thead tr:first-child {

 background-image: linear-gradient(0deg, rgba(242, 242, 242, 1), rgb(225, 225, 225));    
}

thead tr:nth-child(2) {
    background: rgba(242, 242, 242, 1); 
}*/

.usershow {
  
  height: 45px;
  display: block;
  margin-top:-13px;
  margin-left: -12px; margin-right: -12px; padding: 12px;
}


.user_breakdown {
  display: block;
  width: auto;
  margin:6px -6px; 
  vertical-align: middle;
  height: auto;
  text-align:center;
  padding:6px;
}

.user_song {
    background:rgb(165,121,137);
}

.user_intro {
     background:rgb(193, 170, 157);
}

.user_tag {
     background:rgb(148, 181, 153);
}

.user_tease {
     background:rgb(178, 187, 203);
}


.neverplayed {
     background:rgb(90, 90, 90);
     text-align:center;
     padding:6px;
     display: block;
  width: auto;
  margin:6px -6px; 
  vertical-align: middle;
  height: auto;
     
}

.neverplayed h4{
  box-sizing: border-box;
    line-height: 18px;
    letter-spacing: 1.1px;
    font-family: 'Abel', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-top:0px;
    color: rgb(255,255,255);
}

.td_intro {
   background:rgba(193, 170, 157, 0.15);
}

.td_tag {
   background:rgba(148, 181, 153, 0.15);    
}

.td_tease {
   background:rgba(178, 187, 203, 0.15);
}

.user_breakdown h4{
  box-sizing: border-box;
    line-height: 18px;
    letter-spacing: 1.1px;
    font-family: 'Abel', sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin-top:0px;
    color: rgb(255,255,255);
}


.set-columns  a:link  {text-decoration: none;}

.set-columns {text-align:left;
font-size:40px;line-height:70px;
padding: 60px;float: center;-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */column-count:2;
-moz-column-gap:20px; /* Firefox */
-webkit-column-gap:20px; /* Safari and Chrome */
column-gap:20px;
width:100%;height:auto;
margin:18px;}

.attendstyle {background-image: linear-gradient(60deg, rgb(165, 121, 137), rgb(209, 167, 183)) !important; color:white !important; font-size: 18px;font-weight: bolder; }

.user_pagination {
  width:100%;padding:6px;
  height:26px;
  margin-top:6px;
  text-align:center;
  background-image: linear-gradient(60deg, rgb(165, 121, 137), rgb(209, 167, 183)) !important; color:white !important;font-weight: bolder;
  }

.set_data {
    height:100%;
    display: block;
}

#title-block {
  position: relative;
  width: 100%;
  display: block;
  margin-top:-2px;
  padding:12px;
  vertical-align: middle;
  box-sizing: border-box;
  text-decoration: none;
  line-height: 40px;font-family: 'Abel', sans-serif;font-size: 30px;font-weight: bolder;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    z-index:6;
   background:rgb(245, 245, 245);
}

#title-block h4 {
  box-sizing: border-box;line-height: 20px;letter-spacing: 1.1px;	font-family: 'Abel', sans-serif;font-size: 18px;font-weight: 600;margin-top: 6px; color: rgb(132,132,132);
}

.infoblock {
  position: relative;
  width: 100%;
  min-height: 40px;
  display: block;
  margin-top:-2px;
  padding:2px;
  background-image: linear-gradient(-60deg, rgba(228, 230, 209,0.8), rgba(177, 179, 162,0.8));
  box-sizing: border-box;
  color: #1c1d24;
  text-decoration: none;

  font-family: 'Abel', sans-serif;font-weight: bolder;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    z-index:5;
}

.missingblock {
  background-image: linear-gradient(-60deg, rgba(165,121,137,0.8), rgba(136, 100, 113,0.8));
  
}

.faq  {
    margin:2px 0;
    font-weight:bold;
}

.faq p {
    margin:20px 0;
    
}

.art_faq{
    padding:9px;
    line-height:18px;
}

.str {
    
     font-weight:bold;
}




/* )))))))))))))))))))))))))))))))))))  COMING SOON SHINE   ((((((((((((((((((((((((((((((*/

#comingsoon:after {
  
  animation: shine 7s ease-in  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.8) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

#comingsoon_ev:after {
  
  animation: shine 7s ease-in  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.8) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

#postponed:after {
  
  animation: shine 15s ease-in  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.8) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}


@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.8s, 0.8s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;top: -30%;left: -30%;
    transition-property: left, top, opacity;
  }
}

@-webkit-keyframes shine {
 10% {
    opacity: 1;top: -30%;
    left: -30%;transition-property: left, top, opacity;transition-duration: 0.8s, 0.8s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;top: -30%;left: -30%;
    transition-property: left, top, opacity;
  }
}


.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.unselect{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}



.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 20px;
}





span.gray_text {
  font-family: 'Work Sans', Helvetica, Arial, sans-serif;font-weight: 600;font-size: 12px;
  padding:1.5px;  margin-top:6px;
}

.tooltip2, .tooltip3 {
  position: relative;
  display: inline-block;
  
}

.tooltip2 .tooltiptext2 {
  visibility: hidden;
  font-size:15px;
  background-color: rgba(11, 11, 11, 0.7);
  color: #fff;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  z-index: 8;
  top: -5px;
  left: 105%;
  width:auto;
  height:15px;
  padding:6px;
  box-shadow: 1px 1px 1px 0px rgba(124, 124, 124, 0.4);

}

.tooltip2 .tooltiptext2::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: -10px; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent rgba(11, 11, 11, 0.7) transparent transparent;
}

.tooltip2:hover .tooltiptext2, .tooltip3:hover .tooltiptext3 {
  visibility: visible;
}



.tooltip3 .tooltiptext3 {
  visibility: hidden;
  font-size:15px;
  background-color: rgba(11, 11, 11, 0.7);
  color: #fff;
  text-align: center;
  border-radius: 3px;
  position: absolute;
  z-index: 8;
  top: -5px;
  right: 105%;
  width:auto;
  height:15px;
  padding:6px;
  box-shadow: 1px 1px 1px 0px rgba(124, 124, 124, 0.4);

}

.tooltip3 .tooltiptext3::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(11, 11, 11, 0.7);
}







.wrap {
white-space: nowrap;}

.left {
float:right;}

.bord {
    border: 1px solid #A7A7A7; 

}
											  
.fullbck {
    background:rgba(255,255,255,0.7);
    display: block; /* Hidden by default */
    position: relative; /* Stay in place */
    width: 98%; /* Full width */
    height:auto; /* Full height */
    margin:9px auto;
    padding: 6px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}


.timerback{
    background:rgba(255,255,255,0.9);
    display: block; /* Hidden by default */
    position: relative; /* Stay in place */
    width: 98%; /* Full width */
    height:auto; /* Full height */
    margin:9px auto;
    padding: 6px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}


/* )))))))))))))))))))))))))))))))))))  MOBILE LOGIN HEADER   ((((((((((((((((((((((((((((((*/
#mobile_login_header {
  width: 100%;
  background: rgba(255,255,255,1);
height:30px;
display: block;
position:relative;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
z-index: 10;
margin-top:-30px;
}

/* )))))))))))))))))))))))))))))))))))  HEADER WHEN USER IS LOGGED IN  ((((((((((((((((((((((((((((((*/
#userlogged {
width: 100%;
height:30px;
display: block;
position:relative;
z-index: 10;
margin-top:-35px; 
background: rgba(101,82,94,0.95);
}


#dskfantasy {
    display:none !important;
}

#mblfantasy {
    display:block !important;
}

/* )))))))))))))))))))))))))))))))))))  MOBILE HEADER BUTTONS  ((((((((((((((((((((((((((((((*/
#m-songs_2018 {
width:42px;height:42px;display:block; background: rgba(255,255,255,0.0) url(/images/m-songs_2018.png) no-repeat 3px 0;background: rgba(255,255,255,0.0) url(/images/m-songs_2018.svg) no-repeat 0 0;background-size: 42px 42px;
background-position:center;
			 
}
#m-stats_2018 {
width:42px;height:42px;display:block; background: rgba(255,255,255,0.0) url(/images/m-stats_2018.png) no-repeat 3px 0;background: rgba(255,255,255,0.0) url(/images/m-stats_2018.svg) no-repeat 0 0;background-size: 42px 42px;
background-position:center;
						   
 
}
#m-foot_2018 {
width:45px;height:45px;display:block; margin-top: -2px;background: rgba(255,255,255,0.0) url(/images/LF-small.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/LF-small.svg) no-repeat 0 0;background-size: 45px 45px;
background-position:center;
			
																																																							 
}
 #m-shows_2018 {
width:42px;height:42px;display:block; background: rgba(255,255,255,0.0) url(/images/m-shows_2018.png) no-repeat 3px 0;background: rgba(255,255,255,0.0) url(/images/m-shows_2018.svg) no-repeat 0 0;background-size: 42px 42px;
background-position:center;
}

 #m-rating {
width:42px;height:42px;display:block; background: rgba(255,255,255,0.0) url(/images/new_rating.png) no-repeat 3px 0;background: rgba(255,255,255,0.0) url(/images/new_rating.svg) no-repeat 0 0;background-size: 42px 42px;
background-position:center;
}

 #d_newflag {

    width: 90px;
    height: 20px;
    display: block;
    background: rgba(255,255,255,0.0) url(/images/new_flag.png) no-repeat 3px 0;
    background: rgba(255,255,255,0.0) url(/images/new_flag.svg) no-repeat 0 0;
    background-size: 25px 20px;
    background-position: left;
}


 #m-more_2018 {
width:35px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/m-more_2018.png) no-repeat 3px 0;background: rgba(255,255,255,0.0) url(/images/m-more_2018.svg) no-repeat 0 0;background-size: 35px 35px;
background-position:center;
																																																									  
						   
}
 #m-profile {
width:75px;height:25px;display:block; background: rgba(255,255,255,0.0) url(/images/m-user_profile.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m-user_profile.svg) no-repeat 0 0;background-position:center;
}

 #m-fantasy {
width:75px;height:25px;display:block; background: rgba(255,255,255,0.0) url(/images/m-fantasy.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m-fantasy.svg) no-repeat 0 0;background-position:center;
}

#m-jamduel {
width:75px;height:25px;display:block; background: rgba(255,255,255,0.0) url(/images/m-jamduel.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m-jamduel.svg) no-repeat 0 0;background-position:center;
}
 #m-myshows {
width:75px;height:25px;display:block; background: rgba(255,255,255,0.0) url(/images/m-user_shows.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m-user_shows.svg) no-repeat 0 0;
background-position:center;
}
 #m-mystats {
width:75px;height:25px;display:block;background: rgba(255,255,255,0.0) url(/images/m-user_stats.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m-user_stats.svg) no-repeat 0 0;
background-position:center;
}
 #m-venues {
width:40px;height:47px;display:block; background: rgba(255,255,255,0.0) url(/images/pull-venues.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/pull-venues.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
 #m-news {
width:40px;height:47px;display:block; background: rgba(255,255,255,0.0) url(images/m-news.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m-news.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
 #m-about {
width:40px;height:47px;display:block; background: rgba(255,255,255,0.0) url(/images/pull-about.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/pull-about.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
#mob_nav_inside_songs #m-albums {
width:40px;height:47px;left:33%;display:block; background: rgba(255,255,255,0.0) url(/images/pull-albums.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/pull-albums.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
#mob_nav_inside_songs #m-year {
width:40px;height:47px;left:33%;display:block; background: rgba(255,255,255,0.0) url(/images/pull-year_w.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/pull-year_w.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
#mob_nav_inside_songs #m-tour {
width:40px;height:47px;left:33%;display:block; background: rgba(255,255,255,0.0) url(/images/pull-tour_w.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/pull-tour_w.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
#mob_nav_inside_songs #m-stat-all {
width:40px;height:47px;left:33%;display:block; background: rgba(255,255,255,0.0) url(/images/m-stat_all_w.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m-stat_all_w.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
.mob_nav_inside_more #m-logout {
width:40px;height:47px;display:block; background: rgba(255,255,255,0.0) url(/images/m-logout.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m-logout.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
.mob_nav_inside_more #m-contact {
width:40px;height:47px;display:block; background: rgba(255,255,255,0.0) url(/images/pull-contact.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/pull-contact.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}

.mob_nav_inside_more #m-extra {
width:40px;height:47px;display:block; background: rgba(255,255,255,0.0) url(/images/extra.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/extra.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}

#mob_nav_inside_songs #m-s_songs {
width:40px;height:47px;left:33%;display:block; background: rgba(255,255,255,0.0) url(/images/pull-songs.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/pull-songs.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}
.mob_nav_inside_more #m-faq {
width:40px;height:47px;left:33%;display:block; background: rgba(255,255,255,0.0) url(/images/pull-faq.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/pull-faq.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}

.mob_nav_inside_more #m-search {
width:40px;height:47px;left:33%;display:block;background: rgba(255,255,255,0.0) url(/images/m_search.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/m_search.svg) no-repeat 0 0;background-size: 40px 47px;
background-position:center;
}

#LO4L_logo {
width:153px;height:153px;display:block; background: rgba(255,255,255,0) url(/images/LO4L_logo.gif) no-repeat 0px 0;background-size: 153px 153px;
background-position:center;align-self: center;margin:0 auto;
}


.mob_nav_inside_more #LO4L_icon2 {
width:53px;height:43px;left:33%;display:block; background: rgba(255,255,255,0) url(/images/LO4L_doc.png) no-repeat 0px 0;background-size: 53px 43px;
background-position:center;    align-self: center;
}


#mob_nav {
    display:block;
    z-index:8;
    top: 0;
     width: 100%;
    height:50px;}

.mob_nav_inside {
    padding-top:5px;
display:flex;
  justify-content: space-between;
display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
margin:0 auto;
width:94%;}

.mob_nav_inside_more {
display:flex;
  justify-content: space-between;
display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
margin:0 auto;width:95%;}

#mob_nav_inside_logged {
display:flex;
  justify-content: space-between;
display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
margin:5px auto 0;width:95%;}

#mob_nav_inside_logged > a{margin-top:2px}

#mob_nav_inside_songs {
display:flex;
  justify-content: space-between;
display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
margin:0 auto;width:60%;}

.mob_nav_inside2 {
display:flex;
  justify-content: space-between;
display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
margin:0 auto;width:66%;}

.toggleDrawer {
  text-decoration:none;
  background:#000;
  color:#FFF;
  display:inline-block;
  clear:both; 
}
.drawerContent {display:none;}

#songspanel, #morepanel, #statspanel {
    background-color: rgb(102,0,51);
  display:none;
  height:auto;
  padding:5px;
  z-index:800;
}


#morepanel hr { margin-top: 10px;margin-bottom: 10px;
}

#morepanel, #songspanel, #statspanel {
  
  color:#FFF;
  padding-top:40px;
text-align: center;
  top:50px;
  width:100%;
 z-index:200;
box-shadow: 0px 4px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 0px 4px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 4px 3px rgba(0,0,0,0.25);
}



th.th_top{
   border-bottom: 1px solid #A7A7A7; 
   text-align:center;vertical-align: middle;
   margin:0 3px;
} 

/********* 2018 Fixed Header **********/
#d-myshows {
width:100px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-myshows.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-myshows.svg) no-repeat 0 0;background-size: 100px 35px;
background-position:center;
float:right;
margin-left:25px;
display:block;
}

#d-fantasy {
width:100px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-fantasy_gray.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-fantasy_gray.svg) no-repeat 0 0;background-size: 100px 35px;
background-position:center;
float:right;
margin-left:25px;
display:block;
}

#d-jamduel {
width:100px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-jamduel_gray.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-jamduel_gray.svg) no-repeat 0 0;background-size: 100px 35px;
background-position:center;
float:right;
margin-left:25px;
display:block;
}

#d-mystats {
width:92px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-mystats.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-mystats.svg) no-repeat 0 0;background-size: 92px 35px;
background-position:center;
float:right;
margin-left:25px;
display:block;
}
#d-myprofile {
width:35px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-myprofile.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-myprofile.svg) no-repeat 0 0;background-size: 35px 35px;background-position:center;
float:right;
margin-left:25px;
display:block;
}
#d-myshows:hover {
width:100px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-s-myshows.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-s-myshows.svg) no-repeat 0 0;background-size: 100px 35px;
background-position:center;
float:right;
margin-left:25px;
display:block;
}

#d-fantasy:hover {
width:100px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-s-fantasy.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-s-fantasy.svg) no-repeat 0 0;background-size: 100px 35px;
background-position:center;
float:right;
margin-left:25px;
display:block;
}

#d-jamduel:hover {
width:100px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-s-jamduel.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-s-jamduel.svg) no-repeat 0 0;background-size: 100px 35px;
background-position:center;
float:right;
margin-left:25px;
display:block;
}

#d-mystats:hover {
width:92px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-s-mystats.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-s-mystats.svg) no-repeat 0 0;background-size: 92px 35px;
background-position:center;
float:right;
margin-left:25px;
display:block;
}
#d-myprofile:hover {
width:35px;height:35px;display:block; background: rgba(255,255,255,0.0) url(/images/d-s-myprofile.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-s-myprofile.svg) no-repeat 0 0;background-size: 35px 35px;background-position:center;
float:right;
margin-left:25px;
display:block;
}

/* )))))))))))))))))))))))))))))))))))  DESKTOP HEADER PROFILE   ((((((((((((((((((((((((((((((*/
a#mypro 
{font-family: 'Abel', sans-serif;
text-transform: uppercase;
float:right;
font-size:14px;
margin-left:5px;
line-height:35px;
font-weight:bold;
}
#login {display:none;}
#login > span {display:none;}


/* ))))))))))))))))))))))))))))))))))) BLOCKS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */

.inputerror {
    box-shadow: 0 0 5px rgb(165,121,137);
}

.js-error {
    margin:0;
    padding:0;
}

#sucess {
    width: 98%;margin: 0 auto;display: block;background-color: rgba(181,220,187,0.95);padding:12px;font-size:18px;font-weight: 600;text-align:center;
}

.success_shows {
    width: 98%;margin: 0 auto;display: block;background-color: rgba(181,220,187,0.95);padding:9px;font-size:14px;font-weight: 600;text-align:center;display:none;
}

.invalid_shows {
    width: 98%;margin: 0 auto;display: block;background-color: rgba(220,181,189,0.95);padding:9px;font-size:14px;font-weight: 600;text-align:center;display:none;
}

.success_shows2 {
    width: 98%;margin: 0 auto;display: block;background-color: rgba(181,220,187,0.95);padding:9px;font-size:14px;font-weight: 600;text-align:center;display:none;
}

.invalid_shows2 {
    width: 98%;margin: 0 auto;display: block;background-color: rgba(220,181,189,0.95);padding:9px;font-size:14px;font-weight: 600;text-align:center;display:none;
}

.gridContainer {width: 98%;max-width: 1366px;margin: 0 auto;height:auto;display: block;position:relative;}
.gridContainer_title {width: 97%;max-width: 1320px;margin: 0 auto;height:auto;display: block;position:relative;z-index:5;}

.clearfix:after, .modal-footer:after {content: "";clear: both;display: table;}

.white_bck {display:block;background-color: rgba(255,255,255,0.80);display:block;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);position: relative;padding: 12px;box-sizing: border-box;}

.storyback {width:100%;display:grid;background-color: rgba(255,255,255,0.80);box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);position: relative;padding: 12px;box-sizing: border-box;}


.inside {height:auto;position: relative;}

.box_footer {border-top: 1px solid rgba(102,102,102,1);	display:block;position: relative;width: 100%;bottom: 0;font-family: 'Abel', sans-serif;font-size: 13px;text-align: right;font-weight: 600;}
.league_footer {border-top: 1px solid rgba(165,121,137,1);	display:block;position: relative;width: 100%;bottom: 0;font-family: 'Abel', sans-serif;font-size: 13px;text-align: right;font-weight: 600;}
.news_footer {border-top: 1px solid rgba(102,102,102,1);	display:block;position: relative;width: 98%;bottom: 0;font-family: 'Abel', sans-serif;margin-bottom:6px;font-size: 13px;text-align: right;font-weight: 600;}
/* ))))))))))))))))))))))))))))))))))) TABLES ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
table {border-collapse: collapse;border-spacing: 0;width: 100%;}

th, td {text-align: left;padding: 4px;}

.in-hiding th:nth-child(2), .in-hiding td:nth-child(2){text-align: center;}

/*tr:nth-child(even){
    background-color: #F3F3F3
}*/

/* ))))))))))))))))))))))))))))))))))) TABS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
.modernbricksmenu2{padding: 1px; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit;}

.modernbricksmenu2 ul{margin:0;margin-left: 10px; padding: 5px; list-style: none;}

.modernbricksmenu2 li{display: inline;margin: 0 2px 0 0;padding: 3px;text-transform:uppercase;}

.modernbricksmenu2 a{float: right;display: block;margin: 0 2px 0 0; padding: 1px 1px 0px; border-top: 4px solid white;background:#E2E0DF;}

.modernbricksmenu2 a:hover{background-color: #C1AA9D; color: white;}

.modernbricksmenu2 a.selected {background-color: rgb(165, 121, 137);border-top: 4px solid #C1AA9D;}

.float_l a{float: left !important; height:70px; width:70px;}

.tab {
    display:table;
    height:72px; width:100%;
    border-bottom: 2px grey solid;
    margin:28px auto -12px ;
    z-index:15;
}
.tab_squeeze {
    margin: 0 18px -12px !important;
    width:-webkit-fill-available !important;
    
}
#myList li{ display:none;
}
#loadMore {
    color: rgb(165, 121, 137);
    cursor:pointer;
}
#loadMore:hover {
    color:black;
}

#venue_list tr{display:none;
}


/* ))))))))))))))))))))))))))))))))))) BUTTONS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
.module-button {border: 0;text-decoration:none;position:relative;float:right;margin:0 8.5px;width:55px;height:auto;display:block;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);background-size: 40px 40px;font-family: 'Abel', 'Arial Narrow', 'Arial', sans-serif;
font-weight: bold;font-size: 16px;border-top: 4px solid #334045;color:#fff;text-align: center;padding-top:42px;padding-bottom:4px;box-sizing: border-box;}

.button-wide {border: 0;text-decoration:none;display: inline-block;width:100%;height:auto;padding:6px;margin:8px auto 12px;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);background-size: 40px 40px;font-family: 'Abel', 'Arial Narrow', 'Arial', sans-serif;font-weight: bold;border-top: 4px solid #334045;color:#fff;box-sizing: border-box;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.button-half { float:left;margin:0 6px;text-decoration:none;display: inline-block;width:25%;height:33px;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);padding:0;margin:3px 0 0 18px;
-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);background-size: 40px 40px;font-family: 'Abel', 'Arial Narrow', 'Arial', sans-serif;font-size: 16px;font-weight: bold;border-top: 4px solid #334045;color:#fff;box-sizing: border-box;-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */}

.module-button:active {box-shadow: 1px 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);transform: translateY(2px);}

.button-wide:active {box-shadow: 1px 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);transform: translateY(2px);padding:6px;}


.fix-sort & {
    position: fixed;
    top: 10px;
}


h5.incomplete {
        font-size: 22px;
        color: rgba(250,250,250,1);
}

.saveshows{
    width:27% !important;
    border-radius:0px;

}

.openall {
        width:22% !important;

}
 /*Star/gold color theme*/
.gold {background: rgba(231,192,50,0.95);text-align:center;color:#232323;padding:3px;}

 /*Star/gold color theme*/
.ratesave {background: rgba(101,82,94,0.95);text-align:center;color:#fff;padding:3px;}

 /*Maroon color theme*/
.maroon_l {background: rgba(101,82,94,0.95) url(/images/submit.png) no-repeat left 6px center;text-align:center;}
.maroon_l:hover{background: rgba(165,121,137,0.95); border-color: #65525E !important; color:#65525E !important;}
.maroon {background: rgba(101,82,94,0.95);text-align:center;}
.tan {background: rgba(193,170,157,0.95);text-align:center;}
.tan:hover {background: rgba(193,170,157,0.7);text-align:center;}
.maroon:hover{background: rgba(165,121,137,0.95); border-color: #65525E !important; color:#65525E !important;}
.maroon_b {background: rgba(101,82,94,0.95) url(/images/submit.png) no-repeat center 2px; padding:8px;}
.maroon_b:hover {background-color: rgba(165,121,137,0.95); border-color: #65525E !important; color:#65525E !important; }
 
 
 .redmaroon {background: rgba(112,55,77,0.95);text-align:center;}
 .redmaroon:hover{background: rgba(153,80,108,0.95); border-color: rgba(202,202,202) !important; color:rgba(172,172,172) !important;}
 
 /*Green color theme*/
 .green {background: rgba(148,181,153, 0.95);text-align:center;}
.green:hover{background-color: rgba(181,220,187,0.95); border-color: #79937D !important; color:#65525E !important; }
.green_l {background: rgba(148,181,153, 0.95) url(/images/pull-year_w.png) no-repeat left 6px center;text-align:center;}

.green_l:hover{background-color: rgba(181,220,187,0.95); border-color: #79937D !important; color:#65525E !important; }
					   
.green_b {background: rgba(148,181,153, 0.95) url(/images/pull-year_w.png) no-repeat center 2px; padding:8px;}
.green_b:hover {background-color: rgba(181,220,187,0.95); border-color: #79937D !important;color:#65525E !important;}

 /*Tan color theme*/
.tan_l {background: rgba(193,170,157, 0.95) url(/images/pull-tour_w.png) no-repeat left 6px center;font-size: 28px;text-align:center;padding:6px;}
.tan_l:hover {background-color: rgba(206,195,189,0.95); border-color: #9C9490 !important; color:#65525E !important; }
.tan_b {background: rgba(193,170,157, 0.95) url(/images/pull-tour_w.png) no-repeat center 2px; padding:8px;}
.tan_b:hover {background-color: rgba(206,195,189,0.95);border-color: #9C9490 !important;color:#65525E !important;}

.tan_g {background-image: url(/images/submit.png) no-repeat center 2px;}

/* Full-width input fields */
.container_2018 input[type=text], .container_2018 input[type=password] {
    width: 100%;
    padding: 5px ;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
font-size: 115%;
color: #666;
}

.side_sec{margin-top:6px;}

/* )))))))))))))))))))))))))))))))))))  SWITCHES/INPUTS   ((((((((((((((((((((((((((((((*/
input.switch:empty
{margin-left: -1999px;}

input.switch:empty ~ label
{
	position: relative;
	float: left;
	line-height: 1.6em;
	text-indent: 4em;
	margin: 0.2em 0;
	cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.switch:empty ~ label:before, 
input.switch:empty ~ label:after
{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;

	content: ' ';
	width: 3.6em;
	background-color: #d9d9d9;
	border-radius: 0.3em;
	box-shadow: inset 0 0.2em 0 rgba(0,0,0,0.3);
	-webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

input.switch:empty ~ label:after
{
	width: 1.4em;
	top: 0.1em;
	bottom: 0.1em;
	margin-left: 0.1em;
	background-color: #fff;
	border-radius: 0.15em;
        border: 1px solid #a1a1a1;
	box-shadow: inset 0 -0.2em 0 rgba(0,0,0,0.2);
}

input.switch:checked ~ label:before
{
	background-color: #A57989;
}

input.switch:checked ~ label:after
{
	margin-left: 2.1em;
}

.container_2018 input[type=checkbox] {
    width: 20px;
height:20px;
}

input[type="checkbox" i] {
       background-color: #A57989; 
}

.container_2018 input[type=checkbox]:checked ~ label:before {

   background-color: #A57989; 
}


/* Set a style for all buttons */
.container_2018 button {
    background: rgb(148,181,153);
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    text-decoration:none;
    position:relative;
    display:block; 
    box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
    border-top: 4px solid #5B705E;
    font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
    font-weight: bold;
    color:#fff;
font-size:120%
}

.container_2018 button:hover {
    opacity: 0.8;
}

.pull-2018 {
position:relative;
width:100%;
height:35px;
display:block; 
background: rgba(255,255,255,0.95) url(/images/pull.png) no-repeat;
background: rgba(255,255,255,0.95) url(/images/pull.svg) no-repeat;
background-attachment: inherit;
background-position: right 5px center; 
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
margin: 5px 0;
border-radius:0;
}



.loader_login {
    border: 10px solid #F3F3F3; /* Light grey */
    border-top: 10px solid #A57989; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin .5s linear infinite;
margin:15px auto ;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    position: relative;
    
}

img.avatar {
    width: 75%;
    border-radius: 10%;
background: rgba(255,255,255,0.0) url(/images/avatar.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/avatar.svg) no-repeat 0 0;
background-position:center;
border:0;
}

.container_2018 {
    padding: 28px;
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
font-weight:bold;
background:rgb(165,121,137);
}

.tan_reset {
    padding: 28px;
font-family: 'Abel', 'Arial Narrow', Arial, sans-serif;
font-weight:bold;
background:rgb(179,164,155) !important;
}

.container_2018 label{
color:#fff;
}

span.psw {
    float: right;
color:#333;
}

span.rem {
margin-left:10px;
vertical-align: top;  
}

.soundcloud {
    width:45px;height:15px;
    background-repeat: no-repeat;
}

.spotify {
    width: 45px;height:15px;
    background-repeat: no-repeat;
}



/* )))))))))))))))))))))))))))))))))))  SET BREAK  ((((((((((((((((((((((((((((((*/
.e_break  {padding-bottom:2px;height:13px;border-bottom: 1px solid #A7A7A7;}

/* )))))))))))))))))))))))))))))))))))  PROCESS BAR  ((((((((((((((((((((((((((((((*/


.progress {background:rgb(245,245,245);border-radius:0px;width:97%;padding:0px 0px;margin:0 auto;height:15px;float:left;}
.progress-bar {height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#e0e7e2;display: inline-block;position: relative;float:left;}
.progress-bar-1-5 {background-color:#515151;display: inline-block;position: relative;float:left;}
.progress-bar-6-10 {background-color:#827269;display: inline-block;position: relative;float:left;}
.progress-bar-11-15 {background-color:#94B599;display: inline-block;position: relative;float:left;}
.progress-bar-16-20 {background-color:#ccccb6;display: inline-block;position: relative;float:left;}
.progress-bar-21-25 {background-color:#A57989;display: inline-block;position: relative;float:left;}
.progress-bar-26-30 {background-color:#BDC18E;display: inline-block;position: relative;float:left;}
.progress-bar-31up {background-color:#65525E;display: inline-block;position: relative;float:left;}
.progress-bar-preset {background-color:#94B599;display: inline-block;position: relative;float:left;}
.progress-bar-main {background-color:#c0c0c0;display: inline-block;position: relative;float:left;}
.progress-bar-enc1 {background-color:#C1AA9D;display: inline-block;position: relative;float:left;}
.progress-bar-enc2 {background-color:#A57989;display: inline-block;position: relative;float:left;}
.progress-bar-enc3 {background-color:#65525E;display: inline-block;position: relative;float:left;}
.progress-bar-5star {font-weight:bold;color:rgb(127,127,131) !important;background-color:#e2c675;display: inline-block;position: relative;float:left;}
.progress-bar-4star {font-weight:bold;color:rgb(127,127,131) !important;background-color:#f4e09c;display: inline-block;position: relative;float:left;}
.progress-bar-3star {font-weight:bold;color:rgb(127,127,131) !important;background-color:#f8ecc2;display: inline-block;position: relative;float:left;}
.progress-bar-2star {font-weight:bold;color:rgb(127,127,131) !important;background-color:#f4e6d0;display: inline-block;position: relative;float:left;}
.progress-bar-1star {font-weight:bold;color:rgb(127,127,131) !important;background-color:#f8edea;display: inline-block;position: relative;float:left;}
.progress-bar-negstar {font-weight:bold;background-color:rgb(200, 121, 137);display: inline-block;position: relative;float:left;}






/* )))))))))))))))))))))))))))))))))))  SONG ICONS  ((((((((((((((((((((((((((((((*/
.tagicon {background: rgba(255,255,255,0.0) url(/images/tags.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/tags.svg) no-repeat;height:20px;
            width:20px;display:block;}

.introicon {background: rgba(255,255,255,0.0) url(/images/intro.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/intro.svg) no-repeat;height:20px;
            width:20px;display:block;}
            
.teaseicon {background: rgba(255,255,255,0.0) url(/images/tease.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/tease.svg) no-repeat;height:20px;
            width:20px;display:block;}
            
.openericon {background: rgba(255,255,255,0.0) url(/images/opener.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/opener.svg) no-repeat;height:20px;
            width:20px;display:block;vertical-align: middle;}
            
.closericon {background: rgba(255,255,255,0.0) url(/images/closer.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/closer.svg) no-repeat;height:20px;
            width:20px;display:block;}
            
            
.seen .tagicon, .seen .introicon, .seen .teaseicon, .seen .openericon, .seen .closericon {-webkit-filter: brightness(10);filter: brightness(10);}            

.LBC {background: rgba(255,255,255,0.0) url(/images/LBC.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/LBC.svg) no-repeat;height:15px;
            width:25px;margin:0;}

/* )))))))))))))))))))))))))))))))))))  TOOLTIPS  ((((((((((((((((((((((((((((((*/
.tooltip {
  position: relative;
  display: inline-block;
  width: 30px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  font-size:15px;
  background-color: rgba(11, 11, 11, 0.7);
  color: #fff;
  text-align: center;
  border-radius: 3px;
  margin-left:-10px;
  padding: 8px;
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: 150%;
  box-shadow: 1px 1px 1px 0px rgba(124, 124, 124, 0.4);

}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 7;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: rgba(11, 11, 11, 0.7) transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip4 {
  position: relative;
  width: 30px;
}

.tooltip4 .tooltiptext {
  visibility: hidden;
  font-size:15px;
  background-color: rgba(11, 11, 11, 0.7);
  color: #fff;
  text-align: center;
  border-radius: 3px;
  margin-left:-10px;
  padding: 8px;
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: 150%;
  box-shadow: 1px 1px 1px 0px rgba(124, 124, 124, 0.4);

}

.tooltip4 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 7;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: rgba(11, 11, 11, 0.7) transparent transparent transparent;
}

.tooltip4:hover .tooltiptext {
  visibility: visible;
}

.lib {display:none;}
.allrare {display:none;}
.alb_perc {display:none;}
.th_songnotes {display:none;}

#sort_shows {display:none;}
#sort_songs {display:none;}
#new_srt{display:table;width:100%;height:auto;position:sticky; top:6px;z-index:6;}
#newsort {display:block;width:100%;height:auto;float:right;position:sticky; top:20px;}
  #sort_mob_shows {display:table;width:100%;height:auto;position:sticky; top:6px;z-index:6;padding:3px 12px 12px;margin-top:-6px;}

  #sort_mob {display:table;width:83%;height:auto;position:sticky; top:6px;z-index:6;}
  #sort_mobsongs {display:table;width:100%;height:auto;position:sticky; top:6px;z-index:6;}
  .inside_sort {display:table;width:100%;height:auto;box-sizing:border-box;}
  .sort_left {display:table-cell;width:auto;height:auto;}
  .sort_switch {margin:8px 1px 0 1px; }
  #sort_button {float:left;width:100%;height:auto;}
  
  .m-buttons { width:100%; height:25px;background-color: rgba(255,255,255,0.6);
box-shadow: 0 0 4px rgba(0,0,0,0.2);vertical-align:middle;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
display: block; 
margin-bottom: 1%;
margin-top: 1%;}

#show-stats {
width:95%;
padding-top:4px;
margin-bottom: 1%;
margin-left: auto;
margin-right: auto;
height:auto;}

.m-button-prev {float:left;position:relative;width:60px;height:20px;display:block; margin-top:2px;margin-right:10px;margin-left:10px;background: rgba(255,255,255,0.95) url(/images/small-arrows-light.png) no-repeat 0px 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);}


.m-button-next{float:right;position:relative;width:60px;height:20px;display:block; margin-top:2px;margin-right:10px;margin-left:10px;background: rgba(255,255,255,0.95) url(/images/small-arrows-light.png) no-repeat -60px 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);}

.u-button-prev {float:left;position:relative;width:60px;height:20px;display:block; margin-top:-3px;margin-right:10px;margin-left:10px;background: rgba(255,255,255,0.95) url(/images/small-arrows-light.png) no-repeat 0px 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);}


.u-button-next{float:right;position:relative;width:60px;height:20px;display:block; margin-top:-3px;margin-right:10px;margin-left:10px;background: rgba(255,255,255,0.95) url(/images/small-arrows-light.png) no-repeat -60px 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);}


.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  position:sticky;
  top:6px;
  float:right;
  z-index:60;
  
}

.button_show {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 16px;
  margin: 2px;
  cursor: pointer;
  float:right;
  z-index:60;
  
}

#nav_mob_shows {
    padding: 3px 6px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 16px;
  margin: 4px 0px;
  cursor: pointer;
  position:sticky;
  top:3px;
 height:48px;
  z-index:60;
}


.button_sort {background: rgba(101,82,94,0.95) url(/images/submit.png) no-repeat center;
text-align:center;
border: 0;
text-decoration:none;
float:right;
margin:0 1.5px;
width:40px;
height:40px;
display:block;
box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
background-size: 30px 30px;font-family: 'Abel', 'Arial Narrow', 'Arial', sans-serif;
font-weight: bold;
font-size: 16px;
border-top: 4px solid #334045;
color:#fff;

box-sizing: border-box;} /* Red */ 

.half {
    width:24%;
    float:left;
    margin-top: 3px;
    
}


.year_end {
    display:none;
    margin:22px 0px 10px 22px;
    float:left;
}



.year_begin {
    display:none;
    margin:22px 10px 0px 22px;
    float:left;
}


.tenth{
    width:10%;
    float:left;
    margin:12px;
}

.fifth{
    width:125px;
    float:left;
    margin:12px;
    
}

#slide_sort{
    
    height:100%
    width:90px;
    position:relative;
    left:0px;
}


.sticky {
    
    z-index:100;
}
#slide_out{
  position:sticky;
  top:55px;
  z-index:6;
}

#slide_out_songs{
  position:sticky;
  top:0px;
  z-index:6;
}

.open{
        left:-720px !important;
    
}
.transition{
    
  -webkit-transition: left 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: left 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: left 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: left 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */

}


.nav_title:nth-of-type(3) {margin-top:20px;}
.nav_title:nth-of-type(4) {margin-left:-10px;margin-top:20px;}
#news_mob {display:block;width:375px;height:auto;margin-top:12px;float:left;position: relative;}
#fant_mob {display:block;width:375px;height:auto;margin-top:12px;float:left;position: relative;}
#draft_mob {display:block;width:375px;height:auto;margin-top:12px;float:left;position: relative;}

/* Hide the browser's default checkbox */
.container_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid rgb(100,100,100);
  background-color: rgb(200, 200, 200);
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #a57989;
}

.container_check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark {
  background-color: #a57989;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_check .checkmark:after {
  left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.lo4l_draft_left {
    margin-right:0%;
    width:100%;
    display:block;
    float:left;
}   

.lo4l_draft_left2 {
    
    width:100%;
margin-right:0%;
    display:block;
    float:left;
} 

.lo4l_draft_center {
    height:auto;
     width:100%;
    margin:0;
    display:block;
    float:left;
}

.lo4l_draft_right {
    
    width:100%;
    display:block;
    float:left;
} 
    
.LBC_row {
    display:table-cell;
    width:30px;
    padding:3px;
    text-align: left;
    vertical-align:middle;
}
/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
If the browser window is smaller than 300px 
*
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
}

/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
If the browser window is smaller 320px 
*
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

@media screen and (max-width: 320px) {
.jt-columns-2 > div{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
}

/* ))))))))))))))))))))))))))))))))))) COLUMNS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
.jt-columns-2 {text-align:left;padding: 10px;float: left;width:100%;-moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */column-count:2;
-moz-column-gap:10px; /* Firefox */-webkit-column-gap:10px; /* Safari and Chrome */column-gap:10px;height:100%;}

[class^="jt-columns-"] > div {height:16px;margin-bottom:3px;font-size: 14px;font-weight:500;}

.e_break  {padding-bottom:2px;height:13px;border-bottom: 1px solid #A7A7A7;}

/* ))))))))))))))))))))))))))))))))))) SIDEBAR ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */

.side_sec h4 {font-size:16px;line-height: 22px;}
#latest_loc {float:right;font-size:11px;font-family: 'Work Sans', sans-serif;margin:0;	font-weight: 400;letter-spacing: 0px;}
#latest_data{border-bottom: 1px solid rgba(102,102,102,1);}


#on_date h6{margin-top:-10px;margin-bottom:16px;}
#on_date h4{text-align:center;color: rgba(102,102,102,1);}
#on_date h2{margin-top:0px;line-height:22px;}


li.twitter-feed {width:100%;font-size:10px;padding:6px 0;border-top: 1px solid rgba(102,102,102,1);margin-bottom:6px;list-style: none;overflow-wrap: break-word;word-wrap: break-word;
  -ms-word-break: break-all;word-break: break-all;  word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;overflow: hidden;
  text-overflow: ellipsis;}
.follow-link {border-top: 1px solid rgba(102,102,102,1);font-family: 'Abel', sans-serif;font-size: 13px;text-align: right;font-weight: 600;display:block;position: relative;width: 100%;bottom: 0;}

.twitter-feed span::before{content: '\A'; white-space: pre;}

#twitterbird {width:40px;height:40px;z-index:100;float:right;margin:6px 6px 0 0;top: 0;right: 0;position: absolute;background: url(/images/twitter-bird.png);background-size: 40px 38px;background-repeat: no-repeat;}

/* ))))))))))))))))))))))))))))))))))) IN HIDING ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */

.in-hiding table {font-family: 'Work Sans', 'Arial Narrow', 'Arial', sans-serif;font-weight: 400;font-size: 12px;}
.in-hiding table a{font-family: 'Abel', sans-serif;font-size: 13px;font-weight: 600;text-transform:uppercase;}
.in-hiding p{width:90%;}

/* ))))))))))))))))))))))))))))))))))) POLLS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */

#poll h4 {font-family: 'Work Sans', 'Arial Narrow', 'Arial', sans-serif;font-weight:500;font-size: 14px;margin:0;line-height: 14px;margin-bottom:12px;}

/* ))))))))))))))))))))))))))))))))))) SLIDER ((((((((((((((((()))))))))))))))))))))))))))) (((((((((((((((((((((((((((((((((((( */

#slider #title{border: 0;text-decoration:none;display: inline-block;max-width:75%;height:auto;margin:8px auto 6px;box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);font-family: 'Abel', 'Arial Narrow', 'Arial', sans-serif;font-weight: bold;
border-top: 4px solid #A57989;color:#fff;box-sizing: border-box;position: absolute;bottom:16px;right:16px;background: rgba(193,170,157, 0.95);font-size: 24px;text-align:left;padding:6px 12px;}

/* ))))))))))))))))))))))))))))))))))) SOCIAL ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
#facebook_b {background: rgba(255,255,255,0.0) url(/images/facebook-LF.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/facebook-LF.svg) no-repeat;height:28px;
             width:28px;margin:0 3px 0 10px;float:left;display:block;}

#twitter_b {background: rgba(255,255,255,0.0) url(/images/twitter_LF.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/twitter_LF.svg) no-repeat;height:28px;
            width:28px;margin:0 3px;float:left;display:block;}
            
#insta_b {background: rgba(255,255,255,0.0) url(/images/insta_LF.png) no-repeat;background: rgba(255,255,255,0.0) url(/images/insta_LF.svg) no-repeat;height:28px;
            width:28px;margin:0 3px;float:left;display:block;}            

#user_stars {background: rgba(255,255,255,0.0) url(/images/user_stars.svg) no-repeat;height:20px;width:32px;display:inline-block;}
#all_rating {background: rgba(255,255,255,0.0) url(/images/all_rating.svg) no-repeat;height:20px;width:36px;display:inline-block;}

#user_stars_lrg {background: rgba(255,255,255,0.0) url(/images/user_stars.svg) no-repeat;height:35px;width:55px;display:inline-block;}
#all_rating_lrg {background: rgba(255,255,255,0.0) url(/images/all_rating.svg) no-repeat;height:35px;width:58px;display:inline-block;}


/* ))))))))))))))))))))))))))))))))))) NEWS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
#sitenews h5 {
	box-sizing: border-box;line-height: 16px;letter-spacing: 1.4px;	font-family: 'Abel', sans-serif;font-size: 15px;font-weight: 600;
}

/* ))))))))))))))))))))))))))))))))))) SHOWS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
#shows {height:auto;min-height:390px;}
#shows h4{font-size:14px;line-height: 16px;	margin-top: 0px;font-weight: 700;}	
#shows h5{font-size:11px;font-family: 'Work Sans', sans-serif;margin:0;	font-weight: 400;letter-spacing: 0px;}	
#shows p{font-size:11px;font-family: 'Work Sans', sans-serif;margin:0;	font-weight: 300;letter-spacing: 0px;}											   
																														   
.grid-shows {height:auto; display: grid; grid-template-columns: auto auto; padding: 5px ; grid-gap: 12px 5px;}

#shows .grid-item {width:125px;}
#shows .grid-item-EV {width:125px;background-color: rgba(78, 76, 41, 0.25);}  
#shows #next {position: relative;width:100%;min-height:145px;background-color: rgba(193, 170, 157, 0.25);}
#next h2 {width:100%;height:23px;position:relative;display: block;vertical-align: middle;box-sizing: border-box;padding:18px;margin:0 auto;text-align:center;
}

#next .box {background: rgba(123, 123, 123, 0.15);padding-left:5px;width:100%;height:23px;position:relative;display: block;vertical-align: middle;box-sizing: border-box;
    }
    
    #prev {background: rgba(165, 121, 137, 0.1); }

.prevbox {padding-left:5px;background: rgba(165, 121, 137, 0.35);width:100%;height:23px;box-sizing: border-box;display: block;vertical-align: middle;}
/*.prevbox {padding-left:5px;cursor: pointer;background: rgba(102, 102, 102, 0.15) url(/images/arrow_down.png) no-repeat 99.5% -3px;width:100%;height:23px;box-sizing: border-box;display: block;vertical-align: middle;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
*/
.prev_article {padding-left:5px;cursor: pointer;background: rgba(102, 102, 102, 0.15) url(/images/arrow_down.png) no-repeat 99.5% 3px;margin: 9px 0px;width:100%;height:26px;box-sizing: border-box;display: block;vertical-align: middle;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}

.articlebox {    line-height: 26px;
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;padding-left:5px;cursor: pointer;background: rgba(102, 102, 102, 0.15) url(/images/arrow_down.png) no-repeat 99.5% 3px; margin: 9px 6px 9px 0px;width:99%;height:29px;box-sizing: border-box;display: block;vertical-align: middle;box-shadow: 4px 4px 4px rgba(0,0,0);-webkit-box-shadow: 4px 4px 4px rgb(0,0,0);-moz-box-shadow: 4px 4px 4px rgb(0,0,0);}


.footerbox {color:rgba(120, 120, 120, 0.75); font-size:10px; font-weight:bold;padding:5px;background: rgba(102, 102, 102, 0.15);width:100%;height:auto;box-sizing: border-box;display: block;vertical-align: middle;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}

.storybox {
padding:5px 10px 25px;
width:100%;margin:0 auto;
height:auto; }

.storybox p {
    font-size:12px;
    margin-bottom:9px;
}

h4.storyheader {
   box-sizing: border-box;line-height: 18px;letter-spacing: 1.1px;	font-family: 'Abel', sans-serif;font-size: 20px;font-weight: 600;margin: 12px 10px 8px;
color: rgba(113,75,89, 0.60);
}

/* ))))))))))))))))))))))))))))))))))) STATS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */

.stat_blocks {width:100%; margin-top:-11px; height:auto;padding:10px;}
.modern2 {margin-bottom: 7px;; padding:0;}

#user_stats h5, #user_stats strong{color:rgba(55,55,55, 1);}

#tour_stats li a{display:block;background: url(/wp-content/themes/fullscene/images/pull-tour_w.png);background-size: 42px 42px;background-repeat: no-repeat;}

/* ))))))))))))))))))))))))))))))))))) ALBUMS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
.album_block {width:75px;height:75px; float:left; margin:6px 6px;position: relative; background-color:rgba(102,102,102,1);}
.album_page {width:200px;height:200px; float:left; margin:12px 12px;position: relative; background-color:rgba(102,102,102,1);}
.album_right {margin-top:0px;}

/* ))))))))))))))))))))))))))))))))))) ADS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */

.ad_blocks {width:100%;height:80px;display:block;float:left;position:relative;margin: 6px auto;}

.draft_block {width:100%;height:150px;display:none;float:left;position:relative;margin: 6px auto;}
.draft_block_mob {width:100%;height:93px;display:block;float:left;position:relative;margin: 6px auto;}
.LO4L_fanblock {
    display:none;
}

#LO4Ldraft {background-image: url('/images/LO4L_JamDuel.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
    
}


#lifewasted {background-color:rgba(102,102,102,1);}
#LO4L {
    
   background-image: url('/images/LO4L_legs.png'), url('/images/LO4L_back.png');
  background-position: center bottom, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
}

#TFL {
    
   background-image: url('/images/TFL_front.png'), url('/images/TFL_back.png');
  background-position: center bottom, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
}

#SOLAT {
    
   background-image: url('/images/SOLAT_ban_front.png'), url('/images/SOLAT_ban_back.png');
  background-position: center bottom, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
}

#foot_user {
    height:100px;margin:50px 18px;
   background-image: url('/images/foot_user.svg');
   background-color:#650a34;
  background-position: right -35px  top -35px;
  background-repeat: no-repeat;
  padding:9px;
  color:#fff;
  background-size: 200px;
}

#porch {
  background-image: url('/images/Porch_front.png'), url('/images/Porch_back.png');
  background-position: center bottom, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
}

#porch_song {
  background-image: url('/images/Porch_front.png'), url('/images/Porch_back.png');
  background-position: center top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 60%, cover;
}

#solat_song {
  background-image: url('/images/SOLAT_ban_front2.png'), url('/images/SOLAT_ban_back.png');
  background-position: center top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 60%, cover;
}


#sound_white {
    width:55px;height:25px;
    position:absolute;
    bottom:0px;
    background-image: url('/images/Soundcloud.svg');
    background-repeat: no-repeat;
}



#YT_white {
    width: 55px;
    height: 25px;
    margin: auto 0px;
    background-position: center bottom;
    background-image: url('/images/Youtube.svg');
    background-repeat: no-repeat;
    
    position:absolute;
    bottom: 0px;
    right: 16%;
    left: 50%;
    margin-left: -10%;
    
    
}

#spot_white {
    width: 55px;
    height: 25px;
    position: absolute;
    bottom:0px;

    background-position: center bottom;
    right: 0px;
    background-image: url('/images/spotify.svg');
    background-repeat: no-repeat;
}


#spot_gray {
    width: 55px;
    height: 25px;
    position: absolute;
    bottom:0px;
filter: brightness(15%);
    background-position: center bottom;
    right: 0px;
    background-image: url('/images/spotify.svg');
    background-repeat: no-repeat;
}


#glink_gray {
    width: 55px;
    height: 25px;
    position: absolute;
    margin: auto 0px;
    background-position: center bottom;

filter: brightness(15%);
    bottom: 0px;
    right: 16%;
    left: 50%;
    margin-left: -10%;

    background-image: url('/images/google_pod.svg');
    background-repeat: no-repeat;
}

#pod_gray {
    width:55px;height:25px;
    position:absolute;
    bottom:0px;
    background-image: url('/images/Soundcloud.svg');
    background-repeat: no-repeat;
    
margin:0 auto;
filter: brightness(15%);
    background-position: center bottom;
    background-image: url('/images/podcasts_white.svg');

}


.buttonpod:hover
{

      	        box-shadow: inset 0 -9px 0px -6px white;
    
}

.podcast_button {
    width: 55px;
    height: 25px;
    position: absolute;
    bottom:0px;
margin:0 auto;
    background-position: center bottom;
    background-image: url('/images/podcasts_white.svg');
    background-repeat: no-repeat;
    left: 40%;
}


#spotify_LO4L {
    width:95%;height:15px;
    margin:3px;
    position:absolute;
    bottom:20px;
    background-image: url('/images/soundcloud.png');
    background-repeat: no-repeat;
    color:black;
    font-family: 'Work Sans', sans-serif;font-size: 14px;font-weight: 600;
    text-align:right;
}


#soundcloud {
    width:95%;height:15px;
    margin:3px;
    position:absolute;
    bottom:0px;
    background-image: url('/images/soundcloud.png');
    background-repeat: no-repeat;
    color:black;
    font-family: 'Work Sans', sans-serif;font-size: 14px;font-weight: 600;
    text-align:right;
}

#patreon {
    width:100%;height:29px;
    margin:0px;
    position:absolute;
    background-position: center bottom;
    bottom:0px;
    background-image: url('/images/Patreon_LO4L.png');
    background-repeat: no-repeat;
    color:black;
    font-family: 'Work Sans', sans-serif;font-size: 14px;font-weight: 600;
    text-align:right;
}

#EVOL {
    width:100%;height:60px;
    margin:0px;
    position:absolute;
    background-position: right top;
    top:0px;
    right:3px;
    background-image: url('/images/EVOL.png');
    background-repeat: no-repeat;
    color:black;
}

#LO4L_setlist {
    
  background-image: url('/images/LO4L_legs.png')  , url('/images/LO4L_back.png');
  background-color: rgba(248, 247, 216, 0.7);
  background-position: right 3px top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 108px, cover;
  background-blend-mode: hard-light, normal;
}

#LO4L_patreon {
    
  background-image: url('/images/LO4L_legs.png')  , url('/images/LO4L_back.png');
  background-color: rgba(248, 247, 216, 0.7);
  background-position: center top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 108px, cover;
  background-blend-mode: hard-light, normal;
}

#LO4L_fantasy {
    
   background-image: url('/images/LO4L_legs.png'), url('/images/LO4L_back.png');
  background-position: right 30px top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, cover;
}

#porch_fantasy {
    
  background-image: url('/images/Porch_front.png'), url('/images/Porch_back_r1.png');
  background-position: right 10px top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 36%, cover;
}

#SOLAT_fantasy {
    
  background-image: url('/images/SOLAT_front.png'), url('/images/SOLAT_back.png');
  background-position: right 10px top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 75%, cover;
}

#LO4L_epi {
    font-family: 'Special Elite', sans-serif;font-size: 30px;font-weight: 600;
    text-align:left;
    margin:3px;
    color:black;
}

#porch_epi {
    font-family: 'Special Elite', sans-serif;font-size: 26px;font-weight: 600;
    text-align:left;
    margin:3px;
    color:white;
}


#solat_epi {
    font-family: 'Special Elite', sans-serif;font-size: 26px;font-weight: 600;
    text-align:left;
    margin:3px;
    color:#2F4F4F;
}


#artistwaves {background-color:#556b2f;}
#ad_back {background-image: linear-gradient(to left bottom, rgba(102,0,51,1), rgba(165,121,137,1));}

/* ))))))))))))))))))))))))))))))))))) ANNOUNMENTS ((((((((((((((((())))))))))))))))))))))))))))(((((((((((((((((((((((((((((((((((( */
#announce {background-image: linear-gradient(to left, rgba(148,181,153,0), rgba(148,181,153,1));c
	display:block;height:60px;margin:-6px 0 12px -6px;width: 100%;
	z-index: -1;}

#main-announce {background-image: linear-gradient(to right, rgba(102,0,51,0), rgba(102,0,51,1), rgba(102,0,51,1),rgba(102,0,51,1), rgba(102,0,51,0));

	display:block; height:60px; margin:0; padding:0; width: 100%;
	z-index: -1;}

#head {
clear: both;
width: 100%;
height:80px;
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
display: block;
position:relative;

background-color: rgba(255,255,255,0.95);
											
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
z-index: 7;
}

/* )))))))))))))))))))))))))))))))))))  FOOTER   ((((((((((((((((((((((((((((((*/

#footer {background-color: rgba(255,255,255,0.95); clear: both;width: 100%;min-height:145px;height:auto;display:inline-block;	box-shadow: 2px -2px 4px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 -2px 4px rgba(0,0,0,0.2);	-moz-box-shadow: 0 -2px 4px rgba(0,0,0,0.2);
}

#disclaimer {width: 87%;margin: 16px 20px;float:left;}
#disclaimer a {margin: 20px 20px 0 0;}
#disclaimer p {margin-bottom: 15px;}


.nav { width: 180px;	}

.nav:nth-of-type(3) {width:210px;}


.nav a {font-family: 'Abel', sans-serif;font-size: 14px;line-height: 20px;font-weight: 600;color:rgba(165,121,137,1);margin:24px 20px 0 0;}

#bot_nav {width: 96%;margin: 16px;float:left;}
.nav_title {float:left;width:150px;}
.nav_title:nth-of-type(3) {margin-top:20px;}
.nav_title:nth-of-type(4) {margin-top:20px;width:170px;}


/* )))))))))))))))))))))))))))))))))))  SIDEBAR   ((((((((((((((((((((((((((((((*/
#side {	width:100%;margin:0 auto;display:block;position: relative;padding:12px;box-sizing: border-box;vertical-align: top; z-index:2;
		box-shadow: 4px 0 4px rgba(0,0,0,0.2);-webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);background-color: rgb(224,208,214);
}


#whiteside {width:100%;margin:0 auto;display:block;position: relative; box-sizing: border-box;vertical-align: top;background-color: rgba(255,255,255,1);z-index:2;
}
.stat_side{background-color: rgba(210,210,200,1) !important;
}

.venue_side{background-color: rgba(255,255,242,1) !important;
}

.clear_side{background-color: rgba(0, 0, 0, 0) !important; 
}


.side_sec{display:block;postion:relative;width:100%;height:auto;float:left;vertical-align: top;padding: 0px;margin-top:6px;box-sizing: border-box;}
.inside:after {content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}



.hide_side:nth-of-type(1),.hide_side:nth-of-type(2) {display:block;margin-top:0px;}

.hide_side:nth-of-type(3),.hide_side:nth-of-type(4) {display:block;}


/* )))))))))))))))))))))))))))))))))))  MAIN   ((((((((((((((((((((((((((((((*/
#main {width:100%;display:block;box-sizing: border-box;margin:0 auto;}

#slider {display: none;}

#shows_alb {margin:6px auto;display:block;}

/* )))))))))))))))))))))))))))))))))))  STATS/DONATE   ((((((((((((((((((((((((((((((*/
#stat_donate {margin-top:12px;float:left;display:block;width:100%;}
#stats {margin-top: 6px;}
#donate {width:100%;height:73px;margin-top:12px;float:left;background-color: rgb(132,117,124);}
#donate_r {width:100%;height:73px;margin-top:12px;float:left;background-color: rgb(132,117,124);}

.donate_relay {width:100%;height:73px;margin-top:12px;float:left;background-color: rgb(132,117,124);}


#extra {width:100%;min-height:187px;height:auto;float:left;padding: 0;}
/* )))))))))))))))))))))))))))))))))))  NEWS  ((((((((((((((((((((((((((((((*/
#news {display:none;width:375px;height:auto;margin-top:12px;float:left;position: relative;}
#fantasy {display:none;width:375px;height:auto;margin-top:12px;float:left;position: relative;}
#draft1 {display:none;height:150px;}
/* ))))))))))))))))))))))))))))))))))) POLLS   ((((((((((((((((((((((((((((((*/
#poll {width:100%;height:100%;margin-top:12px;float:left;position: relative;display:block;}

/* )))))))))))))))))))))))))))))))))))  IN HIDING  ((((((((((((((((((((((((((((((*/

.in-hiding {width:100%;height:100%;margin-top:12px;float:left;position: relative;}
#rtag {width:100%;height:100%;margin-top:12px;float:left;position: relative;}
#extra2 {width:100%;height:100%;margin-top:12px;float:left;}
/* )))))))))))))))))))))))))))))))))))  ALBUMS  ((((((((((((((((((((((((((((((*/
#albums_slider {width:100%;height:auto;margin-top:12px;float:left;position: relative; }

/* )))))))))))))))))))))))))))))))))))  NEWS   ((((((((((((((((((((((((((((((*/ 
#sitenews {width:100%;height:397px;margin-top:12px;float:left;display:block;position: relative;background: rgba(55,55,55,0.5);padding:12px;box-sizing: border-box;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}

#albums_slider2 {width:100%;height:auto;margin-left:6px;margin-top:12px;float:left;position: relative; }
#albums_sm {width:100%;height:auto;margin-top:12px;float:left;position: relative; }

#date_sm{width:100%;height:auto;margin-top:12px;float:left;position: relative;}

#album_group {margin:0 auto 8px;position: relative;height:auto;width:auto;}
#albums {display:none;}

/* )))))))))))))))))))))))))))))))))))  ADS   ((((((((((((((((((((((((((((((*/
.ad_group_blocks {display:none;}
.ad_group_mobile {width:100.0%;height:auto;display:block;float:left;position:relative;margin:0px;}

/* )))))))))))))))))))))))))))))))))))  SHOWS PAGE  ((((((((((((((((((((((((((((((*/ 

#title_header {width:100%;height:auto;float:left;position:relative;}
.shows_list {width:100%;float:left;position:relative;margin-top:6px;padding:0 !important;}
.shows_list table {padding:0 6px;}


table.info th {
  padding: 6px 4px;
  font-size: 13px;
  border-bottom: 2px solid #aaaaaa;
}

table.info td {
    padding: 6px 4px;
    font-size: 13px;
    border-bottom: 1px solid #E3E3E3;
}

table.storyinfo th {
  padding: 2px 4px;
  font-size: 12px;
  border-bottom: 1px solid #aaaaaa;
}


 table.storyinfo tr {padding: 2px 4px; font-size: 12px;
     border-bottom: 1px solid rgba(100, 100, 100, 0.1);
 }



.info h6{font-size:16px;}


			  
.info h2{font-weight:550;line-height:25px;word-wrap: normal;width:170px;}

h6 span {color:#000; display: inline;}


table.showset thead {
  background: #FFFFFF;
  border-bottom: 2px solid #aaaaaa;
}

table.evset {
  background: #FFFFFF;
   background: rgba(0,0,0,0.2) url(/images/NoStats.jpg) repeat 0 0 !important;
  border-bottom: 2px solid #aaaaaa;
}


   
    table.album_table tr:nth-child(even), table.song_table tr:nth-child(even) {background: rgb(234, 234, 234);}
    table.album_table td, table.album_table th, table.song_table td, table.songtable th {border: 0px solid #000000;}
    table.album_table tr:nth-child(odd), table.song_table tr:nth-child(odd) {background: rgb(247, 247, 247);}
    table.album_table tr:nth-child(even), table.song_table tr:nth-child(even) {background: rgb(234, 234, 234);}
    table.album_table th.th_top, table.songtable th.th_top {  border-bottom: 1px solid #A7A7A7 !important; 
                                                text-align:center !important;
                                                vertical-align: middle;
                                                margin:0 3px;} 
table.fantasy_table th, table.fantasy_table td {
  font-size: 13px;
 
}

table.fantasy_table .center {
    text-align:center;
}


				   
table.song_table {
  border: 0px solid #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

   
table.album_table {
  border: 0px solid #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
margin-bottom:30px;
}
table.album_table td, table.album_table th, table.song_table td, table.songtable th  {
  border: 0px solid #FFFFFF;
  padding: 6px 4px;
}
table.album_table tbody td, table.song_table tbody td {
  font-size: 13px;
}

table.album_table thead, table.song_table thead  {
 
  border-bottom: 2px solid #aaaaaa;
}
table.album_table thead th, table.song_table thead th {
    /* font-size: 15px; */
  font-weight: bold;
    /* color: #333333;  */
  text-align: left;
}

table.album_table th:first-child { width:15px;text-align:center; }

table.songfooter {
  
   box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    margin-top:12px;
}

table.songfooter td {
padding:9px 12px;
}


.alb_perc {width:5.5%;}

.venue_td_name {
    width:55%; vertical-align: middle;
}

.venue_td_date {
 width:40%; vertical-align: middle;
}



.songtag {width:4%;vertical-align: middle;}
.th_songdates {width:10%;vertical-align: middle;}
.th_venue {width:15%;vertical-align: middle;}
.th_loc {width:15%;vertical-align: middle;}
.th_since {width:3%; text-align:center !important;vertical-align: middle;}
.th_songnotes {width:25%;vertical-align: middle;}


/* )))))))))))))))))))))))))))))))))))  VENUES  ((((((((((((((((((((((((((((((*/


.ven_block {
    background: rgb(255,255,255);background:#fff;
    color: rgb(	102, 102, 102);
    padding:6px;
 display: table;
 width:100%;
 margin-bottom:6px;
 box-shadow: 4px 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);
}

.lo4l_block {
    background: rgb(255,255,255);background:#fff;
    color: rgb(	102, 102, 102);
    padding:6px;
 margin-bottom:6px;
 box-shadow: 4px 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);
}

.lo4l_block_stick {
    background: rgb(255,255,255);background:#fff;
    color: rgb(	102, 102, 102);
    position:sticky;
    top:10px;
    padding:6px;
 margin-bottom:6px;
 box-shadow: 4px 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);
  z-index:10;
}


.ven_th {
  background:rgb(10, 10, 10);border-bottom: 2px solid rgb(100, 100, 100);    
  padding:12px 9px;
  height:auto;
  background:#fff;
  font-size:18px;
  font-weight:600;
  border-bottom: 2px solid rgba(100, 100, 100, 0.5);
  vertical-align: middle; 
  
}

.ven_row {
  border-bottom: 1px solid rgb(100, 100, 100);
}

.team_row {
  border-bottom: 1px solid rgb(100, 100, 100);
  height: 45px;
   vertical-align:middle;
    padding:9px;
}

.team_row_index {
  border-bottom: 1px solid rgb(100, 100, 100);
  height: 35px;
   vertical-align:middle;
    padding:9px;
}

.song_row {
      display:table-row;
       vertical-align:middle;
        padding:9px;
    }
 
.num_row {
     width:9px;
    text-align: center;
    display:table-cell;
      padding:9px;
    
    
} 
 
 
    
.numrow {display:table-cell;
    width:9px;
    text-align: center;
    
      padding:9px;
}

.points_td {display:table-cell;
    width:8px;
    text-align: right;
        padding-right: 2px;
        vertical-align: middle;
}
  
.points_td .reg-control {
    height:15px;
    padding:0px;
    margin:0px;
    text-align: center;
    width:35px;
}
   
.container {
  display: block;
  position: relative;
  margin-left:13px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.container_check {
  display: block;
  position: relative;
   margin-left:5px;
  margin-top:30px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.song_lo4l {display:table-cell;width:85%;vertical-align: middle; padding:6px;}

.song_sum {border-top: 2px solid rgb(100, 100, 100); height:45px;padding-top:8px;margin-right:8px;vertical-align: middle;text-align:right;font-style:bold;font-size:15px;}

.ven_set {
  text-align: center;
  padding:6px;
  width:30px;
  display: table-cell;
  vertical-align: middle;
  
}
.ven_song {
  padding:6px 9px;
  display: table-cell;
  vertical-align: middle;
}

#top_ven_list {display:none;}
#btm_ven_list {display:block;}

.alb_song {  padding:6px 9px;  vertical-align: middle;}
.fant_song {  padding:0px 9px;  vertical-align: middle;}


.show_main {width:100%;}
.show_table {    margin:0 auto;    width: 98%;    table-layout: fixed}

.song_order {width:1%;text-align:center;vertical-align: middle;}
.song_name_album_mob{display:table-cell;width:20%;vertical-align: middle;}
.song_name_album{display:none;width:25%;vertical-align: middle;}
.song_name {width:25%;vertical-align: middle;}
.prev_date {width:9%;text-align:center;vertical-align: middle;}
.since {width:3%;text-align:center;vertical-align: middle;}
.tourcount {width:15%;text-align:center;vertical-align: middle;}
.allcount {width:20%;text-align:center;vertical-align: middle;}
.lib  {width:2%;text-align:center;vertical-align: middle;}
.allrare  {width:5%;text-align:center;vertical-align: middle;}
.songnotes {display:none;}
.separator {width:1%;}
.hide_480 {display:none;}

.attend_check {width:15px;display:table-cell;vertical-align: middle;}
.show_date {width:11.5%;display:table-cell;vertical-align: middle;}
.show_boot {display:none;vertical-align: middle;}
.show_venue {width:35%;display:table-cell;vertical-align: middle;}
.show_loc {width:26%;display:table-cell;vertical-align: middle;}
.show_notes {display:none;vertical-align: middle;}
.show_rank {display:none;width:20%;vertical-align: middle;}

#setlist {width:100%;}



.innerfont{line-height:18px;font-size:20px;text-transform: initial;}

#register {width:100%;margin-bottom:6px;}
#register_test {width:100%;}


#stat_buttons {display:none;}

#mob_stat_buttons {display:block;height:auto;}

.stat_button {
    position: relative;
    float: left;
    width: 100px;
    height: 35px;
    display: block;
    margin-top: 0px;
    margin-left: 15px;
    background-position: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-size: 140px 35px;
    box-shadow: 2px 1px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 1px 5px rgba(0,0,0,0.1);}

#logout {
     background: rgba(124,89,105,1.0) url(/images/logout.png) no-repeat 0 0;
    background: rgba(124,89,105,1.0) url(/images/logout.svg) no-repeat 0 0;
    box-shadow: 2px 1px 5px rgba(0,0,0,0.3);
    width:140px;height:35px;
    margin-top:5px;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    border-top: 4px solid #334045;}

#year_button {
     background: rgba(255,255,255,0.95) url(/images/year_s.png) no-repeat 0 0;
    background: rgba(255,255,255,0.95) url(/images/year_pull.svg) no-repeat 0 0;
    box-shadow: 2px 1px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 1px 5px rgba(0,0,0,0.3);}

#all_button{
     background: rgba(255,255,255,0.95) url(/images/all-time.png) no-repeat 0 0;
    background: rgba(255,255,255,0.95) url(/images/all-time_l.svg) no-repeat 0 0;
    box-shadow: 2px 1px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 1px 5px rgba(0,0,0,0.3);}

#tour_button {
     background: rgba(255,255,255,0.95) url(/images/tour_s.png) no-repeat 0 0;
    background: rgba(255,255,255,0.95) url(/images/tour_pull.svg) no-repeat 0 0;
    box-shadow: 2px 1px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 1px 5px rgba(0,0,0,0.3);}


.right_30_full {
    width:90%;float:clear;margin:0 auto;
}

#common_tbl1 {
    width:32% !important;
    margin-right:1%;
    float:left;
}

#common_tbl2 {
    width:32% !important;
    margin-right:1%;
    float:left;
}

#uncommon_tbl3 {
    width:32% !important;
    margin-right:1%;
    float:left;
    
    
}



#uncommon_tbl4 {
    width:32% !important;
    margin-right:1%;
   
    margin-top:2%;
    
}

#rare_tbl  {
    width:32% !important;
    margin-right:1%;
    float:left;
}

#covers_tbl {
    width:32% !important;
    margin-right:1%;
    float:left;
}

/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
If the browser window is smaller than 543px 
*
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media only screen and (min-width: 543px) {
    .alb_perc {display:table-cell;}
    .th_songnotes {display:table-cell;}
    
    .LO4L_fanblock {
    display:block;
    margin: -12px -18px -12px 0 !important;
    float:right;
    width:45% !important;
}
    
    
/* )))))))))))))))))))))))))))))))))))  FOOTER - 543   ((((((((((((((((((((((((((((((*/	
.nav_title:nth-of-type(3) {margin-top:0px;}
.nav_title:nth-of-type(4) {margin-top:0px;}
.show_date {width:9%;}
.show_boot {display:table-cell;width:6%;text-align:center;}
.song_order {width:2%;text-align:center;vertical-align: middle;}
.song_name_album_mob{display:none;width:13%;vertical-align: middle;}
.song_name_album{display:table-cell;width:13%;vertical-align: middle;}
.song_name {width:15%;vertical-align: middle;}
.prev_date {width:9%;text-align:center;vertical-align: middle;}
.since {width:3%;text-align:center;vertical-align: middle;}
.tourcount {width:8%;text-align:center;vertical-align: middle;}
.show_rank  {display:table-cell;width:6%;text-align:center;}
.show_notes {display:table-cell;width:2%;}
.lib  {width:2%;text-align:center;vertical-align: middle;}
.allcount {width:8%;text-align:center;vertical-align: middle;}
.allrare  {width:5%;text-align:center;vertical-align: middle;}
.songnotes {width:10%;display:block,}
.separator {width:1%;}

.hide_480 {display:table-cell;}



.setlistchart {max-width:680px;}

	tr.ev_song {background: rgba(46,109,164, 0.6) !important;}



.jt-columns-2 {text-align:left;padding: 10px;float: left;width:100%;-moz-column-count:3; /* Firefox */-webkit-column-count:3; /* Safari and Chrome */column-count:3;
-moz-column-gap:10px; /* Firefox */-webkit-column-gap:10px; /* Safari and Chrome */column-gap:10px;height:100%;}

}
#news {display:none;}
#fantasy {display:none;}
#draft1 {display:none;}
.grid_songs {display: grid;width: 100%; height: 15px; margin-bottom: 6px;}

.grid-element { color:#fff; text-align:center; padding:1.5px;}

.grid-container--fit {grid-template-columns: repeat(auto-fit, minmax(42px, 1fr));}


@media only screen and (min-width : 767px) 
and (max-width : 1024px)  {
.wrapper_4_half {
  display: grid;
  margin:12px 0;
  grid-template-columns: repeat(auto-fill, minmax(49%, 2fr) );
  grid-gap: 12px;
  } 
}



/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
If the browser window is smaller than 768px 
*
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media only screen and (min-width: 768px) {


.wrapper_1 {
  display: grid;
  margin:18px 0;
  grid-gap: 18px;
  grid-template-columns:  1fr;
  
}



.date_wrapper_3rank {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) ) ;
    grid-column-gap: 30px;
    grid-row-gap: 12px;
    display: -ms-grid;
    -ms-grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) ) ;
    -ms-grid-column-gap: 30px;
    -ms-grid-row-gap: 12px;
    margin-bottom: 3%;
}


.banner_div {
                width:49%;
                height:100%;
                margin-top:15px;
            }
    
     .banner_div_form {
                width:46%;
                height:100%;
         padding:0px;
     }
            
    img.banner {
                width:100%;
                height:100%;
            } 
            
            
#new_srt{display:table;width:100%;height:auto;position:sticky; top:6px;z-index:6;padding:3px 12px 12px;margin-top:6px;}

#select_team {width: 63px;
    height: 63px;
    background: rgba(101,82,94,1.0) url(/images/select_team.png) no-repeat 0 0;
    background: rgba(101,82,94,1.0) url(/images/select_team.svg) no-repeat 0 0;
    background-size:60px 60px;
    background-position: center;
    float: right;
    position:relative;
    display: block; 
    right:400px;
}

#select_team_jam {width: 63px;
    height: 63px;
    background: rgba(101,82,94,1.0) url(/images/select_team.png) no-repeat 0 0;
    background: rgba(101,82,94,1.0) url(/images/select_team.svg) no-repeat 0 0;
    background-size:60px 60px;
    background-position: center;
    float: right;
    position:relative;
    display: block; 
    
}


.new_scroller {    width:623px; height:420px; overflow-y: scroll; overflow-x: hidden;}

.storytable {
width:45%;float:left;margin:10px 24px 20px;
}

.storytable_full {
width:100%;float:left;margin:10px 3px 20px;
}

#dskfantasy {
    display:block !important;
}

#mblfantasy {
    display:none !important;
}


.storyleft {
    width:45%;float:left;
}

.showrate {
    display:none;
}

.lo4l_draft_left {
    
    width:64.5%;
    margin-right:5%;
    display:block;
    float:left;
} 

.lo4l_draft_left2 {
    
    width:34.5%;
    margin-right:2%;
    display:block;
    float:left;
} 

.lo4l_draft_center {
    min-height:1200px;
    height:auto;
     width:20.5%;
    margin:0px 1.5% ;
    display:block;
    float:left;
}

.lo4l_draft_right {
    
    width:30%;
    display:block;
    float:left;
} 

.parentboxes {
     width: 26%;
    } 
    
 .parent_header{
     width: 53.5%;
 }
.right_30_full {
    width:25%;float:right;margin-right:9px;
}

.relayer_box {
   
width:90%;
}


#common_tbl1 {
    width:16% !important;
    margin-right:.6%;
    float:left;
}

#common_tbl2 {
    width:16% !important;
    margin-right:.6%;
    float:left;
}

#uncommon_tbl3 {
    width:16% !important;
    margin-right:.6%;
    float:left;
    margin-top:0%
    
}
#uncommon_tbl4 {
    width:16% !important;
    margin-right:.6%;
    float:left;
    margin-top:0%
    
}

#rare_tbl  {
    width:16% !important;
    margin-right:.6%;
    float:left;
}

#covers_tbl {
    width:16% !important;
    margin-right:.6%;
    float:left;
}



.attend_check {width:2%;display:table-cell;vertical-align: middle;}


#date_sm{display:none;}

.song_legend {grid-template-columns: repeat(auto-fill, minmax(114px, 1fr)) ;}

.grid-container--fit {grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));}

.nav_title:nth-of-type(4) {margin-top:10px;}								
#sort_button {display:table-cell;width:auto;height:auto;}

.form-control {padding: 6px 12px;font-size: 14px;}

#stat_buttons {
    display:block;
}

  .m-buttons {display: none; }

.title-buttons {width:auto;margin-top:0px;float:right;display:block;}
.button-prev {background: rgb(255,255,255) url(/images/big-arrows-light.png) no-repeat -1px 0;background-size: cover;float:left;position:relative;width:40px;height:40px;display:block; margin-right:10px;
box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.5);}

.button-next {float:left;position:relative;width:40px;height:40px;display:block; margin-right:10px;
box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.5);
    background: rgb(255,255,255) url(/images/big-arrows-light.png) no-repeat -41px 0;background-size: cover;
}

#mob_stat_buttons {
     display:none;
}

#register {
    width:45%;
    float:left;
}

#register_test {
    width:50%;
    margin-left:2%;
    float:left;
}


#passreset {
    width:45%;
    margin: 0 auto;
   margin-bottom:6px;
    
}

.lib  {display:table-cell;}
.allrare {display:table-cell;}

.colorcode {width:260px;float:right;}

.songstat {width:49%;float:left;}
.margin-rightperc {margin-right:2%;}



.margin_18 {margin:18px;width:100%;}

.stat_1-2 div:nth-child(2) {margin-top:0px;}

.side_sec:nth-of-type(1) {margin-top:10px;}
.show_date {width:5%;}
.show_boot {display:table-cell;width:4%;}
.show_venue {width:20%;}
.show_loc {width:15%;}
.show_notes {display:table-cell;width:20%;}
.show_rank {display:table-cell;width:8%;text-align:center;vertical-align: middle;
}

#song_stat {width:290px; float:left; height:auto; min-height:311px; padding:20px 0 20px 0;
margin-top:13px;margin-right:2%;
background-color: rgba(255,255,255,0.95);
box-shadow: 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
text-align:center;margin-bottom: 1%;
}

#top_ven_list {
    margin-top:18px;
    display:block;
}

#btm_ven_list {display:none;}

table.album_table {
  border: 0px solid #FFFFFF;
  width: 100%;
}

/* )))))))))))))))))))))))))))))))))))  HEADER - 768  ((((((((((((((((((((((((((((((*/
#login {display:block;
      float:right;
      margin:5px 2.5%;
      width:58%;
}

#logo {width:250px;display: block;float:left;height:78px;margin:6px 3px 0 0px;background: rgba(255,255,255,0.0) url(/images/LF-logo_final.png) no-repeat;
			background: rgba(255,255,255,0.0) url(/images/LF-logo_final.svg) no-repeat;}

#login > span {display:block;}
#head {height:80px;}
#userlogged {display:none;}

.log {margin:5px 0 0 0;}
#mob_nav {display:none;}

#morepanel, #songspanel, #statspanel {
    color:#FFF;
    padding-top:40px;
    text-align: center;
    top:80px;
    height:auto;
    width:100%;
    z-index:800;
    box-shadow: 0px 4px 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 4px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 3px rgba(0,0,0,0.25);
}

.mob_nav_inside {display:none;}
.grid-shows {height:auto; display: grid; grid-template-columns: auto auto auto; padding: 5px ; grid-gap: 12px 5px; grid-auto-flow: row;}

/* )))))))))))))))))))))))))))))))))))  COLUMNS - 768    ((((((((((((((((((((((((((((((*/
.jt-columns-2 {text-align:left;padding: 10px;float: left;width:100%;

-moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome */ column-count:3;
-moz-column-gap:10px; /* Firefox */ -webkit-column-gap:10px; /* Safari and Chrome */ column-gap:10px;height:100%;}

/* )))))))))))))))))))))))))))))))))))  MOBILE MENU - 768    ((((((((((((((((((((((((((((((*/
#m-menu {float: right;	margin: 5px 1% 0 0;	display: block;	position:absolute;	bottom:10px; right:5px;}

#mobile_login_header {display: none;}

/* )))))))))))))))))))))))))))))))))))  MAIN - 768   ((((((((((((((((((((((((((((((*/
#main {padding:6px;min-height:850px;height:auto;}
	

#clearside {display:block;
width:100%;margin:0 auto;
position: relative; box-sizing: border-box;
vertical-align: top;
background-color: rgba(0,0,0,0);z-index:2;
}

.stat_cards {
    width:100%;float:left;
}
.side_sec {margin-bottom: 20px;height:auto;}
.side_sec:nth-of-type(1) {margin-top:10px;}
.side_sec:nth-of-type(2),.side_sec:nth-of-type(3) {display:none;}	
.hide_sec {
    display:block;
}

#LO4L_epi,
#porch_epi,
#solat_epi {
    font-size: 30px;
}
/* )))))))))))))))))))))))))))))))))))  SHOWS/ALBUMS - 768   ((((((((((((((((((((((((((((((*/	
#shows_alb {width:433px;margin:6px;float:left;display:block;}	

/* )))))))))))))))))))))))))))))))))))  STATS/DONATE - 768   ((((((((((((((((((((((((((((((*/	
#stat_donate {width:283px;margin:6px;}	

.stat_1-2 {
  grid-gap: 18px;
  margin:12px 0px;
    grid-template-columns: 1fr 1fr;
}

/* )))))))))))))))))))))))))))))))))))  NEWS - 768   ((((((((((((((((((((((((((((((*/	
#news {display:block;width:635px;margin:6px;height:492px;}
#fantasy {display:block;width:635px;margin:6px;height:492px;}
#draft1 {display:block;width:635px;margin:6px;height:150px;}
#news_mob {display:none;}
#fant_mob {display:none;}
#draft_mob {display:none;}
/* )))))))))))))))))))))))))))))))))))  POLLS - 768  ((((((((((((((((((((((((((((((*/	
#poll {width:433px;margin:6px;}

/* )))))))))))))))))))))))))))))))))))  IN HIDING - 768  ((((((((((((((((((((((((((((((*/	
.in-hiding {width:433px;}
#in-hiding {
   /*  margin-left:6px; */
    
}
#rtag {width:100%;height:100%;margin-top:12px;float:left;position: relative;}
#extra2 {width:433px;margin:6px;}
/* )))))))))))))))))))))))))))))))))))  ALBUMS - 768   ((((((((((((((((((((((((((((((*/
#albums_sm {height:auto;}
#albums_slider {height:auto;}
#albums_slider2 {height:auto;}
/* )))))))))))))))))))))))))))))))))))  ADS - 768   ((((((((((((((((((((((((((((((*/
.ad_blocks {width:433px;}
.draft_block {width:635px;display:block;}
.draft_block_mob {width:635px;display:none;}
.ad_group_mobile {margin:auto 6px;}

/* )))))))))))))))))))))))))))))))))))  FOOTER - 768   ((((((((((((((((((((((((((((((*/	
#disclaimer {width: 39.5%;}
#bot_nav {width: 50%;float:right;}
.nav_title {float:left;}


/* )))))))))))))))))))))))))))))))))))  SHOWS PAGE - 768   ((((((((((((((((((((((((((((((*/ 

.prev_date {width:6%;}
.since {width:3%;}
.tourcount {width:7%;}
.allcount {width:7%;}
.allrare  {width:5%;}
.lib  {width:2%;}
.songnotes {width:20%;}
}



/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
If the browser window is iphone landscape
*
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
    
.show_date {width:3%;display:table-cell;vertical-align: middle;}
.show_boot {width:2.5%;display:table-cell;vertical-align: middle;}
.show_venue {width:12%;display:table-cell;vertical-align: middle;}
.show_loc {width:10%;display:table-cell;vertical-align: middle;}
.show_notes {width:10%;display:table-cell;vertical-align: middle;}
.show_rank {display:none;width:20%;vertical-align: middle;}
}


/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
If the browser window is smaller than 1024px 
*
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media only screen and (min-width: 1024px) {
  .gridContainer {display: table;}
  .jt-columns-2 {text-align:left;padding: 10px;float: left;width:100%;

-moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */ column-count:2;
-moz-column-gap:10px; /* Firefox */ -webkit-column-gap:10px; /* Safari and Chrome */ column-gap:10px;height:100%;}
.side_sec:nth-of-type(2),.side_sec:nth-of-type(3) {display:block;}
  
  [class^="jt-columns-"] > div {height:14px;margin-bottom:3px;font-size: 12px;font-weight:500;}
						  
 .nav_title:nth-of-type(4) {margin-top:0px;}
		
.share {
    width:100%;
}					   


#img_button {
    display:block;
    margin:8px;
    
    
}

.wrapper_4_half {
  display: grid;
  margin:12px 0;
  grid-template-columns: repeat(auto-fill, minmax(32%, 3fr) );
  grid-gap: 18px;
  } 
    
/* )))))))))))))))))))))))))))))))))))  TO TOP - 1024   ((((((((((((((((((((((((((((((*/   
#toTop {
display: block; position:fixed;
z-index: 999;
bottom:20px;
right:20px;
width:34px;
height:34px;
border:none;
text-indent:-999px;
overflow:hidden;
background: #fff url(/images/top-btn.png) no-repeat 2px 2px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.1);
box-shadow: 0 0 4px rgba(0,0,0,0.1);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 1px solid #bbb;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
cursor: pointer;
zoom: 1;
filter: alpha(opacity=0.7);
opacity: 0.7;
}

#setlist {width:834px;}

.grid-container--fit {
    grid-template-columns: repeat(auto-fit, minmax(45px, 1fr));
    grid-column-gap: 6px;
    height:15px;
}

.show_main {width:75%;float:left;}

/* )))))))))))))))))))))))))))))))))))   MODAL - 1024   ((((((((((((((((((((((((((((((*/ 
.modal_login {
      width: 30%; /* Could be more or less, depending on screen size */
}

.set-columns {width:1080px;}

/* )))))))))))))))))))))))))))))))))))  LOGO - 1024   ((((((((((((((((((((((((((((((*/ 
#logo {width:326px;}

/* )))))))))))))))))))))))))))))))))))  SHOWS/ALBUMS - 1024   ((((((((((((((((((((((((((((((*/ 
#shows_alb {width:433px;margin:6px;float:left;display:block;}	

/* )))))))))))))))))))))))))))))))))))  STAT/DONATE - 1024   ((((((((((((((((((((((((((((((*/ 
#stat_donate {width:268px;margin:6px;}	

/* )))))))))))))))))))))))))))))))))))  NEWS- 1024   ((((((((((((((((((((((((((((((*/ 	
#news {margin:6px;}
#fantasy {margin:6px;}
#draft1 {margin:6px;height:150px;}
/* )))))))))))))))))))))))))))))))))))  FOOTER - 1024   ((((((((((((((((((((((((((((((*/ 	
#disclaimer {width: 39.5%;}
#bot_nav {width: 50%;float:right;}
.nav_title {float:left;}

/* )))))))))))))))))))))))))))))))))))  SIDEBAR - 1024  ((((((((((((((((((((((((((((((*/	
#side {	width:260px !important;	margin:0; display:table-cell;vertical-align: top;box-shadow: 4px 0 4px rgba(0,0,0,0.2);	-webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);}

#whiteside {padding:0 12px;display:table-cell; width:260px !important;	margin:0; vertical-align: top;height:100%;}

/* )))))))))))))))))))))))))))))))))))  SETLIST ((((((((((((((((((((((((((((((*/
.setlistchart {max-width:225px;}

/* )))))))))))))))))))))))))))))))))))  SONG ((((((((((((((((((((((((((((((*/
.main_song {width:792px !important;}
}

/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
If the browser window is smaller than 1197px 
*
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

@media only screen and (min-width: 1197px) {
#clearside {padding:0 12px;display:table-cell; width:260px !important;	margin:0; vertical-align: top;}
/* ))))))))))))))))))))))))))))))))))) MAIN - 1197   ((((((((((((((((((((((((((((((*/ 
#main {height:auto;}

  #sort_shows {display:block;width:30%;height:auto;float:right;margin-top:10px;position:sticky; top:20px;}
   #sort_songs {display:block;width:50%;height:auto;float:right;position:sticky; top:20px;}
   #newsort{display:block;width:30%;height:auto;float:right;position:sticky; top:20px;}
   #sort_mob {display:none;}
    #sort_mobsongs {display:none;}
      #sort_mob_shows {display:none;}
       #nav_mob_shows {display:none;}

.button_sort {
display:none;
} 

#LO4L_epi {
   font-size: 20px;
}

#porch_epi {
font-size: 18px;
}


#solat_epi {
font-size: 18px;
}
   
   [id^="jump-"]::before {
    display: block; 
    content: " "; 
    margin-top: 0px; 
    height: 0px; 
    visibility: hidden; 
    pointer-events: none;
}

/* ))))))))))))))))))))))))))))))))))) ADVERSTISEMENTS - 1197   ((((((((((((((((((((((((((((((*/ 
.ad_group_blocks {float:left;width:99%;min-height:80px;display:block;margin:12px;bottom:12px}
.ad_group_mobile {display:none;}

/* )))))))))))))))))))))))))))))))))))  VENUES  ((((((((((((((((((((((((((((((*/



		

.wrapper_2 {grid-template-columns: repeat(2, 1fr);  margin:19px 9px 9px 9px; }
			  
.wrapper_cover2 {grid-template-columns: repeat(2, 1fr);  margin:9px;  }  
   


			
.wrapper_3 {display: grid;grid-template-columns: repeat(3, 1fr);  margin:12px 0;  }
		
.wrapper_3_rank {display: grid;grid-template-columns: repeat(3, 1fr);  margin:5px 0;  }
   
 
  
.wrapper_1_1_2 {margin:12px 18px 30px; grid-template-columns: 1fr 1fr 2fr;}			

.wrapper_2_2 {margin:12px 18px 30px; grid-template-columns: 2fr 2fr;}			

.wrapper_4_half {margin:12px 18px 30px; grid-template-columns: repeat(4, 1fr);}						  
.wrapper_4 {margin:12px 18px 30px; grid-template-columns: repeat(4, 1fr);}
	 
.wrapper_flow {grid-auto-flow: column;
    grid-template-columns: repeat(4, 1fr);
}  
			
.wrapper_5 {grid-template-columns: repeat(5, 1fr);}


.pod_list {grid-template-columns: repeat(6, 1fr);}


   }
   

   

/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
If the browser window is larger than 1365px 
*
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media only screen and (min-width: 1365px) {

/* ))))))))))))))))))))))))))))))))))) MAIN - 1365   ((((((((((((((((((((((((((((((*/     
#main {min-height:775px;}

/* )))))))))))))))))))))))))))))))))))  SLIDER - 1365   ((((((((((((((((((((((((((((((*/ 
#slider {width:633px;height:397px;margin:6px;float:left;display:block;position: relative;background: rgba(255,255,255,1) url(/images/slider.png);padding:12px;box-sizing: border-box;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
		
/* )))))))))))))))))))))))))))))))))))  NEWS - 1365   ((((((((((((((((((((((((((((((*/ 
#sitenews {width:633px;height:397px;margin:6px;float:left;display:block;position: relative;padding:12px;box-sizing: border-box;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}

/* )))))))))))))))))))))))))))))))))))  STATS/DONATE - 1365   ((((((((((((((((((((((((((((((*/ 
#stat_donate {width:240px;margin:6px;float:left;display:block;}

#donate {width:240px;height:80px;float:left;}
.testbox  {width:240px;height:80px;float:left;}
.middle-column {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            width:240px;
  
        }

#extra {width:370px;min-height:329px;height:auto;margin:6px;float:left;}
/* )))))))))))))))))))))))))))))))))))  NEWS - 1365   ((((((((((((((((((((((((((((((*/ 
#news {float:left;}
#fantasy{float:left;}
#draft1 {float:left;height:150px;}
/* )))))))))))))))))))))))))))))))))))  POLLS - 1365   ((((((((((((((((((((((((((((((*/ 
#poll {width:240px;height:354px;float:left;}

/* )))))))))))))))))))))))))))))))))))  IN HIDING - 1365   ((((((((((((((((((((((((((((((*/ 
.in-hiding {width:240px;height:356px;float:left;}
#rtag {width:440px;height:356px;float:left;}

#extra2 {width:255px;height:330px;float:left;}
/* )))))))))))))))))))))))))))))))))))  ALBUMS - 1365   ((((((((((((((((((((((((((((((*/ 
#albums {width: 574px; height:100%;float:left;display:block;margin:6px;}
#albums_sm {display:none;}

/* )))))))))))))))))))))))))))))))))))  ADVERSTISEMENTS - 1365   ((((((((((((((((((((((((((((((*/ 
.ad_blocks {width:240px;margin-right: 12px ;}
.draft_block {width:635px;margin-right: 12px ;}
.ad_group_blocks > .ad_blocks ~ .ad_blocks {margin-left: 12px ;}

/* )))))))))))))))))))))))))))))))))))  SHOWS PAGE - 1365   ((((((((((((((((((((((((((((((*/ 
.buttonText { float:right;width:120px;margin-bottom:5px; }
#sort_shows {width:290px;height:auto;}
#sort_songs {width:290px;height:auto;}
#newsort{width:290px;height:auto;}
#title_header {width:75%;}
.shows_list {width:75%;height:auto;}

}

@media (prefers-color-scheme: dark) {
    
   .tblock_color {
      color: rgb(220,220,220) !important;
   }

    h4.storyheader {
color: rgba(150,100,118, 1);
    }    
    
    li.search_icon {
        -webkit-filter: grayscale(100%) brightness(160%);filter: grayscale(100%) brightness(260%);
    }
    
    .reg-control::-moz-placeholder {
  color: rgb(200,200,200);
  opacity: 1;
}

	.date_wrapper_story h6 {
	    color:rgb(250,250,250);}

	
	
.reg-control:-ms-input-placeholder {
  color: rgb(200,200,200);
}
.reg-control::-webkit-input-placeholder {
  color: rgb(200,200,200);
}
.reg-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
    
  table.storyinfo tr:nth-child(odd) {background: rgba(10, 10, 10, 0.3);}   
    
 .reg-control {
    color: rgb(200,200,200); 
}   
    
    
    a#pass_link {color:rgb(165, 121, 137);}
    .set-columns  a:link, .set-columns  a:visited  {color:000;text-decoration: none;}
    body {background:#000;background:#232323 url("/images/newback.jpg") repeat center center fixed;color:rgb(229, 229, 230);}
	h4{color: #fff;}
	.numrow{color: #fff;}
	.teamname {color:rgb(130, 130, 130); }
	    .team {color:rgb(200, 200, 200); }
    .date_box{color:rgb(130, 130, 130); }
    span {color:rgb(130, 130, 130); }
    
    [id^="jump-"] {
background:rgba(20,20,20,0.0);
}


.pull-INT, .pull-CN, .pull-US, .pull-EU, .pull-OC, .pull-LA {
    -webkit-filter: invert(1);
    filter: invert(1);
}
    
    .LBC {
            filter:saturate(800%) sepia(100%) grayscale(100%) brightness(500%);
            -webkit-filter:saturate(800%) sepia(100%) grayscale(100%) brightness(500%);
    }
    
    .loader_login {
    border: 10px solid #F3F3F3; /* Light grey */
    border-top: 10px solid rgb(30,35,56); /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin .5s linear infinite;
margin:15px auto ;
}
    
    
    a {color:rgb(250, 250, 250);text-decoration:underline;}
	a:hover {color:rgb(201, 175, 184);text-decoration: underline;}
    a:active {color:rgb(201, 175, 184);text-decoration: underline;}
    .mystat_column {background: rgba(33,77,115, 0.75);color: #fff;}
    .blocks {background: rgba(55,55,55,0.8);}
    .parent {background-color: rgba(55,55,55, 0.8);}
    .parentboxes {background-color: rgba(55,55,55,0.8);}
.parent_header {background-color: rgba(55,55,55, 0.8);}
    .m-buttons {background-color: rgba(0,0,0,1);}
    .m-button-prev {background: rgba(20,20,20,0.95) url(/images/small-arrows-dark.png) no-repeat 0px 0;}
.m-button-next{background: rgba(20,20,20,0.95) url(/images/small-arrows-dark.png) no-repeat -60px 0;}
	h3 {border-left: 4px solid #baa498;color:rgb(229, 229, 230);}
	#copyinfo {color:#e5e5e6;}
	#bot_nav {color:#e5e5e6;}
	#bot_nav a {color:#e5e5e6;text-decoration: underline;}
	#bot_nav h4 {color:#e5e5e6;}
	.reg-control{background-color: rgb(30,30,30);color:rgb(200,200,200);}
	.container_2018{background: rgb(30,35,56);color:rgb(200,200,200);}
	.login_bot, .login_bot span {background: rgb(50,55,76);color:rgb(200,200,200);}
	#side {	background-color: rgba(46,25,36,0.5);}
	.song_sum {color:rgb(255, 255, 255);}

	tr.seen {background: rgba(46,109,164, 0.4) !important;}
	tr.seen:hover {background-color:rgba(40,109,150,0.5) !important;}
	tr.endtour {border-top:2px solid rgb(255,255,255) !important;}
	tr.future {background-color: rgba(58,54,52,0.8) !important;border-bottom:1px solid rgb(70,70,70) !important;}
	tr.future:hover {background-color: rgba(51,56,53,0.8) !important; border-bottom:1px solid rgb(70,70,70) !important;}
	.pull-all {background: #FFF url(/images/all-time.png) no-repeat 0 0;  
	background: #FFF url(/images/all-time_l.svg) no-repeat 0 0;
    border:1px solid rgba(0, 0, 0, 0.9);
	    filter: invert(1);}
	.form-control {color: rgb(244, 238, 240);background-color: #111;}
	.set_highlight  {background: rgba(40,65,99, 0.5);}
	.tag_highlight  { background-image: linear-gradient(90deg, rgb(150 171 152  / 0%) 30.6666%, rgb(150 171 152  / 54%) 78.08333%);}
	.info h6 span {color: rgb(215, 215, 215)}
	.ven_alpha h4 {color:rgb(170,170,170);}
	.grid img {-webkit-filter: grayscale(80%);filter: grayscale(80%);}
	


	
	.ac-container label{color: #777;background: rgb(30,35,56) url(/images/arrow_down.png) no-repeat 99.5% 10px;}
    .ac-container label:hover{background: rgb(70, 37, 49) url(/images/arrow_down.png) no-repeat 99.5% 10px;}
    .ac-container input:checked + label,
    .ac-container input:checked + label:hover{background: rgb(16,18,30) url(/images/arrow_up.png) no-repeat 99.5% 5px;}
    .ac-container article{background: rgba(10, 10, 10, 0.5);}
    select > option {color:#aaa;}
    option {background: #202020;
    background-color: rgba(0, 0, 0, 0.3);}
    #title-block {background-image: linear-gradient(60deg, rgba(4,4,4,0.9), rgba(0, 0, 0,0.7));color: rgb(250,250,250);}
    .fullbck {background-color: rgba(4,4,4, 0.95);}
    .timerback {background-color: rgba(4,4,4, 0.95);}
    .songcount {background-color: rgba(10, 10, 10, 0.8); color:rgb(235,235,235); }
    #mobile_login_header {background-color: rgba(25,25,25,1);}
    #m-songs_2018, #m-stats_2018, #m-foot_2018, #m-shows_2018, #m-more_2018, #m-rating   {-webkit-filter: grayscale(100%) brightness(160%);filter: grayscale(100%) brightness(160%);}
    #mob_nav {background-color: rgba(40,65,99,0.6);}
    .gridContainer_title {color: rgb(245,245,245);}
    .album_b_grad { background:linear-gradient( to left, rgba(183,80,130,0.4) 50%, rgba(192,70,152,0) 80%);}
    .white_bck {display:block;background-color: rgba(4,4,4,0.95);box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);position: relative;padding: 12px;box-sizing: border-box;}
    .storyback {background-color: rgba(4,4,4,0.95);box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);position: relative;padding: 12px;box-sizing: border-box;}
    .modernbricksmenu2 a{color: #5F6166;background-color: rgb(60,60,60); border-top: 4px solid #ccc;}
    .modernbricksmenu2 a.selected {background-color: rgba(165, 121, 137, 0.5);border-top: 4px solid #C1AA9D;}
    .progress {background:rgba(50,50,50,0.95);}
    #shows h5, #shows p{color:#e5e5e6;}	
    #shows #next {background-color: rgba(41, 43, 78, 0.75);}
    #next .box {background: rgb(22, 23, 43);}
    #user_stats {background: rgba(165, 121, 137, 0.5);color:rbg(235,235,235);}
    #user_stats h5, #user_stats strong{color:rgba(235,235,235, 1);}
    #year_stats {background-color: rgba(10,10, 10, 0.5);}
    #tour_stats {background-color: rgba(20,20,20, 0.5);}
    .ad_blocks {filter:grayscale(50%);-webkit-filter:grayscale(50%);}
    #head {background: linear-gradient(60deg, rgba(18,18,18, 0.7), rgba(0, 0, 0, 0.7));  } 
    #footer {background-color: rgba(18,18,18, 0.8); }
    #disclaimer a,  #disclaimer p  {color:rgb (229, 229, 230);}
    #whiteside {background-color: rgba(25,25,25, 0.7);}
    .setlist_side{background-color: rgba(12, 17, 13,0.9) !important;}
    .white_side{background-color: rgba(25,25,25, 0.7) !important; }
    table.showset thead {background: #0000007a;color:rgb(229, 229, 230);}
    table.album_table td, table.album_table th, table.song_table td, table.songtable th {border: 0px solid #000000;}
    table.album_table tr:nth-child(even), table.song_table tr:nth-child(even), table.showset tr:nth-child(even){background: rgb(15,15,15);}
    table.album_table tr:nth-child(odd), table.song_table tr:nth-child(odd), table.showset tr:nth-child(odd) {background: rgb(10, 10, 10);}
    table.album_table thead, table.song_table thead  {background: #0000007a;color:rgb(229, 229, 230);}
    table.album_table tbody, table.song_table tbody, table.show_table tbody {color:rgb(229, 229, 230);}
    #d-myshows {filter:brightness(2.5); -webkit-filter:brightness(2.5);}
    #d-fantasy {background: rgba(255,255,255,0.0) url(/images/d-fantasy-invert.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-fantasy-invert.svg) no-repeat 0 0;}
    #d-fantasy:hover {background: rgba(255,255,255,0.0) url(/images/d-fantasy-invert.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d-fantasy-invert.svg) no-repeat 0 0;filter:brightness(1.25); -webkit-filter:brightness(1.25);}
    #d-jamduel {background: rgba(255,255,255,0.0) url(/images/d_jamduel_invert.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d_jamduel_invert.svg) no-repeat 0 0;}
    #d-jamduel:hover {background: rgba(255,255,255,0.0) url(/images/d_jamduel_invert.png) no-repeat 0px 0;background: rgba(255,255,255,0.0) url(/images/d_jamduel_invert.svg) no-repeat 0 0;filter:brightness(1.25); -webkit-filter:brightness(1.25);}
    #d-mystats {filter:brightness(2.5); -webkit-filter:brightness(2.5);}
    #userlogged {background-color: rgba(31,50,86,0.9);z-index:1000;}
    #morepanel, #songspanel, #statspanel {background-color: rgba(40,65,99,0.95);} 
    table.songfooter {background: rgb(24,24,23); border-top: 2px solid rgb(34,34,33);}
    .ven_block {color: rgb(0,0,0);box-shadow: 4px 0 4px rgba(0,0,0,0.2);-webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);background: rgba(18,18,18, 0.8);}
    .ven_block h5{color: rgb(127,127,131);}
    .lo4l_block {color: rgb(0,0,0);box-shadow: 4px 0 4px rgba(0,0,0,0.2);-webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);background: rgba(18,18,18, 0.8);}
    .lo4l_block h5{color: rgb(127,127,131);}
    .lo4l_block_stick {color: rgb(0,0,0);box-shadow: 4px 0 4px rgba(0,0,0,0.2);-webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);background: rgb(18,18,18);}
    .lo4l_block_stick h5{color: rgb(127,127,131);}
    #myDIV1 {background: rgba(40,65,99,0.6);color:#fff;}
    .ven_th {background:rgba(10, 10, 10, 0.5);border-bottom: 2px solid rgba(100, 100, 100, 0.5);color:rgb(229, 229, 230);}
    .ven_row {background:rgba(10, 10, 10, 0.5);color:rgb(229, 229, 230);}
    #song_stat {background-color: rgba(25,25,25, 0.7);}
    #logo {-webkit-filter: saturate(800%) sepia(100%) grayscale(100%) brightness(500%);
    filter: saturate(800%) sepia(100%) grayscale(100%) brightness(500%);} 
    #side h6 {color:rgb (229, 229, 230);}
    #side h5 {color:rgb (229, 229, 230);}
    ul.MenuBarHorizontal a {color: rgb(250, 250, 250);text-decoration: underline;}
    .info span{color:rgb(204, 204, 204);}
    .stat_button {filter: invert(0.8);brightness(800%);}
    .attendstyle {background-image: linear-gradient(60deg, rgb(28, 60, 88), rgb(49, 106, 155)) !important; color:white !important; font-size: 18px;font-weight: bolder; }

    .common {background:rgb(38,31,36);}
    .uncommon {background:rgb(102,75,85);}
    .rare {background:rgb(130,115,106);}
    .covers {background:rgb(127,130,96);}
    .gigaton {background:rgb(96,117,99);}
    .dropped {background:rgb(100,100,100) !important;color:#fff;} 
    /*.common2 {background:rgb(142 129 137);}
    
    .uncommon2 {background:rgb(176 156 163);} */


    .preset  {background:rgba(148, 181, 153,0.6);color:#ffffff;}
    .encore1 {background:rgba(193, 161, 157,0.6);color:#ffffff; }
    .encore2 {background:rgba(165, 121, 137,0.6);color:#ffffff;}
    .encore3 {background:rgba(101, 82, 94,0.6);color:#ffffff;}
    .rarity3 {color:rgb(213, 0, 69);}
    .rarity2 {color:rgb(218, 167, 44);}
    .rarity1 {color:rgb(193, 170, 157);}
    span.gray_text{color: rgba(240,240,240,0.9);}
    .success_shows {color:rgb(10,10,10);}
    .button-prev {background: rgba(20,20,20,0.95) url(/images/big-arrows-dark.png) no-repeat -1px 0;border: 1px solid rgb(200,200,200);background-size: cover;}
    .button-next {background: rgba(20,20,20,0.95) url(/images/big-arrows-dark.png) no-repeat -41px 0;border: 1px solid rgb(200,200,200);background-size: cover;}
    .show_boot {-webkit-filter: saturate(800%) sepia(100%) grayscale(100%) brightness(500%);
    filter: saturate(800%) sepia(100%) grayscale(100%) brightness(500%);}
     /*Green color theme*/
 .green {background: rgb(150,148,181);text-align:center;}
 .green_dark {background: rgb(117,137,109);text-align:center;}
 .container_2018 button {background: rgb(150,148,181);border-top: 4px solid rgb(90,98,91);text-align:center;}
 .song_row{ border-bottom: 1px solid rgb(100, 100, 100);
    }
.green:hover{background-color: rgb(158,153,190); border-color: #79937D !important; color:#65525E !important; }
.green_l {background: rgb(150,148,181) url(/images/pull-year_w.png) no-repeat left 6px center;text-align:center;}

.green_l:hover{background-color: rgb(150,148,181); border-color: #79937D !important; color:#65525E !important; }
					   
.green_b {background: rgb(150,148,181) url(/images/pull-year_w.png) no-repeat center 2px; padding:8px;}
.green_b:hover {background-color: rgb(150,148,181); border-color: #79937D !important;color:#65525E !important;}



.container {
  display: block;
  position: relative;
  margin-left:13px;
  
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}




.container_check {
  display: block;
  position: relative;
  margin-left:5px;
  margin-top:-13px;
  cursor: pointer;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid rgb(100,100,100);
  background-color: rgb(40, 40, 40);
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #a57989;
}

/* On mouse-over, add a grey background color */
.container_check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark {
  background-color: #a57989;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_check .checkmark:after {
  left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
    
    
    table.fantasy_table th, table.fantasy_table td {
  font-size: 13px;
  color:#FFF;
}
    
.modal-content {
    background:#000;
    -webkit-box-shadow: 0 5px 15px rgba(255, 255, 255, 0.5);
    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.6);
}

}    
    
  		.frow{color: #FFF;}
  
  

}

/* ///////////////////////////// LIGHT ////////////////////////////////// */

@media (prefers-color-scheme: light) {
    .teamname {color:rgb(165, 165, 165); }
    .team {color:rgb(165, 165, 165); }
    
    table.fantasy_table th, table.fantasy_table td {
  font-size: 13px;
  color:#666;
}

.tblock_color {
      color: rgb(20,20,20) !important;
   }



 .reg-control[disabled],
.reg-control[readonly],
fieldset[disabled] .form-control {
  background-color: rgb(200,200,200);
  color:rgb(70 70 70);
  opacity: .7;
}


.reg-control {
    color: rgb(165,121,137); 
}

.reg-control::-moz-placeholder {
  color: rgb(165,121,137);
  opacity: 1;
}
.reg-control:-ms-input-placeholder {
  color: rgb(165,121,137);
}
.reg-control::-webkit-input-placeholder {
  color: rgb(165,121,137);
}
.reg-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

 .reg-control {
    color: rgb(10,10,10); 
}




[id^="jump-"] {
background:rgba(255,255,255,0.8);
}

.loader_login {
    border: 10px solid #F3F3F3; /* Light grey */
    border-top: 10px solid #A57989; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin .5s linear infinite;
margin:15px auto ;
}

.reg-control[disabled],
.reg-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

    .button-prev {background: rgba(255,255,255,0.95) url(/images/big-arrows-light.png) no-repeat -1px 0;background-size: cover;}
    .button-next {background: rgba(255,255,255,0.95) url(/images/big-arrows-light.png) no-repeat -41px 0;background-size: cover;}
    body {color: #666;background:#FFFFFF url("/images/back.jpg") repeat center center fixed;}
	a {color:rgb(165, 121, 137);text-decoration:none;}
	h4{color: #666;}
	.numrow{color: #FFF;}
	.frow{color: #666;}

    a:hover {color:rgb(165, 121, 137);text-decoration: underline;}
    a:active {color:#415d45;text-decoration: underline;}
    .mystat_column {background-color: rgb(165, 121, 137);color: #fff;}
	h3 {border-left: 4px solid #a57989;}
	#copyinfo {color:rgb(102,102,102);}
	  .m-buttons {background-color: rgba(255,255,255,0.6);}
	#bot_nav {color:rgb(102,102,102);}
		.song_sum {color:rgb(120, 120, 120);}

	#bot_nav a {color:rgb(102,102,102);}
	#bot_nav h4 {color:rgb(102,102,102);}
	.container_2018{background: rgb(165,121,137);color:rgb(200,200,200);}
	.login_bot, .login_bot > span {background: rgb(250,250,250) !important;color:rgb(10,10,10);}
	
	
	.common {background:rgb(101,82,94) !important;color:#fff;}
	.common2 {background:rgb(71 56 66) !important;color:#fff;}
    .uncommon {background:rgb(165,121,137) !important;}
    .uncommon2 {background:rgb(138 92 106) !important;} 
    .rare {background:rgb(193,170,157) !important;color:#fff;}
    .covers {background:rgb(189,193,142) !important;color:#000;}
    .gigaton {background:rgb(148,181,153) !important;color:#fff;}
    .dropped {background:rgb(220,220,220) !important;color:#fff;}  
	
	.attendstyle {background-image: linear-gradient(60deg, rgb(165, 121, 137), rgb(209, 167, 183)) !important; color:white !important; font-size: 18px;font-weight: bolder; }

	.preset  {background:rgb(148, 181, 153);color:#ffffff;}
    .mainset {background:transparent;}
    .encore1 {background:rgb(193, 161, 157);color:#ffffff; }
    .encore2 {background:rgb(165, 121, 137);color:#ffffff;}
    .encore3 {background:rgb(101, 82, 94);color:#ffffff;}
    .rarity3 {color:rgb(96, 0, 31);}
    .rarity2 {color:rgb(218, 167, 44);}
    .rarity1 {color:rgb(193, 170, 157);}
	#side {	background-color: rgba(224,208,214,1);}
	tr.seen:hover {background-color : rgb(214, 239, 218) !important;}
	tr.seen {background-color : rgb(200, 234, 205) !important;}
	tr.endtour {border-top: 2px solid rgb(55,55,55) !important;}
	tr.future {background-color: rgba(238,234,232,0.8) !important;border-bottom:1px solid #fff !important;}
	tr.future:hover {background-color: rgba(231,226,223,0.8) !important;border-bottom:1px solid #fff !important;}
	.pull-all {background: rgba(255,255,255,0.95) url(/images/all-time.png) no-repeat 0 0;  
	background: rgba(255,255,255,0.95) url(/images/all-time_l.svg) no-repeat 0 0;
    border:0.5px solid #ccc;}
	.form-control {color: rgb(165,121,137);background-color: #fff;}
	.set_highlight  {background: rgb(235, 235, 235);}
	.tag_highlight  { background-image: linear-gradient(90deg, rgb(150 171 152  / 0%) 30.6666%, rgb(150 171 152  / 54%) 78.08333%);}
	.info h6 span {color: rgb(130, 130, 130)}
	.ven_alpha h4 {color:rgb(170,170,170);}
	.grid img {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
    .ac-container label{color: #777;background: #ffffff url(/images/arrow_down.png) no-repeat 99.5% 10px;}
    .ac-container label:hover{background: rgb(216, 232, 216) url(/images/arrow_down.png) no-repeat 99.5% 10px;}
    .ac-container input:checked + label{background:; #312127 url(/images/arrow_up.png) no-repeat 99.5% 5px;}
    .ac-container article{background: rgba(255, 255, 255, 0.5);}
    #blankarea {background: url('/images/r_lines.png');background-position: 0 0;background-repeat: repeat;background-attachment: fixed;height:auto;clear: both;width:100%;}
    select > option {color:#aaa;}
    #title-block {background-image: linear-gradient(60deg, rgb(245, 245, 245), rgb(250, 250, 250));color: #1c1d24;}
    .fullbck {background-color: rgba(255,255,255, 0.7); }
    .timerback {background-color: rgba(255,255,255, 0.95); }
    .songcount {background-color: rgba(245, 240, 240, 0.8); }
    #mobile_login_header {background-color: rgba(255,255,255,1);}
    #m-songs_2018, #m-stats_2018, #m-foot_2018, #m-shows_2018, #m-more_2018, #m-rating   {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
    #mob_nav {background-color: rgba(255,255,255,1);}
    .gridContainer_title {color: rgb(100,100,100);}
     .album_b_grad { background:linear-gradient( to left, rgba(83,0,30,.15) 50%, rgba(92,7,52,0) 80%);}
    .white_bck {display:block;background-color: rgba(255,255,255,0.80);box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);position: relative;padding: 12px;box-sizing: border-box;}
    .storyback {background-color: rgba(255,255,255,0.80);box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);position: relative;padding: 12px;box-sizing: border-box;}

    .modernbricksmenu2 a{background-color: #E2E0DF;color: #5F6166; border-top: 4px solid #ccc;}
    .modernbricksmenu2 a.selected {background: rgb(165, 121, 137);border-top: 4px solid #C1AA9D;}
    .progress {background:rgba(245,245,245,0.9);}
    #shows h5, #shows p{rgba(102,102,102,1);}	
    #shows #next {background-color: rgba(193, 170, 157, 0.25);}
    #next .box {background: rgba(193, 170, 157, 0.3);}
    #user_stats h5, #user_stats strong{color:rgb(35,35,35);}
    #user_stats {background-color: rgb(165, 121, 137);color:#fff;}
    #year_stats {background-color: rgba(148,181,153, 0.5);}
    #tour_stats {background-color: rgba(193,170,157, 0.5);}
    #userlogged {background-color: rgba(101,82,94,0.95);}
    .ad_blocks {filter:grayscale(0%);}
    #head {background-color: rgba(255,255,255,0.95);} 
    #footer {background-color: rgba(255,255,255,0.95); }
    #disclaimer a,  #disclaimer p  {color:rgb(102,102,102);}
    #whiteside {background-color: rgba(25,25,25, 0.7);}
    .setlist_side{background-color: rgba(212, 217, 213,0.9);}
    .white_side{background-color: rgb(255, 255, 255);}
    .parent {background-color: rgba(255,255,255,0.8);}
    .parentboxes {background-color: rgba(255,255,255,0.8);}
    .parent_header {background-color: rgba(255,255,255,0.8);}
    .blocks {background: rgba(210,210,210, 0.8);}
    table.showset thead {background: #FFFFFF;}
    table.showset tbody tr:nth-child(odd) {background: rgb(247, 247, 247);}
    table.showset tbody tr:nth-child(even) {background: rgb(235, 235, 235);}
    table.album_table tr:nth-child(even), table.song_table tr:nth-child(even) {background: rgb(234, 234, 234);}
    table.album_table td, table.album_table th, table.song_table td, table.songtable th {border: 0px solid #000000;}
    table.album_table tr:nth-child(odd), table.song_table tr:nth-child(odd) {background: rgb(247, 247, 247);}
    table.album_table tr:nth-child(even), table.song_table tr:nth-child(even) {background: rgb(234, 234, 234);}
    #morepanel, #songspanel, #statspanel {background-color: rgb(102,0,51);}   
    table.album_table thead, table.song_table thead  {background: #FFFFFF;}
    #myDIV1 {background: #fff;color:rgb(81,81,81);}
    table.songfooter {background: rgb(247,247,237); border-top: 2px solid #D9D9D9;}
    .ven_block {color: rgb(	102, 102, 102);box-shadow: 4px 0 4px rgba(0,0,0,0.2);-webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);background: rgba(255,255,255, 0.8);background:#fff;}
    .ven_block h5{color: rgb(102, 102, 102;}
    .lo4l_block {color: rgb(	102, 102, 102);box-shadow: 4px 0 4px rgba(0,0,0,0.2);-webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);background: rgba(255,255,255, 0.8);background:#fff;}
    .lo4l_block h5{color: rgb(102, 102, 102;}
    .lo4l_block_stick {color: rgb(	102, 102, 102);box-shadow: 4px 0 4px rgba(0,0,0,0.2);-webkit-box-shadow: 4px 0 4px rgba(0,0,0,0.2);-moz-box-shadow: 4px 0 4px rgba(0,0,0,0.2);background: rgb(255,255,255);background:#fff;}
    .lo4l_block_stick h5{color: rgb(102, 102, 102;}
    .ven_th {background:rgba(10, 10, 10, 0.5);border-bottom: 2px solid rgba(100, 100, 100, 0.5);}
    .ven_row {background:rgba(10, 10, 10, 0.5);}
    #song_stat {background-color: rgba(25,25,25, 0.7);}
    #logo {-webkit-filter: saturate(0%) sepia(0%) grayscale(0%) brightness(0%);
   filter: saturate(0%) sepia(0%) grayscale(0%) brightness(0%);} 
    #side h6 {color:rgba(102,102,102,1);}
    #side h5 {color:rgba(102,102,102,1);}
    ul.MenuBarHorizontal a {color: rgb(165, 121, 130);}
    .info span{color:rgb(102, 102, 102);}
    
    span.gray_text{color: rgba(170,170,170,0.7);}


}