html { scroll-behavior: smooth;}

body {text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

table.center{
margin-left:auto;
margin-right:auto;
}

div.scroller
{ 
width:800px;
height:200px;
overflow-x: auto;
overflow-y: hidden;
}


div.container
{ 
/*width: 800px;*/
height:206px;
position: relative;
/*overflow:auto; */
margin-left: auto;
margin-right: auto;
}


div#painting
{ /*width: 800px;*/
overflow:auto; 
margin-left: auto;
margin-right: auto;
color: #777777;
}

#paintingclose {float:right; padding-bottom:6px;}
img.painting {float: left; padding-right: 4px;padding-left: 4px;}

/* dialog box overlay */
div#dialogWrapper {
     visibility: hidden;
     position: absolute;
     left: 0px; top: 0px;
     width:100%; height:1600px; /*100%;*/
	 /* opacity: .5;
	 background-color: white; */
	 background-image:url(trans.gif);
     z-index: 10;
}

div#paintingDialog { 
	position: fixed;
	top: 8px;
	left: 15%;
	/*width:800px;*/
    margin: 20px auto;
	padding:10px 10px 10px 10px;

	background-color: white;
	border: 3px solid #4675a4;
	display: none;
	-moz-border-radius:8px; /* Firefox */ 
	-webkit-border-radius:8px; /* Safari, Chrome */
	-khtml-border-radius:8px; /* Linux */
	 border-radius:8px; /* CSS3 */
}

p#title {
	font-size:120%;
	padding-bottom: 0px;
	margin-bottom: 3px;
}
p#size {
	font-size: 80%;
	padding-top: 0px;
	margin-top: 3px;
}