body 
{
       padding:0px;
	   margin:0px;
}
.header_top
{
    width:100%;
	
	height:100;
	top:0;

    }
    .main_back
    {
          border-bottom:2px solid #75869D;
      background-color:  #fff !important;
        
          border-radius: 5px;
          border:1px solid #BAB4B4;
           box-shadow: 0px 0px 10px grey;

        }
 .header_logo
	{

    height: 120px;
    padding:10px;
    padding-left:0px;
    padding-bottom:10px;
    margin-bottom:20px;
    }    
     .header_logo img 
     {
          height:120px;
          width:120px;
         }

    .css3-shadow {
    position:relative;
    -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);
    box-shadow:0 1px 7px rgba(0, 0, 0, 0.3);
}
.css3-shadow:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    bottom:0px;
    left:10%;
    right:10%;
    width:80%;
    height:50%;
    -moz-border-radius:100%;
    border-radius:100%;
}
.main_area 
{
    
      border-bottom-right-radius:4px;
      border-bottom-left-radius:4px;
     background-color:#fff;
     height:500px;
       padding:20px;
    }
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
.login_box 
{
    
    min-width:200px;
     min-height:200px;
    margin:10px;
      background-color:#f5f5f7;
     border-radius: 4px;
  
    }
    
  .login_box   .image-lock 
    {
        float:left;
         padding:30px;
        }
        
.form-login 
{
     float:left;
    }
.form-login  h2 
    {
         text-align:center;
        }
        
  .form-login input 
  {
       border: rgb(92, 184, 233) 2px solid;
    color: #252D26;
    box-shadow: -73px -49px 0px -61px rgb(235, 235, 235) inset;
    border-radius: 4px;
    width:200px;
      }

 .Absolute-Center h2:after {
     border-bottom: 2px solid # 80C68B;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 60px;
    right:40px;
    left:30%;
    width: 200px;
}
.Absolute-Center img
{
   padding-left:0px;
    }
div.well{
  height: 250px;
} 

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center.is-Responsive {

  height: 80%;
  min-width: 300px;
  max-width: 500px;
  padding: 10px;
  background-color:#f5f5f7;
  border-radius: 10px;
   
}
.Absolute-Center.is-Responsive .input-group input 
{
     width:200px;
box-shadow:inset 0 0 10px 000000#;
    -moz-box-shadow:inset 0 0 10px #000000;
    -webkit-box-shadow:inset 0 0 10px #000000;
    
    background: transparent;
    color: #252D26;
    box-shadow: -73px -49px 0px -61px rgb(128, 198, 139) inset;
    border-radius: 4px;
    transition: width 0.5s;
    -webkit-transition: width 0.5s;
    }
    .Absolute-Center form 
    {
       width:270px;
        }
.Absolute-Center.is-Responsive input:focus,input-group:focus
{
      width:220px;
       border:1px solid #5cb85c;
    }
.btn-login 
    {
        color:White;
        background-image: linear-gradient(to bottom,#05528B 0,#05528B 100%) !important;
         transition: width 2s;
    -webkit-transition: width 2s;
        }
        
.btn-login:hover
 {
 background-color:  #80C68B !important;
 color:#DEE2ED;
}
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

#avmenu {
clear: left;
float: left;
width: 250px;
margin: 0;
padding: 0 1px;
font-size: 0.9em;

background: url(../../asset/images/menuhead.png) center top no-repeat;
}

#avmenu ul {	
list-style: none;
width: 250px;
margin: 0px 0 0 0;
padding: 0;
font-size: 1.1em;
}	

#avmenu li {
margin-bottom: 1px;
}

#avmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #00364D;
display: block;
padding: 6px 0 0 10px;
background: #4FB2FB;
border-left: 4px solid #EF4745;
}	
	
#avmenu li a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #EF4745;
}
.menutitle{
 font-size:20px;
 color:#10446A;
 font-weight:bold;
 padding:10px 0 0 18px;
 height:35px;
}