body {
	font-family:Raleway,Open sans,sans-serif;
	font-size:17px;
	line-height:28px;
	color:#cccccc;
	background-color:#000;
	margin: 0px;
	padding: 0px;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.listContainer {
	cursor: pointer;
	padding-left: 15px;
	margin-top: 3px;
	margin-bottom: 3px;	
}

.listItem {
	line-height: 15px;
}

.listInfo {
	font-size: 12px;
}

.emph {
	font-weight:semi-bold;
}

.first,.song {
	float:right;
}

.first {
	font-size: 24px;
	color: #ffffff;
}

.remove {
	float:right;
	color: #dd0000;
	padding-left: 10px;
	cursor: pointer;
}

div.list,div.schedule,div.details,div.controls,div.progress,div.soundscape,div.seek,div.about {
	position: fixed;
	margin:0px;
	padding:0px;
	overflow-y: auto;

	scrollbar-face-color: #aaaaaa;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
}

div.about {
	min-width: 30mm;
	top: 5vH;
	right: 0;
	width: 60vW;;
	height: 90vH;
	text-align: left;
	
	padding-right: 3vW;
}

div.list {
	min-width: 30mm;
	top: 5vH;
	left: 3vW;
	width: 32vW;;
	height: 90vH;
	text-align: left;
}

div.schedule {
	top: 50vH;
	right: 3vW;
	width: 60vW;
	height: 45vH;
	text-align: right;
}

div.details {
	top: 5vH;
	right: 3vW;
	width: 30vW;
	height: 5vH;
	text-align: right;
}

div.controls {
	bottom: 50vH;
	right: calc(3vW - 40px);
	width: 470px;
	height: 170px;
	text-align: right;
	display: none;
	overflow-y: hidden;
	z-index: 999;
}

div.controlBtn {
	width: 150px;
	height: 150px;
	float: right;
	text-align: center;
	z-index: 1999;
}

div.progress {
	bottom: 0;
	left: 35vW;
	width: 15vW;
	height: 100vH;
	display: none;
	background: #0209;
	z-index: 998;

	text-align: right;
	overflow: hidden;
}
div.soundscape {
	top: 0;
	left: 35vW;
	width: 15vW;
	height: 100vH;
	display: none;
	/* background-image: linear-gradient(0deg, #000000 33.33%, #99ff33 33.33%, #99ff33 50%, #000000 50%, #000000 83.33%, #99ff33 83.33%, #99ff33 100%); */
	background-color: #99ff33;
	background-size: 12.00px 12.00px;
	z-index: 1;
}

div.seek {
	top: 0;
	left: 35vW;
	width: 15vW;
	height: 100vH;
	display: none;
	z-index: 999;
}

.scape {
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.scape rect{
	pointer-events: none;
}

.error{
	color: #d00;
}

path:hover {
	stroke: #99ff33;
}

/* definitions for static content */
h2 {
	font-size: 15vH;
	font-family: "Courier New",monospace;
}