@charset "UTF-8";


/*jquery overrides --*/
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
    text-shadow: 0 0px 0 #f3f3f3;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    color: intial;
    font-weight: inherit;
}

ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: inherit;
}


.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
    color: firebrick;
}

/*this prevent added  vertical scrollbars from making webpage jump around  */
html {
	overflow-y: scroll;
	background-color:#666666;
}

body  {
	font-size: 11px;
	/*line-height:1.3em;*/
	line-height:initial;

	font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	/*background-color:#666666; */
	margin: 0;
	padding: 0;
}

 @media screen and (max-width: 600px) {
 body  {
	font-size: 11px;
	line-height:1.2;
	}
 }
 

table {

	font-size: inherit;
	line-height: inherit;
}


hr { 
	margin-top: 5px;
	margin-bottom: 5px;
	border-top:1px solid #999999;
}


a:link, a:visited   { color: black; text-decoration: none}
a:hover { color: firebrick; text-decoration: underline }
a img { border: none; 
		vertical-align: middle;
		padding-top: 5px;
		padding-bottom: 5px;
}


dl { margin: .5em 0 }
dt { margin: .1em 0 }

form { margin: 0em; }


/*++++++++++++++++++++++++++++++++++++++++++++++++*/
/*sugarmtn error stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/

.sm_error {
	padding: 10px
}


/*++++++++++++++++++++++++++++++++++++++++++++++++*/
/*sidebar stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/

.sidebar_titles { margin: 0em }/* unused or doing nothing */
.sidebar_para { margin: 0em }
.sidebar_forms { margin: 0em }


