@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@font-face {
	font-family: 'Roboto', sans-serif;
}

body {
	font-family: 'Roboto', sans-serif;
	background: #fff;
	font-size: 11pt;
}

#main {
	width: 100%;
}

table {
	border-collapse: collapse;
}

th {
	background: #F2F2F2;
}

.songlist,
.list {
	font-size: 11pt;
}

.songlist tr {
	border-bottom: 1px solid #C0C0C0;
	padding: 5px;
}

.songlist tr.sepa,
.songlist tr:last-child,
.songlist tr:first-child {
	border: none;
}

.songlist {
	width: 100%;
}

.songlisting td {
	width: 25%;
}

.songlist td.songtitle,
.songlist td.cover {
	border: none;
}

.smile {
	background: #E88FC6;
}

.pure {
	background: #84C89B;
}

.cool {
	background: #62BFF3;
}

.active {
	background: #E78989;
}

.natural {
	background: #F3D489;
}

.elegant {
	background: #B393C0;
}

.none {
	background: #CBCED4;
}

.beginner {
	background: #008BFB;
	color: #fff;
	font-weight: bold;
}

.intermediate {
	background: #2BC457;
	color: #fff;
	font-weight: bold;
}

.advanced {
	background: #FD9F02;
	color: #fff;
	font-weight: bold;
}

.attribicon img {
	width: 55%;
}

.songtitle b {
	line-height: 35px;
}

.data td {
	border-right: 1px solid #aaa;
	padding: 5px;
}
.data td:last-child {border:none;}

.data td td {
	border: none;
}

.data {
	padding-top: 10px;
}

table.data {width:100%;}

img.cover {
	width: 250px;
}

.acd {display:block; border-bottom:1px dashed #c0c0c0;}

.ac {display:block; text-align:left; font-size:9pt;}
.ac:before {content:'APPEAL CHANCE EFFECT'; font-size:8pt; background:#ddd; margin-right:5px; padding:1px; line-height:15px;}

.ac_vo {display:inline-block; text-align:left; margin:0; font-size:9pt; text-align:left;}
.ac_vo:before {content:'COMPLETION'; font-size:8pt; background:#E6A6A6; margin-right:5px; padding:1px; line-height:15px;}
.ac_vo:after {content:' Voltage';}
.ac_dmg:after {content:' damage';}

.ac_dmg {display:inline-block; text-align:left; margin:5px 0 0 10px; font-size:9pt; text-align:left;}
.ac_dmg:before {content:'FAILURE'; font-size:8pt; background:#BBDDE8; margin-right:5px; padding:1px; line-height:15px;}

.notec {font-style:italic; font-size:9pt; background:#F2F2F2; padding:2px;}