body {font-family: Arial;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 5px solid #ccc;
  background-color: #fec823;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: 1px solid #f5a703;
  outline: none;
  cursor: pointer;
  padding: 14px 9px;
  transition: 0.3s;
  font-size: 15px;
  font-weight
}

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

/* Create an active/current tablink class */
.tab button.active {
  background-color: #333333;
  color: white;
}

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

/* Style the close button */
.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}

.topright:hover {color: red;}



/*Content Table*/

table{border:1px solid #072c53; margin-bottom:70px;}
.tableContainer {
	margin:0px;padding:0px;
	box-shadow: 10px 10px 5px #072c53;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:12px;
	-webkit-border-bottom-left-radius:12px;
	border-bottom-left-radius:12px;
	
	-moz-border-radius-bottomright:12px;
	-webkit-border-bottom-right-radius:12px;
	border-bottom-right-radius:12px;
	
	-moz-border-radius-topright:12px;
	-webkit-border-top-right-radius:12px;
	border-top-right-radius:12px;
	
	-moz-border-radius-topleft:12px;
	-webkit-border-top-left-radius:12px;
	border-top-left-radius:12px;
}	

div.tableContainer {
	clear: both;
	height: 405px;
	overflow: hidden;
	width: 700px
}
div.tableContainer table {
    float: left;
	width: 700px
}

a{text-decoration:none;}

tbody.scrollContent {display: block;	height: 405px;	overflow: auto;	width: 100%}
tbody.scrollContent tr.normalRow th {background: #AEAEAE; }
tbody.scrollContent tr.alternateRow th {background: #fedd78;}
tbody.scrollContent tr.normalRow td {background: #AEAEAE; color: black;  font-weight:bold; padding: 10px 30px; text-align: left;}
tbody.scrollContent tr.alternateRow td {background: #fedd78; color: black; font-weight:bold; padding: 10px 30px; text-align: left;  }


tbody.scrollContent img{width: 120px; height:130px; border-radius: 25px; border:3px solid #072c53;}
tbody.scrollContent th{width: 200px; border:1px solid #072c53;}
tbody.scrollContent td{width: 500px; border:1px solid #072c53;}



#table2{margin-top:50px; border:3px solid #072c53;}
#table2 th{border:3px solid #072c53; padding:10px; text-align:center; background: #fedd78; font-weight:bold;}
#table2 td{border:3px solid #072c53; padding:10px; text-align:left; background: #AEAEAE; font-weight:bold; border-radius:15px;}