body
{
    margin:0em;
	min-width:50em;
}
ul,li
{
	padding: 0px;
	margin: 0px;
}
li
{
	margin-left: 1.5em;
}

tt
{
	border: 1px solid gray;
	background: silver;
	color: black;
	white-space:nowrap;
}
pre
{
    margin:1em;
    background:silver;
    border: 1px solid black;
}
form
{
	margin:0px;
	padding:0px;
}
img
{
	border-style: none;
}
input[readonly="true"],
textarea[readonly="true"]
{
	background: silver;
}

/********** submits **********/
div.forinput,
div.forsubmit
{
	margin-left:1em;
	margin-right:1em;
}
div.forsubmit
{
	margin-top:1em;
	margin-bottom:1em;
}
.input,
div.forsubmit input
{
	width:100%;
}

/********** lists **********/
.sel
{
	font-weight:bold;
}
li span.toggle
{
	width:15px;
	height:15px;
	display:inline-block;
	outline:1px solid;
	cursor:pointer;
	background-image: url(/silk/bullet_toggle_plus.png);
}
li.closed span.toggle
{
	background-image: url(/silk/bullet_toggle_minus.png);
}
li.closed ul
{
	display:none;
}

/********** structure **********/
#bar
{
	margin:0.5em;
	text-align:center;
}
#bar li
{
	display: inline;
}

#cols
{
	position:relative;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

#main
{	
	margin-top:0em;
	margin-left:16em;
	margin-right:0.5em;
}

#side
{
	overflow:auto;
	position:absolute;
	/*position:fixed;*/
	top:0em;
	left:0em;
	bottom:0em;
	width:15em;
}

/********** sidebar **********/
#side *
{
	/*#side width is in EXTERNAL em's!*/
	font-size:10pt;
}
#side li.box
{
	/* border:1px solid black; */
	list-style-type:none;
}

#side h4.boxhead
{
	text-align:center;
}

#side ul.boxul
{
	margin-bottom:1em;
}
/*#side li
{
	marker-offset: 0px;
}*/

#side input.text
{
	width:70%;
}
#side input.ok
{
	width:15%;
}

/********** Wiki **********/

div.warning
{
    margin:0.5em;
    border:0.5em solid red;
    padding:0.5em;
    background: yellow;
    color:black;
}

blockquote.spoiler
{
    margin:1em;
    background: lightblue;
    border: 1px solid black;
    
}
div.sec
{
    border: 1px solid lightgray;
    margin:0.5em;
}
div.sec.closed
{
    border:none;
}

blockquote.spoiler > h4,
div.sec > h1,
div.sec > h2,
div.sec > h3,
div.sec > h4,
div.sec > h5,
div.sec > h6
{
    cursor:pointer;
}
blockquote.spoiler > h4:hover:after,
div.sec > h1:hover:after,
div.sec > h2:hover:after,
div.sec > h3:hover:after,
div.sec > h4:hover:after,
div.sec > h5:hover:after,
div.sec > h6:hover:after
{
    content: " (щелчок, чтобы свернуть)";
    font-weight:normal;
    font-size:small;
    color:gray;
}
blockquote.spoiler.closed h4:hover:after,
div.sec.closed > h1:hover:after,
div.sec.closed > h2:hover:after,
div.sec.closed > h3:hover:after,
div.sec.closed > h4:hover:after,
div.sec.closed > h5:hover:after,
div.sec.closed > h6:hover:after
{
    content: " (щелчок, чтобы развернуть)";
}

blockquote.spoiler.closed div.spoilerInner,
div.sec.closed div.secInner
{
    display:none;
}


/********** user **********/
span.lvl0,
span.lvl1,
span.lvl2,
span.lvl3,
span.lvl4
{
	display:inline-block;
	height:1.2em;
	width:1.2em;
}
.lvl0
{
	background: #ff00ff;
	color: #ff00ff;
}
.lvl1
{
	background: #0000ff;
	color: #0000ff;
}
.lvl2
{
	background: #00ff00;
	color: #00ff00;
}
.lvl3
{
	background: #ff8800;
	color: #ff8800;
}
.lvl4
{
	background: #888888;
	color: #888888;
}

option.lvl0,
option.lvl1,
option.lvl2,
option.lvl3,
option.lvl4
{
	color:#000000;
}


/********** children **********/

.children2
{
	text-align: center;
	line-height: 200%;
}
.children2 *
{
	/* line-height: 100%; */
}
/*
.children2 span
{
	display:inline-box;
	width:100px;
	height:100px
}*/
.children2 img
{
	width:100px;
	height:100px;
}

.children3 li
{
	margin:1em;
	overflow: hidden;
	text-align: left;
	list-style: none;
}
.children3 div
{
	float:left;
	margin: 0.5em;
	text-align: center;
}
.children3 a
{
	display:block;
	text-align:center;
}