.photo-roll{
  clear: both;
}

.photo-item {
  float: left;
  margin: 0px 30px 30px 0px;
  padding: 3px;
  background: #505050;
  border: 1px solid #5D5D5D;
  border-right-color: #444;
  border-bottom-color: #444;
}

#photo-properties .photo-item {
  margin-right: 5px;
}

.photo-item .photo-zoommer{
  display: block;
  background: #505050;
  padding: 0.5em;
  font-weight: bold;
  cursor: pointer;
}
.photo-item ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

.photo-item a img {
  border: 0px;
}

.photo-item .photo-border {
  border: 1px solid #5D5D5D;
  background: #393939;
  text-align: center;
  border-left-color: #444;
  border-top-color: #444;
}

.photo-item .photo-description {
  background: #434343;
  margin-top: 3px;
  padding: 10px;
  padding-bottom: 0px;
  font-size: 0.9em;
  width: 100%;
  border: 1px solid #5D5D5D;
  border-left-color: #444;
  border-top-color: #444;

  background: #505050;
  border-width: 1px;
  position: relative;
}
.about{
  color: #888;
}
.photo-item .counter{
  font-weight: bold;
  font-size: 0.9em;
  margin: 0;
}

.photo-roll .selected {
  background: #7D7;
  border: 1px solid #AFA;
  border-right-color: #4A4;
  border-bottom-color: #4A4;
}

.photo-roll .hidden {
  display: none;
}

.photo-roll .selected .photo-border{
  border: 1px solid #AFA;
  background: #393939;
  border-left-color: #4A4;
  border-top-color: #4A4;
}
.photo-roll .selected .photo-description{
  border: 1px solid #AFA;
  border-left-color: #4A4;
  border-top-color: #4A4;
}

.flow-menu td {
  background: ButtonFace;
  border: solid ButtonShadow;
  border-width: 0px 0px 1px 0px;
  padding: 3px;
}
.flow-menu td.zone {
  border-left-width: 1px;
}
.flow-menu td.last {
  border-right-width: 1px;
}
.flow-menu td.transparent {
  background: transparent;
  border-width: 0;
}
.flow-menu td.right {
  border-left-width: 1px;
}
.flow-menu .center-block {
  float: left;
  padding: 3px 0;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: ButtonShadow;
}
.flow-menu .first-block {
  border-left-width: 0;
}
.flow-menu .center-block div{
  list-style-type: none;
  float: left;
  margin: 0.2em;
  padding: 2px;
}
.flow-menu .disabled a {
  cursor: auto;
}


.rotate a,
.photo-views a,
.flow-menu a,
.zoom a,
.navigator a{
  display: block;
  width: 32px; height: 32px;
  cursor: pointer;
  behavior : url('../iepngfix.htc');
}
.navigator.disabled a {
  display: none;
}
.navigator.disabled{
  display: block;
  width: 32px; height: 32px;
}
.rotate a span,
.photo-views a span,
.flow-menu a span,
.zoom a span,
.navigator a span{
  display: none;
}
.zoom a,
.photo-views a{
  cursor: pointer;
}
.photo-views .view-as{
  line-height: 20px;
  float: right;
}
.photo-views .view-as a{
  width: 20px; height: 20px;
}
.rotate-left a{
  background: url('../siteimg/photo-nav/reload.png') no-repeat;
}
.rotate-right a{
  background: url('../siteimg/photo-nav/reload-inv.png') no-repeat;
}
.go-back a{
  background: url('../siteimg/photo-nav/back.png') no-repeat;
}
.go-forw a{
  background: url('../siteimg/photo-nav/forward.png') no-repeat;
}
.go-first a{
  background: url('../siteimg/photo-nav/start.png') no-repeat;
}
.go-last a{
  background: url('../siteimg/photo-nav/finish.png') no-repeat;
}
.go-back a.disabled{
  background: url('../siteimg/photo-nav/back-off.png') no-repeat;
}
.go-forw a.disabled{
  background: url('../siteimg/photo-nav/forward-off.png') no-repeat;
}
.go-first a.disabled{
  background: url('../siteimg/photo-nav/start-off.png') no-repeat;
}
.go-last a.disabled{
  background: url('../siteimg/photo-nav/finish-off.png') no-repeat;
}
.select-all a {
  background: url('../siteimg/flow-menu/select-all.png') no-repeat;
}
.select-invert a {
  background: url('../siteimg/flow-menu/select-inv.png') no-repeat;
}

.photos-duplicate a {
  background: url('../siteimg/flow-menu/no-double-photo.png') no-repeat;
}

.select-none a {
  background: url('../siteimg/flow-menu/select-no.png') no-repeat;
}
.photos-valuated a {
  background: url('../siteimg/flow-menu/error-sign.png') no-repeat;
}
.photos-basket a {
  background: url('../siteimg/flow-menu/fav-add.png') no-repeat;
}
.photos-basket a.disabled {
  background: url('../siteimg/flow-menu/fav-add-off.png') no-repeat;
}
.photos-publish a {
  background: url('../siteimg/flow-menu/paper-firstpage.png') no-repeat;
}
.photos-publish a.disabled {
  background: url('../siteimg/flow-menu/paper-firstpage-off.png') no-repeat;
}

