.panel {
clear: both;
display: none;
border: 1px solid #bcd2e6;
padding:0;
margin-top:-20px;
}

.padding {
padding:20px;
}

.panel.active-tab-body {
display:block;
}

.tabs {
list-style:none;
margin-left:10px;
}

.tabs li {
float: left;
}

.tabs a {
float: left;
text-decoration: none;
font-family:"";
padding:1px 10px;
margin-left:8px;
font-size:12px;
color: #7e8ca4;
border: 1px solid #bcd2e6;
border-bottom:none;
background-color:#ffffff;
}


.tabs a:hover{
border: 1px solid #bcd2e6;
background-color:#bcd2e6;
color: #ffffff;
text-decoration: none;
}

.tabs a.active-tab {
border: 1px solid #bcd2e6;
background-color:#bcd2e6;
color: #ffffff;
text-decoration: none;
}