body
{ font: 14px/1.2 Verdana, Arial, Helvetica, sans-serif;
/*  background-image: url('Images/Background.png');
  background-attachment: fixed; */
  background-color: lightcyan;
  padding:0;
  margin:0;
}
/*
.clear { clear:both; height:0; width:0; margin:0; padding:0; }
.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 22px;
  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("img/b_ok.png"); }
.but_add   { background-image: url("img/b_add.png"); }
.but_annul { background-image: url("img/b_annulment.png"); }
.but_edit { background-image: url("img/b_edit.png"); }
.but_undo { background-image: url("img/b_undo.png"); }
.but_print { background-image: url("img/b_print.png"); }
.but_del   { background-image: url("img/b_drop.png"); }
.but_list  { background-image: url("img/b_browse.png"); }
.but_search  { background-image: url("img/b_search.png"); }
.but_pass  { background-image: url("img/b_pass.png"); }
.but_close  { background-image: url("img/b_close.png"); }
.but_up     { background-image: url("img/sort_up.gif");   height:10px; margin:0; }
.but_down { background-image: url("img/sort_down.gif"); height:10px; margin:0; }
.but_expand { background-image: url("img/sort_up.gif");  }
.but_shrink { background-image: url("img/sort_down.gif"); }
.but_rights { background-image: url("img/s_rights.png"); }
*/
/****************************************************************/
.Header
{ width: 100%;
  margin: 0;
}

.Header h1
{ margin: 0px;
  padding: 0px 0;
  font-size:1.5em;
  color: #800;
  text-align:center;
}

/****************************************************************/
.Menu
{ list-style:none;
  width: 100%;
  margin:0 0 5px 0;
  padding:0;
  border-bottom: 1px solid grey;
  clear:both
}

.Menu li
{ display: block;
  float: left;
  padding:0;
  margin:0;
}

.Menu li:hover
{ background-color: pink; }

.Menu li a
{ padding: 5px 5px;
  margin:0;
  text-decoration: none;
  color: black;
  font-size: 1.5em;
  display:block;
  font-size:1.2em;
}

.Menu li:hover a
{ color: brown; }

.Menu .Profile { display: none; }
.Menu .Extra { display: none; }
/****************************************************************/
.Req_List
{ width: 100%;
  border-collapse: collapse;
}

.Req_List td
{ border:1px solid black;
  font-size: 1em; }

.Req_List thead
{ background-color: Aquamarine;
  color: black;
}

.Req_List thead td
{ text-align: center;
  font-weight: bold;
}

.Expand
{ cursor: pointer;
}

.Expand:hover
{ background-color: LightYellow;
}

.RowExpand 
{ text-align:center;
  cursor: pointer;
  font-size:1.5em !important;
  font-weight:bold;
  transition: transform 0.2s;
}

.Rotated
{ transform: rotate(45deg);
  transition: transform 0.2s;
}

.ExtRow td {padding:0;}
.ExtRow td div
{ max-height:0px;
  transition: max-height 0.7s;
  overflow:hidden;
  margin:0;
}

.ExtRowOpen td div
{ max-height:500px;
  transition: max-height 0.7s;
}

.RowDesc { display:none; }
.RowExDate { display:none; }

.Text2Upper 
{ text-transform: uppercase; }

.DateField
{ background-image: url("img/iconCalendar.gif");
  background-repeat: no-repeat;
  background-position: 99% 50%;
  width: 90px; 
  cursor:pointer;
}
/************************************************************/
form h1
{ background-color: Chocolate;
  color: white;
  margin:0 0 5px 0;
  padding:2px 0;
  text-align:center;
  font-size:14px;
}

.EditField
{ float:left;
  margin: 0px; }

.EditField label
{ color: #555;
  margin: 5px 0 0 3px;
  font-size: 0.9em;
  display: block;
}

label.CheckBox
{ margin:0;
  padding:0;
  color: black;
  cursor: pointer;
  font-size:1em;
}

label.CheckBox:hover
{ background-color:#f7ddbb; 
  color:#e00; }
/************************************************************/
.FCol
{ width:100%;
  padding: 0 5px;
  box-sizing: border-box;
}

.SCol
{ width:100%;
  padding: 0 5px;
  box-sizing: border-box;
}

.ExtRow .ColA
{ width:100%; float:left; }

.ExtRow .ColB
{ width:100%; float:right;
  text-align:center; }

.ExtRow .ColB button 
{ margin: 10px 0 5px 0; }

.ExtRow .ColC
{ width:100%; float:right;
  text-align:center; 
  display:none;
}

/****************************************************************/
@media only screen and (min-width: 540px)
{ .RowDesc { display:table-cell; }
  .FCol { width:50%; float:left; }
  .SCol { width:50%; float:right; }
  .ExtRow .ColA { width:70%; }
  .ExtRow .ColB { width:30%; text-align:center; }
  .ExtRow .ColC { width:30%; text-align:center; }
  .Menu .Profile { display: block; }
  .Menu .Extra { display: block; }
}

@media only screen and (min-width: 720px) 
{ .RowExDate { display:table-cell; }
}

@media only screen and (min-width: 960px) 
{
}

@media only screen and (min-width: 1140px) 
{
}