/**********************************************************************************
 * Style Sheet for the Thumb/Image Gallery
 *
 * Version 1.3
 * Stnd: 13.11.2015
 **********************************************************************************/


/****
 * Class for the thumbnail table
 ****/
.ImgThumbTable
{
	background-color: #7598B9;
	border			: 1px solid #7598B9;
	padding			: 0;
	margin			: 0;
	font-size		: 10pt;
	color			: #000000;
	border-spacing	: 0px;
	border-collapse	: collapse;
}
.ImgThumbTable td { padding: 10px; }


/****
 * Class for the thumbnail table headline
 ****/
.ImgThumbTableHeadline
{
	vertical-align	: middle;
	text-align		: left;
	text-decoration	: none;
	font-size		: 12pt;
	font-style		: normal;
	font-weight		: 700;			// Bold
}

/****
 * class for the cells inside the thumbnail table
 *  thm |
 * ------
 ****/
.ImgThumbCol1
{
	background-color: #E0E8F0;
	border			: 1px solid #7598B9;
	font-size		: 10pt;
	color			: #000000;
	vertical-align	: middle;
	text-align		: center;
	height			: 134px;
}

/****
 * class for the cells inside the thumbnail table but no lines
 * on the right side.
 *  thm 
 * -----
 ****/
.ImgThumbCol2
{
	background-color: #E0E8F0;
	border			: 1px solid #7598B9;
	font-size		: 10pt;
	color			: #000000;
	vertical-align	: middle;
	text-align		: center;
	height			: 134px;
}

/****
 * class for the navigator bar below the thumb nail table
 ****/
.ImgThumbNav
{
	background-color: #7598B9;
	padding			: 0;
	margin			: 0;
	font-size		: 10pt;
	color			: #000000;
	border-spacing	: 5px;				// cellspacing="5"
}
.ImgThumbNav td
{
	vertical-align	: middle;
	text-align		: center;
	padding			: 0;				// cellpadding="0"
}

/****
 * Class for the Dia Show page, this part defines the title of the page
 * where the title and the image counter is defined
 ****/
.ImgThumbImgTitle
{
	background-color: #7598B9;
	border-bottom	: 1px solid #7598B9;
	font-size		: 12pt;
	width			: 772px;
}
.ImgThumbImgHeadline
{
	vertical-align	: middle;
	text-align		: left;
}
.ImgThumbImgCounter
{
	vertical-align	: middle;
	text-align		: right;
}

/****
 * Class for the Dia Show page, this part defines the image section of
 * the table, where the big image is shown
 ****/
.ImgThumbImgTable
{
	background-color: #E0E8F0;
	border			: 3px solid #7598B9;
	padding			: 0;
	width			: 772px;
	height			: 528px;
}
.ImgThumbImgTable td { vertical-align : middle; text-align : center; }

/*
 * Defines the Colum where the Image and commentary is located
 * with this column we have .ImgThumbImgImage for the image and
 * .ImgThumbImgComment for the optional commentary
 */
.ImgThumbImgImageCol
{
	vertical-align	: middle;
	text-align		: center;
	padding			: 0;
	margin			: 0;
}
.ImgThumbImgImage
{
	background-color: #E0E8F0;
	border			: 0;
	vertical-align	: middle;
	text-align		: center;
	padding			: 0;
	margin			: 0;
}
.ImgThumbImgComment
{
	vertical-align	: middle;
	text-align		: center;
	padding			: 0;
	margin			: 0;
	margin-top		: 2px;
}



/****
 * Class that defines the column for the Image Thumb Nail bar on the right side
 * with the up/down button and the thumbs inside the diashow page
 ****/
.ImgThumbImgNavRight
{
	border-left		: 2px solid #7598B9;
	padding			: 0;
	width			: 104px;
}

/****
 * Class for the Dia Show page, this part defines the colum with the thumbnails
 * on the right side
 ****/
.ImgThumbImgThmb
{
	background-color: #E0E8F0;
	border-left		: 1px solid #7598B9;
	margin			: 0;
	padding			: 0;
	width			: 104px;
}
.ImgThumbImgThmbRowUp
{
	border-top		: 1px solid #7598B9;
	height			: 20px;
	margin			: 0;
	padding			: 0;
}
.ImgThumbImgThmbRowDown
{
	border-bottom	: 1px solid #7598B9;
	height			: 20px;
	margin			: 0;
	padding			: 0;
}
.ImgThumbImgThmbRow1
{
	border-bottom	: 1px solid #7598B9;
	height			: 115px;
	margin			: 0;
	padding			: 0;
}
.ImgThumbImgThmbRow2
{
	border			: 0;
	height			: 115px;
	margin			: 0;
	padding			: 0;
}

/****
 * Class for the Dia Show page, this part defines the row with the navigator
 * images below the main image
 ****/
.ImgThumbImgNav
{
	background-color: #7598B9;
	border			: 1px solid #7598B9;
	width			: 772px;
}