/*
*  CSS for the newUI logon screen
*
*  @copyright LCMS+ 2017-2019
*  @author    Jim Looney
*  @since     2017-02-15 4.443 -jl-  Remove: span.casBody - padding:50px 0;
*                                    Modify: span.casBody - FROM height:70px; font-size:25px; TO height:100%; font-size:20px;
*                                    Add:    div.nocas    - margin-top: 50px;
*  @since     2019-08-02 4.623 -dsmw- INB-I000: add background color for options for WAVE compliance
*/

body            { font-family:Arial, Helveltica, "Times New Roman"; background-color:white; }
span.logonMain  { margin:0; width:726px; max-width:725px; height:260px; padding:0; overflow:hidden;}
span.copyright  { bottom:25px; left:0; height:15px; }
span.badbrowser { bottom:75px; left:0; height:15px; }
img.logonImage  { padding:0; margin:0; width:210px; height:240px; }
span.logonText  { width:515px; height:240px; }
span.logonTitle { width:100%; text-align:center; border-bottom:1px solid #808080; height:39px; font-size:35px; font-weight:bold; background-color:#f5f5f5; color:maroon;}
span.logonBody  { background-color:white; color:black; padding-top:10px; height:160px;}
span.casBody    { background-color:#0e4c92; color:white; text-align:center; height:100%; font-size:20px;}
div.nocas       { font-size:0.65em; margin-top: 50px;}
span.logonPrompt { color:#808080; font-size:12px; font-weight:bold; width:30%; text-align:right; padding:5px; margin:0 5px 9px 0;}
.logonField  { color:black; font-size:12px; font-weight:bold; text-align:left; width:40%; margin:0 0 5px; padding:2px; outline:none;}
.logonField:hover { background-color:yellow;}
input.logonSubmit { text-align:center; }
span.logonError  { width:50%; margin-left: 25%; margin-top:10px; background-color:yellow; color:black; font-weight:bold;}
span.iwrap { padding:0; margin:0;}

#divLoginWrapper
{
 margin: 25px auto;
 width: 736px;
 border: 2px solid #fff;
}
#imageDIV { position: relative; float:left; width: 210px; height:240px; margin:0; padding:0; }
#screenDiv{ position:relative; display:inline; width: 740px; }
#titleDIV
{
 position: relative;
 float:left;
 border-top: 0px solid black;
 background-color: #fff;
 color: #999999;
 width: 508px;
}
#titleSPAN
{
 position: relative;
 float:left;
 width: 250px;
 padding:5px;
 text-align: center;
 color: #155BA0;
 font-size: 20px;
 font-weight: bold;
}
#mainDIV
{
 position: relative;
 float:left;
 width: 508px;
 height: 178px;
 background-color: #eee;
 color: #155BA0;
 border-top: 1px solid #666666;
 border-bottom: 0px solid black;
 font-size: 14px;
 font-weight: bold;
}
#mainDIV input{
	width: 120px;
	font-size: 10px;
	background-color:#FFF;
}
#mainDIV input:focus{
	border: 2px solid #155BA0;
	background-color: #FFFF66;
	color: #000;
}
#mainDIV .input_button{
	background-color: #155BA0;
	color: #fff;
	font-weight: bold;
	padding: 2px;
}
.span1 { position: absolute; top: 20px; left: 30px; width: 100px; text-align: right; }
.span2 { position: absolute; top: 20px; left: 135px; width: 100px; text-align: left; }
.span3 { position: absolute; top: 50px; left: 30px; width: 100px; text-align: right; }
.span4 { position: absolute; top: 50px; left: 135px; width: 100px; text-align: left; }
.spanM1 { position: absolute; top: 80px; left: 10px; width: 120px; text-align: right; }
.spanM2 { position: absolute; top: 80px; left: 135px; width: 205px; text-align: left; }
.span5 { position: absolute; top: 110px; left: 135px; width: 205px; text-align: left; }
.span6 { position: absolute; top: 140px; left: 300px; width: 190px; text-align: right; }
a:link{
 color: #155BA0;
}
a:visited{
 color: #155BA0;
}
.span7 { position: absolute; top: 140px; left: 10px; width: 200px; text-align: left; font-size: 12px; }
#errDIV {
 position: relative;
 float:left;
 width: 738px;
 background-color: #BF443B;
 color: yellow;
 border-top:1px dashed #fff;
 border-bottom:1px dashed #fff;
}
#errDIV span { position: relative; float:left;padding:5px;width: 480px; text-align: left; font-size: 14px;font-weight:bold; }
#bbDIV {
 position: absolute; top: 20px; left: 20px; width: 850px; height: 400px;
 background-color: white; color: black; border: 5px solid red; padding: 20px;
 visibility: visible;
}
.clearer{ clear:left;   }
span.portalTitle { color:#bdbdbd; font-size:50px; padding-top:10px; font-weight:bold; }
span.portalOption { color:#bdbdbd; font-size:12px; padding:3px; }
span.altPortal { color:#808080; font-size:14px; font-weight:bold; padding:3px; }
span.altPortal:hover { color:black; text-decoration:underline; }