body{text-align:left; background:#D5E0E0 url(../img/bg_test.jpg) center top repeat-y; width:100%; height:100%; margin:0; padding:0; font:12px Tahoma; overflow-x:hidden;}

body, html {height: 100%; }
:first-child+html html {overflow-x:hidden;}

.body_t {
    margin:auto;
    position: relative;
  min-height: 100%;
  height:100%;
}


#footer_main {
	height:50px;
	background: url(../img/tab/bg_top.gif) repeat-x #E8E8E8;
	padding:14px 0px 8px 0px;    
}  

#footer_f td {
    padding:5px 10px;
	vertical-align:top;
}

a { color:#333333; font-size:14px; text-decoration:none;}
a:hover { color:#4065A0;  text-decoration:underline;}
a img{ border:0 solid}

.fm { position:relative; float:left; margin:0; padding:0;}
.fmr { position:relative; float:right; margin:0; padding:0;}

.logo { padding:10px 0 0 25px; }

.body_t{ width:998px; /*background:url(../img/bg_title_r.jpg) left top no-repeat; */border:0 solid;}

.user{ width:250px; border:1px solid #99BBE8; border-top:0 solid; margin:0 15px 0 0}
.user .tabik_cont{ width:240px; padding:5px; background:#A4D3EE; border-top:1px solid #99BBE8; color:#333333; text-align:left}
.user .tabko b{ width:30px;}

#ajax_status_{display:none; padding:10px;position:absolute}

#header_bottom {
	background: url(../img/header_bottom.jpg) #B7E4F7 no-repeat;
}

#header_top {
	background: url(../img/header_top_clear.jpg) no-repeat;
}

/*
----Interface color specific(logo)----
.school_page  - синій колір
.parent_page  - зелений колір


.school_page  #header_top                     {background: url(../img/header_top_clear.jpg) no-repeat;}
.school_page  #header_bottom                     {background: url(../img/header_bottom.jpg) no-repeat;}

.parent_page  #header_top                     {background: url(../img/header_top_clear_green.jpg) no-repeat;}
.parent_page  #header_bottom                     {background: url(../img/header_bottom_green.jpg) no-repeat;}

*/

.sel_menu {
	margin:0 auto;
	background: url(../img/wbg.gif) repeat-x scroll center top #CCCCCC;	
 	padding:2px;
 	width:100px;
 	border: solid 1px #ccc;
    border-bottom: 0 none;
    vertical-align:middle;
    cursor: default;
}

.button_ok{background: url(../img/tab/bg_off.gif) left -1px repeat-x;font: bold 13px Tahoma;color: #15428B; padding: 0px 4px 2px 4px; border: 1px solid #99BBE8; cursor:pointer; cursor:hand; -moz-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;}

.button_ok:Hover{background-image: url(../img/tab/bg_on.gif);}



.trans td {
    color: #000000; text-align:left;
    font-family: Sans-serif;
    font-size: 12px;
}

.rtbl table thead tr th tbody {
	width: 70%;
	border-width: 1px;
	/*border-style: dotted;*/
	/*border-color: #006600;*/
	border-bottom: solid 1px #999999;
	/*border-bottom: none;*/
	border-right: none;
	border-top: none;
	border-left: none;
	padding: 2px;
	height: 25px;
	background-color: #FFFFFF;
	vertical-align: middle;
	color: #003366;
	background: #dbdfe6;
	font-family: Verdana, Arial;
	font-size: 8px;
}

.rtbl2{
	width: 100%;
	border: 1px groove #009933;
	/*background-color: #FFFFFF;*/
	vertical-align: middle;
	text-align: left;
	color: #003366;
}


DIV.clSlide{position:absolute;  ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;}
DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}
#divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy} 

.ddList {
    BORDER-RIGHT: #e5d1cf 1px solid; BORDER-TOP: #e5d1cf 1px solid; FONT-SIZE: 14px; BORDER-LEFT: #e5d1cf 1px solid; COLOR: #4b4b4b; BORDER-BOTTOM: #e5d1cf 1px solid; FONT-FAMILY: Arial,Verdana; BACKGROUND-COLOR: #ffffff
}

.ddList {width:250px; background-image:url(but.gif); background-repeat:no-repeat;background-position:right;}

.selectedRow{background-color:white}
.ddlTable td {TEXT-ALIGN:left;Border-Color:#B5C7DE;}


.ddCalendar {width:120px; background-image:url(but2.gif); background-repeat:no-repeat;background-position:right;}


table.calendar {border: none; width: 200px}
tr.calendar {cursor: default; font-size: 11px; font-family: arial; text-align: center; height: 11px}
/*
th.calendar {font: 11px; font-family: arial; text-align: center; height: 20px; border: 1px solid gray; height: 16px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#EAEAEA', endColorStr='#BBBBBB', gradientType='0')}
td.calendar {border: 1px dotted silver; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#DFDFDF', gradientType='0')}
td.calendar_today {border: 1px dotted silver; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FFCC00', gradientType='0')}
table.calendar_active {filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3399FF', gradientType='0')}
td.calendar_X {border: 1px dotted silver; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#777777', endColorStr='#FFCCFF', gradientType='0')}
td.calendar_X_active {border: 1px dotted silver; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#000000', gradientType='0')}

table.calendar_button_0_1 {font: 11px; font-family: arial; text-align: center; border: 1px solid gray; height: 16px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3399FF', gradientType='0')}
table.calendar_button_0_2 {font: 11px; font-family: arial; text-align: center; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#3399FF', gradientType='0'); border-top: 1px solid gray; border-bottom: 1px solid gray}
table.calendar_button_1_2 {font: 11px; font-family: arial; text-align: center; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FFCC00', gradientType='0'); border-top: 1px solid gray; border-bottom: 1px solid gray}
table.calendar_button_1_1 {font: 11px; font-family: arial; text-align: center; border: 1px solid gray; height: 16px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FFCC00', gradientType='0')}
*/


.tb_answer {
}

.tb_answer td {
	text-align: center;
}


/* --------- RADIO SELECTOR -------------- */ 
.s_radio .s_field, .s_field{width: auto; height: auto; position:relative; float: left; margin: 10px 10px 10px 5px; text-align: left; border:1px #999 solid; border-radius:3px; vertical-align:top;}
.s_radio .input{width: 200px; height: 300px; position:relative; float: left; overflow: auto;}
.s_radio .s_field ul{margin: 0; padding: 0; list-style: none outside none;}
.s_radio .s_field ul li{ position: relative; float:left;width: 100%; cursor: pointer; cursor: hand;  } 
.s_radio .s_field ul li:hover{ background-color: #DEE7F6  } 
.s_radio .s_field ul li input{ cursor: pointer; cursor: hand;  }
.br_blue{ border-color: #99BBE8; }
.br_blue2{ background-color: #99BBE8;}
.br_red{ border-color: #E77; background-color: #EEDDCC; }
.sel_data{padding:5px;}
.cprev_data{display:none;}

 
/* ---------  ANSWER YES NO -------------- */
.yes_no {background-color: white;}
.yes_no .numb{text-align: right; /*color:#009*/}
.yes_no .yes{ background-color: #E0EEE0; text-align: center;}
.yes_no .no{ background-color: #EEE0E0; text-align: center;}
.yes_no_block{ border: 1px solid #99BBE8; padding: 10px;}




/*menu*/
.imleft {
	margin: 0px;
	padding: 0px;
	/*background: url(../img/menu/cleft1.png) no-repeat left top;*/
	height: 26px;
	width: 24px;
}

.imright {
	margin: 0px;
	padding: 0px;
	/*background: url(../img/menu/cright1.png) no-repeat left top;*/
	height: 26px;
	width: 24px;
}

.imitem {
	font-family: Arial, Helvetica;
	color: #4065A0;
	font-size: 14px;
	margin: 0px;
	padding-left:15px;
	padding-right:15px;
	height: 26px;
	/*background: url(../img/menu/cempty1.png) repeat-x left top;*/
	cursor: default;
	border:1px solid #FFF;
}

.imitem td {
	padding-left:15px;
	padding-right:15px;
}


.imseparator {
	margin: 0px;
	padding: 0px;
	border-right:1px dotted #99BBE8;
	width:0px;
	/*background: url(../img/menu/cseparator1.png) no-repeat left top;*/
}

.imtbvmenu {
	background:#fff;
	border:1px solid #99BBE8;
	/*padding-left: 2px;*/
	z-index: 5000;
}

.imtbhmenu {
}

.imSelected {
	/*color:red;*/
	background:#DEE7F6;
	border: 1px solid #99BBE8;
	/*font-weight:bold;*/
}

/*.imitem:first-letter { text-decoration:underline;}
.imitem td:first-letter { text-decoration:underline;}*/


/* header */
h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    padding : 20px 0 15px;
    color: #15428B;
    font-weight: normal;
}

h2 {
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    padding : 10px 0;
    color: #15428B;
    font-weight: normal;
}

h3 {
	font-family: "Times New Roman", Times, serif;
    padding : 5px 0;
	font-size: 20px;
	font-weight: normal;
}
h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
h5 {
	margin-top:0;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
.h5 {
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.h6 {
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.tbselector{ text-align:left;}

.mdialog{ text-align:left;}

#flex1{float:left}

.shedule_icon{
  position:absolute;
  left:510px;
  cursor:pointer;
  top:-20px;
}

.carette_title{
  display:block;
  text-transform: uppercase;
  text-align:center;
  padding:2px;
  background:url("../img/menu_4/menu_bg_blue.jpg") repeat-x 0 -1px;
  border-bottom:1px solid #333;
  border-left:1px solid #333;
  border-right:1px solid #333;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  height:15px;
}

/* --------------------------- PERSONAL TOP DATA --------------------------- */ 

#personal{
    position:absolute;
    font-family:Trebuchet MS, Arial, sans-serif;
    margin-left:600px;
    width:378px;
}

#personal_top{
    color:#696969;
    font-size:13px;
    padding: 5px 5px 5px 15px;
    min-height:50px;
}

#personal_menu{
    padding:0 10px;
    height:29px;
}

#personal p{
    min-height:15px;
    padding-right:40px;
    color:#333;
    font-size:14px;
    margin:0 3px;
    margin-left:-10px;
}

#personal a.exit {
    color:#696969;
    font-size:14px;
    position:absolute;
    right:10px;
    display:block;
}


#personal_menu ul li {
    float:right;
    display:block;
    padding:0 10px;
}

#personal_menu ul li:hover{
    background:url(../img/personal_top/active_personal_menu.png) repeat-x;
    cursor:pointer;
    padding-top:1px;
    height:27px;
    margin:1px 0;
}

#personal_menu ul li a {
    line-height:29px;
    font-size:15px;    
    text-decoration:none;
    text-shadow: 1px 0px 0px #dedede;
}

#personal_menu .no_mail{
    cursor:pointer;
    position:absolute;
    background:url(../img/personal_top/no_mail_icon.png);
    width:23px;
    height:17px;
    margin: 6px 0 0 30px;
    text-indent:-9999px;
}

#personal_menu .have_mail{
    cursor:pointer;
    padding-bottom:2px;
    padding-left:28px;
    position:absolute;
    background:url(../img/personal_top/have_mail_icon.png) no-repeat;
    height:23px;
    margin: 3px 0 0 30px;
}

#personal_menu .have_mail span {
    line-height:24px;
    color:#333;
    font-weight:bold;
}

#personal_menu .help_icon{
    position:absolute;
    margin:6px 0 0 70px;
}

/*
----Interface color specific(personal)----
.school_page  - синій колір
.parent_page  - зелений колір
*/

.school_page  #personal_top                     {background:url(../img/personal_top/personal_bg_blue.jpg);}
.school_page  #personal_menu                    {background:url(../img/personal_top/personal_menu_bg_blue.png) no-repeat;}
.school_page  #personal p                       {background:url(../img/blue_delim.jpg) repeat-x bottom;}
.school_page  #personal_menu ul li a,
.school_page  #personal .leiba                  {color:#336666;}
                                                                       
.parent_page  #personal_top                     {background:url(../img/personal_top/personal_bg_green.jpg);}
.parent_page  #personal_menu                    {background:url(../img/personal_top/personal_menu_bg_green.png) no-repeat;}
.parent_page  #personal p                       {background:url(../img/green_delim.jpg) repeat-x bottom;}
.parent_page  #personal_menu ul li a,
.parent_page  #personal .leiba                  {color:#336633;}


.school_page h1,.school_page h2,.school_page h3,.school_page h4,.school_page h5,.school_page h6 {color: #15428B; } 
.parent_page h1,.parent_page h2,.parent_page h3,.parent_page h4,.parent_page h5,.parent_page h6 {color: #2D8916; }

/* --------------------------- LOGIN --------------------------- */
#captcha_block{
    width:215px;
    margin-left:-110px;
    position:fixed;
    left:50%;
    top: 100px;
    z-index:902;
    padding:5px;
    border-radius:5px;
    background: url(../img/black_op.png);
    
}
.login{ display: none; width:369px; height:257px; background:url(../img/bg_login.jpg) left top no-repeat; position:absolute; top:50%; left:50%; margin:-130px 0 0 -180px; z-index:901}
.login_tbl { border:0 none; left:47px; top:67px; color:#333; font:14px Tahoma}
.login_tbl td{padding:0 0 8px; }
.login_tbl .inp{ border:1px solid #99BBE8; width:150px; height:19px;text-indent:7px;}
.login_tbl .sbm{ width:33px; height:33px; background:url(../img/bt_login.gif) left -34px no-repeat; margin-left:10px; }
.login_tbl .sbm:Hover{ background:url(../img/bt_login.gif) left 0px no-repeat;}
.login_tbl .shl{ width:33px; height:33px; background:url(../img/bt_login_sh.gif) left -34px no-repeat; margin:0 0 0 15px; }
.login_tbl .shl:Hover{ background:url(../img/bt_login_sh.gif) left 0px no-repeat;}
.login #login_error{ text-align: left; position: absolute; width: 285px; top:27px; left:29px; background-color: #FF9999; border-bottom: 1px solid; border-right: 1px solid; padding: 7px; display: none;}
.login #login_error p{ margin: 0;}
#pidkl { display: none; background-color:#000000;height:100%;left:0;opacity:0.35;position:absolute;top:0;width:100%;z-index:900;filter:alpha(Opacity=35);}

/* ---------------------------- HELP ----------------------------- */
a.help_block { position: absolute; height: 13px; padding: 10px 0 0 28px; opacity:0.5; filter:alpha(Opacity=50); background: url(../img/help.gif) left top no-repeat; z-index: 201; text-decoration: none; font-size: 10px;}
a.help_block span { display: none; color:#FF6600 !important; font-weight: bold;}
a.help_block p { display: none;}
a.help_block:hover { opacity:1; filter:alpha(Opacity=100);}
a.help_block:hover span {display: block}
a.help_hover,
a.help_width:hover { width: auto; padding: 1px 3px 3px; height: auto; border: 1px solid #FFCC99; background: #FFFFCC; color:#555; cursor:default}
a.help_hover p,
a.help_width:hover p {display: block; margin: 0; white-space: pre}

/* ---------------------------- MENU ----------------------------- */


.xmenu {
	border: 1px solid #C0C0C0;
}

.itemBorder {
	background-color: #E6E6E6;
}

.mSelected {
	background-color: #0080FF;
}

div.mSelected tr td a {
	color: white;
}

.itemBorder tr td a { 
	text-decoration: none; color: black; font: 12px Arial, Helvetica;
}

.prys_ok {
	margin: 0px;
	padding: 0px;
	/*
	border-right:1px dotted #99BBE8;*/
	/*width:0px;    */
	/*background: url(../img/adminka/drop-yes.gif) no-repeat left top;*/
	/*position:relative; */
	/*float:right;*/
}

.prys_fail {
	margin: 0px;
	padding: 0px;
	/*
	border-right:1px dotted #99BBE8;
	/*width:0px;*/
	/*background: url(../img/adminka/delete.gif) no-repeat left top;
	position:relative; float: left;*/
}


.lbpad{font: bold 13px Tahoma;color: #15428B; padding: 2px 4px 2px 4px; cursor:pointer;}
.lbpad:Hover{border:1px solid #99BBE8; padding:1px 3px 1px 3px; cursor:pointer; background-color: #80FFFF;}

/*заокруглення  */

.curved_right {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.curved_left {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

.curved_bottom {
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.curved_top {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.curved_all {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/*заокруглення [END] */ 


/*Feedback*/
.feedback{
  padding:10px;
  border:1px solid #999;
  border-radius:5px;
  text-align:left;
  margin:10px;
  float:right;
  width:650px;
}

.feedback li{
  margin:5px 0;
}

#feedback_txt{
  width:400px;
  height:100px;
  resize:none;
  margin-bottom:5px;
}

.feedback_img{
  float:left;
  margin-right:20px; 
}

.feedback_button{
  background:#ccc;
  border:1px solid #999;
  padding:4px;
  float:right;
  margin-right:15px;
}
/*Feedback[END]*/

/*загальні класи*/

.gradient {
   background-color: #7399BF;
   background-image: url(images/fallback-gradient.png);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99ccff), to(#99ccff));
   background-image: -webkit-linear-gradient(top, #99ccff, #7399BF);
   background-image:    -moz-linear-gradient(top, #99ccff, #7399BF);
   background-image:     -ms-linear-gradient(top, #99ccff, #7399BF);
   background-image:      -o-linear-gradient(top, #99ccff, #7399BF);
}

.centered {   
    margin-left: auto;
    margin-right: auto;
}

.spaced-y {
    margin: 10px 0;
}


.red {
    color:red;
}

.red_borded{
    border:1px solid red;
}

.back_but{
    background: url(../img/back_red_but.png);
    width:75px;
    height:18px;
    text-align:center;
    padding-top:2px;
    float:left;
    font-weight:bold;
    color:#fff;
    margin:5px;
    cursor:pointer;
}

.ok_but{
    background: url(../img/ok_green_but.png);
    width:75px;
    height:18px;
    text-align:center;
    padding-top:2px;
    float:left;
    font-weight:bold;
    color:#fff;
    margin:5px;
    cursor:pointer;
}

.framed {border:none;}
.framed .lt {width:8px; height:29px; background-image: url(../img/tab/t_lt.png);}
.framed .ll {background-image: url(../img/tab/t_ll.png); background-repeat: repeat-y;}
.framed .lb {width:8px; height:29px; background-image: url(../img/tab/t_lb.png);}
.framed .rt {background-image: url(../img/tab/t_rt.png);}
.framed .rr {background-image: url(../img/tab/t_rr.png); background-repeat: repeat-y;}
.framed .rb {width:8px; height:29px; background-image: url(../img/tab/t_rb.png);}
.framed .tt {background-image: url(../img/tab/t_tt.png); background-repeat: repeat-x;}
.framed .bb {background-image: url(../img/tab/t_bb.png); background-repeat: repeat-x;}
.framed .cc {background-color: #C9DDEB;}

select.select {
  position: relative;
  z-index: 10;
  width: 191px !important;
  height: 26px !important;
  line-height: 26px;
  cursor: pointer;
}
span.select {
  position: absolute;
  top: 0;
  display:block;
  float:left;
  right: 0;
  width: 161px!important;
  padding-right:30px;
  overflow:hidden;
  white-space: nowrap;
  height: 26px;
  line-height: 26px;
  text-indent: 10px;
  background: url(../img/select_bg.jpg) no-repeat 0 0;
  cursor: pointer;
  z-index: 1;
  font-size: 14px;
  color: #333;
}

.sel_block{
  margin:10px 10px 0 0;
  position:relative;
  float:left;
}



/*СТОРІНКА БЕЗ МЕНЮ*/
.rised_top{ 
    font-family: Trebuchet MS,Arial, sans-serif;
    margin-top:-65px;  
    overflow:hidden;
    height:65px;
}

#return_but{
    margin-left:397px;
    height:21px;
    background:url(../img/return_but.png);
    clear:both;
    width:185px;
    padding-top:5px;
    display:block;
    text-decoration: none;
}