body
{
	font-family: 'Maven Pro', 'Roboto', sans-serif;
    background-color: #FFFFFF;
}

body a
{
    color: #b62;
    text-decoration: none;
}

body a:visited
{
}

.subtitle
{
    font-size: larger;
    font-weight: bolder;
}

h1, h2
{
    color: #004ba0;
}

h3
{
    color: #222;
	background-color: #b0d0f0;
	margin: 0;
	padding: 0.75em;
}

h4
{
    color: #1976d2;
}

h5
{
    color: #3996f2;
}

.paragraph
{
    padding-top: 2.5em;
    padding-bottom: 1em;
}

.changelogPre
{
    white-space: pre-wrap;
    word-wrap: break-word;
}

.textbody
{
    text-align: justify;
}

ol.inside
{
    list-style-type: none;
	list-style-position: inside;
	padding: 0px;
}

.anchorLink
{
	height: 2em;
	display: block;
}

.textbody pre
{
    white-space: pre-wrap;
    word-wrap: break-word;
	background-color: #e8e8e8;
}

.codeParag
{
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
	margin-left: 8%;
	margin-right: 8%;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
    text-align: center;
	font-family: monospace;
    color: #333;
	background-color: #ddd;
}

.buttonIcon
{
    height: 3em;
}

.buttonIconSpeedo
{
    height: 5em;
}

.iconStatusbar
{
    width: 300px;
}

.statusIcon
{
    height: 1.5em;
}

.imageFenceguard
{
    display: block;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.imageSvg
{
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.linkTextBody
{
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

.linkIcon
{
    display: block;
    width: 3em;
    height: 3em;
    margin-left: auto;
    margin-right: auto;
}

.toc ol
{
	list-style-type: none;
}

.tintTransparent
{
    opacity: 0.4;
    background-color: rgb(192,192,192);
}

.tintGreen
{
    background-color: rgb(0,255,0);
}

.tintRed
{
    background-color: rgb(255,0,0);
}

.tintYellow
{
    background-color: rgb(255,208,0);
}

.alert
{
    padding: 20px;
    background-color: #fce8e6; /* Red */
    color: #d50000;
    margin-bottom: 15px;
}