/************************************************************************/
/* Login page															*/
/************************************************************************/

body {
/* Background for main login page. */
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	
	background-color: #C5CCD3;
	background-image: url('./images/masstransit-canvas.jpg');
	background-repeat: no-repeat;
}

#loginTable {
/* Container for all login elements.  
 * Positioned relative to the top of the page.
 */
	width: 710px;
	height: 310px;
	background-image: url('./images/login_bk.png');
	top: 16px;
}

#loginTable h1 {
/* User login text */
	color: #3F3C3D;
	text-transform: uppercase;
	text-shadow: rgba(64, 64, 64, 0.8) 0px -1px 0px;
	letter-spacing: 2px;
	font-size: 22px;
}

#loginTable p.login_msg {
/* "Please enter your username and password" text OR 
 * Custom login message (LOGIN_MSG) from mtweb.ini. 
 */
	font-size: 13px;
	margin-bottom: 18px;
	color: #3F3C3D;
	text-shadow: rgba(255, 255, 255, 0.8) 0px -1px 0px;
}

#loginTable p {
/* Please enter your MassTransit username and password text. */
	line-height: 17px;
	color: #3F3C3D;
}

#loginTable #content {
/* Block containing user login header and "please enter username / password" text. */
	width: 450px;
	position: relative;
	top: 115px;
	left: 30px;
	float: left;
}

#loginTable #formFields {
/* Container for the username and password fields, as well as the login button. */
	width: 145px;
	top: 137px;
	left: -30px;
}

#loginTable #formfields p {
/* Username and password labels. */
	line-height: 17px;
	font-weight: bold;
	font-size: 11px;	
	color: #3F3C3D;
}

.loginTableInput {
/* Username and password login input boxes. 
 * Note that adding a border to these inputs will suppress the focus hilight and is not recommended.
 */
	height: 19px;
	width: 143px;
	
	color: rgb(63,60,61);
	font-size: 11px;
}

#loginTable #content p.login_error {
/* Login errors. */
	font-weight: bold;
	font-size: 12px;
	color: #CC0000;
}

#loginTable p.admin_contact_text {
/* Message on incorrect password suggesting users contact an administrator. */
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
}

#loginTable #formFields #login_button { 
/* Login button */
	height: 25px;
	width: 130px;
	background-image: url('./images/btnLogin.png');  
	background-position: 0 0;
}

#loginTable #formFields #login_button:focus, #loginTable #formFields #login_button:hover {
/* Login button when it has focus or is hovered over. 
 * If not using a sprited image, specify the background-image here. 
 */
	background-position: 0 -50px;
}     

#loginTable #formFields #login_button:active {
/* Login button when it is active. 
 * If not using a sprited image, specify the background-image here. 
 */
	background-position: 0 -25px;
} 

#loginTable #copyright {
/* Place the copyright text relative to the main login pane. */
	bottom: 40px;
	left: 60px;
}