body {
	font-size: 12pt;
	color: black;/*#000000*/
	background-color: white;/*#ffffff*/
	font-family: Times New Roman, Times, serif;
}

a {
	text-decoration: none;
	font-weight: bold;
}
h4 {
	font-size: 12pt;
}

th {
	text-align: left;
}

#container, #container900, #container1100 {
	width: 800px;
	/* text-align: left; */
	margin: 0 auto;
	background-color: white;
}
#container900 {
	width: 900px;
}
#container1100 {
	width: 1100px;
}
#mainpanel {
	float: left;
}
#mainpanel400 {
	float: left;
	width: 400px;
}
#mainpanel300 {
	float: left;
	width: 320px;
}
#leftpanel, #rightpanel, #leftpanel142 {
	top: 0;
	width: 100px;
	float: left;
}
#rightpanel142 {
	top: 0;
	float: right;
}
#leftpanel142 {
	width: 150px;
}
#leftpanelindex, #rightpanelindex {
	position: relative;
	top: 100px;
	width: 190px;
	height: 520px;
	float: left;
	background-color: white;
}
#indexbotpanel {
	position: absolute;
	top: 300px;
	background-color: white;
}
.dramgimage, .dramgimage2 {
	position: relative;
	margin-top: 150px;
	margin-left: 0;
	margin-right: 0;
}
.dramgimage2 {
	margin-top: 0;
}
.idxtoppanel {
	height: 350px;
	overflow: auto;
	background-color: white;
}
.idxbottompanel {
	height: 170px;
	background-color: white;
}
/* 1. TOP NAVIGATOR: less relevant links */
/**/#top-menu {
	position : absolute;
	top: 0;
	width: 638px;
	height: 15px;
	border: 1px solid black;
	background-color: black;
}
ul.top-nav {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10pt;
}
ul.top-nav li {
	float: left;
	background-color: black;
}
ul.top-nav a {
	display: block;
	color: silver;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	border-right: 1px solid #486B02;
	border-left: none;
}
ul.top-nav a:hover, ul.top-nav a:focus {
	color: black;
	background-color: lightgray;
}
ul.top-nav li:last-child {
	float: right;
}
/* 2. MAIN NAVIGATOR: relevant links */
/**/#main-menu {
	position : absolute;
	top: 18px;
	width: 638px;
	height: 20px;
	border: 1px solid black;
	background-color: #4169e1;
}
ul.main-nav {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.main-nav li {
	float: left;
	background-color: #4169e1;/*RoyalBlue*/
}
ul.main-nav a {
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	border-right: 1px solid white;
	border-left: none;
}
ul.main-nav a:hover, ul.main-nav a:focus {
	color: black;
	background-color: lightgray;
}
ul.main-nav li:last-child {
	float: right;
}
/* 2b. FOLK MUSIC  NAVIGATORlinks */
/**/#fmmenu, #fmmenuindex {
	position : relative;
	top: -7px;
	width: 618px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid black;
	background-color: lightgray;
	text-align: justify;
	font-size: 10pt;
}
#fmmenu a, #fmmenuindex a {
	color: red;
}
#fmmenu a:focus, #fmmenu a:hover, #fmmenuindex a:focus, #fmmenuindex a:hover {
	color: white;
	background-color: black;
	font-weight: bold;
}
#fmmenuindex {
	top: 1px;
	width: 608px;
	}

/* 2c. SUPERPUB  NAVIGATOR */


ul.suppub-nav, ul.suppub-fdh {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;/*fills width*/
    background-color: lightgray;
}

.suppub-nav li, .suppub-fdh li {
	float: left;
	background-color: yellow;
	padding-left: 15px;
	padding-right:15px; 
	border-right: 2px solid lightgray;
	border-left: none;
}

.suppub-fdh li {
	padding-left: 10px;
	padding-right:10px; 
}

.suppub-nav a, .suppubblank {
	display: inline-block;
	text-decoration: none;
	padding-left: 12px;
	padding-right:14px;
}

.suppubblank {
	font-weight:bold;
}



