.tabs li { 
  /* Makes a horizontal row */
  float: left; 
	
  /* So the psueudo elements can be
     abs. positioned inside */
  position: relative; 
}
.tabs a { 
  /* Make them block level
     and only as wide as they need */
  float: left; 
  font-size:.9em;
  padding: 11.2px 35px; 
  text-decoration: none;
  
  /* Default colors */ 
    color: darkgray;
    background: #263B51;
  
  /* Only round the top corners */
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px; 
}
.tabs .active {
  /* Highest, active tab is on top */
  z-index: 3;
}
.tabs .active a { 
  /* Colors when tab is active */
  background: #41576D;
  color: #FFC125; 
}

.tabs li:before, .tabs li:after, 
.tabs li a:before, .tabs li a:after {
  /* All pseudo elements are 
     abs. positioned and on bottom */
  position: absolute;
  bottom: 0;
}
/* Only the first, last, and active
   tabs need pseudo elements at all */
.tabs li:last-child:after,   .tabs li:last-child a:after,
.tabs li:first-child:before, .tabs li:first-child a:before,
.tabs .active:after,   .tabs .active:before, 
.tabs .active a:after, .tabs .active a:before {
  content: "";
}
/*active tabcolor*/
.tabs .active:before, .tabs .active:after {
background: #41576D;
  
  /* Squares below circles */
  z-index: 1;
}
/* Squares use inactive tab*/
.tabs li:before, .tabs li:after {
  background: #263B51;
  width: 10px;
  height: 10px;
}
.tabs li:before {
  left: -10px;      
}
.tabs li:after { 
  right: -10px;
}
/* Circles use background*/
.tabs li a:after, .tabs li a:before {
  width: 20px; 
  height: 20px;
  /* Circles are circular */
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border-radius:         10px;
  background: #2A425A;/*page backgroung

  
  /* Circles over squares */
  z-index: 2;
}
/*inactive tab color*/
.tabs .active a:after, .tabs .active a:before {
  background: #263B51;
}
/* First and last tabs have different
   outside color needs:  needs to be same as background */
.tabs li:first-child.active a:before,
.tabs li:last-child.active a:after {
  background: #2A425A;
}
.tabs li a:before {
  left: -20px;
}
.tabs li a:after {
  right: -20px;
}
.tabfile
{
    background-color:#41576D;
    text-align:center;
}