/*IMPORTANT:Essential styles to ensure accessibility*/@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */    .tabs-hide {        display: none;    }}@media print { /* maintain accessibility by overriding inline style used by animations... */    .fragment {        display: block !important;        height: auto !important;        opacity: 1 !important;    }    .anchors {        display: none;    }}/*TAB STYLES:Some more styles, not important for making tabs work, just for the look of it...*/.anchors {    list-style: none;    margin: 0;    padding: 0 0 1px;}.anchors:after { /* clearing without presentational markup, IE gets extra treatment */    display: block;    clear: both;    content: " ";}.anchors li {    float: left;    margin: 0 1px 0 0;}.anchors a {    display: block;    position: relative;    top: 1px;    border: 1px solid #ffffff;    /*border-bottom: 0;*/    z-index: 2;    padding: 5px 9px;    color: #000;    text-decoration: none; background: #f6f6f6;}border:1px #cecdcd solid; background: #f6f6f6;.anchors .tabs-selected a {    /*padding-bottom: 2px;*/ margin-bottom:0px; }.anchors a:focus, .anchors a:active {    outline: none; /* @ Firefox 1.5, remove ugly dotted border */}.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active /*.fragment*/ {    background: #fff; text-decoration:none; border-bottom: 1px solid #ffffff;}.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */    cursor: text;}.anchors a:hover, .anchors a:focus, .anchors a:active {    cursor: pointer;}.anchors .tabs-disabled {    opacity: .4;}.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active {    background: transparent;}.fragment {    /*padding: 10px 10px;*/}