/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Designed & Coded By : Richard Carpenter
URL : www.richard-carpenter.co.uk
	  www.hv-designs.co.uk

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/

/* MAIN BODY STYLES */
/* {
	margin: 0px; /*NO MARGIN/*
	padding: 0px; /*NO PADDING*/
}
/*
body {
	background-image: url(images/bg.png); 
	background-repeat: repeat-x; 
	background-color: #E6E6E6; 
	margin: 0 auto; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 75%; 
	line-height: 100%;
}
*/

#login-holder {
	width:100%
}

#login-holder-main {
	margin:0 auto;
	width:846px;
	height:100px;
	z-index:1;
}

#headerslide {
	position:relative;
	left:483px;
	top:-50px;
	height:100px;
	width:350px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}

/* SLIDING PANEL STYLES */

#slide-panel {
	z-index:2;
	float:left;
	margin-bottom:10px;
	/*width: 350px; /*WIDTH OF HIDDEN SLIDE PANEL*/
	width: 600px;
	display: none; /*THE ELEMENT WILL NOT BE DISPLAYED*/
	/*background-color: ; /*SLIDE PANEL BACKGROUND COLOR*/
	border:1px #141414 solid;
	/*margin:auto 494px auto 0;*/ /*CENTERS OUR SLIDE PANEL*/
}
#login-panel {
	z-index:2;
	/*float:left;
	margin-bottom:10px;*/
	width: 350px; /*WIDTH OF HIDDEN SLIDE PANEL*/
	/*width: 600px;*/
	display: none; /*THE ELEMENT WILL NOT BE DISPLAYED*/
	background-color:#111111 ; /*SLIDE PANEL BACKGROUND COLOR*/
	border:1px #141414 solid;
	margin:auto 494px auto 0; /*CENTERS OUR SLIDE PANEL*/
}

.slide {
	margin: 0; /*NO MARGIN*/
	padding: 0; /*NO PADDING*/
	float:right;
	background-image:url(../images/slide_button.png); /*ADDS OUR BUTTON IMAGE*/
	background-repeat: no-repeat; /*STOPS BUTTON FROM REPEATING*/
	background-position: right top; /*SETS BUTTON POSITION*/
}

.btn-slide {
	text-align: center; /*ALIGNS TEXT CENTER*/
	width: 100px; /*BUTTON WIDTH*/
	height: 26px; /*BUTTON HEIGHT*/
	display: block; /*DISPLAY AS A BLOCK*/
	color:#666666;
	text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
	font-family: Arial, Helvetica, sans-serif; /*FONT FAMILY*/
	font-weight: bold; /*TURNS TEXT BOLD*/
	font-size: 0.75em; /*FONT SIZE*/
	margin-left: auto; /*MARGIN AUTO*/
	 /*MARGIN AUTO*/
	line-height: 22px; /*LINE HEIGHT OF BUTTON TEXT*/
}

.slide a:hover{
color:#999999;
}

/* FORM STYLES */

.form {
	width: 400px; /*FORM WIDTH*/
	padding-top: 5px; /*SETS FORM TOP PADDING*/
	padding-bottom: 5px; /*SETS BOTTOM PADDING*/
	padding-right: 20px; /*ADDS RIGHT PADDING*/
	padding-left: 20px; /*ADDS LEFT PADDING*/
}

.form p {
font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em; 
	font-weight: bold; /*CHANGES TEXT TO BOLD*/ 
	color: #888888; /*TEXT COLOR*/
	margin-bottom: 5px; /*ADDS BOTTOM MARGIN*/
}

.textfield {
	background-color: #4c4c4c; /*FORM TEXT FIELD BACKGROUND COLOR*/
	color: #FFFFFF; /*FORM TEXT FIELD TEXT COLOR*/
	padding: 2px; /*ADDS PADDING*/
	border: 1px solid #CCCCCC; /*FORM TEXT FIELD BORDER & BORDER COLOR*/
	margin-bottom: 10px; /*ADDS BOTTOM MARGIN*/
}

.form-btn {
	margin-right: 10px; /*FORM BUTTON RIGHT MARGIN*/
	margin-bottom: 5px; /*FORM BUTTON BOTTOM MARGIN*/
}