body
        {
        background-image:url('/img/GBC_Logo_RGB_69x45.jpg'); /*modified by Sankor on May 25,2021 Ban-444*/
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-position:center;
        font-family:Arial,Verdana,sans-serif;
        font-size: 14px;
        }
        ul {  margin-left:0; padding-left:0; margin-top:0; font-family:Arial; font-size:small }
        ul li { margin-bottom:1px; margin-left:0; padding-left:0; line-height:26px;}
       .notchedListItems a { display:block; border: solid #E1E1E1; border-width: 0 1px; text-decoration: none; outline:none; color: #000; background: #e4e4e4; }
       .notchedListItems a b { display: block; position:relative; top: 0px; left: 0; border:solid #E1E1E1; border-width:1px 0 0; font-weight:normal; }
       .notchedListItems a b b { border-width:0 0 1px; top: 2px; padding:1px 4px; }
       .notchedListItems a:hover,
       .notchedListItems a:hover b { background:#666; color:white; }
        .style1
        {
            height: 100%;
        }


        #TopTable
        {
          border-collapse:collapse;
          border:0px;
          border-width: 1px;
          padding:3px 7px 2px 7px;
        }
      
      #MiddleTable
        {
          border-collapse:collapse;
          border:0px;
          border-width: 1px;
          padding:3px 7px 2px 7px;
        }

        #SelectArea
        {
          border-collapse:collapse;
          border:0px;
          border-width: 1px;
          padding:3px 7px 2px 7px;
        }

        #SelectArea td, #SelectArea th
        {
          font-size:1em;
          padding:3px 7px 2px 7px;
          height:24px;
          vertical-align:bottom;
        }



        .deseparator
        {
          font:12px Arial ;
        }

        .deheader
        {
          background-color:#E5E4E2;
          color:black;
        }

        #TableEquivalency
        {
             font-family:Arial,Verdana,sans-serif;
             border-collapse:collapse;
             border:1px solid black;
            /*table-layout:fixed;*/
        }

        #TableEquivalency td, #TableEquivalency th
        {
          font-size:1em;
          border:1px solid black;
          padding:3px 7px 2px 7px;
        }

        #TableEquivalency th
       {
         font-size:1.1em;
         text-align:left;
         padding-top:5px;
         padding-bottom:4px;
         background-color:#ffffff;
         color:#000000;
         border:1px solid black;
        }

        #TableEquivalency tr.alt td
        {
           color:#000000;
           background-color:#EAF2D3;
           border:1px solid black;
       }
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left:0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  width: 80%;
  border: 4px #fefefe;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 10px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  height: 40px;
  font-size:20px;
  background-color: #005AA5;
  color: white;
}

/* Modal Body */
.modal-body {
padding: 2px 16px;
 height:100%;
 }


/* Modal Footer */
.modal-footer {
  padding: 2px 12px;
  background-color: #005AA5;
  color: black;
  height: 32px;
  font-size:14px;
}