body {
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family: 'Segoe Script';	
}
@font-face {font-family:'Segoe Script';src: url('Segoe_Script.ttf');}

td, textarea, input, select {
	font-family: Segoe Script;
	font-size: 18px;
	color: #464646;
	font-weight: normal;
}

div.growlUI { background: url(../images/inf_logo.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
	color: white; padding: 5px 5px 5px 75px; text-align: left
}
div.growlUImes { background: url(../images/inf_logo.png) no-repeat 10px 10px }
div.growlUImes h1, div.growlUImes h2 {
	color: black; padding: 1px 1px 1px 55px; text-align: left
}

.menu_up_down{cursor:pointer;position:relative;top:3px;whidth:14px;height:14px;}

.frame {
	/* border: 1px solid #747472; */
    width: 850px; /* Ширина таблицы */
  /*   border: 1px solid green;*/ /* Рамка вокруг таблицы */
    margin: auto; /* Выравниваем таблицу по центру окна  */
}

.text1 {
	font-family: Segoe Script;
	font-size: 18px;
	color: #000000;
	font-weight: normal;
	cursor: pointer;
}
.text2 {
	font-family: "Times New Roman", Times, serif;


	font-size: 18px;
	font-weight: normal;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
.text3 {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}
.text4 {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #3e6641;
}
.text5 {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #67767a;
}
.text6 {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.text7 {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}
.text8 {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #94AEC5;
}
.text9 {


	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #4E4E4E;
}

a:link {
	color: #000000;
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;

}
a:visited {
	color: #000000;
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;


}

a:hover {
	color: #000000;
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}

a.a:link {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.a:visited {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.a:hover {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}

a.b:link {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #b11111;
	text-decoration: underline;
}
a.b:visited {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #b11111;
	text-decoration: underline;
}
a.b:hover {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #b11111;
	text-decoration: none;
}

a.c:link {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}
a.c:visited {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}
a.c:hover {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #B11111;
	text-decoration: none;
}

a.d:link {



	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
a.d:visited {


	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
a.d:hover {


	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

a.e:link {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #71A2CB;
	text-decoration: underline;
}
a.e:visited {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #71A2CB;
	text-decoration: underline;
}
a.e:hover {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #81992B;
	text-decoration: none;
}

a.f:link {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #898989;
	text-decoration: underline;
}
a.f:visited {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #898989;
	text-decoration: underline;
}
a.f:hover {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #81992B;
	text-decoration: none;
}

a.g:link {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a.g:visited {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a.g:hover {

	font-family: Segoe Script;
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}

.inputstyle {
	font-family: Segoe Script;
	font-size: 18px;
	font-weight: normal;
	color: #5F726F;
	background-color: #E2EDEB;
	border: 1px solid #333333;
}

.img-box1 {
	width:100%;
	overflow:hidden;
	line-height:1.54em;
	padding-bottom:14px;
}
.img-box1 img {
	float:left;
	margin:0 20px 0 0;
}
.img-box1.alt {
	position:relative;
	margin-left:-13px;
}
.img-box1.alt img {
	margin-right:12px;
}


  .BSCEEE
  {
  background:#eee;
  }
  .DGreen
  {
  background:#A0F0A0;
  }
  .LGreen
  {
  background:#FeffFe;
  }


.odd.gradeA {
	background-color: #ddffdd;
}

.even.gradeA {
	background-color: #eeffee;
}

.odd.gradeC {
	background-color: #ddddff;
}

.even.gradeC {
	background-color: #eeeeff;
}

.odd.gradeX {
	background-color: #ffdddd;
}

.even.gradeX {
	background-color: #ffeeee;
}

.odd.gradeU {
	background-color: #ddd;
}

.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even{
	background-color: white;
}


/* Have ideas for improving this CSS for the general community? Submit your changes at: https://github.com/Valums-File-Uploader/file-uploader */
.qq-uploader {
	position: relative;
	width: 100%;
}
.qq-upload-button {
	display: block;
	/*or inline-block*/
	width: 105px;
	padding: 7px 0;
	text-align: center;
	background: #880000;
	border-bottom: 1px solid #DDD;
	color: #FFF;
}

.qq-upload-button-hover {
	background: #CC0000;
}
.qq-upload-button-focus {
	outline: 1px dotted #000000;
}
.qq-upload-drop-area, .qq-upload-extra-drop-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 30px;
	z-index: 2;
	background: #FF9797;
	text-align: center;
}
.qq-upload-drop-area span {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -8px;
	font-size: 16px;
}
.qq-upload-extra-drop-area {
	position: relative;
	margin-top: 50px;
	font-size: 16px;
	padding-top: 30px;
	height: 20px;
	min-height: 40px;
}
.qq-upload-drop-area-active {
	background: #FF7171;
}
.qq-upload-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.qq-upload-list li {
	margin: 0;
	padding: 9px;
	line-height: 15px;
	font-size: 16px;
	background-color: #FFF0BD;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
	margin-right: 12px;
}
.qq-upload-file {
}
.qq-upload-spinner {
	display: inline-block;
	background: url("../images/loading.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}
.qq-upload-size, .qq-upload-cancel {
	font-size: 18px;
	font-weight: normal;
}
.qq-upload-failed-text {
	display: none;
}
.qq-upload-fail .qq-upload-failed-text {
	display: inline;
}
.qq-upload-list li.qq-upload-success {
	background-color: #5DA30C;
	color: #FFFFFF;
}
.qq-upload-list li.qq-upload-fail {
	background-color: #D60000;
	color: #FFFFFF;
}

.reportheader { font-family: Segoe Script; font-size: 18pt; background-color: #459E00; color: 
               #FFFFFF; font-weight: bold; text-align: Center }
.reporttotals { font-family: Segoe Script; font-size: 18pt; background-color: #257E00; color: 
               #FFFFFF; font-weight: bold; text-align: Center }
.reportitem { font-family: Segoe Script; font-size: 18pt; background-color: #EFE }




body{
  background-color:grey;
}
h3{
  text-align:center;
  padding:0px;
  margin:0px;
}
#divCanvas{
  position:relative;
  width:900px;
  height:500px;

  margin:0 auto;
  
}
#htmlCanvas{

}

#divCanvasyavlenie{
  position:relative;
  width:900px;
  height:500px;

  margin:0 auto;
  
}
#htmlyavlenie{

}

.mainNode{
  position:absolute;
  background-color:lightblue;
  padding: 20px;
  border-radius:30px;
}
.subNode{
  position:absolute;
  background-color:lightgreen;
  padding: 20px;
  max-width:70px;
}
#controlNode{
  position:absolute;
  background-color:#379037;
  padding: 20px;
  border-radius:30px;
}

.mainNodeyavlenie{
  position:absolute;
  background-color:lightblue;
  padding: 20px;
  border-radius:30px;
}
.subNodeyavlenie{
  position:absolute;
  background-color:lightgreen;
  padding: 20px;
  max-width:70px;
}

#controlNodeyavlenie{
  position:absolute;
  background-color:#379037;
  padding: 20px;
  border-radius:30px;
}

#div1, #div2 ,#div3, #div4 ,#div5, #div6 ,{
    float: left;
    width: 100px;
    height: 35px;
    margin: 10px;
    padding: 10px;
    border: 1px solid black;
}