/* CSS Document */


#login_detail form {
	font-family:'Century Gothic', arial, serif;
}
#login_detail input, textarea, select{
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100%;
	min-height: 25px;
	display: block;
	margin-bottom: 0px;
	margin-top: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color:#000000;
}
#login_detail textarea {
	min-height: 200px;
	resize:none;
}
#login_detail input:focus, textarea:focus, select:focus, option:focus {
	-webkit-box-shadow: 0 0 25px #ccc;
	-moz-box-shadow: 0 0 25px #ccc;
	box-shadow: 0 0 25px #ccc;
}
/* The interesting bit */
#login_detail input:not(:focus), textarea:not(:focus), select:not(:focus), option:not(:focus) {
	opacity: 0.5;
}
#login_detail input:required, textarea:required {
 background: url("images/asterisk_orange.png") no-repeat 99% 7px;
}
#login_detail input:valid, textarea:valid {
 background: url("images/tick.png") no-repeat 99% 5px;
}
#login_detail input:focus:invalid, textarea:focus:invalid {
 background: url("images/cancel.png") no-repeat 99% 7px;
}
#login_detail input[type=submit] {
	font-size: 20px;
	padding: 10px;
	background: none;
	opacity: 1.0;
	margin-left:0%;
	cursor:pointer;
}


/* Wrapper for the Box of input */

#login_detail_upper {
	z-index:2;
	position:relative;
	float:right;
	left:-13%;
	top:10%;
	width:700px;
	height: 400px;
	background: rgba(0,0,0,0.450); /* stupid ie needs a background value to understand hover area */
}
#login_detail .loggin_inner {
	text-align: left;
	font-size: 30px;
	letter-spacing: 1px;
	border-bottom: 1px dotted #D3D3D3;
	padding-bottom: 2px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	color: #FFF;
}
#login_detail .content {

margin:70px 10px 10px 10px;
padding-left:10px;
right:5%;
height:80%;
background: rgba(0,0,0,0.850);
padding:20px 20px 20px 20px;
}
#login_detail .content table tr {
height:20px;
text-align:left;
vertical-align:middle;
font-size:15px;
padding-bottom:20px;
margin-bottom:10px;
color:#FFF;
}
#login_detail .content table tr td {
height:10px;
text-align:left;
vertical-align:middle;
font-size:15px;
padding-bottom:10px;
color:#FFF;
}