html { height: 100%; overflow-y: scroll; }

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #e6ebf1;
  color: #222;
  font: 13px "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

a { color: #1a5aa8; text-decoration: none; }
a:visited { color: #1a5aa8; }
a:hover { color: #0d3f78; text-decoration: underline; }

#wrapper {
  width: 980px;
  margin: 16px auto 0;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 16px);
  background: #fff;
  border: 1px solid #d5dce4;
  border-bottom: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  box-sizing: border-box;
}

#util {
  background: #163e6e;
  color: #d7e4f2;
  font: 11px "Segoe UI", Arial, sans-serif;
  padding: 6px 14px;
  overflow: hidden;
}
#util .util-right { float: right; }

#banner {
  background: #fff;
  border-bottom: 1px solid #d5dce4;
  padding: 14px 16px 12px;
  overflow: hidden;
  min-height: 72px;
}
.brand { float: left; margin-right: 16px; line-height: 0; text-decoration: none; }
.brand:hover { text-decoration: none; }
.logo {
  display: block;
  height: 84px;
  width: auto;
  background: #000;
}
#banner .bname {
  float: left;
  font: 600 26px/1 "Segoe UI", Arial, sans-serif;
  color: #163e6e;
  padding-top: 4px;
}
#banner .bname small {
  display: block;
  margin-top: 4px;
  font: 12px "Segoe UI", Arial, sans-serif;
  color: #5c6b7a;
  font-weight: normal;
}
#banner .phone {
  margin-top: 2px;
  font: 12px "Segoe UI", Arial, sans-serif;
  color: #333;
  font-weight: normal;
}
#banner .alerts {
  float: right;
  margin-top: 14px;
  background: #1a4f86;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font: 600 12px "Segoe UI", Arial, sans-serif;
  line-height: 1.25;
  padding: 8px 14px;
  border-radius: 3px;
}
#banner .alerts:visited { color: #fff; }
#banner .alerts:hover { background: #163e6e; color: #fff; text-decoration: none; }

#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #1a4f86;
  overflow: hidden;
}
#nav li { float: left; width: 14.28%; }
#nav a {
  display: block;
  padding: 10px 4px;
  text-align: center;
  text-decoration: none;
  background: transparent;
  color: #fff;
  font: 600 13px "Segoe UI", Arial, sans-serif;
  border: 0;
}
#nav a:visited { color: #fff; }
#nav a:hover { background: #2a6cb0; color: #fff; text-decoration: none; }
#nav a.active { background: #163e6e; color: #fff; }

.ticker {
  background: #f4f7fb;
  border-bottom: 1px solid #d5dce4;
  font: 12px "Segoe UI", Arial, sans-serif;
  color: #333;
  padding: 7px 14px;
  overflow: hidden;
  white-space: nowrap;
}
.ticker a { color: #1a4f86; }

#hero {
  background: #1a4f86;
  background: linear-gradient(#1a4f86, #2f6fad);
  padding: 18px 16px;
  overflow: hidden;
}
.hero-lead {
  float: left;
  margin: 6px 0 0;
  color: #fff;
  font: 16px "Segoe UI", Arial, sans-serif;
}
.hbtns { float: right; }
.hb {
  display: inline-block;
  margin-left: 8px;
  padding: 8px 14px;
  text-decoration: none;
  color: #1a4f86;
  background: #fff;
  font: 600 13px "Segoe UI", Arial, sans-serif;
  border-radius: 3px;
}
.hb:visited { color: #1a4f86; }
.hb:hover { background: #e7f0fa; color: #163e6e; text-decoration: none; }

#subnav {
  list-style: none;
  margin: 0;
  padding: 8px 10px;
  background: #f7f9fb;
  border-bottom: 1px solid #d5dce4;
  text-align: center;
  font: 12px "Segoe UI", Arial, sans-serif;
}
#subnav li { display: inline; }
#subnav a {
  color: #334;
  background: none;
  text-decoration: none;
  padding: 0 8px;
  font-weight: normal;
}
#subnav a:visited { color: #334; }
#subnav a.active, #subnav a:hover { color: #1a4f86; text-decoration: none; }
#subnav li.hot a { color: #1a4f86; font-weight: 600; background: none; }

#card {
  flex: 1 0 auto;
  padding: 12px 14px 8px;
  overflow: hidden;
  background: #fff;
}
#content { float: left; width: 650px; }
#aside { float: right; width: 270px; }

