@charset "UTF-8";
/*

/*===============================*/
/* ====   1.General stuff   ==== */
/*===============================*/

html {
  margin: 0 0 1px 0; /* force FF to show scrollbar to prevent page jumping */
  padding: 0;
  height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	background: #EFEFEF;
	font-family: "Myriad pro", "Lucida Grande", Arial;
	font-size: 13px;
	color: #525252;
	}	

/*===============================*/
/* ====   2.Fonts / Text    ==== */
/*===============================*/
a, a:hover a:visited{
	text-decoration: none;
	color: #fff;
	}
	h1{
	padding:10px 0 0px 0;
	margin:0;
		margin-left:10px;
	}
	p{
	padding:0 20px 0 5px;
	line-height:16px;
	}
	h6{
	padding:0;
	margin:0;
	font-size:11px;
	color:#CCC;
	font-weight:normal;
	margin-left:10px;
	}
/*===============================*/
/* ====   3. Layout		    ==== */
/*===============================*/
#wrap{
background:url('../img/loginbg.jpg') no-repeat;
margin:0 auto;
margin-top:50px;
width:672px;
height:466px;
padding:0 0 0 44px;
position: relative;
}
#logo{
	position: absolute;
	left: 250px;
	top: 100px;

}
#forgotten{
float:left;
margin-top:37px;
font-size:14px;
color: #fff;
}

/* end */
img{
	border: 0;
}
.error_msg{
   position: absolute;
    left: 210px;
    font-size: 18px;
    bottom: 139px;
    color: red;
}
label{
	float: left;
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 8px;
}
#login input{
	width: 114px;
	height: 38px;
	padding: 0;
	margin: 0;
	border: 0;
}

#logo {
text-align: right;
padding-right: 50px;
}


input {
    color: #333333;
    font-family: "Lucida Grande",Verdana,sans-serif;
    font-size: 14px;
    padding: 7px;
    -moz-border-radius: 8px;
	outline-width: medium;
	outline-style: none;
	outline-color: -moz-use-text-color;
	border-radius: 8px;
	border: 1px solid #eee;
	width: 345px;
}


input:focus {
	background: #ffffcc;
}

#loginbtn {
	padding: 0px !important;
    -moz-border-radius: none;
	border-radius: none;	
	position: absolute;
	bottom: 78px;
	left: 100px;
	background: url(../img/login_btn.gif) scroll no-repeat 0 0;
	width: 466px !important;
	height: 46px !important;
	cursor: pointer !important;
	border: none !important;
}

#loginbtn:hover {
	background: url(../img/login_btn.gif) scroll no-repeat 0 bottom;
}

#username {
	position: absolute;
	bottom: 225px;
	left: 120px;
}

#password {
	position: absolute;
	bottom: 170px;
	left: 120px;
}