table  	{ border: 0; border-collapse: collapse; align:left;} /*border: 1px solid silver;*/
	th 		{ border: 0; padding: 1px; background-color: #7CCFC0; color: white ; padding-left:5px;} /* purple */
	td 		{ border: 0; padding: 0; /* top,right,bottom,left */ text-align: left; vertical-align:text-top; } /*vertical-align:middle; text-align:justify;*/

	table.c  	{ border:0; }
	td.c  	{ border:0; }
	td.g  	{ background-color:#ECEBEA; }
	td.w		{ width:50px; }
	td.r          { border:1px solid red; }
/* end for htm-generating */	
	table.TableOfHits1 	{ text-align:right; background-color: white;   }
	td.TableOfHits         	{ text-align:right; background-color: #DCDCDC; }
	td.TableOfHits1 		{ text-align:right; background-color: white;   }
    th.TableOfHits1 		{ text-align:right; background-color: white; color: black;}
	
	textarea { border: 1px solid silver; border-radius: 2px; }
	textarea:hover {  box-shadow:1px 1px 10px silver;  background-color:Ivory;}	 /*Ivory =  #FFFFF0*/
	
	input[type=text] { border: 1px solid silver; border-radius: 2px; }
	input[type=text]:hover {  box-shadow:1px 1px 10px skyblue; background-color:#FFFFF0;}	/*{ border: 3px solid blue;} */


	input[type=radio]:checked { background-color:#000; border-left-color:#06F; border-right-color:#06F;}
	input[type=radio]:hover {   box-shadow:0px 0px 10px #1399ff; }
	
	input[type=checkbox] { padding-left:0px; padding-right:0px; border-radius:1px; 
						border: 0px red;  background-color:Ivory; color:red; white-space: nowrap; overflow:hidden;
						width:10px;  height:10px;
					  }
	input[type=checkbox]:checked { background-color:#000; border-left-color:#100; border-right-color:#000; }
	input[type=checkbox]:hover {   box-shadow:1px 1px 20px red; }

	input[type=button], input[type=submit], input[type=reset] 
					{   background-color: #7CCFC0;   border: none;  color: white;   padding: 1px 1px;
						text-decoration: none;  margin: 1px 1px;  cursor: pointer; width:20px;  height:18px;
					}
	input[type=submit]:hover {  box-shadow:1px 1px 20px green; background-color:Aquamarine;}					
	input[type=submit]:focus 
					{   background-color: green;   border: none;  color: white;   padding: 1px 1px;
						text-decoration: none;  margin: 1px 1px;  cursor: pointer;
					}		
	select { width: 50%;  padding: 0px 0px;  border: 1px solid grey; border-radius: 4px; color: black; background-color:Ivory; }	/* background-color: transparent; background-color: #f5f5f5;*/			
	select:hover {  box-shadow:1px 1px 10px white;  background-color:Ivory;}	 
 	mark.y {  color:#111111;    background: #FFFFBB; } /* FFFF00 FFFFBB yellow */
	mark.small {  color:#111111; background-color: transparent; font-size:x-small; } /* x-large xx-large larger 50% */
	mark.bold {  background-color: transparent; font-weight: bold; } /* bold 100 - 900 bolder lighter inherit initial normal */
	span.small {  line-height: 0.6; } 
	p.small {  margin-bottom: 1px; margin-top: 1px; line-height: 0.5; } 
	button			{   background-color: #7CCFC0;   border: none;  color: white;   padding: 6px 10px;
						text-decoration: none;  margin: 2px 1px;  cursor: pointer;
					}
	button:focus 
					{   background-color: green;   border: none;  color: white;   padding: 6px 10px;
						text-decoration: none;  margin: 2px 1px;  cursor: pointer;
					}
::-webkit-input-placeholder {color:#c0392b;}
::-moz-placeholder          {color:#c0392b;}/* Firefox 19+ */
:-moz-placeholder           {color:#c0392b;}/* Firefox 18- */
:-ms-input-placeholder      {color:#c0392b;}

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;}   

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

::-webkit-input-placeholder 	{   font-style: italic;}
:-moz-placeholder 		{   font-style: italic;}
::-moz-placeholder 		{   font-style: italic;}
:-ms-input-placeholder 		{   font-style: italic;}

A:link 		{  text-decoration: none; color: blue; 	/* Убирает подчеркивание для ссылок    Цвет ссылки  */
			} 
A:visited 	{ text-decoration: none; color: blue; } 
A:active 	{ text-decoration: none; color: blue; }
A:hover 		{ text-decoration: underline; color: DeepSkyBlue; /* Делает ссылку подчеркнутой при наведении на нее курсора */
			} 
	
.error {color: #FF0000;}
/*span:{ font-style: italic; font-size:xx-small; color: blue;}
*/
	#Go_Top {
		position: fixed; 
		bottom: 20px;
		right: 20px;
		cursor: pointer;
		opacity: 0.3;
		color:white;
	}
	#Go_Top:hover {
		opacity: 0.7;
		filter:alpha(opacity=60);
	}
	
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
   /* background-color: rgb(200,200,200); */ /* Fallback color */
    background-color: rgba(200,200,200,0.4); /* Black w/ opacity */ /*background-color: rgba(0,0,0,0.4); */
}

/* Modal Content */
.modal-content {    background-color: #fefefe;    margin: auto;    padding: 20px; /* background-color: #fefefe; */
    border: 1px solid #888;    width: 80%; 
	height:70%; font:16px/26px Georgia, Garamond, Serif; overflow:auto; 
}

/* The Close Button */
.modal-close {    color: #aaaaaa;    float: right;    font-size: 28px;    font-weight: bold;}

.modal-close:hover,
.modal-close:focus {    color: #000;    text-decoration: none;    cursor: pointer;}	


/* Content Table */
.contentTable {
  height:100%;
  width:100%; 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  border: none; 
  padding: 0px; 
  margin: 0px;
}

.header-content {
  height:50px;
  width:100%;
  background-color:SkyBlue; 
  background-image: url("bg.jpg"); 
  background-repeat: repeat;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  padding:20px 50px 10px 10px; 
  text-align:center;
}

.header-content table {
  width:100%; 
  height:100%;
}

.header-content font {
  text-shadow: 2px 2px 3px black, 1px 1px 3px grey;
  color: white;
}

.header-content .header-title {
  text-align:center; 
  width:100%;
  height:100%;
}

.header-content .header-select {
  text-align:center; 
  width:10%;
  height:100%;
}

.left-menu {
  width:20%;
  border-right: 5px ridge silver;
}

.left-menu-div {
  width:20%; 
  height:calc(100% - 80px);
  position: fixed; 
  top: 80px;
 
   overflow-x:hidden;
   overflow-y:auto;
  color:black;
  font-family:sans-serif;
  background-color:#ECEBEA;
}

.left-menu-table {
  width:100%;
  margin: 5px;
}

/* fmenuLeft */
#fmenuLeft td a {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  display: block;
  cursor: pointer;
  padding: 3px 3px 3px 3px;
  margin: 5px 10px 5px 0px;
  text-shadow: 2px 2px 3px white, 1px 1px 2px white;
  color: black;
}

#fmenuLeft td a.current {
  background-color:#C8C5C2;
  font-weight: bold;
}

#fmenuLeft td a:hover {
  text-decoration: none;
  background-color:#C8C5C2;
}

#fmenuLeft td p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  text-shadow: 2px 2px 3px white, 1px 1px 3px white;
  font-weight: bold;
}

/* fclass */
#fclass td a {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  cursor: pointer;
  text-shadow: 2px 2px 3px white, 1px 1px 2px white;
  color: black;
  text-align: center;
  width: 20px;
  height: 16px;
  display: inline-block;
  padding: 3px 3px 3px 3px;
}

#fclass td a.current {
  background-color:#C8C5C2;
  font-weight: bold;
}

#fclass td a:hover {
  text-decoration: none;
  background-color:#C8C5C2;
}

#fclass td p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
  text-shadow: 2px 2px 3px white, 1px 1px 3px white;
  font-weight: bold;
}

/* menu-link */
a.menu-link {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  cursor: pointer;
  text-shadow: 2px 2px 3px white, 1px 1px 2px white;
  color: black;
  display: block;
  padding: 3px 3px 3px 3px;
}

a.menu-link-small {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  cursor: pointer;
  text-shadow: 2px 2px 3px white, 1px 1px 2px white;
  color: black;
  display: block;
  padding: 3px 3px 3px 3px;
}

/* main-content */
.main-content {
  width: 80%;
  padding: 5px;
}

.main-content div {
  
}

#contentMenu {
  width:100%; 
  margin: 0px 0px 5px 0px;
}

#contentMenu td {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
  /*display: block;*/
  cursor: pointer;
  padding: 3px 3px 3px 3px;
  text-shadow: 2px 2px 3px white, 1px 1px 2px white;
  color: black;
  text-align: center;
  background-color:#ECEBEA;
}
#contentMenu a {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
  cursor: pointer;
  text-shadow: 2px 2px 3px white, 1px 1px 2px white;
  color: black;
  display: inline-block;
  padding: 3px 3px 3px 3px;
}

#contentMenu a.current {
  text-decoration: underline;
  background-color:#C8C5C2;
  font-weight: bold;
}

#contentMenu a.current:hover {
  text-decoration: underline;
  background-color:#C8C5C2;
  font-weight: bold;
}

#contentMenu a:hover {
  text-decoration: none;
  background-color:#C8C5C2;
}

#PrintZona {  
  width: calc(80% - 13px); 
  height:calc(100% - 130px); 
  position: fixed;
  overflow:auto;
  border-top: 3px solid #ECEBEA;
}


a.sort {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  cursor: pointer;
  text-shadow: 2px 2px 3px white, 1px 1px 2px white;
  color: green;
  padding: 3px 3px 3px 3px;
}