html, body {
 width: 100%;
 height: 100%;
 font-family: "Helvetica Neue", Helvetica, sans-serif;
 color: #444;
 -webkit-font-smoothing: antialiased;
 background: #f0f0f0;
  
}
 
#login-container {
 position: fixed;
 width: 340px;
/* height: 365px;*/
 top: 5%;
 left: 50%;
 /*margin-top: -175px;*/
 margin-left: -170px;
 background: #fff;
 border-radius: 3px;
 border: 1px solid #ccc;
 box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
 
}
#login-container h1{
	margin-left:10pt;
	margin-bottom: 0pt
}
#login-container h1, #login-container ul{
	font-size:10pt
}
 
#login-logo {
 display:block;
 height: 70px;
 max-height: 70px;
}

#inner-title {
 color: #555;
 margin-left: 18px;
 padding-top: 10px;
 font-size: 1.1em;
 font-weight: bold;
}

form {
 margin: 0 auto;
 margin-top: 10px;
}
 
label {
 color: #555;
 display: inline-block;
 margin-left: 18px;
 padding-top: 10px;
 font-size: 14px;
}
 
p a {
 font-size: 11px;
 color: #aaa;
 float: right;
 margin-top: -3px;
 margin-right: 25px;
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 transition: all .4s ease;
}
 
p a:hover {
 color: #555;
}
 
input {
 font-family: "Helvetica Neue", Helvetica, sans-serif;
 font-size: 12px;
 outline: none;
}
 
input[type=text],
input[type=password] {
 color: #777;
 padding-left: 10px;
 margin: 10px;
 margin-top: 6px;
 margin-left: 18px;
 width: 290px;
 height: 35px;
 border: 1px solid #c7d0d2;
 border-radius: 2px;
 box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 transition: all .4s ease;
}
 
input[type=text]:hover,
input[type=password]:hover {
 border: 1px solid #b6bfc0;
 box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
}
 
input[type=text]:focus,
input[type=password]:focus {
 border: 1px solid #a8c9e4;
 box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}
 
#lower-pane {
 background: #ecf2f5;
 width: 100%;
 height: 69px;
 margin-top: 40px;
 box-shadow: inset 0 1px 1px #fff;
 border-top: 1px solid #ccc;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;
}

#lower-pane.error {
	margin-top: 20px!important;
}
 
input[type=checkbox] {
 margin-left: 20px;
 margin-top: 30px;
}
 
#remember_me_label {
 margin-left: 3px;
 font-size: 11px;
 color: #444;
 text-shadow: 0 1px 0 #fff;
}

.button
{
 height: 30px;
 font-size: 14px;
 font-weight: bold;
 color: #fff;
 background-color: #acd6ef; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
 background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
 background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
 border-radius: 30px;
 border: 1px solid #66add6;
 box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
 cursor: pointer;
}

.right
{
	float: right;
 	margin-right: 20px;
 	margin-top: 20px;
}

.left
{
	float: left;
 	margin-left: 20px;
 	margin-top: 20px;
}

/*
.button:hover
{
 background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e2ff), to(#6ec2e8));
 background-image: -moz-linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
 background-image: linear-gradient(top left 90deg, #b6e2ff 0%, #6ec2e8 100%);
}
 
.button:active
{
 background-image: -webkit-gradient(linear, left top, left bottom, from(#6ec2e8), to(#b6e2ff));
 background-image: -moz-linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
 background-image: linear-gradient(top left 90deg, #6ec2e8 0%, #b6e2ff 100%);
}
*/
.error-msg
{
	text-align:center;
	color: #ce0000;
	margin: 30px 18px 0px 18px;
	font-size: 14px;
	font-weight: bold;
}

#copyright-note
{
	position:fixed;
	bottom: 10px;
	width:100%;
	text-align:center;
	font-size:70%;
}

#copyright-note a:link,
#copyright-note a:visited,
#copyright-note a:hover, 
#copyright-note a:focus,
#copyright-note a:active,
#copyright-note a:visited:hover
{
	color: #808080;
	text-decoration: none;
}