/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

The CSS, XHTML and design is released under Creative Common License 2.5:
http://creativecommons.org/licenses/by-sa/2.5/

*/

/* Login Panel */
#top {  background: #fff; width:100%; height:5px; position: relative; }
#top ul.login { margin-bottom:5px; background: url(/images/top_right.gif) no-repeat right 5px; padding-right:10px; color: #000; text-align: center; font-size:11px; line-height: 22px; width:auto; height:27px; position: relative; right:165px; clear: right; float: right; display: block;}
#top ul.login li.left { background: url(/images/top_left.gif) no-repeat right 5px; width:12px; height:27px; display:block; float:left;}
#top ul.login li { background: url(/images/top_bckg.gif) repeat-x 0 5px; text-align:left; padding:3px 6px 0px 6px; width:auto; height:24px; float:left; display:block;}
#top ul.login li a {color: #C00; text-decoration: underline;}
#top ul.login li a:hover {color:#666; text-decoration: underline;}

/*Login*/
/* toggle effect - show/hide login*/
#login { background:#fff; color:#333; width: 100%; height:0; overflow: hidden; position: relative; z-index: 3;}
#login a {color:#C00; text-decoration:underline;}
#login a:hover {color:#666; text-decoration: underline;}

#login .loginContent { margin:0 auto; padding-top:25px; width:550px; height:80px; text-align: left; font-size: 0.7em;}
#login .loginContent .loginleft { padding-left:65px; font-size:11px; width: 120px; float: left; }
#login .loginContent .loginright { padding-right:25px; text-align:right; font-size:11px; width:290px; float:right;}
#login .loginContent form {margin: 0 0 10px 0; height:26px;}
#login .loginContent input.inputlogin { margin-top:4px; margin-right:5px; background:#f7f7f7; border:1px #ccc solid; color:#000;  height: 17px; }
#login .loginContent input:focus.field {background: #545454;}
#login .loginContent input.rememberme {border:none; background:transparent; vertical-align:middle;}
#login .loginContent input.button_login { background: transparent url(/images/top_btnlogin.gif) no-repeat 0 0; border:none; vertical-align:middle; width:47px; height:18px; cursor:pointer;}
#login .loginContent input.button_password { background: transparent url(/images/top_btnenviar.gif) no-repeat 0 0; border:none; vertical-align:middle; width:47px; height:18px; cursor:pointer;}
#login .loginClose { font-size:10px; text-align:left; width:40px; position:absolute; top:10px; right:15px; display:block;}
#login .loginClose a { padding-right:10px; border: none; background: url(/images/top_btnclose.gif) no-repeat right 0; font-size:10px; color:#666; vertical-align:middle; width:100%; height:18px; display:block;}
#login .loginClose a:hover {background: url(/images/top_btnclose.gif) no-repeat right -18px; }

/***** clear *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */