BODY
{
 background-color: #000;
 font-size: 1.4em;
}
H1, H2, H3, H4
{
	color: #eef;
	background-color: #003366;
	text-align: center;
}
P
{
	color: #eef;
	background-color: #000001;
	text-align: justify;
}
P.right
{
	color: #eef;
	background-color: #000001;
	text-align: right;
}
P.left
{
	color: #eef;
	background-color: #000001;
	text-align: left;
}
P.center
{
	color: #eef;
	background-color: #000001;
	text-align: center;
}

P.hr1
{
	text-align: left;
}
P.hr2
{
	text-indent: 12px;
	text-align: left;
}
P.map1
{
	text-indent: 0px;
	text-align: left;
	font-size: 140%;
}
P.map2
{
	text-indent: 6px;
	text-align: left;
	font-size: 120%;
}
P.ip
{
	font-size: 120%;
	text-align: center;
}
P.quote
{
	text-align: center;
	font-style: italic;
}
P.copyright
{
	font-size: 90%;
	text-align: center;
}
P.small
{
	font-size: 80%;
	text-align: center;
}
P.big-links
{
	background-color: #000002;
	text-align: left;
}
P.index-headers
{
	background-color: #000002;
}
P.index-link
{
	margin: 8px 0px;
	font-size: normal;
	text-align: left;
}
PRE
{
	color: #eef;
}
ul
{
    color: #eef;
    background-color: #000001;
    text-align: left;
    list-style-type: none;
    text-indent: 0px;
}
ul.solution
{
	color: #eef;
	background-color: #000001;
	text-align: center;
	text-indent: 0px;
}
ol.solution
{
    color: #eef;
    background-color: #000030;
    text-align: center;
 text-indent: 0px;
}
ol
{
	color: #eef;
	background-color: #000001;
	text-align: justify;
	text-indent: 0px;
}
li
{
	margin-top: 6pt;
	text-align: justify;
}
li.justify
{
	margin-top: 6pt;
	text-align: justify;
}
A:link
{
 color: #6666ff;
}
A:visited
{
 color: #aaaaff;
}
span
{
    background-color: #000066;
    color: #99ffff;
    font-weight: bold;
}
span.code
{
    padding: 0.5em;
    border: 1px dashed silver;
    color: #6666ff;
    background-color: #000000;
    overflow: auto;
    font-family:"Courier New", Courier, monospace;
    font-size:100%;
    display:block;
	white-space: pre;
}

pre{
white-space: pre-wrap;
}

span.photoback{
	background-color: #aaa;
}
span.tel {
    background-color: #000066;
    color:: #ff3333;
    font-weight: bold;
}
span.kok
{
    background-color: #000066;
    color: #ff3333;
    font-weight: bold;
}
span.userdata
{
    background-color: #330000;
    color: #ff3333;
    font-weight: bold;
}
span.result
{
    background-color: #003300;
    color: #33ff33;
    font-weight: bold;
}
table
{
    padding: 4px;
    border-right: thin inset;
    border-top: thin inset;
    border-left: thin inset;
    border-bottom: thin inset;
    color: #eef;
}
TD.center
{
	vertical-align: middle;
	text-align: center;
}
img.floatright
{
	float: right;
	margin: 10px;
}
img.floatleft
{
	float: left;
	margin: 10px;
}
img
{
   max-width: 100%;
   height: auto;
}
div.links
{
	position: absolute;
	margin: 0 0 10px 10px;
	width: 18%;
	top: 0;
	font-size: 1em;
}
div.content
{
	width: 73%;
	left: 25%;
	position: relative;
	font-size: 100%;
}
div.right
{
	text-align: right;
	position: relative;
	right: 0px;
	font-size: 150%;
}
div.photoback {
	background-color: #aaa;
}
div.link-headers
{
	background-color: #000002;
	border: thin solid;
	font-size: 100%;
}
div.tabbed {
	font-size: 1em;
}
div.tabs a {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color: #6666ff;
	background-color: #000;
	text-align: left;
}

div.tab {
	color: #ccccff;
    display: none;
	margin: 1% 1% 1% 1%;
}

div.tab:target {
    display: block;
}

:target div.tab {
    display: block;
}
:target div.tab + div.tab{
    display: none;
}
.graph
{
	height: 12pt;
	background-color: #88e;
	float: left;
}

blockquote{
	color: #eef;
	font-style: italic;
}

@media 
only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
{
	body{
		font-size: 1em;
	}
	div.content
	{
		width: 60%;
		left: 40%;
	}
	img
	{
		max-width: 60%;
		height: auto;
	}
p,H1,H2,H3,H4,H5,li,ol,tr,td,th
	{
		font-size: 1em;
	}
	P.big-links
	{
		background-color: #000002;
		text-align: left;
	}
	div.links
	{
		position: absolute;
		margin: 0 0 20px 20px;
		width: 28%;
		top: 0;
	}
	div.tabbed, div.link-headers, div.tabs
	{
		font-size: 1em;
	}
	p.index-link, p.small,div.link-headers
	{
		margin: 0 0 30px 0px;
	}
}