/*
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: url(../images/login_top.jpg) repeat-x 0 0;height: 22px;position: relative;}
#top ul.login { display: block;position: relative;float: right;clear: right;height: 22px;width: auto;line-height: 22px;margin: 0;right: 140px;color: #cccccc;font-family: arial, helvetica, sans-serif,宋体;font-size: 12px;text-align: center;background: url(../images/login_r.jpg) no-repeat right 0;padding-right: 26px;}
#top ul.login li.left { background: url(../images/login_l.jpg) no-repeat left 0;height: 22px;width: 26px;padding: 0;margin: 0;display: block;float: left;}
#top ul.login li { text-align: left;padding: 0 5px;display: block;float: left;height: 22px;background: url(../images/login_m.jpg) repeat-x 0 0;}
#top ul.login li a { color: #cccccc;}
#top ul.login li a:hover { color: white;}
/*Login*/
/* toggle effect - show/hide login*/
#login { width: 100%;color: white;background: #1E1E1E;overflow: hidden;position: relative;z-index: 3;height: 0;}
#login a { text-decoration: none;color: #33CCCC;}
#login a:hover { color: white;}
#login .loginContent { width: 950px;height: 40px;margin: 0 auto;padding-top: 15px;text-align:right;font-family: arial, helvetica, sans-serif,宋体;font-size: 12px;color:#cccccc;}
#login .loginContent .logput {width: 360px;float: left;padding-left:155px;font-size:12px;text-align:right;}
#login .loginContent .logmain {width: 560px;float: left;padding-left:355px;font-size:12px;text-align:right;}
#login .loginContent .left { width: 200px;float: left;padding-left:5px;margin-top: 5px;font-family: arial, helvetica, sans-serif,宋体;font-size: 12px;text-align: right;}
#login .loginContent .right { width: 190px;float: right;text-align: right;padding-right:5px;margin-top:8px;font-family: arial, helvetica, sans-serif,宋体;font-size: 12px;}
#login .loginContent form { margin: 0 0 10px 0;height: 26px;}
#login .loginContent input.field { border: 1px #1A1A1A solid;background: #464646;margin-right: 5px;margin-top: 4px;color: white;height: 16px;}
#login .loginContent input:focus.field { background: #545454;}
#login .loginContent input.rememberme { border: none;background: transparent;margin: 0;padding: 0;}
#login .loginContent input.button_login { width: 47px;height: 20px;cursor: pointer;border: none;background: transparent url(../images/button_login.jpg) no-repeat 0 0;}
#login .loginClose { display: block;position: absolute;right: 15px;top: 5px;width: 40px;font-family: arial, helvetica, sans-serif,宋体;font-size: 12px;text-align: left;}
#login .loginClose a { display: block;width: 100%;height: 15px;background: url(../images/button_close.jpg) no-repeat right 0;padding-right: 10px;padding-top: 5px;border: none;font-family: arial, helvetica, sans-serif,宋体;font-size: 12px;color: white;}
#login .loginClose a:hover { background: url(../images/button_close.jpg) no-repeat right -20px;}