#password_protected { position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; }
#password_protected #form_box_wrapper { position:absolute; top:0; left:0; width:100%; height:100%; background:#444; }
#password_protected .container { position:absolute; top:50%; left:50%; width:600px; height:200px; margin:-100px 0 0 -300px; background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.25); }
	#password_protected.access-overlay .container { background:none; box-shadow:none; }
#password_protected #text_for_form { padding:20px; color:#333; }
#password_protected h2.title { font-size:1.5em; }
#password_protected p { margin:0 0 10px; }
	#password_protected p.title {}
	#password_protected p.close { position:absolute; top:20px; right:20px; margin:0; font-size:19px; cursor:pointer; }
	#password_protected p.close i.fa {}
#password_protected a {}
#password_protected a:hover {}
#password_protected ul.listform li { padding:0 0 10px; }
	#password_protected ul.listform li.last { padding:0; }
#password_protected ul.listform input[type="text"] { width:342px; }
	#password_protected ul.listform input.name[type="text"] { width:157px; }
	#password_protected ul.listform input.name.alt[type="text"] { margin:0 10px 0 0; }
#password_protected ul.listform input[type="submit"] { width:130px; }
#password_protected #register { padding:40px 0 0; }
#password_protected #login { padding:45px 0 0; }
#password_protected #forgot_password { padding:85px 0 0; }
#password_protected .text-small { font-size:0.8125em; }
#password_protected .text-small a { color:#999; }
#password_protected .text-small a:hover { color:#ff6978; }
#password_protected .access-button { display:table-cell; width:360px; height:360px; text-align:center; vertical-align:middle; }
#password_protected .access-button input[type="button"] { width:200px; height:50px; color:#ff6978; background:none; border:1px solid #ff6978; border-radius:50px; }
#password_protected .access-button input[type="button"]:hover { color:#fff; border-color:#fff; }
#password_protected ul.listform input[type="button"] { position:absolute; bottom:20px; right:20px; width:16px; height:16px; padding:0; background:url(../image/cross.png) 0 0 no-repeat; }
#password_protected ul.listform input[type="button"]:hover { background-position:0 -16px; }

#password_protected.login .container { text-align:center; }
#password_protected.login .container:before { display:inline-block; content:""; height:100%; vertical-align:middle; }
#password_protected.login #text_for_form { display:inline-block; vertical-align:middle; }

#password_protected.toc .container { height:600px; margin-top:-300px; }
#password_protected.toc .wrap { height:560px; overflow:auto; }
#password_protected.toc #register { padding:0 0 70px; }
#password_protected.toc p.submit { position:absolute; bottom:20px; left:20px; width:560px; margin:0; padding:20px 0 0 ; background:#fff; }

@media screen and (max-width:767px) {
#password_protected .container { left:10px; right:10px; width:auto; margin-left:0; }
#password_protected ul.listform input[type="text"] { float:none; width:93% !important; }
#password_protected ul.listform input.name.alt[type="text"] { margin:0 0 10px; }
#password_protected.toc .container { height:460px; margin-top:-230px; }
#password_protected.toc .wrap { height:420px; }
#password_protected.toc p.submit { left:0; right:0; width:100%; }
}