body
{
	/* 
	background-color:#FFFFFF;	
	*/
}


#wrapper
{
	/* sets the relative position of the login component */
	margin-top:20px;
	margin-left:250px;
}

#logo{
	background:#FFFFFF url(logo.gif) no-repeat; /* image file does not have to be named logo.gif - just ensure the url attribute here points to the correct file */
	height:228px; /* should be set to the height of your logo image file */
}

.login-no-border-row
{
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:10px; 
	color:#000000; /* font color for "Log In", "User Name", "Password" */
	background-color:#FFFFFF; /* background wrapper for main login boxes (excluding "Log In" button row) */	
}

.login-no-border-row-links
{
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:10px; 
	color:#000000; /* font color for "Forgot Password" link row */
	background-color:#FFFFFF;	/* background wrapper for "Forgot Password" link row */	
}

.login-grid-border
{
	/* grid lines on login box */
	background-color:#CCCCCC;
}

.login-column-heading
{
	/* properties for "Log In" control header */
	background-color:#FFFFFF;
	font-weight:bold;
}

.login-row-heading
{
	/* properties for "User Name" and "Password" row titles */
	background-color:#FFFFFF;
	font-weight:bold;
}

.login-cell-active
{
	/* properties for background of table cells containing input boxes and "Remember me" checkbox */
	background-color:#FFFFFF;
}

.login-input-style
{
	/* Text box properties */
	font-family:Arial,Helvetica,sans-serif; 
	color:#000080; 
	font-size:10px; 		
}

.login-button-style
{
	/* "Log In" button properties */
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	color:#000080; 
	font-size:10px; 
}

.login-link-style
{ 
	/* "Forgot Password" link attributes */
	color:#000080; 
	text-decoration:none;
}

.login-padding
{
	padding:4px;	
}