@CHARSET "UTF-8";
#gRearrange {
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

#gAddAlbum {
  background-image: url(../images/folder_add.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-bottom: 5px;
  cursor: pointer;
}

#gAddAlbumPopup {
  display: none;
  position: absolute;
  border: 1px solid #6fa5fd;
  z-index: 2;
  background: #ffffff;
}

#gAddAlbumPopupClose {
  font-size:14px;  
  line-height:14px;  
  right:6px;  
  top:4px;  
  position:absolute;  
  color:#6fa5fd;  
  font-weight:700;  
  display:block;
  cursor: pointer;
}

#gDeleteItem {
  background-image: url(../images/bin_closed.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-bottom: 5px;
}

UL.jqueryFileTree {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 18px;
  padding: 0px;
  margin: 0px;
}

UL.jqueryFileTree LI {
  list-style: none;
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  white-space: nowrap;
}

UL.jqueryFileTree A {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
  background: #BDF;
}

/* Core Styles */
.jqueryFileTree LI.directory { background: url(../images/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(../images/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(../images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(../images/spinner.gif) left top no-repeat; }
.jqueryFileTree LI.item { background: url(../images/picture.png) left top no-repeat; }

/* 
 * File Extensions Support
 * If we want to add differnt icons for different file extentions. then we just need to add
 * classes for each extension and then add this class to the end of the classes on the 'li' element
 *  i.e. .jqueryFileTree LI.ext_fla { background: url(../images/flash.png) left top no-repeat; }
*/