/*////////////////////////////////////////////////////////////////
= ADMIN LOGIN CLASSES 
////////////////////////////////////////////////////////////////*/

html, body.page {

	height: 100%;
	margin: 0px;

}

html._Telerik_IE9, html._Telerik_IE9 body {
height: auto !important;
}

div#login_page {
	
	width: 100%;
	height: 100%;
	padding: 60px 0;
	
}

/* -------------------------------------------------------------
= RESET FONT AND LINE HEIGHT FROM SITE'S CSS
------------------------------------------------------------- */

div#login_page,
div#login_page div,
div#login_page table,
div#login_page p {

	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.2em;
	color: #666;

}

/* -------------------------------------------------------------
= OVERALL CONTAINER OF ADMIN LOGIN - BORDER AND WIDTH 
------------------------------------------------------------- */

div#login_container {
	
	width: 630px;
	border: solid 1px #000;
	margin: 0 auto;
background: #FFF;

}

/* -------------------------------------------------------------
= BOX WITH SITE NAME AND "WEB ADMIN LOGIN"
------------------------------------------------------------- */

div#login_siteName {

	background: #dcdace url(../Images/adminLogin_bg.gif) bottom repeat-x;
	width: 390px;
	padding: 70px 0;
	text-align: center;
	float: left;
        border-right: 1px solid #000;

}

/* SITE NAME */
div#login_siteName h1 {
	text-align: center;
	color: #000;
	font: 24px normal Georgia, "Times New Roman", Times, serif;
	border: none;
	margin: 5px 0 15px;
	padding: 0px;
	background: transparent none;
	text-decoration: none;
	
}

/* WEB ADMIN LOGIN */
div#login_siteName h2 {
	
	text-align: center;
	color: #33701c;
	font: 16px normal Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	background: transparent none;
	text-decoration: none;
	
}

/* -------------------------------------------------------------
= RIGHT COLUMN WITH INSTRUCTIONS AND LOGIN PLUGIN
------------------------------------------------------------- */

div#login_sideColumn {

	float: left;
	width: 200px;
	padding: 0 10px 10px;
	margin-top: 10px;
	text-align: left;

}

/* RESET P TAG STYLES FROM SITE'S CSS */
div#login_sideColumn p {

	font-size: 12px;
	margin: 0px 0px 5px;
	padding: 0px;

}

/* MAKE FONT SMALLER FOR LOGIN PLUGIN - USERNAME AND PASSWORD TEXT */
div#login_sideColumn .login_fields {

	font-size: 10px;
	float: left;

}

/* CHANGE WIDTH OF PASSWORD TEXT DIV TO FIT FORGOT PASSWORD LINK NEXT TO IT */
div#login_sideColumn #password {
clear: both;
}

/* STYLE FOR INPUT BOXES - DIV CONTAINER */
div#login_sideColumn .login_input {
	
	margin: 0 4px 6px 0;
	float: left;
	width: 150px;
}

/* EPAND INPUT FIELDS TO WIDTH OF PARENT DIVS */

div#login_sideColumn .login_input input {

	width: 100%;

}


/* STYLE FOR INPUT BOXES - ACTUAL BOXES */
div#login_sideColumn .login_input input {

	border: solid 1px #999;
	height: 19px;
        font-size: 11px;

}

div#login_sideColumn #login_forgotPassword {

	float: left;
	margin: 0 0 0 4px;
	
}

/* RESET LINK COLOR AND STYLE FROM SITE'S CSS */
div#login_sideColumn a {

	color: #33701C;
	font-size: 10px;
	text-decoration: none;

}
div#login_sideColumn a:hover {

	color: #469926;
	text-decoration: underline;

}

/* LOGIN BUTTON - DIV CONTAINER */

div#login_sideColumn #login_link {

	clear: both;
        height: 21px;

}

/* -------------------------------------------------------------
= FOOTER - BLACK BAR WITH CLUBESSENTIAL LINK 
------------------------------------------------------------- */

div#login_footer {

	clear: both;
	background: #000;
	height: 18px;
	padding: 5px 10px 3px;
	font-size: 10px;
	color: #858585;

}

a#login_clubessential{
	color: #c4c3c3;
	text-decoration: none;
}
a#login_clubessential:hover {
	color: #fff;
	text-decoration: none;
}