/*ul.suppub-navbloggs a {
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	border-right: 1px solid white;
	border-left: none;
}*/
/* 3. PAGE TITLE */
/**/#pagetitle, #pagetitle60 {
	position : relative;
	width: 640px;
	height: 60px;
	float: left;
	background-color: white;
}
.pagetitle-left, .pagetitle60-left, .pagetitle-right, .pagetitle60-right {
	width: 20%;
	background-color: white;
	float: left;
}
.pagetitle-center, .pagetitle60-center, .pagetitle60c36, .pagetitle60c43 {
	width: 60%;
	background-color: white;
	font-size: 18pt;
	font-weight: bold;
	color: blue;
	text-align: center;
	float: left;
}

.pagetitle60c36 {
    font-size: 16pt;
}	

.pagetitle60c43 {
    font-size: 14pt;
}
	
.pagetitle-right, .pagetitle60-right {
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
}
#pagetitle {
	height: 40px;
}
/* 4.1 PAGE CHANGER MENU */
/**/#pagechanger-menu {
	position : relative;
	width: 640px;
	height: 24px;
}
ul.pagechanger-nav {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12pt;
}
ul.pagechanger-nav li {
	float: left;
	line-height: 24px;
	width: 97px;
	border: 1px solid black;
	border-collapse: collapse;
}
ul.pagechanger-nav li:nth-child(3) {
	width: 239px;
	text-align: center;
}
ul.pagechanger-nav li:nth-child(4), ul.pagechanger-nav li:last-child {
	text-align: right;
}
ul.pagechanger-nav a {
	display: block;
	color: black;
	font-weight: bold;
	text-decoration: none;
}
ul.pagechanger-nav a:hover, ul.pagechanger-nav a:focus {
	color: white;
	background-color: black;
}
/* 5.1 MAIN CONTENT*/#maincontent, #maincontent360, #maincontent490, #maincontent500 , #maincontent520{
	position: relative;
	text-align: justify;
	width: 632px;
	height: 530px;
	background-color: white;
	clear: both;
	margin: 0;
	/*overflow: auto;*/
	border: 1px solid #ccc;
	padding-left: 4px;
	padding-right: 4px;
}
#maincontent tr {
	vertical-align: top;
}

#maincontent360 {
	height: 356px;
	overflow: auto;
	}
	
#maincontent490 {
	height: 495px;
	}

#maincontent500 {
	height: 500px;
	overflow: auto;
}
#maincontent520 {
	height: 520px;
	overflow: auto;
}
/* 5.2 TAB CONTAINER*/
.tabcontainer, .tabcontainer5, .tabcontainer3505, .tabcontainer3805, .tabcontainer4405, .tabcontainer450, .tabcontainer465, .tabcontainer470, 
.tabcontainer475, .tabcontainer480, .tabcontainer4805, .tabcontainer500, .tabcontainer5005, .tabcontainer520, .tabcontainer5205, 
.tabcontainer540, .tabcontainer5405, 
.tabcontainerkellyb, .tabcontainerkellyb5, .tabcontainergal, .tabcontainergal5, .tabcontainergalcei5, .tabcontainerwv, .tabcontainerwv5, 
.tabcontainerscotpipe5, .tabcontainerchoral, .tabcontainerchoral5, .tabcontainerwohftb, .tabcontainerwno {
	position: relative;
	min-height: 520px;
	background-color: lightgray;
	/* This part sucks */clear: both;
	margin: 0;
	width: 636px;
	/*640px;*/;
}



.tabcontainerwohftb {
	width: 100%;
	min-height: 286px;
}

.tabcontainerwno{
	width: 100%;
	min-height: 290px;
}

.tabcontainerchoral, .tabcontainerchoral5 {
	min-height: 326px;
}

.tabcontainer3505 {
	width:100%;
	min-height: 350px;
}

.tabcontainer3805  {
	width: 100%;
	min-height: 380px;
}

.tabcontainer430 {
	width: 100%;
	min-height: 430px;
}

