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

*/

/***** 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 { background:url(../../../images/tab_b.png) repeat-x 0 0; height:40px; position:absolute; top:0; right:10px; z-index:999; text-align:right; width:auto; }
.tab ul.login { display:block; position:relative; float:right; clear:right; height:40px; width:auto; font-weight:bold; line-height:40px; margin:0; color:white; font-size:80%; text-align:center; }
.tab ul.login li.left { background:url(../../../images/tab_l.png) no-repeat left 0; height:40px; width:10px; padding:0; margin:0; display:block; float:left; }
.tab ul.login li.right { background:url(../../../images/tab_r.png) no-repeat left 0; height:40px; width:10px; padding:0; margin:0; display:block; float:left; }
.tab ul.login li { text-align:left; padding:0 6px; display:block; float:left; height:40px; background:url(../../../images/tab_m.png) repeat-x 0 0; }
.tab ul.login li a { color:#f00; }
.tab ul.login li a:hover { color:white; }
.tab .sep { color:#414141; }
.tab a.open,.tab a.close { height:20px; line-height:20px!important; padding-left:25px!important; cursor:pointer; display:block; width:auto; position:relative; top:11px; text-transform:uppercase; color:#f00; text-align: right;}
.tab a.open { background:url(../../../images/bt_open.png) no-repeat left 0; }
.tab a.close { background:url(../../../images/bt_close.png) no-repeat left 0; }
.tab a:hover.open { background:url(../../../images/bt_open.png) no-repeat left -19px; }
.tab a:hover.close { background:url(../../../images/bt_close.png) no-repeat left -19px; }

/* sliding panel */
#ctl00_memberlogin_logoutboxcontainer {margin-left: 270px;}
#toppanel { position:absolute; top:0; width:480px; z-index:999; text-align:center; margin-left:20px;}
#panel { width:100%; height:130px; color:#999999; background:#01254b; overflow:hidden; position:relative; z-index:3; display:none; background:#01254b url(../../../images/2010/bg-toppanel.jpg) repeat-x; }
#panel h1 { font-size:1.6em; padding:5px 0 10px; margin:0; color:white; }
#panel h2 { font-size:1.2em; padding:10px 0 5px; margin:0; color:white; }
#panel p { margin:5px 0; padding:0; }
#panel a { text-decoration:none; color:#15ADFF; }
#panel a:hover { color:white; }
#panel a-lost-pwd { display:block; float:left; }
#panel .content { width:480px; margin:40px 0 auto; padding-top:15px; text-align:left; font-size:.85em; }
#panel .content .left { width:480px; float:left; padding:0 15px; }
#panel .content .left table{ width:400px; }

/*#toppanel .login li .message{z-index: 10000; position: absolute; top: 10px; width:400px; }*/
#toppanel .login li .message span{float:left; color: #f00; padding: 0 5px; height: 16px; width:100%;}
#panel .content .left .message #waitMsg {padding: 0; color: #fff; background-color: #01254b; height: 16px;}
#panel .content .left #login label {/*width: 83px;*/ font-size:.9em;}

#panel .content .left hr { width:auto; margin-left:-15px; margin-top:5px; margin-bottom:5px; }
#panel .content .right { }
#panel .content form { margin:0 0 10px; }
#panel .content label {float:left; padding-top:8px; font-size:1em; /*width:60px; display:block;*/ display:inline; text-align:left; text-transform:uppercase; margin-right:5px; width:auto;}
#panel .content input.field { float:left; display:inline; border:1px #1A1A1A solid; background:#0173aa; margin-right:5px; margin-top:4px; width:100px; color:white; height:16px; }
#panel .content input:focus.field { background:#545454; }
#panel .content input.submit { float:left; border:1px #1A1A1A solid; background:#b8252d; margin-top: 4px; width:40px; color:white; height:20px; }

#panel .content span { float:left; }

/* BUTTONS */

/* Login and Register buttons */
#panel .content input.bt_login,#panel .content input.bt_register { display:block; float:right; clear:left; height:24px; text-align:center; cursor:pointer; border:none; font-weight:bold; margin:10px 0; margin-right:80px; }
#panel .content input.bt_login { width:74px; background:transparent url(../../../images/bt_login.png) no-repeat 0 0; }
#panel .content input.bt_register { width:94px; color:white; background:transparent url(../../../images/bt_register.png) no-repeat 0 0; }
#panel .lost-pwd,#panel .lost-user,#panel .become-member { display:block; float:left; clear:right; padding:10px 15px 0; font-size:1em; text-decoration:underline; color:#ccc; }