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

*/       

html, body { border: 0; margin: 0; padding: 0;}

body { font: 85%/0.9 arial, helvetica, sans-serif;	background: #523247;  	line-height: 130%;  	width: 100%;  	min-width: 970px; color: black;}

a img {  border: none;/*remove border for linked images*/}

h1 {	font-size: 1.6em;	height: 20px;	padding-top: 0;}
h2{	font-size: 1.2em;	height: 20px;	padding-top: 0;}
.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

#content {
  	width: 740px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}


#toc li { list-style-type:circle; padding-left:5px; margin-left:15px; }
#toc a { color:#69C; }
div.section {  }
div.section h3 { margin-bottom:10px; }
div.section li { float:left; }
div.pane{ overflow:hidden; clear:left; margin: 10px 0 0 95px; position:relative; width:826px; }
ul.elements { margin:0; padding:0 0 0 0px; float:left; }
ul.elements li{ list-style:none; margin:0; width:516px; height:140px; text-align:center; padding:30px 50px 70px 50px; position:relative;  }
ul.elements li a { bottom:20px; color:#CCC; font-size:12px; left:125px; position:absolute; border:none; }
ul.elements li p{ color:#fff; text-align:left; width:527px; line-height:23px; }
#pane-options ul.elements li{ margin:5px; }
#pane-options{ margin-bottom:10px; width:667px; }