@media (prefers-reduced-motion: no-preference) {
  * {
    scroll-behavior: smooth;
  }
}

body
   {
   color:#000000;
   font-family:arial,georgia,sans-serif;
   background-color:#C0C0C0;
   background-image: url("/images/background-web.png");
   margin-top:10px;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:10px;
   font-size:90%;
   }

.custom-border {
    border-left: 2px solid blue;
    border-top: 2px solid blue;
    border-right: 2px solid orange;
    border-bottom: 2px solid orange;
    padding: 5px;
    border-radius: 4px; /* Optional: Add some border radius for a smoother look */
    background-color: #f0f0f0; /* Set the background color */
}

p
   {
   font-family:arial,georgia,sans-serif;
   color:#000000;
   margin-left:25px;
   margin-right:25px;
   }

.centre
   {
   text-align:center;
   }

p.footer
   {
   text-align:right;
   font-size:70%;
   }




span.aqa
   {
   font-family:batang,georgia,serif;   
   font-size:70%;
   font-weight:bold;
   color:#0000FF;
   }

span.qba
   {
   font-family:batang,georgia,serif;   
   font-size:70%;
   font-weight:bold;
   color:#ccac00;
   }

p.ital, p.sig
   {
   color:#000000;
   text-align:center;
   font-style:italic;
   }

p.caption
   {
   color:#000000;
   text-align:center;
   font-style:italic;
   font-size:smaller;
   }

.side
   {
   margin-left:10px;
   font-size:smaller;
   }

table
   {
   font-family:arial,georgia,sans-serif;
   margin-left:0px;
   margin-right:0px;
   }
   
   
table.page
   {
   font-family:arial,georgia,sans-serif;
   margin-left:10px;
   margin-right:10px;
   background:#FFFFFF;
   background-repeat: no-repeat; 
   background-position: center top;
   border-left: 3.0pt groove #000099; 
   border-right: 3.0pt groove #000099; 
   border-top: 3.0pt groove #000099; 
   border-bottom: 3.0pt groove #000099;
   }
   
.login-button {
    background: linear-gradient(to right, blue, orange);
    border: 2px solid #000; /* Add a border with 2px width and black color */
    color: white;
    padding: 6px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); /* Add a shadow for 3D effect */
    transition: transform 0.1s; /* Smooth transition for the pressed effect */
}

.login-button:active {
    transform: translateY(2px); /* Move the button down when pressed */
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); /* Reduce the shadow when pressed */
}

.file-input {
    display: none; /* Hide the default file input */
}

.file-label {
    background: linear-gradient(to right, blue, orange);
    border: 2px solid #000;
    color: white;
    padding: 6px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
    transition: transform 0.1s;
}

