body {
  margin: 0;
  background: #424a51;
  color: white;
  font-family: verdana;
  overflow: hidden;
  font-size:10px;
}

ul {
  font-size: 8px;
  color: #424a51;
}

li {
  font-size: 8px;
  color: #424a51;
}

.description {
  height:10px;
  overflow:hidden;
}

.spacer {
  font-size:1px;
  height: 1px;
}

.loader {
  background:url(../img/icon_loader.gif) no-repeat center center;
}

.counter {
  display: none;
}

/** form */

#form {

}

#form #label {
  color: #EEE;
  white-space: nowrap;
  font-weight: bold;
  text-align: right;
}

#form #required {
  color: #db9e09;
}

.text_field {
  background:#bfc9d1;
  border:1px solid #40464d;
  border-radius:5px;  
  font-family: verdana;
  font-size:11px;
  padding:4px;
  outline:none;
}

.text_area {
  background:#bfc9d1;
  border:1px solid #40464d;
  border-radius:5px;
  font-family: verdana;
  font-size:11px;
  padding:4px;
  outline:none;
}

a.mail, a.mail:active {
  text-decoration: none;
  color: #FFF;
  font-size: 10px;
}

a.mail:hover {
  text-decoration: underline;
  color: #FFF;
  font-size: 10px;
}


#main {
  width: 778px;
  height: 200px;
}

#main #top {
  width:100%;
  height:131px;
  background:url(../img/template_top_bg.png) no-repeat;
}

#main #left {
  width:204px;
  height:564px;
  background:url(../img/template_left_bg.png) no-repeat;
}

#main #left #menu #item1_normal{
  width:204px;
  height:34px;
  background:url(../img/menu_item_1_normal.png) no-repeat;
  cursor: pointer;
}

#main #left #menu #item1_selected{
  width:204px;
  height:34px;
  background:url(../img/menu_item_1_selected.png) no-repeat;
}

#main #left #menu #item2_normal{
  width:204px;
  height:34px;
  background:url(../img/menu_item_2_normal.png) no-repeat;
  cursor: pointer;
}

#main #left #menu #item2_selected{
  width:204px;
  height:34px;
  background:url(../img/menu_item_2_selected.png) no-repeat;
}

#main #left #menu #item3_normal{
  width:204px;
  height:34px;
  background:url(../img/menu_item_3_normal.png) no-repeat;
  cursor: pointer;
}

#main #left #menu #item3_selected{
  width:204px;
  height:34px;
  background:url(../img/menu_item_3_selected.png) no-repeat;
}

#main #left #menu #item4_normal{
  width:204px;
  height:34px;
  background:url(../img/menu_item_4_normal.png) no-repeat;
  cursor: pointer;
}

#main #left #menu #item4_selected{
  width:204px;
  height:34px;
  background:url(../img/menu_item_4_selected.png) no-repeat;
}

#main #left #menu #item5_normal{
  width:204px;
  height:34px;
  background:url(../img/menu_item_5_normal.png) no-repeat;
  cursor: pointer;
}

#main #left #menu #item5_selected{
  width:204px;
  height:34px;
  background:url(../img/menu_item_5_selected.png) no-repeat;
}

#main #left #menu #item6_normal{
  width:204px;
  height:34px;
  background:url(../img/menu_item_6_normal.png) no-repeat;
  cursor: pointer;
}

#main #left #menu #item6_selected{
  width:204px;
  height:34px;
  background:url(../img/menu_item_6_selected.png) no-repeat;
}



#main #center {
  width:559px;
  height:564px;
  background:url(../img/template_center_bg.png) no-repeat;
}


#main #center #info {
  background: #4f5861;
  height:20px;
  margin: 13px 17px 0px 17px;
  border: 1px solid #2f353b;
}

#main #center #info #title {
  font-size:10px;
  font-weight:bold;
  color: #CCC;
  padding: 2px 4px 1px 4px;
  white-space: nowrap;
}

#main #center #info #stats_description {
  font-size:10px;
  font-weight:bold;
  color: #CCC;
}

#main #center #info #stats_value {
  font-size:10px;
  font-weight:bold;
  color: #EEE;
}


span.person_info_description {
  font-size:10px;
  color: #BBB;
}

span.person_info_value {
  font-size:10px;
  color: #FFF;
}

span.album_info_description {
  font-size:10px;
  color: #444;
}

span.album_info_value {
  font-size:10px;
  color: #FFF;
}

span.artist_info {
  font-size:10px;
  color: #2d3740;
  text-align: justify;
}


/** Player */
#player {
}

/** Rating */
#rating {
  width:50px;
  height:12px;
}

#rating #empty {
  float:left;
  width: 5px;
  height: 12px;
  background:url(../img/rating_empty.png) no-repeat;
}

#rating #filled {
  float:left;
  width: 5px;
  height: 12px;
  background:url(../img/rating_filled.png) no-repeat;
}


/** Guestbook */
#guestbook {
  margin: 5px 20px 10px 10px;
  font-size:11px;
}

#guestbook td {
  font-size:11px;
}

#guestbook #nav_line {
  border-bottom:1px solid #888;
  height:15px;
}


a.guestbook_nav, a.guestbook_nav:active {
  text-decoration: none;
  color: #FFF;
  font-size: 11px;
}

a.guestbook_nav:hover {
  text-decoration: underline;
  color: #FFF;
  font-size: 11px;
}

#guestbook #title {
}

#guestbook #title_line {
  border-bottom:1px dashed #888;
  margin-bottom:7px;
}

#guestbook #date {
  color: #BBB;
}

#guestbook #text {
  text-align:justify;
}

a.guestbook_link, a.guestbook_link:active {
  text-decoration: none;
  color: #FFF;
  font-size: 11px;
}

a.guestbook_link:hover {
  text-decoration: underline;
  color: #FFF;
  font-size: 11px;
}

/** simplebar */
.simplebar-scrollbar {
  width: 10px !important;
  right: 0px !important;
}

.simplebar-scrollbar:before {
  background: white !important;
  border-radius: 7px;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {  
  opacity: 1 !important;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    right: 2px;
    width: 10px !important;
    background: #4a525a;
    border-radius: 7px;
}