@import url("../css/global.css");

/*  Login Screen Layout
--------------------------------------------------------------------------------------------------- */

#container {
		width: 850px;
		height: 550px;
		margin: 0 auto;
		text-align: center;
	}

/* hide what's below from iemac \*/

#container { 	
	position:absolute;
	width: 850px;
	height: 550px; 
	margin:-275px 0px 0px -425px;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: hidden;
	background:#fff url(../gfx/login/container.gif) no-repeat 0 0;
}

/* end hiding */

#contentwrapper {
	padding: 18px;
}

#login h1 { 
	display: block;
	float: left;  
	width: 262px;
	height: 514px;
	background: url(../gfx/login/left.jpg) no-repeat 0 0;
}
#login h1 span {
	display: block;
	width: 262px;
	height: 514px;
	background: url(../gfx/login/logo.jpg) no-repeat 51px 172px;
	text-indent: -9999px;
}
#login form,
#login #chooser {
	float: right;
	width: 546px;
	height: 514px;
	background: url(../gfx/login/top.jpg) no-repeat 0 0;
	margin: 0; padding: 0;
}
#login form fieldset,
#login .holder {
	position: absolute;
	z-index: 500;
	top: 149px;
	right: 18px;
	width: 546px;
	height: 202px;
	background: url(../gfx/login/mid.jpg) no-repeat 0 0;
}
#login .holder ul {
	padding: 20px 0 0 139px;
}
#login .holder ul li {
	font-size: 20px;
	margin: 0 0 20px;
}
#login .holder ul li strong {
	font-style: italic;
}
#login .holder ul li#new {
	padding: 0 20px 0 0;
}

#login li#new a {
	color: #23709F;
}
#login li#new a:hover {
	color: #121940;
}

#login form h2, #login .holder h2 {
	padding: 35px 0 0 139px;
	margin: 0;
	display: block;
	color: #121940;
	font-size: 16px;
	font-weight: bold;
}
#login .holder h2 {
	font-size: 20px;
}
#login form h2 span {
	font-weight: normal;
	padding: 0 0 0 6px;
	color: #999;
}
#login form .field {
	padding: 15px 75px 0 139px;
}
#login form input {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	height: 20px;
	float: right;
	width: 200px;
}
#login form label {
	font-size: 14px;
	color: #666;
	float: left;
	width: 125px;
	height: 20px;
	line-height: 20px;
}
#login form .submitform {
	padding: 15px 70px 0 139px;
}
#login form .forgotpass {
	float: left;
	display: block;
	width: 200px;
}
#login form input.login,
#login form input.send {
	width: 102px;
	height: 28px;
	float: right;
}
#note {
	position: absolute;
	top: 310px;
	right: 75px;
	width: 214px;
	padding: 10px 12px;
	background: #fff;
	z-index: 1000;
}
#note p {
	margin: 0;
	padding: 0;
	color: #666;
}
#note h3 {
	font-size: 14px;
	margin: 0 0 8px;
	padding: 3px 0 3px 25px;
	color: #121940;
	background: url(../gfx/icons/Info.gif) no-repeat 0 50%;
}
#login #footer {
	position: absolute;
	z-index: 100;
	bottom: 18px;
	right: 18px;
	width: 546px;
	height: 182px;
	background: url(../gfx/login/bottom.jpg) no-repeat 0 0;
}
#footer p { display: none; }