body{
    font-family: sans-serif;
    font-size:14px;
    margin:0px;
    padding: 0px;
    background-color:#fcfcfc;
    letter-spacing:0px;
    overflow: hidden;
}
h3{
    border-bottom:1px solid #dddddd;
    margin:0px;
    padding-left:4px;
    background-color:#f5f5fa;
    color:#448;
    font-size: 14px;
    height:25px;
    line-height: 25px;
    text-shadow: 1px 1px 0 rgba(190,190,190,.8);
}

input{background-color: rgba(245, 245, 245, 0.5);
    font-family: sans-serif;
    font-size:12px;
    border-left:none;
    border-top:none;
    border-right:none;
    border-bottom:1px solid #aaaaaa;
    padding:1px;
    height:19px;
    outline: none;
}
input:focus{border-color: #4444aa;background-color: #ffffbb;}

.toolPanel{
    border-bottom:1px solid #dddddd;
    border-top:1px solid #dddddd;
    margin:0px;
    padding-left:4px;
    background-color:#f5f5fa;
    color:#448;
    font-size: 14px;
    height:28px;
    line-height: 25px;
}

a{color:#000;text-decoration:none;outline:none;}
p{margin:3px;padding:6px;}
img{display:inline;vertical-align:middle;border:0;}
.tablo{border-collapse:collapse;border:0;}
.tablo td{margin:0;font-family: sans-serif;border:0px solid #add;padding:3px;}
.tablo th{margin:0;font-family: sans-serif;border:0px solid #add;}

.formtablo{margin:0px;}
.formtablo td{margin:1px;font-size:11px;height:17px;}
.formtablo th{margin:1px;font-size:11px;background-color:#e7e7e7;padding-top:2px;text-align:left;border-bottom:1px solid #cccccc;height:16px;}

.tabloSuz {margin:0px;border:none;}
.tabloSuz tr{border:0px;}
.tabloSuz td{margin:0px;font-size:11px;height:17px;border:0px;}
.tabloSuz th{font-size:11px;border:0px;background-color:#eef;text-align:left;}
.tabloSuz input{border:1px solid #dddddd;width:100%;height:100%;}
.tabloSuz select{border:1px solid #dddddd;width:100%;height:100%;}

select{background-color: rgba(245, 245, 245, 0.5);
       font-family: sans-serif;
       font-size : 12px;
       border-left :none;
       border-top : none;
       border-right : none;
       border-bottom : 1px solid #aaaaaa;
       padding:1px;
       height:21px;
       outline:none;
}

select:focus{border-color:#4444aa;background-color: #ffffbb;}
textarea{background-color: rgba(245, 245, 245, 0.5);
        font-family: sans-serif;
        font-size:12px;
        border-left:none;
        border-top:none;
        border-right:none;
        border-bottom:1px solid #aaaaaa;
        padding:1px;
        outline: none;}

#gridbaslik {background-color:#8df;}
.gridbaslik {background-color:#8df;width:100%;}
.liste {border-collapse:collapse;}
.liste td{margin:0;font-size:11px;border:1px solid #aaa;padding:2px;height: 20px;}
.liste th{margin:0;border:1px solid #888;font-size:12px;background-color:#ddddff;padding:1px;}
.listeFis {border-collapse:collapse;}
.listeFis td{margin:0;font-size:11px;border:1px solid #000000;padding:3px;}
.listeFis th{margin:0;border:1px solid #888;font-size:12px;background-color:#88d;padding:3px;color:#ffffff;}
.secimliListe tr:hover{background-color:#aaaacc;}
.listeOto {border-collapse:collapse;}
.listeOto td{margin:0;font-size:11px;border:1px solid #aaa;padding:2px;}
.listeOto th{margin:0;border:1px solid #888;font-size:12px;background-color:#88d;padding:2px;color:#ffffff;}
ul a {text-decoration:none;color:#000;text-shadow: 1px 1px 0 rgba(190,190,190,.8);}

ul  {
    margin: 0;
    padding: 0;
    list-style: none;
    }
ul a li {
    padding-left:4px;
    padding-top:3px;
    padding-bottom:3px;
    width:144px;
    background-color: #eeeeee;
    border-top : 1px solid #fcfcfc;
    border-bottom: 1px solid #dddddd;
    }
ul a li:hover{
    padding-left:4px;
    padding-top:3px;
    padding-bottom:3px;
    background-color:#eaeaea;
    border-bottom : 1px solid #fafafa;
    border-top: 1px solid #dddddd;
}

#ust {
    padding:0px;
    background-color:#559;
    height:38px;
    color:#eef;
    font-size:.7em;
}
#logo{
    margin:4px;
    float:left;
    height:28px;
}
#logo img{
    padding-right:25px;
}

.ustsag{
    margin-top:14px;
    margin-right: 4px;
    float:right;
}
.altsag{
    margin-top:2px;
    margin-right: 4px;
    float:right;
}

.altsag a{
    padding-left:0px;
    padding-right:0px;
    color:#eef;
    text-decoration:none;
    border:1px solid #559;
}

.ustsag a{
    padding-left:0px;
    padding-right:0px;
    color:#eef;
    text-decoration:none;
    border:1px solid #559;
}
.ustsag a:hover{
    border:1px solid #66a;
    background-color:#77b;
}

#golge{
    border-top:1px solid #555;
    border-bottom:1px solid #bbd;
    height:0px;
}

#dolas{
    padding-top:5px;
    clear:left;
    margin-bottom:3px;
    font-size:0.8em;
    text-decoration:inherit;
}

#detay{
    float:left;
    padding:0px;
    margin: 0px;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

#solblok{
    width:148px;
    float:left;
    height:100%;
    background-color: #f3f3f3;
    text-shadow: 1px 1px 0 rgba(190,190,190,.8);
}

#baglanti{
    border:1px solid #ddd;
    background-color:#eee;
    width:auto;
}

.ortala{
    margin:auto;
    clear:left;
    clear:right;
}

.menudugme{
    padding:3px;
    margin:2px;
    border:1px solid #99b;
    background-color:#ddf;
    vertical-align: middle;
    float:left;
    width:113px;
}
.menudugme:hover{
    border:1px solid #77a;
    background-color:#ccd;
}

.secilen {
    padding-top:8px;
    margin-top:5px;
    border-top:1px solid #ddf;
    text-align:left;
}

.feed{
    border:1px solid #aaeeee;
    margin:2px;
    height:20px;
    overflow:hidden;
    clear:left;
    clear:right;
    vertical-align: middle;
}

.feedbaslik{
    border: 1px solid #d5d5df;
    background-color:#dfdfea;
    padding-left: 5px;
    height:18px;
    vertical-align: middle;
}

.feedbaslik:hover{
    background-color:#e5e5f5;
    border: 1px solid #e1e1f1;
}

.feeddetay{
    padding:3px;
    background-color:#fafafa;
}

.feed2{
    border:1px solid #ccd;
    margin:2px;
    padding:1px;
    height:20px;
    overflow:hidden;
    clear:left;
    clear:right;
}

.feedbaslik2{
    background-color:#5cd;
    padding-left:4px;
    height:18px;
    text-shadow: 1px 1px 0 rgba(180,180,180,.8);
}

.feedbaslik2:hover{
    background-color:#adf;
}

.feeddetay2{
    padding:3px;
    background-color:#f1f1ff;
}


#kaydir{
    overflow:auto;
    width:100%;
}

#formdiv{
    overflow:auto;
}

.kayarliste{
    overflow:auto;
    border:1px solid #cccccc;
}

#imza{
    font-size:12px;
    color:#fff;
    height:18px;
    margin:0px;
    clear:left;
    background-color:#559;
    border-top:1px solid #bbd;
    border-bottom:1px solid #559;
    border-left:1px solid #559;
    border-right:1px solid #559;
}

#dugmealti{
    font-size:12px;
    color:#fff;
    height:34px;
    margin:0px;
    clear:left;
    background-color:#559;
    border-top:1px solid #bbd;
    border-left:1px solid #559;
    border-right:1px solid #559;
}

.dugmealti{
    font-size:12px;
    color:#fff;
    height:30px;
    margin:0px;
    clear:left;
    background-color:#AAC;
    border:1px solid #bbd;
}

.temizle{
    clear:left;
    clear:right;
}

#araliste{
    padding:3px;
    color:#000;
    background-color:#eef;
    position:absolute;
    top:30px;
    left:221px;
    border:1px solid #008;
    overflow:auto;
}

.aradiv{
    padding:3px;
    color:#000;
    background-color:#eef;
    position:absolute;
    top:30px;
    left:221px;
    border:1px solid #008;
    overflow:auto;
}

.dugme{
    padding:4px;
    margin:2px;
    border-top:1px solid #f8f8f8;
    border-left:1px solid #f5f5f5;
    border-right:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
    background-color:#f2f2f2;
    float:left;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    cursor:pointer;
}
.dugme:hover{
    border:1px solid #59a;
    background-color:#ccd;
}

.rdugme{
    padding:3px;
    margin:2px;
    border:1px solid #8df;
    background-color:#ddf;
    float:right;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
}
.rdugme:hover{
    border:1px solid #59a;
    background-color:#ccd;
}

.minidugme{
    padding:4px 2px 4px 2px;
    margin:1px;
    border-top:1px solid #f8f8f8;
    border-left:1px solid #f5f5f5;
    border-right:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
    background-color:#f2f2f2;
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    cursor:pointer;
}
.minidugme:hover{
    border:1px solid #59a;
    background-color:#ccd;
}

.sagayanas{
    float:right;
    padding:4px;
}

.solayanas{
    float:left;
    padding:2px;
}

.cerceve{
    padding:4px;
    border:1px solid #ccd;
}

#baslik{
    font-size:13px;
}

.styled-select {
   overflow: hidden;
   background: #f5f5ff;
   border: 1px solid #dde;
}
   
.tikla:hover{
    background-color:#ddf;
    border:0px solid #bbd;
    border-left:0px solid #bbd;
    padding-right:0px;
    padding-left:0px;
}

.rakam{
    text-align:right;
}

.rakamm{
    text-align:right;
}

.altcizgi{
    border-bottom:1px solid #dddddd;
    padding:5px;
    background-color: #ffffff;
    font-family: sans-serif;font-size:12px;
}

.altcizgi:hover{
  background: #eef;
}

.timeline {
  width: 100%;
  background: #fff;
  padding: 5px 5px;
  position: relative;
  box-sizing: border-box;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0px;
  left: calc(25%);
  bottom: 0px;
  width: 4px;
  background: #ddd;
  box-sizing: border-box;
}
.timeline:after {
  content: "";
  display: table;
  clear: both;
  box-sizing: border-box;
}

.entry {
  clear: both;
  text-align: left;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px dashed #dddddd;
}
.entry .title {
  margin-top: 0.15em; 
  margin-bottom: 0.15em;
  float: left;
  width: 25%;
  padding-right: 15px;
  text-align: right;
  position: relative;
  box-sizing: border-box;
}
.entry .title:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border: 4px solid salmon;
  background-color: #fff;
  border-radius: 100%;
  top: 0.2em;
  right: -0.5em;
  z-index: 99;
}
.entry .title h3 {
  margin-top: 0.35em;
  font-size: 100%;
}
.entry .title p {
  margin: 0;
  font-size: 100%;
}
.entry .nbody {
  margin: 0 0 0.35em;
  float: right;
  width: 75%;
  padding-left: 10px;
  box-sizing: border-box;
}

.entry .vbody {
  margin: 0 0 0.35em;
  float: right;
  width: 75%;
  padding-left: 10px;
  box-sizing: border-box;
}

.entry .vbody p {
  line-height: 1.4em;
  font-weight: 900;
  background-color: #ffffdd;
}

.entry .nbody p {
  line-height: 1.4em;
  font-weight: 900;
}
.entry .nbody p:first-child {
  margin-top: 0;
  font-weight: 400;
}
.entry .nbody ul {
  color: #aaa;
  padding-left: 0;
  list-style-type: none;
}
.entry .nbody ul li:before {
  content: "–";
  margin-right: .5em;
}