/*
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 */
.panel-tab {
	background-color:rgba(17,17,17,0.80);
	position: relative;
    top: 0;
    z-index: 900;
}

.panel-tab ul.panel-login {
	display: block;
	position: relative;
	z-index:890;
  	float: right;
  	clear: right;
  	/*height: 25px;*/
	line-height: 25px;
	
  	height:auto;
	width: 60px !important; 
	font-size:12px !important;
  	/*font-weight: bold;
	
	margin: 0;
	right: 150px;
	color: white;*/
	margin:0 0 0 0;
	padding:0 0 0 0;
	right:5%;
  	
  	/*font-size: 80%;*/
	text-align: center;
	
	background-color:rgba(17,17,17,0.80);
	
	/*
	background-color:#111;
	background-color:rgba(255,255,255,0.88);
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);*/
	
	/**/
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	
/*
	box-shadow:
      0 5px 5px rgba(255,255,255,0.6) inset,
      0 -5px 7px rgba(0, 0, 0, 0.4) inset;
   -moz-box-shadow:
      0 5px 5px rgba(255,255,255,0.6) inset,
      0 -5px 7px rgba(0, 0, 0, 0.4) inset;
   -webkit-box-shadow:
      0 5px 5px rgba(255,255,255,0.6) inset,
      0 -5px 7px rgba(0, 0, 0, 0.4) inset;
   filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#33ffffff',
      endColorstr='#33000000',
      GradientType=0 );
 */	 
	/*
	box-shadow:0 0 10px 1px #222;
	-moz-box-shadow:0 0 10px 1px #222;
	-webkit-box-shadow:0 0 10px 1px #222;
	*/
	
	/*
	-webkit-box-shadow: 0px 7px 11px #111;
	-moz-box-shadow: 0px 7px 11px #111;
	box-shadow: 0px 7px 11px #111;
 	*/
	/*-webkit-box-shadow: 0 0 10px #111, 0 0 10px #111;
    -moz-box-shadow: 0 0 10px #111, 0 0 10px #111;
    box-shadow: 0 0 10px #111, 0 0 10px #111;
	*/
}


.panel-tab ul.panel-login li {
 	/*text-align: left;
  	padding: 0;*/
	display: block;
	/*float: left;*/
	height: auto;
	/*padding:1px 15px 1px 15px;
  	background: url(../images/tab_m.png) repeat-x 0 0;*/
}

.panel-tab ul.panel-login li a {
	/*color: #15ADFF;*/
	color: #BBB;

}

.panel-tab ul.panel-login li a:hover {
	color: #FFF;
}


.panel-tab a.panel-open, .panel-tab a.panel-close {
	/*height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;*/
	cursor: pointer;
	display: block;
	/*width: 100px;
	width: auto;*/
	/*position: relative;
	top: 11px;*/
}

/* sliding panel */
#toppanel {
    position: fixed;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
	/*height:300px;*/
    z-index: 990;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    
}

#panel {
	
	width: 100%;
	/*height: 270px;
	height:300px;*/
	color: #777;
	/*background: #272727;*/
	background-color:rgba(17,17,17,0.80);
	/*background-color:rgba(255,255,255,0.88);*/
	/*background: #111;*/
	overflow: hidden;
	position: relative;
	z-index: 999;
	display: none;
	line-height:1.5em;
	/*overflow:scroll;*/
	/*-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80);*/

}

#panel h1 {
	/*font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;*/
}

#panel p {
	/*margin: 5px 0;
	padding: 0;*/
}

#panel a {
	/*text-decoration: none;
	color: #15ADFF;*/
}

#panel a:hover {
	/*color: white;*/
}

#panel .panel-content {
	/*width: 960px;*/
	width:auto;
	margin: 0 auto;
	/*padding: 15px;*/
	text-align: left;
	/*font-size: 0.85em;*/
	/*-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);*/
}


#panel .panel-content .panel-menu  {
	width: auto;
	float: left;
	padding:15px;
}
#panel .panel-content .panel-menu  a{
	/*text-decoration:none;*/
}
#panel .panel-content .panel-menu  a:hover{
	/*color: #FFF;*/
}
/*#panel .panel-content .panel-menu  a.current {
	color: #365a7b;
}*/