/* ----------------------------- RESET ------------------------------ */

* { margin: 0px; padding: 0px; }


/* ----------------------------- BACKGROUND ------------------------- */

.content-login { background: #46799D; }​ 


/* ----------------------------- CENTER ----------------------------- */
html { height: 100%; }
html, body, .content-login { height: 100%; width: 100%; }
.center1 {
  text-align: center;
}

.center2 {
  #left: 50%;
}

.center3 {
  margin: 0 auto;
  #left: -50%;
}

.center1 {
  display: table;
  #display: block;
  #text-align: auto;
  #position: relative;
}

.center2 {
  display: table-cell;
  vertical-align: middle;
  #position: absolute;
  #top: 50%;
}

.center3 {
  display: block;
  #position: relative;
  #top: -50%;
}


/* ----------------------------- CONTENT ---------------------------- */

.content-inner {
	behavior: url('../../Content/PIE/PIE.htc');
	position: relative;
	background: #F5F5F5;
	height: 220px; width: 400px;
	top: -41.5px;
	margin: 0 auto;
	text-align: left;
	border-radius: 40px 5px 5px 5px;
	-webkit-border-radius: 40px 5px 5px 5px;
	-moz-border-radius: 40px 5px 5px 5px;
    box-shadow: 0 0 6px 2px #315772;
    -webkit-box-shadow: 0 0 6px 2px #315772;
    -moz-box-shadow: 0 0 6px 2px #315772;	
}

.title 
{
    behavior: url('../../Content/PIE/PIE.htc');
    text-align: center;
    border-radius: 40px 5px 0px 0px;
    -webkit-border-radius: 40px 5px 0px 0px;
    -moz-border-radius: 40px 5px 0px 0px;
    background: #4E88B1;
    width: 100%;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 1px #000;
    position: relative;
    top: -1px;
    box-shadow: inset 0px -2px 2px #467BA0;
    -webkit-box-shadow: inset 0px -2px 2px #467BA0;
    -moz-box-shadow: inset 0px -2px 2px #467BA0;
}

.logo 
{
    position: relative;
	top: -100px;
	width: 400px;
}

.containerBody.login { font-size: 0.90em; position: relative; display: block; height: 170px;}

.login p { position: absolute; bottom: 10px; width: 100%; }
.login .buttonBase.login {
    right: 20px;
    background-color: #31607F;
    overflow: visible;
    height: 31px;
    padding: 0px 10px 0px 10px;
}

.login .buttonBase.home { left: 20px; line-height: 32px; }

/* ------------ LOGIN FORM ------------- */


.login form .column 
{
    position: relative;
    width: 100%;
    /*top: 50%;
    margin-top: 40px;*/
    height: 80px;    
}
.login form {
	padding-top: 35px;
}
.login .section 
{
    display: block;
    width: 80%;
    margin: 10px auto;
    height: 26px;
    line-height: 26px;
}
.login .section label {
	font-size: 0.78em;
    float: left;
    width: 31%;
    color: grey;
    font-weight: bold;
    text-transform: uppercase;
}
.login .section div.level { display: inline-block; position: relative; margin: 0px; }
.login .section div input { margin: 0; font-size: 1em; padding: 4px;}
.login .section div span { position: absolute; right: 5px; top: 0px; }



.login .validation-summary-errors 
{
    position: absolute;
    top: 10px;
    width: 100%;
    text-align: center;
    color: #D31B1B;
}

.login .validation-summary-errors ul { list-style: none; }