body, a {
 font-family: monospace;
 color: #000066;
 font-size: large;
}
#cen {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}
#lef {
 float: left;
 width: 40%;
 text-align: right;
 margin-right: 3%;
 padding-top: 25px;
 overflow: hidden;
 white-space: nowrap;
}
#righ {
 float: left;
 text-align: left;
 margin-right: 3%;
 width: 46%;
 white-space: nowrap;
}
#button_bar div {
 float: left;
 margin-right: 5px;
}
#button_bar {
 width: 60%;
 float: left;
 margin-bottom: 10px;
}
#PagePlayerWrapper {
 width: 360px;
 margin-left: 0%;
 border: 2px solid black;
 padding: 5px;
}
#PagePlayerList {
 width: 100%;
 float: center;
}
#PagePlayerList h3 {
 font-size: large;
 padding: 0;
 margin: 0;
}
#PagePlayerDescription {
 display: none;
}
#PagePlayerListDescWrapper {
 clear: both;
}
.PagePlayerListItemSelected {
 color: #fff;
 margin-bottom: 1px;
 border: 2px solid #000;
 background-color: #000;
 padding: 2px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.PagePlayerListItem {
 color: #555;
 margin-bottom: 1px;
 border: 2px solid #000;
 padding: 2px;
 font-size: 12px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.PagePlayerListItem h3 {
 cursor: pointer;
}
#volume_control {
 width: 33%;
 height: 20px;
 border: 2px solid #000;
 float: right;
 margin-bottom: 10px;
}
#volume_background {
 width: 100%;
 height: 20px;
}
#volume_bar {
 width: 0px;
 height: 20px;
 background-color: #555;
 opacity: 0.4;
}
#duration {
 width: 99%;
 height: 20px;
 border: 2px solid #000;
 margin-bottom: 5px;
 float: center;
}
#duration_background {
 width: 100%;
 height: 20px;
}
#duration_bar {
 width: 0px;
 height: 20px;
 background-color: #000;
 opacity: 0.4;
}
.button {
 color: black;
 border: 2px solid #000;
 cursor: pointer;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background: no-repeat center;
 height: 20px;
}
#play {
 background-image: url("/static/play.png");
 width: 18px;
 height: 18px;
}
#pause {
 background-image: url("/static/pause.png");
 display: none;
 width: 18px;
 height: 18px;
}
#previous {
 background-image: url("/static/previous.png");
 width: 23px;
 height: 18px;
}
#next {
 background-image: url("/static/next.png");
 width: 23px;
 height: 18px;
}
#descr {
 color: #000;
 text-align: center;
}