body {
	font-family: Calibri, Verdana, Arial, Sans-Serif;
	font-size: 11pt;
}

div.main {
	width: 900px;
	margin: 10px auto 0px auto;	
}

a {
	color: #0000ff;
}

a.nav {
	text-decoration: none;	
}

a:hover {
	color: #004400;	
}

a:visited {
}

a:active {
}

.header {
	text-align: right;
	padding-right: 20px;	
	padding-bottom: 8px;
	border-bottom: 1px solid black;
}

.headline1 {
	font-size: 22pt;
	font-weight: bold;	
}

.headline2 {
	font-size: 12pt;
	font-weight: bold;	
}

div.menu {
	width: 180px;
	float: left;	
	padding-top: 20px;
	border-right: 1px solid black;
	padding-bottom: 80px;
}

div.anchorblock {
	padding-bottom: 10px;	
}

div.unselected {
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}	

div.selected {
	background-color: #eeeeee;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.l1 {
	font-size: 13pt;
	padding-left: 10px;	
}

.l2 {
	font-size: 11pt;
	padding-left: 20px;	
}

div.content {
	width: 680px;
	float: right;
	padding-top: 5px;
}

h1 {
	font-size: 17pt;
	font-weight: bold;	
}

h2 {
	font-size: 13pt;
	font-weight: bold;	
}

p {
	text-align: justify;	
	padding-right: 30px;
}

li {
	text-align: justify;	
	padding-right: 50px;
}

.playlist {
	width: 100%;
	margin-top: 12px;
}

.albumheader {
	width: 40%;
	font-size: 14pt;
	font-weight: bold;
	padding-left: 1.5em;
	padding-bottom: 6px;
}	

.albumlist {
	vertical-align: top;
	border-right: 1px solid black;
}

.album {
}

.album.unselected {
}

.album.selected {
	background-color: #eeeeee;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

.album.mouseover {
	cursor: pointer;
	color: blue;	
}

.album_title {
	font-weight: bold;
	padding-left: 8px;
}

.album_artist {
	padding-left: 8px;	
}

.trackheader {	
	font-size: 14pt;
	font-weight: bold;
	width: 60%;
	padding-left: 1.5em;
	padding-bottom: 6px;
}	

.tracklist {
	vertical-align: top;
}

.track {
	font-size: 10pt;	
}

.track.unselected {
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
}

.track.selected {
	background-color: #eeeeee;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

.track.mouseover {
	cursor: pointer;
	color: blue;	
}

.track_playindicator {
	vertical-align: top;
	width: 10px;
	padding-top: 2px;
	padding-left: 6px;
}

.track_number {
	vertical-align: top;
	width: 1.5em;
	text-align: right;	
	padding-left: 0px;
	vertical-align: top;
}

.track_duration {
	vertical-align: top;
	width: 2em;
	text-align: right;
	padding-left: 6px;
}

.track_title {
	vertical-align: top;
	padding-left: 6px;
}


.player {
	width: 650px;
	margin-top: 4px;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

.player_cover {
	width: 110px;	
	padding-top: 5px;
}

.player_trackinfo {
	width: auto;	
}

.player_license {
	vertical-align: top;
	width: 90px;	
	text-align: center;
	padding-top: 10px;
}

.md_label {
	font-size: 8pt;	
	border-top: 0px;
	padding-top: 0px;
	margin-top: 0px;
	vertical-align: top;
	padding-left: 8px;
}

.md_title {
	width: auto;
	font-size: 13pt;
	font-weight: bold;	
	border-bottom: 1px black solid;
	padding-right: 8px;
}

.md_trackNumber {
	font-size: 13pt;
	font-weight: bold;	
	width: 4em;
	text-align: right;
	padding-right: 10px;
}

.md_artist {
	font-weight: bold;	
	border-right: 16px white solid;
	border-bottom: 1px black solid;
	padding-right: 8px;
	vertical-align: bottom;
}

.md_album {
	font-weight: bold;	
	border-bottom: 1px black solid;	
	padding-right: 8px;
	vertical-align: bottom;
}

.md_time {
	font-size: 30pt;	
	text-align: right;
}


a.license {
	border: 0px;	
}

img.license {
	width: 88px;
	height: 31px;
	border: 0px;		
}

.pre {
	font-family: Consolas, Courier;		
}

.fw {
	font-family: Consolas, Courier;		
}

p.jsdoc {
	font-family: Consolas, Courier;	
	font-size: 11pt;
	font-weight: bold;
	background-color: #eeeeee;
	padding: 4px;
	padding-left: 8px;
}

.jsdoc {
	font-family: Consolas, Courier;	
}

.jsdoc.function {
	color: blue;
}

.jsdoc.fname {
	color: black;
}

.jsdoc.args {
	color: red;	
}

.jsdoc.rettype {
	color: black;
	font-weight: normal;	
}