#tabbar{
    display: none;
    }

#tabcontents{
    display: block;
    padding: 0 .5em;
    margin-bottom: 1em;
    }

#tabcontents dt{
    position: relative;
    top: 1px;
    display: block;
    width: 5em;
    height: 1.2em;
    padding: 2px 5px 1px;
    margin: 1em 0 0 0.5em;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #000;
    font-size: 1.2em;
    z-index: 2;
    }

head:first-child+body #tabcontents dt{
    float: left;
    width: auto;
    position: static;
    top: 0;
    margin-bottom: -1px;
    }

#tabcontents dd{
    display: block;
    clear: both;
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    margin: -1px 0 0;
    padding: 1em;
    z-index: 1;
    }

#tabcontents+*{
    clear: both;
    }

.tabs{
    color: inherit;
    background-color: #c99;
    }

.javascript{
    color: inherit;
    background-color: #cc9;
    }

.xml{
    color: inherit;
    background-color: #9c9;
    }

.css{
    color: inherit;
    background-color: #9cc;
    }

.scheme{
    color: inherit;
    background-color: #99c;
    }

.ruby{
    color: inherit;
    background-color: #c9c;
    }


#tabcontents a:link,#tabcontents a:visited,#tabcontents a:active{
    color: #333;
    background-color: inherit;
    text-decoration: none;
    }

#tabcontents a:hover, #tabcontents a:focus{
    color: #000;
    background-color: inherit;
    text-decoration: none;
    }

ins {
    display: block;
    font-size: 0.8em;
    color: #000;
    background-color: #fff;
    width: 32em;
    min-width: 8em;
    max-width: 40em;
    border-width: 1px;
    border-color: #eee;
    border-style: solid;
    text-decoration: none;
    }

#footer{
    clear: both;
    margin-top: 3em;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ddd;
    font-size: .8em;
    }