#main>#header,
#main>#footer {
	display:	none !important;
}
#main>#content {
	top:		0px !important;
	bottom:		0px !important;
	background:	#fff;
}
/*
*/

#login_form_holder {
	position:	absolute;
	right:		0px;
	top:		0px;
}
#logo {
	position:	absolute;
	top:		120px;
	right:		120px;
	text-align:	center;
}
#logo img {
	margin:		20px;
	height:		70px;
}
#logo_b32 {
	position:	absolute;
	top:		20px;
	left:		20px;
}
#logo_b32 img {
	height:		40px;
}

#copyright {
	position:	absolute;
	bottom:		20px;
	right:		60px;

	text-align:	center;
	text-transform:	uppercase;
	font-size:	7px;
	color: 		#fff;
	text-shadow:	1px 1px rgba(0, 0, 0, 0.5);
}

/* form */
#login_form_holder {
	position:	absolute;
	right:		20px;
	top:		20px;
}
#login_form_holder form .errors {
	margin-top:	-10px;
	background:	#fff;
	background-color:	rgba(100, 100, 100, 0.95);
}
#login_form_holder form .errors .e {
	text-align:	center;
	font-weight:	normal;
	text-transform:	uppercase;
	font-size:	10px;
	color:		#fff !important;
	text-shadow:	1px 1px #000;
}
#login_form_holder form .inp_holder,
#login_form_holder form .submit {
	display:	inline-block;
	vertical-align: top;
}
#login_form_holder form .inp_holder input {
	display:	block;
	width:		150px;
	padding:	8px 8px 8px 8px;

	border-radius:	0;
	border:		1px rgba(00,00,0,0) solid;

	background-color: 	#ddd;	/* fallback */
	background-color:	rgba(230, 230, 230, 0.75);

	box-shadow: 		none;
	-moz-box-shadow: 	none;
	-webkit-box-shadow: 	none;
	-o-box-shadow: 		none;

	font-size:	10px;
	color:		#333;
}
#login_form_holder form .submit {
	height:		12px;

	padding:	8px 20px;

	border:		1px #bbbbbb solid;
	background:	#bbbbbb;

	text-shadow:	1px 1px #000;
	font-size:	10px;
	text-align:	center;
	text-transform:	uppercase;
	color:		#fff;

	cursor:		pointer;
}
#login_form_holder form .submit:hover {
	background-color: #999999;
}
#login_form_holder form .password_reset {
	height:		14px;
	padding:	3px 0;
	margin:		1px 0 0 180px;

	color:		#999;
	text-align:	left;
	font-size:	8px;
	text-decoration:none;
}
#login_form_holder form .password_reset:hover {
	text-decoration:none;
}

#login_form_holder form .inp_holder input::-webkit-input-placeholder {
	color:		#999;
	text-transform:	uppercase;
}
#login_form_holder form .inp_holder input:-moz-placeholder { /* Firefox 18- */
	color:		#999;
	text-transform:	uppercase;
}
#login_form_holder form .inp_holder input::-moz-placeholder {  /* Firefox 19+ */
	color:		#999;
	text-transform:	uppercase;
}
#login_form_holder form .inp_holder input:-ms-input-placeholder {  
	color:		#999;
	text-transform:	uppercase;
}

/* on focus */
#slideshow,
#content {
	transition: 		all 1.6s ease-out;
	-moz-transition: 	all 1.6s ease-out;
	-webkit-transition: 	all 1.6s ease-out;
}
body.input_focus #content {
	/*background:	#eee;*//
}
body.input_focus #slideshow {
	opacity:	0.6;
	-moz-opacity:	0.6;
	filter:alpha(opacity=0.6); /* For IE8 and earlier */
}

/* slideshow */
#slideshow,
#slideshow .slide {
	position:	absolute;

	top:		0px;
	right:		0px;
	bottom:		0px;
	left:		0px;

	overflow:	hidden;
}
#slideshow {
	top:		80px !important;
}
#slideshow .slide {
	background-size:	cover;
	background-repeat:	no-repeat;
	background-position:	middle center;
	background-attachment:	fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#slideshow .slide {
	opacity:		0.0;
	filter:alpha(opacity=0); /* For IE8 and earlier */


	transition: 		opacity 3s ease-in-out;
	-moz-transition: 	opacity 3s ease-in-out;
	-webkit-transition: 	opacity 3s ease-in-out;
}
#slideshow .slide.active {
	opacity:		1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}


/* setup transition */
#login_form_holder,
#login_form_holder form {
	opacity:		1.0;
}
#login_form_holder form {
	transition: 		opacity 2s ease-in-out 0s;
	-moz-transition: 	opacity 2s ease-in-out 0s;
	-webkit-transition: 	opacity 2s ease-in-out 0s;
}
body.idle #login_form_holder form {
	opacity:		0.0;
}
body.idle.input_focus #login_form_holder form {
	opacity:		1.0 !important;
}


/* standalone dialog */
.add_to_homescreen {
	position:	absolute;
	z-index:	1;
	top: 		-7px;
	left:		35px;
	width: 		215px;
	height:		65px;
	padding: 	30px 20px 20px 20px;

	background: url(/i/layout/pgs/user/login/homescreen-add.png) center top no-repeat;
	background-size: contain;

	border-radius: 5px;

	color:		#000;
	font-size:	10px;
}
.add_to_homescreen span {
	display:	block;
	float:		left;
	width:		50px;
	height:		50px;
	margin-right:	10px;

	background:	url(/i/layout/logos/sublogo.png) center center no-repeat;
	background-size: 90%;
	border:		1px #999 solid;
	border-radius:	5px;
}