body {
    font-family: sans-serif;
	font-size: 1.1em;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
}

a:link, a:active, a:hover, a:visited {
	text-decoration: none;
	color: black;
}

.container {
    display: flex;
    justify-content: space-around;
    padding: 20px;
}

.stage_bci {
    border: 14px solid #5a5a5a;
    border-radius: 15px;
    padding: 10px;
    background-color: #fff;
    width: 300px;
    margin: 10px;
}

.stage_as {
    border: 14px solid #336699;
    border-radius: 15px;
    padding: 10px;
    background-color: #fff;
    width: 300px;
    margin: 10px;
}

.stage_md {
    border: 14px solid #ff6600;
    border-radius: 15px;
    padding: 10px;
    background-color: #fff;
    width: 300px;
    margin: 10px;
}

.stage_mas {
    border: 14px solid #dfda00;
    border-radius: 15px;
    padding: 10px;
    background-color: #fff;
    width: 300px;
    margin: 10px;
}

.stage_listen {
    border: 14px solid #99ffff;
    border-radius: 15px;
    padding: 10px;
    background-color: #fff;
    width: 300px;
    margin: 10px;
}

.stage_ready {
    border: 14px solid #daefdb;
    border-radius: 15px;
    padding: 10px;
    background-color: #daefdb;
    width: 300px;
    margin: 10px;
}

h2 {
    margin-top: 0;
}

.song {
    color: black;
    padding: 8px;
    border-radius: 7px;
    margin: 8px 0;
    cursor: move;
}

.modify-date {
	color: #004080;
	font-size: 8px;
	font-weight: bolder;
	margin-top: 3px;
}

h1 {
	margin: 30px 0px 0 50px;
	font-size: 40px;
	font-weight: bolder;
}

h1.login {
	font-size:32px;
	color: gray;
	font-weight: bolder;
	margin:0 0 20px 0;
}

img.refresh-button {
	margin: 3px 8px 7px 0;
	float: left;
	width: 18px;
	height: 18px;
}

img.album-cover-icon {
	margin: 3px 11px 7px 0;
	float: left;
	width: 20px;
	height: 20px;
}

img.folder-cleanup-icon {
	margin: 3px 11px 7px 0;
	float: left;
	width: 20px;
	height: 20px;
}

img.delete-button {
	margin: 3px 11px 7px 0;
	float: left;
	width: 18px;
	height: 18px;
}

.comment {
	font-size: 12px;
	font-family: math;
	color: #cc6600;
}

br.rtp {
	content: "";
	margin: 7.2em;
	display: block;
	font-size: 24%;
}

#login {
	margin-top:200px;
	text-align: center;
	}

input {
	background-color:#cccccc;
	font-size:14px;
	border:1px solid #FFCC66;
	color:#000000;
	width:200px;
	height:30px;
	}