/*
Name:Sliding Login Panel with jQuery 1.3.2
Author:Jeremie Tisseau
Author URI:http://web-kreation.com/
Date:March 26, 2009
Version:1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:http://www.gnu.org/licenses/gpl-3.0.html
*/

/***** clearfix *****/
.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;}
/* Panel Tab/button */
.tab 					{height:24px;position:relative;top:0;z-index:999;}
.tab ul.login 			{display:block;position:relative;float:right;clear:right;height:24px;width:auto;font-weight:bold;
						 line-height:22px;margin:0;padding:0;background-color:#FFF;right:50%;margin-right:-454px;color:black;font-size:80%;
						 text-align:center;
						 border-left:1px solid #ddd;
						 border-right:1px solid #ddd;
						 border-bottom:1px solid #ddd;
						 /*opacity:.9; filter:alpha(opacity=90);*/
						 }
.tab ul.login li.left 	{height:24px;width:30px;padding:0;margin:0;display:block;float:left;}
.tab ul.login li.right 	{height:24px;width:30px;padding:0;margin:0;display:block;float:left;}
.tab ul.login li 		{text-align:left;padding:0 1px;display:block;float:left;height:24px;font-family:verdana;font-size:10px}
.tab ul.login li a 		{color:#FFF;font-family:verdana;}
.tab ul.login li a:hover{color:black;}
.tab .sep 				{color:#FFF}
.tab a.open, 
.tab a.close 			{height:20px;line-height:20px !important;cursor:pointer;font-family:verdana;
					     display:block;width:180px;position:relative;margin-top:1px;color:#FFF;text-align:center}

.tab a.close:hover,.tab a.open:hover {color:black;}
/* sliding panel */
#toppanel				{/* position:relative;   /*Panel will "push" the content */
						position:relative;   /*Panel will  overlap  the content down */
						top:0;width:100%;z-index:999; text-align:center;margin-left:auto; margin-right:auto;}
#panel 					{width:100%;height:146px;color:#000;background-color:#FFF;overflow:hidden;position:relative;
						z-index:3;display:none;font-size:10px;border-bottom:1px solid #ddd;
						font-family:"Trebuchet MS", verdana, Helvetica, sans-serif}
#panel 	h1 				{font-size:1.6em;padding:5px 0 10px;margin:0;color:black;}

#panel  label			{color:black;font-family:"Trebuchet MS", verdana, Helvetica, sans-serif;font-size:12px}
#panel 	h3				{font-size:1.2em;padding:2px 0px;margin:0;color:#FFF;}
#panel 	p 				{margin:5px 0;padding:0;}
#panel 	a 				{text-decoration:none;color:#FFF;font-family:"Trebuchet MS", verdana, Helvetica, sans-serif;font-size:12px;font-weight:bold;line-height:12px}
#panel 	a:hover 		{color:#FFF;font-size:12px;}
#panel 	a-lost-pwd 		{display:block;float:left;}
#panel  a.imp			{color:#FFF}
#panel  a:hover.imp		{color:#FFF}
#panel .content 		{width:970px;margin:0 auto;padding-top:1px;text-align:left;font-size:0.85em;}
#panel .content ul		{ padding-bottom:0;padding-top:0; margin-top:0; margin-bottom:0;}
#panel .content ul li	{padding:0;margin:0}
#panel .content .left 	{width:292px;float:left;padding:0 15px;border-left:1px solid #FFF;height:140px}
#panel .content .right 	{border-right:1px solid #ddd;height:144px}
#panel .content input.bt_login,
#panel .content input.bt_register {display:block;float:left;clear:left;height:24px;text-align:center;cursor:pointer;border:none;font-weight:bold;margin:10px 0;}
#panel .content input.bt_login {width:74px;background:#fff url(/img/slidepanel.bt_login.png) no-repeat 0 0;}
#panel .content input.bt_register {width:94px;color:black;background:#fff url(/img/slidepanel.bt_register.png) no-repeat 0 0;}