.view-S a{
  background: url('../siteimg/12-hot.gif') no-repeat;
  width: 22px; height: 20px;
}
.view-M a{
  background: url('../siteimg/4-hot.gif') no-repeat;
  width: 22px; height: 20px;
}
.view-L a{
  background: url('../siteimg/1-hot.gif') no-repeat;
  width: 22px; height: 20px;
}
.view-S a.selected{
  background: url('../siteimg/12-cold.gif') no-repeat;
}
.view-M a.selected{
  background: url('../siteimg/4-cold.gif') no-repeat;
}
.view-L a.selected{
  background: url('../siteimg/1-cold.gif') no-repeat;
}

.photos-edit a{
  background: url('../siteimg/flow-menu/edit.png') no-repeat;
}
.photos-edit a.disabled{
  background: url('../siteimg/flow-menu/edit-off.png') no-repeat;
}
.photos-delete a{
  background: url('../siteimg/flow-menu/editdelete.png') no-repeat;
}
.photos-delete a.disabled{
  background: url('../siteimg/flow-menu/editdelete-off.png') no-repeat;
}
.session-edit a{
  background: url('../siteimg/edit-album.gif') no-repeat;
}

.basket-add a{
  background: url('../siteimg/flow-menu/filenew.png') no-repeat;
}
.basket-rename a{
  background: url('../siteimg/flow-menu/editrename.png') no-repeat;
}
.basket-rename a.disabled{
  background: url('../siteimg/flow-menu/editrename-off.png') no-repeat;
}
.basket-remove a{
  background: url('../siteimg/flow-menu/editdelete.png') no-repeat;
}
.basket-remove a.disabled{
  background: url('../siteimg/flow-menu/editdelete-off.png') no-repeat;
}
.basket-clear a{
  background: url('../siteimg/flow-menu/clear.png') no-repeat;
}
.basket-clear a.disabled{
  background: url('../siteimg/flow-menu/clear-off.png') no-repeat;
}
.basket-send a{
  background: url('../siteimg/flow-menu/mail_new.png') no-repeat;
}

.photo-item .photo-description div {
  margin-bottom: 5px;

}

.photo-roll  .photo-description .published,
.photo-roll  .photo-description .published-first {
  width: 32px;
  height: 32px;
  float: right;
}
.photo-roll  .photo-description .published {
  background: #505050 url('../siteimg/flow-menu/paper-page.png');
}
.photo-roll  .photo-description .published-first {
  background: #505050 url('../siteimg/flow-menu/paper-firstpage.png');
}

.photo-item .photo-name {
  font-weight: bold;
  font-size: 1.1em;
  color: #CCC;
}
.photo-item .photo-name a{
  color: #DAA;
}

.photo-name {
  line-height: 20px;
  text-align: center;
}
.photo-counter {
  line-height: 12px;
  text-align: center;
}
.photo-description .photo-name{
  text-align: left;
}

.photo-item div.photo-author{
  overflow: hidden;
  height: 1.5em;
}
.photo-item .photo-actions li a span{
  margin-right: 0.25em;
  margin: 0 0.25em;
}
.photo-item .photo-actions li{
  display: inline;

}
.photo-item .photo-actions{
  text-align: center;

}
.photo-item .photo-actions,
.photo-item .photo-mime-type,
.photo-item .photo-size{
  color: #888;
}
.photo-item .photo-actions,
.photo-item .photo-mime-type {

}
.photo-item div.photo-size {

}
.photo-item .photo-keywords {
  border-bottom: 1px solid #5D5D5D;
  font-size: 1.3em;
  font-weight: bold;
  padding: 2px;
  color: #888;
}

.photo-item .photo-caption {
  height: 4em;
  overflow: hidden;
  font-size: 1.1em;
  position: relative;
}
.photo-item .photo-caption-full {
  height: auto;
  overflow: auto;
  position: absolute;
  top: 55px;
  background: InfoBackground;
  color: InfoText;
  font: 11px Tahoma;
  margin-right: 10px;
  padding: 5px;
  display: none;
}
.photo-item .photo-categories{
  border-top: 1px solid #5D5D5D;
}

.photosession-description{
  font-weight: bold;
  border: 1px solid #5D5D5D;
  background: #505050;
  margin: 5px;
  padding: 3px;
}

#photo-actions {
  margin: 5px;
  padding: 5px;
}

ul.photo-index-type {
  margin: 5px 0;
  padding: 0 1em;
}

ul.photo-index-type li {
  list-style-type: none;
}

#photo-actions fieldset {
  border: 1px solid ActiveBorder;

}

#photo-actions fieldset legend {
  text-transform: lowercase;
  font-weight: bold;
}

#photo-actions li {
  white-space: nowrap;
}

#photo-actions li.last {
  margin-top: 5px;
}

#category-list .selected *{
  font-weight: bold;
}

