@charset "utf-8";

/* ))))))))))))))))))))))))))))))))))) 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);*/
}

.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;
}

/* 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%;
}



.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;
}		  
													   
#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;
    }
    


#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;
}


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;
  
}

.other-child {
  width: 100%;
  height: 100%;
  padding: .5rem;
}

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

 
[id^="jump-"]::before {
    display: block; 
    content: " "; 
    margin-top: -230px; 
    height: 230px; 
    visibility: hidden; 
    pointer-events: none;
}


tr.eddie {
	background-color : #DBD6D4 !important;
}
tr.eddie:hover {
	background-color : #DBC5BE !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);}

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;
}

.padding_zero {
    padding:0 !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;
    
}


.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%;
}

.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;
}

.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: 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; 
}

.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);}
    .uncommon {background:rgb(165,121,137);}
    .rare {background:rgb(193,170,157);}
    .covers {background:rgb(189,193,142);}
    .gigaton {background:rgb(148,181,153);}
    .dropped {background:rgb(120,120,120);}   


.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: grid;
  margin:18px 0;
  grid-gap: 18px;
  grid-template-columns:  1fr;
  
}

.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_2 {
  display: grid;
  grid-gap: 18px;
  margin-top:18px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  }

.wrapper_3 {
  display: grid;
  grid-gap: 18px;
  margin-top:12px;
  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 {
  display: grid;
  margin:12px 0;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr) );
  grid-gap: 18px;
  } 
  
.wrapper_5 {
  display: grid;
  margin:18px;
  grid-template-columns: repeat(auto-fill, minmax(100%, 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;}

/*---------------------------------------
	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;
}





.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::-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[disabled],
.reg-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.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;}



/*---------------------------------------
	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;
	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: -6px 35px 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%;
}




.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; }
	}
}


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

/* ))))))))))))))))))))))))))))))))))) LIVE PULSATE SIGNAGE    ((((((((((((((((((((((((((((((*/
.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;
}

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

@-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;
  }
}
/* ))))))))))))))))))))))))))))))))))) HIDDEN CLASS ((((((((((((((((((((((((((((((*/
.hidden {
    display:none !important;
}


.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);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;
  
}

/*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);
}




.attendstyle {background-image: linear-gradient(60deg, rgb(165, 121, 137), rgb(209, 167, 183)) !important; color:white !important; font-size: 18px;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%
  );
}

@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;}

											  
.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);
}



/* )))))))))))))))))))))))))))))))))))  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(31,50,86,0.9);
}

/* )))))))))))))))))))))))))))))))))))  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-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-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_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 {
    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-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-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(181,220,187,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;}

.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;}
	
/* ))))))))))))))))))))))))))))))))))) 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: right;}

/*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;

}

 /*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;}
.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; }
 
 /*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;}


/* 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: 15px;
height:15px;
}



/* 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: bottom;  
}

/* )))))))))))))))))))))))))))))))))))  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;}


/* )))))))))))))))))))))))))))))))))))  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);}            



/* )))))))))))))))))))))))))))))))))))  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;
}

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

#sort_shows {display:none;}
#sort_songs {display:none;}
  #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);}


.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;
    
}

#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;}


/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
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;}            



/* ))))))))))))))))))))))))))))))))))) 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 #next {position: relative;width:100%;min-height:145px;}
#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 {padding-left:5px;width:100%;height:23px;position:relative;display: block;vertical-align: middle;box-sizing: border-box;
    }

.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);}

/* ))))))))))))))))))))))))))))))))))) 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(255,255,255, 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;}


#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;
}

#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;
}

#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: 125px, cover;
  background-blend-mode: hard-light, normal;
  
}

#LO4L_epi {
    font-family: 'Work Sans', sans-serif;font-size: 30px;font-weight: 600;
    text-align:left;
    margin:3px;
    color:black;
}
#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));

	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) {display:block;margin-top:0px;}

.hide_side:nth-of-type(2),.hide_side:nth-of-type(3) {display:none;}


/* )))))))))))))))))))))))))))))))))))  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 {width:100%;height:187px;float:left;padding: 0;}
#donate {width:100%;height:73px;margin-top:12px;float:left;background-color: rgb(132,117,124);}

/* )))))))))))))))))))))))))))))))))))  NEWS  ((((((((((((((((((((((((((((((*/
#news {width:100%;height:100%;margin-top:12px;float:left;background-color: rgba(230,230,230,1);position: relative;}

/* ))))))))))))))))))))))))))))))))))) 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;}

/* )))))))))))))))))))))))))))))))))))  ALBUMS  ((((((((((((((((((((((((((((((*/
#albums_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;
}

