/* ============================================================================================= */
/* image gallery */
/* galleryHeight + 2 * padding(contentBorderBox) */
.galleryBox {
  height:425px !important;
  overflow:hidden;
  position:relative;
  padding: 0 10px;
}

.galleryImageCounter{
  margin-right:15px;
  float: right;
}

body#editor .galleryImageCounter{
  margin-top:10px;
}

#gallery_slider_track {
  width: 100px;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/scaler_slider_track.gif?1274854771) top left no-repeat;
  height:15px;
  margin:0 10px 10px;
  float:right;
}

body#editor #gallery_slider_track {
  margin: 10px -7px;
  float:left;
  width: 70px;
}

#gallery_slider_handle {
  position: relative;
  top: -3px;
  width: 8px;
  height: 18px;
  background: url(http://www.fotoalbum.de/mandants/root/gfx/scaler_slider.gif?1274854771) 50% 50% no-repeat;
  cursor: w-resize;
}

#folderEmptyUpload {
  float: left;
  margin-left: 10px;
}

#scrolling_gallery_container {
  height:400px;
}

body#editor #scrolling_gallery_container {
  height:375px !important;
  right:10px;
}

/* image - gallery global */
.imageContainer {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.imageContainer .imageBox {
  text-align: center;
  border: 1px solid #eee;
  position: static;
}

.imageContainer .imageIconField {
  position: absolute;
  bottom: 1px;
  height:22px;
  left:0;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/gallery_iconfield_bg.gif?1274854771) repeat-x;
}

.imageContainer .imageIconField  .kontext_icon {
  height: 100%;
  position: absolute;
}
.imageContainer .kontext_icon.info {
  left: 43%;
}
.imageContainer .kontext_icon.rotateLeft {
  left: 0;
}
.imageContainer .kontext_icon.rotateRight {
  right: 0;
}

.overlayElement {
  background: white url(/roothttp://www2.fotoalbum.de/mandants/root/gfx/waiting.gif?1274854772) 48% 48% no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

/* ============================================================================================= */
/* folder list */
#listHandler, #userListHandler, #poolListHandler {
  width: 21px;
  height: 21px;
}

.minus {
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/minus.gif?1274854771) 0 0 no-repeat;
  margin-right:5px;
}

.plus {
  background: url(http://www7.fotoalbum.de/mandants/root/gfx/plus.gif?1274854771) 0 0 no-repeat;
  margin-right:5px;
}
.folderBox {
  padding-left:1px !important;
  padding-right:1px !important;
}

.folderBox #folderListBox, .folderBox  #poolImageListBox {
  height: 430px;
  overflow-x: hidden;
  overflow-y: auto;
  float: left;
  width:100%;
}

#editor .folderBox #folderListBox, #editor .folderBox #poolImageListBox {
  height: 200px;
}


.folderBox .buttonNewFolder { height: 20px; border-bottom:1px solid #ccc; }

.folderBox .buttonNewFolder h1,
.folderBox .buttonNewFolder a { width:200px; }

.folderBox .buttonNewFolder a, a.showAllProjects {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
}

ul.treeView {
  margin: 10px 0 0 0;
  padding: 0;
}

li.folderLi, li.userFolderLi, li.poolFolderLi {
  border: 1px solid white;
  display: block;
  clear: both;
  padding: 0 0 0 7px;
}

li.activeFolder {
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/treeview_folder_gradient_bg.gif?1274854772) repeat-x;
}

div.folderDiv {
  cursor: pointer;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/treeview_folder_bg.gif?1274854772) repeat-x;
  margin: 0;
  overflow:hidden;
  white-space: nowrap;
  height:50px;
  width: 210px;
}

.folderDesc {
  margin: 4px 0 0 0;
  width: 120px;
  overflow: hidden;
  font-size: 0.8em;
}

.poolFolderDesc {
  margin-left:55px;
  margin-top:5px;
  width: 120px;
  overflow: hidden;
  font-size: 0.8em;
}

.folderInfoImg {
  top: 0;
  left: 0;
  margin: 4px 10px;
  width: 17px;
  height: 17px;
  float:left;
}

.folderCover {
  margin: 0;
  float: left;
}


/* ============================================================================================= */
/* teaser */

.teaserGallery {
  float:right;
  margin:-3px 0;
  height:68px;
}

.teaserBoxGallery {
  float:left;
  width:165px;
  margin-right:29px;
  height:100%;
}

.teaserBoxGallery .greenCorner {
  left:2px;
  z-index:10;
  top:49px;
  position:absolute;
}

.teaserBoxGallery .contentBottomSmall { left:11px; }

.teaserBoxGallery p { margin:43px 0 0 50px; }