.cover
{
	z-index: 30;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background-color: White;
	filter: Alpha(Opacity=40);
	-moz-opacity: 0.4;

}


BODY, TD, li, Input, TH {
	FONT-SIZE: 11px; COLOR: #666666; font-family: Arial; table-layout:fixed;
	/*	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma*/
}
/*
TD 
{
	padding-left: 7px;		
}*/

Input {
	FONT-SIZE: 11px; COLOR: #333333; font-family: Arial; vertical-align:middle;
	/*	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma*/
}




.LogonText1 {
	FONT-SIZE: 15px; COLOR: #83A1BF; FONT-FAMILY: Tahoma; FONT-WEIGHT: bold; 
	/*	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma*/
}

.LogonText2 {
		-SIZE: 13px; COLOR: #336699; FONT-FAMILY: Tahoma; FONT-WEIGHT: bold; 
	/*	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma*/
}

X-Small {
	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma
}
A {
	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma
}
SPAN {
	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma
}
DIV {
	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma
}
SELECT {
	FONT-SIZE: 11px; COLOR: #505050; FONT-FAMILY: Tahoma
}
BODY {
	MARGIN: 0px; 
}
A {
	COLOR: #0392F1; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0392F1
}
A:hover {
	COLOR: #f66936; TEXT-DECORATION: underline
}
H1 {
	FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #505050; padding-top: 2px;  FONT-FAMILY: Tahoma
}

.copyright {
	FONT-SIZE: 10px; COLOR: #909090; FONT-FAMILY: Tahoma
}



.buttonLogon {
	background-image: url('/img/login/i_button_longer.png' );
	Width: 99px; 
	Height: 18px;
	border-width:0;
	FONT-SIZE: 11px; COLOR: #00156E; FONT-FAMILY: Tahoma
}

/* Welcome guest / login page – professional centered layout */
.welcome-page { min-height: 100vh; display: flex; flex-direction: column; background: #eef2f6; margin: 0; }
.welcome-form { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.welcome-main { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 32px 24px; box-sizing: border-box; }
.welcome-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 56px; max-width: 820px; width: 100%; }
.welcome-branding { flex: 0 1 auto; text-align: center; }
.welcome-branding img { max-width: 240px; max-height: 140px; height: auto; display: block; margin: 0 auto; }
.welcome-card { background: #fff; border: 1px solid #c5d5e8; border-radius: 12px; padding: 36px 44px; width: 100%; max-width: 360px; box-shadow: 0 8px 24px rgba(0,50,100,0.1); }
.welcome-card-title { font-size: 17px; color: #2c5282; font-weight: bold; font-family: Tahoma, Arial, sans-serif; margin: 0 0 4px 0; }
.welcome-card-subtitle { font-size: 13px; color: #5a7a99; font-family: Tahoma, Arial, sans-serif; margin: 0 0 20px 0; }
.welcome-card .lock-icon { width: 48px; height: 48px; margin-bottom: 16px; display: block; }
.welcome-error { background: #fff8f0; border: 1px solid #e8c090; border-radius: 6px; padding: 10px 12px; margin-bottom: 16px; font-size: 12px; color: #804000; }
.welcome-btn-primary { display: inline-block; min-width: 220px; padding: 12px 24px; font-size: 14px; font-weight: bold; color: #fff; font-family: Tahoma, Arial, sans-serif; background: linear-gradient(180deg, #4a8bc2 0%, #3a7bb2 100%); border: 1px solid #2d6ba3; border-radius: 6px; cursor: pointer; text-align: center; text-decoration: none; box-shadow: 0 2px 4px rgba(0,0,0,0.15); }
.welcome-btn-primary:hover { background: linear-gradient(180deg, #5a9bd2 0%, #4a8bc2 100%); color: #fff; }
/* OAuth choose-login-type: full-width stack (was block <a>; buttons default to inline-block) */
button.welcome-btn-primary.oauth-choose-type-btn { display: block; width: 100%; max-width: none; margin: 6px 0; box-sizing: border-box; }
button.welcome-btn-primary.oauth-choose-type-btn:hover { color: #fff; }
.welcome-footer { padding: 20px 24px; text-align: center; border-top: 1px solid #dde4ec; background: #fff; flex-shrink: 0; }
.welcome-footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 24px; max-width: 820px; margin: 0 auto; }
.welcome-footer .copyright { margin: 0; font-size: 11px; color: #6b7280; }
.welcome-footer .welcome-footer-logo { height: 28px; width: auto; display: block; }
@media (max-width: 640px) { .welcome-center { flex-direction: column; gap: 40px; } .welcome-card { max-width: none; } }



.WordBreakNormal
{
	word-break:normal;
}


.noDisplay
{
	display:none;	
}

.blockDisplay
{
	display:block;	
}

.LogonPagePasswordBox
{
	width:220px;	
}

.login_NOTOK {
	color: #FF0000;
}

.login_OK {
	color: #00CC00;
}



#valign_outer {height: 100%; overflow:hidden; position: relative; width: 100%;}
#valign_outer[id] {display: table; position: static;}

#valign_middle {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#valign_middle[id] {display: table-cell; vertical-align: middle; position: static;}

#valign_inner {position: relative; xxtop: -50%; text-align: left;} /* for explorer only */
#valign_inner {width: 100%; margin-left: auto; margin-right: auto;} /* for all browsers*/


.larger_text {
	font-size: 140%;	
}