@charset "utf-8";

h1{font-size: 22px; margin:0px;}
h2{font-size: 20px; margin:0px;}
h3{font-size: 16px; margin:0px;}
h4{font-size: 14px; margin:0px;}
h5{font-size: 12px; margin:0px;}
body{background-color: #FFFFFF; font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial'; }
/*input:hover{background-image:url(onmousetable.png);}*/
/*input:focus{background-color:silver;}*/
legend{
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
}
input{
 font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial';
 font-size: 18px;
 color: #000;
 font-weight: normal !important;
 vertical-align: middle;
 }
input:focus{
 font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial';
 font-size: 18px;
 color: #000;
 font-weight: bold !important;
 vertical-align: middle;
 -webkit-box-shadow:0 0 5px #783900; /* красивости в виде тени */
 -moz-box-shadow:0 0 5px #783900;
 box-shadow:  4px 4px 5px -3px #783900;
 background:#FFF; /* Задание цвета фона подсказки */
 border:2px solid #c0c0c0; /* Задание границы поля подсказки */
 text-decoration: none !important;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 }
input[type="submit"], input[type="file"]{
 -webkit-box-shadow:0 0 5px #783900; /* красивости в виде тени */
 -moz-box-shadow:0 0 5px #783900;
 box-shadow:0px 0px 6px -3px #783900;
 font-size: 18px;
 color: #000;
 font-weight: normal;
 font-style:normal;
}
input[type=radio]:checked, input[type=checkbox]:checked{
-webkit-box-shadow:0 0 5px #000;  /* красивости в виде тени */
 -moz-box-shadow:0 0 5px #000;
 box-shadow:1px 1px 4px -3px #000;
 color: #000;
}
input[type="button"]{
 -webkit-box-shadow:0 0 5px #783900; /* красивости в виде тени */
 -moz-box-shadow:0 0 5px #783900;
 box-shadow:0px 0px 5px -3px #783900;
 font-size: 18px;
 color: #000;
 font-weight: normal;
 font-style: normal;
 border:1px solid #000;
}
input.inputmandatory{
 font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial';
 font-size: 15px;
 color: #000;
 font-weight: normal;
 vertical-align: middle;
 background:#FFCC66 !important;
 border:1px solid #783900;
 text-decoration: none !important;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 }
input.inputmandatory:focus{
 font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial';
 font-size: 15px;
 color: #000;
 font-weight: normal;
 vertical-align: middle;
 -webkit-box-shadow:4px 4px 5px #000; /* красивости в виде тени */
 -moz-box-shadow:4px 4px 5px #000;
 box-shadow: 4px 4px 5px -3px #000;
 background:#FFCC66 !important; /* Задание цвета фона подсказки */
 border:2px solid #783900; /* Задание границы поля подсказки */
 text-decoration: none !important;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 }
 textarea{
 font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial';
 font-size: 15px;
 color: #000;
 font-weight: normal;
 vertical-align: middle;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border:1px groove #c0c0c0;
 }
 textarea:focus{
 font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial';
 font-size: 15px;
 color: #000;
 font-weight: normal;
 vertical-align: middle;
 -webkit-box-shadow:0 0 5px #783900; /* красивости в виде тени */
 -moz-box-shadow:0 0 5px #783900;
 background:#FFF; /* Задание цвета фона подсказки */
 border:2px solid #c0c0c0; /* Задание границы поля подсказки */
 text-decoration: none !important;
 box-shadow:  4px 4px 5px -3px #783900;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 }
p{
  font-size: 15px;
  font-weight: bold;
   }
select{
 font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial';
 font-size: 16px;
 color: #000;
 font-weight: bold;
 font-style:italic;
 vertical-align: middle;
}
a{color: #000; font-size: 18px;}
a [title]{background-image:url(onmousetable.png);}
a:hover{color: Black;}
.zakaz{color: #909090; font-weight: bold;}
em{font-style: normal}
img{
  background-color: transparent;
  border-color: transparent;
  border-bottom-style: hidden;
  vertical-align: bottom;
}
.hr50left {
  width:50%;
  text-align:left;
  margin-left:0;
}
#resz-container img {
display: block;
padding: 5px;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}
#resz-container img:hover {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}
#author-container img {
display: block;
padding: 5px;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
transition: transform 0.5s ease;
-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}
/* выпадающее меню - начало */
#nav, #nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  background: url(bgmenu.png) repeat right;
  float: left;
  z-index: 200;
}
#nav li {
  float: left;
  position: relative;
  background: none;
}
#nav a {
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  display: block;
  width: 155px;
  padding: 4px 12px;
  background: url(onmouse.png) repeat right;
}
#nav a:hover{
  border: 1px solid #000;
  font-size: 24px;
  font-weight:bold;
  background-image:url(onmouse.png);
}
#nav li:hover,
#nav li.jshover {
  background: #B1AFAF;
}
#nav li ul {
  display: none;
  position: absolute;
  background: url(bgmenu.png);
  padding: 8px 1px;
  width: 200px;
}
#nav li li a {
  width: 180px;
  background: none;
}
#nav li.jshover li.jshover a {
  width: 140px;
  background: none;
}
#nav li:hover ul,
#nav li.jshover ul {
  display: block;
}
#nav li:hover li ul,
#nav li.jshover li ul {
  display: none;
  width: 200px;
  top: -8px;
  left: 118px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display: block;
}
/* выпадающее меню - конец */
/* основная форма */
.input{
 font-family: 'Times new roman','Century Schoolbook L', 'Sans', 'Arial';
 font-size: 18px;
 color: #000;
 font-weight: normal !important;
 vertical-align: middle;
 }