.tabcontainergalcei5, .tabcontainer4405 {
	width: 100%;
	min-height: 440px;
}

.tabcontainer450, .tabcontainerwv, .tabcontainerwv5 {
	width: 100%;
	min-height: 450px;
}

.tabcontainer460 {
	width: 100%;
	min-height:460px;
}

.tabcontainer465, .tabcontainer475 {
	min-height: 465px;
}

.tabcontainer470, .tabcontainergal, .tabcontainergal5 {
	width: 100%;
	min-height: 470px;
}

.tabcontainer480, .tabcontainer4805, .tabcontainerscotpipe5 {
	width: 100%;
	min-height: 480px;
}

.tabcontainer500, .tabcontainer5005 {
	min-height: 500px;
}

.tabcontainer520, .tabcontainer5205 {
	min-height: 500px;
}

.tabcontainerkellyb, .tabcontainerkellyb5 {
	width: 626px;
}

.tabs {
	display: block;
	margin: 0;
	background-color: green;
}
.tab {
	float: left;
}
.tab label {
	color: red;
	font-size: 12pt;
	font-weight: bold;
	background-color: white;
	padding: 3px;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 3px 3px 0 0;
	margin-left: -1px;
	margin-right: 3px;
	position: relative;
	left: 10px;
	line-height: 2.1em;
	text-align: center;	
}

.tab label:hover, .tab label:focus {
	background-color: pink;
	cursor:pointer;
}
.tabcontainer5 label, .tabcontainer5005 label, .tabcontainerscotpipe5 label, .tabcontainerkellyb5 label,  
.tabcontainer450 label, .tabcontainer5205 label, .tabcontainer5405 label, .tabcontainergreer5 label{
	padding-left: 3px;
	padding-right: 3px;
}

.tabcontainerwv label, .tabcontainerwv5 label, .tabcontainer460 label, .tabcontainer475 label {
	padding-left: 12px;
	padding-right: 12px;
}

.tabcontainerwno label {
	padding-left: 10px;
	padding-right: 10px;
}
	
.tab [type=radio] {
	display: none;
}
.tabcontent {
	position: absolute;
	top: 0;
	left: 0;
	background: white;
	right: 0;
	bottom: 0;
	border: 1px solid #ccc;
	top: 30px;
	border-top: lightgray 3px solid;
	padding-left: 3px;
	padding-right: 3px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	z-index: 0;
	box-sizing: border-box;
	width: 100%;
	text-align: justify;
	overflow: auto;
}
.tabcontent a, #maincontent a, #maincontent500 a {
	color: red;
}
.tabcontent a:hover, .tabcontent a:focus, #maincontent a:hover, #maincontent a:focus {
	color: white;
	background-color: black;
	font-weight: bold;
}

ul.booktab, ul.booktabnoaudio {
	position: absolute;
	top: -16px;
	left: 64px;
	list-style-type:none;
	background-color: white;
}

ul.booktabnoaudio {
	left: 40px;
}

ul.booktab li, ul.booktabnoaudio li{
	border: 1px solid black;
	border-collapse: collapse;
	background-color: yellow;
	padding-left: 3px;
	padding-right: 3px;
}

[type=radio]:checked ~ label ~ .tabcontent {
	z-index: 1;
}
[type=radio]:checked ~ label {
	color: black;
	font-weight: bold;
	background-color: yellow;
	border: 1px solid blue;
	z-index: 2;
}
/* IMAGE */.pageimage {
	position: relative;
	margin-top: 5px;
	margin-right: 10px;
	float: left;
	border: 1px solid #ccc;
}
.largeimage {
	position: absolute;
	display: block;
    margin-left: auto;
    margin-right: auto;
 }
.imageright {
	position: relative;
	margin-top: 0;
	margin-left: 10px;
	float: right;
	border: 1px solid #ccc;
}

.choralimage {
	position: relative;
	/*margin-top:40px;*/
	margin-right: 10px;
	/*float: left;*/
	border: 1px solid #ccc;
	height: 75%;
	width: 75%;
}

