body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

 @media all and (min-width:1025px)
 {
    .floatLeft{
        float:left;
    }
    .floatLeftWithPad{
        float:left; 
        padding-left:7%;
    }
    .floatRightWithPad{
        float:right; 
        padding-right:1%;
    }
    .floatRightPad7{
        float:right; 
        padding-right:7%;
    }
    .custom-marginLeft{
        margin-left:-7%;
        width:115%
    }
    .custom-marginLeftBottom{
        margin-left:-7%;
        margin-bottom:25px;
    }
    .custom-marginLeft110{
        margin-left:-7%;
        width:110%
    }
    .homeButtonToolBar{
        padding-top:7%
    }
    .memberListHeading{
        width:115%; 
        margin-left:-7%; 
        color:black; 
        text-align:center
    }
    .staffFloatLeft{
        float:left; 
        padding-left:1%;
    }
     .staffFloatLeft4{
        float:left; 
        padding-left:4%;
    }
      .staffFloatRight{
        float:right; 
        padding-right:2%;
    }
      .staffFloatRight4{
          float:right; 
          padding-right:4%
      }
      .staffTable{
          margin-left:-2%;
      }
 }

 @media (min-width:100px) and (max-width:1024px)
 {
    .floatLeft{
        margin-bottom:10px;
        padding-top:10px;
        border:#DAD7D7 solid;
    }
    .floatLeftWithPad{
       margin-bottom:10px;
       padding-top:10px;
       border:#DAD7D7 solid;
    }
    .floatRightWithPad{
        margin-bottom:10px;
        padding-top:10px;
        border:#DAD7D7 solid;
    }
    .floatRightPad7{
      margin-bottom:10px;
      padding-top:10px;
      border:#DAD7D7 solid;
    }
    .custom-marginLeft{
       
    }
    .custom-marginLeftBottom{
        margin-bottom:25px;
    }
     .custom-marginLeft110{
        margin-left:-4%;
        width:102%
    }
     .hideColumn{
         display:none;
     }
     .largeButton{
         width:95%;
     }
     .homeButtonToolBar{
        padding-top:7%
    }
      .memberListHeading{
        width:99%; 
        color:black; 
        text-align:center
    }

      .staffFloatLeft{
         margin-bottom:10px;
         padding-top:10px;
         width:97%;
         border:#DAD7D7 solid;
    }
     .staffFloatLeft4{
         margin-bottom:10px;
         padding-top:10px;
         width:97%;
         border:#DAD7D7 solid;
    }
      .staffFloatRight{
        margin-bottom:10px;
         padding-top:10px;
         width:97%;
         border:#DAD7D7 solid;
    }
      .staffFloatRight4{
        margin-bottom:10px;
         padding-top:10px;
         width:97%;
         border:#DAD7D7 solid;
     }
       .staffTable{
           width:100%;
           margin-left:-4.2%;
      }
 }



.login-container {
    border: solid 1px #888;
    border-radius: 15px;
    background-color: #E9EAED;
}

    .login-container .profile {
        color: #900000;
        font-size: 12px;
        font-weight: bold;
        font-family: arial, helvetica, sans-serif;
        text-transform: uppercase;
    }

    .login-container .login {
        display:table;
        margin: 0 auto;
        font-size: 12px;
        font-family: arial, helvetica, sans-serif;
        font-weight: bold;
        color: #283F75;
    }

    .login-container .center-content {
        text-align: center;
    }

    .login-container .login-auth-button{
        margin-bottom: 10px;
    }

.error {
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    line-height: 28px;
    color: #8B0000;
    font-weight: bold;
}