body {
font-family:Arial, Helvetica, sans-serif;
color:#4e4f50;
font-size:12px;
background-image:url(Images/rcp-grid-background.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
min-width:310px;
}

#wrapper {
background-color: white;
float: none;
margin-left: auto;
margin-right: auto;
max-width: 700px;
position: relative;
}

#side-bar {
width:10px;
height:100%;
background-color:#3cb371;
position:absolute;
left:-10px;
}

#header {
display:block;
width:99.99%;
height:75px;
background-color:#FFF;
box-shadow:0 0 15px #58585b;
-moz-box-shadow:0 0 15px #58585b;
-webkit-box-shadow:0 0 15px #58585b;
border-bottom:solid #58585b 1px;
}

#header-image {
display:block;
width:89.99%;
max-height:75px;
max-width:960px;
min-height:50px;
margin:auto;
}

.title-img {
width:100%;
height:47px;
}

.ErrorBox {
margin:10px 10px 0;
}

.facility-coding {
padding:5px;
}

.btn-custom {
background-color: hsl(146.7,49.8%,46.9%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3cb371", endColorstr="#184861");
background-image: -khtml-gradient(linear, left top, left bottom, from(#3cb371), to(#184861));
background-image: -moz-linear-gradient(top, #3cb371, #184861);
background-image: -ms-linear-gradient(top, #3cb371, #184861);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3cb371), color-stop(100%, #184861));
background-image: -webkit-linear-gradient(top, #3cb371, #184861);
background-image: -o-linear-gradient(top, #3cb371, #184861);
background-image: linear-gradient(#3cb371, #184861);
border-color: #184861 #184861 hsl(201, 60%, 18%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
-webkit-font-smoothing: antialiased;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -30px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

div.login-controls {
padding-top:20px;
}

input[type="text"],
input[type="password"] {
max-width:135px;
}

.testBanner {
position:fixed;
bottom:0;
width:99.99%;
margin-bottom:10px;
font-weight:700;
font-size:xx-large;
color:#58585b;
}

.well-large {
font-size:14px;
}

/* Begin input placeholders */
.input-wrapper {
position: relative;
display: -moz-inline-box;
display: inline-block;
*display: inline; /* ie6&7 */
zoom: 1;
margin: 0px 0;
background: white;
line-height: 20px;
vertical-align: middle;
}

.input-wrapper input.text {
z-index: 2;
margin: 0;
border: 0;
background: transparent;
}

.input-wrapper label {
z-index: 1;
position: absolute;
height: 18px;
padding: 5px 7px;
font-size: 15px;
line-height: 20px;
color: #999;
overflow: hidden;
}

.input-wrapper label:hover {
cursor:text;
}

.input-wrapper.focus label {
filter: alpha(opacity=50);
opacity: 0.4;
}

.input-wrapper.filled label {
display: none;
}
/* End input placeholders */

@media screen and (max-width: 850px) {
  #header {
  height:65px;
  }
}

@media screen and (max-width: 767px) {
  #header {
  height:55px;
  }

  #facility-coding {
    text-align:center;
  }

  div.login-controls {
  padding-top:0;
  }

  input[type="text"],
  input[type="password"] {
  max-width:235px;
  }
}

@media screen and (max-width: 700px) {
  #header {
  height:50px;
  }
  .img-wave {
  display:none;
  }
}