/* gallery */
div.thumbs {
  float: left ;
  margin: 8px 0 15px 25px ;
  padding: 0 ;
  border: solid 0px #ff0000 ;
}
div.thumbs td {
  width: 100px ;
  padding-bottom: 5px ;
  vertical-align: top ;
  border: solid 0px #ff0000 ;
}
div.thumbs td img {
/*  z-index: 1 ; */
  opacity: .8 ;
}
div.thumbs td img:hover {
  opacity: .999 ;
}
div.thumbs td img {
  margin: 1px ;
  cursor: pointer ;
}
div.thumbs td div.sold {
/*  z-index: 1000 ; */
  float: left ;
  position: absolute ;
  margin-top: 25px ;
  margin-left: -8px ;
  padding: 3px 4px 0px 5px ;
  color: #ffffff ;
  opacity: .6 ;
  background: #bb0000 ;
  -ms-transform: rotate(15deg) ;
  -webkit-transform: rotate(15deg) ;
  transform: rotate(15deg) ;
}
#mainimgouter {
/*  width: 676px ; */
  min-height: 1000px ;
/*  height: 1000px ; */
  margin: 8px 0 50px 5px ;
  padding: 2px ;
  float: left ;
/*  background: #eeeeee ; */
  border: solid 1px #0000ff ;
  border-style: solid ;
  border-width: 0px ;
  border-color: #999999 #000000 #000000 #999999 ;
}
div.mainimgbg {
/*  height: 1000px ; */
}
div.mainimg {
  display: none ;
  border-style: solid ;
  border-width: 1px ;
  border-color: #999999 #000000 #000000 #999999 ;
  background: rgb(255,255,255,0.4) ;
}
div.mainimg div.sold {
/*  z-index: 1000 ; */
  float: left ;
  position: absolute ;
  margin-top: 40px ;
  margin-left: -12px ;
  padding: 6px 8px 1px 10px ;
  opacity: .6 ;
  color: #ffffff ;
  font-size: 2.5em ;
  font-weight: bold ;
  background: #bb0000 ;
  -ms-transform: rotate(8deg) ;
  -webkit-transform: rotate(8deg) ;
  transform: rotate(8deg) ;
}
div.mainimg div.imgdesc {
  padding: 3px 0 5px 0 ;
}
div.mainimg div.imgdesc div.title {
  padding: 5px ;
  font-weight: bold ;
}
div.mainimg div.imgdesc div.desc {
  padding: 0px 5px 5px 5px ;
  font-size: 85% ;
}
div.imgedtadd {
  position: absolute ;
  float: left ;
  font-size: 1.5em ;
  font-weight: bold ;
  margin: 0px 0px 0px 0px ;
}
div.imgedtbox {
  z-index: 1 ;
  max-width: 680px ;
  overflow: hidden ;
  position: absolute ;
  background: rgba(255,255,170) ;
  border: solid 1px #aaaa00 ;
  opacity: 0.45 ;
  margin: -4px 0 0 -4px ;
  padding: 0 2px 0 2px ;
}
div.mainimg div.imgedtbox {
  margin: -5px 0 0 -5px ;
  padding: 6px 4px 2px 7px ;
}

div.thumbs div.imgedtbox:hover,
div.mainimg div.imgedtbox:hover {
  background: rgba(255,255,170) ;
  opacity: 0.8 ;
}
div.imgedtbox img {
  float: left ;
  margin: 2px ;
  opacity: 0.45 ;
}
div.imgedtbox img:hover,
div.imgedtbox div:hover {
  opacity: 0.99 ;
}
div.imgedtbox div.edtdate {
  padding: 0px 3px 2px 0 ;
  font-size: .8em ;
}
div.imgedtbox div.edtdate span {
  cursor: default ;
}
div.imgedtbox img {
  margin-top: -3px ;
  padding: 0 ;
}

div.catedit {
  position: absolute ;
  margin: -12px 0 0 -5px ;
  padding: 0 2px 0 2px ;
  background: rgba(255,255,170) ;
  border: solid 1px #aaaa00 ;
  opacity: 0.45 ;
}
div.catedit:hover {
  background: rgba(255,255,170) ;
  opacity: 0.8 ;
}
div.catedit img {
  margin: -3px 0px 0px 0px ;
  padding: 0 ;
  opacity: 0.45 ;
}
div.catedit img:hover {
  opacity: 0.99 ;
}
/*
img.catedticon,
img.catdelicon,
img.catdspicon {
}
*/


