.album_icon
{
  background-image: url(images/icons/album.gif);
}

.upload_pictures_icon
{
  background-image: url(images/icons/upload_pictures.png);
}

.rebuild_gallery_icon
{
  background-image: url(images/icons/rebuild_gallery.png);
}

#pictures_view
{
  text-align: center;
  line-height: 150px;
}

#pictures_view .gallery-thumb-wrap
{
  border:1px solid #dddddd;
  background-color: #efefef;
  float: left;
  margin: 0px 0px 6px 6px;
  padding: 6px 6px 3px 6px;
  position: relative;
}

#pictures_view .gallery-thumb-wrap span 
{
  display: block;
  overflow: hidden;
  text-align: center;
  width: 140px;
  font-size: 12px;
  line-height: 16px;
}

#pictures_view .gallery-thumb-wrap .image-info 
{
  display: block;
  overflow: hidden;
  text-align: left;
  font-size: 11px;
  line-height: 13px;
}

#pictures_view .gallery-thumb-wrap .image-preview
{
  position: absolute;
  display: none;
  left: 100%;
  margin-left: -23px;
  cursor: pointer;
  
  width: 16px;
  height: 16px;
  
  background-image: url(images/icons/preview.png);
  background-repeat: no-repeat;
  background-position: center;
}

#pictures_view .gallery-thumb-wrap:hover .image-preview
{
  display: block;
}

#pictures_view .gallery-thumb-wrap .insert_left
{
  position: absolute;
  left: -5px;
  top: 80px;
  display: none;

  width: 24px;
  height: 24px;
  
  background-image: url(images/icons/left_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
}

#pictures_view .gallery-thumb-wrap .insert_right
{
  top: 80px;
  position: absolute;
  right: -5px;
  display: none;

  width: 24px;
  height: 24px;
  
  background-image: url(images/icons/right_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
}

#pictures_view .insert_before .insert_left
{
  display: block;
}

#pictures_view .insert_after .insert_right
{
  display: block;
}

#pictures_view .insert_before:hover .image-preview,
#pictures_view .insert_after:hover .image-preview
{
  display: none;
}

#pictures_view .gallery-thumb
{
  background: none;
  width: 140px;
  height: 140px;
  vertical-align: middle;
  display: table-cell;
  cursor: pointer;
}

#pictures_view .x-item-over
{
  background-color: #FFFFE6;
  border: 1px solid #FFD467;
  padding: 6px 6px 3px 6px;
}

#pictures_view .x-item-selected
{
  background-color: #D9E5F3;
  border: 1px solid #99bbe8;
  padding: 6px 6px 3px 6px;
}

#pictures_view .x-item-selected.x-item-over
{
  border: 1px solid #FFD467;
}

#pictures_view .gallery-thumb img
{
  display: block;
  max-height: 132px;
  max-width: 136px;
  margin: 0 auto;
}

.x-dataview-draggable-ghost img 
{
  max-width: 52px;
  max-height: 52px;
}

.x-dataview-draggable-ghost .thumb-container 
{
  float: left;
  margin: 0px 0px 5px 5px;
}

.x-dataview-draggable-ghost .thumb-wrapper 
{
  width: 60px;
  height: 60px;
  border: 1px solid gray;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}