﻿.background
{
    position:fixed;
    top:0;left:0;right:0;bottom:0px;
    background-position: bottom;
    background-image: url(/apps/hmobile/skin/desktop/backbody.jpg);
    background-repeat: repeat-x;
    background-color: #b0c9df;
}
.page-container {
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    max-width:440px;
    height:100%;
    overflow-x:visible !important;
}
.page-content {
   position:relative;
   left:0;
   right:0; 
   width:100%;
   height:100%;
     max-width:440px;
 display:table;
}
.backdesktop
{
    position:fixed;
    top:0;left:0;right:0;bottom:0px;
    background-position: left bottom;
    background-image: url(/apps/hmobile/skin/desktop/backimage.jpg);
    background-repeat: no-repeat;
    overflow: auto;
    cursor: default;
}
.ui-content{
  position:absolute;
  left:0;
  right:0;
}
.loginbox
{
    max-width:440px;
  display:table-cell; vertical-align:middle;
}
.logintop
{
	background-position: center top;
	background-image: url(/apps/webapp/skin/login_top.png);
	background-repeat: no-repeat;
	height:140px;
    margin:0px;
}
.logintopvostio {
    background-position: center top;
    background-image: url(/apps/webapp/skin/login_top_vostio.png);
    background-repeat: no-repeat;
    height: 140px;
    margin: 0px;
}
.loginmid
{
    padding-top:20px;
    padding-bottom:20px;
	background-position: center;
	background-image: url(/apps/webapp/skin/login_back.png);
	background-repeat: repeat-y;
	display:block;
    margin:0px;
}
.loginbottom
{
    padding-top:5px;
    padding-bottom:15px;
	background-position: center top;
	background-image: url(/apps/webapp/skin/login_bottom.png);
	background-repeat: no-repeat;
	height:114px;
    margin:0px;
}
.aligned {
    width:300px;
    margin:auto;
}
.loginmid {
    padding-bottom:12px;
}
.loginmsg {
   padding-bottom:12px;
   color:red;
}
.disabled {
    color:gray;
}
.enabled {
    color:black;
}
.msgerror {
    color:red !important;
}

