/* -- -- -- -- -- -- --

RT v2: Members Panel CSS file

Do not add any property to the selectors below, just change the current values if you need to!

-- -- -- -- -- -- -- */

/* Background Position for Hover is Right / Top - Create the image accordingly and set the Height of it in the padding top */

#members_switch a { top:20px; left:932px; width:32px; padding:27px 0 0; background:transparent url('../img/btn-members_switch.png') no-repeat left top; }

#members_wrapper { border-bottom:2px solid #999; background:#212121 ; }
#members .members_3col, #members .members_2col { background:#121011; border:1px solid #CCC; }

#members h2, #members h3 { font-size:1.6em; color:#fff; }
#members p { color: #fff; }

#members fieldset ul li label { color: #fff; }
#members fieldset ul li label em { color:#FFEFEF; font-size:1em; font-weight:bold; }

#members fieldset ul li a { color:#8dc643; }

#members fieldset ul li input.txtbox { border:1px solid #999; background:#f7f7f7; color:#555; }
#members fieldset ul li input.txtbox:focus { border:1px solid #000; }

#members .btn-register, #members .btn-login { margin-top:.6em; padding:.4em; border:1px solid #FFF; background:#8dc643; color:#fff; cursor:pointer; }





/* ======================================================================= */
/* PLEASE DON'T CHANGE ANYTHING BELOW THIS COMMENT */

#fader { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; z-index:9997; }
#members_switch a { position:absolute; overflow:hidden; height:0px; margin:0px; border:none; cursor:pointer; text-indent:-1000em; }
#members_switch a:hover { background-position:right top; }
#members_switch a:focus { outline:none; }
#members_wrapper { position:fixed; top:0px; left:0px; width:100%; z-index:9999; }
#members { width:910px; margin:0 auto 10px; padding:10px 10px 0; } /* Same dimensions of the current template v2 layout */
#members .members_3col { position:relative; float:left; width:26.5%; padding:2em; margin:1em; }
#members .members_2col { float:left; width:42.4%; padding:2em; margin:1em; }
#members fieldset ul li label { display:block; margin:.6em 0 .6em 0; }
#members fieldset ul li a.membersLink { display:block; margin:.6em 0 .6em 0; line-height:1.6em; font-size:1.3em; }
#members fieldset ul li input.txtbox { width:95%; padding:.4em; }
#members .error_msg { margin:2em 0 1em 0; padding:.8em; background:#FFEFEF; border:1px solid #FF0000; }
#members .error_msg span { color:red; line-height:1.6em; font-weight:bold; }
#members_close { clear:left; display:block; position:relative; width:910px; height:30px; }
#btn-close { position:absolute; right:0px; height:30px; margin:0px; padding-right:33px; border:none; background:transparent url('../../../img/admin/btn-close.png') no-repeat right top; color:#fff; font-size:1.2em; font-weight:bold; line-height:2.4em; cursor:pointer; }
.members_loader { position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0.8; background:#000 url('../img/loading.gif') no-repeat center center; }
.members_loader span { display:none; }