* {margin:0; padding:0; border:0; z-index:50; }

body {background:#f0f0f0 url(i/bg.gif) repeat-y top left; width:1000px; font-family:Tahoma, serif; }
h2 {color:#324462; font-size:1.1em; }
h3 {color:#324462; font-size:.8em; display:inline; position:relative; left:-.1em}
h4 {color:#324462; font-size:.9em; position:relative; left:-.1em}
h4 a {color:#324462; text-decoration:none; border-bottom:1px solid #ddd}
h4 a:hover {border-bottom:1px solid #aaa}
ul {margin:1em 0; list-style:none;}
ul li {padding-left:.6em; background:url(/i/arr2.gif) no-repeat 0 .5em; margin-bottom:.1em}
ol {margin:1em 0; }
ol li {padding:0; margin-bottom:.1em;}
ol li ul li {padding-left:.9em; margin-bottom:.1em;}

h2 a {position:relative; top:-3px}
.cl {clear:both; }
.hr-big {height:5px; width:1000px; background:url(/i/hr-big.gif) no-repeat; font-size:0;}
.hr-left {height:5px; width:255px; background:url(/i/hr-left.gif) no-repeat; font-size:0; }
.hr-rgt {height:5px; width:255px; background:url(/i/hr-rgt.gif) no-repeat; font-size:0; }
.middot {position:relative; top:2px; padding:0 4px 0 3px;}
.btn {cursor:pointer; }

.logo {display:block; width:345px; height:125px; text-align:center; background:#3366cc url(/i/top-bg.jpg); float:left; }
.logo img {margin:15px 10px 0 0; }
.top {width:650px; height:125px; background:#99ccff; border-left:5px solid #ccdff2; float:left; }

.menu {width:325px; height:85px; padding:10px 10px 0 10px; background:#eaecef url(/i/menu-bg.jpg) repeat-x; float:left; font-size:17px; color:#324462; line-height:18px; cursor:default; }
.menu a {text-decoration:none; color:#324462; padding:0 5px; }
.menu a:hover {background:#cedae7; color:#333;}
.menu a.active, .menu a.active:hover {background:#324462; color:#fff; cursor:default; z-index:100; position:relative;}

.info {width:370px; height:85px; padding:10px 10px 0 15px; border-left:5px solid #fbf6eb; background:#f8eed8 url(/i/info-bg.jpg) repeat-y; float:left; font-size:13px; color:#324462; }
.info p {font-size:12px; margin:5px 0}
.info a {font-size:11px; color:#687282; }
.info a:hover {color:#000; }

.search {width:225px; height:85px; padding:10px 10px 0 15px; border-left:5px solid #9eb8da; background:#3366cc url(/i/search-bg.jpg) repeat-x; float:left; color:#FFF; font-family:Arial, serif; font-size:12px; line-height:8px;}
.search label {font-weight:bold; text-transform:uppercase; margin-right:5px}
.search input#srchfield {border:1px solid #333; padding:1px 2px; width:135px; height:16px; margin-right:2px; }
.search input.btn {height:21px; width:23px; background:#90bed6 url(/i/btn1.gif); cursor:pointer;}
.search a {color:#FFF; font-size:11px; text-decoration:none; display:block; margin:0 0 3px 36px; padding:1px 5px 3px 12px;}
.search a:hover {background:url(/i/arr.gif) no-repeat 5px 3px; }
.search a#onsite {width:77px;}
.search a#oncat {width:55px}
.search a#oninet {width:97px}
.search a.active, .search a.active:hover {background:#293240 url(/i/arr.gif) no-repeat 5px 3px; cursor:default;}

.col1 {width:345px; padding-top:5px; float:left; }
.col1 div, .col1 form {padding:10px 20px 23px 15px; }
.col1 div p, .col1 form p {color:#666; font-size:.8em; line-height:1.3em; margin:1em 0; text-indent:1em}
.col1 div a, .col1 form a {color:#666; font-size:.8em; }
.col1 div a:hover, .col1 form a:hover {color:#000; }
.col1 div p a {font-size:1em}
.col1 .photo {background:#F9FAFE url(/i/pers-bg.jpg) repeat-y; }
.col1 .photo img {border:1px solid #666; margin:1em 0 0 0;}
.col1 .photo .more {font-size: 12px;}
.col1 .photo .more img {margin:.5em .5em 0 0;}
.col1 .pers {background:#ecf2f9 url(/i/pers-bg.jpg) repeat-y; padding-right:30px;}
.col1 .pers img {border:1px solid #666; position:absolute; margin:1em 0;}
.col1 .pers p {text-indent:0; padding-left:75px; line-height:1em; }
.col1 .pers p b {color:#324462; font-size:1.2em; line-height:1.3em; display:block; margin-bottom:.7em}
.col1 .pers p a {text-decoration:none; font-size:.85em}
.col1 a.normal {text-decoration:underline; font-size:1em}
.col1 .pers a:hover {color:#333}
.col1 .hr-left {padding:0; }
.col1 .act {background:#f8eed8 url(/i/act-bg.jpg) repeat-y; padding-right:30px;}
.col1 .act p {font-size:.7em; text-indent:0;}
.col1 .act label {color:#666; font-size:11px; display:block; width:90px; text-align:right; float:left; margin-right:5px; position:relative; top:2px;}
.col1 .act input.text {border:1px solid #7d8899; padding:1px 2px; width:150px; margin:0 3px 2px 0; height:16px; }
.col1 .act input.btn {height:20px; width:22px; background:url(/i/btn2.gif); margin-bottom:2px; cursor:pointer;}

div.notice {background:#F8EED8; padding-top:30px; }
div.notice h3 {color:#c60}
div.notice p {color:#555}

form.survey {background:#F8EED8; padding-top:5px; }
form.survey p {color:#555}
form.survey li {font-size:0.8em;margin-top:5px;}
form.survey textarea {border:1px; width:290px; height:50px;}

.col2 {width:380px; padding:15px 10px; float:left;}
.col2.nopad {padding:0; width:400px; }

.col2 .photo {padding:5px 5px 0 5px; margin-right:4px; }
.col2 .photo img {border-bottom:10px solid #eef3f9  }
.col2 .more {display:block; background:#eef3f9 url(/i/more-bg.jpg) repeat-y; padding:10px 0 10px 5px; width:225px; position:relative; z-index:50; top:-10px}
.col2 .more a {border:1px solid #ccc; margin-right:10px; }
.col2 .more a img {filter:alpha(opacity=70); -moz-opacity:0.7; }
.col2 .more a:hover img {filter:alpha(opacity=100); -moz-opacity:1; }
.col2 .more a.active img, .col2 .more a.active:hover img  {filter:alpha(opacity=30); -moz-opacity:0.3; cursor:default }

.col12 {width:675px; padding:15px 50px 50px 20px; float:left;}
.col12 h3 {font-size:1.1em}
.col12 p {font-family:Arial, serif; color:#333; font-size:.9em; line-height:1.4em; margin:1em 0 0 0; }
.col12 p img {float:right; margin:0 0 10px 15px; border:1px solid #ccc}
.col12 p.inf {border:1px dashed #333366; text-indent:0; padding:10px 10px 10px 15px; width:290px; background:#fcfcfc; }
.col12 p a {font-size:1em}
.col12 label {color:#333;font-size:.9em;}
.col12 ul, .col12 ol {font-family:Arial, serif; font-size:.9em; width:90%; margin-bottom:2em}
.col12 li {line-height:1.4em; margin:.5em 0 0 .3em; color:#333; }
.col12 ol li {margin-left:2.7em;}
.col12 table {border-collapse:collapse; margin:20px 0; font-size:.8em; color:#222}
.col12 table td {padding:10px 10px; border:1px solid #e0e0e0; border-width:1px 0}
.col12 table td.fon {background:#f9f9f9; border-left:1px solid #efefef; border-right:1px solid #efefef;}
.col12 table td.sm {font-size:11px; color:#666; padding-bottom:30px;}
.col12 h2 {width:70%}

.col12 form.mailform .btn {border:1px #000 solid; background-color:#90bed6; cursor:pointer;}

.col12.news small.date {color:#333}

.paging {color:#777; text-align:center; padding:10px 0; cursor:default;}
.paging b {font-size:.8em; font-weight:normal;}
.paging a {font-size:.8em; padding:3px 4px; text-decoration:none; margin:0 1px;}
.paging a:hover {color:#000; background:#eee; }
.paging a.active {background:#dfdfdf; color:#777; font-weight:bold }
.paging a.active:hover {background:#dfdfdf; color:#777; cursor:default;}

/* new books */
.books img {border:1px solid #666; position:absolute; margin:1em 0;}
.books p {text-indent:0; line-height:1em; padding-left:75px;}
.books p b {color:#324462; font-size:1em; line-height:1em; display:block; margin-bottom:.2em}
.books p a {text-decoration:none; font-size:.85em}
.books p a small {color:#888; position:relative; top:-.2em}
.books span {display:block; padding:10px 0 0 75px; font-size:12px; }
.books span .del {color:red;}
.col12 .books {border-bottom:1px solid #ddd; padding-bottom:15px}
.col12 .books b {margin-bottom:0}
.col12 .books p {line-height:1.3em; font-size:.8em}
.col3 .books span {display:inline; padding:0 4px 0 3px; font-size:10px; }

.col3 {width:255px; float:left;}
.col3 a {color:#666; font-size:.8em; }
.col3 a:hover {color:#000;}
.col3 div, .col3 form {padding:15px 20px 20px 15px; }
.col3 div p, .col3 form p {color:#666; font-size:.8em; margin:1em 0; }
.col3 .mycab {padding:15px 15px 20px 15px; background:#ecf2f9; border-left:5px solid #f7f9fc; line-height:14px; color:#555; }
.col3 .mycab label {color:#666; font-size:11px; display:block; width:40px; text-align:right; float:left; margin-right:5px; position:relative; top:2px;}
.col3 .mycab input.text {border:1px solid #7d8899; padding:1px 2px; width:135px; margin:0 3px 2px 0; height:16px; }
.col3 .mycab input.btn {height:20px; width:22px; background:url(/i/btn2.gif); margin-bottom:2px;  cursor:pointer;}
.col3 .mycab ul {font-size:14px; color:#AAA; cursor:default;}
.col3 .mycab ul a {font-size:13px}
.col3 .mycab ul li {padding-left:10px; background:url(/i/arr2.gif) no-repeat 0 5px; margin-bottom:5px}
.col3 .mycab textarea {border:1px solid #999; }

.col3 .hr-rgt {padding:0; }
.col3 li {font-family:Arial, serif; font-size:.9em}
.col3 li a {text-decoration:none; }

.col3 .event {border:1px solid #FF9900; padding:15px 20px 15px 15px; display:block; color:#CC6600; background:#FFCC66 url(/i/event-bg.gif) repeat-y; margin:1px 0 0 0; font-weight:bold; text-decoration:none;}
.col3 .event:hover {color:#993300}
.col3 .event.sibforum {border:0; padding:48px 15px 5px 0px; text-align:right; color:#99CCFF; background:#3399ff url(/i/events/sibforum.gif) no-repeat; font-weight:normal; text-decoration:none;}
.col3 .event.sibforum:hover {color:#E0F1FF; }
.col3 .event.faq {border:0; padding:0; background:#7E429B url(/i/events/faq.gif) no-repeat; width:255px; height:70px}
.col3 .event.yurcons {border:0; padding:0; background:#ffa44f url(/i/events/yurcons.gif) no-repeat; width:255px; height:69px}

.news h2 {width:100%}
.news h3 {margin-left:10px}
.news a {color:#666; font-size:.8em; }
.news a:hover {color:#000;}
.news a img {position:relative; top:2px; left:2px}
.news .new {padding:20px 10px 10px 10px; line-height:1em; border-bottom:1px solid #EAEAEA}
.news .new small {font-size:.6em; padding:1px 3px 2px 3px; background:#f0f0f0; color:#666; position:relative; top:-5px; left:-3px; cursor:default; }
.news .new img {position:relative; top:-4px;}
.news .new a {text-decoration:none; font-family:Arial, serif; color:#333}
.news .new a:hover {color:#000; }
	.news .new.imp {}
		.news .new.imp small {background:#ffefcc; color:#dd5f0e}
		.news .new.imp a {font-weight:bold; color:#555}
.lenta {position:relative; margin:40px 0 10px -10px; border-top:1px solid #ddd}
.lenta.big {border:0; margin-top:5px}
.news .gallery {border:1px solid #eee; text-align:center; padding:10px 0; margin:20px 0 }
.news .gallery a img {border:1px solid #ddd; margin:5px; filter:alpha(opacity=80); -moz-opacity:0.8; }
.news .gallery a:hover img {filter:alpha(opacity=100); -moz-opacity:1;  }


.catlist {line-height:2em; padding-left:1em; font-size:.9em; margin-top:15px }
.catlist a {color:#324462}
.catlist a:hover {color:#000}

.register {border-collapse:collapse; margin-top:20px; width:700px}
.register td {vertical-align:top; border-bottom:1px solid #ddd; padding:10px; cursor:default;}
.register td.num {width:1px; color:#324462; font-weight:bold; font-size:1.1em; font-family:Arial, serif;}
.register input, .register select {border:1px solid #999; margin-top:3px;}
.register input {padding:2px 3px}
.register input.nob {border:0;}
.register input.button {border:1px solid #333; background:#eee; cursor:pointer;}
.register td.dscr {vertical-align:bottom; color:#888; padding-left:20px; }
.register td.tip {text-align:center; padding:20px}

form.edit {color:#333; font-size:12px}
form.edit h2 {font-size:15px}
form.edit input,select {border:1px solid #6F6F6F; width:200px; margin-bottom:5px}
	td.bday select {width:auto; }
form.edit input.sm {width:20px; }
form.edit input#content {border:0; width:auto;  }
form.edit textarea {border:1px solid #6F6F6F; padding:3px; width:400px; height:75px; vertical-align:top; margin-bottom:5px;}
form.edit label {font-size:12px; width:60px; display:block; float:left; text-align:right; margin:5px 5px 0 0; }
form.edit label.right {width:auto; display:inline; float:none; text-align:left; margin:0 2px 0 20px; }
form.edit .catlist {border:1px dashed #999; border-width:1px 0; margin:15px 0; padding:10px 0}
form.edit a.del {color:red; font-size:13px; text-decoration:none; text-transform:uppercase; }
form.edit input.btn {border:1px solid #999; padding:0; width:100px; margin-left:65px; cursor:pointer; }
form.edit .chk {width:auto}

form.simple input,select,textarea {border:1px solid #ccc;width:auto;margin:0}
form.simple {color:#333333;font-family:Arial,serif;font-size:0.9em;line-height:1.4em;}

.faq {width:455px; padding:15px; }

.col1 div.res_info {font-size: .9em;padding:0;margin-bottom: 10px;}

.question {cursor:default; border-bottom:1px solid #ddd; padding:5px 0; font-size:.8em;}
.question small {margin-right:5px; font-size:.85em; color:#666}
.question a {color:#324462; }
.question a:hover {color:#0066CC; }
.answer p {padding-top:10px}
.answer textarea {margin:15px 0 10px 0; padding:5px; border:1px solid #000; font-family:Arial, serif; font-size:13px; width:700px; height:300px }
.answer .btn {border:1px solid #bbb; font-size:.9em; cursor:pointer;}

.tags {width:240px; min-height:450px; height:auto !important; height:450px;}
.tags a {color:#666; font-size:.8em; vertical-align:middle }
.tags a:hover {color:#000;}
.tags a.s1 {font-size:.6em; vertical-align:middle}
.tags a.s2 {font-size:.7em}
.tags a.s3 {font-size:.8em}
.tags a.s4 {font-size:.9em}
.tags a.s5 {font-size:1em}
.tags a.s6 {font-size:1.1em}
.tags a.s7 {font-size:1.2em}
.tags a.s8 {font-size:1.3em}
.tags a.s9 {font-size:1.4em}
.tags a.s10 {font-size:1.5em}
.tags .active {background-color:#CFE6FF;color:#000}

.vss_search {font-size:0.8em}
.vss_search input {border:1px solid #CC9900; width:80%; padding:2px 2px; font-size:.9em; margin:5px 0}

.addquest {position:absolute; border:1px solid #CC6600; background:#FFCC33; padding:15px; width:460px; margin-top:100px; }
.addquest h4 {color:#993300; }
.addquest small {color:#CC6600; }
.addquest label {color:#993300; font-size:14px; position:relative; top:-3px; display:block }
.addquest hr {color:#CC9900; height:1px; margin:3px 0; }
.addquest textarea {border:1px solid #CC9900; height:100px; width:345px; padding:5px; font-size:.9em; font-family:Arial, serif; }
.addquest input {border:1px solid #CC9900; width:345px; padding:1px 2px; font-size:.9em; font-family:Arial, serif; }
.addquest .btn {border:1px solid #CC9900; width:150px;  cursor:pointer;}
.addquest .mes {color:#993300; font-size:.85em}
.addquest .mes a {color:#993300; font-size:.85em}
.addquest .mes a:hover {color:#CC6600; }
.addquest .mes.bad {color:red; }

.answer {padding:15px 15px 30px 15px; border-bottom:1px solid #ddd}
.answer p {font-size:.9em; font-family:Arial, sans-serif;}
.answer p a {color:#324462}
.answer p a:hover {color:#3366CC}
.answer h3 {font-size:1.1em;}
.answer h4 {font-size:.9em;}

.scedule {padding:10px 0 20px 5px; font-size:.8em; color:#333; border-bottom:1px solid #ddd}
.scedule h3 {font-size:1em}

.plan {padding:10px 0 20px 5px; font-size:.8em; color:#333; }
.plan img {float:left; margin-right:15px; border:1px solid #ccc}
.plan h3 {font-size:1em}

.col12 {min-height:400px; height:auto !important; height:400px;}
.col12 a {color:#324462; }
.col12 a:visited {color:#666; }

/* календарь */

.cal small {font-size:.6em; padding:1px 3px 2px 3px; background:#f0f0f0; color:#666; position:relative; top:-5px; left:-3px; cursor:default; }

.bottom1 {width:320px; height:120px; padding:25px 10px 0 15px; background:#F6F7F9 url(/i/bottom-bg.jpg) repeat-x; float:left; font-size:11px; color:#666; }
.bottom1 a, .bottom3 a {color:#666; }
.bottom1 a:hover, .bottom3 a:hover {color:#333; }
.bottom2 {width:395px; height:120px; padding-top:25px; border-left:5px solid #f7f9fc; float:left; text-align:center; }
.bottom2 a {margin:2px 2px 0 0; }
.bottom2 a img {filter:alpha(opacity=45); -moz-opacity:0.45;  }
.bottom2 a:hover img {filter:alpha(opacity=100); -moz-opacity:1; }
.bottom3 {width:220px; height:120px; padding:25px 10px 0 20px; border-left:5px solid #f7f9fc; background:#F6F7F9 url(/i/bottom-bg.jpg) repeat-x; float:left; font-size:11px; color:#666; }
.bottom3 a img {position:relative; top:2px; left:-4px; }

.pr {font-size:9px;color:#C0C0C0}
.pr a {color:#C0C0C0}
.pr a:hover {color:#C0C0C0}

.col12 .links_tbl {width:600px;margin:0}
.col12 .links_tbl thead tr {cursor:pointer}
.col12 .links_tbl tbody {display:none}
.links_tbl a {font-size:.9em;}
.links_tbl .del {color:red;}

#eventform {background:#ECF2F9;border:#000 1px solid;padding:10px;margin:7px 0 30px 0}
#eventform * {font-size:16px}
#eventform label {margin-right:10px;color:#324462}
#eventform label.label-active {cursor:pointer}
#eventform label.hover {color:#5389DF}
#eventform input,select,textarea {margin:5px 0 5px 0;border:#6B91BF 1px solid}
#eventform button {background:#FFCF40;border:#FFB03D 1px solid;font-size:12px; cursor:pointer;}
#eventform .secondary {background:#FEFF49;display:none}

.events-promo h3 {display:block}
.events-promo .ev_time {font-size:12px;margin-right:5px;color:#6F2239}
.events-promo .ev_info {display:none;font-size:12px;padding:3px;margin-top:5px;border-top:1px solid #000}
.events-promo .ev_title {font-size:12px;color:#000;padding:3px;}

.events-promo .ev_title:hover {text-decoration:underline}

.events-promo .ev_block {padding:0;margin:0;cursor:pointer}
.events-promo .ev_block.show {margin:0;background-color:#EFEFEF;padding:3px}
.events-promo .ev_block.show .ev_info {display:block}
.events-promo .ev_block.show .ev_title {font-weight:bold;}
.events-promo .ev_block.show .ev_time {font-weight:bold;}

.predmet h2 {width:auto}
.predmet .q_list {margin-top:5px;}
.predmet .q_list li {cursor:pointer}
.predmet .q_list li:hover {background-color:#B3CDEF}

.predmet_users_list tr.hovered {cursor:pointer}
.predmet_users_list tr.hovered:hover {background-color:#B3CDEF}

.predmet_form {font-size:14px;}
.predmet_form textarea {width:100%;height:100px}
.predmet_form .btn {border:1px solid #333; background:#eee; cursor:pointer;}

.feedback_row {border:1px #CCC solid;color:#333333;padding:5px 5px 10px 5px;background-color:#FFF;margin:15px 0;font-size:0.9em;font-family:Arial,serif;}
.feedback_row textarea {width:600px;height:90px}
.feedback_row .btn {padding:3px 7px;border:1px #000 solid;  cursor:pointer;}
.feedback_row .feed_info {color:#8F8F8F;margin-bottom:5px}
.feedback_row .feed_answer {color:#158F00;margin-top:5px}
.feedback_row.new {background-color:#E1FFDF}

.paginator {margin: 15px;}
.paginator a {text-decoration:none;padding:0 5px}
.paginator a.current {font-weight:bold}
.paginator a:hover {background-color:#D1DFEF}

.history_home a {}

.border0 {border:0}
.p0 {padding:0}

a.red {color:red;padding:0 2px}
a.red:hover {color:#FFF;background:red;}

.poll_lbl {margin-right:30px}
.poll_range {width:30px;text-align:center}

.red {color:red}

a.bold {font-weight:bold}

tr.hovered {cursor:pointer}
tr.hovered:hover {background-color:#B3CDEF}

.monitoring.form select {width:90px}

.bgSalat {background-color:#C8FFBF}