/*
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: #99A989 url(../images/bg.jpg) repeat 0 0;
		line-height: 130%;
		width: 100%;
		min-width: 970px;
		color: black;
	}

	a {
		color: #0099CC;
		text-decoration: none;
	}

	a:hover {
		color: #00CCFF;
	}

	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 */
		padding-top:100px;
	}

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


	.stepcarousel{
		position: relative; /*leave this value alone*/
		border: 10px solid black;
		overflow: scroll; /*leave this value alone*/
		width: 270px; /*Width of Carousel Viewer itself*/
		height: 200px; /*Height should enough to fit largest content's height*/
	}

	.stepcarousel .belt{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
	}

	.stepcarousel .panel{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin: 10px; /*margin around each panel*/
		width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
	.form-slide{
		padding: 6px 12px !important;
		text-align: left;
		border: 2px solid #cccccc;
		background: #820000;
		color: #fff;
		border-radius: 5px;
		margin-top: 50px !important;
	}
	.form-slide label{
		padding: 0px;
	}
	.form-slide button[type=submit]{
		border: 1px solid white;
		color: white;
		background: #850001;
		font-weight: bold;
		text-align: center;
		margin: 6px auto 10px;
		width: 100%;
	}
	.form-slide h3{
		text-align: center;
		margin: 10px 0px;
	}