body.public
{
	background-image: url(/public/background);
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

body.public #logo
{
	margin-left: 5px;
}

body.public #contentBox
{
	margin-top: 10vh !important;
	background-color: var(--global-background-color);
	border-radius: 10px;
	box-shadow: 3px 7px 13px 2px;
	padding-bottom: 5px;
}

body.public #TopSubBar
{
	padding-left: 5px;
}

body.public .publicBox
{
	border: none;
}

.loginSelfRegister {
	margin-top: 20px;
	font-size: smaller;
}

/*Is this used in any custom login code?*/
.loginMessage {
	margin: 1em auto;
	min-height: 32px; /*Because of background*/
	padding-left: 40px; /*Because of background*/
	background-image: url("/images/info.png");
	background-repeat: no-repeat;
	background-position: left top;
	max-width: 70%;
	display: inline-block;
}

.loginCentered {
	width: 80%;
	margin: 10px auto;
}

body.public table.layout td {
	/*border-spacing: 5px;
	border-collapse:separate;*/
	padding-bottom: 5px
}

.publicBox {
	border: solid 1px var(--border-300);
	padding: 4px;
	margin: 5px 0;
}

#loginBackground {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -5;
}

body.public #loginControls table.layout > * tr > td:first-child:not([colspan]) {
	padding-right: 30px;
}