div.cats {
  margin: 8px 0 0 0 ;
  border: solid 0px #ff0000 ;
  font-size: 1.2em ;
}
div.cats li {
  float: left ;
  min-width: 45px ;
  padding: 0 8px 0 3px ;
  color: #999999 ;
  vertical-align: bottom ;
  white-space: nowrap ;
  background: transparent ;
}
div.cats li.add {
  min-width: 5px ;
  font-size: 1.5em ;
  font-weight: bold ;
}
div.cats li.prompt {
  color: #000000 ;
}
div.cats li span.numimgs,
div.cats li span.numimgson {
  font-size: 80% ;
}
div.cats li span.numimgs {
  color: #666666 ;
}
div.cats li span.numimgson {
  color: #999999 ;
}

div.pages {
  margin: 3px 0 5px 0 ;
  border: solid 0px #ff0000 ;
}
div.pages li {
  float: left ;
  padding: 0 4px 0 4px ;
  color: #cccccc ;
  white-space: nowrap ;
  background-color: transparent;
  background-image: none ;
  border: 0px solid #ff0000 ;
}
div.pages li.pageoff {
  padding-top: 1px ;
  font-weight: bold ;
}
div.pages li.pageon {
  padding-top: 0px ;
  color: #aaaaaa ;
}

/* // ps 20170522 updated list elements */
li a:link,
li a:active,
li a:visited,
li a:hover {
  color: #000000 ;
  text-decoration: none ;
}

li a:link    { color: #52829E ; text-decoration: none ; }
li a:active  { color: #52829E ; text-decoration: none ; }
li a:visited { color: #52829E ; text-decoration: none ; }
li a:hover   { color: #324854 ; text-decoration: none ; }

div.catlisthead {
  /* category heading */
  margin: 2px 0 2px 0 ;
  padding: 2px ;
  background: #aaffff ;
  font-size: 115% ;
  font-weight: bold ;
}
div.catnocats,
div.catxempty,
div.catxxxempty,
div.catnocats {
  /* message when there aren't any categories yet */
  margin: 0 ;
  padding: 2px ;
  background: #ffaaaa ;
  font-size: 110% ;
  font-weight: bold ;
}
div.cateditor {
  /* outer surround for category editor */
}
div.errors {
  background: #aa0000 ;
  color: #ffffff ;
}
div.errorshead {
  font-size: 115% ;
  font-weight: bold ;
}

div.bgeditimage {
  position: absolute ;
}
#editor {
  width: 80% ;
  position: relative ;
  padding: 5px ;
  top: 10px ;
  left: 15px ;
/*  background: rgb(205,205,255) ; */
  background: rgb(200,218,228,0.6) ;
  opacity: 0.6 ;
  border: solid 1px #ff0000 ;
}
#editor:hover {
/*  background: rgba(205,205,255,0.9) ; */
  background: rgba(200,218,228,0.95) ;
  opacity: 0.99 ;
}
#editor div.heading {
  margin: -5px -5px 5px -5px ;
  padding: 5px ;
  font-size: 125% ;
  font-weight: bold ;
  background: rgb(205,205,205) ;
  opacity: 0.99 ;
}


table.edit td.d {
  padding-top: 6px ;
}
table.edit td.lang {
  padding: 2px ;
  font-size: 125% ;
  font-weight: bold ;
  background: #eeeeee ;
}
table.edit td.deschide,
table.edit td.descshow {
  padding: 5px 5px 2px 0 ;
  font-weight: bold ;
  white-space: nowrap ;
}
table.edit td.deschide {
  color: #999999 ;
}
table.edit td.descshow {
  color: #000000 ;
}
textarea {
  width: 95% ;
  height: 70px;
}

div.gallerydebug {
  position: fixed ;
  top: 40px ;
  left: 350px ;
/*  z-index: 100 ; */
  max-width: 580px ;
  padding: 15px 8px 3px 8px ;
  background: #ffdddd ;
  color: #880000 ;
  font-weight: bold ;
  border: solid 2px #ff0000 ;
}
div.gallerydebug div.head {
  position: absolute ;
  top: -6px ;
  left: -6px ;
  padding: 1px 3px 1px 3px ;
  background: #ff0000 ;
  color: #ffffff ;
  font-weight: bold ;
}
span.numimgs {
  font-style: italic ;
  font-size: 90% ;
  color: #666666 ;
}
div.catfull {
  margin: 2px ;
  padding: 5px ;
  font-weight: bold ;
  color: #ffffff ;
  background: #ff0000 ;
}
input,
textarea {
  background: #eeeeee ;
}
input#display,
input#ulfilename {
  cursor: pointer ;
}
input#ulfilename {
  padding: 0 ;
  width: 40% ;
  background: transparent ;
  border: solid 0px #ffffff ;
}