body {	padding: 0px 0 0px 0px;	margin: 0px; vertical-align: top; font-family: Arial; font-size: 9pt; color: #231f20; }

div , table, img { padding: 0px;	margin: 0px; border: none; font-family: Arial;  color: inherit; font-size: inherit; }
td, th { vertical-align: top;  text-align: left; font-size: 8pt; border: none; font-family: Arial; font-size: 9pt;  color: inherit; padding: 0px;	margin: 0px;}

a { font-family: inherit;  text-decoration: underline; color: #000;}
	a:hover { text-decoration: none; }
h1 , h2 , h3 , h4 , h5 { margin: 0px; padding: 0px;}

h1 {color: #231f20; font-size: 19pt; margin: 0px 0px 14px 0px; font-family: Arial; margin: 0px 0px 24px 0px; }
h2 { color: #231f20; font-size: 13pt; margin: 0px 0px 14px 0px; font-family: Arial;}	
	h2 a { color: #231f20; text-decoration: none; }	
	h2 a:hover { color: #231f20; text-decoration: underline; }	
h3 { font-size: 8pt; margin: 0px 0px 3px 0px; font-weight: normal; text-transform: uppercase; font-weight: bold; color: #000;}	


p { padding: 0px 0px 0px 0px; margin: 0px 0px 21px 0px; }

.bodyFon { padding: 0 0 20px 0;}
.box { width: 988px; text-align: left; position: relative; }

.banTop { margin: 20px 0px 0px 0px; }


.topPanel { height: 235px; position: relative; overflow: hidden;}

	.logo { width: 235px; padding: 37px 0 0 0; margin: 0 0 16px 21px; }
	.logo img { width: 236px; height: 114px; display: block; border-left: solid 11px #000; border-bottom: solid 11px #000; }
	
	.login { position: absolute; left: 735px; top: 74px; width: 254px; color: #000; overflow: hidden; }
	.login table {  width: 254px; background: #fff; margin: 0 0 0 0; height: 21px;}
	.login a { text-decoration: none; padding: 1px 6px 1px 6px; display: block;  }
	.login a:hover { color: #fff; background: #000;}
	.login .name { width: 200px; text-align: left; padding: 3px 3px 0 3px; }
	.login .exit { padding: 4px 6px 4px 0; text-align: right; width: 30px; }
	.login .exit input { font-size: 6pt; float: right;}
	.login .reg { padding: 3px 8px 3px 8px; display: block; float: left; background: #000; color: #fff; font-weight: bold; text-decoration: none; font-size: 12px; margin: 0 0 4px 0;  }
	.login .reg:hover {background: #fff; color: #000;}
	.login label { position: absolute; top: 3px; left: 4px; font-size: 12px;  width: 254px; }
	.login .remember { display: block; float: left; }
	.login .remember label { position: static; top: auto; left: auto; font-size: 12px;  width: auto; padding: 3px 0 0 0; display: block; float: left; }
	.login .remember input { display: block; float: left; margin: 3px 10px 0 0 0;}
	
	.login form { clear: both; margin: 0 0 0 0; padding: 0 0 0 0;}
	.login .inpText { display: block; background: #fff; border: none; height: 19px; width: 254px; margin: 0 0 4px 0; padding: 2px 3px 0 3px; font-size: 12px;  }
	.login .inpBut { display: block; float: right; background: #000; color: #fff; font-size: 12px; font-weight: bold; padding: 0 4px 0 4px; height: 21px; border: none; font-family: Arial; cursor: pointer;}
	.login .inpBut:hover { background: #fff; color: #000; }
	
	.phone { position: absolute; top: 37px; left: 735px; font-size: 19px; display: block; float: left; height: 28px; overflow: hidden; }
	.phone a { display: block; color: #fff; text-decoration: none;  padding: 3px 12px 3px 12px; background: #000; text-align: center; }
	.phone a:hover { color: #000; text-decoration: none;  background: #fff;  }
	
	
	.masterBan { position: absolute; top: 37px; left: 300px; color: #fff; font-size: 18px; height: 53px; overflow: hidden;  }
	.masterBan a { color: #fff; text-decoration: none; }
	.masterBan a:hover { color: #000; text-decoration: none; }
	.masterBan a span { display: inline-block; float: left; padding: 3px 12px 4px 12px; background: #000; clear: both; }
	.masterBan a:hover span { background: #fff;  }
	.masterBan a span.down { padding: 0 12px 4px 12px; margin: 0 0 0 0; height: 28px;}
	.blogBan { top: 111px; }
	.blogBan a span {padding: 3px 12px 4px 12px; }
	.sheduleBan { top: 74px; }
	.sheduleBan a span {padding: 3px 12px 4px 12px; }
	
	.announcementBan { top: 0px;  left: 714px; height: 22px; overflow: hidden; }
	.announcementBan a { display: block; float: left; font-size: 12px; font-weight: bold;}
	.announcementBan a span { display: inline-block; float: left; padding: 3px 12px 5px 8px; background: #000; clear: both; cursor: pointer; }
	
.yes { position: absolute; right: 0px; top: 0px; width: 114px; height: 114px;  background: url(/img/yes_over.png) top right no-repeat;}	
.yes a:hover img  { filter: alpha(opacity=00); -moz-opacity: .00; opacity: .00;}	
	
.topMenu { clear: both; height: 57px; margin: 0 0 0 21px; position: relative;  }	
	ul#navmenu-h { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none;}
	ul#navmenu-h li { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; display: block; float: left; position: relative; }
	ul#navmenu-h li a { display: block; color: #fff; text-decoration: none; padding: 2px 0 0 0; line-height: 16px;  height: 22px; font-weight: bold; font-size: 12px; }
	ul#navmenu-h li a span { display: block; padding: 0 0 0 18px; }
	ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a , ul#navmenu-h li a.root-item-selected { height: 57px;  background: #fff url(/img/school/bg/content_block.gif) top left repeat-y; color: #000;  }

	ul#navmenu-h  .about  a { width: 93px; background: url(/img/school/menu_top/about.gif) top left no-repeat;}
	
	ul#navmenu-h  .contacts  a { width: 86px; background: url(/img/school/menu_top/contacts.gif) top left no-repeat;}
	
	ul#navmenu-h  .fanny  a { width: 98px; height: 38px; background: url(/img/school/menu_top/fanny.gif) top left no-repeat;}
	
	ul#navmenu-h  .how_much  a  { width: 78px; height: 38px;  background: url(/img/school/menu_top/how_much.gif) top left no-repeat;}
	
	ul#navmenu-h  .lesson  a { width: 62px; background: url(/img/school/menu_top/lesson.gif) top left no-repeat;}
	
	ul#navmenu-h  .photo  a { width: 62px; background: url(/img/school/menu_top/photo.gif) top left no-repeat;}
	
	ul#navmenu-h  .teachers  a  { width: 81px; height: 38px;  background: url(/img/school/menu_top/teachers.gif) top left no-repeat;}
	
	ul#navmenu-h  .video  a { width: 62px; background: url(/img/school/menu_top/video.gif) top left no-repeat;}

.contentBlock { width: 692px; display: block; clear: both; background: #fff url(/img/school/bg/content_block.gif) top left repeat-y; margin: 0px 0 130px 21px; position: relative; border-bottom: solid 11px #000; overflow: hidden;  }
.contentBox { padding: 14px 0px 42px 0px; margin: 0px 21px 0px 32px; width: 639px; }

.banBlock { width: 254px; display: block; position: absolute; top: 235px; left: 735px; }
	.banBox { background: #000; padding: 7px 7px 7px 7px; margin: 0 0 21px 0;}

.navNextPrev { position: absolute; left: 32px; bottom: 11px; width: 635px; font-size: 8pt; padding: 3px 0 0 0; }
.lessonsBox .navNextPrev {left: -3px; bottom: 14px; width: 642px; }

	.navNextPrev a , .navNextPrev b { margin: 0 0 0 5px; }

	.navNextPrev .next { display: block; float: right; margin-top: -3px;}
	.navNextPrev .next a { display: block; float: right; padding: 3px 8px 3px 8px; color: #fff; font-size: 10.6pt; font-family: Arial; font-weight: bold; text-decoration: none; background: #000; margin-left: 0px; }
	
	.navNextPrev .prev { display: block; float: left; margin-top: -3px;}
	.navNextPrev .prev a { display: block; float: left; padding: 3px 8px 3px 8px; color: #fff; font-size: 10.6pt; font-family: Arial; font-weight: bold; text-decoration: none; background: #000;}
	
.all { position: absolute; right: 21px; bottom: 11px; }
	.all a { display: block; float: right; padding: 3px 8px 3px 8px; color: #fff; font-size: 10.6pt; font-family: Arial; font-weight: bold; text-decoration: none; background: #000;}	

.lessonsBox { width: 639px; overflow: hidden; position: relative; padding: 0 0 30px 0; }	
	.lessonList { width: 700px;}	
	.lessons { display: block; float: left; width: 309px; height: 366px; overflow: hidden; margin: 0 21px 21px 0; }	
	.lessonsL { display: block; float: left; width: 309px; height: 330px; overflow: hidden; margin: 0 21px 21px 0;  }	

.image { display: block; width: 309px; height: 181px; background: #000; text-align: center; margin: 0 0 11px 0; }	
	.image .imageBox { display: block; width: 309px; height: 174px; overflow: hidden; text-align: center; }	
	.image .imageBox img { border-left: solid 7px #000; border-bottom: solid 7px #000; width: 302px; height: 174px;}	
	
	.teachers .image  { float: left; }
	.teachers .text { float: left; width: 309px; margin: 0 21px 0 0; overflow: hidden;}
.fanny {margin: 0 0px 21px 0; }
.fannyObj { padding: 0 0 40px 0;}
	.fanny .image { float: left; margin: 0 21px 0 0; }
	.fannyObj .image { float: right; margin: 0 0 7px 21px; }
	.fanny .text  { float: left; width: 309px; overflow: hidden;}
	
.lessonObj , .teachers { padding: 0 0 30px 0;}
.lessonObj .text  { float: left; width: 309px; overflow: hidden; margin: 0 21px 0 0;}
	.lessonObj .info { float: left; width: 309px; overflow: hidden; }
	.kurs_shedule { padding: 20px 0 30px 0; }
	
.shedule { position: absolute; right: 21px; top: 21px; font-size: 10.6pt; font-family: Arial; font-weight: bold; }
	.shedule a { display: block; float: right; padding: 1px 6px 2px 6px; }	
	.shedule a:hover { color: #fff; background: #000; }
	
.video { margin: 0 0 40px 0;}	

.photos  { display: block; float: left; width: 309px; height: 222px; overflow: hidden; margin: 0 21px 21px 0;}	
.popup { position: absolute; top: 140px; width: 100%;}	
	.popup img { border: solid 14px #000; }
	
table.sheduleList { display: block; margin: 21px 0 21px 0; width: 100%; border-top: solid 9px #000; border-left: solid 1px #000; }	
	.sheduleList td , .sheduleList th { padding: 7px 0px 7px 0px; text-align: center; vertical-align: top; border-right: solid 1px #000; border-bottom: solid 1px #000; width: 80px; }
	.sheduleList th {  border-bottom: solid 1px #000; font-size: 7pt; }
	.sheduleList td.name {  text-align: left; font-weight: bold; width: 186px; padding: 7px 8px 7px 8px; font-size: 7pt; }
	.sheduleList .sheduleLessonList td { padding: 0px 0px 10px 0px; width: 280px; border-bottom: none;}
	.sheduleList th.day { width: 280px;}
	.sheduleList td.day { width: 280px; padding: 7px 15px 0px 15px; vertical-align: middle;}
	.sheduleList td.sep { padding: 0px 0px 0px 0px; height: 1px; font-size: 0px; border-bottom: solid 1px #000; }

.message { background: #000; color: #fff; position: absolute; display: block; float: left; padding: 2px 6px 2px 6px;}	

.faq { clear: both; margin: 0 0 36px 0;}
	.faq a  { text-decoration: none; }
	.faq h2 { background: #ffc8ff; padding: 10px 10px 10px 10px;  border-left: solid 7px #000; border-bottom: solid 7px #000; font-size: 10.6pt; }
	.faq_1 h2 { background: #ffc8ff; }
	.faq_1 a:hover h2 { background: #66ffff; }
	.faq_2 h2 { background: #66ffff; }
	.faq_2 a:hover h2 { background: #ffc8ff;}
	
	.faq .answer { padding: 10px 10px 10px 10px;  border-right: solid 7px #000; border-bottom: solid 7px #000; margin: 0 0 0 45px; }
	
.announcement {padding: 0 0 10px 0;  border-bottom: solid 7px #000; margin: 0 0 21px 0;	}

/* BLOG */
.notetext { display: block; padding: 10px 10px 10px 10px; border: solid 1px #3399ff; background: #c1e0ff; color: #3399ff; font-size: 8pt;  }
.errortext { display: block; padding: 10px 10px 10px 10px; border: solid 1px #ff00cc; background: #ffb2f0; color: #000; font-size: 8pt;  }

.blogMenu { list-style: none; padding: 0 0 0 0; margin: -20 0 20 -4px;}
	.blogMenu li { display: block; float: left; padding: 0 0 0 0; margin: 0 0 0 0; margin: 0 20px 0 0;}
	.blogMenu li a { font-weight: bold; display: block; float: left; padding: 1px 4px 1px 4px;}
	.blogMenu li a:hover { color: #fff; background: #000;}

.blogPost { clear: both; padding: 0px 0 0 0; clear: both;}	
	
.post  { margin: 0 0 23px 0; clear: both;}
	.post .user { background-image: url(/img/school/icons/user.gif); width: 16px; height: 16px; float: left; }	
	.post .edit { background-image: url(/img/school/icons/edit.gif);  width: 18px;  height: 18px; position: absolute; right: 40px; top: 5px; }
	.post .delete { background-image: url(/img/school/icons/delete.gif); width: 18px; height: 18px;position: absolute; right: 10px; top: 5px;}
	.post  .text { font-family: Arial; margin: 0 0 10px 0;}
	.post  .text .more { font-weight: bold; display: block; padding: 1px 4px 1px 4px; }
	.post .image { float: left; margin: 0px 10px 5px 0px; }
	.post .image img { display: block; border-left: solid 7px #000;  border-bottom: solid 7px #000; }
	
.post .head { position: relative; }
	.post .info { font-size: 8pt; height: 20px;}
	.post .info .data { display: block; float: left; font-weight: bold; margin: 0 10px 0 0;}	
	
.post .buttons { height: 25px; font-size: 8pt; }
	.post .buttons a { font-weight: bold; display: block; float: right; padding: 1px 4px 1px 4px; margin: 0 0 0 10px;}
	.post .buttons  a:hover { color: #fff; background: #000;}
	
.post .buttons .tags { display: block; float: left; width: 360px;}	
	.post .buttons .tags a { display: inline; float: none; margin: 0 0 0 5px; font-weight: normal;}	
	
.comment  { margin: 0 0 20px 0; clear: both;}
	.comment .user { background-image: url(/img/school/icons/user.gif); width: 16px; height: 16px; float: left; }	
	.comment .edit { background-image: url(/img/school/icons/edit.gif);  width: 18px;  height: 18px; position: absolute; right: 40px; top: 5px; }
	.comment .delete { background-image: url(/img/school/icons/delete.gif); width: 18px; height: 18px;position: absolute; right: 10px; top: 5px;}
	.comment  .text { font-family: Arial; margin: 0 0 20px 0; clear: both;}
	.comment .avatar { margin: 0px 0px 0px 0px; }
	.comment .avatar img { display: block; border: solid 1px #000; margin: 0 7px 7px 0; }
	
	.comment1  { margin: 0 0 20px 40px; clear: both;}	
	.comment2  { margin: 0 0 20px 80px; clear: both;}
	.comment3  { margin: 0 0 20px 120px; clear: both;}
	.comment4  { margin: 0 0 20px 160px; clear: both;}
	.comment5  { margin: 0 0 20px 200px; clear: both;}
	.comment6  { margin: 0 0 20px 240px; clear: both;}
	.comment7  { margin: 0 0 20px 280px; clear: both;}
	.comment8  { margin: 0 0 20px 320px; clear: both;}
	.comment9  { margin: 0 0 20px 360px; clear: both;}
	.comment10  { margin: 0 0 20px 420px; clear: both;}
	
	.comment .head { position: relative; height: 14px;}
	.comment .head  .data { display: block; float: left; margin: 1px 10px 0 0; font-size: 8pt;}	
		
	.comment .buttons { height: 25px; font-size: 8pt; }
	.comment .buttons a { font-weight: bold; display: block; float: right; padding: 1px 4px 1px 4px; margin: 0 0 0 10px;}
	.comment .buttons  a:hover { color: #fff; background: #000;}
		
	.comment .buttons .tags { display: block; float: left; width: 200px;}	
	.comment .buttons .tags a { display: inline; float: none; margin: 0 0 0 5px; font-weight: normal;}	
		
	.comment .links { font-size: 8pt; height: 14px; padding: 10px 0 0 0;}
	.comment .links a {  margin: 0 0 0 5px; padding: 1px 4px 1px 4px; }	
	.comment .links a:hover { color: #fff; background: #000;}	
	
.userProfile { clear: both; padding: 40px 0 0 0;} 	
	
.blogUserTable { width: 80%;}	
	.blogUserTable th , .blogUserTable td { border-bottom: solid 1px #3399ff; padding: 6px 10px 6px 10px;}	
	.blogUserTable th { text-align: right;}	
	.blogUserTable td { text-align: left; }	
	
table.blog-comment-form { width:100%; color: #000000;  border-collapse:collapse; background-color:#FFFFFF; font-size: 100%;  }
table.blog-comment-form th, table.blog-comment-form td { border:1px solid #8FB0D2; padding:0px; }
table.blog-comment-form-noborder { width:100%; color: #000000;  padding:0px; }
table.blog-comment-form-noborder th, table.blog-comment-form-noborder td { 	border:0px; padding: 0 0 2px 0;}

table.blog-comment-form-noborder td.padding { padding:2px 2px 2px 2px; }

table.blog-comment-form-noborder-padding td { padding:2px 2px 2px 2px; vertical-align:middle; }

.blogButton { font-size: 100%; font-family: Verdana, Arial, helvetica, sans-serif;  border-style:none; }

.blogButton:hover { background-color:#FFFFEE; }

.blog-req {color: #ff00cc;}


/*FORMS */
.profileLink { margin: 0px 0px 10px 0px; font-size: 10pt;}
.profileTable { margin: 0px 0px 20px 0px; }
.profileTable .left { padding: 2px 20px 5px 0px; width: 180px; }
.inpText { background: #f5f5f5; border: solid 1px #ececec; height: 21px; padding: 2px 4px 0px 4px;  font-family: Arial; color: #000; margin: 0px 0px 5px 0px; width: 200px; }	

.textArea , .inputtextarea  { background: #f5f5f5; border: solid 1px #ececec; height: 180px; padding: 4px 4px 0px 4px;  font-family: Arial; color: #000; margin: 5px 0px 10px 0px; width: 500px; font-size: 12px; }	
.select  { background: #f5f5f5; border: solid 1px #ececec; height: 21px; padding: 0px 0px 0px 0px;  font-family: Arial; font-size: 12px;   color: #000; margin: 0px 0px 5px 0px; width: auto; }
#PERSONAL_BIRTHDAY { background: #f5f5f5; border: solid 1px #ececec; height: 21px; padding: 2px 4px 0px 4px;  font-family: Arial; font-size: 12px;   color: #000; margin: 0px 0px 5px 0px; width: 80px; }
.typefile { background: #f5f5f5; border: solid 1px #ececec; height: 21px; padding: 2px 4px 0px 4px;  font-family: Arial; font-size: 12px;   color: #000; margin: 0px 0px 5px 0px; width: 200px; }
.inpText , .inputtext { background: #f5f5f5; border: solid 1px #ececec; height: 21px; padding: 2px 4px 0px 4px;  font-family: Arial; color: #000; margin: 5px 0px 10px 0px; width: 400px; font-size: 12px; }
.inpQuat { background: #f5f5f5; border: solid 1px #ececec; height: 21px; padding: 2px 4px 0px 4px;  font-family: Arial; font-size: 12px;  color: #000; margin: 5px 0px 10px 0px; width: 60px; }
.radio { width: 15px; height: 15px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 

.login_form .inpText  {  margin: 10px 0px 10px 20px; width: 400px; }
.login_form .simpleBut  {  margin: 10px 0px 10px 20px; }
.login_form a  {  margin: 10px 0px 10px 20px; display: block; }

.simpleBut { margin: 0px 20px 10px 0px; color:#fff; font-family: Arial; border: none; background: #000; float: left; cursor: pointer; font-size: 12px; height: 21px; }
.noborder { background: none; border: none; display: block; float: left; padding: 3px 6px 3px 6px;}

.buttonsForm { height: 20px; padding: 10px 0 0 0;}
	.buttonsForm input { margin: 0px 20px 10px 0px; padding: 1px 10px 1px 10px; color:#fff; font-family: Arial; border: none; background: #000; float: left; cursor: pointer; font-weight: bold; }

.sof-req { color: #eb870e; }
.sof-ok {color: #4a84bd; font-weight:bold;}	

a.anket { padding: 2px 6px 2px 6px; color: #fff; font-family: Arial; border: none; background: #000; float: left; font-weight: bold; text-decoration: none; font-size: 10pt;  }

#ticket { padding: 20px 20px 20px 20px; clear: both; margin: 20px 0 20px 0; border: solid 2px #000;}


.red {color: #ff00cc;}
.hr { height: 0px; overflow: hidden; clear: both;}
.norm { font-weight: normal;}
.under { text-decoration: underline;}
.upper { text-transform: uppercase;}
.border { border: solid 2px #000; padding: 14px 14px 14px 14px; }


.nobr {white-space: nowrap; }
.w100 { width: 100%; }
.w50 { width: 50%; }

.vc { vertical-align: middle;}
.vt   { vertical-align: top;}
.vb { vertical-align: bottom;}
td.vc { vertical-align: middle;}
td.vt   { vertical-align: top;}
td.vb { vertical-align: bottom;}

td.el , .el { text-align: left;}
td.er , .er { text-align: right;}
td.ec , .ec { text-align: center;}

.fl { float:left;}
.fr { float: right; text-align: right;	}
.fn { float: none;}
.cb { clear: both;}

.pr { position: relative; }
.pa { position: absolute; }

.Karma { width: 72px; float: right; position: relative; height: 14px; }
	.Karma .plus {height: 14px ; width: 14px; position: absolute; left: 0px; top: 0px; }
	.Karma .minus { height: 14px;  width: 14px;  position: absolute; left: 58px; top: 0px;   }
	.Karma .minus a , .Karma .plus a { display: block; height: 14px;  width: 14px;}
	.Karma .minus a img , .Karma .plus a img { display: block; margin: 1px 1px 1px 1px; width: 12px; height: 12px;}
	.Karma .plus a:hover , .Karma .minus a:hover  { background: #ff00b1; }	
	.Karma  h3 { text-align: center; font-size: 10pt; width: 40px; margin: -1px 15px 0 15px; height: 14px; height: 14px;}
	.Karma h3 span { background: #dfdfdf;  color: #000; border: solid 2px #dfdfdf; }