#mytabs.tabs {font-family: "lucida grande", sans-serif;}
#mytabs [role="tablist"] {min-width: 550px;}
#mytabs [role="tab"],#mytabs [role="tab"]:focus,#mytabs [role="tab"]:hover {position: relative;z-index: 2;top: 2px;margin: 0;margin-top: 4px;padding: 3px 3px 4px;border: 1px solid hsl(219deg 1% 72%);border-bottom: 2px solid hsl(219deg 1% 72%);border-radius: 5px 5px 0 0;overflow: visible;background: hsl(220deg 20% 94%);outline: none;font-weight: bold;}
#mytabs [role="tab"][aria-selected="true"] {padding: 2px 2px 4px;margin-top: 0;border-width: 2px;border-top-width: 6px;border-top-color: rgb(36 116 214);border-bottom-color: hsl(220deg 43% 99%);background: hsl(220deg 43% 99%);}
#mytabs [role="tab"][aria-selected="false"] {border-bottom: 1px solid hsl(219deg 1% 72%);}
#mytabs [role="tab"] span.focus {display: inline-block;margin: 2px;padding: 4px 6px;}
#mytabs [role="tab"]:hover span.focus,#mytabs [role="tab"]:focus span.focus,#mytabs [role="tab"]:active span.focus {padding: 2px 4px;border: 2px solid rgb(36 116 214);border-radius: 3px;}
#mytabs [role="tabpanel"] {padding: 5px;border: 2px solid hsl(219deg 1% 72%);border-radius: 0 5px 5px;background: hsl(220deg 43% 99%);min-height: 10em;min-width: 550px;overflow: auto;}
#mytabs [role="tabpanel"].is-hidden {display: none;}
#mytabs [role="tabpanel"] p {margin: 0;}