#overLayerLoginContext {
  border:1px solid red;
  background: #fff;
  height:200px;
}

#overLayerLoginContext .uploadIconLarge {
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/icon_album_large.gif?1236782233) no-repeat scroll left top;
}

.overlay_prev_next_navi {
  float: right;
  margin: 10px 50px 0 0;
  color: silver;
}

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

/* ============================================================================================= */

.clear      { clear: both; }
.clickable  { cursor: pointer; }
.invisible  { display: none; }
.nodisplay  { display:none; }
.clr        { clear: both; }
.inactive   { color: #aaa; }

/* ============================================================================================= */
/* standard-konformer Trenner (styled div + HR) */
div.hr {
  height: 2px;
  background: #FFF url(http://www2.fotoalbum.de/mandants/root/gfx/modalbox_hr.gif?1236782233) repeat-x;
  margin: 0 0 10px 0;
}

div.hr hr { display: none; }

div#leftframe,
div#innerLeftFrame { overflow: hidden; }


/* ============================================================================================= */
/* project-preview */
#overlayProjectPreview h1 { margin:10px; }

#overlayProjectPreview .previewList {
  width:100%;
  height:100%;
}

#overlayProjectPreview .previewListContainer {
  /*overflow:auto;*/
  height:465px;
  width:auto;
  float:left;
}

#overlayProjectPreview .previewListContainer img{
  background: transparent url(http://www2.fotoalbum.de/mandants/root/gfx/waiting.gif?1236782233) 48% 48% no-repeat;
}

#overlayProjectPreview .previewListContainer table{
  border-collapse:separate;
}

/* clientbook */
#overlayProjectPreview .previewListContainer table img{
  background:transparent;
}

/* ============================================================================================= */

.folderstep, .imagestep, .uploadstep {
  position:absolute;
  left:201px;
  top:191px;
}

.imagestepTeaser {
  position:absolute;
  left:201px;
  top:284px;
}

.folderstep p, .imagestep p, .uploadstep p {
  margin-bottom:5px;
  width:350px;
}

.overLayer .uploadSteps, .overLayer .navi_foldercontext {
  position:absolute;
  left:26px;
  top:191px;
}

.uploadSteps li {
  padding:2px 0 1px 3px;
  width: 140px;
  clear: both;
}

.uploadSteps div {
  background: url(http://www9.fotoalbum.de/mandants/root/gfx/upload_icons_all.gif?1236782233) 0 0 no-repeat;
  float: left;
  height: 17px;
  width: 17px;
}

.uploadSteps .choose {
  background-position: 0 0;
}

.uploadSteps .remove {
  background-position: 0 -16px;
}

.uploadSteps .cancel {
  background-position: 0 -32px;
}


.navi_foldercontext li {
  padding-left: 25px;
  line-height: 22px;
}

.navi_foldercontext li a { font-weight: bold; }

.navi_foldercontext.navi_foldercontext li { background: url(http://www.fotoalbum.de/mandants/root/gfx/icons_foldercontext.gif?1236782233) 0 0 no-repeat; }

/* ============================================================================================= */

#statusDisplayEditor {
  font-weight: bold;
  margin:8px 8px 0;
  padding-bottom:10px;
}

.uploadStatus {
  width: 363px;
  height: 180px;
  background: white url(http://www.fotoalbum.de/mandants/root/gfx/upload_progress_bg.gif?1236782233) top left no-repeat;
  z-index: 100;
}

.uploadStatus #progressbar {
  position: absolute;
  top: 87px;
  left: 18px;
  width: 0px;
  height: 29px;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/upload_progress_bar.gif?1236782233) 0 0 repeat-x;
}

.uploadStatus #statusDisplay {
  position: absolute;
  top: 45px;
  left: 20px;
  font-weight: bold;
}

.uploadStatus #uploadDataDisplay {
  position: absolute;
  top: 120px;
  left: 20px;
}

.uploadStatus tr#remainingDisplay td,
.uploadStatus tr#remainingDisplay td span {
  font-weight: bold;
}

.uploadIconLarge {
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/icon_album_large.gif?1236782233) no-repeat scroll left top;
  position: relative;
  width: 107px;
  height: 107px;
  margin-bottom: 20px;
}

.uploadStatusProject {
  margin-left: 8px;
  width: 363px;
  height: 180px;
  background: url(http://www2.fotoalbum.de/mandants/root/gfx/upload_progress_bg_2.gif?1236782233) 0 0 no-repeat;
}

.uploadStatusProject #progressbarEditor {
  margin-top: 0px;
  margin-left: 8px;
  width: 0px;
  height: 32px;
  background: url(http://www8.fotoalbum.de/mandants/root/gfx/upload_progress_bar.gif?1236782233) 0 3px repeat-x;
}

/* ============================================================================================= */

h1.modalboxHeadline { margin-bottom: 15px; }

p.modalboxInfo {
  color: silver;
}

#formDelete label {
  display: block;
  float: none;
  width: 100%;
}
#formDelete .optionField { cursor:pointer; }
#formDelete select { margin: 5px 0 1px 20px; }
#formDelete #button_submit {}

/* ============================================================================================= */
.projectTeaser .calendar  { background: url(http://www8.fotoalbum.de/mandants/root/gfx/myproducts_new_icon_calendar.gif?1236782233) no-repeat; }
.projectTeaser .photobook { background: url(http://www8.fotoalbum.de/mandants/root/gfx/myproducts_new_icon_photobook.gif?1236782233) no-repeat; }

.projectTeaser {
  position:relative;
  height:100px;
  width:100px;
  padding:10px 0 0 90px;
}

.projectTeaser p {
  float:left;
}

.projectTeaser a {
  position:absolute;
  left:90px;
  bottom:10px;
  font-weight:bold;
  color: #666666;
}

.projectTeaser h1 {
  color: #666666;
  padding:0 0 5px 0;
}

#wrapper {
    width: 500px;
    margin: 0 auto;
}

/* ============================================================================================= */
/* SWFUpload CSS */
#filesDisplay {
    padding: 10px;
    margin-top: 20px;
    background: #f9f9f9;
    border: 1px solid #f3f3f3;
    display: none;
}

#SWFUpload { margin-left: 20px; }

#mmUploadFileListing {
    margin: 0;
    padding: 0;
}

#mmUploadFileListing li {
    margin: 0 0 10px 0;
    display: block;
    float: left;
    width: 150px;
    list-style-type: none;
    font-size: 11px;
}

.uploading { color: #CCC; }
.uploadDone { color: #000; }

span.progressBar {
    width: 100px;
    display: block;
    font-size: 10px;
    height: 4px;
    margin-top: 4px;
}