/* ----------------------------------------------------
Pages		: Login

Title		: Colorful Places
Author		: Bluegreen Creative Group (BGCG)

Table of 
Contents	: A - Login & Registration Page
					1 - Login Panel
					2 - Register Panel
					3 - Registration Panel
			  B - My Account Page

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

/* ----------------------------------------------------
A - Login & Registration Page
---------------------------------------------------- */
.pusher { cursor:pointer; margin: -40px 0 0 0; padding:0; width:100px; height:30px; float:right; }
.required { margin:0 3px 0 0; padding:0; color:#990000; font-weight:bold; }
.error-old { margin:0 0 0 5px; padding:0; color:#990000; font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; }

/* ---------------------------
1 - Login Panel
--------------------------- */
#loginContainer { width:100%; margin:30px auto; }

#login { float:left; width:365px; height:100%; margin:15px 0 0 165px; padding:0; }
	.login-Top { float:left; display:block; width:365px; height:10px; background:url('images/login-Top.gif') no-repeat; }
	.login-Middle { float:left; width:323px; height:100%; padding:0 20px; background-color:#efefef; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
	.login-Bottom { float:left; display:block; width:365px; height:10px; padding-bottom:50px; background:url('images/login-Bottom.gif') no-repeat; }
	
	.loginForm { float:left; list-style:none; margin:0; padding:0; }
		.loginForm li { display:block; width:320px; margin:5px 0 5px 0; }

	.forgot { float:right; padding:0; color:#333333; font-size:11px; text-decoration:none; margin:0; }
		.forgot:hover { color:#000000; text-decoration:underline; }
	#forgotExpand { float:left; display:none; width:323px; padding:0; background-color:#efefef;  }
	.lostHead { display:block; padding:5px 0; color:#666666; font-size:16px; font-family:Georgia,"Times New Roman",Times,serif; font-weight:bold; }
		.lostSubHead { color:#666666; font-size:11px; font-family:Arial,Helvetica,sans-serif; }

.login-Btn { cursor:pointer; display:block; width:67px; height:22px; margin:15px 0 15px 0; padding:0; border:none; background:url('images/btn-login.gif') 0 0 no-repeat; text-indent:-9999px; }

.retrievePassword-Btn { cursor:pointer; float:left; display:block; width:168px; height:22px; margin:15px 0 10px 0; padding:0; border:none; background:url('images/btn-RetrievePassword.gif') 0 0 no-repeat; text-indent:-9999px; }

/* ---------------------------
2 - Register Panel
--------------------------- */
#register { float:left; width:365px; margin:15px 0 0 0; padding:0 0 0 40px; }	
	.register-Top { float:left; width:211px; height:10px; background:url('images/register-Top.gif') 0 0 no-repeat; }
	.register-Middle { float:left; width:169px; height:205px; padding:0 20px; background-color:#efefef; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
	.register-Bottom { float:left; width:211px; height:10px; background:url('images/register-Bottom.gif') 0 0 no-repeat; }

h6 { display:block; margin:0; padding:5px 0; color:#666666; font-size:16px; line-height:20px;font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; }	

a.signUpToday-Btn { cursor:pointer; float:left; display:block; width:153px; height:22px; margin:20px 0 0 0; padding:0; background:url('images/btn-signup.gif') no-repeat; text-decoration:none; text-indent:-9999px; }

/* ---------------------------
3 - Registration Panel
--------------------------- */
#registrationContainer { float:left; display:none; width:920px; }
.registration { float:left; width:710px; margin:30px 0 25px 120px; }
	.registration-Top { float:left; display:block; width:710px; height:10px; background:url('images/bg_regTop.gif') 0 0 no-repeat;}
	.registration-Middle { float:left; width:708px; height:100%; margin:0; padding:10px 0 0 0; background-color:#efefef; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
	.registration-Bottom { float:left; display:block; width:710px; height:10px; margin:0 0 30px 0; background:url('images/bg_regBot.gif') 0 0 no-repeat; }
		.registrationForm-Small { float:left; width:145px; min-height:66px; margin:0 10px 10px 0; padding:0 0 0 18px; }
		.registrationForm-Medium { float:left; width:318px; min-height:66px; margin:0 10px 10px 0; padding:0 0 0 18px; }
		.registrationForm-Large { float:left; width:665px; height:100%; margin:0 10px 10px 0; padding:0 0 0 18px; }

	.textField { float:none; width:90%; min-height:16px; margin:0; padding:3px 0 3px 5px; color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:12px; border:1px solid #999999; overflow:hidden; resize:none; }
	.bgOwner { float:left; }

.register-Btn { cursor:pointer; float:left; display:block; width:88px; height:22px; margin:10px 0 10px 20px; padding:0; border:none; background:url('images/btn-Register.gif') 0 0 no-repeat; text-indent:-9999px; outline:none; }

/* ----------------------------------------------------
B - My Account Page
---------------------------------------------------- */
#myAccount { width:365px; height:100%; margin:20px auto; }
.myAccount-Top { display:block; width:365px; height:10px; background:url('images/login-Top.gif') 0 0 no-repeat; }
	.myAccount-Middle { float:left; width:323px; height:100%; padding:0 20px; background-color:#efefef; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
	.myAccount-Middle-NObg { float:left; width:323px; height:100%; padding:0 20px; }
	.myAccount-Bottom { float:left; display:block; width:365px; height:10px; padding-bottom:60px; background:url('images/login-Bottom.gif') 0 0 no-repeat; }
	
	.myAccount-Middle-NObg img.clickHerebtn { clear:both; float:left;  margin-top:10px; }

.accLabel { clear:both; float:left; width:80px; line-height:20px; margin:8px 6px 0 0; } 	
.accField { float:left; width:170px; height:20px; margin:0 0 7px 0; padding:2px 0 0 0; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:12px; }
.accFieldRight { float:right; width:240px; height:20px; margin:0 0 7px 0; padding:0; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:12px; }

#accountInfo { float:left; width:365px; height:100%; margin:15px 0 0 0; padding:0 0 0 80px; }

#save-Btn { cursor:pointer; float:left; display:block; width:67px; height:22px; margin:15px 0 15px 0; padding:0; border:none; background:url('images/btn_save.gif') 0 0 no-repeat; text-indent:-9999px; }

.save-Btn2 { cursor:pointer; width:67px; height:22px; margin:0; padding:0; border:none; background:url('images/btn_save.gif') 0 0 no-repeat; }
.h5withBtn { float:left; width:250px; margin:0; padding:0; }
.saveBtnWithh5 { float:right; width:67px; margin:0; padding:0; }




/*Alvaro Feb 8*/
.editbtn { float:right; margin: -20px 0 0 0; padding:0; }
.clickHerebtn { float:right; margin: -20px 50px 0 0; padding:0; }

.myPicsLabel { float:left; width:40px; margin:2px 12px 0 0;  } 	
.myPicsField { float:left; width:170px; height:auto; margin:0 0 0 0; padding:2px 0 0 0; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:12px; }

.photoContest-thumb { width:68px; height:68px; margin:0; float:left; }
.myPicsRight { width:240px; float:right; }

.hrPics{ border-bottom:1px solid #999999; height:68px; }

.myPicsLink { width:180px; margin:0; padding:10px 0 0 0; color:#0066cc; text-decoration:none; outline:none; }
	.myPicsLink a:visited { color:#0066cc; }
	.myPicsLink a:hover { text-decoration:underline; }
.checkBox { width:100%; float:left; height:40px; margin:0; padding:0; }

.textFieldSmall { float:none; width:100%; min-height:16px; margin:0; padding:2px 0 1px 2px; color:#333333; font-family:Arial,Helvetica,sans-serif; font-size:12px; border:1px solid #999999; overflow:hidden; resize:none; }
	.textFieldSmall:focus { border:1px solid #ff0000; }