.view.thumbs a:hover {
 text-decoration:none;
 }

.th-float-div
{
  display:block;
  float:left; 
  width:120px;
  height:142px;
  margin:10px;
  text-align:center;
}






.cam-thumb {background-color:#e7e2ce;border:1px solid #cdc6aa;float:left;margin:5px;width:242px;text-align:center;padding-bottom:5px}
.cam-thumb a {cursor:default;}
.cam-thumb .top {display:block;padding:3px;background-color:#c09a5c;color:white;margin-bottom:5px}
.cam-thumb .top a {color:white;cursor:pointer}
.cam-thumb .top a:hover  {text-decoration:underline;}

.cam-thumb img {cursor:pointer;border:1px solid #cdc6aa;}
.cam-thumb button {font-size:9px;cursor:pointer;color:#215dc6;width:140px;padding:3px 0 2px 0}
.cam-thumb button span {}











.thumb 
{
  /*
  acts only as holder and wraps inner-thumb and all the other stuff in it.
  also comes in different flavors (picture/folder)
  */
  color:black;
  text-decoration:none; 
  outline:none;
  display:block;
}
.thumb.folder {background-repeat:no-repeat;background-position:center center;}

.thumb label { border:1px dotted white;}
.thumb label.selected { background-color:#316ac5; color:white; border:1px dotted #cccccc;}
.label-holder { width:110px;display:block;height:40px;width:110px;overflow:hidden;margin-left:-5px;margin-top:1px; text-align:center;}

.thumb label .online {color:green;}
.thumb label.selected .online {color:#c5ffa2}

.inner-thumb {
  /*
  wraps .thumb-border
  comes in different flavors (folder, picture)
  this is the one that holds teh fat selection border and the loading animation
  */
  height:96px;
  width:96px;
  display:table-cell;
  vertical-align:middle;
  border: 2px solid white;
  background-image:url(../img/loader-ffffff.gif);
  background-repeat:no-repeat;
  background-position: center center;
  background-color:white;

}
.thumb.folder .inner-thumb {}
.thumb.picture .inner-thumb  img {vertical-align:middle;border:none;}
.inner-thumb.selected {border:2px solid rgb(49,106,197);} 


.thumb-border {
  /*
  directly wraps .the-thumb
  this is the one that holds the thin square border
  */
  height:94px;
  width:94px;
  border:1px solid #dddddd;
  display:block;
}
.the-thumb 
{
  /*
  holds the thumbnail image via css background.
  seemed to load much faster this way than with img elements
  */
  background-repeat:no-repeat;
  background-position:center center;
  width:94px;
  height:94px;
  border:none;
  display:block;
}