/* TEXT*/#subcontent1, #subcontent1_7, #subcontent1_0, #subcontent_cei {
	position: relative;
	margin-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	height: 166px;
	border: 1px solid black;
	text-align: justify;
	overflow: auto;
	width: 638px;
}
#subcontent1_0 {
	height: 516px;
}
#subcontent1_7 {
	height: 326px;
}
#subcontent_cei {
	height: 490px;
}
#subcontent1 a, #subcontent1_7 a, #subcontent1_0 a, #anecdote a, #subcontent_cei a {
	color: red;
}
#subcontent1 a:hover, #subcontent1 a:focus, #subcontent1_0 a:hover, #subcontent1_0 a:focus, #subcontent1_7 a:hover, #subcontent1_7 a:focus, #anecdote a:focus, #anecdote a:hover, #subcontent_cei a:hover, #subcontent_cei a:focus {
	color: white;
	background-color: black;
	font-weight: bold;
}
#anecdote, #tracks {
	position: relative;
	height: 170px;
	border: 1px solid black;
	background-color: white;
	overflow: auto;
	width: 640px;
}
#anecdote th {
	font-size: 1px;
}
#tracks {
	height: 330px;
}
#tracks a {
	color: red;
}

table.tracklist, table.songtable {
	font-size: 10pt;
	width: 100%;
}
table.songtable {
	width: 628px;
}
table.tracklist th, table.songtable th {
	color: blue;
	text-align: left;
}
table.tracklist tr:nth-child(odd), table.songtable tr:nth-child(odd) {
	background-color: lightgray;
}
table.tracklist tr:hover, table.songtable tr:hover {
	background-color: yellow;
}
table.tracklist td, table.songtable td {
	Vertical-align: top;
}
table.tracklist a {
	font-size: 10pt;
	color: red;
}
table.tracklist a:hover, table.tracklist a:focus {
	color: white;
	background-color: black;
	font-weight: bold;
}
ol.olten, ul.ulten {
	font-size: 10pt;
}
ol.olten a, ul.ulten a {
	font-size: 10pt;
	color: red;
}
ol.olten a:hover, ol.olten a:focus, ul.ulten a:hover, ul.ulten a:focus {
	font-size: 10pt;
	color: white;
	background-color: black;
	font-weight: bold;
}
ol.olten li:nth-child(odd), ul.ulten li:nth-child(odd) {
	background-color: lightgray;
}
ol.olten li:hover, ul.ulten li:hover {
	background-color: yellow;
}
ul.ulten {
	list-style-type: none;
}
table.amazonmp3table {
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
	text-align: right;
}
#amazonsmcat {
	font-size: 10pt;
	width: 100%;
	border-collapse: collapse;
}

#amazonsmcat tr:nth-child(odd) {
	background-color: beige;
}

.asmtr {
	vertical-align: top;
	border: 1px solid black;
}
.asmrow {
	font-size: 10pt;
}


.amazonmp3table th {
	text-align: left;
}
.amazonmp3table td:first-child {
	text-align: left;
}
table.smptable {
	font-size: 10pt;
	border-collapse: collapse;
	width: 100%;
}
.smptable tr {
	border: 1px solid black;
}
.smptable tr:hover {
	background-color: yellow;
}
table.smalltable {
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
	border: 1px solid black;
}
table.smalltables {
	position: relative;
	font-size: 10pt;
	border: 1px solid black;
	width: 100%;
	top: 10px;
}

.smalltables tr {
	vertical-align: top;
	display: block;
}

