/*
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 \*/

.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}
/* Panel Tab/button */
.tab {background: url(../images/tab_b.png) repeat-x 0 0;height: 42px;position: relative;top: 0;z-index: 999;}
.tab ul.login {	display: block; position: relative;float: right;clear: right;height: 42px;width: 230px !important; line-height: 42px;margin: 0;right: 150px;color: white;	font-size: 80%;	text-align: center;}
.tab ul.login li.left {background: url(../images/tab_l.png) no-repeat left 0;height: 19px;width: 29px;padding: 0;margin: 0;display: block;float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.tab ul.login li.right {background: url(../images/tab_r.png) no-repeat left 0;height: 19px;	width: 29px;padding: 0;margin: 0;display: block;	float: left;}
.tab ul.login li {text-align: left;	padding: 0 0px;display: block;float: left;height: 19px;background: url(../images/tab_m.png) repeat-x 0 0;}
.tab ul.login li a {color: #fff; text-decoration:none;}
.tab ul.login li a:hover {color: white;}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {height: 20px;line-height: 0px !important;padding-left: 5px !important;	cursor: pointer;display: block;width: 60px;position: relative;	top: 11px;}

/* sliding panel */
#toppanel {position: absolute;   /*Panel will overlap  content */ /*position: relative;*/   /*Panel will "push" the content down */ top: 0;	width: 100%;z-index: 999;text-align: center;	margin-left: auto;	margin-right: auto;}
#panel {width: 100%;height: 410px;color: #000000;background: #f36e29;overflow: hidden;position: relative;z-index: 3;display: none;}
#panel h1 {font-size: 1.6em;padding: 5px 0 10px;font-weight:bold;margin: 0;	color: ffffff;}
#panel h2 {font-size: 1.2em;font-weight:bold;padding: 10px 0 5px;margin: 0;	color: ffffff;}
#panel p {margin: 5px 0;padding: 0; font-family:Arial, Helvetica, sans-serif; size:12px;}
#panel a {text-decoration: none;color: #ffffff;}
#panel a:hover {color: ffffff;}
#panel a-lost-pwd {display: block;	float: left;}
#panel .content {width: 960px;	margin: 0 auto;	padding-top: 15px; text-align: left; font-size: 0.85em;}
#panel .content .left {width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333;}
#panel .content .right {border-right: 1px solid #333;}
#panel .content form {margin: 0 0 10px 0;}
#panel .content label {float: left;	padding-top: 8px;	clear: both;	width: 280px;	display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#panel .content input#name {border: 1px #1A1A1A solid;	background: #d4d4d4;margin-right: 5px;	margin-top: 4px;	width: 200px;	color: white;	height: 16px;	color:#222;}
#panel .content input#place {border: 1px #1A1A1A solid;	background: #d4d4d4;margin-right: 5px;	margin-top: 4px;	width: 200px;	color: white;	height: 16px;	color:#222;}
#panel .content input#email {border: 1px #1A1A1A solid;	background: #d4d4d4;margin-right: 5px;	margin-top: 4px;	width: 200px;	color: white;	height: 16px;	color:#222;}
#panel .content input#phone {border: 1px #1A1A1A solid;	background: #d4d4d4;margin-right: 5px;	margin-top: 4px;	width: 200px;	color: white;	height: 16px;	color:#222;}
#panel .content input#website {border: 1px #1A1A1A solid;	background: #d4d4d4;margin-right: 5px;	margin-top: 4px;	width: 200px;	color: white;	height: 16px;	color:#222;}
#panel .content input:focus.field {background: #f8d07b;	color:#222;}
#panel .content textarea.field {border: 1px #1A1A1A solid; background: #d4d4d4; margin-right: 5px;	margin-top: 4px; width: 200px;	color: white;	height: 50px;	color:#222;}
#panel .content textarea:focus.field {background: #f8d07b;	height:50px; color:#222;}
#panel ul.checkbox li {clear: both;	height: 31px; padding: 5px 0 5px 0;	margin: 0;	width: 330px; overflow: hidden;}
#panel ul.checkbox li span {color: #111111;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; position: relative; top: -2px;	left: 9px;}
#panel ul.checkbox li .checkboxLabel {display: inline;float: none;color: #111111;font-family: Arial, Helvetica, sans-serif;	font-size: 12px;position: relative;top: -2px;left: 9px;}
/* BUTTONS */
/* Login and Register buttons */
#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: transparent url(../images/bt_login.png) no-repeat 0 0;
}