/*
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;}
/* Hides from IE-mac \*/

html, body {border: 0; margin: 0; padding: 0;}
/*body {font: 85%/0.9 arial, helvetica, sans-serif;   line-height: 130%; width: 100%; */
/*min-width: 970px; color: black;}*/

#container {width: 100%; height: 100%; text-align: center;}
#slidecontent {width: 100%; margin: 0 auto;  text-align: left;  padding: 10px;}

#panel a {color: #0099CC; text-decoration: none;}
#panel a:hover {color: #00CCFF;}
#panel a img {  border: none;}
#panel h1 { font-size: 1.6em; height: 20px; padding-top: 0;}
#panel h2{  font-size: 1.2em; height: 20px; padding-top: 0;}
.tab a {text-decoration: none;}

/* Panel Tab/button */
.tab {
	height: 30px;
	 line-height: 30px;
	 width: 100%;
	 font-size: 11px; 
	 color: #333;
	 border-bottom: 1px solid #222;
}

.tab #poweredby {
	 margin: 0 0 0 5px;
	position: relative;      /* Firefox requires */
	 float: left; 
	 padding-left: 5px; 
	 color: #999; 
	 font-size: 11px;
	 line-height: 26px;
	 
}
.tab #poweredby a {margin-left: 8px; color: #eee;}
.tab #poweredby a:hover {color: #fff;}

.tab #links {line-height:30px; margin:0 auto; padding:0; text-align: center;}
.tab #links a {color: #ccc; margin: 0 15px;}
.tab #links a:hover {color: #fff;}
.tab #links #closelinks {display: none;}

.tab ul#openclose {
	list-style-type:none;
	float: right;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
	margin: 0;
	padding: 0;
	right: 0;       
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.tab ul#openclose li {
	text-align: left;
	padding: 0 3px;
	display: block;
	float: right;
	height: 25px;
	margin: 0;
}

.tab ul#openclose li a , .tab ul#openclose li a:hover {
    color: white;
}

.tab a#open, .tab a#close {
	height: 20px;
	line-height: 20px !important;
	padding-right: 10px !important;
	cursor: pointer;
	display: block;
	position: relative;
	top: 5px;
	font-size: 12px;
	font-weight: bold;
}

.tab .sep {color:#414141}

/* sliding panel */
#toppanel {
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	background: #111;
}

#panel {width: 100%; height: 225px; color: #999999; background: #272727; overflow: hidden; position: relative; display: none; font-size: 13px; line-height: 15px;}
#panel h1 {font-size: 24px; padding: 5px 0 10px; margin: 0; color: #fff;}
#panel p {margin: 5px 0;    padding: 0;}
#panel p .icon {font-size: 28px;}
#panel a {text-decoration: none; color: #15ADFF;  font: 13px arial;}
#panel a:hover {color: #ffffff;}

#panel .slidecontent {width: 990px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em;}
#panel .slidecontent .left {width: 100%; float: left; padding: 0 15px; border-left: 1px solid #333;}
#panel .slidecontent .right {border-right: 1px solid #333;}

#panel .logo {margin: 5px 0 15px 0;}
#panel .free a {font-size: 22px; margin: 15px 65px 15px 0; float: right; clear: both;}

#panel .info {width: 194px; height: 130px; float: left; font-weight: bold; color: #15ADFF;}
#panel .info a {font: 11px; font-weight: normal; color: #ccc;}
#panel .info a:hover {color: #fff;}
#panel .info h1 {font-size: 12px; color: #15ADFF; margin: 0; padding: 0;}

#panel #localsponsors { font-size: 12px; font-weight: bold; color: #15ADFF; margin: 0; line-height: 50px; padding: 0px 20px 0 0;}
#panel #localsponsors #adhere {float:right; width: 250px; padding: 0px 15px 0 0; line-height: 15px; }
#panel #localsponsors #adhere a {font-size: 10px; color: #666; padding-left: 15px;}
#panel #localsponsors #adhere a:hover {color: #fff;}
#panel #localsponsors #ads {text-align: center;}
#panel #localsponsors #ads img {margin: 0 5px;}