A {COLOR: #060a79; FONT-FAMILY: Verdana; FONT-STYLE: normal; TEXT-DECORATION: underline}
A:hover {TEXT-DECORATION: none;}
.duyuru {COLOR: #800000; FONT-FAMILY: comic sans ms; FONT-SIZE: 18; FONT-WEIGHT: bold}
.metinbaslik {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 14; FONT-WEIGHT: bold}
.metinbaslikkucuk {COLOR: #000000; FONT-FAMILY: tahoma; FONT-SIZE: 11; FONT-WEIGHT: bold}
.input { Background-Color: #EFEFEF; Color: #512828; Border: 2; Border-Style: Groove; Border-Color: Dashed Silver; Font-Size: 10PX; Font-Weight: normal; Font-Family: verdana,tahoma,arial;}
.buton {Background-Color: #f3f3f3; Color: #512828; Border: 2; Border-Style: Groove; Border-Color: #FFFFFF; Font-Size: 9PX; Font-Weight: None;}
.metin {COLOR: #000000; FONT-FAMILY: verdana; FONT-SIZE: 13; FONT-WEIGHT: normal}
.metin1 {COLOR: #000000; FONT-FAMILY: verdana; FONT-SIZE: 13; FONT-WEIGHT: bold}
.metinbeyaz {COLOR: #ffffff; FONT-FAMILY: verdana; FONT-SIZE: 13; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.metinbeyazbaslik {COLOR: #ffffff; FONT-FAMILY: verdana; FONT-SIZE: 19; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.meting {line-height:14px;font-size:11; FONT-FAMILY:arial;color:#512828}
.link {COLOR: #000000; FONT-FAMILY: verdana; FONT-SIZE: 15; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
.link1 {COLOR:#000000; FONT-FAMILY: verdana; FONT-SIZE: 15; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.link2 {COLOR: #000000; FONT-FAMILY: verdana; FONT-SIZE: 15; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.fbuton  {font-size:10;font-family : Verdana;background-color:#eeeeee; color:black;font-weight : bold;border-width : thin;}
.shadow1 {COLOR: #800000; FONT-FAMILY: comic sans ms; FONT-SIZE: 24; FONT-WEIGHT: bold; text-shadow: 2px 2px 5px gray;}
.shadow2 {COLOR: #000000; FONT-FAMILY: verdana; FONT-SIZE: 16; FONT-WEIGHT: bold; text-shadow: 2px 2px 5px gray;}
span.sakli {
	visibility: hidden;
}
span.gorunur {
  visibility: visible;
}
span.kapat {
	cursor:pointer;
}

span.kapat:hover {
	color: black;
	transition: 0.3s;
}

h4.bilgi{
	color: #000;
	FONT-FAMILY: verdana;
	background-color: #b0e0e6;
	text-align: center;
}
h4.uyari{
	color: #fff;
	FONT-FAMILY: verdana;
	background-color: tomato;
	text-align: center;
}
h4.uyari:hover{
	color: red;
	FONT-FAMILY: verdana;
	background-color: yellow;
	text-align: center;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

img {
  border-radius: 5px 5px 0 0;
}

.container {
  padding: 2px 16px;
}

#myInput {
  background-image: url('/img/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 500px;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myInput1 {
  background-image: url('/img/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 500px;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myTable {
  border-collapse: collapse;
  width: 1330px;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable th{
  text-align: center;
  padding: 12px;
}

#myTable td {
  padding: 12px;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #f1f1f1;
}


#myTable1 {
  border-collapse: collapse;
  width: 1330;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable1 th{
  text-align: center;
  padding: 12px;
}

#myTable1 td {
  padding: 12px;
}

#myTable1 tr {
  border-bottom: 1px solid #ddd;
}

#myTable1 tr.header, #myTable1 tr:hover {
  background-color: #f1f1f1;
}

.collapsible {
  background-color: #fef0c0;
  color: black;
  cursor: pointer;
  padding: 0px;
  width: 1330px;
  border: none;
  text-align: center;
  outline: none;
  font-size: 10px;
}

.collapsible1 {
  display: block;
  background-color: #555;
  border:solid;
  color: white;
  cursor: pointer;
  padding: 5px;
  width: 600px;
  border: none;
  text-align: center;
  outline: none;
  font-size: 16px;
}

  .collapsible1:hover {
  background-color: #696969;
  color: #ffffff;
}

.active1 {
  background-color: #555;
  color: #ffffff;
}

.content1 {
  padding: 0 0px;
  width: 600px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #ffffff;
}


.active, .collapsible:hover {
  background-color: #555;
  color: white;
}

.content {
  padding: 0 0px;
  width: 1330px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #c0c0c0;
}

#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	position: fixed;
	background: #000;
	border-radius:5px; 
	width:400px;
	z-index: 10;
}
#dialogbox > div{ background:#FFF; margin:8px; }
#dialogbox > div > #dialogboxhead{ background: #666; font-size:19px; padding:10px; color:#CCC; }
#dialogbox > div > #dialogboxbody{ background: #99cc00; padding:20px; color:#FFF; }
#dialogbox > div > #dialogboxfoot{ background: #666; padding:10px; text-align:right; }

.block {
  display: block;
  width: 70%;
  border: solid;
  background-color: #4CAF50;
  color: white;
  padding: 4px 4px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}

.block:hover {
  background-color: #ddd;
  color: black;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;
}