/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Date: March 26, 2009
Version: 1.0

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

*/ 

/* Panel Tab/button */
.tab 			{ background: url(images/slide/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; z-index: 999; }
.tab-wrap		{ width:960px; margin:0 auto;}
.tab ul.login 	{ display: block; position: relative; float: right; clear: right; height: 42px; width: auto; line-height: 42px; margin: 0; color: #FFF; text-align: center;}
.tab ul.login li.left 	{ background: url(images/slide/tab_l.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
.tab ul.login li.right 	{ background: url(images/slide/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; }
.tab ul.login li 		{ text-align: left; padding: 0 6px; display: block; float: left; height: 42px; 	background: url(images/slide/tab_m.png) repeat-x 0 0; }
.tab ul.login li a 		{ color: #FFF; text-decoration:none; }
.tab ul.login li a:hover 	{ color: #FFF; }
.tab a.open, .tab a.close 	{ height: 20px;	line-height: 20px !important; padding-right: 20px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; }
.tab a.open {background: url(images/slide/bt_open.jpg) no-repeat right 0;}
.tab a.close {background: url(images/slide/bt_close.jpg) no-repeat right 0;}

/* sliding panel */
#toppanel 		{ position: absolute; top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; }
#panel 			{ width: 100%; background: #3B94CF; overflow: hidden; position: relative; z-index: 3; display: none; }
#panel h2		{ font-size: 22px; padding: 10px 0 5px; margin: 0; color: #FFF; }
#panel a 		{ color: #212121; }

#panel .panel-content 	{width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; }
#panel .panel-content .large 	{ width:670px; margin-bottom:15px }
#panel .panel-content .short 	{ width:265px; padding-left:15px; margin-bottom:15px; border-left:2px solid #9DCAE7; }

#panel .panel-content img.logo_panel	{ float:left; margin:0 10px 10px 0 }
#panel .panel-content p				{ margin:0 0 5px 0; color:#FFF; clear:both }
#panel .panel-content label			{ color:#FFF; }
#panel .panel-content input.text	{ background:url(images/elements/input-login.jpg) no-repeat 0 0; width:230px; height:17px; line-height:normal; border:none; font-size: 14px; padding:10px; font-family:Georgia, "Times New Roman", Times, serif }
#panel .panel-content input:focus.text	{ background:url(images/elements/input-login.jpg) no-repeat 0 -37px; }
#panel .panel-content ul { list-style:none outside; margin:0; padding:0; }
#panel .panel-content ul.sidebarlogin_otherlinks { margin-top:20px }

#panel .panel-content .avatar_container	{  }
#panel .panel-content .profile_container { width:775px; }
#panel .panel-content .profile_container .welcome { font-size:22px; color:#FFF; font-weight:bold; margin-bottom:10px }
#panel .panel-content .profile_container .column { width:370px; margin-top:10px }
#panel .panel-content .profile_container .alignleft { border-right:2px solid #9DCAE7; padding-right:20px }
#panel .panel-content .avatar_container img	{ border:5px solid #FFF; margin-bottom:10px }

#panel .panel-content .profile_container ul li	{ font-size:16px; margin-bottom:3px; font-weight:bold }