/*	#####	office.css		##########	*/
.flexlists			{	display:flex; flex-flow:row nowrap; justify-content:center; }
.flexlists div		{	flex:0 1 auto; margin:15px;	}
/*	#####	form elements	##########	*/
.form h2			{	margin:50px auto 20px auto; 	}
.form p				{	margin:10px auto;	}
.form h2, .form p	{	text-align:center;	}
.form ul			{	/*margin:auto 10px;border:solid 1px #5555ff;*/	}
.form label			{	font:normal bold 12px verdana, 'sans serif';	}
.formlist input		{	width:250px; padding:5px;
						border:solid 1px #000055; border-radius:5px;
					}
input[type="submit"], button[type="button"]
{	border:solid 1px #000055; border-radius:5px; background-color:#ddddff; }
input[type="submit"]:hover, button[type="button"]:hover, input[type='submit']:focus, button[type='button']:focus
{	background-color:#ffffff; }
button[type="button"]					
{	width:4rem;		}
input[type="submit"]
{	padding:5px; }
.form ul li			{	line-height:30px;	}
.eye, .xeye
{	/*display:inline-block;*/ position:relative;
	font-size:1.75em;
}
.xeye::before
{	content:'';
	position:absolute;
	left: 0.75em;
	right: 0.75em;
	top: 0.55em; /*0.38em*/
	bottom: 0.35em;
	background:linear-gradient(to left top, transparent 45.5%, #000 47.5%, #000 52.5%, transparent 54.5%);
	pointer-events:none;
}

/*	#####	register	##########	*/

.confirm			{	margin-left:100px;	}
.userdetail			{	font-weight:bold; font-size:12px; color:#222288; margin:10px 0px;	}
.confirmation		{	font-size:11px; color:#5555cc; margin:5px 0px;	}
				
/*	#####	generic		##########	*/

.form .warning		{	border-color:#ff0000;		}
.errormsg, #capsalert
					{	margin-top:20px; text-align:center;
						font:italic bold 12px verdana, 'sans serif';
					}
#capsalert			{	font-variant:small-caps; color:#222266;	}
.errormsg			{	color:#ff5555;				}