@charset "utf-8";

body#desktop {
	margin:0px;
	background-color:#3d3d3d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Centered div */
body#desktop #horizon  {
	text-align: left;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 0px;
	overflow: visible;
	visibility: visible;
}

body#desktop #centered {
	margin-right:auto;
	width:312px;
	height:182px;
	padding:40px 20px 20px 50px;
	position: absolute;
	margin-left: -196px;
	top: -121px;
	left: 50%;
	visibility: visible;
	background:url(../core/gfx/login/bg.png);
}

/* Form */
body#desktop label {
	font-weight:bold;
	display:block;
	width:120px;
	float:left;
	margin-top:3px;
}

body#desktop input.field {
	float:left;
	border:0px;
	background:url(../core/gfx/login/input.png);
	padding-left:4px;
	margin-bottom:7px;
	width:160px;
	height:21px;
}

body#desktop input.button {
	background:url(../core/gfx/login/button.png);
	border:0px;
	color:#FFFFFF;
	text-transform:uppercase;
	width:164px;
	height:22px;
	margin-left:120px;
	cursor:pointer;
}

/* iPhone */
body#iphone {
	background:url(../gfx/login/bg_iphone.png) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

/* Form */
body#iphone label {
	font-weight:bold;
	margin-top:3px;
}

body#iphone input.field {
	border:0px;
	margin-bottom:15px;
	font-size:16px;
	width:230px;
}

body#iphone input.button {
	font-size:16px;
}

/* Text */
#title, #version {
	color:#FFFFFF;
	text-shadow:#666666 2px 2px 2px;
	margin-bottom:10px;
	font-size:10px;
}

#title {
	font-weight:bold;
	font-size:16px;
	margin-bottom:7px;
}

a#pw_forgotten {
	float:right;
	color:#000000;
	font-size:10px;
	margin-top:15px;
	font-weight:bold;
}