accounts_ui.styl

#login-dropdown-list
	.dropdown-menu
		min-width: 300px;
		padding: 15px;
		.or
			margin: 5px 0;
			text-align: center;

#login-dropdown-list
	#forgot-password-link
	#signup-link
		margin-top:10px;

	.btn
		margin-top: 5px;

	input
		margin:0 0 -1px;
		border-radius: 0px;
		position: relative;
		z-index: 1;

	input:first-of-type
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;

	input:last-of-type
		margin-bottom: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		
	input:focus
		z-index: 2;
		
	label
		padding-left: 5px;

opacity(n)
	opacity: n
	filter: unquote('progid:DXImageTransform.Microsoft.Alpha(Opacity=' + round(n * 100) + ')')

.modal-backdrop
	opacity(0.75);

#login-buttons-reset-password-modal, #login-buttons-enroll-account-modal, #login-buttons-email-address-verified-modal
	.modal-content
		margin-top: 30%;

.login-buttons-dropdown-align-left
	&#login-buttons + li
		.dropdown-menu
			float: left;
			left: 0;
			right: auto;
.login-buttons-dropdown-align-right
	&#login-buttons + li
		.dropdown-menu
			float: right;
			right: 0;
			left: auto;

#login-buttons
	display: none;

#login-dropdown-list a
	cursor: pointer;

.btn-Facebook{
	color: white;
	background-color: #3B5998;
}
.btn-Google{
	color: white;
	background-color: #D34836;
}
.btn-Twitter{
	color: white;
	background-color: #4099FF;
}