body {
    background-color: #dedcde;
	background-repeat: no-repeat;   
    background-attachment: fixed;
    background-position: center;   
    background-position-y:0px;     
    margin:0;
}
:focus {
    outline:none;
}

.WrappingDiv {
    min-height:400px;
    min-width:400px;  
}

 .center {
    margin-left: auto;
    margin-right: auto;   
    background-color: #b0e0e6;
}

.topBrandingDiv {
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    padding:0px;
    width: auto; 
    height:100px;
    text-align:center;    
}

.logoLeftMarg {
    padding-left: 0px;
    height: 56px;
    width: 106px;       
    Text-Align:center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pTitle {
    Font-Family: Roboto;
    Font-Size: 38px;
    font-weight:bold;
    Color: #1d1d1b;
    Text-Align:center;
    padding-left:0px;
    text-wrap:none;
    white-space: nowrap;
}

.plogInMess {
    Font-Family:Roboto;
    Font-Size: 16.1px;
    Color: #1d1d1b;
    Text-Align: center;
    padding-left:0px;
}

 /*Login area*/ 
 .loginDialogDiv {
      margin-left: auto;
      margin-right: auto;
      width: 370px;     
 }
 
 .userPicDiv{
     text-align:center;
     margin-bottom:15px;
     margin-top:10px;
     /*Padding for the top of the whole login area*/
     padding-top:35px;
 } 

 .profilePic {
    width: 110px;
    height: 110px;    
    margin-left:auto;
   margin-right:auto;
}

.LogOnButton {
    
    background-color:   #0171bc;  
    color: white;
    width: 260px;
    height:40px;
    border:none;
    font-weight:500;
    font-size:14px;
    font-family:Roboto;
    border-radius:3px;   
}

.LogOnButton:hover{ 
    cursor: pointer; background-color: #345689; 
}

.LoginFormLabels {
     font-weight:500;
      font-size:12px;
      font-family:Roboto;
}

.ForgotPWDLink {
    text-decoration: none;    
    color:#73B3E6;  
    padding-left:70px;
    font-size:11px;
    font-family:Roboto;   
}  

.checkboxes{
    /*Bottom padding for whole login area*/
    padding-bottom:30px;
    padding-top:5px;
}

.rememberMeLabel{      
    font-size:11px;
    font-family:Roboto;   
    margin-bottom:0px;
     padding-bottom:0px;
     height:25px;   
     color: #333333;     
}

.checkboxes input {
    vertical-align: middle;
}

.checkboxes label span {
    vertical-align: middle;
}

.rememberMeCheck {
     font-size:11px;
    font-family:Roboto;  
}

.bottomWrapper{
    position:absolute;  
    bottom:0;
    width:100%;
}

/*Horizontal footer line*/
.hLineDiv {
    border-top:solid;
    border-top-width:1px;
    border-top-color:lightgrey;
    width:100%;
    margin-top:10px;
    height:3px;
}

/*footer area*/
.footerDiv{  
      margin-left: auto;
      margin-right: auto;
      margin-top:0px;
      padding:0px;
      width: 100%; 
      height:50px;
      align-content:center;     
     font-family:Roboto; 
}

.legalDiv {       
      margin-top:0px;
      padding:0px;
      padding-left:10px;
      width:47%;
      height:50px;
      float:left;
      font-family:Roboto; 
}

.legUL {
    color:#A4A4A4;
    margin-top:0px;
}

.legalListItems {
  text-decoration: none;
  color:#A4A4A4;
  font-size:9px;
}

li {
    /* with fix for IE */
    display: inline;
    display: inline-block;
    zoom: 1;
    padding-right:20px;
    color:#A4A4A4;
    font-size:9px;
    font-family:Roboto; 
}

/*System Status*/
.systemStatusDiv{         
      margin-top:0px;
      padding:0px;
      text-align:right;
      width:50%;
      height:50px;
      float:left;
}

 .MainInputDiv {
    background-color: #FFFFFF;
    padding-left:55px;
    padding-right:55px;     
    -webkit-box-shadow: 9px 6px 34px -5px rgba(0,0,0,0.42);
    -moz-box-shadow: 9px 6px 34px -5px rgba(0,0,0,0.42);
    box-shadow: 9px 6px 34px -5px rgba(0,0,0,0.42);
 }
 
@media screen and (max-height:650px) {

 .bottomWrapper{
        display:none;
    } 
}

 /*Screens smaller than 1000px*/
 /*@media screen and (max-width: 900px) , screen and (max-height:600px) {*/
 @media screen and (max-width: 900px)  {
body {
    background-image: url("/themes/default/images/Mobile_Background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;   
    
}
.poweredByDiv{
    
       margin-top:0px;
      margin-left: auto;
      margin-right: auto;
      text-align:center;
       position: relative;
        height: 20px;
        width:100%;       
   
}
.legalDiv {
       
      margin-top:0px;
       margin-left: auto;
      margin-right: auto;
      padding:0px;
      padding-left:20px;
      width:100%;
      height:50px;
      /*float:left;*/
      text-align:center;
    
}
.systemStatusDiv{
    
display:none;     
      margin-top:0px;
      padding:0px;
      text-align:right;
      width:50%;
      height:50px;
      float:left;
      

}

}