.smalltables td:nth-child(2) {
	font-weight: bold;
}
.smalltables tr:nth-child(odd) {
	background-color: lightgray;
}
.smalltables tr:hover {
	background-color: yellow;
}
table.smpbrassmenu {
	border: 1px solid black: ;
	font-size: 10pt;
	margin: 0 auto;
}
.smpbrassmenu tr {
	vertical-align: top;
}
.smpbrassmenu td, .smpbrassmenu th {
	border: 1px solid black;
}
.smpbrassmenu td:nth-child(4):hover {
	background-color: yellow;
}
.bblack {
	color: black;
	font-weight: bold;
}
.blue {
	color: blue;
}
.bblue {
	color: blue;
	font-weight: bold;
}
.bgreen {
	color: #006400;/*darkgreen*/
	font-weight: bold;
}
.byellow {
	background-color: yellow;
	border: 1px solid black;
}
.borange {
	color: orange;
	font-weight: bold;
}
.bred {
	color: red;
	font-weight: bold;
}
table.coltable  {
	font-size: 10pt;
	color: black;
}
.coltable tr:nth-child(odd) {
	background-color: lightgray;
}
.coltable tr {
	vertical-align: top;
}

table.coltablenew  {
	width: 100%;
	font-size: 10pt;
	color: black;
}

.coltablenew tr:nth-child(odd) {
	background-color: lightgray;
}
.coltablenew tr {
	vertical-align: top;
}

.coltablenew tr:hover {
	background-color: yellow;
}

.imagec {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.largeb, .lbblue, .lbred, .lbyellow {
	font-size: 14pt;
	font-weight: bold;
}

.lbblue {
	color: blue;
}
.lbred {
	color: red;
}
.lbyellow {
	color: yellow;
}
.lightgreen {
	color: lightgreen;
}

.medium, .mblue {
	font-size: 12pt;
}

.mblue {
	color: blue;
}

.mediumb, .mbblue, .mbred {
	font-size: 12pt;
	font-weight: bold;
}

.mbblue {
	color: blue;
}

.mbred, .mred {
	color: red;
}

.menublank {
	color: blue;
	font-weight: bold;
}
.ownrendering {
	font-weight: bold;
}
.pink {
	background-color: pink;
}
.pright {
	text-align: right;
}
.ra {
	color: darkblue;
	font-size: 10pt;
	font-weight: bold;
}
.red {
	color: red;
}
.review {
	background-color: yellow;
	color: black;
}
.review:hover, .review:focus {
	color: white;
	background-color: black;
	font-weight: bold;
}

.bblack, .bblue, .bgreen, .bred {
	color: black;
	font-weight: bold;
}
.bblue {
	color: blue;
}

.bgreen {
	color: green;
}

.bred {
	color:red;
}
.sbblack, .sbblue, .sbgreen, .sbred {
	color: black;
	font-size: 8pt;
	font-weight: bold;
}
.sbblue {
	color: blue;
}

.sbgreen {
	color: green;
}

.sbred {
	color:red;
}

.sblue {
	color: blue;
	font-size: 8pt;
}

.sred {
	color: red;
	font-size: 10pt;
}
.small {
	font-size: 10pt;
}
.smpbrassmenu {
	color: black;
	background-color: gold;
	font-size: 8pt;
}
.smpunav {
	color: blue;
	cursor: pointer;
}
#tableanecdote {
	height: 30px;
	background-color: white;
}
.tablehead {
	border: 1px solid black;
	background-color: lightgray;
	table-layout: fixed;
}
.tablehead td:first-child {
	width: 200px;
	
	/*background-color : blue;*/;
}
.tablehead a {
	color: red;
	font-weight: bold;
}
.tablehead a:hover, .tablehead a:focus {
	color: white;
	background-color: black;
	font-weight: bold;
}
.tabtop {
	color: red;
	font-weight: bold;
}
.tblue {
	font-size: 10px;
	color: blue;
}
.tdlgs {
	font-size: 10pt;
	background-color: lightgreen;
	cursor: default;
}

