body, html {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  /* background: url(../../images/bg.png);*/
  /*background:url(../../images/login_bg.jpg) top center;*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.outer{  
  border:2px solid #066; ;
  }
  
.wrapper {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
}

.container{
  width: 450px;
  height: 370px;
  margin-left: -225px;  /***  width / 2   ***/
  position: absolute;
  top: -185px;          /***  height / 2   ***/
  left: 50%;
  }
	
.lockey{
	float:left;
	height:150px; 
	width:85px;
	background:url(../../images/loc.png) center no-repeat;
	}
.lockey:hover{
	background:url(../../images/key.jpg) center no-repeat;
	}	
	
/* Form 1 style */
.formlogin {
	width: 100%;
	float:left;
	margin-top:10px;
	background: url(../../images/bg-header.png) top repeat-x;
	-webkit-box-shadow: 0px 0px 8px 4px #A6A6A6;
	-moz-box-shadow: 0px 10px 8px 4px #A6A6A6;
	box-shadow: 0px 4px 8px 1px #818181;
	
	background:#FEFEFE;
	color: #777;
	border-radius: 10px;
	
	border:0px solid #E9E9E9;
	overflow: hidden;
}

.formtitle {
	padding:3px 0px 3px 0px;
	width:450px;
	background:#ECECEC url(../../images/boxbgrev.jpg) bottom right repeat-x;
	vertical-align:middle;
	border-bottom:1px solid #DFDFDF;
	/*background: #004080 url(../../images/--toplogin_bg.jpg) top center;*/
	height:50px;
	}

.formtitle td{
	font-weight:bold;
	font-size:16px;
	vertical-align:middle;
	color:#FF9900;
	}

.login td .field {
	padding: 5px;
	height: auto;
	height:30px;
	width: 180px;
	line-height: 18px;
	vertical-align:middle;
	border: 1px solid #c7c7c7;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color: #777;
	font-size:11pt;
}

code {
	font-size: 11pt;
	background-color: #FDFDFD;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 0px 0 10px 0;
	padding: 12px 5px ;
	width: 180px;
	vertical-align:middle;
	}

.loginbuttons{
	border:1px solid #345D78;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	height:auto;
	
	background: #0099CC;
	background: -moz-linear-gradient(top, #0099CC, #345D78);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099CC), to(#345D78));

	line-height: 15px;
	font-size: 13px;
	padding: 10px 12px;
	color: #FFF;
	font-weight:bold;
	margin-left: 0px;
	cursor: pointer;
}

.topbar{
	text-align:center;
	width:100%;
	float:left;
	top:0px;
	height:50px;
	background: #345D78;
	border-bottom:10px #0099CC solid;
	opacity:1.0;
    filter:alpha(opacity=20);
}


.topbar h1{
	padding: 5px 0px 5px 5px;
	margin: 5px 0px 5px 5px;
	color:#F8F8F8;
	font-size:18pt;
	font-weight:bold;
	text-align:center;
}

#footer {
margin: 0px 0px 0px 0px;
border-top:1px solid #DCDCDC;
padding-bottom:20px;
color: #464646;
font-size: 10px;
background:#ECECEC url(../../images/boxbgrev.jpg) bottom right repeat-x;
text-align: center;
}

#footer p{ margin: 0px 0px 0px 0px; padding: 10px 0px 13px 0px; text-align:center;}