/*styling for desktop login page*/
/*styling for desktop login page*/
div.loginOuterStyle,
div.changePasswordStyle
{
border:solid 2px black; 
width:400px;
margin-left:auto;
margin-right:auto;
margin-top:5em;
vertical-align:middle;
border-bottom-style:none;
}
/*changePW*/
div.changePasswordStyle div.formHeader
{
background-color:#000099; 
color:white; 
font-weight:bold; 
text-align:center
}
div.formHeader
{
background-color:#000099; 
color:white; 
font-weight:bold; 
text-align:center
}

/*changePW*/
div.changePasswordStyle div.formContent
{
background-color:#EEEEEE; 
margin:2em 2em 2em 2em;  
}
div.loginOuterStyle div.formContent
{
background-color:#EEEEEE; 
margin:2em 2em 2em 2em;  
}

/*changePW*/ 
div.changePasswordStyle div.formContent div.contentHeader
{
background-color:#99CCFF; 
color:Black; font-weight:bold; 
text-align:center;
padding:.25em 0 .25em 0;
} 
div.formContent div.contentHeader
{
background-color:#99CCFF; 
color:Black; font-weight:bold; 
text-align:center;
padding:.25em 0 .25em 0;
} 

/*changePW*/
div.changePasswordStyle div.formContent div.contentArea
{
margin:1em 2em 0em 2em;
}  
div.formContent div.contentArea
{
margin:1em 2em 0em 2em;
}

/*changePW & login*/
div.contentArea div.validateErrorSummary
{
text-align:center;
color:Red;
}

/*changePW*/
div.changePasswordStyle div.formContent div.contentArea div.empID, 
div.changePasswordStyle div.formContent div.contentArea div.coPassword, 
div.changePasswordStyle div.formContent div.contentArea div.ccsPassword,

div.changePasswordStyle div.formContent div.contentArea div.newCCSpassword,
div.changePasswordStyle div.formContent div.contentArea div.verifyCCSpassword,
div.changePasswordStyle div.formContent div.contentArea div.newCOpassword,
div.changePasswordStyle div.formContent div.contentArea div.verifyCOpassword
{
margin:0em 0em 0em 0em; 
display:inline;
}
/*div.contentArea div.empID, 
div.contentArea div.coPassword, 
div.contentArea div.ccsPassword
{
margin:0em 0em 0em 1em;
}*/


div.contentArea div.empID label, 
div.contentArea div.coPassword label, 
div.contentArea div.ccsPassword label,
div.changePasswordStyle div.formContent div.contentArea div.newCCSpassword label,
div.changePasswordStyle div.formContent div.contentArea div.verifyCCSpassword label,
div.changePasswordStyle div.formContent div.contentArea div.newCOpassword label,
div.changePasswordStyle div.formContent div.contentArea div.verifyCOpassword label
{
font-weight:bold;
font-weight:bold;
/*width:195px;*/
width:150px;
display:inline-block;
}



/*changePW*/ 
div.changePasswordStyle div.formContent div.contentArea div.inputItem,
div.contentArea div.inputItem 
{
display:inline; 
padding:0 0 0 0;
} 
 


div.contentSubmit
{margin:1em 2em 2em 2em;
    }
    
div.contentInstruction
{margin:0 0 0 1em;
    }
.small
{
font-size:smaller;
}

.formTable
{
	width: 100%;
}

.formCell
{
	width: 100%;
}

.inputField
{
	
}

/*THis is for the corner for the legacy CCS styling*/
.cornerBendOuter
{
    height:20px;
    
    }
.cornerBendBg
{
background-color:#99ccff; 
width:100%;
height:18px; 
border-bottom:solid 2px black;
}

.cornerBend
{
background-image: url(../image/cornerBend1.gif); 
width:25px; height:23px; 
background-position:right; 
background-repeat:no-repeat; 
margin-top:-21px;
margin-right:-4px;
margin-left:-3px;
float:right;
background-color:White;
vertical-align:top;
}