.simp-tabs { 
    list-style: none; 
    margin-top: 0;
    /*margin: 60px auto 0; */
    width: 100%;
    height: 10px;
}
.simp-tabs:after{
    clear:both;
}
.tabcontent{
    background: none repeat scroll 0 0 #2A4561;
    border-radius: 10px 10px 10px 10px;
/*    margin: 23px 5px 5px; */
    padding: 1px;
}
.tabcontent .tabinner{
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 2px 15px;
}
.simp-tabs li { 
  /* Makes a horizontal row */
    float: left; 
    /* So the psueudo elements can be abs. positioned inside */
    position: relative; 
}
.simp-tabs a { 
  /* Make them block level and only as wide as they need */
  float: left; 
  padding: 5px 20px; 
  text-decoration: none;
  
  /* Default colors */ 
  color: black;
  background: #5082B7; 
  
  /* Only round the top corners */
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; 
}
.simp-tabs .active {
  /* Highest, active tab is on top */
  z-index: 3;
}
.simp-tabs .active a { 
  /* Colors when tab is active */
  background: #2A4561; 
  color: #FFF; 
}
.simp-tabs li:before, .simp-tabs li:after, 
.simp-tabs li a:before, .simp-tabs li a:after {
  /* All pseudo elements are abs. positioned and on bottom */
  position: absolute;
  bottom: 0;
}
/* Only the first, last, and active
   simp-tabs need pseudo elements at all */
.simp-tabs li:last-child:after,   .simp-tabs li:last-child a:after,
.simp-tabs li:first-child:before, .simp-tabs li:first-child a:before,
.simp-tabs .active:after,   .simp-tabs .active:before, 
.simp-tabs .active a:after, .simp-tabs .active a:before {
  content: "";
}
.simp-tabs .active:before, .simp-tabs .active:after {
  background: #2A4561; 
  
  /* Squares below circles */
  z-index: 1;
}
/* Squares */
.simp-tabs li:before, .simp-tabs li:after {
  background: #5082B7;
  width: 10px;
  height: 10px;
}
.simp-tabs li:before {
  left: -10px;      
}
.simp-tabs li:after { 
  right: -10px;
}
/* Circles */
.simp-tabs li a:after, .simp-tabs li a:before {
  width: 20px; 
  height: 20px;
  /* Circles are circular */
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border-radius:         10px;
  background: #FFF;
  
  /* Circles over squares */
  z-index: 2;
}
.simp-tabs .active a:after, .simp-tabs .active a:before {
  background: #5082B7;
}
/* First and last simp-tabs have different outside color needs */
.simp-tabs li:first-child.active a:before,
.simp-tabs li:last-child.active a:after {
  background: #FFF;
}
.simp-tabs li a:before {
  left: -20px;
}
.simp-tabs li a:after {
  right: -20px;
}
.simp-tabs li a:hover {
  color:#FFF;
}