/*design boxes*/

.photo-tree-box{clear:both; padding:10px; margin-bottom:20px; margin-top:10px; font-size:11px; background-color:#f0f0f0}
.photo-new-box{clear:both; padding:10px; margin-top:10px; font-size:11px; border:1px #e0e0e0 solid}
.photo-new-box div.nelem{clear:both; margin-top:10px; border-top:1px #e0e0e0 solid; padding-top:7px}
.photo-menu-box{clear:both; padding:10px; border:1px #e0e0e0 solid}
.photo-inner10{padding:10;}


/*left and main columns */
.photo-tree{width:200px; font-size:11px; line-height:13px;}
.photo-tree .tmargin{margin-top:5px}
.photo-main{padding:10px;}

.new-inalbum{background:url("/images/new3.gif") no-repeat right top; padding-right:30px;}

.thumbwrap {
  padding: 0px;
  margin: 0px;

}


.thumbwrap li {
  display: -moz-inline-box;
  display: inline-block;
	/*\*/ vertical-align: top; /**/
  margin: 0px 3px 5px 0px;
  border: 0px solid #ccc;
  padding: 0px;
	text-align: center;
	position:relative;
}

/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>div {
  /*\*/ display: table; /**/
  width: 180px;
}

.thumbwrap a {
  display: block;
  text-decoration: none;
  color: #000;
  /*background: #fff; иначе на главной ОИНФО заменяется цвет фона */
  cursor: pointer;
}


.thumbwrap div.albumN{position:absolute; left:8px; top:8px; z-index:100; background:url('/images/ico_album.gif') no-repeat left top; display:block; width:19px; height:16px;}
.thumbwrap div.albumY{position:absolute; left:8px; top:8px; z-index:100; background:url('/images/ico_album_friends.gif') no-repeat left top; display:block; width:19px; height:16px;}

.thumbwrap a.albumN {
  display: block;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}



.thumbwrap a.albumY {
  display: block;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

/*\*/
.thumbwrap>li .wrimg {
  display: table-cell;
  vertical-align: middle;
  width: 180px;
  height: 189px;
}
/**/
.thumbwrap img {
  border: solid 1px #999;
  vertical-align: middle;
}

.thumbwrap a:hover {
  background-color: #f0f0f0;
}
/*\*//*/
.thumbwrap li .wrimg {
  display: block;
  font-size: 1px;
}
.thumbwrap .wrimg span {
  display: inline-block;
  vertical-align: middle;
  height: 189px;
  width: 1px;
}
/**/
.thumbwrap .caption {
  display: block;
  padding: 0 5px 5px 5px;
  font-size: 12px;
  /*line-height: 1.1;*/
  /*border-top: 1px solid #ccc;*/
	/*w\idth: 180px;*/  /* Moz, IE6 */
}

.thumbwrap .caption .grey{color:#c0c0c0}


.thumbwrap .rating {
  display: block;
  line-height: 1.1;
	margin: 0px 30%;
}

/* thubm comments number */
.thumbwrap .comments-num {
position:absolute;
left:5px;
top:5px;
z-ndex:99;
}
.thumbwrap .comments-num a, .thumbwrap .comments-num a:visited{
padding:1px;
padding-left:15px;
font-size:10px;
color:#505050;
text-decoration:none;
display:block;
background-image: url(/images/comments_num.gif);
background-repeat: no-repeat;
background-position: 2px 3px;
}
.thumbwrap .comments-num a:hover{
text-decoration:underline;
}

/* top ib e hover Op */
@media all and (min-width: 0px) {
  .thumbwrap {
    border-collapse: collapse;
  }
  .thumbwrap a {
    display: inline-block;
    vertical-align: top;
  }
  .thumbwrap {
    display: inline-block; /* non deve avere margin */
  }
}