/* This is from the design guidlines template http://intranet/departments/PD/UI/SubSections/login.aspx */


body
{
	background-color: #ededed;
	
	width:402px;
	margin:auto;
	
	font-family: Verdana, "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
}

/*set the div in the center of the screen*/
.outertable {
    display: table;
    position: absolute;
    height: 100%;
}

#outer
{
    display: table-cell;
    vertical-align: middle;
}

/* This css class is only used for IE8 and above */
#innerIE8
{
	position:relative;
	margin-top:-41%;
}

/* This css class is only used for IE7 and below */
#innerIE7
{
	position:relative;
	top:-47%;
}

#loginForm
{
	width: 400px;
	border: 1px solid #333333;
	
}

#loginFormTop
{
	width: 400px;
	height: 100px; 
	background-color: #282828;
	background-image: url("../images/LoginPage/header_bg.png");
	background-repeat: repeat-x;
}

#loginFormMiddle
{
	width: 400px;
	height: 190px;
	background-color: #edefef;
	background-image: url("../images/LoginPage/middle_bg.png");
	background-repeat: repeat-x;
	background-position:bottom;
}

#loginFormMiddleContent
{
	padding-left: 14px;
	padding-top: 25px;
}

#loginFormBottom
{
	width: 400px;
	height: 40px; 
	background-color: #282828;
	background-image: url("../images/LoginPage/footer_bg.png");
	background-repeat: repeat-x;
}

#loginFormCopyright
{
	padding-left: 8px;
	padding-top: 14px;
	padding-bottom: 0px;
	padding-right: 0px;	
	color: #cccccc; /*#e5e5e5;*/	
	font-size: 9px;
}

.formLabelText
{		
	float: left;
	width: 62px;
	height: 27px;
	line-height: 23px; 
}

.formLabel2Text
{
	float: left;
	width: 62px;
	height: 27px;
	line-height: 27px; 
}	

.formTextInput
{
	float: left;
	width: 241px;
	height: 18px;
	line-height: 18px; 
	margin-bottom: 5px;
}

.loginFormMiddleCell1
{
	float: left;
	height: 54px;
	width: 62px;
}

.loginFormMiddleCell2
{
	float: left;
	height: 54px;
	width: 256px;
}

.loginFormMiddleCell3
{
	float: left;
	height: 54px;
	width: 53px;
}

/* This css class is only used for IE8 and above */
.loginFormMiddleMoreContentIE8
{
	float: left;
	width: 371px;
	padding-left: 62px;
}

/* This css class is only used for IE7 and below */
.loginFormMiddleMoreContentIE7
{
	float: left;
	width: 371px;
	padding-left: 62px;
	margin-top:-6.5%;
}

a
{
	text-decoration: none;
	color: #0066ff;
}

a:hover
{
	text-decoration: underline;
}

.loginFormPersistCookie
{
	padding-top: 13px;
	margin-left: -2px;	/* to properly algin */
}

.loginFormPassAndHelp
{
	padding-top: 10px;	/* input[type=checkbox] moved it up a bit, that's why padding is only 10 */
}

.loginFormStatus
{
	padding-top: 13px;
	color: #aa0000;
}

input[type=checkbox]
{     
	vertical-align: middle;     
	position: relative;     
	bottom: 2px;   
}