* {
    padding: 0; 
    margin: 0; 
}

body
{ 
    background-repeat: no-repeat;
    background-image: none;
    background-color:White;
    background-position:center;    
    /*background-size:100% 100%;*/
    background-attachment: fixed;
    overflow:hidden;
}

.loginPosition
{
    /*border: 1px solid black;
    position:center;
    margin-top: auto;
    margin-bottom: auto;*/

  display: table-cell;
  vertical-align: middle;
}


.inner { 
    margin-left: auto; 
    margin-right: auto;  
    height:250px;
} 


.page
{    
    /*width:100%;
    height:100%;
    margin: 0px auto 0px auto;
    border-style:none;*/

    
    display: table; 
    position: absolute; 
    height: 100%; 
    width: 100%; 
}

 
.alignOnRight
{
    float: right;
    margin-right: 5px;
    vertical-align: bottom;
}

.alignOnCenter
{

    margin-left:auto;
    margin-right:auto;
}

.alignImageOnCenter
{

    text-align:center;
}

.alignOnLeft
{
    float: left;
    margin-left: 5px;
}

.alignOnTop 
{
    width: 100%;
    vertical-align:top;
}

.alignOnTop td
{
    vertical-align:top;
}

.alignOnBottomRight
{
    
    position:fixed;
    bottom:5px;
    right:5px;    
}

.alignOnBottomLeft
{
    position:fixed;
    bottom:5px;
    left:5px;    
}

.logo
{ 
    position:fixed;
    height: 65px;
    /*bottom:5px;
    right:5px;*/
    margin-right:auto;
    margin-bottom:auto;
    z-index:100;
}

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}