/******************************************************************
 * Thumbnails styles
 *
 * Project: ZaMnoy!
 * Author: Roman Matiiv <rmatiiv@altertech.net>
 * Created: 20.05.2008
 ******************************************************************/
 
div.thumbnailHolder {
    float: left;
    margin: 0 4px 0 4px;
    padding: 0;
    width: 112px;
}

html>body div.thumbnailHolder {
	margin: 0 4px 0 5px;
}

div.thumbnailHolder div.topEdge {
    background: url('../img/top_box_00.gif') no-repeat bottom;
    clear: both;
    float: left;
    height: 9px;
    margin: 0;
    padding: 0;
    width: 112px;
}

div.thumbnailHolder div.topEdge1 {
    background: url('../img/top_box_01.gif') no-repeat bottom;
    clear: both;
    float: left;
    height: 9px;
    margin: 0;
    padding: 0;
    width: 112px;
}

div.thumbnailHolder div.bottomEdge {
    background: url('../img/btt_box_00.gif') no-repeat top;
    clear: both;
    float: left;
    height: 11px;
    margin: 0;
    padding: 0;
    width: 112px;
}

div.thumbnailHolder div.bottomEdge1 {
	background: url('../img/btt_box_01.gif') no-repeat top;
	clear: both;
    float: left;
    height: 11px;
    margin: 0;
    padding: 0;
    width: 112px;
}	

div.thumbnailHolder div.content {
	background: #fff;
    border-right: 1px solid #d7dcdd;
    border-left: 1px solid #d7dcdd;
    float: left;
    margin: 0;
    padding: 0;
    width: 110px;
}

div.thumbnailHolder div.photoThumbnail {
    background-color: #e1e2e2;
    background: #fff;
    border: 1px solid #cbd4e4;
    float: left;
    height: 90px;
    margin: 0 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

html>body div.thumbnailHolder div.photoThumbnail {
	margin: 0 10px;
}

div.thumbnailHolder div.photoThumbnail table {
    border: none;
    border-collapse: collapse;
    height: 90px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

div.thumbnailHolder div.photoThumbnail table td {
    border: none;
    height: 90px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

div.thumbnailHolder div.videoThumbnail {
    background: #e1e2e2;
    background: #fff;
    border: 1px solid #cbd4e4;
    height: 60px;
    margin: 0 9px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

html>body div.thumbnailHolder div.videoThumbnail {
	margin: 0 10px;
}

div.thumbnailHolder div.videoThumbnail table {
    border: none;
    border-collapse: collapse;
    height: 60px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

div.thumbnailHolder div.videoThumbnail table td {
    border: none;
    height: 60px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

div.thumbnailHolder div.autoThumbnail {
    background-color: #e1e2e2;
    background: #fff;
    border: none;
    float: left;
    height: auto;
    max-height: 90px;
    margin: 0 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

html>body div.thumbnailHolder div.autoThumbnail {
	margin: 0 10px;
}

div.thumbnailHolder div.autoThumbnail table {
    border: none;
    border-collapse: collapse;
    height: auto;
    max-height: 90px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

div.thumbnailHolder div.autoThumbnail table td {
    border: none;
    height: auto;
    max-height: 90px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

div.thumbnailHolder div.autoThumbnail img {
	border: 1px solid #cbd4e4;
}

div.thumbnailHolder a {
	text-align: center;
    vertical-align: middle;
}

div.thumbnailHolder img {
	vertical-align: middle;
}

div.thumbnailHolder div.caption {
    float: left;
    line-height: 14px !important;
    height: 80px;
    margin: 9px 5px 0;
    overflow: hidden;
    text-align: center !important;
    vertical-align: bottom;
    width: 90px;
}

html>body div.thumbnailHolder div.caption {
	margin: 9px 10px 0;
}

div.thumbnailHolder .nowrap {
	display: inline;
	margin: auto 0;
	padding: 0; 
	overflow: hidden;
	text-align: center; 
	vertical-align: middle;
	white-space: nowrap;
	width: 90px;
}

div.thumbnailHolder .locationHolder {
	display: inline;
	margin: auto 0;
	padding: 0; 
	overflow: hidden;
	text-align: center; 
	vertical-align: middle;
	white-space: nowrap;
	width: 90px;
}

div.thumbnailHolder .locationHolder  .locationLabel {
	float: left;
	padding: 0; 
	overflow: hidden;
	text-align: center; 
	vertical-align: middle;
	white-space: nowrap;
	width: 74px;
}