.inputdiv {
  width:300px;
  margin: 0 auto;
  margin-top:50px;
  padding:0px;
}

.input-append>.span {
  width:20px;
  height:20px;  
}

.input-append {
  /* clear:both; */
}

#user,#lockImg,#unlockImg {
  background: url(../images/user-20.png) 4px 4px no-repeat #f9f9f9;
  background-size:20px;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  width:18px;
  height:20px;
  *margin-top:1px;
}

#lockImg a,#unlockImg a {
   display:block;
   width:20px;
   height:20px;
}

#lockImg,#unlockImg {cursor:pointer;}
#lockImg {
  background: url(../images/lock-20.png) 4px 4px no-repeat #f9f9f9;
}
#unlockImg {
  background: url(../images/unlock-20.png) 4px 4px no-repeat #f9f9f9;
}
  
#userName,#password {
  height:20px;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  margin-left:-1px;
}

/* lvly added*/
h3.popover-title{
	background:white;
	height:0;
	padding:0;
	margin:0;
	border-bottom:none;
	display:none;
}
div.popover-content a{
	color:#666
}


#loginForm  div.popover-content {
padding: 4px 7px;
}

#loginForm  div.popover-content > a {
font-size: 12px;
color: #365E99;
text-decoration: none;
}
#loginForm  div.popover-content > a:hover {text-decoration:underline}
/*change the size of trigle*/
.popover.top {
  margin-top: -6px;
}
.popover .arrow {
  border-width: 7px;
}

.popover .arrow:after {
  border-width: 6px;
}

.popover.top .arrow {
  bottom: -7px;
  margin-left: -7px;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -6px;
  /* border-top-color:transparent\9;
  border-top-color:#fff\9\0; */
  bottom:5px\9;
  bottom:1px\9\0;
}