.tdlg {
	background-color: lightgreen;
}
.tiny {
	font-size: 8pt;
}
.smallb {
	font-size: 10pt;
	font-weight: bold;
}
.euro {
	color: white;
	background: blue;
	font-size: 12pt;
	font-weight: bold;
}
.gbp {
	color: black;
	background: whitesmoke;
	font-size: 12pt;
	font-weight: bold;
}
.usd {
	color: white;
	background: red;
	font-size: 12pt;
	font-weight: bold;
}
.oc {
	color: red;
	background: lime;
	font-size: 12pt;
	font-weight: bold;
}
.gc0, .gc1, .gc2, .gc3, .gc4, .gc5, .gc6, .gc7, .gc8 {
	font-size: 10pt;
}
.gc0 {
	background-color: white;
}
.gc1 {
	background-color: mistyrose;
}
.gc2 {
	background-color: orange;
}
.gc3 {
	background-color: yellow;
}
.gc4 {
	background-color: lightgreen;
}
.gc5 {
	background-color: lightblue;
}
.gc6 {
	background-color: silver;
}
.gc7 {
	background-color: violet;
}
.gc8 {
	background-color: pink;
}
.viewcart {
	position: relative;
	float: left;
}
.bottombutton, .bottombuttonsmall {
	background-color: #FFFF00;/*yellow*/
	border: 1px solid black;
	margin: 0 auto;
}
.bottombuttonsmall {
	font-size: 10pt;
}
.ppbuttonrow {
	margin: 0;
	border: 0;
}
.rmperfd1 {
	float: left;
	margin-right: 15px;
	width: 25%;
}
.rmperfd2 {
	margin-left: 5px;
	margin-right: 5px;
}
table.topten {
	background-color: white;
	font-size: 10pt;
	width: 100%;
	border: 1px solid black;
}
th.topten {
	border: 1px solid black;
}
td.topten {
	border: 1px solid black;
}
table.toptenmenu {
	font-size: 10pt;
	margin: 0 auto;
}
/*BWN*/.bwm {
	color: yellow;
	background-color: blue;
}
/* RECORDER RAGTIME RRM*/
/* KELLY*/table.kellyb {
	background-color: white;
	font-size: 11pt;
}
tr.kellyb {
	vertical-align: top;
}
td.kellyb {
	width: 32%;
}
/* Dropdown Button */.dropbtn, .dropbtnhb {
	background-color: white;
	color: red;
	border: 0;
	font-weight: bold;
	margin: 0 auto;
	padding: 0;
	cursor: pointer;
}
.dropbtnhb {
	height:22px;
	font-weight: none;
	background-color: yellow;
	border: 1px solid black;
}
/* The container <div> - needed to position the dropdown content */.dropdown, .dropdownhb, .dropdowntm, .dropdownom {
	position: relative;
	display: inline-block;
}
/* Dropdown Content (Hidden by Default) */.dropdown-content, .dropdown-contenthb, .dropdown-contenttm {
	display: none;
	position: absolute;
	font-size: 11pt;
	background-color: white;
	min-width: 140px;
	z-index: 1;
}
.dropdown-contenthb {
	min-width: 160px;
}

.dropdown-contenttm {
	background-color: black;
	font-size: 10pt;
	min-width: 90px;
}


