body
	{
		padding:0px 20px 20px;
		background:url(/assets/modules/ui-framework/assets/ui-backgrounds/ui-bg-mail.jpg) #afabab no-repeat top center;
	}
	

/* Mailbox login */
div.MailLoginBoxHeader
	{
		margin:0 0 10px 0;
		position:realtive;
		height:38px;
		overflow:hidden;
	}
	div.MailLoginBoxHeader p	{color:#202020; text-shadow: none;}
	div#mail_header span.MailLoginBoxHeaderLogo
		{
			float:left;
			display:block; 
			height:43px;
			width:229px;
			margin-top:-3px;
			background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/login_header.gif) no-repeat 0px center;
		}
div.SystemLoginBoxHeader
	{
		margin:0 0 10px 0;
		position:realtive;
		height:38px;
		overflow:hidden;
	}
	div#system_header span.SystemLoginBoxHeaderLogo
		{
			float:left;
			display:block; 
			height:43px;
			width:229px;
			margin-top:-3px;
			background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/system_login_header.gif) no-repeat 0px center;
		}

		/*	Outer containers */
		div.MailLoginBoxContainer
			{
				top:0px;
				left:0px;
				position:relative;
				margin:5% auto;
				width:480px;
			}
		div.SystemLoginBoxContainer
			{
				top:0px;
				left:0px;
				position:relative;
				margin:80px auto 10px auto;
				width:680px;
			}
			
			div.SystemLoginBoxContainer div.LeftPanel
				{
					float:left;
					width:200px;
				}
			div.SystemLoginBoxContainer div.RightPanel
				{
					float:right;
					width:405px;
				}
		/*	---------------- */

		/* Background styles */
		div.MailLoginBox#mailLogin
			{
				position:relative;
				height:312px;
				background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/loginAdmin_bg.gif) no-repeat top center;
			}
		div.MailLoginBox#mailAdminLogin
			{
				position:relative;
				height:312px;
				background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/login_bg.gif) no-repeat top center;
			}
		div.SystemLoginBox
			{
				position:relative;
				height:312px;
				background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/system_login_bg.gif) no-repeat top center;
			}
		div.SystemLoginBox#systemLogoff
			{
				position:relative;
				height:312px;
				background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/system_login_bg_full.gif) no-repeat top center;
			}
			div.SystemLoginBox#systemLogoff div.RightPanel
				{
					float:right;
					width:100%;
				}
			
		div.MailLoginHelpBox
			{
				height:86px;
				background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/loginfooter_bg.gif) no-repeat top center;
				margin:5px 0 0 0px;
			}
		div.MailLoginBoxFooter, div.SystemLoginBoxFooter
			{
				margin:5px 0 0 0;
			}
	
	div.forgottenDetails
		{
			width:405px;
			position:absolute; 
			top:235px;
		}
	div.forgottenDetailsMail
		{
			display:none; /*	Remove this after it's implemented */
			width:440px;
			position:absolute; 
			top:235px;
		}
	
/*	Some custom input boxes */
body.ui-body-reset input.mail-login-input
	{
		font-size:21px;
		width:425px;
		color:#7d7d7d;
		line-height:28px;
		height:29px;
	}
body.ui-body-reset select.mail-login-language
	{
		font-size:12px;
		width:150px;
	}
div.inputWWW	{height:39px; background:#fff; border:1px solid #BCBABA; border-right:0px; display:block;background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/inputWWW.jpg) repeat-x top center; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px;  border-top-left-radius:2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px;  border-bottom-left-radius:2px;}
div.inputWWW_outer	{width:69px; border-bottom:1px solid #fff; float:left; display:block;}
div.inputWWW_inner	{padding:7px 0px 0px 9px; font-size:21px; font-weight:bold; color:#363636; text-shadow:#fff 0px 1px 0px;}
body.ui-body-reset input.system-login-input				{width:320px; height:27px;}
body.ui-body-reset input.system-login-password-input	{width:390px; height:27px;}
body.ui-body-reset input.system-login-input, 
body.ui-body-reset input.system-login-password-input
	{
		font-size:21px;
		color:#7d7d7d;
		line-height:28px;
	}

	div.MailLoginBox h2, 
	div.SystemLoginBox h2
		{
			font-size:16px;
			font-weight:bold;
			color:#5a5a5a;
		}
	div.MailLoginBox a, 
	div.SystemLoginBox a
		{
			color:#286895;
			font-weight:bold;
		}
	div.MailLoginBoxFooter p
		{
			font-size:10px;
			text-shadow:none;
		}
	div.SystemLoginBoxFooter p
		{
			font-size:11px;
			text-shadow:none;
		}
	
	p.MailLoginHelpBox
		{
			font-size:11px; 
			padding-left:103px; 
			padding-right:9px; 
			padding-top:12px; 
			line-height:14px; 
			color:#202020; 
			text-shadow:#ffffff 0px 1px 0px;
		}
	
	span.helpmelink	{font-size:12px; padding-top:5px; cursor:pointer; color:#2e74a6;}
	span.helpmelink:hover	{text-decoration:underline;}
		
		div.MailLoginBox span.ui-input	{border-bottom:1px solid #e2e2e2;}
		
	
	div.helpmebox p, div.helpmebox h2	{color:#454545; text-shadow:#e4e3e3 0px 1px 0px;}
	
	label.ui-rememberme-text	{font-size:12px;}
	
	input.chkRemember			{margin-right:8px;}
	
	span.ME_StandardText label	{margin-left:10px;}
		
/*----- iPhone ---- */
@media screen and (max-device-width: 480px){
	body
		{
			display:block;
			width:480px;
			-webkit-text-size-adjust:none;
			font-family:Helvetica, Arial, Verdana, sans-serif;
			background:#afabab;
		}
	div.MailLoginBoxContainer{margin-top:20px;}
	div.MailLoginBox#mailAdminLogin{background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/loginAdmin_bg_mobile.gif) no-repeat top center; display:block;}
	div.MailLoginBox#mailLogin{background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/login_bg_mobile.gif) no-repeat top center; display:block;}
	div#mail_header span.MailLoginBoxHeaderLogo{background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/login_header.png) no-repeat left;}
	div.MailLoginHelpBox{background:url(/assets/modules/ui-framework/assets/ui-backgrounds/images/loginfooter_bg_mobile.gif) no-repeat top center;}
}