body
{
	     color:#000000;
	    margin:1px;
          font: .75em/160% arial,helvetica,sans-serif;
	background:#ffffff;
}

table { margin: auto; width:100% }

.tblhdr {background-color: #676767; color:#d3d800; text-align: left;}

.restbl {
	          border: none;
              border-collapse: collapse;
	         padding: 0px 0px 0px 0px;
             
}

.restbl tr:nth-child(even) { background-color: #e0e2e4; }
.restbl tr:nth-child(odd)  { background-color: #eaebed; }


.header
{
	background-color:white;
	    height:65px;
	     color:#53565a;
	 font-size:18pt;
}

.header .header-name{
	      float:left;
          width:70%;
	    padding:25px 0px 0px 10px;
	font-weight:bold;
    background-color:white;
}

.header .header-logo
{
          float:right;
          width: 150px;
        padding: 20px 10px 10px 0px;
        background-color:white;
}


.numeric { text-align: right; }
.center  { margin-left:  auto; margin-right: auto; text-align:"center";}

.btn1 { color: white; background: #840b55; border: 1px solid #840b55; border-radius: 28px; cursor: pointer;}
.btn2 { color: white; background: #53565a; border: 1px solid #53565a; border-radius: 28px; cursor: pointer;}


.menu ul
{
         margin: 0;
        padding: 0;
           font: bold 12px Verdana;
list-style-type: none;
  border-bottom: 1px solid white;
     background: #676767;
       overflow: hidden;
          width:100%;
}

.menu li{display: inline; margin: 0; }

.menu li a
{
          float: left;
        display: block;
text-decoration: none;
         margin: 0;
        padding: 6px 8px;
          color: white;
     background: #676767;
}

.menu li a:visited { color:white;}
.menu li a:hover   { color:#8a0050; background:white; }
.menu li a:active  { color:#8a0050; background:white; }

.links a:link    { color:#840b55; }
.links a:visited { color:#840b55; }
.links a:hover   { color:#840b55; }

ul
{
         margin: 0;
        padding: 0;
           font: bold 12px Verdana;
list-style-type: none;
  border-bottom: 1px solid white;
     background: #676767;
       overflow: hidden;
          width: 100%;
}

li { display: inline; margin: 0; float: left; }

li a, .dropbtn
{
        display: block;
text-decoration: none;
         margin: 0;
        padding: 6px 8px;
          color: white;
     background: #676767;
}

li a:hover, .dropdown:hover .dropbtn { color: #8a0050; background: white; }


li.dropdown { display: inline-block; }

.dropdown-content {
           display: none;
          position: absolute;
  background-color: white;
             color: #8a0050;
         min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
           z-index: 1;
}

.dropdown-content a {
          padding: 6px 8px;
  text-decoration: none;
          display: block;
       text-align: left;
}

.dropdown-content a:hover { color: #8a0050; background-color: white;}

.dropdown:hover .dropdown-content { display: block; }

.modalDialog
{
              position: fixed;
           font-family: Arial, Helvetica, sans-serif;
                   top: 0;
                 right: 0;
                bottom: 0;
                  left: 0;
            background: rgba(0,0,0,0.8);
               z-index: 99999;
               opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
       -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
        pointer-events: none;
}

.modalDialog:target {
	       opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	        width: 1100px;
	     position: relative;
	       margin: 10% auto;
	      padding: 5px 20px 13px 20px;
	border-radius: 10px;
	   background: #fff;
	   background: -moz-linear-gradient(#fff, #999);
	   background: -webkit-linear-gradient(#fff, #999);
	   background: -o-linear-gradient(#fff, #999);
}

.close {
	           background: #606061;
	                color: #FFFFFF;
	          line-height: 25px;
	             position: absolute;
	                right: -12px;
	           text-align: center;
	                  top: -10px;
	                width: 24px;
	      text-decoration: none;
	          font-weight: bold;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	        border-radius: 12px;
	      -moz-box-shadow: 1px 1px 3px #000;
	   -webkit-box-shadow: 1px 1px 3px #000;
	           box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #840b55; }

.tab {
          overflow: hidden;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab span {
  background-color: inherit;
             float: left;
            border: none;
           outline: none;
            cursor: pointer;
           padding: 7px 8px;
        transition: 0.3s;
         font-size: 12px;
       font-weight: bold;
}

/* Change background color of buttons on hover */
.tab span:hover { background-color: #ddd; }

/* Create an active/current tablink class */
.tab span.active { background-color: #ccc; }

/* Style the tab content */
.tabcontent {
     display: none;
     padding: 0px 0px;
  border-top: none;
}

#docName {
    font-size: 15px;
  font-weight: bold;
        color: black;
}