.modal {
     display: none;
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background: url('/img/bg_transparent.png');
     overflow: scroll;
}

#login_modal > div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:3px solid #000;
     padding:15px;
     text-align:center;
     height: 280px;
}

#adha_link_modal > div {
     width:240px;
     margin: 100px auto;
     background-color: #fff;
     border:3px solid #000;
     padding:15px;
     text-align:center;
     height: 420px;
}

.modal input[type=text], .modal input[type=password] {
		width: 230px;
		height: 40px;
		font-size: 20px;
		/*border: 2px inset #EEE;
		margin: 3px 0;*/
	}
	
#signup_modal > div {
     width:600px;
     margin: 30px auto;
     background-color: #fff;
     border:3px solid #000;
     padding:15px;
     text-align:center;
     height: 710px;
     overflow: scroll;
}

#signup_modal label {
     display: block;
}

 @media (max-width: 401px) {
	#signup_modal > div {
	     width:80%;
	     margin: 100px auto;
	     background-color: #fff;
	     border:3px solid #000;
	     padding:15px;
	     text-align:center;
	     height: 300px;
	     overflow: scroll;
	}
}

.modal h1{
	font-size: 24px;
	font-family: FranklinGothicURWCon-Boo;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	text-align: left;
	line-height: 24px;
	margin: 8px 0 8px 0;
	border-bottom: solid 1px #4b6075;
	background-color: #ffffff;
}
.modal p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
.modal td {
	text-align: left;
	margin: 0;
	padding: 0 0 0 0;
}
p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-align:left;
	color:#29394A;
	font-size:12px;
	line-height:1.5em;
}
p a {
	color:#000;
}
.required {
color: #F00;
font-weight: bold;
}
input, input[type="password"], input[type="search"] {
	border: 1px solid #C3C3C3;
}