.index-cloud,
.progress-bar {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  border: 1px solid #5D5D5D;
  border-bottom-color: #444;
  border-right-color: #444;
  background: #505050;
}
.index-cloud a.cloud-item {
  text-decoration: none;
  font-weight: bold;
  margin: 0 0.5em 0 0;
  border: 1px solid #505050;
  vertical-align: middle;
}
.index-cloud a.selected {
  border: 1px solid #AFA;
  border-bottom-color: #4A4;
  border-right-color: #4A4;
  background: #7D7;
}
.index-cloud a.selected span {
  color: #060;
}
.index-cloud a.cloud-item span {
  white-space: nowrap;
}

.progress-container {
  text-align: center;
  padding: 0 33%;
}

.progress-bar {
  width: 100%;
  text-align: left;
}

.progress-l-bar {
  background: #559CB2;
}

.photo-views{
  margin-bottom: 1em;
  clear: both;
}
.photo-views ul{
  padding: 0;
  margin: 0;
}

.photo-views li{
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0.5em;
}


.property{
  margin-top: 0px;
  margin-bottom: 10px;
  border: 1px solid #5D5D5D;
  border-right-color: #444;
  border-bottom-color: #444;
  background: #505050;
  padding: 3px;
  clear: both;
}
.keywords input.link{
  width: auto;
}
.property ul {
  padding: 0 0 0 1.5em;
  margin: 0;
}
.property li {
  list-style-type: disc;
}
.property .legend{
  border: 1px solid #5D5D5D;
  border-left-color: #444;
  border-top-color: #444;
  background: #434343;
  padding: 2px;
  margin-bottom: 5px;
  display: block;
  font-weight: normal;
}
.releases li.first-line {
  list-style-type: circle;
}


#photo-properties select{
  margin-top: 5px;
  width: 100%;
  border: 1px solid #AAA;
  border-left-color: #222;
  border-top-color: #222;
}
#photo-properties textarea,
#photo-properties input.text,
#photo-properties .smart-input {
  font-size: 12px;
  border: 1px solid #AAA;
  border-left-color: #222;
  border-top-color: #222;
}

#photo-properties input.text {
  padding: 3px;
  width: 180px;
}

#photo-properties .smart-input input.text {
  border: 0px;
  padding: 0px;
  margin-top: 2px;
  width: 164px;
}
#photo-properties .smart-input {
  width: 184px;
  background-color: #FFF;
}

#photo-properties option {
  font-size: 12px;
}

ul.tree-view li.selected a{
  background: #CCC;
}

#categories-edit{
  padding-bottom: 5px;
}
#categories-edit .panel {
  padding: 5px;
  margin: 5px;
  width: 40%;
  height: 500px;
  overflow: auto;
  border: 1px solid #5D5D5D;
  background: #434343;
}

.wide {
  width: 15em;
}

.photo-item ul.actions-toolbar {
  position: absolute;
  text-align: center;
  background: #434343;
  border-bottom: 1px solid #5D5D5D;
  border-right: 1px solid #5D5D5D;
}
.photo-item ul.actions-toolbar-sub {
  width: 32px;
}
.photo-item ul.actions-toolbar li{
  display: inline;
  float: left;
}
.photo-item ul.actions-toolbar li a {
  height: 32px;
  width: 32px;
  display: block;
  float: left;
  margin: 2px 0 2px 4px;
}
.photo-item ul.actions-toolbar li a span{
  display: none;
}
.photo-item ul.actions-toolbar li .icon-preview{
  background: url('../siteimg/preview.gif');
}
.photo-item ul.actions-toolbar li .icon-edit-one{
  background: url('../siteimg/edit-one.gif');
}
.photo-item ul.actions-toolbar li .icon-edit-few{
  background: url('../siteimg/edit-few.gif');
}
.photo-item ul.actions-toolbar li .icon-basket{
  background: url('../siteimg/basket.gif');
}
.photo-item ul.actions-toolbar li .icon-delete-one{
  background: url('../siteimg/image-delete-one.gif');
}
.photo-item ul.actions-toolbar li .icon-delete-few{
  background: url('../siteimg/image-delete-few.gif');
}

div.photo-roll .img-item {
  display: none;
}
div.size-S .size-S {
  display: inline;
}
div.size-S .photo-description {
  width: 180px;
}
div.size-M .size-M {
  display: inline;
}
div.size-M .photo-description {
  width: 380px;
}
div.size-L .size-L {
  display: inline;
}
div.size-L .photo-description {
  width: 780px;
}

.piDuplicate .pidControls {cursor: default; margin: -1px auto -25px; height: 26px; width: 126px; top: -203px; position: relative; background: url(/siteimg/photo-action-slider.png) transparent no-repeat; }
.piDuplicate .pidControls .pidGallery { cursor: pointer; display: inline-block; width: 22px;height: 22px;   background: url(/siteimg/btn-photo-action-go-session.png) transparent no-repeat;}
.piDuplicate .pidControls .pidDelete { cursor: pointer; display: inline-block; width: 22px;height: 22px;   background: url(/siteimg/btn-photo-action-delete.png) transparent no-repeat;}