@charset "windows-1251";

/* Краткая лабуда слева */
#left-contacts p {
	margin:20px 40px 0 40px;
	padding:0;
	font-size:95%;
}

#left-contacts p.small {
	font-size:75%;
}

#left-contacts p.anchor {
	margin:20px 40px -10px 40px;
	padding:0;
}

#left-contacts p.phone {
	font-size:135%;
}


/* Навигация слева */
#left ul#sub-navigation {
	margin:10px 40px 0 20px;
	padding:0;
}

#left ul#sub-navigation li {
	margin:0 0 10px 0;
	padding:0;
	font-size:95%;
	list-style:none;
	border:1px solid #fff;
}

#left ul#sub-navigation li a, #left ul#sub-navigation li strong {
	display:block;
	margin:0;
	padding:5px 20px 5px 20px;
	
}


.sub-navigation-corner-tl,
.sub-navigation-corner-tr,
.sub-navigation-corner-bl,
.sub-navigation-corner-br {
	margin:0;
	padding:0;
}
.sub-navigation-corner-tl {background:#ffbe00 url(/img/design/sub-navigation-corner-tl.gif) no-repeat;}
.sub-navigation-corner-tr {background:url(/img/design/sub-navigation-corner-tr.gif) no-repeat right top;}
.sub-navigation-corner-bl {background:url(/img/design/sub-navigation-corner-bl.gif) no-repeat bottom left;}
.sub-navigation-corner-br {color:#fff; background:url(/img/design/sub-navigation-corner-br.gif) no-repeat bottom right;}
.sub-navigation-corner-br a {color:#fff; font-weight:bold;}


/* Краткая статистика */
#summary-statistics {
	margin:0 20px 0 20px;
	padding:0;
}

#summary-statistics h4 {
	margin-left:20px;
}

#summary-statistics #boys, #summary-statistics #girls {
	margin:0 10px 0 20px;
	padding:0 0 0 20px;
	font-size:95%;
	background-image:url(/img/design/demography.gif);
	background-repeat:no-repeat;
}

#summary-statistics #boys {
	float:left;
	margin-left:0;
	padding-left:40px;
	background-position:20px -30px;
}

#summary-statistics #girls {
	float:left;
	clear:right;
	background-position:-12px 0;
}

#summary-statistics p {
	margin:5px 40px 10px 20px;
	padding:0;
	font-size:95%;
}


/* Текущая эпоха */
#current-epoch {
	display:none;
	
	
	margin:0 20px 0 20px;
	padding:0;
}

#current-epoch h4 {
	margin-left:20px;
}

#current-epoch p {
	margin:5px 40px 10px 20px;
	padding:0;
	font-size:95%;
}

#current-epoch p#schedule {
	margin:0;
	padding:0;
}

#current-epoch p#schedule a {
	display:block;
	height:30px;
	margin:5px 40px 10px 20px;
	padding:0 0 0 30px;
	background:url(/img/design/epoh.gif) no-repeat 0 0.1em;
	line-height:25px;
	font-size:80%;
}


/* Классный учитель */
#teacher {
	margin:40px 40px 20px 20px;
	padding:0;
	background:#FFF0DF;
}

#teacher-corner-1, #teacher-corner-2, #teacher-corner-3, #teacher-corner-4 {
	height:7px;
	margin:0;
	padding:0;
	background-color:#FFF0DF;
	background-image:url(/img/design/teacher-corners.gif);
	background-repeat:no-repeat;
	background-position:no-repeat;
	font-size:0;
}

#teacher-corner-1 {background-position:-7px -7px;}
#teacher-corner-2 {background-position:0 -7px; float:right; width:7px;}
#teacher-corner-3 {background-position:-7px 0;}
#teacher-corner-4 {background-position:0 0; float:right; width:7px;}

#teacher img {
	display:block;
	clear:both;
	margin:0 20px 0 20px;
	padding:0;
	border-top:20px solid #FFF0DF;
}

#teacher h4 {
	margin-top:5px;
	margin-bottom:0;
	margin-left:20px;
}

#teacher p {
	margin:0 20px 20px 20px;
	padding:0;
	font-size:80%;
}


	/* Отправка сообщения учителю */
	#teacher div.active, #teacher div.passive {
		margin:0 20px 0 20px;
		padding:0 0 0 30px;
		color:#633;
		font-size:80%;
		background:url(/img/design/teacher-mail.gif) no-repeat 0 0;
	}
	
	#teacher div.active {
		color:#633;
	}
	
	#teacher div.active strong {
		display:block;
		height:35px;
	}
	
	#teacher div.passive strong {
		display:block;
		height:35px;
		color:#0066af;
		font-weight:normal;
		text-decoration:underline;
		cursor:pointer;
	}
	
	#teacher .display {
		display:none;
	}
	
	#teacher #teacher-form {
		margin:0 20px 20px 20px;
		padding:0;
		font-size:80%;
	}
	
	#teacher #teacher-form input {
		display:block;
		margin:0 0 20px 0;
		padding:0;
	}
	
	#teacher #teacher-form input.width100 {
		width:100%;
	}
	
	#teacher #teacher-form input.width70 {
		width:70%;
	}
	
	#teacher #teacher-form table {
		width:100%;
		//width:65%;
		margin:0;
		padding:0;
		border-collapse:collapse;
	}
	
	#teacher #teacher-form textarea {
		display:block;
		width:100%;
		height:5em;
		margin:0 0 10px 0;
		padding:0;
		font-family:Arial;
	}
	
	#teacher hr {
		border:none;
		color:#ccc;
		background-color:#ccc;
		height:1px;
	}
	
	#teacher #teacher-form div.current {
		width:100%;
		margin:0;
		padding:0;
		background:#00af00;
	}
	
	#teacher #teacher-form input.button {
		display:inline;
		width:10em;
		margin:5px 10px 5px 10px;
		color:#fff;
		font-weight:bold;
		border:0;
		cursor:pointer;
		background:transparent;
	}
	
	#teacher #teacher-form big, #moderator #moderator-form big {
		display:block;
		margin:0 0 5px 0;
		padding:0 0 0 30px;
		color:#00af00;
		font-weight:bold;
		font-size:100%;
		background:url(/img/design/sent.gif) no-repeat 12px 0.2em;
	}
	
	#teacher #teacher-form big.red, #moderator #moderator-form big.red {
		color:#f00;
		background:url(/img/design/error.gif) no-repeat 9px 0.2em;
	}

	.teacher-form-corner-tl,
	.teacher-form-corner-tr,
	.teacher-form-corner-bl,
	.teacher-form-corner-br {
		margin:0;
		padding:0;
	}
	.teacher-form-corner-tl {background:#00af00 url(/img/design/teacher-form-corner-tl.gif) no-repeat;}
	.teacher-form-corner-tr {background:url(/img/design/teacher-form-corner-tr.gif) no-repeat right top;}
	.teacher-form-corner-bl {background:url(/img/design/teacher-form-corner-bl.gif) no-repeat bottom left;}
	.teacher-form-corner-br {background:url(/img/design/teacher-form-corner-br.gif) no-repeat bottom right;}
	
	
/* [В]контакте */
#vkontakte {
	margin:0 40px 0 40px;
	padding:0;
}

