body
{ font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
  background-image: url('Images/Background.jpg');
  background-position:center bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding:0;
  margin:0;
}

.clear { clear:both; height:0; width:0; margin:0; padding:0; }

input[type='text'], input[type='password'] 
{ padding:1px;  margin:0px;   height:16px;
  font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif; 
  border-width: 1px;}

select 
{ height: 20px; padding-left:0; 
  font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif; }

p { line-height:18px; }

input[type='checkbox'], input[type='radio'] 
{ vertical-align:-2px; }

textarea,td 
{ font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif; }

fieldset { margin:2px;  padding: 4px;  border: 1px gray solid; }

/*.clear {	clear:both; }*/

.bold { font-weight: bold; } 
.italic { font-style: italic; } 
.center { text-align:center; }

.but_img
{ height: 20px; 
  width: 20px;
  margin: 0px;
  padding: 0px;
  border: 0;
  background:none;
  background-position:center center;
  background-repeat: no-repeat;
  float:left;
}

.but_img:hover:enabled
{ background-color:rgba(0,0,0,0.2); 
  cursor: pointer;
}

.but_img_text
{ height: 22px; 
  margin: 2px 5px;
  padding: 3px 4px 3px 24px;
  border: 0;
  background-color:#ddd;
  background-position:2px center;
  background-repeat: no-repeat;
  text-align:right;
  border:1px outset gray; 
  border-radius:5px;
  line-height: 12px;
  text-decoration:none;
}

.but_img_text:hover:enabled
{ background-color:rgba(0,0,0,0.2); 
  color: darkred; 
  cursor: pointer;
}

.but_ok     { background-image: url("Images/b_ok.png"); }
.but_attent { background-image: url("Images/b_attention.png"); }
.but_add    { background-image: url("Images/b_add.png"); }
.but_edit   { background-image: url("Images/b_edit.png"); }
.but_del    { background-image: url("Images/b_drop.png"); }
.but_list   { background-image: url("Images/b_browse.png"); }
.but_search { background-image: url("Images/b_search.png"); }
.but_pass   { background-image: url("Images/b_pass.png"); }
.but_close  { background-image: url("Images/b_close.png"); }
.but_update { background-image: url("Images/s_reload.png"); }
.but_print  { background-image: url("Images/b_print.png"); }
.but_up     { background-image: url("Images/sort_up.gif");   height:10px; margin:0; }
.but_down   { background-image: url("Images/sort_down.gif"); height:10px; margin:0; }

/************************************************************/
.HeaderLine
{ background-color: rgba(160,220,255,0.7);
  margin:0;
/*  border-bottom: 2px solid whitesmoke;*/
  box-shadow: 0px 10px 30px black;
}

.HeaderLine a
{ text-decoration: none;
  color: black;
}

.Header
{ width: 1200px;
  height: 100px;
  margin: 0 auto;
  background-image: url('img/LeftHIcon.png'),url('img/RightHIcon.png');
  background-position:left,right;
  background-repeat: no-repeat;
}
.Header h1
{ margin: 0px;
  padding: 0px 0;
  font-size:2.5em;
  color: #800;
  text-align:center;
}

.Header_Logged
{ width:1200px;
  height:40px;
  margin:0 auto; }

/************************************************************/
.Content
{ width: 1200px;
  height: calc(100vh - 40px);
  margin:0px auto;
  position:relative; 
/*  background-color: rgba(255,255,255,0.6); */
}

.OperPhotosSet
{ position: absolute; 
  bottom:40px; 
  left:0px; 
  width:100%; 
  height:120px;
  padding:0; 
/*  display:table; */
  overflow-x:scroll;
  overflow-y:hidden;
  white-space: nowrap;
}

.Photo
{ width: 180px;
  height:230px;
  float: left;
  display: inline-block;
  margin:5px;
  border-top   :1px solid darkgrey;
  border-right :1px solid whitesmoke;
  border-bottom:1px solid whitesmoke;
  border-left  :1px solid darkgrey;
  overflow: hidden;
  text-align:center;
  position: relative;
}
.Photo:first-child
{ margin-left:2px; }

.Photo img
{ max-width: 100%; 
  max-height:100%; 
  position:relative;
/*  left:50%;
  transform: translateX(-50%);*/
  top:50%;
  transform: translateY(-50%);
  margin:0 auto;
}

.Photo button
{ visibility:hidden; 
  position: absolute; 
  top:0; right:0; 
}

.Photo:hover button
{ visibility:visible; }  

.AddPhoto
{ width:100%;
  height:90px;
  color: darkgrey;
  font-size: 1.1em;
  text-align:center;
  text-transform: uppercase;
  font-weight:bold;
  line-height:140%;
  cursor:pointer;
  padding:60px 0 0 0;
}

.AddPhoto:hover
{ color:gray; }

.AddFile
{ cursor:pointer;
  text-align: center;
  padding:2px;
  margin:0 1px;
}

.AddFile:hover
{ color: darkred;
  background-color:rgba(0,0,0,0.2); }
  
.FileExt
{ float: left; 
  padding: 2px; } 
  
.FileLink 
{ cursor:pointer; }

.FileLink:hover
{ color: #e00; }

/*********************************************************/
.WC_FieldSet
{ margin-left:5px; 
  padding:0 0 5px 0; 
  float:left; 
  border:1px solid grey;
}

.WC_FieldSet h1
{ margin:0px; 
  width:100%; 
  box-sizing:border-box; 
  background-color:#ccc; 
  padding:2px 5px;
  font-size:12px;
}

.WC_FieldSet h1 span[name="Dist"],span[name="Cln"]
{ cursor:pointer;

}

.WC_FieldSet h1 span[name="Dist"].Selected,span[name="Cln"].Selected
{ cursor:pointer;
  color:#f22;
}
/****************************************************/
.Text2Upper 
{ text-transform: uppercase; }

.DateField  
{ background-image: url("img/iconCalendar.gif");
  background-repeat: no-repeat;
  background-position: 99% 50%;
  width: 90px; 
  cursor:pointer;
}