/*
** opal.css
**	CSS for opal.com
**	Copyright (C) Open Advisors Limited, 2007, 2021.
*/

body {
	background-color:	#ffffff;
	background-image:	url("../images/opal-bg_pale.gif");
	background-repeat:	no-repeat;
	background-attachment:	fixed;
	background-position:	160px 160px;
	font-style:		normal;
	font-variant:		normal;
	font-weight:		normal;
	/*font-size:		11pt;*/
	font-family:		DejaVu Sans, Bitstream Vera Sans, Trebuchet, sans-serif;
}

.buttons {
	display:		block;
	float:			left;
	max-width:		75%;
	box-sizing:		border-box;
}

.buttons img {
	max-width:		45%;
	box-sizing:		border-box;
	padding-left:		10px;
	padding-top:		10px;
}

.logo {
	display:		block;
	float:			right;
	max-width:		25%;
	box-sizing:		border-box;
}

.logo img {
	/* logo size is:
	width:			272px;
	height:			128px;
	*/
	margin-right:		10px;
	margin-top:		10px;
}

.menu {
	display:		block;
	float:			left;
	clear:			both;
	max-width:		min(25%, 20em);
	box-sizing:		border-box;
	padding:		10px;
}

.main {
	display:		block;
	float:			left;
	max-width:		75%;
	box-sizing:		border-box;
	padding:		10px;
}

.center {
	position:		absolute;
	top:			50%;
	left:			50%;
	transform:		translate(-50%, -50%);
}

.center img {
	max-width:		100%;
}

.copyr {
	position:		fixed;
	width:			100%;
	height:			40px;
	left:			0;
	right:			0;
	bottom:			0;
	text-align:		center;
	font-size:		70%;
	color:			#00b8f8;
}