/*********************************************************************
* Login Page Elements
*********************************************************************/
:root {
  --menu_tab: #336699;          /* Blue - rgb(50,104,155) use https://www.color-hex.com/ to determine rgb colors */
  --menu_tab_hl: #991B1E;       /* Burgandy - rgb(153,27,30) */  
  --body_bckgrnd: #E3E9F4;      /* very pale blue - rbg(227,233,244) */
}  
#login_col {
	width:				1000px;
	min-height:			650px;
	float:				left;
	background-color:	white;
	border-top:			1px solid #336699;
	border-left:		1px solid #336699;
	border-right:		1px solid #336699;
	border-bottom:		1px solid #336699;
	font-size:			.75em;
}
/* left and right DIV tags to float picture image in correct position */
#login-left {
	width:				500px;
	min-height:			600px;
	float:				left;
	padding:			0 0 0 50px;
}
#login-right {
	min-height:			600px;
	float:				right;
	padding:			10px 10px 0 0;
}
#login-title {
	padding:			50px 0 0 0;
}
#login-title .title-marquee {
	width:				400px;
	color:				#336699;
	font-family: 		"arial black", arial, sans-serif; 
	font-size:			5.5em; 
	line-height:		100%;
	text-align:			left;
	padding: 			0 0 20px 0;
}
#login-title .title-above-marquee {
	width:				400px;
	color:				#336699;
	font-size:			1.5em;
	line-height:		100%;
	text-align:			left;
}
#login-title .title-subtext {
	width:				290px; /*400px;*/
	color:				#336699;                           
	font-size:			1.5em;
	line-height:		100%;
	text-align:			right;
}
#capslockon-msg {
	color:				red;
	font-weight:		bold;
}
#login-form-msg {
	min-height:			200px;
	padding: 			10px 0 0 100px;
}	
#login-form-no-msg {
	min-height:			200px;
	padding:			40px 0 0 100px;
}
#login-form-no-msg .logon-entry, #login-form-msg .logon-entry {}
#login-form-no-msg .logon-label, #login-form-msg .logon-label {
	padding:			5px 5px 5px 5px;	
}
#login-form-no-msg  .field-text, #login-form-msg .field-text {
	width:				150px;
}
#login-form-no-msg .submit-button, #login-form-msg .submit-button {
	padding:			4px 0 0 0;
	font-weight:		bold;
}
#alert-text {
	width:				350px;
	height:				40px;
	padding:			10px 0 0 0;
	text-align:			center;
}
#login-txt {
	width:				400px;
	padding:			20px 0 0 0;
}
#login-txt .highlight-txt {
	color:				#336699;
}
/***************************************************************
*	Banner Styling
***************************************************************/
#login-banner {}
#banner-ctr {
	height:				auto;
	width:				400px;
	background-color:	white;
	border-top:			5px solid #336699;
	border-right:		5px solid #336699;
	border-bottom:		5px solid #336699;
	border-left:		5px solid #336699;
}
#banner-ctr .banner-img{}
#banner-ctr .banner-txt{
	height:				60px;
	width:				400px;
	text-align:			center;
}
#banner-ctr .banner-txt p {
	padding:			5px 5px 5px 5px;
}
#footer {
	color:				black;
}