.logonWindow {
	min-width: 350px;
	padding: 15px;
	display: inline-block;
	background-color: #EEEEEE;
	border-spacing: 0;
	border: 1px solid #5D5D5D;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #888888; /* CSS3 ! */
	-moz-box-shadow: 3px 3px 3px #888888; 
	-webkit-box-shadow: 3px 3px 3px #888888; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888')"; 	/* IE 8 */ 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#888888'); 	/* IE 5.5 - 7 */ 
	}

.logonWindow div.logo {
	width:100%;
	height: 80px;
  background: url(images/logo.gif) no-repeat;
	background-position: left center;
	background-size: contain;
	margin-bottom: 15px;
	margin-left: 15px;
	}

.logonWindow .inputField {
	margin-top: 10px;
	font-size: 10pt;
	}

.logonWindow .inputField span {
	padding: 0;
	margin: ;
	}

.logonWindow .inputField span.prepend, 
.logonWindow .inputField span.append,
.logonWindow .inputField span.appendbutton {
	position: relative;
	display: inline-block;
	vertical-align: top;
	z-index:1;
	line-height: 28px;
	margin: 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	}

.logonWindow .inputField span.prepend {
	width: 100px;
	border-left: 1px solid #CCC;
	border-radius: 3px 0 0 3px;
	font-weight: bold;
	}

.logonWindow .inputField input {
	position: relative;
	display: inline-block;
	vertical-align: top;
	z-index:25;
	height: 26px;
	margin: 0px;
	border: 1px solid #CCC;
	padding-left: 5px;
	padding-right: 5px;
	}

.logonWindow .inputField input:focus {
	border-color: rgba(84,154,164,0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(84,154,164,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(84,154,164,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(84,154,164,.6);
}

.logonWindow .inputField span.append,
.logonWindow .inputField span.appendbutton {
	border-right: 1px solid #CCC;
	border-radius: 0 3px 3px 0;
	}

.logonWindow .inputField span.append span,
.logonWindow .inputField span.appendbutton span{
	height: 28px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index:2;
	}

.logonWindow .inputField span.appendbutton:active {
	background-image: -moz-linear-gradient(top,#fff,#ccc);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ccc));
	background-image: -webkit-linear-gradient(top,#fff,#ccc);
	background-image: -o-linear-gradient(top,#fff,#ccc);
	background-image: linear-gradient(to bottom,#fff,#ccc);
	border: 1px solid #888;
	}

.logonWindow .inputField img {
	height: 16px;
	width: 16px;
	border: 0px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 2;
	}

.logonWindow .tooltip {
	visibility: hidden;
	position: absolute;
	margin-left: -25px;
	margin-top:-30px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	border-radius: 5px;	
	text-align: center;	
	opacity: 0.0;
	z-index: 999;
	padding: 3px 8px;	
	-webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
	color: #fff;
	background-color: #666;
	}

.logonWindow .tooltipzone {}

.logonWindow .tooltipzone:hover + .tooltip {
  opacity: 1.0;
	visibility: visible;
	}

.logonWindow .tooltip:before{
	position: absolute;
	bottom: -12px;
	left: 15px;
	margin-left: -7px;
	content: ' ';
	height: 0px;
	width: 0px;
	border: 6px solid transparent;
  border-top-color: #666;
	}

.logonWindow div.error,
.logonWindow div.pwchanged,
.logonWindow div.pwchangefailed,
.logonWindow div.loggedon,
.logonWindow div.info {
	margin-top: 10px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	}

.logonWindow div.error,
.logonWindow div.pwchangefailed {
	font-weight: bold;
	color: #E71039;
	}

.logonWindow div.pwchanged,
.logonWindow div.loggedon, 
.logonWindow div.loggedon a {
	font-weight: bold;
	color: #49B115;
	}

.logonWindow div.info {
	color: #000000;
	}