/*
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 { background: url(../images/tab_b.png) repeat-x 0 0; height: 36px; position: relative; top: 0; z-index: 999; margin: 0; }
.tab ul.login { display: block; position: relative; float: right; clear: right; height: 36px; width: auto; font-weight: bold;
				line-height: 35px; margin: 7px 0 0 0; right: 60px; color: white; font-size: 80%; text-align: center; }
.tab ul.login li.left { background: url(../images/tab_l.png) no-repeat left 0; height: 36px; width: 30px; padding: 0;
				margin: 0; display: block; float: left; }
.tab ul.login li.right { background: url(../images/tab_r.png) no-repeat left 0; height: 36px; width: 30px; padding: 0;
				margin: 0; display: block; float: left; }
				
.tab ul.login li.flags { height: 36px; width: 62px; padding: 0; margin: 0; display: block; float: left; background: none; }
.tab ul.login li.flags a { width: 27px; height: 15px; margin: 0; padding: 0; }
.tab ul.login li.flags a img { margin: 1px; width: 27px; height: 15px;  }
.tab ul.login li.flags a:hover img { margin: 0; border: 1px solid #ffffff; }

.tab ul.login li.news_panel { height: 36px; width: 100px; padding: 0; margin: 0 0 0 15px; display: block; float: left; background: none; }
.tab ul.login li { text-align: left; padding: 0; display: block; float: left; height: 36px;
				background: url(../images/tab_m.png) repeat-x 0 0; }
.tab ul.login li a { color: #000000; }
.tab ul.login li a:hover { color: #ffffff; }
.tab .sep {color:#414141}

.text_nav { display: block; float: left; height: 20px; width: 20px; }

.tab a.open, .tab a.close, .text_nav a.open, .text_nav a.close, .text_nav a.closeX  { line-height: 20px !important; padding-left: 30px !important; 
			cursor: pointer; display: block; position: relative; top: 0; }
.tab a.open, .text_nav a.open {background: url(../images/bt_open.png) no-repeat left 0; height: 20px; margin: 7px 0 0 0; }
.tab a.close, .text_nav a.close {background: url(../images/bt_close.png) no-repeat left 0; height: 20px; margin: 7px 0 0 0; }
.tab a:hover.open, .text_nav a:hover.open {background: url(../images/bt_open.png) no-repeat left -20px; height: 20px; margin: 7px 0 0 0; }
.tab a:hover.close, .text_nav a:hover.close {background: url(../images/bt_close.png) no-repeat left -20px; height: 20px; margin: 7px 0 0 0; }

.tab a.closeX, .text_nav a.closeX {background: url(../images/bt_close.png) no-repeat left 0; height: 20px; margin: 7px 0 0 0; }
.tab a:hover.closeX, .text_nav a:hover.closeX {background: url(../images/bt_close.png) no-repeat left -20px; height: 20px; margin: 7px 0 0 0; }

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0; left: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto;  min-width: 990px; }
#panel { width: 100%; height: 80px; background: url(../images/header_back.png); overflow: hidden; position: relative;
	z-index: 3;}