body {
  font-family: Tahoma, Verdana, Arial;
  font-size: 0.9em;
  color: #333333;  
}
.drag {
  float: left;
  width: 400px;
  height: 300px;
  position: absolute;
/*  padding: 1px;*/
}
.handler {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 18px;
  z-index: 99999;
  background-color: #e1e1e1;
  border-bottom: 1px solid #b1b1b1;
  cursor: move;
}
.api {
  overflow: auto;
  position: absolute;
  height: 100%;
  width: 100%;
}
.top-spacer{
  height:20px;
}
.desktop-save,
.desktop-save-as,
.desktop-manage,
.users,
.settings, 
.logout,
.create-directories {
  float: left;
  cursor: pointer;
  width: 32px;
  height: 32px;
  margin-left: 1px;
}
.desktop-save {
  background: url("../img/icons/Save.gif") no-repeat;
}
.desktop-save:hover {
  background: url("../img/iconshover/Save.gif") no-repeat;
}
.desktop-save-as {
  background: url("../img/icons/Clipboard Copy.gif") no-repeat;
}
.desktop-save-as:hover {
  background: url("../img/iconshover/Clipboard Copy.gif") no-repeat;
}
.desktop-manage {
  background: url("../img/icons/Applications.gif") no-repeat;
}
.desktop-manage:hover {
  background: url("../img/iconshover/Applications.gif") no-repeat;
}
.users{
  background: url("../img/icons/Man.gif") no-repeat;
}
.users:hover {
  background: url("../img/iconshover/Woman.gif") no-repeat;
}
.settings{
  background: url("../img/icons/Tool.gif") no-repeat;
}
.settings:hover {
  background: url("../img/iconshover/Tool.gif") no-repeat;
}
.logout {
  background: url("../img/icons/Go Out.gif") no-repeat;
}
.logout:hover {
  background: url("../img/iconshover/Go Out.gif") no-repeat;
}
.create-directories {
  background: url("../img/icons/Database.gif") no-repeat;
}
.create-directories:hover {
  background: url("../img/iconshover/Database.gif") no-repeat;
}
.refresh {
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-left: 1px;
}
.refresh {
  background: url("../img/icons/Refresh.gif") no-repeat;
}
.refresh:hover {
  background: url("../img/iconshover/Refresh.gif") no-repeat;
}
.about-AudioStreamer {
  float: right;
  cursor: pointer;
  width: 32px;
  height: 32px;
  margin-left: 1px;
  margin-right: 1px;
}
.about-AudioStreamer {
  background: url("../img/icons/Question.gif") no-repeat;
}
.about-AudioStreamer:hover {
  background: url("../img/iconshover/Question.gif") no-repeat;
}

.desktop-update,
.desktop-copy,
.desktop-delete,
.user-update,
.user-copy,
.user-delete, 
.setting-update,
.theme-update,
.theme-copy,
.theme-delete {
  cursor: pointer;
  width: 17px;
  height: 18px;
}
.desktop-update,
.user-update,
.setting-update,
.theme-update {
  background: url("../img/icons/Desktop Update.gif") no-repeat 1px;
}
.desktop-update:hover,
.user-update:hover, 
.setting-update:hover,
.theme-update:hover {
  background: url("../img/iconshover/Desktop Update.gif") no-repeat 1px;
}
.desktop-copy,
.user-copy,
.theme-copy {
  background: url("../img/icons/Plus.gif") no-repeat 1px;
}
.desktop-copy:hover,
.user-copy:hover,
.theme-copy:hover {
  background: url("../img/iconshover/Plus.gif") no-repeat 1px;
}
.desktop-delete,
.user-delete,
.theme-delete {
  background: url("../img/icons/Cancel.gif") no-repeat 1px;
}
.desktop-delete:hover,
.user-delete:hover, 
.theme-delete:hover {
  background: url("../img/iconshover/Cancel.gif") no-repeat 1px;
}
.changed {
  background-color: #fef11b; /*#83c128;*/ /*#ff9933;*/
}

