/* root element for tabs  */
ul.tabs {
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:1px solid #666;
	box-sizing: content-box;
}

/* single tab */
ul.tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* selected tab */
ul.tabs a.current {
    background-color:#8D3066; /* background for selected tab */
    border-bottom:1px solid #8D3066;
    color:#ffffff; /* text for selected tab */
    cursor:default; 
}

/* links for inactive tabs */
ul.tabs a {
    float:left;
    font-size:13px;
	font-family:verdana;
    display:block;
    padding:5px 10px;
    text-decoration:none;
    border:1px solid #666;
    border-bottom:0px;
    height:18px;
    background-color:#efefef; /* background for inactive tab */
    color:#000000; /* text for inactive tab */
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
    -moz-border-radius:4px 4px 0 0;
	box-sizing: content-box;
}

/* mouseover effect on tabs */
ul.tabs a:hover {
    
background-color:#2E4D74; 	/* background for tab on mouseover */
    color:#ffffff; /* text for tab on mouseover */
}




/* tab pane */
/* old one: padding:15px 20px; */
[role="tabpanel"]{
    display:none;
    border:1px solid #666;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:25px 20px 15px 20px;
    background-color:#fff;
	box-sizing: content-box;
}