html
{
   height: 100%;
   overflow: hidden;
}
body
{
   position: relative;
   height: 100%;
}

#loginPage {
   overflow: auto;
}

.login-tabs {
   position: absolute;
   right: 12px;
   top: 76px;
}

.login-tabs a {
  background: url("images/inactive-item.png") no-repeat center center;
   width: 172px;
   height: 33px;
   display: inline-block;
   line-height: 33px;
   text-align: center;
   font: 12px Verdana;
   color: #fff;
   text-decoration: none;
   text-shadow: 0 -1px 1px rgba(0,0,0,0.65);
}

.login-tabs a span {
   top: 10px;
   position: relative;
}

.login-tabs a.active {
   background-image: url("images/active-item.png");
   color: #323232;
   text-shadow: 0 1px 1px #fff;
}

#backdrop
{
   background: url("images/login_background.png") white no-repeat 50% 0;
   padding: 240px 0 0;
   position: relative;
   width: 100%;
}
#backdrop footer
{
   color: #646464;
   font: 12px Arial, Helvetica, sans-serif;
   margin-top: 8px;
   background: url("images/cast_shadow.png") no-repeat top center;
   height: 50px;
}
#login
{
   margin: 0 auto;
   padding: 160px 55px 100px 55px;
   width: 465px;
   background: #ebebeb url("images/header_1.png") no-repeat center -2px;
   border-radius: 8px;
   position: relative;
   border: 1px solid #999999;
   box-shadow: 4px 4px 7px -4px rgba(0,0,0,0.3);
}

#splash {
   visibility: hidden;
   background: url("images/reporting_splash.png") no-repeat center top;
   width: 512px;
   height: 260px;
   position: absolute;
   top: 80px;
   left: 35px;
}

#login .footer {
   height: 42px;
   border-top: 1px solid #999999;
   box-shadow: inset 0 1px 0 #fff;
   background: url("images/Visma Logo.png") no-repeat center center;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}
#login #logo {
	position: absolute;
	top: 15px;
	left: 40px;
	background: url("../../../images/product_logo.png") no-repeat center center;
	width:119px;
	height: 128px;
}
.ctrlHolder
{
   margin-bottom: 8px;
}
label
{
   color: #323232;
   display: inline-block;
   font: 13px Arial, Helvetica, sans-serif;
   width: 150px;
}
#keepMeSignedInLabel {
   width: auto;
}
#resetForm label { display: block; width: auto; margin: 4px 0 0 154px; }
#loginForm input[type="checkbox"] { margin-left: 155px; }
input[type="text"], input[type="password"], select
{
   border: 1px solid #646464;
   box-shadow: 0 1px #fff;
   font: 13px Arial, Helvetica, sans-serif;
   height: 25px;
   width: 276px;
}
#resetForm input[type="text"], #resetForm input[type="password"], #resetForm select { margin: 4px 0 0 154px;  }
input[type="submit"]
{
   background: url("images/loginInput.png") no-repeat scroll 0 0 transparent;
   border: 0 none;
   border-radius: 0 0 0 0;
   box-shadow: 0 0 0;
   color: #FFFFFF;
   font: bold 16px 'Myriad Pro' ,arial,sans-serif;
   float: right;
   height: 38px;
   line-height: 33px;
   width: 278px;
   margin-top: 6px;
   margin-right: 33px;
}
input[type="submit"]:hover
{
   background-position: 0 -38px;
}
/* old link style, no tabs*/
#forgotPass
{
   color: #646464;
   display: block;
   font: 11px Arial, Helvetica, sans-serif;
   margin-bottom: 2px;
   text-align: right;
   text-shadow: 1px 1px #fff;
}
footer, #footer
{
   text-align: center;
}

input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="date"], input[type="number"], textarea, select
{
   padding-left: 4px;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

@-webkit-keyframes slideUp {
    0% 
    {
      opacity: 0.0;
      -webkit-transform: translateY(160px);
    } 
    100% 
    {
       opacity: 1.0;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideUp {
    0% 
    {
      opacity: 0.0;
      -moz-transform: translateY(160px);
    } 
    100% 
    {
      opacity: 1.0;
      -moz-transform: translateY(0);
    }
}

@keyframes slideUp {
    0% 
    {
      opacity: 0.0;
        transform: translateY(160px);
    } 
    100% 
    {
       opacity: 1.0;
       transform: translateY(0);
    }
}

.model-validation-error
{
   color: #c00;
   font: 12px Arial, Helvetica, sans-serif;
   font-style: italic;
   font-weight: bold;
   text-align: center;
   position: absolute;
   left: 0;
   right: 0;
   width: 538px;
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
   
   -moz-animation: slideUp .5s ease;
   -webkit-animation: slideUp .5s ease;
   -o-animation: slideUp .5s ease;
   animation: slideUp .5s ease ;
}

.field-validation-error:before {
   content:"*";
   color: #c00;
}

.field-validation-error {
   color: #c00;
}

.overlay{position: fixed; z-index:6665; top:0; left:0; width:100%; height: 100%; background-color: rgba(0,0,0,.25);}

.messagebox {
   font-family: Verdana, Geneva, sans-serif;
   min-height: 50px;
   overflow: hidden; 
   text-overflow: ellipsis;
   color: #555 !important;
   font-size: 12pt;
   text-align: left;
   padding: 12px;
   -moz-border-radius: .2em;
   -webkit-border-radius: .2em;
   border-radius: .2em;
   -moz-box-shadow: 0 0 4px #666;
   -webkit-box-shadow: 0 0 4px #666;
   -o-box-shadow: 0 0 4px #666;
   box-shadow: 0 0 4px #666;
   background: #ffffff;
   background: -moz-linear-gradient(top, #ffffff 0, #e7e7e7 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(100%,#e7e7e7));
   background: -webkit-linear-gradient(top, #ffffff 0,#e7e7e7 100%);
   background: -o-linear-gradient(top, #ffffff 0,#e7e7e7 100%);
   background: -ms-linear-gradient(top, #ffffff 0,#e7e7e7 100%);
   background: linear-gradient(to bottom, #ffffff 0,#e7e7e7 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
   opacity: 1;
   filter: alpha(opacity=1);
   /* some unnecessary animations */
   /*-moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -moz-transition: all 300ms ease;
   -webkit-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   transition: all 300ms ease;*/
   
}
.messagebox.info {
   border: 2px solid #5596f2;
}
.messagebox.info::before {
   content: '';
   background: url(images/info.png) no-repeat scroll 0 50%;
   width: 48px;
   height: 48px;
   margin: 0 12px 12px 8px;
   float: left;
}
.messagebox.login {
   width: 500px;
   margin: 0 auto;
   -moz-animation: slideUp .5s ease;
   -webkit-animation: slideUp .5s ease;
   -o-animation: slideUp .5s ease;
   animation: slideUp .5s ease ;
}
.question {
   display: inline-block;
   background: url('../../VismaMVC/css/images/question_normal.png') no-repeat 2px 6px;
   width: 16px;
   height: 18px;   
}
.question:hover {
   display: inline-block;
   background: url('../../VismaMVC/css/images/question_hover.png') no-repeat 2px 6px;
   width: 16px;
   height: 18px;   
}
.product_name {
	position: absolute;
	top: 25px;
	left: 220px;
	background: url("../../../images/login_title.png") no-repeat center center;
	width: 330px;
	height: 40px;
}