#vkontakte img {
	width:155px;
	height:25px;
	margin:30px 0 0 0;
	padding:0;
}

#vkontakte a:link, #vkontakte a:visited {
	color:#0066af;
}

#vkontakte a:hover {
	color:#ff6700;
}

#vkontakte ul {
	margin:0;
	padding:0;
}

#vkontakte ul li {
	margin:5px 0 5px 0;
	padding:0 30px 0 15px;
	list-style:none;
	font-size:95%;
	background:url(/img/design/_blank.gif) no-repeat 0 0.3em;
}


/* Модератор */
#moderator {
	margin:50px 40px 20px 20px;
	padding:0;
	background:#EBEBEB;
}

#moderator-corner-1, #moderator-corner-2, #moderator-corner-3, #moderator-corner-4 {
	height:7px;
	margin:0;
	padding:0;
	background-color:#EBEBEB;
	background-image:url(/img/design/moderator-corners.gif);
	background-repeat:no-repeat;
	background-position:no-repeat;
	font-size:0;
}

#moderator-corner-1 {background-position:-7px -7px;}
#moderator-corner-2 {background-position:0 -7px; float:right; width:7px;}
#moderator-corner-3 {background-position:-7px 0;}
#moderator-corner-4 {background-position:0 0; float:right; width:7px;}

#moderator img {
	display:block;
	clear:both;
	margin:0 20px 5px 20px;
	padding:0;
	border-top:20px solid #EBEBEB;
}

#moderator big {
	display:block;
	margin:0 20px 0 20px;
	padding:0;
	font-size:95%;
	font-weight:bold;
}

#moderator small {
	display:block;
	margin:0 20px 20px 20px;
	padding:0;
	font-size:80%;
}

	/* Отправка сообщения модератору */
	#moderator div.active, #moderator div.passive {
		margin:0 20px 0 20px;
		padding:0 0 0 30px;
		color:#633;
		font-size:80%;
		background:url(/img/design/teacher-mail.gif) no-repeat 0 0;
	}
	
	#moderator div.active {
		color:#633;
	}
	
	#moderator div.active strong {
		display:block;
		height:35px;
	}
	
	#moderator div.passive strong {
		display:block;
		height:35px;
		color:#0066af;
		font-weight:normal;
		text-decoration:underline;
		cursor:pointer;
	}
	
	#moderator .display {
		display:none;
	}
	
	#moderator #moderator-form {
		margin:0 20px 20px 20px;
		padding:0;
		font-size:80%;
	}
	
	#moderator #moderator-form input {
		display:block;
		margin:0 0 20px 0;
		padding:0;
	}
	
	#moderator #moderator-form input.width100 {
		width:100%;
	}
	
	#moderator #moderator-form input.width70 {
		width:70%;
	}
	
	#moderator #moderator-form table {
		width:100%;
		//width:65%;
		margin:0;
		padding:0;
		border-collapse:collapse;
	}
	
	#moderator #moderator-form textarea {
		display:block;
		width:100%;
		height:5em;
		margin:0 0 10px 0;
		padding:0;
		font-family:Arial;
	}
	
	#moderator hr {
		border:none;
		color:#ccc;
		background-color:#ccc;
		height:1px;
	}
	
	#moderator #moderator-form div.current {
		width:100%;
		margin:0;
		padding:0;
		background:#00af00;
	}
	
	#moderator #moderator-form input.button {
		display:inline;
		width:10em;
		margin:5px 10px 5px 10px;
		color:#fff;
		font-weight:bold;
		border:0;
		cursor:pointer;
		background:transparent;
	}	
	
	.moderator-form-corner-tl,
	.moderator-form-corner-tr,
	.moderator-form-corner-bl,
	.moderator-form-corner-br {
		margin:0;
		padding:0;
	}
	.moderator-form-corner-tl {background:#00af00 url(/img/design/moderator-form-corner-tl.gif) no-repeat;}
	.moderator-form-corner-tr {background:url(/img/design/moderator-form-corner-tr.gif) no-repeat right top;}
	.moderator-form-corner-bl {background:url(/img/design/moderator-form-corner-bl.gif) no-repeat bottom left;}
	.moderator-form-corner-br {background:url(/img/design/moderator-form-corner-br.gif) no-repeat bottom right;}