/* Links inside the dropdown */.dropdown-content a, .dropdown-contenthb a, .dropdown-contenttm a{
	color: red;
	padding-left: 4px;
	text-decoration: none;
	display: block;
	text-align: left;
	border: 1px solid gray;
	border-collapse: collapse;
}
/* Change color of dropdown links on hover */.dropdown-content a:hover {
	background-color: pink;
	color: red;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content, 
.dropdownhb:hover .dropdown-contenthb,
.dropdowntm:hover .dropdown-contenttm {
	display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */.dropdown:hover .dropbtn {
	background-color: pink;
	color: red;
}
#ceilidhtitle {
	width: 640px;
	background-color: #70B43B;
}
.ceilidhcontent {
	/*position: absolute;*/
	min-height: 480px;
	background-color: #70B43B;
	color: yellow;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}
.ceilidhheadline {
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}
.popup {
	cursor: pointer;
}
.ninageoff, .nagtitle, .nagsubtitle {
	background-color: black;
	color: white;
	overflow: auto;
}
.ninageoff {
	height: 100%;
}
.nagtitle, .nagsubtitle {
	font-size: 30pt;
	font-weight: bold;
	font-family: arial;
}
.nagsubtitle {
	font-size: 12pt;
}
#nagmaintitle {
	background-color: black;
	width: 640px;
}
.gallery, .galleryb {
	background-color: #70B43B;
	font-size: 10pt;
}
.gallery td, .gallery td {
	width: 33%;
	float: center;
	vertical-align: top;
}
.galleryb {
	background-color: black;
	color: white;
}
#brtctitle {
	position:relative;
	width: 640px;
	background-image: url("../music/graveyard/brtc/images/brtcwp.jpg");
}
.brtcmembers td {
	font-size: 10pt;
	font-weight: bold;
	width: 20%;
	float: center;
	vertical-align: top;
}
.brtcperf {
	background-color: black;
	color: yellow;
	height: 100%;
}
#brtcnzack, #brntz1, #brnzperf {
	height: 360px;
	overflow: auto;
}
.brtour {
	width: 100%;
	padding: 0;
	background-color: lightgray;
	margin: 0;
	display : none;
}
.brspantour {
	color: blue;
	font-weight: bold;
}
#brntz1 {
	height: 430px;
}
#brnzperf {
	height: 410px;
}
.tooltip {
	position: relative;
	display: inline-block;
	
	/*border-bottom: 1px dotted black;*/color: red;
	font-weight: bold;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: #555;
	color: #fff;
	
	/*text-align: center;*/border-radius: 6px;
	padding: 5px 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -20px;
	
	/*-60px;*/opacity: 0;
	transition: opacity 1s;
}
.tooltip .tooltiptext:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
#ctrtitle {
	position: relative;
	top: 10px;
	margin: 0;
	border: 0;
	height: 94px;
	width: 640px;
	color: blue;
	background-color: white;
}
.ctrhuge {
	font-size: 28pt;
	font-weight: bold;
}


.perfdivleft, .rtrcl {
	width: 22%;
	float: left;
}
.perfdivright{
	width: 78%;
	float: left;
}

.shmenu {
	font-size: 10pt;
	border: 1px solid black;
	background-color: lightgray;
	/*text-align: center;*/
}
.mySpan, #mySpan, #MyBrowser {
	font-weight:bold;
}

.mySpan:hover, #mySpan:hover, #MyBrowser:hover {
	color:white;
	background-color:black;
	cursor:pointer;
}

 /* The Modal (background) */
.modal, .choral-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 0;/*1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0/*0.4*/); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content, .choral-content {
    background-color: #f0f0f0;
    margin: 30% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 2px solid #888;
    width: 55%; /* Could be more or less, depending on screen size */
}

.choral-content {
	position:absolute;
	left:320px;
	margin: 10% auto;
	height:460px;
	width:600px;
	overflow: auto;
}

/* The Close Button */
.close, .closesmall {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
 .closesmall {
	font-size: 12px;
	color: red;
 }

.close:hover,
.close:focus,
.closesmall:hover,
.closesmall:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 
#orton {
	width: 100%;
	height: 65%;
	overflow: auto;
}

ul.nodecoration li{
	list-style-type: none;
} 

.smpnoav {
	color:blue;
	font-weight: bold;
}

.ownlib, .ownliblink {
    color: green;
	font-weight: bold;
}

.ownlib:hover,
.ownlib:focus {
	color: black;
	cursor:default;
}

.ownliblink:hover,
.ownliblink:focus {
	color: white;
	background-color:black;
	cursor:pointer;
}
/* more/less*/
#rmrec, #jazz, #rem, .ifprog, #ifnotes {
	display:none;
}

#dbesmnotes {
  position: absolute;
   border: 2px solid #888;
   top:-40;
   padding: 10px;
}

#ifnotes {
   background-color: pink;
   position: absolute;
   border: 2px solid #888;
   top:330;
   padding: 10px;
}
.mydivtoggle, .ifperf {
	color:red;
	font-weight: bold;
}
.mydivtoggle:hover, .ifperf:hover {
	cursor:pointer;
}