.sidebox { margin: 0 0 12px; border: 1px solid #d5dce4; background: #fff; border-radius: 3px; overflow: hidden; }
.sidebox h3.bb, #aside h3.bb {
  margin: 0;
  padding: 6px 8px;
  background: #1a4f86;
  color: #fff;
  font: 600 12px "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}
.side-copy, .side-field { margin: 6px 8px; }
.side-field input[type=text], .side-field input[type=password] { width: 96%; box-sizing: border-box; }
.bb, h3.bb { font-weight: bold; }

.mini {
  margin: 8px;
  min-height: 42px;
  padding-left: 52px;
  position: relative;
  font-size: 11px;
}
.mini .ph {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 36px;
  background: #ddd;
  border: 1px solid #888;
  color: #666;
  font: bold 8px Tahoma, sans-serif;
  text-align: center;
  line-height: 36px;
}
.mini .date { color: #555; }
.mini a { font-weight: bold; }
.hot-num {
  margin: 6px 0 0;
  text-align: center;
  font: 600 20px "Segoe UI", Arial, sans-serif;
  color: #1a4f86;
}
.small { font-size: 12px; text-align: center; margin: 2px 8px 8px; color: #555; }
.counter-wrap { text-align: center; margin: 8px; }
.counter {
  font: 600 16px "Segoe UI", Arial, sans-serif;
  background: #f4f7fb;
  color: #1a4f86;
  border: 1px solid #d5dce4;
  border-radius: 3px;
  padding: 2px 8px;
}

h2 {
  margin: 0 0 10px;
  padding: 0 0 6px;
  background: transparent;
  color: #163e6e;
  font: 600 22px "Segoe UI", Arial, sans-serif;
  border-bottom: 1px solid #d5dce4;
  letter-spacing: 0;
}
h4 {
  margin: 14px 0 4px;
  color: #163e6e;
  font: 600 14px "Segoe UI", Arial, sans-serif;
}
.motto {
  margin: 0 0 12px;
  padding: 10px 14px;
  background: #f4f7fb;
  border: 0;
  border-left: 4px solid #1a4f86;
  color: #163e6e;
  font: 16px "Segoe UI", Arial, sans-serif;
}
.post { border-bottom: 1px solid #ccc; margin-bottom: 12px; padding-bottom: 8px; }
.post .date { font-size: 11px; color: #555; margin-bottom: 2px; }
.post h4 { margin: 2px 0 4px; }

table.data { width: 100%; border-collapse: collapse; margin: 8px 0; font-size: 12px; background: #fff; }
table.data th { background: #1a4f86; color: #fff; padding: 6px 8px; text-align: left; font: 600 12px "Segoe UI", Arial, sans-serif; }
table.data td { border: 1px solid #ccc; padding: 4px 6px; }
table.data tr:nth-child(even) td { background: #f4f4f4; }

input[type=text], input[type=password], input[type=email], input[type=number], textarea, select {
  border: 1px solid #7f9db9;
  padding: 2px 4px;
  font: 12px Verdana, Arial, sans-serif;
  background: #fff;
}
input[type=submit], button, .btn {
  background: #1a4f86;
  color: #fff;
  border: 0;
  border-radius: 3px;
  padding: 6px 12px;
  font: 600 12px "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  display: inline-block;
}
input[type=submit]:hover, button:hover, .btn:hover { background: #163e6e; color: #fff; }
a.btn:visited { color: #fff; }

.notice { border: 1px solid #c5d4e8; background: #f3f7fb; padding: 8px 10px; margin: 8px 0; font-size: 13px; border-radius: 3px; }
.error { border: 1px solid #8b1e1e; background: #fbe4e1; padding: 8px 10px; margin: 8px 0; color: #6b140e; font-size: 12px; }
.blink { text-decoration: blink; }

.tips {
  margin: 0 14px 10px;
  padding: 8px 10px;
  background: #f4f7fb;
  border: 1px solid #d5dce4;
  border-radius: 3px;
  text-align: center;
  font: 12px "Segoe UI", Arial, sans-serif;
  color: #222;
  clear: both;
}
.tips .bb, .tips b.bb { font: 600 13px "Segoe UI", Arial, sans-serif; color: #1a4f86; letter-spacing: 0; }
.tips a { font-size: 11px; font-weight: bold; }

#foot1 {
  clear: both;
  flex-shrink: 0;
  background: #1a4f86;
  color: #fff;
  padding: 14px 16px;
  overflow: hidden;
  font: 12px "Segoe UI", Arial, sans-serif;
}
#foot1 .l { float: left; width: 240px; }
#foot1 .em { color: #fff; font: 600 13px "Segoe UI", Arial, sans-serif; }
#foot1 .r { margin-left: 250px; }
#foot1 a { color: #fff; margin-right: 12px; }

#foot2 {
  flex-shrink: 0;
  margin-top: auto;
  background: #163e6e;
  padding: 12px 16px 16px;
  color: #d7e4f2;
  font-size: 12px;
  text-align: center;
}
#foot2 .links { margin-bottom: 8px; line-height: 1.8; }
#foot2 .links a { color: #fff; margin: 0 8px; }
.legal-note {
  margin: 10px -16px -16px;
  padding: 10px 16px 12px;
  background: #0c2340;
  border-top: 1px solid rgba(255,255,255,.12);
  text-align: left;
  font-size: 12px;
  color: #9aabbf;
}
.legal-note p { margin: 0; }
.legal-note .disclaimer { margin-top: 4px; color: #7d8ea3; font-size: 11px; }
.lang-switch { display: inline-flex; gap: 4px; align-items: center; margin-right: 8px; }
.lang-switch a { color: inherit; text-decoration: none; opacity: .7; padding: 0 3px; }
.lang-switch a.is-on { opacity: 1; font-weight: 700; text-decoration: underline; }

#load-curtain {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  z-index: 999999;
  border-top: 2px solid #1a4f86;
}
#load-curtain .dialup {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
  text-align: center;
  font: 12px Tahoma, Verdana, sans-serif;
  color: #1a4f86;
}
#overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999999;
}
#overlay:after {
  content: "Sayfa yükleniyor... lütfen bekleyin.";
  position: absolute;
  left: 0;
  right: 0;
  top: 46%;
  text-align: center;
  font: 12px Tahoma, Verdana, sans-serif;
  color: #1a4f86;
}

table.form td { vertical-align: middle; font-size: 12px; }
table.form td:first-child { color: #1a4f86; font-weight: bold; padding-right: 10px; }
textarea { max-width: 100%; box-sizing: border-box; }
.badge {
  display: inline-block;
  padding: 1px 6px;
  font: bold 10px Tahoma, Verdana, sans-serif;
  background: #666;
  color: #fff;
  text-transform: uppercase;
}
.badge.ok, .badge.active, .badge.closed { background: #2e7d4f; }
.badge.bad, .badge.suspended { background: #8b1e1e; }
.badge.pending, .badge.open { background: #a67c00; }
.badge.review { background: #1f4e89; }
table.stats { width: 100%; border-collapse: collapse; margin: 10px 0; }
table.stats td {
  border: 1px solid #1a4f86;
  background: #f7f3e8;
  text-align: center;
  padding: 6px;
  font-size: 11px;
  color: #1a4f86;
}
table.stats b {
  display: block;
  font: bold 22px "Segoe UI", Arial, sans-serif;
  color: #1a4f86;
}
ul.tabs { list-style: none; margin: 0 0 12px; padding: 0; border-bottom: 2px solid #1a4f86; overflow: hidden; }
ul.tabs li { float: left; }
ul.tabs a {
  display: block;
  padding: 4px 10px;
  margin-right: 3px;
  background: #d4d0c8;
  color: #000;
  text-decoration: none;
  font: bold 11px Tahoma, Verdana, sans-serif;
  border: 1px solid #808080;
  border-bottom: 0;
}
ul.tabs a.on, ul.tabs a:hover { background: #1a4f86; color: #fff; }
table.post-row { margin-bottom: 8px; }

.polfed-breadcrumb {
  background: #efefef;
  border: 1px solid #999;
  padding: 4px 8px;
  margin: 0 0 10px;
  font-size: 10px;
  color: #333;
  text-transform: uppercase;
}
.polfed-breadcrumb a { color: #0000cc; font-weight: bold; }
.polfed-breadcrumb span.sep { margin: 0 4px; color: #888; }

.work-grid { overflow: hidden; }
.work-nav {
  float: left;
  width: 200px;
  background: #fff;
  border: 1px solid #1a4f86;
}
.work-nav-title {
  background: #1a4f86;
  color: #fff;
  padding: 4px 8px;
  font: bold 11px Tahoma, Verdana, sans-serif;
}
.work-nav-title a { color: #fff; text-decoration: none; }
.work-nav ul { list-style: none; margin: 0; padding: 0; }
.work-nav li { border-bottom: 1px solid #ddd; }
.work-nav li a {
  display: block;
  padding: 4px 8px;
  color: #0000cc;
  text-decoration: underline;
  font-size: 11px;
  font-weight: normal;
}
.work-nav li a:hover { background: #ffffcc; color: #8b1e1e; }
.work-nav li.active > a { background: #1a4f86; color: #fff; font-weight: bold; text-decoration: none; }
.work-nav ul.sub-items { background: #f7f7f7; }
.work-nav ul.sub-items li { border-bottom: 1px dotted #ccc; }
.work-nav ul.sub-items li a { padding: 3px 8px 3px 16px; font-size: 11px; color: #0000cc; }
.work-nav ul.sub-items li.active a { background: #1f4e89; color: #fff; text-decoration: none; }
.work-main { margin-left: 214px; }

.polfed-banner {
  background: #1a4f86;
  border-top: 3px solid #d5dce4;
  border-bottom: 3px solid #d5dce4;
  color: #fff;
  padding: 8px 10px;
  margin-bottom: 10px;
}
.polfed-banner.target-fatigue {
  background: #8b1e1e;
  border-color: #1a4f86;
}
.polfed-banner h1 {
  margin: 0 0 3px;
  padding: 0;
  background: transparent;
  color: #fff;
  font: bold 18px "Segoe UI", Arial, sans-serif;
  border: 0;
}
.polfed-banner p { margin: 0; font-size: 11px; color: #f7f3e8; }

.polfed-quote-box {
  background: #f7f3e8;
  border: 1px solid #d5dce4;
  border-left: 5px solid #1a4f86;
  padding: 8px 10px;
  margin: 10px 0;
  font: italic 12px "Segoe UI", Arial, sans-serif;
  color: #111;
}

.polfed-grid-cards { overflow: hidden; margin: 10px 0; }
.polfed-card {
  float: left;
  width: 47%;
  margin: 0 2% 8px 0;
  background: #fff;
  border: 1px solid #999;
  padding: 6px 8px;
  box-sizing: border-box;
}
.polfed-card h4 {
  margin: 0 0 4px;
  color: #1a4f86;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 2px;
}
.polfed-card p { margin: 0; font-size: 11px; color: #222; }

.case-card {
  background: #fff;
  border: 1px solid #999;
  border-left: 4px solid #1a4f86;
  padding: 8px 10px;
  margin: 8px 0;
}
.case-card .case-tag {
  display: inline-block;
  font: bold 10px Tahoma, Verdana, sans-serif;
  background: #1a4f86;
  color: #fff;
  padding: 1px 5px;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.case-card h4 { margin: 0 0 3px; color: #1a4f86; font-size: 12px; }
.case-card p { margin: 0; font-size: 11px; color: #222; }

.download-list { margin: 10px 0; }
.download-item {
  display: block;
  margin: 0 0 4px;
  padding: 5px 8px 5px 46px;
  position: relative;
  background: #f7f7f7;
  border: 1px solid #999;
  text-decoration: none;
  color: #0000cc;
  min-height: 22px;
}
.download-item:hover { background: #ffffcc; }
.download-item .icon {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 32px;
  height: 18px;
  background: #8b1e1e;
  color: #fff;
  text-align: center;
  font: bold 10px Tahoma, sans-serif;
  line-height: 18px;
}
.download-item .info b { display: block; font-size: 12px; color: #0000cc; text-decoration: underline; }
.download-item:hover .info b { color: #8b1e1e; }
.download-item .info span { font-size: 10px; color: #555; }

.pager { margin: 14px 0; }
.pager a, .pager b { display: inline-block; margin-right: 6px; padding: 3px 8px; border: 1px solid #d5dce4; }
.pager b { background: #1a4f86; color: #fff; }
.crumb { font-size: 12px; color: #555; margin: 0 0 8px; }

@media (max-width: 800px) {
  #wrapper {
    width: auto;
    margin: 0;
    min-height: 100vh;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
  }
  #util { font-size: 11px; }
  #banner { padding: 12px; text-align: center; }
  .brand { float: none; display: inline-block; margin: 0 0 10px; }
  .logo { height: 72px; max-width: 100%; }
  #banner .bname { float: none; font-size: 22px; }
  #banner .alerts { float: none; display: inline-block; margin: 12px 0 0; }
  #nav li { float: none; width: auto; border-top: 1px solid rgba(255,255,255,.18); }
  #nav a { text-align: left; padding: 12px 14px; }
  .ticker { white-space: normal; }
  #hero { padding: 14px; }
  .hero-lead, .hbtns { float: none; width: auto; margin: 0; }
  .hero-lead { display: block; margin-bottom: 8px; }
  .hb { display: block; margin: 8px 0 0; text-align: center; }
  #subnav { text-align: left; padding: 4px 0; }
  #subnav li { display: block; border-top: 1px solid #e4e9ef; }
  #subnav a { display: block; padding: 10px 14px; }
  #card { padding: 12px; }
  #content, #aside, .work-nav, .work-main, #foot1 .l, #foot1 .r {
    float: none;
    width: auto;
    margin-left: 0;
  }
  #aside { margin-top: 16px; }
  .polfed-card { float: none; width: auto; margin-right: 0; }
  #foot1 { padding: 12px; }
  #foot2 { padding: 12px; text-align: left; }
  .legal-note { margin: 10px -12px -12px; }
  #foot2 .links a { display: inline-block; margin: 4px 10px 4px 0; }
  table.stats, table.data, table.form { width: 100%; }
  table.stats td { display: block; width: auto; }
  table.form td, table.form td:first-child { display: block; width: auto; padding: 4px 0; }
  input[type=text], input[type=password], input[type=email], input[type=number], textarea, select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}