.sc-selector {
	fill: transparent;
	stroke: transparent;
}

.sc-selector:hover[lilysourceline="0"] {
	fill: transparent;
	stroke: transparent;
	opacity: 1.0;
}

.sc-selector:hover {
	stroke: orange;
	fill: orange;
	opacity: 0.8;
}

@font-face {
    font-family: "emmentaler-11";
    src: url("fonts/emmentaler-11.woff2") format('woff2'),
         url("fonts/emmentaler-11.woff") format('woff'),
         url("fonts/emmentaler-11.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "emmentaler-13";
    src: url("fonts/emmentaler-13.woff2") format('woff2'),
         url("fonts/emmentaler-13.woff") format('woff'),
         url("fonts/emmentaler-13.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "emmentaler-14";
    src: url("fonts/emmentaler-14.woff2") format('woff2'),
         url("fonts/emmentaler-14.woff") format('woff'),
         url("fonts/emmentaler-14.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "emmentaler-16";
    src: url("fonts/emmentaler-16.woff2") format('woff2'),
         url("fonts/emmentaler-16.woff") format('woff'),
         url("fonts/emmentaler-16.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "emmentaler-18";
    src: url("fonts/emmentaler-18.woff2") format('woff2'),
         url("fonts/emmentaler-18.woff") format('woff'),
         url("fonts/emmentaler-18.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "emmentaler-20";
    src: url("fonts/emmentaler-20.woff2") format('woff2'),
         url("fonts/emmentaler-20.woff") format('woff'),
         url("fonts/emmentaler-20.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "emmentaler-23";
    src: url("fonts/emmentaler-23.woff2") format('woff2'),
         url("fonts/emmentaler-23.woff") format('woff'),
         url("fonts/emmentaler-23.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "emmentaler-26";
    src: url("fonts/emmentaler-26.woff2") format('woff2'),
         url("fonts/emmentaler-26.woff") format('woff'),
         url("fonts/emmentaler-26.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "emmentaler-brace";
    src: url("fonts/emmentaler-brace.woff2") format('woff2'),
         url("fonts/emmentaler-brace.woff") format('woff'),
         url("fonts/emmentaler-brace.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LilyPond Serif";
    src: url("fonts/texgyreschola-regular.woff2") format('woff2'),
         url("fonts/texgyreschola-regular.woff") format('woff'),
         url("fonts/texgyreschola-regular.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LilyPond Serif";
    src: url("fonts/texgyreschola-bold.woff2") format('woff2'),
         url("fonts/texgyreschola-bold.woff") format('woff'),
         url("fonts/texgyreschola-bold.otf") format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "LilyPond Serif";
    src: url("fonts/texgyreschola-italic.woff2") format('woff2'),
         url("fonts/texgyreschola-italic.woff") format('woff'),
         url("fonts/texgyreschola-italic.otf") format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "LilyPond Serif";
    src: url("fonts/texgyreschola-bolditalic.woff2") format('woff2'),
         url("fonts/texgyreschola-bolditalic.woff") format('woff'),
         url("fonts/texgyreschola-bolditalic.otf") format('opentype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "LilyPond Monospace";
    src: url("fonts/texgyrecursor-regular.woff2") format('woff2'),
         url("fonts/texgyrecursor-regular.woff") format('woff'),
         url("fonts/texgyrecursor-regular.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LilyPond Monospace";
    src: url("fonts/texgyrecursor-bold.woff2") format('woff2'),
         url("fonts/texgyrecursor-bold.woff") format('woff'),
         url("fonts/texgyrecursor-bold.otf") format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "LilyPond Monospace";
    src: url("fonts/texgyrecursor-italic.woff2") format('woff2'),
         url("fonts/texgyrecursor-italic.woff") format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "LilyPond Monospace";
    src: url("fonts/texgyrecursor-bolditalic.woff2") format('woff2'),
         url("fonts/texgyrecursor-bolditalic.woff") format('woff'),
         url("fonts/texgyrecursor-bolditalic.otf") format('opentype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "LilyPond Sans Serif";
    src: url("fonts/texgyreheros-regular.woff2") format('woff2'),
         url("fonts/texgyrecursor-bolditalic.woff") format('woff'),
         url("fonts/texgyrecursor-bolditalic.otf") format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LilyPond Sans Serif";
    src: url("fonts/texgyreheros-bold.woff2") format('woff2'),
         url("fonts/texgyreheros-bold.woff") format('woff'),
         url("fonts/texgyreheros-bold.otf") format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "LilyPond Sans Serif";
    src: url("fonts/texgyreheros-italic.woff2") format('woff2'),
         url("fonts/texgyreheros-italic.woff") format('woff'),
         url("fonts/texgyreheros-italic.otf") format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "LilyPond Sans Serif";
    src: url("fonts/texgyreheros-bolditalic.woff2") format('woff2'),
         url("fonts/texgyreheros-bolditalic.woff") format('woff'),
         url("fonts/texgyreheros-bolditalic.otf") format('opentype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
	    font-family: "Segoe UI Symbol";
	    src: url("fonts/scorioSymbols.otf") format('opentype');
	    font-weight: normal;
	    font-style: normal;
}

body { 
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
}

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-PushButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-DecoratorPanel {

}
.gwt-Grid {
}

.gwt-VerticalPanel {
	border-spacing: 10px;
}

.wla-ScoreEditArea {
  border: 1px solid brown !important;
  background: #f0ecd0 none repeat scroll 0 0 !important;
  margin: 0px 2px !important;
  padding: 5px!important;
}

.wla-ScoreEditAreaLocated {
  border: 1px solid brown;
  background-color: lightblue;
}

.wla-ScorePanel {
	text-align: left;
	overflow: auto;
	border: 1px solid brown;
	margin: 0px 2px;
	padding: 5px;
	background: #ffffe0 none repeat scroll 0 0;
}

.wla-WeblilyToggle {
	position: absolute;
	left: 0px;
	top: 0px;
}

.wla-ProgressIndicator {
	margin: 2px 10px;
	width: 20px;
	height: 20px;
}

.wla-FacebookButton {
	width : 16px;
	height: 16px;
	padding: 2px;
}

.wla-ProgressIndicatorPanel {
}

.wla-ListBox {
	height : 25px;
}

.wla-InfoPanel {
	text-align: right;
}

/* Fix problem with Liferay 7 settings */

.sc-GrobElementImage,
.sc-GrobElementImageNoSourceLocation,
.gwt-Image {
	max-width: none !important;
}

* {
	box-sizing: border-box;
}