/* Below line is used for online Google font */
@import url(http://fonts.googleapis.com/css?family=Raleway);
h2{
background-color: #FEFFED;
padding: 30px 35px;
margin: -10px -50px;
text-align:center;
border-radius: 10px 10px 0 0;
    width: 330px;
}
hr{
margin: 0px -50px;
border: 0;
border-top: 1px solid #ccc;
margin-bottom: 40px;
}
div.container{
width: 1200px;
height: 610px;
margin:0px auto;
font-family: 'Raleway', sans-serif;
}
div.main{
width: 300px;
padding: 0px 0px 0px;
border: 2px solid gray;
border-radius: 10px;
font-family: raleway;
float:left;
margin-top:50px;
}
input[type=text],input[type=password]{
width: 100%;
height: 30px;
padding: 5px;
margin-bottom: 0px;
margin-top: 5px;
border: 2px solid #ccc;
color: #4f4f4f;
font-size: 16px;
border-radius: 5px;
}
label{
color: #464646;
text-shadow: 0 1px 0 #fff;
font-size: 14px;
font-weight: bold;
}
center{
font-size:32px;
}
.note{
color:red;
}
.valid{
color:green;
}
.back{
text-decoration: none;
border: 1px solid rgb(0, 143, 255);
background-color: rgb(0, 214, 255);
padding: 3px 20px;
border-radius: 2px;
color: black;
}
input[type=button]{
font-size: 13px;
border: 1px solid #e5a900;
color: #4E4D4B;
font-weight: bold;
cursor: pointer;
width: 100%;
border-radius: 5px;
padding: 5px 0;
outline:none;
    height: 38px;
}
input[type=button]:hover{
background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}
style11
{
background-color: #FEFFED;
padding: 30px 35px;
margin: -10px -50px;
text-align:center;
border-radius: 10px 10px 0 0;
}
header{
    background-color:red;
}
.auto-style1 {
            left: 8%;
            top: 67px;
            width: 743px;
        }
.auto-style2 {
            width: 1050px;
}

.sidebar{
  position: fixed;
  width : 200px;
  top: 60px;
  left: 10px;
  float : right;
  color:rgb(102, 0, 17);
  background-color:rgb(245, 239, 153) ;
  padding: 10px 0;
  z-index: 1;
  margin:10px;
  border-style: outset;
  margin-left : 50px;
  /* visibility: hidden;   */
  /* visibility: visible; */
}