.ui-state-disabled { cursor: default !important; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-content { border: 1px solid #e1e1e1; background: #ffffff; color: #333333; }
.ui-state-highlight { 
  background: #fef11b; 
  height: 1.3em; 
  line-height: 1.0em;
}
/*.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { border:1px dotted black }

/*Firefox shows a black bar, so height:0px*/
.jp-jplayer {
  height:0px;
}
/*jPLAYER*/
.jp-play, 
.jp-pause, 
.jp-previous, 
.jp-next, 
.jp-stop, 
.jp-mute, 
.jp-unmute {
  cursor: pointer;
  width: 32px;
  height: 32px;
  margin-left: 1px;
}
.jp-next,
.jp-mute, 
.jp-unmute
{
  margin-right: 1px;
}
.jp-previous {
  background: url("../img/icons/Player Previous.gif") no-repeat;
}
.jp-previous:hover {
  background: url("../img/iconshover/Player Previous.gif") no-repeat;
}
.jp-play {
  background: url("../img/icons/Player Play.gif") no-repeat;
}
.jp-play:hover {
  background: url("../img/iconshover/Player Play.gif") no-repeat;
}
.jp-pause {
  background: url("../img/icons/Player Pause.gif") no-repeat;
}
.jp-pause:hover {
  background: url("../img/iconshover/Player Pause.gif") no-repeat;
}
.jp-next {
  background: url("../img/icons/Player Next.gif") no-repeat;
}
.jp-next:hover {
  background: url("../img/iconshover/Player Next.gif") no-repeat;
}
.jp-stop {
  background: url("../img/icons/Player Stop.gif") no-repeat;
}
.jp-stop:hover {
  background: url("../img/iconshover/Player Stop.gif") no-repeat;
}
.jp-mute {
  background: url("../img/icons/Sound On.gif") no-repeat;
}
.jp-mute:hover {
  background: url("../img/iconshover/Sound On.gif") no-repeat;
}
.jp-unmute {
  background: url("../img/icons/Sound Off.gif") no-repeat;
}
.jp-unmute:hover {
  background: url("../img/iconshover/Sound Off.gif") no-repeat;
}
/*.jp-volume-bar-wrapper {
  padding-top: 8px;
  padding-left: 5px;
  padding-right: 5px;
}*/
div.jp-audio div.jp-progress {
  background: #e1e1e1;
  width: 100%;
  height:15px;
}
div.jp-seek-bar {
  background: #b1b1b1;
  width:0px;
  height:100%;
  cursor: pointer;
}
div.jp-play-bar {
  background: #83c128;
  width:0px;
  height:100%;
}
/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
  background: url("../img/pbar-ani.gif");
}
div.jp-volume-bar {
  float:left;
  overflow:hidden;
  background: #b1b1b1;
  width:50px;
  height:5px;
  cursor: pointer;
  margin-right: 1px;
}
div.jp-volume-bar-value {
  background: #83c128;
  width:0px;
  height:5px;
}
div.jp-progress-title-bar2{
  float: left;
  overflow: hidden;
  height: 1.2em;
  white-space:nowrap;
  width: 100%;
}
div.jp-current-time,
div.jp-progress-title,
div.jp-duration {
  float: left;
  font-size:0.8em;
  color: #0f0f0f;
  padding: 0px;
  overflow: hidden;
  height: 1.3em;
}
div.jp-current-time,
div.jp-progress-title {
  float: left;
}
div.jp-duration {
  float: right;
}
#playlistSortable, #directory, .masterDirectory, #tree, #treeSearch {
  width:100%;
  background-color:#f8f8f8;
  list-style-type:none;
  margin:0;
  padding:0px;
}
.masterDirectoryImage {
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  padding-right: 2px;
  margin-left: 2px;
  margin-top: 1px;
}
.masterDirectoryImage {
  background: url("../img/icons/Arrow3 Left.gif") no-repeat;
}
.masterDirectoryImage:hover {
  background: url("../img/iconshover/Arrow3 Left.gif") no-repeat;
}
.license_link {
  font-size: 0.7em;
  font-style: italic;
  padding-left: 5px;
}
#playlistSortable li, #directory li, #tree li {
  border-bottom:1px solid #d1d1d1;
  overflow: hidden;
  height: 18px;
}
#treeSearch li {
  border-bottom:1px solid #d1d1d1;
  font-size: 0.8em;
}
#playlistSortable li.jp-playlist-current {
/*  list-style-type:square;*/
/*  list-style-position:inside;*/
  background-color: #ff9933; /*blauw#4d9aef;*/
}
#search-form {
  float:left;
}
#tree, #treeSearch {
  clear: both;
}
.highlighted {
  font-style: italic;
  background-color: #e1e1e1;
}
a:link, 
a:visited{
  color: #444444;
  text-decoration: none;
}
a:hover {
  color:#000000;
  text-decoration: underline;
}
#about-AudioStreamer a:link, 
#about-AudioStreamer a:visited {
  color: #0A647C;
  text-decoration: none;
}
#about-AudioStreamer a:hover{
  color: #0A647C;
  text-decoration: underline;
}
.jp-playlist-delete {
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 1px;
}
.jp-playlist-delete {
  background: url("../img/icons/Cancel.gif") no-repeat;
}
.jp-playlist-delete:hover {
  background: url("../img/iconshover/Cancel.gif") no-repeat;
}
.jp-playlist-move {
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  margin-top: 1px;
}
.jp-playlist-move {
  background: url("../img/icons/Size Vert.gif") no-repeat;
}
.jp-playlist-move:hover {
  background: url("../img/iconshover/Size Vert.gif") no-repeat;
}
.radio-playlist {
  float: right;
  cursor: pointer;
  margin-right: 2px;
}
.radio-on {
  background-color: #ff9933; 
}  
.clear-playlist {
  float: right;
  cursor: pointer;
  margin-right: 2px;
}
.add {
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 1px;
}
.add {
  background: url("../img/icons/Plus.gif") no-repeat;
}
.add:hover {
  background: url("../img/iconshover/Plus.gif") no-repeat;
}
.play {
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  margin-top: 1px;
}
.play {
  background: url("../img/icons/Start.gif") no-repeat;
}
.play:hover {
  background: url("../img/iconshover/Start.gif") no-repeat;
}
.search {
  float: left;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 1px;
}
.search {
  background: url("../img/icons/Search.gif") no-repeat;
}
.search:hover {
  background: url("../img/iconshover/Search.gif") no-repeat;
}
.cover-now-playing {
}
.cover-album {
  /*padding-right:2px;*/
  cursor: pointer;
  border: none;
}
.cover-song-detail {
}
#search {
  width: 170px;
  margin-left: 2px;
}
#scrollfield {
  padding: 0;
  margin-top: 1px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  font-size: 0.75em;
  position: absolute;
  width: 70px;
}
.close-popup {
  float: right;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 1px;
}
.close-popup {
  background: url("../img/icons/Cancel.gif") no-repeat;
}
.close-popup:hover {
  background: url("../img/iconshover/Cancel.gif") no-repeat;
}
.song-detail-link {
  float: left;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  margin-top: 1px;
}
.song-detail-link {
  background: url("../img/icons/Info2.gif") no-repeat;
}
.song-detail-link:hover {
  background: url("../img/iconshover/Info2.gif") no-repeat;
}
.song-detail, .dump, .login, .desktop, .user, .setting , .theme{
  width:100%;
  background-color:#f8f8f8;
  margin:0;
  padding:0px;
/*  border-bottom:1px solid #d1d1d1;*/
}
.desktop th, .user th, .setting th, .theme th {
  border:1px solid #d1d1d1;
  font-weigtht: bold;
  background-color:#e8e8e8;
  text-align: left;
}
.song-detail td, .dump td, .desktop td, .user td, .setting td, .theme td  {
  border:1px solid #d1d1d1;
}
.tree-albums-current {
  background-color: #F8F8F8;
  border-left: 1px solid #b1b1b1;
  border-right: 1px solid #b1b1b1;
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #F8F8F8;
}
.iframe-style{
  padding: 0px;
  border: 0;
  width: 100%;
  height: 99%;
}
img {
border: none;
}
.description {
	font-style: italic;
	font-size: 0.9em;
  line-height: 110%;
	padding-left: 10px;
	padding-right: 5px;
}