.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.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.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:60px;
}
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);
}


.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;
}

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

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

.song_sum {border-top: 2px solid rgb(100, 100, 100); height:45px;vertical-align: middle;text-align:right;padding:6px;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;}

.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 {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;}
.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);}

/* 
*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
*
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;}
/* )))))))))))))))))))))))))))))))))))  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 {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%;}

.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;}

.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%;}

}

.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));}

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

.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;
    
}


.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: 90%;
}

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

#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 {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 {width:433px;margin:6px;}

/* )))))))))))))))))))))))))))))))))))  POLLS - 768  ((((((((((((((((((((((((((((((*/	
#poll {width:433px;margin:6px;}

/* )))))))))))))))))))))))))))))))))))  IN HIDING - 768  ((((((((((((((((((((((((((((((*/	
#in-hiding {width:433px;margin:6px;}

/* )))))))))))))))))))))))))))))))))))  ALBUMS - 768   ((((((((((((((((((((((((((((((*/
#albums_sm {height:auto;}

/* )))))))))))))))))))))))))))))))))))  ADS - 768   ((((((((((((((((((((((((((((((*/
.ad_blocks {width:433px;}
.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%;}
.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-left:15px;margin-top:0px;}
		
					   
    
/* )))))))))))))))))))))))))))))))))))  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 */
}

/* )))))))))))))))))))))))))))))))))))  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 {width:268px;margin:6px;}

/* )))))))))))))))))))))))))))))))))))  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: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;
}
   
   [id^="jump-"]::before {
    display: block; 
    content: " "; 
    margin-top: 0px; 
    height: 0px; 
    visibility: hidden; 
    pointer-events: none;
}

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

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



		

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


			
.wrapper_3 {grid-template-columns: repeat(3, 1fr);  margin:12px 0;  }
				
  
   
 
  
			
						  
.wrapper_4 {margin:12px 18px 30px; grid-template-columns: repeat(4, 1fr);}
	 

			
.wrapper_5 {grid-template-columns: repeat(5, 1fr);}
   }

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

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

/* )))))))))))))))))))))))))))))))))))  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);}

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

/* )))))))))))))))))))))))))))))))))))  NEWS - 1365   ((((((((((((((((((((((((((((((*/ 
#news {width:240px;height:354px;float:left;}

/* )))))))))))))))))))))))))))))))))))  POLLS - 1365   ((((((((((((((((((((((((((((((*/ 
#poll {width:240px;height:354px;float:left;}

/* )))))))))))))))))))))))))))))))))))  IN HIDING - 1365   ((((((((((((((((((((((((((((((*/ 
#in-hiding {width:240px;height:356px;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;}
.ad_group_blocks > .ad_blocks ~ .ad_blocks {margin-left: 6px ;}

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

}

@media (prefers-color-scheme: dark) {
    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); }
    .date_box{color:rgb(130, 130, 130); }
    span {color:rgb(130, 130, 130); }
    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;}
    .parent {background-color: rgba(18,18,18, 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.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: url(/images/all-time.png) no-repeat 0 0;  
	background: url(/images/all-time_l.svg) no-repeat 0 0;
    border:1px solid rgba(0, 0, 0, 0.5);
	    filter: invert(1);}
	.form-control {color: rgb(244, 238, 240);background-color: #111;}
	.set_highlight  {background: rgba(40,65,99, 0.5);}
	.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{background: rgb(30,35,56);}
    .ac-container label:hover{background: rgb(70, 37, 49);}
    .ac-container input:checked + label{background: rgb(16,18,30);}
    .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);}
    .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   {-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;}
    .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-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);}
    #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);}
    .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%);}
    
    .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);}   


    .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;}
 .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;}
    
    
}


@media (prefers-color-scheme: light) {
    .teamname {color:rgb(165, 165, 165); }
    .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: #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);color:rgb(10,10,10);}
	
	
	.common {background:rgb(101,82,94);color:#fff;}
    .uncommon {background:rgb(165,121,137);color:#fff;}
    .rare {background:rgb(193,170,157);color:#fff;}
    .covers {background:rgb(189,193,142);color:#fff;}
    .gigaton {background:rgb(148,181,153);color:#fff;}
    .dropped {background:rgb(120,120,120);color:#fff;}  
	
	
	.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.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);}
	.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);}
    .ac-container input:checked + label{background:; #312127;}
    .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); }
    .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   {-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;}
    .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:rgba(235,235,235, 1);}
    #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.80);}
    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;}
    .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);}

}