/*
* Stylesheet for dropdown login button box (container for both login button and login form)
*/
.loginButtonContainer {
    display: inline-block;
	color: #333;
    position: relative;
    z-index: 100;
	
}

/*
* Stylesheet for login button
*/
.loginButtonContainer a.loginButton {
    display: inline-block;
	width: 100px;
    line-height: 16px; height: 18px;
    text-decoration: none;
    padding: 0 24px 2px 0px;
    border: 1px solid #fff;
    background: #fff url('img/icon/arrow-circle-down.png') no-repeat 95% center;
	margin-top: 2px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
}
.loginButtonContainer a.loginButton:hover {
    border-color: #CCC;
    background-color: #E4E4E4;
}
.loginButtonContainer a.loginButton.open {
    border-color: #413A34;
    background-color: #413A34;
    background-image: url('img/icon/arrow-circle-up.png');
	color: #0091FB;
}

/*
* Stylesheet for login form (shown after clicking the login button)
*/
.loginButtonContainer .loginFormContainer {
    position: absolute; display: none;
    z-index: 100;
    padding: 10px 10px 30px 10px;
    width: 220px;
    top: 23px;  /*right: 0; */
    border: 4px solid #413A34;
    background: #d1d4cc;
	text-align: left;

}
.loginButtonContainer .loginFormContainer .title { margin-bottom: 8px; font-weight: bold; color: #F23319; font-size: 17px; }
.loginButtonContainer .loginFormContainer input.textbox {
    margin: 2px 0 6px; padding: 4px; width: 208px;
    display: block;
}

.loginButtonContainer .floatLeft{
	float:left;
}
.loginButtonContainer .floatRight{
	float: right;	
}
.loginButtonContainer .rightAlign{
	text-align: right;
}
.loginButtonContainer .grey{
	color: #999;
}

.loginButtonContainer .loginFormContainer .buttonPanel { margin: 5px 0 10px; padding: 0; border: 0; }
.loginButtonContainer .loginFormContainer .buttonPanel label { /* vertical-align: middle; */ }
.loginButtonContainer .loginFormContainer .buttonPanel input.checkbox { margin: 0 3px 0 0; vertical-align: middle; }
.loginButtonContainer .loginFormContainer .actionPanel { text-align: right; }
.loginButtonContainer .loginFormContainer .loginDlgFBSection { margin: 20px 0; }
.loginButtonContainer .loginFormContainer .loginDlgFBSection p { color: #999; margin-bottom: 3px; }
.loginButtonContainer .loginFormContainer .actionPanel .signupLink { 
	
	font-size: 15px;
	
	border: 1px solid #7DA012;
	padding: 8px 15px;
	margin-top: 5px;
	display: block;
	color: #FFF !important; /* otherwise in login dialog box the blue color  of dialog css will override */
	
	background-color: #5E7710;
	
	/* Firefox 3.6+ */
   
  
  /* Safari 4-5, Chrome 1-9 */
  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
) */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#96B82D), to(#5E7710));  
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(#96B82D, #5E7710);  
  /* Opera 11.10+ */
  background: -o-linear-gradient(#96B82D, #5E7710);
  
  -moz-box-shadow:  3px 2px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:  3px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 3px 2px 3px rgba(0,0,0,0.3);
			  
	
}
		.loginButtonContainer .loginFormContainer .actionPanel .signupLink:hover { 
			
			text-decoration: none;
			
			background-color: #96B82D;
			
			/* Firefox 3.6+ */
		   background: -moz-linear-gradient(top, #AEDB23, #5C770B);
		  
		  /* Safari 4-5, Chrome 1-9 */
		  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
		) */
		  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AEDB23), to(#5C770B));  
		  /* Safari 5.1+, Chrome 10+ */
		  background: -webkit-linear-gradient(#AEDB23, #5C770B);  
		  /* Opera 11.10+ */
		  background: -o-linear-gradient(#AEDB23, #5C770B);
			
		}
		.loginButtonContainer .loginFormContainer .actionPanel .signupLink:active { 
			top: -1px;
			background-color: #5E7710;
			/* Firefox 3.6+ */
		   background: -moz-linear-gradient(top,  #5E7710, #96B82D);
		  
		  /* Safari 4-5, Chrome 1-9 */
		  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
		) */
		  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5E7710), to(#96B82D));  
		  /* Safari 5.1+, Chrome 10+ */
		  background: -webkit-linear-gradient( #5E7710, #96B82D);  
		  /* Opera 11.10+ */
		  background: -o-linear-gradient( #5E7710, #96B82D);
			
		}


/* facebook member info */
.loginButtonContainer .loginFormContainer .fbMemberBox{
	margin: 10px 0 30px 0;
	padding: 3px;
	border: #3B5998 solid 1px;  /*#3B5998 1px solid; */
	background: none;
	cursor:pointer;
	
	-moz-border-radius: 5px; 
	

	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #d1d4cc, #999);
	  
	  /* Safari 4-5, Chrome 1-9 */
	  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
	) */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d4cc), to(#999));
	  
	  /* Safari 5.1+, Chrome 10+ */
	  background: -webkit-linear-gradient(#d1d4cc, #999);
	  
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(#d1d4cc, #999);
}
	.loginButtonContainer .loginFormContainer .fbMemberBox:hover{
		background: #BBB;
		
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #eee, #BBB);
	  
	  /* Safari 4-5, Chrome 1-9 */
	  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
	) */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#BBB));
	  
	  /* Safari 5.1+, Chrome 10+ */
	  background: -webkit-linear-gradient(#eee, #BBB);
	  
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(#eee, #BBB);
	}
		.loginButtonContainer .loginFormContainer .fbMemberBox:hover{
		background: #BBB;
		
	  /* Firefox 3.6+ */
	  background: -moz-linear-gradient(top, #eee, #BBB);
	  
	  /* Safari 4-5, Chrome 1-9 */
	  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
	) */
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#BBB));
	  
	  /* Safari 5.1+, Chrome 10+ */
	  background: -webkit-linear-gradient(#eee, #BBB);
	  
	  /* Opera 11.10+ */
	  background: -o-linear-gradient(#eee, #BBB);
	}
	
	.loginButtonContainer .loginFormContainer .fbMemberBox.notMember{
			margin: 5px 0 5px 0;
			padding: 3px;
			border: #3B5998 dashed 1px;  /*#3B5998 1px solid; */
			background: #FFF;
			
		}
		
		/* instant login btn */
		.loginButtonContainer .loginFormContainer .fbMemberBox.instantLogin{
				border-radius: 0px;
				-moz-border-radius: 0px;
				
				border:#8195BE  1px solid;
				outline: #29457F 1px solid;
				color: #BAC6DA;

				cursor:pointer;
				
			
				    /* fallback */
				  background-color: #6D84B4;
				 /*background: url(../img/web/bg_redGradient.jpg) repeat-x; */
				 
				  
				  /* Firefox 3.6+ */
				  background: -moz-linear-gradient(top, #6D84B4, #29457F);
				  
				  /* Safari 4-5, Chrome 1-9 */
				  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
				) */
				  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6D84B4), to(#29457F));
				  
				  /* Safari 5.1+, Chrome 10+ */
				  background: -webkit-linear-gradient(#6D84B4, #29457F);
				  
				  /* Opera 11.10+ */
				  background: -o-linear-gradient(#6D84B4, #29457F);
			}
			.loginButtonContainer .loginFormContainer .fbMemberBox.instantLogin a{
				color: #BAC6DA !important;
			}
			.loginButtonContainer .loginFormContainer .fbMemberBox.instantLogin a:hover{
				color: #BAC6DA;
				text-decoration: none;
			}
			.loginButtonContainer .loginFormContainer .fbMemberBox.instantLogin:hover{
				 /* fallback */
			  background-color:  #9AAACB;
 			/*  background: url(../img/web/bg_lightRedGradient.jpg) repeat-x;  */
		
			  
			 /* Firefox 3.6+ */
				   background: -moz-linear-gradient(top, #9AAACB, #48649F);
				  
				  /* Safari 4-5, Chrome 1-9 */
				  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]
				) */
				  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9AAACB), to(#48649F));
				  
				  /* Safari 5.1+, Chrome 10+ */
				  background: -webkit-linear-gradient(#9AAACB, #48649F);
				  
				  /* Opera 11.10+ */
				  background: -o-linear-gradient(#9AAACB, #48649F);
			}
			
			.loginButtonContainer .loginFormContainer .fbMemberBox .white{
				color: #FFF;	
			}


.loginButtonContainer .loginFormContainer .fbMemberBox .fbBoxProfilePic{
	width: 50px;
	float: left;
}
.loginButtonContainer .loginFormContainer .fbMemberBox .fbBoxText{
	float: left;
	margin-left: 5px;
	width: 150px;
	text-align: left;
	line-height: 1.3em;
}