.ifprog {
	position:absolute;
	top:0;
	left:0;
	background-color:white;
	width:100%;
	height:100%;
	color:black;
	z-index: 1;
	overflow:auto;
}
/*-----------------*/
.rrmrcl, .rrmrcr {
	float: left;
	height:420px;
	/*background-color:red;*/
	width: 22%;
}
.rrmrcr {
    width: 78%;
   /*background-color:yellow;*/
}
.rrmrct {
	overflow: auto;
	height:390px;
}
.rrmmnu {
	position:relative;
	background-color:yellow;
}

.rrmrc {
	height: 200px;
}

.elecres {
	background-color: lightgreen;
}

.wam, .wam_r {
	background-color: orange;	
}
.wam:hover, .wam_r {
	cursor: default;
}

.wam_r {
	float: right;
}

.rtifilter {
	/*background-color: lightgreen;*/
	width: 100px;
}

.rtifilter:hover {
	cursor:pointer;
}
.span100 {
	font-weight:bold;
	padding-right:60px;
}

.spanmiscsmp, .spanmiscsmpblank {
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	border: solid black 1px;
	background-color: yellow;
}

.spanmiscsmpblank {
	background-color: white;
	color: blue;
}

/* pinyin*/
.krlimgth {
	width: 90%;
	border: solid black 1px;
	padding-left: 5%;
	padding-right: 5%;
}

.choralhead, .movements {
	/*background-color: lightgreen;*/
	width: 100%;
	/*padding-left: 5%;
	padding-right: 20%;*/
}

.movements {
	padding-left: 5%;
	padding-right: 10%;
}
.choralhead a {
	color:red;
}

.gcoae {
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	/*background-color: lightgray;*/
	font-size: 11pt;
}
.gcoae tr:nth-child(odd) {
	background-color: lightgray;
	}
.gcoae a {
	font-size: 10pt;
}

.alertbox {
  position: absolute;
  top: 240px;
  left: 240px;
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  width: auto;
  margin: 0 auto;
 }
 
#alertbox {
	 display: none;
}

#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}

#sntable{
	 display: block;
}

.uoleft li {
	text-align: left;
}

.iconbottom {
    vertical-align: bottom;
}

.caveat {
	position:relative;
	width: 100%;
	color: red;
	font-size: 10pt;
}

.imagebody {
	background-color: black;
  }
	

.imagecentre {
 	position:relative;
	display: block;
	margin: 0 auto;
}
.imagecaption {
	color: white;
	font-size: 12pt;
}

#iftable{
	width: 80%;
	margin: 0 auto;
}

.nobullet {
	list-style-type: none;
}

.fleft, .atccols, .atccols4 {
	float:left;
    display:inline-block;
	width: 50%;
	text-align: left;
}

.atccols {
	width:33%;
}	

.atccols4 {
	width:20%;
	font-size: 10pt;
}

ul.suppub {
	/*display:inline-block;*/
	position:relative;
	top:-16px;
	left: 206px;
	list-style-type: none;
	width: 150px;
	/*background-color:lightgray;*/
}

ul.suppub li {
	 background-color:yellow;
	 width: 140px;
	 border: solid black 1px;
	 border: collapse;
}

.lyric {
	position:relative;
	width:70%;
	left: 60px;
	color:red;
}

.rpanecdote {
	position:relative;
	left: 5px;
	width: 550px;
	list-style-type: none;
}

.supercomp {
	width: 100%;
	height: 26px;
	border: solid black 1px;
}

.perflink {
	background-color:white;
}

#wvpreab {
    width: 100%;
}

.nolinkpub, .nolinkpubwv {
	background-color: lightblue; 
	border: solid black 1px;
	font-style: italic;
	height: 10px;
	width: 15px;
}

.nolinkpubwv {
	position:relative;
	top: -4;
}
.audionavstr {
	font-size: 8pt;
}

.rmanecdotetable th{
	width:16%;
	height: 1px;
}

.rmanecdotetable th:nth-child(even) {
	width:34%;
}
		
/*TRIAL*/
ul.portrait {
	position:relative;
	margin-left: 200px;
}

.pseudo {
	font-style: italic;
}


/* THE END */