html
{
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

body
{
  background-color:               white;
  background-image:               url(img/bg.png);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  color:                          #2D69B2;
  font-family:                    Verdana, Arial, Helvetica, sans-serif;
  font-size:                      13px;
  height:                         100%;
  margin:                         0px;
  padding:                        0px;
}

#header
{
  height:                         107px;
  left:                           52px;
  overflow:                       hidden;
  position:                       absolute;
  top:                            16px;
  width:                          917px;
}

#logo
{
  margin-top:                     9px;
  margin-left:                    0px;
}

#main-menu
{
  background-image:               url(img/bg.mainmenu.gif);
  background-position:            0px 50%;
  background-repeat:              repeat-x;
  border:                         #1B4786 solid 1px;
  left:                           52px;
  overflow:                       hidden;
  position:                       absolute;
  top:                            123px;
  width:                          915px;
}

#main-menu ul
{
  float:                          left;
  margin:                         0px;
  overflow:                       hidden;
  padding:                        0px;
}

#main-menu ul li
{
  border-right:                   #1B4786 solid 1px;
  cursor:                         pointer;
  float:                          left;
  font-weight:                    normal;
  list-style-type:                none;
  margin:                         0px;
  padding:                        3px 10px;
  text-align:                     center;
  width:                          74px;
}

#main-menu ul li.selected
{
  background-image:               url(img/bg.mainmenu-item.gif);
  background-position:            0px 0px;
  background-repeat:              repeat-x;
  color:                          white;
}

#main-menu #settings
{
  cursor:                         pointer;
  float:                          right;
  padding:                        3px 10px 3px 0px;
}

#playlist-box,
#wmp-wrapper,
#body
{
  height:                         343px;
}

#wmp-wrapper
{
  width:                          570px;
}


/**
 * player
 */
#player-box
{
  height:                         343px;
  left:                           52px;
  position:                       absolute;
  top:                            164px;
  text-align:                     center;
  width:                          570px;
}

#player-wrapper
{
  height:                         100%;
}


/**
 * playlist
 */
#playlist-box
{
  border:                         #5384C0 solid 1px;
  height:                         342px;
  left:                           633px;
  overflow:                       auto;
  position:                       absolute;
  top:                            164px;
  width:                          335px;
}

.playlist-item
{
  border-bottom:                  #5384C0 solid 1px;
  padding:                        10px;
}

.playlist-item-content
{
  overflow:                       hidden;
  width:                          280px;
}

.playlist-item.selected
{
  background-color:               #E9F2F6;
}

.playlist-item,
.playlist-item *
{
  cursor:                         pointer;
}

.playlist-item-thumbnail
{
  float:                          left;
  margin-right:                   10px;
  width:                          80px;
}

.playlist-item h1
{
  color:                          #153A79;
  font-size:                      12px;
  margin:                         0px;
}

.playlist-item p
{
  font-size:                      10px;
  margin:                         0px;
}

.playlist-item-body
{
  clear:                          both;
  display:                        none;
  padding-top:                     10px;
}

.playlist-item.selected .playlist-item-body
{
  display:                        block;
}

#footer-wrapper
{
  background-image:               url(img/bg.footer.gif);
  background-position:            0px 0px;
  background-repeat:              no-repeat;
  height:                         110px;
  left:                           52px;
  padding:                        20px 13px 10px;
  position:                       absolute;
  top:                            507px;
  width:                          544px;
}

#footer
{
  height:                         110px;
  overflow:                       auto;
  width:                          544px;
}

#footer h1
{
  font-size:                      13px;
  margin:                         0px;
}

#footer p
{
  margin:                         .5em 0px 0px;
}

#dialog-settings
{
  background-image:               url(img/bg.settings.gif);
  font-size:                      11px;
  height:                         117px;
  padding:                        5px 8px;
  position:                       absolute;
  left:                           633px;
  top:                            520px;
  width:                          321px;
}

#dialog-settings h1
{
  font-size:                      10px;
  margin:                         0px;
}

.format-list
{
  float:                          left;
  font-size:                      10px;
  width:                          160px;
}

.format-list h2
{
  background-position:            0px 50%;
  background-repeat:              no-repeat;
  font-size:                      10px;
  font-weight:                    normal;
  height:                         19px;
  margin:                         10px 0px 0px;
  padding:                        6px 0px 0px 30px;
}

.format-list#format-list-flash h2
{
  background-image:               url(img/bg.flash.gif);
}

.format-list#format-list-wmp h2
{
  background-image:               url(img/bg.wmp.gif);
}

.format-list ul
{
  margin:                         0px;
  padding:                        0px;
}

.format-list ul li
{
  list-style-type:                none;
  margin:                         0px;
  padding:                        0px;
}

.format-list ul li label
{
  font-weight:                    normal;
}


#wmp-wrapper
{
  border:                         0px;
}