/*	Style for Video Pages	2023-08-02	*/

@font-face	{font-family: xdejavu; src: url(/z/DejaVuSans-Regular.ttf);}
@font-face	{font-family: xdejavub; src: url(/z/DejaVuSans-Bold.ttf);}
@font-face	{font-family: xmuseo; src: url(/z/museo-sans.otf);}
@font-face	{font-family: xmuseoi; src: url(/z/museo-sans-italic.otf);}

.vidbod		{margin: 0; border: 0; padding: 0; background-color: black; text-align: center;}
.topline	{display: block; margin: 0; border: 0; padding: 0;}
.lefbox		{display: inline-block; margin: 0; width: 50px; height: 50px; float: left;}
.midbox		{display: inline-block; margin: 0; font-family: xdejavub, sans-serif; width: 60%; height: 50px;
			font-size: 16px; overflow-wrap: anywhere;}
.rigbox		{display: inline-block; margin: 0; width: 76px; height: 50px; float: right; text-align: left;}
.turq		{color: #00cccc;}
.yell		{color: #ffff66;}
.gree		{color: #00ff00;}

#title		{position: absolute; font-family: xdejavub; overflow-wrap: anywhere;}
#desc		{position: absolute; font-family: xmuseoi; overflow-wrap: anywhere;}

.row		{display: block; margin: 0; border: 0; padding: 0; font-size: 0px;}
.box		{display: inline-block;}
.pr			{position: relative;}
#bx1		{background-image: url(/z/boxtl.gif); background-size: 100% 100%;}
#bx2		{background-color: #293646; font-family: xdejavub, sans-serif;}
#bx3		{background-image: url(/z/boxtr.gif); background-size: 100% 100%;}
#bx4		{background-color: #13447b;}
#bx6		{background-color: #13447b;}
#bx7		{background-image: url(/z/boxbl.gif); background-size: 100% 100%;}
#bx8		{background-color: #293646; font-family: xmuseoi, sans-serif;}
#bx9		{background-image: url(/z/boxbr.gif); background-size: 100% 100%;}

.cent90		{display: block; margin: 0 auto; width: 90%; text-align: center;}
.court		{font-family: xdejavub, sans-serif; font-size: 8pt; color: #777777;}
.footnote	{margin: 0; border: 0; padding: 0; background-color: #222222; width: 100%;}