div.button9 { margin: 15px;
  position: relative;
	width:100px;
text-align: center;
	display: inline-block;
	
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 1em 1em;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
div.button9:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  cursor:pointer;
}
div.button9:active {
  top: 1px;
}


#page {width:100%; margin:0 auto; position: absolute; display: block;  top:0; left:0; 
height:100%;}
#mainpanel { margin:0 auto;  
padding-top:10px;
position: relative;
  display: block;

  width: 100%;
  height: 10em;
	
	
	
  border-radius: .5em;
  background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
	-webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
	-webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
	
	linear-gradient(180deg, hsl(0,0%,78%)  0%, 
	hsl(0,0%,90%) 47%, 
	hsl(0,0%,78%) 53%,
	hsl(0,0%,70%)100%);
	-webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow:  1px 1px 5px rgba(0,0,0,0.75);

}

#buttons {  margin:0 auto;  width:850px;}
#buttons1 {  margin:0 auto;  width:50%;padding-top:10px;}


#pagepanel

{ 
   position: relative;
	height:auto;
display:block;	
	min-height: 100%;
	padding-top:25px;
	padding-bottom:25px;
  background:  center/50% url(https://vapzone.com/files/decoration/plate1.png),center/100% 100% -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
	-webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
	-webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),

	linear-gradient(180deg, hsl(0,0%,78%)  0%, 
	hsl(0,0%,90%) 47%, 
	hsl(0,0%,78%) 53%,
	hsl(0,0%,70%)100%);
	-webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow:  1px 1px 5px rgba(0,0,0,0.75);
	background-repeat: no-repeat;
background-position: center;	
	opacity: 0.7;

	
}
#dataplate>form, #newrecord > form, #schools>form, #authorities>form, #lawyers>form, #laws>form, #lawyersadd>form

{ padding-left:1%;
	padding-right:1%;
}
#dataplate, #newrecord, #schools, #authorities, #lawyers, #laws, #lawyersadd

{ 
	height:auto;
	
	

position:relative;
background: rgba(255, 255, 255, 0.36);
border-radius: 16px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.9);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
border: 1px solid rgba(255, 255, 255, 0.79);
}
#dataplate

	{ width:70%;		
		display:block;
		margin-left:15%;
	}

#newrecord, #schools, #authorities, #lawyers, #laws, #lawyersadd

	{ width:90%;
		display:none;
		margin-left:5%;
		min-height: 300px;
	}

#paneltitle { 
	border-radius:16px 16px 0px 0px;
	text-align:center;
	padding-top:7px;
		padding-bottom:7px;
	color:rgb(177, 9, 9);
	font-weight: bold;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: linear-gradient(to top right, #fcfcfc, #f7f7f7 15%, #f2f2f2 50%, #d9d9d9 80%, #bfbfbf);
-webkit-box-shadow: 2px 1px 5px rgba(0,0,0,0.75);
-moz-box-shadow:  1px 1px 5px rgba(0,0,0,0.75);
}
#disclaimertext
{
	padding:15px;
padding-top:25px;
}
.emphasized
{
	color:rgb(177, 9, 9);
		font-weight: bold;

}

.hr {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, transparent, #CCC, transparent);  
}

.datatable

	{
	  width:100%;
	  margin-top:15px;
	  margin-bottom:10px;
	}
.asterisk
	{
		color: rgb(112, 111, 111, 0.6);
		position: relative;
		top:-3px;
	}
.asteriskk
	{
		color: rgb(147, 4, 4, 0.6);
		position: relative;
		top:-5px;
	}
.datatable  td:first-child {width:45%; border-right: solid; padding-right:1%;}
.datatable  td:last-child {width:45%; padding-left:1%;padding-right:1%;}

.datatable input[type="text"] {width: 50%; margin-left:1%;}



.sectiontitle {border:ridge; padding:5px;}

.radio,
.radioentry {display:inline; margin-left:5px;}
.radio {margin-left:15px; }

#general, #issue, #legal {border: solid darkred; margin-top:10px; margin-bottom:10px;}

textarea {width:100%; height: 13em;}
#choice {background: lightblue;}






div.button91 { margin: 0 auto;
	width:100%;;
text-align: center;
	display: inline-block;
	margin-bottom:25px;
  color: #9c0909;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 1em 1em;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}
div.button91:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  cursor: pointer;
}
div.button91:active {
  top: 1px;
}

.floating-button { 
	  
  text-decoration: none;
   
  display: table-cell;
	padding-left:10px;
	padding-right:10px;
  min-width:150px;
   
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 600;
  color: #524f4e;
  background: white;
  box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
  transition: .3s;
	position:relative;
   
	border: solid;
	border-style: inset;
   
	
}
.floating-button:hover {
  background: #e64a2e;
  box-shadow: 0 15px 20px rgba(230, 46, 46, 0.4);
  color: white;
  transform: translateY(-7px);
  cursor:pointer;
}

#buttonsin
{   
   display: table;
	width:96%;
	position:relative;
	margin: 1% auto;
	
	
}

#eeb, #feb, #ps, #up, #blank {
	border:solid;
	width:96%;
	margin:0 auto;
	min-height:150px;
	border-style: inset;
	margin-top:25px;
	margin-bottom:25px;
	border-radius: 0px 0px 25px 25px;
	
	
}

#blank { text-align: center;  padding-top:80px; }

.file-drop {
background:#fff;
margin:auto;
padding:200px 200px;
border:2px solid #333;
}
.file-drop_dragover {
border:2px dashed #333;
}
.file-drop__input {
border:0;
}
.message-div {
background:#fefefe;
border:2px solid #333;
color:#333;
width:350px;
height:150px;
position:fixed;
bottom:25px;
right:25px;
font-size:15px;
padding:5px;
z-index:99999;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.message-div_hidden {
right:-9999999999999999999px;
}