.file-label:active {
    transform: translateY(2px);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

table tr td,table tr th
   {
   vertical-align:top;
   text-align:left;
   }

table.grid
   {
   border: 2.0pt solid #808080;
   border-collapse:collapse;
   }

table tr th.grid
   {
   border-left: 1.0pt solid #808080; 
   border-right: 1.0pt solid #808080; 
   border-top: 1.0pt solid #808080; 
   border-bottom: 1.0pt solid #808080; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   background: #EEEEEE;
   text-align:center;
   }

table tr td.grid
   {
   border-left: 1.0pt solid #999999; 
   border-right: 1.0pt solid #999999; 
   border-top: 1.0pt solid #999999; 
   border-bottom: 1.0pt solid #999999; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   background: #EEEEEE;
   }

table tr td.blue
   {
   border-left: 1.0pt solid #999999; 
   border-right: 1.0pt solid #999999; 
   border-top: 1.0pt solid #999999; 
   border-bottom: 1.0pt solid #999999; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   text-align:center;
   background: #EEEEF0;
   }

table.showgrid
   {
   border: 2.0pt solid #000000;
   border-collapse:collapse;
   }

table tr th.showgrid
   {
   border-left: 2.0pt solid #000000; 
   border-right: 2.0pt solid #000000; 
   border-top: 2.0pt solid #000000; 
   border-bottom: 2.0pt solid #000000; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   background: #EEEEEE;
   text-align:center;
   }

table tr td.showgrid
   {
   border-left: 1.0pt solid #000000; 
   border-right: 1.0pt solid #000000; 
   border-top: 1.0pt solid #000000; 
   border-bottom: 1.0pt solid #000000; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   text-align:left;
   }

table tr td.cutright
   {
   border-left: 1.0pt solid #000000; 
   border-right: 1.0pt dashed #000000; 
   border-top: 1.0pt solid #000000; 
   border-bottom: 1.0pt solid #000000; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   text-align:left;
   }
   
   
table tr td.cutleft
   {
   border-left: 1.0pt dashed #000000; 
   border-right: 1.0pt solid #000000; 
   border-top: 1.0pt solid #000000; 
   border-bottom: 1.0pt solid #000000; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   text-align:left;
   }
table tr th.cutright
   {
   border-left: 2.0pt solid #000000; 
   border-right: 2.0pt dashed #000000; 
   border-top: 2.0pt solid #000000; 
   border-bottom: 2.0pt solid #000000; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   background: #EEEEEE;
   text-align:center;
   }
   
   table tr th.cutleft
   {
   border-left: 2.0pt dashed #000000; 
   border-right: 2.0pt solid #000000; 
   border-top: 2.0pt solid #000000; 
   border-bottom: 2.0pt solid #000000; 
   padding-left: 6px; 
   padding-right: 6px; 
   padding-top: 6px;
   padding-bottom: 6px;
   background: #EEEEEE;
   text-align:center;
   }

.cen
   {
   text-align:center;
   }
   
.watermark
 {
        background-attachment: fixed;
        background-image: url(/images/logowatermark600x718.gif);
        background-repeat: no-repeat;
        background-position:top;
        width:100%;
        position:relative;
        background-position:center top;
        top:0px;
        visibility: visible;
        left: 0px;
}
h3
   {
   color:#000099;
   font-family:arial,helvetica,tahoma,verdana,sans-serif;
   margin-left:25px;
   margin-right:25px;
   }

h4,h5,h6,dt
   {
   color:#000099;
   font-family:arial,helvetica,tahoma,verdana,sans-serif;
   margin-left:25px;
   margin-right:25px;
   }
   
h1
   {
   font-style:italic;
   color:#0000CC;
   font-family:arial,helvetica,tahoma,verdana,sans-serif;
   text-align:center;
   }

h2 
   {
   
   color:#000099;
   font-family:arial,helvetica,tahoma,verdana,sans-serif;
   text-align:center;
   }
h2 em
{
    color:#ff0000;
    font-weight:bold;
}   


a:link
   {
   font-family:arial,georgia,sans-serif;
   color:#0000FF;
   font-weight:bold;
   }
   
a:visited
   {
   color:#000099;
   font-weight:bold;
   }
   
a:active,a:hover
   {
   color:#FF0000;
   font-weight:bold;
   }

dt 
   {
   font-weight:bold;
   }
   
input,textarea
   {
   font-family:arial,georgia,sans-serif;
   }
   
ul, td ul
   {
   font-family:arial,georgia,sans-serif;
   }

.code
  {
  font-family:fixedsys,monospace;
  font-weight:normal;
  }

hr
   {
   color:#000099;
   margin-left:25px;
   margin-right:25px;
   }

.revise
   {
   background:#00FF00;
   }

.query
   {
   background:#FFFF66;
   }

.label
   {
   font-size:80%;
   font-style:italic;
   }

alpha
   {
   list-style:lower-alpha;
   }
   

#nav {
	
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;  }
#nav ul {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0; }
#nav li {
	float: left; }
#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #069;
	border-right: 1px solid #ccc; }
#nav li:first-child a {
	border-left: 1px solid #ccc; }
#nav li a:hover {
	color: #c00;
	background-color: #fff; }