.tabs_default .tabcontainer { border: 1px solid #d9d8ce; padding: 20px; clear: both; margin-bottom: 20px; } .tabs_default .tab { list-style: none; padding: 0; } .tabs_default .tab li { display: inline; z-index: 0; } .tabs_default .tab li a { color: #323330; float: left; display: block; padding: 15px 20px; position: relative; border-top: 1px solid #d9d8ce; border-left: 1px solid #d9d8ce; border-right: 1px solid #d9d8ce; margin-left: -1px; left: 1px; background-color: #ffffff; text-decoration: none; outline: none; } .tabs_default .tab li a.tabselected { background-color: #d9d8ce; color: #323330; border-top-color: #d9d8ce; border-left-color: #d9d8ce; border-right-color: #d9d8ce; z-index: 1; } .tabs_default .tab li a:hover { background-color: #f9faf4; color: #323330; border-top-color: #d9d8ce; border-left-color: #d9d8ce; border-right-color: #d9d8ce; z-index: 2; } .tabs_default .tabareaclosed { display: none; } @media screen and (max-width: 1023px) { .tabcontainer { border-width: 1px 0 1px 0; } .tabcontainer { padding-left: 0 !important; padding-right: 0 !important; } .tabs_default .tabcontainer { border-left: 0; border-right: 0; } }