.ControlPanel
{
	
}

#LoginBoxImage
{
	position: absolute;
	top: -25px;
	left: 10px;
	width: 220px;
	height: 99px;
	background: url(../images/LogInOutBox.png) no-repeat;
	margin: 0;
	color: #CCCCCC;
	font-size: 12px;
}

#LoginBox
{
	position: absolute;
	top: -25px;
	left: 10px;
	width: 220px;
	height: 99px;
	margin: 0;
	color: #CCCCCC;
	font-size: 11px;
}
	
	#LoginBox table
	{
		width: 100%;
		height: 100%;
		color: #CCCCCC;
		font-size: 11px;
		padding: 0;
		border: 0;
		border-collapse:collapse;
		
	}
	
	#LoginBox .spacerColumn1
	{
		width: 75px;
		height: 5px;
	}
	
	#LoginBox .spacerColumn2
	{
		width: 90px;
		height: 5px;
	}
	
	#LoginBox .spacerColumn3
	{
		width: 70px;
		height: 5px;
	}
	
	.loginInputLine
	{
		height: 29px;
	}

		.loginBoxLabel
		{
			width: 100px;
			padding: 0 0 0 20px;
			text-align: right;
		}
		
		.loginBoxLabelLoggedIn
		{
			text-align: center;
		}
		
		.loginBoxField
		{
			padding: 0 0 0 10px;
		}
	
			.loginBoxField input
			{
				width: 110px;
			}
	
	.loginLinks
	{

	}
	
	.loginLinks td a
	{
		color: #CCCCCC;
	}
	
		#ForgotPasswordLink, 
		#MyAccountLink
		{
			padding: 0 0 0 43px;
		}
		
		#LoginLink
		{
			padding: 5px;
		}
	
		#ForgotPasswordLink a, 
		#ForgotPasswordLink a:visited, 
		#MyAccountLink a, 
		#MyAccountLink a:visited,
		#LoginLink a, 
		#LoginLink a:visited
		{
			color: #CCCCCC;
			text-decoration: none;
		}
		
		#ForgotPasswordLink a:hover, 
		#ForgotPasswordLink a:active,
		#MyAccountLink a:hover, 
		#MyAccountLink a:active,
		#LoginLink a:hover, 
		#LoginLink a:active
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#MyAccountLink
		{
			padding: 0;
			margin: 0;
			text-align: center;
		}
		
		#LoginLink a
		{
			font-size: 13px;
			font-weight: bold;
		}