/*
Title:			image_display.css
Author:			Mike Bevan

Start Date:		2019-10-15
Last Change:	2023-02-03
Status:			A work in progress.

Copyright (c) 2008 - 2023 Michael A. Bevan

*/

[id^="thumb-"]
{
 display: inline-block;
 object-fit: scale-down;
 object-position: 50% 50%;
 padding: 5px;
}

[class^="thumb-"]
{
 display: inline-block;
 object-fit: scale-down;
 object-position: 50% 50%;
 padding: 5px;
}

#choose-picture
{
 display: inline-block;
 width: 50%;
 text-align: center;
}

#pick-choose
{

}

#choose-size
{
 display: inline-block;
 width: 49%;
 text-align: center;
}

#size-choose
{
 width: 100px;
}

#prev-button
{
 display: inline-block;
/*  width: 33%; */
 width: 49%;
 text-align: center;
 margin: 0;
}

#previous-image
{

}

#return-button
{
/*  display: inline-block; */
/*  width: 33%; */
 text-align:center;
 margin: 0;
}

.return-button
{
 display: inline-block;
 width: 100%;
 text-align: center;
}

.return-button-inline
{
 display: inline-block;
 width: 33%;
 text-align: center;
}

.link-button-question
{
 text-decoration:none;
 color: black;
 background: yellow;
 border-radius: 6px;
/*  padding: 5px; */
}

.link-button-question:hover
{
 text-decoration:none;
 color: yellow;
 background: black;
 border-radius: 6px;
/*  padding: 5px; */
}

.link-button-red
{
 display: inline-block;
 width: 100%;
 text-align: center;
}

.link-button-rufus
{
 display: inline-block;
 width: 100%;
 text-align: center;
}

.link-button-pops-alone
{
/*  display: inline-block; */
 color: maroon;
 background: #f5f5f5;
/*  width: 100%; */
 text-align: center;
 border-radius: 6px;
}

.link-button-pops-alone:hover
{
 color: #f5f5f5;
 background: maroon;
/*  width: 100%; */
 text-align: center;
 border-radius: 6px;
}

.link-button-marvin-alone
{
/*  display: inline-block; */
 color: darkgreen;
 background: #f5f5f5;
/*  width: 100%; */
 text-align: center;
 border-radius: 6px;
}

.link-button-marvin-alone:hover
{
 color: #f5f5f5;
 background: darkgreen;
/*  width: 100%; */
 text-align: center;
 border-radius: 6px;
}

.link-button-previous
{
 text-decoration:none;
 color: black;
 background: white;
 border-radius: 6px;
/*  padding: 5px; */
}

.link-button-previous:hover
{
 text-decoration:none;
 color: white;
 background: black;
 border-radius: 6px;
/*  padding: 5px; */
}

#previous-page
{

}

#next-button
{
 display: inline-block;
/*  width: 33%; */
 width: 49%;
 text-align: center;
 margin: 0;
}

#next-image
{

}

#div-image
{
 text-align: center; 
}

#image
{

}

#caption
{

}

#return_button
{
 width: 100%;
}

.img-border
{
 border: 4px solid black;
 border-style: double;
}

img.thumb
{
	width: 30%;
	float: left;
	margin: 1.66%;
}

div.left-thumb-div
{
 width: 220px;
 height: 220px;
}

div.right-thumb-div
{
 width: 220px;
 height: 220px;
}

.center-image
{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.not-possible-textcolor
{
 color: darkred;
}

.float-left
{
 float: left;
 margin: 15px;
}

.float-right
{
 float: right;
 margin: 15px;
}

.float-nofloat
{
 clear: both;
}