.shut_logo
{
position:absolute;
right:0.5%;
top:3%;
z-index:2;
background-image:url(mousoff.png);
}
.shut_logo:hover{
background-image:url(mouson.png);
}
.osn_top{
  background-image:url(text_bkg_top.gif);
  height: 14px;
}
.osn_top_r{
  background-image:url(text_bkg_conner_1.gif);
  height: 14px;
}
.osn_top_l{
  background-image:url(text_bkg_conner_2.gif);
  height: 14px;
}
.osn_left{
  background-image:url(text_bkg_left.gif);
}
.osn_right{
  background-image:url(text_bkg_right.gif);
}
.osn_center{
  background-image:url(text_bkg_center.gif);
}
.osn_bottom{
  background-image:url(text_bkg_bottom.gif);
  height: 13px;
}
.osn_bottom_r{
  background-image:url(text_bkg_conner_4.gif);
  height: 13px;
}
.osn_bottom_l{
  background-image:url(text_bkg_conner_3.gif);
  height: 13px;
}
/* основная форма конец*/
.ogl{
 font-size: 18px;
 color: #64441f;
 font-weight: bold;
 font-style: normal;
 }
 .opis{
 font-size: 18px;
 color: #383838;
 font-weight: normal;
 font-style: normal;
 }
.upd{
 font-size: 13px;
 color: #000;
 font-weight: normal;
 text-align: center;
}
.upd_bld{
 font-size: 13px;
 color: #000;
 font-weight: bold;
 text-align: center;
}
.search_res{
  border: 1px solid #000;
  font-size: 13px;
  font-weight:bold;
  color: #FFF;
  text-align: center;
  background-image:url(bgmenu.png);
}
.bold_it{
 font-size: 13px;
 color: #000;
 font-weight: bold;
 font-style:italic;
 vertical-align: middle;
}
.texttable{font-size: 13px; color: #3C6194}
.link{color: #10557B;}
.userpage{margin:0px;background-color: #FFF}
.add_field_op{
  font-size: 13px;
  color: #000;
  font-weight: bold;
  vertical-align: middle;
 }
.add_field{
 font-size: 13px;
 color: #000;
 font-weight: bold;
 vertical-align: middle;
 background-color: #FFCC66;
}
.zagolovok{
 font-size: 26px;
 color: #000;
 font-weight: bold;
}
.zagolovok_zak{
 font-size: 20px;
 color: #909090;
 font-weight: bold;
}
.zagolovok_sp{
 font-size: 20px;
 color: #FF0000;
 font-weight: bold;
 text-decoration: line-through;
}
.zagolovok_vid{
 font-size: 20px;
 color: #000;
 font-weight: normal;
}
.zagolovok_und{
 font-size: 20px;
 color: #000;
 font-weight: bold;
 text-decoration: underline;
}
.zagolovok_rez{
 font-size: 20px;
 color: #5C5C5C;
 font-weight: bold;
}
.topheader{
  font-size: 15px;
  font-weight: bold;
  color: #000;
  text-align: center;
  background-image: url(top_header.png);
}
.topheaderlink{
 font-size: 15px;
 font-weight: bold;
 color: #FFF;
 text-align: center;
 background-image: url(top_header.png);
}
.menu{
  font-size: 13px;
  color: #000;
  vertical-align: baseline;
}
.inform{
  font-size: 16px;
  color: #000;
  font-style: italic;
  text-align: right;
  font-weight: bold;
}
.informcntr{
  font-size: 18px;
  color: #000;
  font-style: italic;
  text-align: center;
  font-weight: bold;
}
.informlft{
  font-size: 15px;
  color: #000;
  font-style: italic;
  text-align: left;
  font-weight: bold;
}
.informlftdat{
  font-size: 13px;
  color: #000;
  font-style: italic;
  text-align: left;
  font-weight: normal;
}
.informssilka{
font-style: italic;
font-weight: bold;
font-size: 13px;
color: #64441F;
}
.clock{font-size: 13px; color: #000;}
.topsearch{font-size: 20px; color: #FFF;}
.inputsearch{
  font-size: 13px;
  color: #000;
  font-weight: bold;
/*  width: 50px;
  height: 10px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.5);
  border-radius: 10px;
  -webkit-transition: 2s linear;
  -moz-transition: 1s linear;
  -o-transition: 2s linear;
  -ms-transition: 2s linear;
  transition: 2s linear;*/
}
/*.inputsearch:focus {
width: 200px;
background-color: #FFFFFF;
outline: none;
-moz-box-shadow: outset 0 0 5px rgba(0,0,0,0.5);
-webkit-box-shadow: outset 0 0 5px rgba(0,0,0,0.5);
box-shadow: outset outset 0 0 5px rgba(0,0,0,0.5);
} */
.useraddedit{
 border-top-style: solid;
 border-bottom-style: solid;
 border-width: thin;
 border-color:silver;
 vertical-align:middle;
}
.button{
 font-size: 18px;
 color: #000;
 font-weight: bold;
 position:relative;
 z-index: 3;
}
.button2{
 font-size: 18px;
 color: #000000;
 font-weight: bold;
}
.boxmenu{
 border-top-style: solid;
 text-align: center;
 border-bottom-style: solid;
 border-width: 1px;
 border-color: #89A6C3;
 padding: 7px;
 padding-left: 20px;
 padding-right: 20px;
 background-color: #E0EFF5;
 background-image: url(boxmenuadm2.png);
}
.tableheadercat{
 font-size: 13px;
 font-weight: bold;
 color: #000;
 text-align: center;
 background-color: #CAC7A7;
 background-image: url(tbl_header.png);
}
.tabledata{
 font-size: 13px;
 color: #000;
 text-align: center;
 }
 .tableonmouse {
  border: 1px solid #000;
  font-size: 15px;
  font-weight:bold;
  background-image:url(onmousetable.png);
}
.tabledata a{color: #FFF;}
.tabledata a:hover{color: #FFF;}
#tab{
 font-size: 14px;
 color: #000;
 text-align: center;
 }
#tab tr:hover{
  color: #000;
  font-size: 14px;
  font-weight: bold;
  background-image:url(onmousetable.png);
 }
/*#tab tr:hover.td:hover.left{
  background-image:url(onmousetable_l.png);
}
#tab tr:hover.td:hover.right{
  background-image:url(onmousetable_r.png);
}*/
/* logon-logout start*/
.logontit{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}
.logonbot{
  font-weight: normal;
  text-align: right;
  vertical-align: bottom;
  color: #FFF;
  font-size: 12px;
}
.logondat{
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  color: #000;
  vertical-align:middle;
}
.logondat2{
  font-weight: bold;
  text-align: left;
  font-size: 12px;
  color: #000;
  padding: 8px;
}
.textPageOsn{
  width: 355px;
  height: 500px;
}
.textPage{
  width: 355px;
  height: 465px;
  vertical-align: bottom;
}
.horizon{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 469px;
  height: 546px;
  margin-left: -250px;
  margin-top: -276px;
  background-image: url(logout.png);
}
/* logon-logout stop*/
/* start calendar*/
/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight  in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}
/* end calendar*/
#formaupdate{
position: relative;
top: -3px;
right: 0px;
width: 200px;
height: 18px;
z-index: 2;
color: #000;
border-style: solid;
border-width: 2px;
border-color: #777;
padding-top: 3px;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 10px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
-box-sizing: content-box;
box-shadow:  2px 2px 5px -1px rgba(0,0,0,0.5);
font-size: 13px;
font-weight:normal !important;
text-align: center;
text-decoration: none !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
background: #FFFCC5;
border:1px solid #636363; 
opacity: 0.9;
filter:alpha(opacity=90);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
#formaupdate2{
position: relative;
top: 4px;
right: 0px;
width: 200px;
height: 15px;
z-index: 2;
color: #000;
border-style: solid;
border-width: 2px;
border-color: #777;
padding-top: 5px;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 10px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
-box-sizing: content-box;
box-shadow:  2px 2px 5px -1px rgba(0,0,0,0.5);
font-size: 13px;
font-weight:normal !important;
text-align: center;
text-decoration: none !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
background: #9FFF9E;
border:1px solid #636363; 
opacity: 0.9;
filter:alpha(opacity=90);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
#formaupdate3{
position: relative;
top: -3px;
right: 1px;
width: 330px;
height: 28px;
z-index: 2;
color: #000;
border-style: solid;
border-width: 2px;
border-color: #777;
padding-top: 5px;
padding-right: 3px;
padding-left: 3px;
padding-bottom: 10px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
-box-sizing: content-box;
box-shadow:  2px 2px 5px -1px rgba(0,0,0,0.5);
font-size: 13px;
font-weight:normal !important;
text-align: center;
text-decoration: none !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
background: #FF5E5B;
border:1px solid #636363; 
opacity: 0.9;
filter:alpha(opacity=90);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
/*Animated line chart start*/
#chart{
  width:520px;
}
#chart dt{
  width:40%;
  float:left;
  margin:0 20px 5px 0;
  padding:2px 0;
  display:inline-block;
  font-weight:bold;
  text-align:left;
}
#chart dd{
  width:40%;
  border-right:1px solid #ddd;
  float:left;
  margin-bottom:5px;
  margin-left: -50px;
  display:inline-block;
  text-align: left;
}
#chart dd span{
  color:#FFF;
  background:#535353;
  text-align:center;
  padding:2px 0;
  display:block;
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  background:-webkit-gradient(linear, left top, left bottom, from(#535353), to(#292929));
  -webkit-box-reflect:below 0 -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.25)));
  opacity: 0.8;
  filter:alpha(opacity=80);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px #783900; /* красивости в виде тени */
  -moz-box-shadow: 2px 2px 5px #783900;
  box-shadow: 2px 2px 5px -1px #783900;
}
#data-one{
  width:47%;
}
#data-two{
  width:59%;
}
#data-three{
  width:26%;
}
#data-four{
  width:26%;
}
#data-five{
  width:26%;
}
#data-one{
  -webkit-animation-name:bar-one;
}
#data-two{
  -webkit-animation-name:bar-two;
}
#data-three{
  -webkit-animation-name:bar-three;
}
#data-four{
  -webkit-animation-name:bar-four;
}#data-five{
  -webkit-animation-name:bar-five;
}
#data-one,#data-two,#data-three,#data-four,#data-five{ 
  -webkit-animation-duration:0.5s; 
  -webkit-animation-iteration-count:1; 
  -webkit-animation-timing-function:ease-out; 
}
@-webkit-keyframes bar-one{
  0%{ 
    width:0%;
  }
  100%{ 
    width:47%;
  }
}
@-webkit-keyframes bar-two{
  0%{ 
    width:0%;
  }
  100%{ 
    width:59%;
  }
}
@-webkit-keyframes bar-three{
  0%{ 
    width:0%;
  }
  100%{ 
    width:26%;
  }
}
@-webkit-keyframes bar-four{
  0%{ 
    width:0%;
  }
  100%{ 
    width:26%;
  }
}@-webkit-keyframes bar-five{
  0%{ 
    width:0%;
  }
  100%{ 
    width:26%;
  }
}
/*Animated line chart stop*/