.formLogo img{ width:150px; height:auto; text-align:center;}

/* === the links from where you can choose between the Sign In and Register pop-up forms === */
#options {
	margin: 100px auto 100px;
	text-align: center;	
}

/* === the dark full screen background, which appears on form pop-up === */
#background-on-popup {
    z-index: 1;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    background: #000000;
    top: 0px;
    left: 0px;
}

/* === The X-mark from the top-right corner of the pop-up form, from which you can close the box === */
div.close {
    background: url("../Content/images/closeIcon.jpg") no-repeat;
    cursor: pointer;
    float: right;
    height: 16px;
    top: 10px;
    right: 10px;
    position: relative;
    width: 16px;
	opacity:10;
}



/* ==== Wrapper of the forms ==== */
#sign-in-form {
	max-width: 480px;
	min-width: 280px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	position: absolute;
	display: none;
	left: 50%;
    top: 50%;
	margin-left: -240px;
    border-radius: 4px;
    z-index: 2;
}
#sign-in-form  a{
	color:#0f0077;
}
#sign-in-form  a:hover{
	color:#d68100;
}


 
/* ==== The form section styling of elements ==== */
#form-section {
	
	background: #eeeeee; /* here you can change the background color of the form */
 
}
#form-section input{
	background:#fff;
	box-shadow:none;
}



.left-column { /* left column from the two column input row */
	float: left;
	width: 48%;
}

.right-column { /* right column from the two column input row */
	width: 48%;
	float: right;
}

@media (max-width: 380px) { /* takes care of the responsive behavior of the two column inputs */
	.left-column {
		width: 100%;
	}

	.right-column {
		width: 100%;
	}
}

@media (max-width: 480px) { /* takes care of the responsive behavior of the pop-up forms */
	#register-form, #sign-in-form {
		margin-left: 0;
		left: 0;
	}
}


 



 

/* ==== End of validation bubbles customization ==== */