.search   { border: solid 1px black; width: 0px; }/*inactive I think*/
.hidden { color:#8A8875; font-size: 5px;} /*inactive I think*/



/*advanced search highlighting
++++++++++++++++++++++++++++++++++++++++++++++++*/
.highlight { background-color: yellow }


/*page totals stuff 
++++++++++++++++++++++++++++++++++++++++++++++++*/

.title {
	font-size: 125%;
	font-weight: bold;
	vertical-align:middle;
	/*padding-bottom: 10px:*/
	
} /*formats title of totals block*/

.totals {
	/*line-height: 13px;*/
	padding-left:8px;
} /*formats the data in page totals block*/



.totals img

{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	
	}


.prevnext {
	font-size: 75%;
	border-color: #999999;
}

.header_top {
	font-size: 200%;
	color: #FFFFFF;
}

.totals_number {
	color: mediumblue;
	font-weight: bold;
	}


/*yearpage stuff 
++++++++++++++++++++++++++++++++++++++++++++++++*/

.stats {
	padding-top: 10px;
}

.tour {
	/*font-size: 100%;*/
	background-color: #68A3C2  ;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
	text-align:left;
	border-width: 1px 1px 1px 1px;
	border-style: none none solid none;
	border-color: #999999;
}


.tourgrid {
	font-size: 100%;
	font-weight: lighter;
	padding-left:2px;
}

.tourgrid a {
	text-decoration: underline;
}

.viewlist a {
	text-decoration: underline;
}

.year_setlist {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.sm_stat_show {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}


.recording {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}


.recording_no {
	background-color: salmon  ;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}


.recorded  {
	font-style: italic;
}

.year_songs  {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.show_songs {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;	
}

.song_num {
	padding-right: 5px;
	text-align: right;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;	
}


/*showpage stuff 
++++++++++++++++++++++++++++++++++++++++++++++++*/


.song_detail  {
	font-style: italic;
	font-size:95%;
	font-family: Verdana, Arial, sans-serif;
	color: green;
	vertical-align:top;
	padding-left: 2em;
}

.show_display {
	/*float: right;*/
	padding-right: 1em;
	font-size: 75%;
}

.bridge_link {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	text-decoration: underline;
}


.show_bridge_songs
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
	line-height: 1.5em;
	font-size: 75%;
}


table.unique {
	white-space: nowrap;
	table-layout: fixed;
	width: 100%;
}

table.unique td.song_num {
	padding-left: 1px;
	width:3.2%;  
}

table.unique td.song {
	width:32%;	
}

table.unique td.song_detail_unique {
	font-style: italic;
	color: green;
	padding-left: .5em;		
}


table.unique td.song_detail_total {
	font-style: italic;
	color: red;
	padding-left: .5em;
	text-align:right;
	width:8%;	
}

table.unique td.song_detail_last {
	font-style: italic;
	color: blue;
	padding-right: .5em;
	text-align:right;
	width:8%;
}




/*albumpage stuff 
++++++++++++++++++++++++++++++++++++++++++++++++*/


.album_songs {
	padding-bottom: 10px;
	line-height: 1em;
	white-space: nowrap;
}

.album_source a	{
	font-size: 75%;
	font-style: italic;
	color: green; 
	text-decoration: none;
}


.album_song_num {
	padding-right: 5px;
	text-align: right;
	padding-top: 1px;
	padding-bottom: 1px;
}

.album_credits_heading {	
	padding-top: 30px;	 
}

.album_credits {	
	line-height: 1.5em;
	white-space: normal; 
}




/*songpaage stuff 
++++++++++++++++++++++++++++++++++++++++++++++++*/


.songtitle { 
	font-weight: bold;
	font-size: 125%; 
}/*controls songtitle on songall.php page - not used anymore */

.lyrics  {
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	vertical-align:middle;	
}


.lyrics a  {
	padding-left:4px;
}

.lyric_display {

	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
	
/*lyric search stuff 
++++++++++++++++++++++++++++++++++++++++++++++++*/	
	
.lyric_header {
	font-size: 125%;
	font-weight: bold;
	/*background-color: #ECC15B;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;*/
}

.lyric_songtitle {
	font-size: 100%;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.lyric_line {
	font-style: italic;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	/*white-space:pre;*/
}

.lyric_searchterm {
	color: firebrick;
 	font-weight: bold;
}

.lyrics2  {
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	padding-left: .5em;
}




/*stats stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/
table.stats {
	border-collapse: collapse;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}


table.stats th {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	border:1px solid #e5e5e5;
	vertical-align:middle;
	text-align:right;	
}

table.stats td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 10px;
	border:1px solid #e5e5e5;
	vertical-align:middle;	
}

table.stats td.number {
	padding-left: 4px;
	padding-right: 4px;
	text-align:right;
	color: blue;	
}





/*mysugarmtn login
++++++++++++++++++++++++++++++++++++++++++++++++*/

table.login {
	border-collapse: collapse;
	margin-top: 10px;
}
 
 
table.login th {
 
	padding-right: 4px;
	vertical-align:middle;
	text-align:left;
}
 
table.login td {
 
	padding: 4px 10px 4px 10px;
	vertical-align:middle;
	text-align:left;        
}



.createaccount a {
	color: blue;
	text-align: right;
	padding-right: 10px;
	text-decoration: underline;
}

 

/*mysugarmtn stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/

table.login th td {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	color: green;
	border:1px solid #e5e5e5;
}

.logintitle {
	font-weight: bold;
	font-size: 100%;
}


.loginerror {
	color: red;
	font-weight: bold;
	font-size: 100%;
}

.numbers {
	color: mediumblue;
}
	

table.addshows {
	border-collapse: collapse;
	margin-top: 10px;
	border-width: 1px;
	border-style: none;
	border-color: #999999;
	width: 100%;
}

table.addshows th {
	padding-top: 10px;
	padding-bottom: 10px;
}


table.addshows td {
	padding-top: 5px;
	padding-left: 5px;
}

.instrument {
	padding-left: 10px;
}
	
/*audio stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/	
.audio_tour {
	font-size: 11px;
	background-color: #E8E8E8  ;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.audio_notour {
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.audio {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}


.audio_end { 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999; 
}

.smalltext {
	font-size:75%;
	}
	
	
	
	



/*misc unused? stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/

.setlist1  { margin-left: 0px; padding-left: 5px; }/* was song or year or tour show pagenk nothing. controls spacing of setlist listing */

.tourtitle_year {
	font-size: 125%;
} /*not used I think */


.tradlinks a {
	text-decoration: underline;
}



/*instrument stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/

.twoColFixRtHdr #instr_wrapper {
}

.twoColFixRtHdr #instr_left_box {
    
    float: left;
	padding: 10px;
	margin-top: 10px;
    width: 300px;
	word-wrap: break-word;
	min-height: 400px;
		
}

.twoColFixRtHdr #instr_right_box{
	
    float: right;
    padding: 5px;
	margin-top: 10px;
    width: 400px;

}

.twoColFixRtHdr #instr_right_box img {
    max-width: 390px;
}






/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* the beginning of new sm sugarmtn stuff */
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.w3-sm_blue-l5 {color:#000 !important; background-color:#f6f9fb !important}
.w3-sm_blue-l4 {color:#000 !important; background-color:#e1edf3 !important}
.w3-sm_blue-l3 {color:#000 !important; background-color:#c2dae6 !important}
.w3-sm_blue-l2 {color:#000 !important; background-color:#a4c8da !important}
.w3-sm_blue-l1 {color:#000 !important; background-color:#85b5cd !important}
.w3-sm_blue-d1 {color:#fff !important; background-color:#5296b8 !important}
.w3-sm_blue-d2 {color:#fff !important; background-color:#4587a8 !important}
.w3-sm_blue-d3 {color:#fff !important; background-color:#3c7693 !important}
.w3-sm_blue-d4 {color:#fff !important; background-color:#33657e !important}
.w3-sm_blue-d5 {color:#fff !important; background-color:#2b5469 !important}

.w3-sm_blue-light {color:#000 !important; background-color:#f6f9fb !important}
.w3-sm_blue-dark {color:#fff !important; background-color:#2b5469 !important}
.w3-sm_blue-action {color:#fff !important; background-color:#2b5469 !important}

.w3-sm_blue {color:#fff !important; background-color:#68a3c1 !important}
.w3-text-sm_blue {color:#68a3c1 !important}
.w3-border-sm_blue {border-color:#68a3c1 !important}

.w3-hover-sm_blue:hover {color:#fff !important; background-color:#68a3c1 !important}
.w3-hover-text-sm_blue:hover {color:#68a3c1 !important}
.w3-hover-border-sm_blue:hover {border-color:#68a3c1 !important}


.w3-sm_orange-l5 {color:#000 !important; background-color:#fef9f5 !important}
.w3-sm_orange-l4 {color:#000 !important; background-color:#fbeadf !important}
.w3-sm_orange-l3 {color:#000 !important; background-color:#f8d5bf !important}
.w3-sm_orange-l2 {color:#000 !important; background-color:#f4bf9f !important}
.w3-sm_orange-l1 {color:#000 !important; background-color:#f1aa7e !important}
.w3-sm_orange-d1 {color:#fff !important; background-color:#ea8141 !important}
.w3-sm_orange-d2 {color:#fff !important; background-color:#e76e23 !important}
.w3-sm_orange-d3 {color:#fff !important; background-color:#d15e17 !important}
.w3-sm_orange-d4 {color:#fff !important; background-color:#b35114 !important}
.w3-sm_orange-d5 {color:#fff !important; background-color:#954311 !important}

.w3-sm_orange-light {color:#000 !important; background-color:#fef9f5 !important}
.w3-sm_orange-dark {color:#fff !important; background-color:#954311 !important}
.w3-sm_orange-action {color:#fff !important; background-color:#954311 !important}

.w3-sm_orange {color:#000 !important; background-color:#ed945c !important}
.w3-text-sm_orange {color:#ed945c !important}
.w3-hover-text-sm_orange {color:#ed945c !important}
.w3-border-sm_orange {border-color:#ed945c !important}

.w3-hover-sm_orange:hover {color:#000 !important; background-color:#ed945c !important}
.w3-hover-text-sm_orange:hover {color:#ed945c !important}
.w3-hover-border-sm_orange:hover {border-color:#ed945c !important}


.w3-sm_gold-l5 {color:#000 !important; background-color:#fefbf5 !important}
.w3-sm_gold-l4 {color:#000 !important; background-color:#fbf2de !important}
.w3-sm_gold-l3 {color:#000 !important; background-color:#f7e6bd !important}
.w3-sm_gold-l2 {color:#000 !important; background-color:#f3d99c !important}
.w3-sm_gold-l1 {color:#000 !important; background-color:#f0cd7c !important}
.w3-sm_gold-d1 {color:#000 !important; background-color:#e8b53d !important}
.w3-sm_gold-d2 {color:#000 !important; background-color:#e5aa20 !important}
.w3-sm_gold-d3 {color:#fff !important; background-color:#cc9618 !important}
.w3-sm_gold-d4 {color:#fff !important; background-color:#af8115 !important}
.w3-sm_gold-d5 {color:#fff !important; background-color:#926b11 !important}

.w3-sm_gold-light {color:#000 !important; background-color:#fefbf5 !important}
.w3-sm_gold-dark {color:#fff !important; background-color:#926b11 !important}
.w3-sm_gold-action {color:#fff !important; background-color:#926b11 !important}

.w3-sm_gold {color:#000 !important; background-color:#ecc15b !important}
.w3-text-sm_gold {color:#ecc15b !important}
.w3-border-sm_gold {border-color:#ecc15b !important}

.w3-hover-sm_gold:hover {color:#000 !important; background-color:#ecc15b !important}
.w3-hover-text-sm_gold:hover {color:#ecc15b !important}
.w3-hover-border-sm_gold:hover {border-color:#ecc15b !important}



.sm_outer_container {
	width:1100px;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

 @media screen and (max-width: 1100px) {
 
.sm_outer_container {
	width:unset;
}

}


.topnav .search-container {
	/*float: none;
	padding-right:0px;*/
}

.topnav {
  overflow: auto;
  background-color: #CFCCC1;
}

.topnav a {
	float: left;
	display: block;
	text-align: center;
	padding: 10px 14px;
	padding: 10px 8px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}

.active {
	color: #FFFFFF;
}

.topnav .icon {
	display: none;
	width:90%;
}

.topnav_buttons {
	padding-left:4px;
}


.topnav .search-container {
	/*float: right;
	padding-right:16px;*/
}

.topnav input[type=text] {
	padding: 4px;
	margin-top: 4px;
	/*border: none; */
}

.dropdown {
    float: left;
    overflow: hidden;	
}

.dropdown .dropbtn {
   border: none;
    outline: none;
    padding: 10px 14px;
	padding: 10px 8px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
	text-transform: uppercase;
	font-weight: 700;
}

.dropdown-content {
    display: none;
    position: absolute;
	padding:8px;
	background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	border: 2px solid #ddd;
	max-height: 700px;
	overflow: scroll;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 8px 8px;
	padding: 6px 2px;
    text-decoration: none;
    display: block;
    text-align: left;
	text-transform: uppercase;
	font-weight: 700;
}

.dropdown-content table {
	border: 1px solid #ecc15b;

}

.topnav a:hover, .dropdown:hover .dropbtn {
	color: firebrick;
}

.dropdown-content td {
	font-size: 100%;
    /*-webkit-transition: width 2s, height 2s, -webkit-transform 10s; /* Safari */
    transition: width 2s, height 2s, transform 10s;*/
}

.dropdown-content a:hover {
    /*background-color: firebrick; */
	/*font-size: 110%; --*/
    color: firebrick;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content-more {
	display: none;	
}

.sm_searchfield {
	padding:4px;
	margin-top:4px;
	margin-bottom:4px;
	width:200px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

 
 
.navbar-wrapper {
   	padding:2px;
	height:40px;
	position: relative;
    z-index: 1;
}

.links_wrapper {
   width:63%;  
}

.search_wrapper {
    /*display:flex;*/
	padding-top: 2px;
	padding-right: 4px;
	display: inline-block;
}

.combo_search {
	padding-right: 4px;
	width:60%;
}

.combo_search input {
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.lyric_search {
	padding-right: 4px;
	width:40%;
}

.lyric_search input {
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.yearsearch { 
	border-collapse: collapse;
}


.yearsearch tr:nth-child(even) {
    background-color: #f1aa7e;
	background-color: #f2f2f2;
}

.brackets {
	color:blue;
	color:grey;
	color:green;
	color:#999999;
}

.sm_nav_hide {
	display: inline-block;
	float: left;
}

.sm_nav_more {
}

.sm_nav_more_mobile {
	display:none;
}


 @media screen and (max-width: 860px) {
 
 .links_wrapper {
   width:100%; 
   display:table;
}


.search_wrapper {
   /*display:table;*/
    /*padding-bottom: 2px;*/
	padding-left: 8px;
    border-top: 1px solid #9e9e9e;
}
 
 
 }
 
 
 
 @media screen and (max-width: 600px) {
 
.search-container {
		width:100%; 
   		margin:0 auto;
		/*padding-left:8px;*/
}

.topnav a {
	padding: 10px 4px;
	font-size:85%	
}


.dropdown .dropbtn {    
	/*padding: 10px 4px;*/
	/*font-size:85%*/
	padding: 10px 6px;
	font-size:95% 
	 
}


/*.dropdown-content a {
    padding: 4px 4px;
}*/

.dropdown-content {
    display: none;
	left: 10px;
	max-height: 400px;
}

.dropdown-content-more {
	left: 150px;
}
 
.dropdown-content a {
    padding: 5px 4px;
}

.sm_searchfield {
	width:100px;
}

.navbar-wrapper {
   	padding:0px;
}

.search_wrapper {
	padding-top: 2px;
    /*padding-bottom: 2px;*/
	padding-left: 8px;
    border-top: 1px solid #9e9e9e;
}

.links_wrapper {
   width:50%; 
}

.combo_search input {
    width:100%; 
}

.lyric_search input {
    width:100%; 
}

.sm_nav_hide {
	display:none;
}

.sm_nav_more {
	display:none;
}

.sm_nav_more_mobile {
	display:block;
}



}


/* end of new navbar css */

/* sidebar years */
/*++++++++++++++++++++++++++++++++++++++++++++++++*/

.sm_years {

}

.sm_years td {
	padding-bottom: .8em;
}


/* banner image */
/*++++++++++++++++++++++++++++++++++++++++++++++++*/

.sm_banner {
    min-width: 100%;
    height: 120px; /* original size */
	height: 120px;

    background-image: url('images/sm_logo_header_400.jpg');
	background-image: url('images/sm_webheader_mod.jpg');

    background-repeat: no-repeat;
    background-size: contain;
	background-position: center; 
}

.responsive {
    width: 100%;
    height: auto;
}

.top-right {
    position: absolute;
    top: 2px;
    right: 2px;
}


@media screen and (max-width: 600px) {

.sm_banner {
	height: 60px;
}

}





/*++++++++++++++++++++++++++++++++++++++++++++++++*/



.sm_links dl,dt  {
	line-height:2;
}

.sm_tradlinks a {
	text-decoration: underline;
}

.span.sm_avoidwrap {
	display:inline-block;
}

/*used for include table row title*/
.sm_rowtitle {
	width:140px;
	width:11em;
	vertical-align:top;
}

/*used for include table row title*/
.sm_rowtitle2 {
	width:12.5em;
	font-weight:bold;
	padding-top:4px;	
}

/*used for include table row title on sm_year_include_new_rec*/
.sm_rowtitle3 {
	width:14em;
	font-weight:bold;
	padding-top:4px;	
}

	

/*instrument stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/

.sm_instr_wrapper {
	padding:8px;
}

.sm_instr_left_box {
    float: left;
	padding: 10px;
	margin-top: 10px;
    width: 300px;
	word-wrap: break-word;
	min-height: 400px;	
}

.sm_instr_right_box {
    float: right;
    padding: 5px;
	margin-top: 10px;
    width: 400px;
}

.sm_instr_right_box img {
    max-width: 390px;
}


/*calendar stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/

#loading {
	position: absolute;
	top: 5px;
	right: 5px;
}

#calendar {
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	width: 900px;
	margin: 0 auto;
}


.sm_prevnext {
	font-size: 75%;
	padding-bottom:4px;
}

.sm_dropshadow {
	-webkit-box-shadow: 6px 6px 10px -3px rgba(89,89,89,1);
	-moz-box-shadow: 6px 6px 10px -3px rgba(89,89,89,1);
	box-shadow: 6px 6px 10px -3px rgba(89,89,89,1);
}


/*mysugarmtn stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/


.welcome {
	width:495px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px 5px 10px 5px;
	border: 1px solid #999999;
	background-color: #ECC15B;
}

.sm_mysugarmtn_login_title {
	font-size: 125%;
	padding-bottom: 2px;
}

.sm_mysugarmtn_login_title2 {
	font-weight:normal;
}
	

.sm_mysugarmtn_login {
	padding: 8px;

}

.sm_song_highlight {
	background-color:yellow;
}



.song_seen {
		background-color: yellow;
}


@media screen and (max-width: 600px) { 
.sm_login input {
	width:100%;	
}

.sm_dropshadow {
	display:none;
}
}


.sm_totals {
	/*line-height: 13px;*/
	padding-top:4px;
	padding-left:8px;
} /*formats the data in page totals block*/


.fa-times:hover fa-bars:hover {
    color: grey;
}



/*stat table stuff*/
/*++++++++++++++++++++++++++++++++++++++++++++++++*/

.number td {
	color: blue;
}


.sm_stat_table_wrapper {
	padding: 25px 8px 8px 8px;
}

.sm_stat_table_wrapper td {
	white-space: nowrap;
}

/* gold title modbile text centering */


.sm_gold_padding {
	padding:0px 8px 16px 8px;
	margin:0px;
}

.sm_mobile_center {
	text-align:left;
}

.sm_song_gold_title {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 600px) { 
.sm_mobile_center {
	text-align:center;
}

.sm_song_gold_title {
	display: initial;
}

.sm_stat_table_wrapper td {
	white-space: normal;
}




}

/* new prevnext */

.sm_prevnext {
	font-size: 75%;
	border-color: #999999;
	text-align:center;
	padding:4px 0px 4px 0px;
	
}



/* album page */
/*++++++++++++++++++++++++++++++++++++++++++++++++*/

.sm_title_wrapper {
	padding:0px 0px 4px 0px;
}

.sm_title, .sm_include_title  {
	font-size: 125%;
	font-weight: bold;
	vertical-align: middle;
	padding:0px 0px 0px 0px;
	display: table-cell;
}

.sm_title_hyphen, .sm_include_title_hyphen {
	font-size: 125%;
	font-weight: bold;
	vertical-align: middle;
	padding:0px 4px 0px 4px;
	display: table-cell;
}

.sm_title_type, .sm_include_title_type {
	font-size: 125%;
	font-weight: bold;
	vertical-align: middle;
	padding:0px 0px 0px 0px;
	display: table-cell;
}


.sm_album_nya {
	font-size: 110%;
	font-weight: bold;
	vertical-align: middle;
	padding:0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	color: rgb(83, 83, 83);
}

.sm_album_nya_mobile {
	font-size: 125%;
	font-weight: bold;
	vertical-align: middle;
	padding:0px 0px 0px 0px;
	display: none;
}

.sm_cover {
	max-width: 100%;
    height: auto;
}

.sm_album_cover {
	width:300px;
	padding:0px 0px 0px 0px;
}
		
.sm_album_wrapper {
	padding:16px 0px 0px 0px;
}

table.sm_album_songs_table td {
	vertical-align:top;
}

.sm_album_info {	
	line-height:1.5em	 
}

.sm_album_tracks {	
	font-weight:bold;	 
}

.sm_album_credits {	
	padding-top: 30px;
	font-weight:bold;	 
}


.sm_album_track_no {
	width:3em;
	text-align: right;
	padding:0px 0px 0px 0px;
	
}

.sm_album_track { 
	padding:0px 0px 0px 8px;
	vertical-align:top;
}

.sm_album_track_source {
	padding-left: 16px;
}

.sm_album_track_source a {
	font-size: 80%;
	font-style: italic;
	color: green;
	text-decoration: none;
}


/* album page mobile */
@media screen and (max-width: 600px) { 

.sm_gold_padding {
	padding:0px 4px 4px 4px;
}

.sm_title_wrapper {
	padding:0px 0px 4px 0px;
}

.sm_title_wrapper, .sm_title, .sm_title_type  {
	display:block;
	font-size:100%
}

/*.sm_title_type {
	font-size: 100%;
}*/

.sm_title_hyphen {
	display:none;
}

.sm_album_nya {
	display:none;
}

.sm_album_nya_mobile {
	font-size: 100%;
	display: block;
}
 

.sm_mobile_center, .sm_album_cover, .sm_album_tracks, .sm_album_credits,  {
	text-align:center;
}

.sm_album_cover {
	text-align:center;
}

.sm_album_track_source {
	/*text-align:center; */
	padding:0px 0em 0px 4em;
	line-height:1em;
}

.album_songs {
	white-space:normal;
}


}

/* extras stuff */
/*++++++++++++++++++++++++++++++++++++++++++++++++*/
.sm_extras {
	padding: 8px 0px 0px 0px;
}

.sm_extras img {
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	border-width:1px;
	border-style:solid;
	border-color: #999999;
}

.sm_extras_year {
	padding: 4px 0px 0px 0px;
}

.sm_extras_year img {
	margin: 5px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*padding: 3px 3px 3px 3px;*/
	border-width:1px;
	border-style:solid;
	border-color: #999999;
}


.sm_extras_show {
	padding: 0px 0px 0px 0px;
}

.sm_extras_show img {
	margin: 5px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*padding: 3px 3px 3px 3px;*/
	border-width:1px;
	border-style:solid;
	border-color: #999999;
}


/* year page stuff */
/*++++++++++++++++++++++++++++++++++++++++++++++++*/

.sm_tour_special {
	/*font-size: 100%;*/
	background-color: #68A3C2;
	font-weight: bold;
	text-align:left;
	padding: 17px 10px 17px 5px;
	border-width: 1px 1px 1px 1px;
	border-style: none none solid none;
	border-color: #999999;
	
}


/* index stuff */
/*++++++++++++++++++++++++++++++++++++++++++++++++*/


.sm_index_panel {
	-webkit-box-shadow: 6px 6px 10px -3px rgba(89,89,89,1);
    -moz-box-shadow: 6px 6px 10px -3px rgba(89,89,89,1);
    box-shadow: 6px 6px 10px -3px rgba(89,89,89,1);
	margin-top:8px;
	padding-bottom:8px;
}


.sm_jttp_left {
	border-bottom:1px solid #696969;
	padding-left:6px;
	padding-bottom: 6px;
    padding-top: 6px;
	line-height: 1.3;
}


.sm_leftside {
	padding:0px 8px 8px 8px;
	text-align: left; 
	width:500px;
	display:inline-block;
	vertical-align: top;
}

.sm_rightside {
	padding: 0px 8px 8px 8px;
	margin-left: 16px;
	text-align: left; 
	width:500px;
	display:inline-block;
	vertical-align: top;
}

.sm_rightside_jttp {
	padding: 0px 8px 8px 8px;
	margin-left: 16px;
	text-align: left; 
	width:75%;
	display:inline-block;
	vertical-align: top;
}

.sm_gold_banner {
	background-color:#ecc15b;
	padding:16px 8px 16px 8px;
	font-weight:bold;
	border-color: #9e9e9e!important;
	border-bottom: 1px solid;
}


.sm_gold_banner_stat {
	background-color:#ecc15b;
	font-weight:bold;
	border-color: #9e9e9e!important;
	padding: 24px 12px 24px 12px;
}

.sm_jttp_banner {
	text-align:center;
	padding:6px 8px 8px 8px;
	background-color:#ecc15b;
	font-size: 125%;
}

.sm_jttp_banner1 {
	text-align:center;
	padding:6px 8px 8px 8px;
	background-color:#ecc15b;
}

.sm_jttp_prevnext {
	font-size: 75%;
	background-color:#ecc15b;
	padding: 0px 0px 6px 0px;
	border-color: #9e9e9e!important;
	border-bottom: 1px solid;
}

.sm_searchfield_jttp {
	
	width:11em;
	background-color:#ecc15b;
	margin: 0;
	padding: 1px;
	border: 1px solid #8f8f8f;
	text-align: center;
	font-size: 90%;
}


.sm_searchfield_jttp:hover {
	background-color:#efca72;
}



/*.thisday {
	float:right;
} */

.timeline {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	background-color:black;
	border-bottom:4px solid #ff6e26;
	color:white;	
} 


div.timeline:nth-of-type(even) {
	background: #e5e5e5;

}

.timeline_session_info {
	font-weight:bold;
} 

.timeline_session_info table {
	border-collapse: collapse;
}

.timeline_session_info th {
	text-align: right;
	vertical-align: top;
	width:150px;
	color:#ECC15B;
} 

.timeline_session_info td {
	vertical-align: top;
	padding-left:5px;
	font-weight: normal;
	white-space:pre-wrap;
	font-style: bold;
	color:white;	
} 

.timeline_setlist {
}

.timeline_wrapper {
	/*background-color:black;*/
	/*padding-bottom:16px;*/
	text-align: left;
} 


.timeline_short {
	border-bottom:1px solid #696969;
	padding-left:8px;
	padding-bottom: 6px;
    padding-top: 6px;
}

.timeline_short td {
	vertical-align:top;
}


/*.timeline_short >div {
	display: inline-block;
}*/

div.timeline_short:nth-of-type(even) {
	background: #e5e5e5;
}


.timeline_setlist_short_type {
	width: 50px;
}

.timeline_setlist_info {
	padding-left:10px;
}


.timeline_heading {
	vertical-align:top;
	width: 65px;
	width: 94px;
	color:#f45309;
	color:#0c41be;
	font-weight:bold;
}

.timeline_session_info {
	padding-left:10px;
}


.timeline_info {
	color: white;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.timeline_line2 {	
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display:inline;

}

.sm_year_songs  {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;

}

.sm_year_setlist {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.sm_thisday_title {
	vertical-align: top;
	padding-bottom:5px;
	font-weight: bold;
	font-size: 125%;
	color:black;
	text-align: center;
}

.sm_index_banner {
	margin-top:8px;
}

.sm_tourdebut {
}

table.sm_jttp_table th {
	vertical-align:top;
	width: 40px;
	width: 70px;
	color:#f45309;
	color:#0c41be;
	text-align:left;
}

table.sm_jttp_table td {
	padding-left:10px;
	/*white-space:pre-wrap;*/
}


/* these style the song_album tooltip */
.session_song_a_wrapper {
	display:inline-block;
	width:310px;
	width:28em;
	border:1px solid #999999;
	border-radius:5px;
	margin: 5px;
	vertical-align: top;
	min-height:88px;
}

.session_song_a_cover {
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

.session_song_a_info {
	width:195px;
	width:14em;
	vertical-align: top;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:10px;
	font-size: 10px;
	display: inline-block;
	word-wrap:break-word;
	white-space: pre-wrap;
    text-align: left;
}

.session_song_a_info a {
	color:#ECC15B;
	color: #ff5722;
}

/*.session_song_a_info a:link, a:visited    { 
	color: #ff5722; 
	text-decoration: none
}*/

.session_song_a_info a {
	color:#ff5722;
	text-decoration: none;
}

.session_song_a_info td {
	vertical-align: top;
	padding-left:5px;
	font-weight: normal;
	white-space:pre-wrap;
}

/* end these style the song_album tooltip */
/*++++++++++++++++++++++++++++++++++++++++++++++++*/


.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    /*width: 34em;*/
    background-color: white;
	background-color: black;
	color:white;
    text-align: center;
	text-align: left;
    border-radius: 4px;
    padding: 4px 4px 4px 8px;
	font-weight: lighter;
	font-size:75%;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 105%;
}

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


/* index_page */
@media screen and (max-width: 1050px) {

.sm_background_image {
	text-align: center;
}

.sm_leftside {
	padding:0px 8px 8px 8px;
	margin: 0 auto; 
	width:47%;
	min-width:350px;
 
} 

.sm_rightside {
	padding:0px 8px 8px 8px; 
	margin: 0 auto;
	width:47%;
	min-width:350px;
}

.sm_rightside_jttp {
	padding:0px 8px 8px 8px; 
	margin: 0 auto;
	width:100%;
	min-width:unset;
}
}

/* index_page */

@media screen and (max-width: 768px) {

.sm_background_image {
	text-align: center;
}

.sm_leftside {
	padding:0px 8px 0px 8px;
	margin: 0 auto; 
	width:100%;
	min-width:unset;
} 

.sm_rightside {
	padding:0px 8px 8px 8px; 
	margin: 0 auto;
	width:100%;
	min-width:unset;
}

.sm_rightside_jttp {
	padding:0px 8px 8px 8px; 
	margin: 0 auto;
	width:100%;
	min-width:unset;
}
}


/* index_page */
@media screen and (max-width: 600px) {


.sm_background_image {
	text-align: center;
}

.sm_leftside {
	padding:0px 4px 0px 4px;
	width:unset;
	font-size: 11px;
    line-height: 1.2;
	display:block; 
} 

.sm_rightside {
	margin-left: 0px;
	padding:0px 4px 8px 4px; 
	width:unset;
	font-size: 11px;
    line-height: 1.2; 
}

.sm_rightside_jttp {
	margin-left: 0px;
	padding:0px 4px 8px 4px; 
	width:unset;
	font-size: 11px;
    line-height: 1.2; 
}

table.sm_jttp_table th {
	width: 87px;
	width: 65px;
}

.sm_jttp_table th {
}

}

/* show page stuff
/*++++++++++++++++++++++++++++++++++++++++++++++++*/

.sm_footnote_tour {
    /* green */
    color: #008000;
    font-weight: bold;
    margin-left:.2em;
   	padding-left:.05em;
    padding-right:.05em;
    position:relative;
    top:-.1em;
}

.sm_footnote_label_tour {
    /* green */
    color: #008000; 
    font-weight: bold;
    padding-left:.1em;
    padding-right:.1em;
}

.sm_footnote_song {
    /* red */
    color: firebrick;
    font-weight: bold;
    margin-left:.2em;
   	padding-left:.05em;
    padding-right:.05em;
    position:relative;
    top:-.1em;
}

.sm_footnote_label_song {
    /* red */
    color: firebrick; 
    font-weight: bold;
    padding-left:.1em;
    padding-right:.1em;
}

.sm_footnote_released {
    /* blue */
    color: #0F52BA;
    font-weight: bold;
    margin-left:.2em;
    padding-left:.05em;
    padding-right:.05em;
    position:relative;
    top:-.1em;
}

.sm_footnote_label_released {
    /* Blue */
    color: #0F52BA; 
    font-weight: bold;
    padding-left:.1em;
    padding-right:.1em;
}




.sm_showsong heading {
	min-width:225px;
}

.sm_showsong {
	vertical-align:top;
	min-width:225px;
}

.sm_showsong_index {
	vertical-align:top;
	/*min-width:225px;*/
}

.sm_show_table {
	width:85px;
	vertical-align:top
}

.sm_div_align_left {
	text-align:left; 
}


.sm_details_table {
	border-collapse: collapse;
}

.sm_details_table td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.sm_details_table tr:nth-child(even) {
    background-color: #f2f2f2
}



.sm_song_num {
	padding-right: 5px;
	text-align: right;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;	
}	

.sm_song_detail_heading {
	font-size: 90%;
	padding: 0px 0px 0px 2em;
	text-align: left;
	min-width: 100px;
}


.sm_song_detail  {
	font-style: italic;
	font-size: 90%;
	font-family: Verdana, Arial, sans-serif;
	color: green;
	vertical-align:top;
	padding-left: 2em;
	min-width: 100px;
	max-width: 350px;
}



.sm_song_perf_heading {
	font-size: 90%;
	padding: 0px 2px 0px 2em;
	text-align: left;
}

.sm_song_perf_string {
	padding: 0px 2px 0px 2em;
    font-size: 90%;
    text-align: right;
}

.sm_guests_with_heading {
	font-size: 90%;
	padding: 0px 0px 0px 2em;
	text-align: left;
	min-width: 100px;
}


.sm_guests_with {
	font-style: italic;
	font-size: 90%;
	font-family: Verdana, Arial, sans-serif;
	color: green;
	vertical-align:top;
	padding-left: 2em;
	min-width: 100px;
}

.sm_unfinished {
	font-style: italic;
	font-size: 90%;
	font-family: Verdana, Arial, sans-serif;
	color: red;
}


/* index_page */
@media screen and (max-width: 600px) {

.show_songs {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 2px;
	/*padding-left: 12px;*/	
}


.sm_details_table {
	table-layout:fixed; .
}

.sm_details_table td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.sm_song_num {
	padding-left: 4px !important;	
}

.sm_showsong heading {
	min-width: unset;
	max-width: unset;
	width:40%;
}

.sm_showsong {
	min-width: unset;
	max-width: unset;
	/*width:40%;*/
}

.sm_showsong_index {
	min-width: unset;
	max-width: unset;
	/*width:40%;*/
}


.sm_song_detail_heading {
	font-size: 90%;
	padding: 0px 0px 0px 0px;
	text-align: left;
	min-width: unset;
	max-width: unset;
	width:40%;
}

.sm_song_detail  {
	font-size: 90%;
	vertical-align:top;
	padding-left: 0px;
	min-width: unset;
	max-width: unset;
	width:40%;
}

.sm_song_perf_heading {
	font-size: 90%;
	padding:  0px 4px 0px 0px;
	text-align: right;
	width:20%;
}

.sm_song_perf_string {
	padding: 0px 4px 0px 0px;
    font-size: 90%;
    text-align: right;
	width:20%;
}

}


/* sidebar & advanced saerch stuff */
.searchfield {
	height:16px;
	font-weight: initial;
}


/* song page stuff */


.sm_author_wrapper {
	display: flex;
	flex-direction: row
}

.sm_lyric_quote_chord {
	padding-left:16px;
	padding-bottom: 8px;
}

/*.sm_author_lyric_quote {
	padding-bottom: 8px
}

*/

.sm_lyrics  {
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	/*padding-left:4px;*/	
}

#sm_searchdate1_a {
	width:8em;
}

#sm_searchdate2_a {
	width:4em;
}

#sm_searchvenuename_a, #sm_searchcity_a, #sm_searchstate_a, #sm_searchcountry_a, #sm_searchsong_a {
	width:16em;
}

.sm_pulldown {
	width:20em;
}


.sm_lyrics a:link, a:visited  {
	
}

.sm_live_string {
	color:red;
	color:darkgreen;
	padding-left: .5em;
	font-style: italic;
}


@media screen and (max-width: 600px) {


.sm_author_wrapper {
	flex-direction: column
}

.sm_lyric_quote_chord {
	padding-left:0px;
}

#sm_searchdate1_a {
	width:8em;
}

#sm_searchdate2_a {
	width:4em;
}

#sm_searchvenuename_a, #sm_searchcity_a, #sm_searchstate_a, #sm_searchcountry_a, #sm_searchsong_a {
 	width:16em;
}


}



/* global include stuff */
.sm_include_content {

}

..sm_include_title  {
	font-size:100%
}

/* index_page */
@media screen and (max-width: 600px) {

.sm_include_content {
	font-size:90%
}

.sm_include_title, .sm_include_title_hyphen, .sm_include_title_type  {
	display:block;
	font-size:100%
}

/*.sm_title_type {
	font-size: 100%;
}*/

.sm_include_title_hyphen {
	display:none;
}

}

/* misc stuff - full moon icon*/
.sm_moon {
	padding-left:6px;
}

.sm_moon img {
	vertical-align:sub;
	width:30px;
}


/* song lyric */
.sm_lyric_display {
	white-space: pre-wrap;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}


/* song quotes */

.sm_quotes {
	padding-bottom:10px;
	padding-right: 5px;
    padding-left: 5px;
	font-size: 11px;
	white-space: pre-wrap;	
}


.sm_quote_break {	
	margin: 0 auto;
	border-bottom: 1px solid grey;
}


.sm_gold_banner_songquote {
	text-align:center;
	background-color:#ecc15b;
	padding:16px 8px 16px 8px;
	font-weight:bold;
	border-color: #9e9e9e!important;
	border-bottom: 1px solid;
}

.sm_songquoteofday_song{
	font-weight:bold;
	padding-top:8px;
	padding-left:10px;
	
}

.sm_songquoteofday {
	padding-bottom:10px;
	padding-right: 10px;
    padding-left: 10px;
	white-space: pre-wrap;
}


.sm_nya_notes  {
	font-style: italic;
	font-size:95%;
	font-family: Verdana, Arial, sans-serif;
	color: green;
	vertical-align:top;
	padding-top: 2px;
}

/*instrument stuff
++++++++++++++++++++++++++++++++++++++++++++++++*/

#instr_left_box {
    
    float: left;
	/*padding: 10px;*/
	/*margin-top: 10px;*/
    width: 300px;
	word-wrap: break-word;
	min-height: 400px;
}

#instr_right_box{
    float: right;
	text-align:right;
	margin-top: 10px;
    width: 400px;
}


#instr_right_box img {
    max-width: 400px;	
}

#instr_right_box_text {
	float: left;
	padding-bottom:10px;
	font-weight:bold;	
}

#instr_thumbnails {
	clear:both;
	float: left;
}

#instr_cover {
	text-align:center;
}

#instr_cover img {
	border: 1px solid #999999;
}

.sm_instrument_notes {
	white-space:pre-wrap;
}

/*audio stuff*/

.sm_audio_content_container {
    border: 1px solid #999999;
    padding: 10px 10px 0px 10px;
}

.sm_audio_content {
	background-color: #ECC15B;
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #999999
}	


/*tshirt tests*/

.session_albums_title {
	font-size: 16px;
	font-weight: bold;
	color:#ECC15B;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom:4px solid #ECC15B;
	margin-left: 7px;
	margin-top: 10px;
	margin-bottom: 16px;

}

.session_albums_wrapper {
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
  	position: relative;
 	width: 128px;
 	height: 180px;
	padding:4px;

}

.session_albums_cover {
	padding: 2px;
 	max-width: 100%;
    position: absolute;
	top: 64px;
	left: 50%;
	width: 128px;
	height: 128px;
	margin-top: -64px; /* Half the height */
	margin-left: -64px; /* Half the width */


}

.session_albums_cover_info {
	text-align: center;
	font-size: 9px;
    position: absolute;
    top:130px;
	width: 128px;
    left:50%;
    transform:translateX(-50%);	
}

a .session_albums_cover_info {
color:white;
text-decoration: none;
}


/*asearch stuff */


@media screen and (max-width: 600px) { 

.sm_search input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
  font-size: 11px;
} 

} 


/*sneak preview stuff*/

td.table_top {
	vertical-align: top;	
}

td.sneak_notes {
	white-space: pre-wrap;	
}


/*sm instrument stuff */


.sm_instr_wrapper {
}

.sm_instr_left_box {
    
    float: left;
	padding: 10px;
	margin-top: 10px;
    width: 300px;
	word-wrap: break-word;
	min-height: 400px;
	white-space: pre-wrap;	
}

.sm_instr_right_box{
	
    float: right;
    padding: 5px;
	margin-top: 10px;
    width: 400px;
}

.sm_instr_right_box img {
    max-width: 390px;
}



/* Multi-tab year */
.sm_year_buttons {
	display:flex;
	justify-content: space-between;
	text-align: center;
	font-weight:bold;
}

.sm_year_buttons a:link {
	text-decoration: none;
}

.sm_year_button_left {
	padding: 6px 0px 6px 0px;
	width:32%;
	border-radius: 0px 6px 0px 0px;
}

.sm_year_button_center {
	padding: 6px 0px 6px 0px;
	width:32%;
	border-radius: 6px 6px 0px 0px;
}

.sm_year_button_right {
	padding: 6px 0px 6px 0px;
	width:32%;
	border-radius: 6px 0px 0px 0px;
}

.sm_perf_rec_heading {
	vertical-align:top;
	color:#f45309;
	color:#0c41be;
	font-weight:bold;
	width:65px;
}


/*Year 3 stuff */

.sm_year3_location_container div.sm_year3:nth-child(even) {
    background-color: #f2f2f2
}

.sm_year3_location {
	font-size: 110%;
	background-color: #68A3C2  ;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 5px;
	font-weight: bold;
	text-align:left;
	/*border-width: 1px 1px 1px 1px;
	border-style: none none solid none;
	border-color: #999999;*/
}

.sm_year3 {
	padding-top: 8px;
	/*padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 5px;*/
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.sm_year3_songname {
	margin-left: 12px;
	padding-top: 8px;
	border-bottom: .2em solid darkgray;
	padding-bottom: .1em;
	display: inline;
	margin-left: 12px;
	font-weight: bold;
	font-size: 110%;
}

.sm_year3_songname a:hover {
	text-decoration: none;
}

.sm_year3_songname {
	margin-left: 12px;
	padding-top: 8px;
	border-bottom: .2em solid darkgray;
	padding-bottom: .1em;
	display: inline;
	margin-left: 12px;
	font-weight: bold;
	font-size: 110%;
}


.sm_year3_table {
	padding: 8px 0px 4px 16px
}


table.sm_year3_table th {
	white-space: nowrap;
	vertical-align:top;
	line-height: 1.6;
}

table.sm_year3_table td {
	white-space: pre-wrap;
	vertical-align:top;
	line-height: 1.6;
}

.sm_year3_albumcount {
	font-weight: bold;
	color: mediumblue;
}


.sm_year3_album_container {
	display:flex;
	flex-wrap: wrap;
}

.sm_year3_album_wrapper {
	display:flex;
	width:310px;
	border:2px solid #999999;
	border:2px solid #ed945c;
	border:1px solid #999999;
	border-radius:5px;
	margin: 5px 10px 5px 0px;
	vertical-align: top;
	min-height:88px;
	background-color:lightgrey;
	background-color:#ecc15b;
	justify-content: space-between;
	padding: 0px 6px 0px 8px;
	/*align-items: center;*/
}
	

.sm_year3_album_cover {
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	/*padding-left:5px;*/
}

.sm_year3_album_info {
	/*width:195px;*/
	vertical-align: top;
	padding-top:4px;
	padding-right:5px;
	/*padding-bottom:5px;*/
	/*padding-left:10px;*/
	font-size: 10px;
	display: inline-block;
	word-wrap:break-word;
	color:red;
	color:#2b2b2b
}


.sm_year3_album_info a {
	/*color:#ECC15B;*/
	/*color: #ff5722;*/
}

.sm_year3_album_info a:link { 
	/*color: #ff5722; */
	text-decoration: none
}

.sm_year3_album_info a:visited { 
	/*color: #ff5722;*/ 
	text-decoration: none
}

a .sm_year3_album_info {
	color:#ff5722;
	text-decoration: none;
}

 

/*text colors*/

.text-orange {
	color: #FF5722;
}

.text-orange a {
	color: #FF5722;
	text-decoration: none;
}


a .text-orange {
	color:#FF5722;
	text-decoration: none;
}


.text-gold {
	color:#ECC15B;
}

.text-gold a {
	color:#ECC15B;
	text-decoration: none;
}

a .text-gold {
	color:#ECC15B;
	text-decoration: none;
}


.text-blue {
	color:#2796EF;
}

.text-blue a {
	color:#2796EF;;
	text-decoration: none;
}

a .text-blue {
	color:#2796EF;;
	text-decoration: none;
}


.text-white {
	color:white;
}

.text-white a {
	color:white;;
	text-decoration: none;
}

a .text-white {
	color:white;;
	text-decoration: none;
}


.text-black {
	color:black;
}

.text-black a {
	color:black;;
	text-decoration: none;
}

a .text-black {
	color:black;;
	text-decoration: none;
}


/*return to the top of the page*/
#sm_back2Top {
	overflow: hidden;
    z-index: 999;
    display: none;
    width: 40px;
    position: fixed;
    bottom: 50px;
    right: 0;
    /*line-height: 40px;*/
    border: none;
	outline: none;
	background-color: #68a3c1;
	color: white;
	cursor: pointer;
	padding: 4px 4px 4px 8px;
    text-decoration: none;
    font-size: 24px;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
#sm_back2Top:hover {
    color: black;
}