﻿
.Container_Centered{
    margin:auto; width:34%; height:auto; border:5px solid #c13c48; border-radius:4px;  padding:0 4% 4% 2%; 

}
.textbox_login,
.label_placeholder{
  font-family: 'Ubuntu', sans-serif;
  display: block;
  margin: 10px;
  padding: 5px;
  border: none;
  font-size: 15px;
}

.textbox_login:focus {
  outline: 0;
}
/* Question */

.textbox_login {
  font-size: 19px;
  font-weight: 200;
  border-radius: 2px;
  margin: 0;
  border: 1px solid black;
  width: 98%;
  background: rgba(0, 0, 0, 0);
  transition: padding-top 0.2s ease, margin-top 0.2s ease;
  overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */
}
/* Underline and Placeholder */

.textbox_login + label
{
  display: block;
  position: relative;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  width: 10%;
  border-top: 1px solid red;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
  height: 0px;
}

.textbox_login:focus + label
{
  width: 80%;
}

.textbox_login:focus,
.textbox_login:valid {
  padding-top: 5px;
}
.textbox_login:invalid{
  box-shadow: none;
}

.textbox_login:focus + label > span,
.textbox_login:valid + label > span {
  top: -70px;
  font-size: 20px;
  color: #333;
}


.textbox_login + label > span {
  font-weight: 300;
  margin: 0;
  position: absolute;
  color: #8F8F8F;
  font-size: 18px;
  top: -28px;
  left: 4px;
  z-index: -1;
  -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}


@-webkit-keyframes appear {
  100% {
    opacity: 1;
  }
}

@keyframes appear {
  100% {
    opacity: 1;
  }
}

.Header_main{
    width:100%;
    height:auto;
      border-bottom:3px solid #c52327;
  border-top:0px solid #c13c48;
  margin-bottom:5px;
  
 }
   .Sub_Header_main{
       
    width:100%;
    height:82px;
    
     }

   .main_logo{
     width:30%; min-width:500px; 
     height:69px; border:1px solid transparent; position:absolute; background: url(../Images/bsbedgeLogo.png) no-repeat; 
}
   .Outer_Container_Centered
   {
       height:auto;
       padding-top:5%;
   }
 
    .Container_Centered > ul > li {
        display:table;
    width:97%;
    padding-right:12px;
    margin-top:14px;
    padding-top:28px;
    }

     .Container_Centered > ul > li:last-child   {
    padding-top:10px;
   padding-left:2%;
}
.ie8 .textbox_login + label > span , .ie9 .textbox_login + label > span  {
  font-weight: 300;
  margin: 0;
  position: absolute;
  color: #000;
  font-size: 18px;
  top: -70px;
  left: 0px;
  z-index: -1;
  -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
}