/*
Name: Sliding Login Panel with jQuery 1.3.2
Original Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0
Modified by Ardent Media Design
*/

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


/* sliding panel */
#toppanel1 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#toppanel2 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#toppanel3 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#toppanel4 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#toppanel5 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#toppanel6 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#toppanel7 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#toppanel8 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#toppanel9 {
    position: absolute;
    top: 22%; left: 14%;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel1 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel1 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel1 a:hover {
	color: white;
}

#panel2 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel2 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel2 a:hover {
	color: white;
}

#panel3 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel3 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel3 a:hover {
	color: white;
}

#panel4 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}


#panel4 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel4 a:hover {
	color: white;
}

#panel5 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel5 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel5 a:hover {
	color: white;
}

#panel6 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel6 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel6 a:hover {
	color: white;
}

#panel7 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel7 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel7 a:hover {
	color: white;
}

#panel8 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel8 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel8 a:hover {
	color: white;
}

#panel9 {
	width: 691px;
	height: 425px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel9 a {
	text-decoration: none;
	color: #15ADFF;
}

#panel9 a:hover {
	color: white;
}