* {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

body {
    font-family: sans-serif;
    font-size: 16px;
    background: #CCC;
    word-wrap: break-word;
}


table {
    border-collapse: collapse;
}

img,
canvas,
svg {
    max-width: 100%;
}

span.ref {
    position: relative;
    left: 0;
    top: 0;
}

span.switch {
    cursor: pointer;
    vertical-align: text-top;
    font-size: 70%;
    font-weight: bold;
    color: blue;
}

span.togglee {
    border: 1px solid black;
    background: white;
    min-width: 200px;
    padding: 5px;
    font-size: 80%;
    position: absolute;
    display: none;
    left: 10px;
    top: 10px;
    z-index: 10;
}

span.help {
    cursor: help;
}

abbr:hover {
    cursor: help
}

p:before {
    content: "";
    width: 10em;
    display: block;
    overflow: hidden;
    /* For Demonstration */
    /*  border: 1px solid green; */
}

p {
    border: 1px solid transparent;
}

div.imagecontainer {
    border: 1px black solid;
    padding: 5px;
    max-width: 100%;
}

div.blogpost {
    border: 1px black solid;
    padding: 5px;
    margin: 2em 0 2em 0;
    max-width: 100%;
}

table.tdcenter td {
    text-align: center;
}

table.columns td,
table.borderless td {
    border: none;
}

table.columns {
    width: 100%;
    table-layout: fixed;
}

td {
    border: 1px solid lightgray;
}

dt {}

input.clockinput {
    width: 4em;
}

dt:after {
    content: ":"
}

dl.codeitems dt {
    font-family: Courier New, monospace
}

ul.codeitems li {
    font-family: Courier New, monospace
}

.code {
    font-family: Courier New, monospace
}

pre,
code {
    font-family: Courier New, monospace;
}

th {
    background-color: #CCF;
    border: 1px solid black;
}

pre {
    background-color: #EEF;
    overflow: auto;
    font-size: 80%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both
}

h1 {
    font-size: 249%;
}

h1 a {
    text-decoration: none;
}

h2 {
    border-bottom: 1px solid black;
    font-size: 207%;
}

h3 {
    font-size: 173%;
}

h4 {
    /*font-style: italic;*/
    font-size: 144%;
}

h5 {
    /*font-style: italic;*/
    font-weight: normal;
    font-size: 120%;
}

h6 {
    font-size: 100%;
    font-weight: normal;
    text-decoration: underline;
}

em {
    font-style: italic;
}

img[src$=".svg"] {
    width: 100%;
}

img,
canvas,
svg {
    vertical-align: middle;
    border: none;
}

#content {
    overflow: hidden;

}

#pagecontent,
#recentlyupdated,
#header,
#communitynotice {
    background-color: white;
    padding: 10px;
    margin: 5px auto 5px auto;
    max-width: 1200px;
}

#cummunitycontent {
    overflow: auto;
    background-color: #FDB;
    padding: 10px;
    margin: 5px auto 5px auto;
    max-width: 800px;
}

#thirdpartycontent {
    overflow: auto;
    background-color: #BDF;
    padding: 10px;
    margin: 5px auto 5px auto;
    max-width: 800px;
    text-align: center;
}

#footer {
    background-color: #8CF;
}

#left {
    float: left;
    margin: 5px;
    padding: 5px;
    border: 1px solid black;
    max-width: 200px;
}

#right #right {
    float: right;
    margin: 15px;
    max-width: 300px;
}

#top_bar {
    text-align: right;
    margin: 5px;
}

#debuginfo {
    float: right;
}

div.path {
    background-color: #8CF;
    border-top: 1px solid blue;
    border-bottom: 1px solid blue;
    padding: 5px;
    margin: 5px;
}

a.navlink {
    font-weight: bold;
    text-decoration: none;
}

div.navline,
a.navigationbutton,
a.navigationbuttoninline {
    background-color: #8CF;
    border-top: 1px solid blue;
    border-bottom: 1px solid blue;
    padding: 5px;
    margin: 5px;
    font-weight: bold;
    text-decoration: none;
}

a.navigationbuttoninline {
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
}

a.navigationbutton {
    display: block;
}

a.selectednavigation {
    background-color: #8FC;
}

a.button {
    padding: 10px;
    margin: 10px;
    border: 1px solid black;
    display: inline-block;
}

.centerblock {
    margin: 0 auto 0 auto;
}

.center {
    text-align: center;
}

.alert {
    color: red;
    font-weight: bold;
}

.success {
    color: green;
    font-weight: bold;
}

.rightfloat {
    float: right;
}

.clearsides {
    clear: both;
}

.hugefont {
    font-size: 400%;
}

.bigfont {
    font-size: 200%;
}

.borderless {
    border: none;
}

.inheritfont {
    font-size: inherit;
}

.thinborder {
    border: 1px solid black;
}

.hstretch {
    width: 100%;
}

.nowrap {
    white-space: nowrap;
}

.name {
    font-variant: small-caps;
}

.smallfont {
    font-size: 70%;
}

.scrollable {
    overflow: auto;
}

.screenful {
    height: 80vh;
}

.tag {
    border: 1px solid black;
    text-decoration: none;
}