body.waiting * {
	cursor: progress;
}


body {
	background: #fffcf1;
	margin: 0;
	padding: 0;
	/* overflow: scroll; */
	overflow: scroll;
}

/* needed to see scroll bar in help menu */
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

g[id^="bline-"]:hover,
g[id^="clef-"]:hover,
g[id^="ksig-"]:hover,
g[id^="msig-"]:hover,
g[id^="note-"]:hover,
g[id^="accid-"]:hover,
g[id^="trill-"]:hover,
g[id^="artic-"]:hover,
g[id^="slur-"]:hover,
g[id^="tie-"]:hover,
g[id^="slur-"]:hover,
g[id^="fermata-"]:hover,
g[id^="rest-"]:hover {
	fill: orange; 
}

g[id^="bline-"]:hover [stroke],
g[id^="clef-"]:hover [stroke],
g[id^="ksig-"]:hover [stroke],
g[id^="msig-"]:hover [stroke],
g[id^="note-"]:hover [stroke],
g[id^="accid-"]:hover [stroke],
g[id^="trill-"]:hover [stroke],
g[id^="artic-"]:hover [stroke],
g[id^="slur-"]:hover [stroke],
g[id^="tie-"]:hover [stroke],
g[id^="slur-"]:hover [stroke],
g[id^="fermta-"]:hover [stroke],
g[id^="rest-"]:hover [stroke] {
	stroke: orange;
	stroke-width: 50px;
}


table.index-list {
	padding-left: 40px;
	margin-left: 40px;
	padding-top: 40px;
	margin-top: 40px;
	margin-bottom: 100px;
}


.indenter {
	margin-left: 50px;
}


.index-list td {
	font-family: Palatino;
	font-size: 18pt;
}


.ilink {
	cursor: pointer;
	color: 333388;
}


svg:not(:root) {
	overflow: inherit; 
}


#header-table td:first-child {
	padding-left: 10px;
}


#header-table td {
	height: 44px;
	padding-top: 2px;
	padding-right: 15px;
}


#vhv {
	color:          #888; 
	font-size:      110%;
	letter-spacing: -1px;
	margin-top: 	11px;
	white-space:    nowrap;
	word-spacing:   -3px;
	-moz-user-select:    none;
	-webkit-user-select:    none;
	-ms-user-select:    none;
	user-select:    none;
}


html {
	font-size: 12pt;
}


.viewer tr {
	vertical-align: top;
}


.viewer tr td:first-child {
	padding-top: 10px;
	padding-left: 5px;
}


div#dropArea {
	background: gray;
	position:   fixed;
	top:        0;
	left:       0;
	width:      100%;
	height:     100%;
	z-index:    999;
	opacity:    0.6;
	visibility: hidden;
}


#title-info {
	width:       100%;
	color:       #f8f5f0;
	font-family: Palatino, Times-Roman, serif;
	position:    relative;
	font-size:   130%;
	top:         2px;
	padding:     0;
	margin:      0;
	white-space: nowrap;
}


#composer {
	letter-spacing: -0.5px;
}


#topnav {
	z-index: 10;
}


.topnav {
	z-index: 10;
	position:relative;
	font-size: 17px;
	background-color: #01313f;
	color: #30edf7;
	width:100%;
	padding:0;
	letter-spacing:1px;
}


.topnav > a{
	padding:10px 15px 9px 15px !important;
	display:inline-block;
}


.topnav a:hover{
	background-color:#000000;
	color:#ffffff;
}


.topnav a.active {
	background-color:#73AD21;
	background-color:#4CAF50;  
	color:#ffffff;
}


a.topnav-icons {
	width:52px;
	font-size:20px !important;
	padding-top:11px !important;
	padding-bottom:13px !important;
}


a.topnav-icons.fa-home {
	font-size:22px !important;
}


a.topnav-localicons {
	font-size:20px !important;
	padding-top:6px !important;
	padding-bottom:12px !important;
}


/* For index headings */
font b {
	font-size: 22pt;
}


div#input { 
	position: fixed;
	top: 44px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 400px;
}

.marked {
	background: red;
	color: red;
	position: absolute;
}

div#splitter {
	position: fixed;
	top: 44px;
	left: 400px;
	background: #fffcf1;
	width: 4px;
	height: 100%;
	border-left: 1px solid #ddd8d0;
	cursor: ew-resize;
	user-select: none;
	-moz-user-select:    none;
	-webkit-user-select:    none;
	-ms-user-select:    none;
}
		

div#index { 
	position: relative;
	visibility: hidden;
	display: none;
	top: 44;
	left: 0;
	width:100%;
	overflow: scroll;
	background: #f8f8f8;
}

#output { 
	position: fixed;
	top: 44;
	left: 415;
	right: 0;
	bottom: 0;
	background: #fffcf1;
}


textarea#input {
	font-size: 1rem;
	width: 150px;
	height: 300px;
	min-width: 0;
	min-height: 0;
	background: #f3f3f3;
	margin-right: 10px;
}


textarea#input {
	-moz-tab-size: 15;
	-ms-tab-size: 15;
	-o-tab-size: 15;
	tab-size: 15;
	white-space: pre;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: scroll;
	/* overflow: -moz-scrollbars-vertical; */
}

/* Menu stylings */


#help-container {
	-moz-box-shadow:    -1px -1px 25px #888;
	-ms-box-shadow:    -1px -1px 25px #888;
	-webkit-box-shadow: -1px -1px 25px #888;
	box-shadow:         -1px -1px 25px #888;

	border-radius: 11px;
	position:fixed;
	bottom:0%;
	right:0%;
	background:#e9e0e0;
	margin-bottom:5px;
	width:400px;
	opacity:0.95;
	padding:30px;
	max-height: 90%;
	overflow: scroll;
}

#help-container a {
	text-decoration: none;
	color:       #d8ab5c;
}

#search-help {
   margin-right: 31px;
   margin-top:   6.5px;
   height: 30px;
}

table#help-table td {
	text-align: left;
	vertical-align:top;
}

table#help-table tr {
	vertical-align:top;
}

table#help-table td:first-child {
	padding-right:20px;
}

span.info {
	z-index: 111;
	display: inline;
	text-indent: -19999px;
	width: 24px;
	height: 14px;
	background: url(/images/info.png) no-repeat 0 0;
	float: right;
	cursor: pointer;
	margin-top: -6px;
	margin-right: 17px;
	padding-left: 20px;
}


.highlight {
	color: #c00;
	fill: #c00;
	stroke: #c00;
}
.highlight [stroke] {
	stroke: #c00;
	stroke-width: 50px;
}


a.doclink {
	color: #cc5500 !important;
}

span.helpentry {
	color: #d8ab5c;
	cursor:pointer;
}


svg tspan {
	font-family: Palatino, VerovioText !important;
}


/* Analytic phrase markers */

.phraseStart {
	color: green;
	fill: green;
	stroke: green;
}
.phraseStart [stroke] {
	stroke: green;
}

.phraseStop {
	color: blue;
	fill: blue;
	stroke: blue;
}
.phraseStop [stroke] {
	stroke: blue;
}

.phraseStart.phraseStop {
	color: orange;
	fill: orange;
	stroke: orange;
}
.phraseStart.phraseStop [stroke] {
	stroke: orange;
}