body{
	background:#eef0f6 url(../resources/img/background.png) fixed;
	border:0;
	margin:0;
	padding:0
}

h2{
	color:#06c;
	font-size:1.8em;
	line-height:.9;
	margin:0 0 .2em 0;
	text-shadow:0 1px rgba(255,255,255,.5)
}

#username,#password,#confirmPassword{
	width:100%
}

#submit{
	background-image:url(../images/login.png);
	background-position:center;
	background-repeat:no-repeat;
	left:22px;
	margin:0;
	padding:0;
	position:relative
}

.inputFields{
	float:left;
	width:176px;
}

.submitBtn{
	float:left;
	height:68px;
	width:68px
}

#loginPanel{
	display:none
}

.outerPanel{
	-webkit-box-shadow:2px 2px 10px 2px rgba(0,0,0,.2);
	background:rgba(240,242,243,.8);
	border:rgba(177,188,203,.8) solid 1px;
	box-shadow:2px 2px 10px 2px rgba(0,0,0,.2);
	height:150px;left:50%;
	margin-left:-157px;
	margin-top:-125px;
	padding:12px;
	position:absolute;
	top:50%;
	width:306px
}

.innerPanel{
	background:rgba(255,255,255,.6);
	border:rgba(255,255,255,.8) solid 1px;
	height:140px;
	left:0;
	top:0;
	width:300px;
}

.formPanel{
	padding:6px;
}

.hiddenPanel{
	display:none;
	padding:6px
}

body .placeholder{
	color:rgba(82,92,102,.6)
}

.learnmoreDiv{
	bottom:-25px;
	position:absolute
}

.socialDiv{
	bottom:-56px;
	left:127px;
	position:absolute
}

.socialDiv div{
	float:left;
	opacity:.6
}

.socialDiv div:hover{
	opacity:1
}

.socialDiv img{
	border-style:none
}

#capslock{
	display:none;
	padding-left:6px
}

#capslock img{
	float:left;
	padding-right:5px
}

#capslock div{
	line-height:14px
}

#incompatibleBrowser{
	background:#ff8080;
	border:red 1px solid;
	color:#000;
	display:none;
	font-size:20px;
	height:150px;
	left:50%;
	margin-left:-212px;
	margin-top:-75px;
	padding:20px;
	position:absolute;
	top:50%;
	width:425px
}

#incompatibleBrowser ul{
	font-size:15px
}

#incompatibleBrowser .incompatibleWarning{
	color:red;
	font-size:15px;
	font-weight:bold
}

.ieNote{
	font-size:.8em;
	font-weight:bold
}