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%;
   }

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;
   }
   
  

   
           


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
   {
   font-style:italic;
   color:#000099;
   font-family:arial,helvetica,tahoma,verdana,sans-serif;
   text-align:center;
   }
   
.login-button {
            background: linear-gradient(to right, blue, orange);
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
           : inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border-radius: 12px;
        }

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; }