/* RESET */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
html, body{
    margin: 0;
    padding: 0; 
    border: 0;
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    */
    scroll-behavior: smooth;
}

a{
    color:inherit;
    text-decoration: none;
}

body {
    font-family: Verdana, Helvetica, Arial,  sans-serif;
    line-height:1.5;
    font-size:16px;
    background: #fff;
    color: #000;
    word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6{  margin: 0; } 
img { border: 0; max-width: 100%; }
ul{ list-style: none; padding: 0; margin: 0;}
p{margin: 0;padding: 0;}
select{ word-wrap: normal; font-size:1em; padding: 3px 5px; margin:5px;border: solid 0px #c9c9c9;box-shadow: inset 0 0 0 1px #707070;transition: box-shadow 0.3s, border 0.3s;border-radius:4px;background: #ffaf4b;cursor:pointer;}
select:focus, select:active{outline: none;}
[runjs]{cursor: pointer;}


/* UNSEMANTIC */
/* ============================================ */
/* This file has a mobile-to-desktop breakpoint */
/* ============================================ */
@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px;
    }
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.grid-container:before, .grid-5:before, .mobile-grid-5:before, .grid-10:before, .mobile-grid-10:before, .grid-12:before, .mobile-grid-12:before, .grid-15:before, .mobile-grid-15:before, .grid-20:before, .mobile-grid-20:before, .grid-25:before, .mobile-grid-25:before, .grid-30:before, .mobile-grid-30:before, .grid-35:before, .mobile-grid-35:before, .grid-40:before, .mobile-grid-40:before, .grid-45:before, .mobile-grid-45:before, .grid-50:before, .mobile-grid-50:before, .grid-55:before, .mobile-grid-55:before, .grid-60:before, .mobile-grid-60:before, .grid-65:before, .mobile-grid-65:before, .grid-70:before, .mobile-grid-70:before, .grid-75:before, .mobile-grid-75:before, .grid-80:before, .mobile-grid-80:before, .grid-85:before, .mobile-grid-85:before, .grid-90:before, .mobile-grid-90:before, .grid-95:before, .mobile-grid-95:before, .grid-100:before, .mobile-grid-100:before, .grid-33:before, .mobile-grid-33:before, .grid-66:before, .mobile-grid-66:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.grid-12:after,
.mobile-grid-12:after,
.grid-15:after,
.mobile-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.grid-container:after, .grid-5:after, .mobile-grid-5:after, .grid-10:after, .mobile-grid-10:after,.grid-12:after, .mobile-grid-12:after, .grid-15:after, .mobile-grid-15:after, .grid-20:after, .mobile-grid-20:after, .grid-25:after, .mobile-grid-25:after, .grid-30:after, .mobile-grid-30:after, .grid-35:after, .mobile-grid-35:after, .grid-40:after, .mobile-grid-40:after, .grid-45:after, .mobile-grid-45:after, .grid-50:after, .mobile-grid-50:after, .grid-55:after, .mobile-grid-55:after, .grid-60:after, .mobile-grid-60:after, .grid-65:after, .mobile-grid-65:after, .grid-70:after, .mobile-grid-70:after, .grid-75:after, .mobile-grid-75:after, .grid-80:after, .mobile-grid-80:after, .grid-85:after, .mobile-grid-85:after, .grid-90:after, .mobile-grid-90:after, .grid-95:after, .mobile-grid-95:after, .grid-100:after, .mobile-grid-100:after, .grid-33:after, .mobile-grid-33:after, .grid-66:after, .mobile-grid-66:after, .clearfix:after {
    clear: both;
}

.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding-left: 10px;
    padding-right: 10px;
}

.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10,.grid-12, .mobile-grid-12, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.grid-parent {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
        position: relative;
    }

    .hide-on-mobile {
        display: none !important;
    }
    .small-on-mobile {
        font-size:0.8em;
    }

    .vsmall-on-mobile {
        font-size:0.65em;
    }

    .mobile-grid-5 {
        float: left;
        width: 5%;
    }

    .mobile-prefix-5 {
        margin-left: 5%;
    }

    .mobile-suffix-5 {
        margin-right: 5%;
    }

    .mobile-push-5 {
        left: 5%;
    }

    .mobile-pull-5 {
        left: -5%;
    }

    .mobile-grid-10 {
        float: left;
        width: 10%;
    }

    .mobile-prefix-10 {
        margin-left: 10%;
    }

    .mobile-suffix-10 {
        margin-right: 10%;
    }

    .mobile-push-10 {
        left: 10%;
    }

    .mobile-pull-10 {
        left: -10%;
    }
    .mobile-grid-12 {
        float: left;
        width: 12.5%;
    }
    .mobile-prefix-12 {
        margin-left: 12.5%;
    }

    .mobile-suffix-12 {
        margin-right: 12.5%;
    }

    .mobile-push-12 {
        left: 12.5%;
    }

    .mobile-pull-12 {
        left: -12.5%;
    }

    .mobile-grid-15 {
        float: left;
        width: 15%;
    }

    .mobile-prefix-15 {
        margin-left: 15%;
    }

    .mobile-suffix-15 {
        margin-right: 15%;
    }

    .mobile-push-15 {
        left: 15%;
    }

    .mobile-pull-15 {
        left: -15%;
    }

    .mobile-grid-20 {
        float: left;
        width: 20%;
    }

    .mobile-prefix-20 {
        margin-left: 20%;
    }

    .mobile-suffix-20 {
        margin-right: 20%;
    }

    .mobile-push-20 {
        left: 20%;
    }

    .mobile-pull-20 {
        left: -20%;
    }

    .mobile-grid-25 {
        float: left;
        width: 25%;
    }

    .mobile-prefix-25 {
        margin-left: 25%;
    }

    .mobile-suffix-25 {
        margin-right: 25%;
    }

    .mobile-push-25 {
        left: 25%;
    }

    .mobile-pull-25 {
        left: -25%;
    }

    .mobile-grid-30 {
        float: left;
        width: 30%;
    }

    .mobile-prefix-30 {
        margin-left: 30%;
    }

    .mobile-suffix-30 {
        margin-right: 30%;
    }

    .mobile-push-30 {
        left: 30%;
    }

    .mobile-pull-30 {
        left: -30%;
    }

    .mobile-grid-35 {
        float: left;
        width: 35%;
    }

    .mobile-prefix-35 {
        margin-left: 35%;
    }

    .mobile-suffix-35 {
        margin-right: 35%;
    }

    .mobile-push-35 {
        left: 35%;
    }

    .mobile-pull-35 {
        left: -35%;
    }

    .mobile-grid-40 {
        float: left;
        width: 40%;
    }

    .mobile-prefix-40 {
        margin-left: 40%;
    }

    .mobile-suffix-40 {
        margin-right: 40%;
    }

    .mobile-push-40 {
        left: 40%;
    }

    .mobile-pull-40 {
        left: -40%;
    }

    .mobile-grid-45 {
        float: left;
        width: 45%;
    }

    .mobile-prefix-45 {
        margin-left: 45%;
    }

    .mobile-suffix-45 {
        margin-right: 45%;
    }

    .mobile-push-45 {
        left: 45%;
    }

    .mobile-pull-45 {
        left: -45%;
    }

    .mobile-grid-50 {
        float: left;
        width: 50%;
    }

    .mobile-prefix-50 {
        margin-left: 50%;
    }

    .mobile-suffix-50 {
        margin-right: 50%;
    }

    .mobile-push-50 {
        left: 50%;
    }

    .mobile-pull-50 {
        left: -50%;
    }

    .mobile-grid-55 {
        float: left;
        width: 55%;
    }

    .mobile-prefix-55 {
        margin-left: 55%;
    }

    .mobile-suffix-55 {
        margin-right: 55%;
    }

    .mobile-push-55 {
        left: 55%;
    }

    .mobile-pull-55 {
        left: -55%;
    }

    .mobile-grid-60 {
        float: left;
        width: 60%;
    }

    .mobile-prefix-60 {
        margin-left: 60%;
    }

    .mobile-suffix-60 {
        margin-right: 60%;
    }

    .mobile-push-60 {
        left: 60%;
    }

    .mobile-pull-60 {
        left: -60%;
    }

    .mobile-grid-65 {
        float: left;
        width: 65%;
    }

    .mobile-prefix-65 {
        margin-left: 65%;
    }

    .mobile-suffix-65 {
        margin-right: 65%;
    }

    .mobile-push-65 {
        left: 65%;
    }

    .mobile-pull-65 {
        left: -65%;
    }

    .mobile-grid-70 {
        float: left;
        width: 70%;
    }

    .mobile-prefix-70 {
        margin-left: 70%;
    }

    .mobile-suffix-70 {
        margin-right: 70%;
    }

    .mobile-push-70 {
        left: 70%;
    }

    .mobile-pull-70 {
        left: -70%;
    }

    .mobile-grid-75 {
        float: left;
        width: 75%;
    }

    .mobile-prefix-75 {
        margin-left: 75%;
    }

    .mobile-suffix-75 {
        margin-right: 75%;
    }

    .mobile-push-75 {
        left: 75%;
    }

    .mobile-pull-75 {
        left: -75%;
    }

    .mobile-grid-80 {
        float: left;
        width: 80%;
    }

    .mobile-prefix-80 {
        margin-left: 80%;
    }

    .mobile-suffix-80 {
        margin-right: 80%;
    }

    .mobile-push-80 {
        left: 80%;
    }

    .mobile-pull-80 {
        left: -80%;
    }

    .mobile-grid-85 {
        float: left;
        width: 85%;
    }

    .mobile-prefix-85 {
        margin-left: 85%;
    }

    .mobile-suffix-85 {
        margin-right: 85%;
    }

    .mobile-push-85 {
        left: 85%;
    }

    .mobile-pull-85 {
        left: -85%;
    }

    .mobile-grid-90 {
        float: left;
        width: 90%;
    }

    .mobile-prefix-90 {
        margin-left: 90%;
    }

    .mobile-suffix-90 {
        margin-right: 90%;
    }

    .mobile-push-90 {
        left: 90%;
    }

    .mobile-pull-90 {
        left: -90%;
    }

    .mobile-grid-95 {
        float: left;
        width: 95%;
    }

    .mobile-prefix-95 {
        margin-left: 95%;
    }

    .mobile-suffix-95 {
        margin-right: 95%;
    }

    .mobile-push-95 {
        left: 95%;
    }

    .mobile-pull-95 {
        left: -95%;
    }

    .mobile-grid-33 {
        float: left;
        width: 33.33333%;
    }

    .mobile-prefix-33 {
        margin-left: 33.33333%;
    }

    .mobile-suffix-33 {
        margin-right: 33.33333%;
    }

    .mobile-push-33 {
        left: 33.33333%;
    }

    .mobile-pull-33 {
        left: -33.33333%;
    }

    .mobile-grid-66 {
        float: left;
        width: 66.66667%;
    }

    .mobile-prefix-66 {
        margin-left: 66.66667%;
    }

    .mobile-suffix-66 {
        margin-right: 66.66667%;
    }

    .mobile-push-66 {
        left: 66.66667%;
    }

    .mobile-pull-66 {
        left: -66.66667%;
    }

    .mobile-grid-100 {
        clear: both;
        width: 100%;
    }

    .macdetay-saha{background-image: none;}
}
@media screen and (min-width: 768px) {
    .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
        position: relative;
    }

    .hide-on-desktop {
        display: none !important;
    }

    .grid-5 {
        float: left;
        width: 5%;
    }

    .prefix-5 {
        margin-left: 5%;
    }

    .suffix-5 {
        margin-right: 5%;
    }

    .push-5 {
        left: 5%;
    }

    .pull-5 {
        left: -5%;
    }

    .grid-10 {
        float: left;
        width: 10%;
    }

    .prefix-10 {
        margin-left: 10%;
    }

    .suffix-10 {
        margin-right: 10%;
    }

    .push-10 {
        left: 10%;
    }

    .pull-10 {
        left: -10%;
    }

    .grid-12 {
        float: left;
        width: 12.5%;
    }

    .prefix-12 {
        margin-left: 12.5%;
    }

    .suffix-12 {
        margin-right: 12.5%;
    }

    .push-12 {
        left: 12.5%;
    }

    .pull-12 {
        left: -12.5%;
    }

    .grid-15 {
        float: left;
        width: 15%;
    }

    .prefix-15 {
        margin-left: 15%;
    }

    .suffix-15 {
        margin-right: 15%;
    }

    .push-15 {
        left: 15%;
    }

    .pull-15 {
        left: -15%;
    }

    .grid-20 {
        float: left;
        width: 20%;
    }

    .prefix-20 {
        margin-left: 20%;
    }

    .suffix-20 {
        margin-right: 20%;
    }

    .push-20 {
        left: 20%;
    }

    .pull-20 {
        left: -20%;
    }

    .grid-25 {
        float: left;
        width: 25%;
    }

    .prefix-25 {
        margin-left: 25%;
    }

    .suffix-25 {
        margin-right: 25%;
    }

    .push-25 {
        left: 25%;
    }

    .pull-25 {
        left: -25%;
    }

    .grid-30 {
        float: left;
        width: 30%;
    }

    .prefix-30 {
        margin-left: 30%;
    }

    .suffix-30 {
        margin-right: 30%;
    }

    .push-30 {
        left: 30%;
    }

    .pull-30 {
        left: -30%;
    }

    .grid-35 {
        float: left;
        width: 35%;
    }

    .prefix-35 {
        margin-left: 35%;
    }

    .suffix-35 {
        margin-right: 35%;
    }

    .push-35 {
        left: 35%;
    }

    .pull-35 {
        left: -35%;
    }

    .grid-40 {
        float: left;
        width: 40%;
    }

    .prefix-40 {
        margin-left: 40%;
    }

    .suffix-40 {
        margin-right: 40%;
    }

    .push-40 {
        left: 40%;
    }

    .pull-40 {
        left: -40%;
    }

    .grid-45 {
        float: left;
        width: 45%;
    }

    .prefix-45 {
        margin-left: 45%;
    }

    .suffix-45 {
        margin-right: 45%;
    }

    .push-45 {
        left: 45%;
    }

    .pull-45 {
        left: -45%;
    }

    .grid-50 {
        float: left;
        width: 50%;
    }

    .prefix-50 {
        margin-left: 50%;
    }

    .suffix-50 {
        margin-right: 50%;
    }

    .push-50 {
        left: 50%;
    }

    .pull-50 {
        left: -50%;
    }

    .grid-55 {
        float: left;
        width: 55%;
    }

    .prefix-55 {
        margin-left: 55%;
    }

    .suffix-55 {
        margin-right: 55%;
    }

    .push-55 {
        left: 55%;
    }

    .pull-55 {
        left: -55%;
    }

    .grid-60 {
        float: left;
        width: 60%;
    }

    .prefix-60 {
        margin-left: 60%;
    }

    .suffix-60 {
        margin-right: 60%;
    }

    .push-60 {
        left: 60%;
    }

    .pull-60 {
        left: -60%;
    }

    .grid-65 {
        float: left;
        width: 65%;
    }

    .prefix-65 {
        margin-left: 65%;
    }

    .suffix-65 {
        margin-right: 65%;
    }

    .push-65 {
        left: 65%;
    }

    .pull-65 {
        left: -65%;
    }

    .grid-70 {
        float: left;
        width: 70%;
    }

    .prefix-70 {
        margin-left: 70%;
    }

    .suffix-70 {
        margin-right: 70%;
    }

    .push-70 {
        left: 70%;
    }

    .pull-70 {
        left: -70%;
    }

    .grid-75 {
        float: left;
        width: 75%;
    }

    .prefix-75 {
        margin-left: 75%;
    }

    .suffix-75 {
        margin-right: 75%;
    }

    .push-75 {
        left: 75%;
    }

    .pull-75 {
        left: -75%;
    }

    .grid-80 {
        float: left;
        width: 80%;
    }

    .prefix-80 {
        margin-left: 80%;
    }

    .suffix-80 {
        margin-right: 80%;
    }

    .push-80 {
        left: 80%;
    }

    .pull-80 {
        left: -80%;
    }

    .grid-85 {
        float: left;
        width: 85%;
    }

    .prefix-85 {
        margin-left: 85%;
    }

    .suffix-85 {
        margin-right: 85%;
    }

    .push-85 {
        left: 85%;
    }

    .pull-85 {
        left: -85%;
    }

    .grid-90 {
        float: left;
        width: 90%;
    }

    .prefix-90 {
        margin-left: 90%;
    }

    .suffix-90 {
        margin-right: 90%;
    }

    .push-90 {
        left: 90%;
    }

    .pull-90 {
        left: -90%;
    }

    .grid-95 {
        float: left;
        width: 95%;
    }

    .prefix-95 {
        margin-left: 95%;
    }

    .suffix-95 {
        margin-right: 95%;
    }

    .push-95 {
        left: 95%;
    }

    .pull-95 {
        left: -95%;
    }

    .grid-33 {
        float: left;
        width: 33.33333%;
    }

    .prefix-33 {
        margin-left: 33.33333%;
    }

    .suffix-33 {
        margin-right: 33.33333%;
    }

    .push-33 {
        left: 33.33333%;
    }

    .pull-33 {
        left: -33.33333%;
    }

    .grid-66 {
        float: left;
        width: 66.66667%;
    }

    .prefix-66 {
        margin-left: 66.66667%;
    }

    .suffix-66 {
        margin-right: 66.66667%;
    }

    .push-66 {
        left: 66.66667%;
    }

    .pull-66 {
        left: -66.66667%;
    }

    .grid-100 {
        clear: both;
        width: 100%;
    }
}
/* Unsemantic + */
.grid-padding2 {
    padding-left: 2px;
    padding-right: 2px;
}
.grid-padding4 {
    padding-left: 4px;
    padding-right: 4px;
}
.grid-padding6 {
    padding-left: 6px;
    padding-right: 7px;
}
.grid-padding8 {
    padding-left: 8px;
    padding-right: 8px;
}
/* BAYRAKLAR */

.b_16 { background-repeat: no-repeat; background-position: left top;background-image: url('../image/bayrak.png'); width: 16px; height: 14px; display: block;}
.b_676 { background-position: 0 -17px; }
.b_africa { background-position: 0 -33px; }/*africa*/
.b_562 { background-position: 0 -33px; }/*africa CAFŞ*/
.b_681 { background-position: 0 -33px; }/*africa CAFK*/
.b_691 { background-position: 0 -33px; }
.b_455 { background-position: 0 -49px; }
.b_456 { background-position: 0 -65px; }
.b_636 { background-position: 0 -81px; }
.b_494 { background-position: 0 -97px; }
.b_530 { background-position: 0 -113px; }
.b_anguilla { background-position: 0 -129px; }
.b_637 { background-position: 0 -145px; }
.b_386 { background-position: 0 -161px; }
.b_509 { background-position: 0 -177px; }
.b_592 { background-position: 0 -193px; }
.b_777 { background-position: 0 -209px; }/* asia*/
.b_546 { background-position: 0 -209px; }/* asia afc*/
.b_557 { background-position: 0 -209px; }/* afc cup*/
.b_484 { background-position: 0 -225px; }
.b_361 { background-position: 0 -241px; }
.b_450 { background-position: 0 -257px; }
.b_bahamas { background-position: 0 -273px; }
.b_bahrain { background-position: 0 -289px; }
.b_bangladesh { background-position: 0 -305px; }
.b_barbados { background-position: 0 -321px; }
.b_420 { background-position: 0 -337px; }
.b_362 { background-position: 0 -353px; }
.b_belize { background-position: 0 -369px; }
.b_benin { background-position: 0 -385px; }
.b_bermuda { background-position: 0 -401px; }
.b_bhutan { background-position: 0 -417px; }
.b_457 { background-position: 0 -433px; }
.b_bonaire { background-position: 0 -449px; }
.b_442 { background-position: 0 -465px; }
.b_botswana { background-position: 0 -481px; }
.b_389 { background-position: 0 -497px; }
.b_british-virgin-islands { background-position: 0 -513px; }
.b_brunei-darussalam { background-position: 0 -529px; }
.b_390 { background-position: 0 -545px; }
.b_burkina-faso { background-position: 0 -561px; }
.b_burundi { background-position: 0 -577px; }
.b_cambodia { background-position: 0 -593px; }
.b_458 { background-position: 0 -609px; }
.b_597 { background-position: 0 -625px; }
.b_cape-verde-islands { background-position: 0 -641px; }
.b_cayman-islands { background-position: 0 -657px; }
.b_central-african-republic { background-position: 0 -673px; }
.b_chad { background-position: 0 -689px; }
.b_412 { background-position: 0 -705px; }
.b_421 { background-position: 0 -721px; }
.b_chinese-taipei { background-position: 0 -737px; }
.b_459 { background-position: 0 -753px; }
.b_comoros { background-position: 0 -769px; }
.b_congo-dr { background-position: 0 -785px; }
.b_congo { background-position: 0 -801px; }
.b_cook-islands { background-position: 0 -817px; }
.b_478 { background-position: 0 -833px; }
.b_cote-divoire { background-position: 0 -849px; }
.b_395 { background-position: 0 -865px; }
.b_cuba { background-position: 0 -881px; }
.b_curacao { background-position: 0 -897px; }
.b_480 { background-position: 0 -913px; }
.b_363 { background-position: 0 -929px; }
.b_364 { background-position: 0 -945px; }
.b_djibouti { background-position: 0 -961px; }
.b_dominica { background-position: 0 -977px; }
.b_dominican-republic { background-position: 0 -993px; }
.b_east-timor { background-position: 0 -1009px; }
.b_460 { background-position: 0 -1025px; }
.b_476 { background-position: 0 -1041px; }
.b_504 { background-position: 0 -1057px; }
.b_374 { background-position: 0 -1073px; }
.b_equatorial-guinea { background-position: 0 -1089px; }
.b_eritrea { background-position: 0 -1105px; }
.b_415 { background-position: 0 -1121px; }
.b_ethiopia { background-position: 0 -1137px; }
.b_560 { background-position: 0 -1153px; } /*uefa avrupa*/
.b_379 { background-position: 0 -1153px; } /*ŞL*/
.b_792 { background-position: 0 -1153px; } /*cl u19*/
.b_461 { background-position: 0 -1169px; }
.b_fiji { background-position: 0 -1185px; }
.b_365 { background-position: 0 -1201px; }
.b_360 { background-position: 0 -1217px; }
.b_french-guyana { background-position: 0 -1233px; }
.b_gabon { background-position: 0 -1249px; }
.b_gambia { background-position: 0 -1265px; }
.b_462 { background-position: 0 -1281px; }
.b_359 { background-position: 0 -1297px; }
.b_523 { background-position: 0 -1313px; }
.b_gibraltar { background-position: 0 -1329px; }
.b_374 { background-position: 0 -1345px; }
.b_366 { background-position: 0 -1361px; }
.b_grenada { background-position: 0 -1377px; }
.b_guadeloupe { background-position: 0 -1393px; }
.b_guam { background-position: 0 -1409px; }
.b_guatemala { background-position: 0 -1425px; }
.b_guernsey { background-position: 0 -1441px; }
.b_guinea-bissau { background-position: 0 -1457px; }
.b_guinea { background-position: 0 -1473px; }
.b_guyana { background-position: 0 -1489px; }
.b_haiti { background-position: 0 -1505px; }
.b_honduras { background-position: 0 -1521px; }
.b_hong-kong { background-position: 0 -1537px; }
.b_378 { background-position: 0 -1553px; }
.b_397 { background-position: 0 -1569px; }
.b_india { background-position: 0 -1585px; }
.b_501 { background-position: 0 -1601px; }
.b_463 { background-position: 0 -1617px; }
.b_604 { background-position: 0 -1633px; }
.b_376 { background-position: 0 -1649px; }
.b_isle-of-man { background-position: 0 -1665px; }
.b_387 { background-position: 0 -1681px; }
.b_367 { background-position: 0 -1697px; }
.b_jamaica { background-position: 0 -1713px; }
.b_411 { background-position: 0 -1729px; }
.b_jersey { background-position: 0 -1745px; }
.b_497 { background-position: 0 -1761px; }
.b_464 { background-position: 0 -1777px; }
.b_kenya { background-position: 0 -1793px; }
.b_kiribati { background-position: 0 -1809px; }
.b_korea-dpr { background-position: 0 -1825px; }
.b_korea-republic { background-position: 0 -1841px; }
.b_kosovo { background-position: 0 -1857px; }
.b_kuwait { background-position: 0 -1873px; }
.b_607 { background-position: 0 -1889px; }
.b_laos { background-position: 0 -1905px; }
.b_latan { background-position: 0 -1921px; }
.b_416 { background-position: 0 -1937px; }
.b_491 { background-position: 0 -1953px; }
.b_lesotho { background-position: 0 -1969px; }
.b_liberia { background-position: 0 -1985px; }
.b_libya { background-position: 0 -2001px; }
.b_743 { background-position: 0 -2017px; }
.b_419 { background-position: 0 -2033px; }
.b_448 { background-position: 0 -2049px; }
.b_macao { background-position: 0 -2065px; }
.b_465 { background-position: 0 -2081px; }
.b_madagascar { background-position: 0 -2097px; }
.b_malawi { background-position: 0 -2113px; }
.b_malaysia { background-position: 0 -2129px; }
.b_maldives { background-position: 0 -2145px; }
.b_mali { background-position: 0 -2161px; }
.b_477 { background-position: 0 -2177px; }
.b_martinique { background-position: 0 -2193px; }
.b_mauritania { background-position: 0 -2209px; }
.b_mauritius { background-position: 0 -2225px; }
.b_mayotte { background-position: 0 -2241px; }
.b_388 { background-position: 0 -2257px; }
.b_467 { background-position: 0 -2273px; }
.b_monaco { background-position: 0 -2289px; }
.b_mongolia { background-position: 0 -2305px; }
.b_511 { background-position: 0 -2321px; }
.b_montserrat { background-position: 0 -2337px; }
.b_487 { background-position: 0 -2353px; }
.b_mozambique { background-position: 0 -2369px; }
.b_myanmar { background-position: 0 -2385px; }
.b_namibia { background-position: 0 -2401px; }
.b_nauru { background-position: 0 -2417px; }
.b_nc-america { background-position: 0 -2433px; }
.b_nepal { background-position: 0 -2449px; }
.b_368 { background-position: 0 -2465px; }
.b_new-caledonia { background-position: 0 -2481px; }
.b_474 { background-position: 0 -2497px; }
.b_nicaragua { background-position: 0 -2513px; }
.b_niger { background-position: 0 -2529px; }
.b_524 { background-position: 0 -2545px; }
.b_niue { background-position: 0 -2561px; }
.b_nordic { background-position: 0 -2577px; }
.b_482 { background-position: 0 -2593px; }
.b_northern-mariana-islands { background-position: 0 -2609px; }
.b_369 { background-position: 0 -2625px; }
.b_oceania { background-position: 0 -2641px; }
.b_oman { background-position: 0 -2657px; }
.b_pakistan { background-position: 0 -2673px; }
.b_palau { background-position: 0 -2689px; }
.b_palestine { background-position: 0 -2705px; }
.b_525 { background-position: 0 -2721px; }
.b_papua-new-guinea { background-position: 0 -2737px; }
.b_413 { background-position: 0 -2753px; }
.b_468 { background-position: 0 -2769px; }
.b_philippines { background-position: 0 -2785px; }
.b_377 { background-position: 0 -2801px; }
.b_370 { background-position: 0 -2817px; }
.b_618 { background-position: 0 -2833px; }
.b_493 { background-position: 0 -2849px; }
.b_reunion { background-position: 0 -2865px; }
.b_385 { background-position: 0 -2881px; }
.b_383 { background-position: 0 -2897px; }
.b_rwanda { background-position: 0 -2913px; }
.b_saint-martin { background-position: 0 -2929px; }
.b_samoa { background-position: 0 -2945px; }
.b_490 { background-position: 0 -2961px; }
.b_sao-tome-e-principe { background-position: 0 -2977px; }
.b_488 { background-position: 0 -2993px; }
.b_375 { background-position: 0 -3009px; }
.b_526 { background-position: 0 -3025px; }
.b_396 { background-position: 0 -3041px; }
.b_510 { background-position: 0 -3057px; }
.b_seychelles { background-position: 0 -3073px; }
.b_sierra-leone { background-position: 0 -3089px; }
.b_singapore { background-position: 0 -3105px; }
.b_sint-eustatius { background-position: 0 -3121px; }
.b_sint-maarten { background-position: 0 -3137px; }
.b_393 { background-position: 0 -3153px; }
.b_394 { background-position: 0 -3169px; }
.b_solomon-islands { background-position: 0 -3185px; }
.b_somalia { background-position: 0 -3201px; }
.b_479 { background-position: 0 -3217px; }
.b_446 { background-position: 0 -3233px; }
.b_south-sudan { background-position: 0 -3249px; }
.b_371 { background-position: 0 -3265px; }
.b_sri-lanka { background-position: 0 -3281px; }
.b_st-kitts-and-nevis { background-position: 0 -3297px; }
.b_st-lucia { background-position: 0 -3313px; }
.b_st-vincent-and-the-grenadines { background-position: 0 -3329px; }
.b_sudan { background-position: 0 -3345px; }
.b_surinam { background-position: 0 -3361px; }
.b_swaziland { background-position: 0 -3377px; }
.b_372 { background-position: 0 -3393px; }
.b_373 { background-position: 0 -3409px; }
.b_489 { background-position: 0 -3425px; }
.b_tahiti { background-position: 0 -3441px; }
.b_tajikistan { background-position: 0 -3457px; }
.b_tanzania { background-position: 0 -3473px; }
.b_thailand { background-position: 0 -3489px; }
.b_togo { background-position: 0 -3505px; }
.b_tonga { background-position: 0 -3521px; }
.b_trinidad-and-tobago { background-position: 0 -3537px; }
.b_486 { background-position: 0 -3553px; }
.b_358 { background-position: 0 -3569px; }
.b_587 { background-position: 0 -3585px; }
.b_turks-and-caicos-islands { background-position: 0 -3601px; }
.b_tuvalu { background-position: 0 -3617px; }
.b_uganda { background-position: 0 -3633px; }
.b_384 { background-position: 0 -3649px; }
.b_483 { background-position: 0 -3665px; }
.b_391 { background-position: 0 -3681px; }
.b_417 { background-position: 0 -3697px; }
.b_us-virgin-islands { background-position: 0 -3713px; }
.b_527 { background-position: 0 -3729px; }
.b_vanuatu { background-position: 0 -3745px; }
.b_475 { background-position: 0 -3761px; }
.b_vietnam { background-position: 0 -3777px; }
.b_449 { background-position: 0 -3793px; }
.b_381 { background-position: 0 -3809px; }
.b_580 { background-position: 0 -3809px; } /*world*/
.b_452 { background-position: 0 -3809px; } /*libertoderes*/
.b_yemen { background-position: 0 -3825px; }
.b_zambia { background-position: 0 -3841px; }
.b_zanzibar { background-position: 0 -3857px; }
.b_zimbabwe { background-position: 0 -3873px; }
.b_555 { background-position: 0 -1153px; }
.b_572 { background-position: 0 -1153px; }
.b_797 { background-position: 0 -33px; }
.b_556 { background-position: 0 -1153px; }
.b_798 { background-position: 0 -3809px; } /*world 2018*/
.b_418 { background-position: 0 -1841px; }
.b_803 { background-position: 0 -209px; }
.b_799 { background-position: 0 -3233px; }
.b_800 { background-position: 0 -1153px;}
.b_507 { background-position: 0 -2433px;}
.b_550 { background-position: 0 -3809px;}
.b_794 { background-position: 0 -3809px;}
.b_568 { background-position: 0 -3809px;}
.b_444 { background-position: 0 -3233px;}

.bb_11 { background-position: 0 -3569px; }


/*ULKELER*/
.u_16 { background-repeat: no-repeat; background-position: left top;background-image: url('../image/bayrak.png'); width: 16px; height: 14px; display: block;}
.u_308 { background-position: 0 -49px; }
.u_331 { background-position: 0 -65px; }
.u_334 { background-position: 0 -81px; }
.u_304 { background-position: 0 -97px; }
.u_320 { background-position: 0 -113px; }
.u_336 { background-position: 0 -145px; }
.u_287 { background-position: 0 -161px; }
.u_301 { background-position: 0 -177px; }
.u_337 { background-position: 0 -193px; }
.u_316 { background-position: 0 -225px; }
.u_253 { background-position: 0 -241px; }
.u_306 { background-position: 0 -257px; }
.u_295 { background-position: 0 -337px; }
.u_254 { background-position: 0 -353px; }
.u_345 { background-position: 0 -433px; }
.u_294 { background-position: 0 -465px; }
.u_285 { background-position: 0 -497px; }
.u_275 { background-position: 0 -545px; }
.u_319 { background-position: 0 -609px; }
.u_313 { background-position: 0 -625px; }
.u_356 { background-position: 0 -705px; }
.u_357 { background-position: 0 -721px; }
.u_309 { background-position: 0 -753px; }
.u_360 { background-position: 0 -833px; }
.u_274 { background-position: 0 -865px; }
.u_279 { background-position: 0 -913px; }
.u_255 { background-position: 0 -929px; }
.u_256 { background-position: 0 -945px; }
.u_366 { background-position: 0 -1025px; }
.u_323 { background-position: 0 -1041px; }
.u_281 { background-position: 0 -1057px; }
.u_266 { background-position: 0 -1073px; }
.u_288 { background-position: 0 -1121px; }
.u_299 { background-position: 0 -1169px; }
.u_257 { background-position: 0 -1201px; }
.u_252 { background-position: 0 -1217px; }
.u_332 { background-position: 0 -1281px; }
.u_251 { background-position: 0 -1297px; }
.u_312 { background-position: 0 -1313px; }
.u_266 { background-position: 0 -1345px; }
.u_258 { background-position: 0 -1361px; }
.u_270 { background-position: 0 -1553px; }
.u_289 { background-position: 0 -1569px; }
.u_382 { background-position: 0 -1601px; }
.u_317 { background-position: 0 -1617px; }
.u_383 { background-position: 0 -1633px; }
.u_268 { background-position: 0 -1649px; }
.u_273 { background-position: 0 -1681px; }
.u_259 { background-position: 0 -1697px; }
.u_286 { background-position: 0 -1729px; }
.u_386 { background-position: 0 -1761px; }
.u_387 { background-position: 0 -1777px; }
.u_390 { background-position: 0 -1889px; }
.u_297 { background-position: 0 -1937px; }
.u_318 { background-position: 0 -1953px; }
.u_298 { background-position: 0 -2033px; }
.u_293 { background-position: 0 -2049px; }
.u_303 { background-position: 0 -2081px; }
.u_292 { background-position: 0 -2177px; }
.u_305 { background-position: 0 -2257px; }
.u_290 { background-position: 0 -2273px; }
.u_456 { background-position: 0 -2321px; }
.u_330 { background-position: 0 -2353px; }
.u_260 { background-position: 0 -2465px; }
.u_407 { background-position: 0 -2497px; }
.u_311 { background-position: 0 -2545px; }
.u_300 { background-position: 0 -2593px; }
.u_261 { background-position: 0 -2625px; }
.u_413 { background-position: 0 -2721px; }
.u_322 { background-position: 0 -2753px; }
.u_415 { background-position: 0 -2769px; }
.u_269 { background-position: 0 -2801px; }
.u_262 { background-position: 0 -2817px; }
.u_417 { background-position: 0 -2833px; }
.u_418 { background-position: 0 -2849px; }
.u_276 { background-position: 0 -2881px; }
.u_271 { background-position: 0 -2897px; }
.u_296 { background-position: 0 -2961px; }
.u_422 { background-position: 0 -2993px; }
.u_267 { background-position: 0 -3009px; }
.u_283 { background-position: 0 -3025px; }
.u_277 { background-position: 0 -3041px; }
.u_455 { background-position: 0 -3057px; }
.u_278 { background-position: 0 -3153px; }
.u_291 { background-position: 0 -3169px; }
.u_282 { background-position: 0 -3217px; }
.u_263 { background-position: 0 -3265px; }
.u_264 { background-position: 0 -3393px; }
.u_265 { background-position: 0 -3409px; }
.u_435 { background-position: 0 -3425px; }
.u_327 { background-position: 0 -3553px; }
.u_250 { background-position: 0 -3569px; }
.u_443 { background-position: 0 -3585px; }
.u_272 { background-position: 0 -3649px; }
.u_446 { background-position: 0 -3665px; }
.u_280 { background-position: 0 -3681px; }
.u_315 { background-position: 0 -3697px; }
.u_450 { background-position: 0 -3729px; }
.u_448 { background-position: 0 -3761px; }
.u_307 { background-position: 0 -3793px; }
.u_284 { background-position: 0 -1841px; }


/* MAIN */
body{
    background: #eaeaea;
    color:#333;
    font-size: 12px;
}
/* datepicker font-size*/
.ui-widget {font-size: 0.6em !important;}
.commentarea {font-size: 11px; /*overflow: auto; height: 500px;*/}
.commentarea > :nth-child(even){ background: #EFF6D7; }
.commentarea > :nth-child(odd){ background: white; }

/* h3 styles*/ 
.h3middle{border-bottom: 2px #DC5D18 solid; background: white; text-align: center;}
.h3middle h3{display: inline-block; width: auto; padding: 3px 8px 0 8px; font-weight: bold; font-size: 12px; background: #DC5D18; color:white;}

/* span styles */
span.round{ border: 1px solid lightgray; border-radius: 4px; padding: 2px;}
span.bgblue{ background: lightblue;}
span.bggreen{ background: lightgreen;}
span.bgyellow{ background: lightyellow;}
span.bold{ font-weight: bold;}
td.bold{ font-weight: bold;}

span.iddaanormal{ padding: 0px 2px; width: 3em; background: linear-gradient(to bottom,#ffffff,#f6f6f6,#ededed); display: inline-block; margin: 2px; border:1px solid #CCC; border-radius: 0px; color: #000055; text-align: center; white-space: nowrap;}
span.iddaared{ padding: 0px 2px; width: 3em; background: linear-gradient(to bottom,#ffffff,#f6f6f6,#ededed); color:red; display: inline-block; margin: 2px; border:1px solid red; border-radius: 0px; text-align: center;}
span.iddaablue{ padding: 0px 2px; width: 3em; background: linear-gradient(to bottom,#ffffff,#f6f6f6,#ededed); color:darkblue; display: inline-block; margin: 2px; border:1px solid darkblue; border-radius: 0px; text-align: center;}
span.analizgold{ padding: 0px 2px; width: 3em; background: orange; color:white; font-weight: bold; display: inline-block; margin: 2px; border:1px solid gold; border-radius: 0px; text-align: center;}
span.analizkutu{ padding: 1px; background: orange; margin: 0 1px 0 0; color:white; display: inline-block; border:1px solid #CCC; text-align: center; line-height: 1;}
span.analizgreen {    color: #FFF;    font-weight: bold;    background-color: #080; display: inline-block; margin:0 auto;  width: 25px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
span.analizorange {    color: #FFF;    font-weight: bold;    background-color: #DC5D18; display: inline-block; margin:0 auto;  width: 25px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
span.analizbordo {    color: #FFF;    font-weight: bold;    background-color: #800000; display: inline-block; margin:0 auto;  width: 25px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
span.analizturquaz {    color: #FFF;    font-weight: bold;    background-color: #1A70BE; display: inline-block; margin:0 auto;  width: 25px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
span.analizred {    color: #FFF;    font-weight: bold;    background-color: #e22 ;  display: inline-block; margin:0 auto;  width: 25px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
span.analizblue{    color: #FFF;    font-weight: bold;    background-color: darkblue; display: inline-block; margin:0 auto;  width: 25px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
span.betwhite{background-color: #fff;border: solid 1px #ddd;display: inline-block;border-radius: 4px;color: #535353;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;font-weight: bold;text-align: center;}
span.betred{background-color: #fff;border: solid 1px #ddd;display: inline-block;border-radius: 4px;color: #f60;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;font-weight: bold;text-align: center;}
span.betblue{background-color: transparent;border: solid 1px #ddd;display: inline-block;border-radius: 4px;color: #3b5998;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;font-weight: bold;text-align: center;}
span.betorange{background-color: transparent;border: solid 1px #ddd;display: inline-block;border-radius: 4px;color: #dd5500 ;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;font-weight: bold;text-align: center;}
span.period{padding: 0px; width: 34px; font-size:8px; background: linear-gradient(to bottom,#ffffff,#f6f6f6,#ededed); display: inline-block; margin: 1px 1px 0 0; border:1px solid #CCC; border-radius: 0px; color: #000055; text-align: center; height: 13px;}
span.statbox{ padding: 3px 2px; min-width: 20px; background: linear-gradient(to bottom,#ffffff,#f6f6f6,#ededed); display: inline-block; margin: 2px; border:1px solid #CCC; border-radius: 0px; color: #000055; text-align: center; white-space: nowrap;}
span.statbox.vurgulu{color: #d50;}
span.statbox.seffaf{background: transparent;} 



#loading {z-index: 100;display: none; position: fixed;top:50%;left:0px;width: 100%;}
#loading div {background:#F9EDBE; width: 200px; text-align: center; padding: 4px; margin: 0px auto; border: 1px solid #F0C36D; border-top: 0px; border-radius: 0px 0px 4px 4px; font-size: 2.0em;}

.myalertbody{padding:0px;margin:0px;height:100%;}
#myalert {z-index: 999;display: none;position: fixed;top: 0px;left: 0px;height: 100%;width: 100%;}
#myalert #myalertblackscreen {position: fixed;top: 0px;left: 0px;background: black;background: rgba(0,0,0,0.6);height: 100%;width: 100%;z-index: 998;}
#myalert #myalertscreen {background: white;position: relative;margin: 0 auto;top: 150px;padding: 10px 0px;width: 270px;height: auto;border: 2px solid yellow;border-radius: 10px;text-align: center;z-index: 999;}
#myalert #myalertdata {border-top: 1px solid #D14719;border-bottom:1px solid #D14719;background: #E8A38C;color: white;font-weight: bold;padding: 15px;}
#myalert #myalertbuttons {margin: 10px 10px 0px 10px;}
#myalert #myalertbuttons input {width: 60px;height: 30px;background: #EEE;cursor: pointer;border: 2px solid #CCC;border-radius: 4px;color: black;padding: 5px;margin: 5px;}
#myalert #myalertbuttons input:hover {background: #CCC;color: #FFF;}

.myadvertbody{padding:0px;margin:0px;height:100%;}
#myadvert {z-index: 999;display: none;position: fixed;top: 0px;left: 0px;height: 100%;width: 100%;}
#myadvert #myadvertblackscreen {position: fixed;top: 0px;left: 0px;background: black;background: rgba(0,0,0,0.6);height: 100%;width: 100%;z-index: 998;}
#myadvert #myadvertscreen {background: white;position: relative;margin: 10px auto;top: 0px;padding: 10px 0px;width: 300px;height: auto;border: 0;border-radius: 10px;text-align: center;z-index: 999;}
#myadvert #myadvertdata {border-top: 1px solid #D14719;border-bottom:1px solid #D14719;background: #E8A38C;color: white;font-weight: bold;padding: 15px;}
#myadvert #myadvertbuttons {margin: 10px 10px 0px 10px;}
#myadvert #myadvertbuttons input {width: 60px;height: 30px;background: #EEE;cursor: pointer;border: 2px solid #CCC;border-radius: 4px;color: black;padding: 5px;margin: 5px;}
#myadvert #myadvertbuttons input:hover {background: #CCC;color: #FFF;}

#header { color:#949494;  /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.80) 68%,rgba(255,255,255,0) 100%);*/ position: relative;/*position: fixed; top: 0; left:0; right: 0; z-index: 50;*/ padding-top:3px;}
#headerlogo{padding:10px; height: 46px; }
#headerlogo img{max-width: 100%; margin-top: -10px; height: 60px;}
#headeryerli{padding:10px; height: 46px;  }
#headeryerli img{max-width: 100%; margin-top: -10px; height: 60px;}
@media screen and (max-width: 768px) {
    #headeryerli{padding:10px; height: 46px;  }
    #headeryerli img{max-width: 100%; margin-top: -10px; height: 45px;}
}
#headerreklam{padding: 5px;}
#headersocialicons{padding: 7px 0 5px; font-size: 12px; display: inline-block;}
.headerlang{padding: 7px 0 5px; font-size: 12px; }
.headerlang .b_16{margin: 7px;}
#headerlang{padding: 7px 0 5px; font-size: 12px; }
#headerlang .b_16{margin: 7px;}
#headerright{font-weight: bold; font-size: 12px; text-align: right;}
#headerforgetpassword{display: none; font-weight: normal; font-size: 8px; height: 1.2em; overflow: hidden; line-height: 1.2em;}
#headerlogin{display: none;}
#headerlogin [type=text],#headerlogin [type=email],#headerlogin [type=password]{ width: 90%; display: block; margin-bottom: 1px;}
#headerlogin [type=submit]{width: 90%;display: block; height: 42px; background: linear-gradient(to bottom,#101010,#3d4344); color: #ffe100}
#header a{ cursor: pointer; }

#headerSlogan img {position: absolute; height: 60px;}


#headermenu{ /*font-weight: bold; font-size: 13px;*/}
#headermenu > ul{list-style:none;margin:0px auto 0px auto; /*height:44px;*/ border-radius: 5px 5px 0 0;border-bottom: 3px solid #ff920a;background: #000 linear-gradient(to bottom, #101010, #343344);/*height: 88px;*/ text-align: center;    display: flex;}
#headermenu > ul > li{color:#ffe100; text-align:center; position:relative;padding: 10px ;  margin:0;  float:none; display: inline-block; flex: 1; border: 1px solid #4a4a4a;}
#headermenu > ul > li:hover, #headermenu > ul > li.selected {color:#FFF;}
#headermenu > ul > li > a{display: inline; }
#headermenu > ul > li > i:after{content:'\A' }
#headermenu > ul.ikinci{border-radius: 0; padding-left: 35px;}

#headermenu > ul > li > a.drop:after{content:"\f0dd";font-family: FontAwesome;margin: -2px 0 0 5px; float:right; font-weight: normal;}
#headermenu > ul > li > ul {display: none; margin-top:5px;}
#headermenu > ul > li:hover > ul {display: block;position: absolute;background: linear-gradient(to bottom, #101010, #343344); left:0; top:auto; }
#headermenu > ul > li > ul > li{color:#ffe100; position:relative;padding: 5px    ;  margin:0; border:none; text-align: left; white-space: nowrap;}
#headermenu > ul > li > ul > li:hover, #headermenu > ul > li > ul > li.selected{color:#FFF;}


/*
#headermenu > ul{list-style:none;margin:0px auto 0px auto; height:76px; padding:0px 10px; border-radius: 5px 5px 0 0;background: #000;border-bottom: 3px solid #ff920a;
                 background: linear-gradient(to bottom, #101010, #343344);}
#headermenu > ul > li:hover {border: 1px solid #777777; padding: 0; background: #ffe100; background: linear-gradient(to bottom, #ffe100, #ffe100);border-radius: 5px 5px 0px 0px;}
#headermenu > ul > li > a{font-size:12px;color: #ffe100; font-weight: bold; display:block;outline:0;text-decoration:none;}
#headermenu > ul > li:hover > a{color:#101010; }
#headermenu > ul > li > div{margin:4px auto; float:left; position:absolute; left:-999em; text-align:left; padding:10px 5px 10px 5px; border:1px solid #777777; border-top:none; background:#F4F4F4; background: linear-gradient(top, #EEEEEE, #BBBBBB);border-radius: 0px 5px 5px 5px;}
#headermenu > ul > li:hover > div{left:-1px; top:auto;}
#headermenu > ul > li.right { float:right; margin-right:0px;}
#headermenu > ul > li.right > div {border-radius: 5px 0px 5px 5px;}
#headermenu > ul > li.right:hover > div{ left:auto;right:-1px; top:auto;}
#headermenu li.search input{width: 0; border-width:0px;  transition: all 0.7s ease-in-out; border-radius: 4px; }
#headermenu li.search.active input{width: 80px; border-width: 2px; }
#headermenu > ul > li > select{margin-top:-15px; height: 20px;}

*/
#container{position: relative; /*margin-top: 215px;*/ background: white;}
@media screen and (max-width: 768px) {
    #container{position: relative;/* margin-top: 172px;*/ background: white;}
}

#currentpath{border-bottom: 1px solid #D5E3D2; background: white; padding: 5px 15px; color: green;}
#currentpath+*{ border-top: 3px solid #DDD; padding-top: 5px;}
#currentpath a{font-weight: bold;}

#homepage{ padding-top: 5px;}
#homepage #homeslider{ border: 1px inset #000;} 
#homepage #homeslider .screen{position: relative;width: 100%;}
#homepage #homeslider .screen a{display: block; }
#homepage #homeslider .screen img{max-height: 350px;width: 100%;}
#homepage #homeslider .screen p{height: 30px; left: 8px; position: absolute; bottom: 10px; font-size: 20px; overflow: hidden;background-color: rgba(0,0,0,0.6);color:#ffe100; padding: 5px 10px; font-family: "Roboto"}

#homepage #homeslider ul{overflow: hidden; display: flex; align-items: center;justify-content: space-between;}
#homepage #homeslider ul li{position: relative; background: black; width: 22%; margin: 0.5%; float: left;     border: 3px solid #eff6d7}
#homepage #homeslider ul li div{background:white; height:  70px; }
#homepage #homeslider ul li img{display:block; width: 100%; height: 80px;}
#homepage #homeslider ul li p{display: block; height: 24px; text-align: center; position: absolute; bottom: 0; left:0; right: 0; color:white; background: rgba(0,0,0,0.8); padding: 3px; font-size: 0.8em; line-height: 1.5; overflow: hidden;}
#homepage #homeslider ul li:hover{ opacity: 0.5;}
#homepage #homeslider ul li:hover p{ background: darkblue;}

#homepage .panel{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 5px; background: #3d4344; background: linear-gradient(to bottom,#101010,#3d4344); padding: 3px; margin-bottom: 10px;  overflow: hidden; margin-top: 10px;}
#homepage .panel > h3{ font-weight: bold; color: #ffe100; padding: 0 3px; font-size: 13px;}
#homepage .panel > div{ background: #666; border-radius: 5px; }

#homepage .panel-tanitim{ border-radius: 5px; background: white; background: linear-gradient(to bottom,#eee,#bbb); padding: 5px; margin-bottom: 10px; height:60px; margin-top: 10px; overflow: hidden;}
#homepage .panel-tanitim > img{float: left; width: 35%; max-height: 50px; max-width: 50px; margin-right: 10px;}
#homepage .panel-tanitim > h3{ float: left; font-weight: bold; color: #006431;  max-height: 20px;  width: 65%;}
#homepage .panel-tanitim > div{ float: left; border-radius: 5px; max-height: 70px; width: 65%;}

#homepage .spordbtv{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 5px; background: #3d4344; background: linear-gradient(to bottom,#101010,#3d4344); padding: 3px; margin-bottom: 10px;  overflow: hidden; margin-top: 10px;}
#homepage .spordbtv > h3{ font-weight: bold; color: #ffe100; padding: 0 3px; font-size: 13px;}


#homepage .news {margin-bottom: 10px;}
#homepage .news a {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);display:block;background:#101010; margin:5px 0px; color: #ffe100; }
#homepage .news img {height:130px; width:100%;}
#homepage .news span { color: #eee; font-size: 0.9em; padding-left: 5px;}
#homepage .news p { padding: 5px; overflow: hidden; font-size: 0.8em;}
#homepage .news p.manset { height: 1em;}
#homepage .news p.surmanset { background: linear-gradient(to bottom,#fff,#bbb);  color: black; height: 5em; }

#homepage #sporhaberleri{clear: both; margin-top:20px; padding-bottom: 10px; background: linear-gradient(to bottom,#eee,#fff);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#homepage #sporhaberleri h2{ padding: 10px; border: 0px #666 solid; border-radius: 5px 5px 0 0;}
#homepage #sporhaberleri a {display:block; margin:5px 0px; color: #000; }
#homepage #sporhaberleri span { color: #999; font-size: 0.9em; padding-left: 5px;}
#homepage #sporhaberleri p { padding: 5px; overflow: hidden; font-size: 0.8em;}
#homepage #sporhaberleri .sporhaber{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);padding: 10px; background: linear-gradient(to bottom,#fff,#bbb); border: 1px #bbb solid; border-radius: 0;}
#homepage #sporhaberleri .half {height: 135px; overflow: hidden;}
@media screen and (max-width: 768px) {
    #homepage #sporhaberleri .half {height: 250px; overflow: hidden;}
}

#homepage #yazarlar{clear: both; margin-top:20px; background: linear-gradient(to bottom,#eee,#fff);box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#homepage #yazarlar h2{ padding: 10px;  border: 0px #666 solid; border-radius: 5px 5px 0 0;}

#homepage #yazarlar .yazar {padding-bottom: 10px;}
#homepage #yazarlar .yazar a {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);display:block;background:#101010; margin:5px 0px; color: #ffe100; background: linear-gradient(to bottom,#fff,#bbb);border: 1px #bbb solid; border-radius: 10px 10px 0 0;}
#homepage #yazarlar .yazar img {height:100px; display: block; margin: 0 auto; border-radius: 50%;}
#homepage #yazarlar .yazar span { color: #eee; font-size: 0.9em; padding-left: 5px; display: block; background: #000;}
#homepage #yazarlar .yazar p { padding:  5px; overflow: hidden; font-size: 0.8em; background: #000;}
#homepage #yazarlar .yazar p.manset { height: 3em; border-top: 1px #eee solid;}
#homepage #yazarlar .yazar p.surmanset { background: linear-gradient(to bottom,#fff,#bbb);  color: black; height: 4em;}

#homepage .miniscoreboard {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border:none;}

/*#homepage #sporhaberleri {padding: 10px; font-size: 0.9em;}
#homepage #sporhaberleri h2{ padding: 10px; background: linear-gradient(to bottom,#bbb,#fff); border: 1px #666 solid; border-radius: 5px 5px 0 0;}
#homepage #sporhaberleri .sporhaber {border: 1px #666 solid; }
#homepage #sporhaberleri .sporhaber .icerik {height: 50px; overflow: hidden; }
#homepage #sporhaberleri .sporhaber.part1{ }
#homepage #sporhaberleri .sporhaber.part2{height: 100px; border-right: none; border-top: none; }
#homepage #sporhaberleri .sporhaber.part3{height: 100px;  border-left: none;border-top: none;}
#homepage #sporhaberleri .sporhaber .leftside {padding: 5px;}
#homepage #sporhaberleri .sporhaber .leftside img {vertical-align: middle; }
#homepage #sporhaberleri .sporhaber span{border-bottom: 1px #999 solid;}
#homepage #sporhaberleri {}
#homepage #sporhaberleri {}*/





#live{padding-bottom: 30px; }
#live #livepageleftlist{}
#live #livepageleftlist li{background: #EAF7E7; border-bottom: 1px solid #ccc;}
#live [filtervalue~=canli] [updateid*=sonuc]{color:#f60;}
#live [filtervalue~=canli] [updateid*=durum]{color:red;}
#live [updateid*=dakika]{display:none;}
#live [filtervalue~=canli] [updateid*=dakika]{display:inline;}

#signin{}
#signintable{background: url('../image/signin.png') no-repeat; min-height: 600px; border: 1px solid #aaa;}
@media screen and (max-width: 768px) {
    #signintable{background: #eaeaea;}
}
#signintable label{display: block; position: relative; margin-bottom: 5px; overflow: hidden;}
#signintable h3{ font-weight: bold; font-size: larger; margin: 1em 0}
#signintable input[type=text],#signin input[type=email],#signin input[type=password]{padding: 5px 2px 5px 20%; height: 20px; border: 1px #ccc solid; width: 75%;}
#signintable input[type=text]{}
#signintable label i{ position: absolute;background: #eee; left:1px; top:1px; width: 15%; text-align: center; line-height: 30px;}
#signintable input[type=email]{}
#signintable input[type=password]{}
#signintable input[type=checkbox]{}
#signintable input[type=submit]{ float: right; padding: 10px 20px; font-size: 14px; margin-right: 10%; border-radius: 5px; background: #43A74F; color: white; font-weight: bold; border: 1px green solid; }
#signintable a{color:blue;}

#odeme{}
#odemetable{min-height: 600px; border: 1px solid #aaa;}
#odemetable label{display: block; position: relative; margin-bottom: 5px; overflow: hidden;}
#odemetable h3{ font-weight: bold; font-size: larger; margin: 1em 0}
#odemetable input[type=text],#odeme input[type=email],#odeme input[type=password]{padding: 5px 1px 5px 20%; height: 20px; border: 1px #ccc solid; border-top: none;  width: 75%;}
#odemetable input[type=text]{}
#odemetable label i{ position: absolute;background: #eee; left:1px; top:1px; width: 15%; text-align: center; line-height: 30px;}
#odemetable input[type=email]{}
#odemetable input[type=password]{}
#odemetable input[type=checkbox]{}
#odemetable input[type=submit]{ float: right; padding: 10px 20px; font-size: 14px; margin-right: 10%; border-radius: 5px; background: #43A74F; color: white; font-weight: bold; border: 1px green solid; }
#odemetable a{color:blue;}

#matchdetail{ padding-top:0; background: #fff; padding-bottom: 10px;}
#matchdetailscreen .team1,#matchdetail .team2{ font-size:11px;}
#matchdetailscreen .team1 img:first-child{ max-width: 20%; max-height: 2em; margin: 0 0 0 0.5em; float:right;}
#matchdetailscreen .team1 img:nth-child(2){ float:left;}
#matchdetailscreen .team1 h3,#matchdetail .team2 h3{font-weight: bold; font-size: 1.5em; line-height: 2em; height: 2em; padding: 0; overflow:hidden;}
#matchdetailscreen .team1 h3 a,#matchdetail .team2 h3 a{display: inline; }
#matchdetailscreen .team2 img:first-child{ max-width: 20%; max-height: 2em; margin: 0 0.5em 0 0; float: left;}
#matchdetailscreen .team2 img:nth-child(2){  float: right;}
#matchdetailscreen .team1 h3{text-align: right; }
#matchdetailscreen ul{ overflow-x: hidden;  margin: 0.7em; padding: 0 0.5em;/* background: #ececff; border:1px solid #CCC;*/ }
#matchdetailscreen .team1 ul{text-align: right; }
#matchdetailscreen ul li{ height: 1.3em; overflow: hidden;}
#matchdetailscreen ul::-webkit-scrollbar {width: 7px;}
#matchdetailscreen ul::-webkit-scrollbar-track { background-color: #eaeaea;border-left: 1px solid #ccc;  }
#matchdetailscreen ul::-webkit-scrollbar-thumb {  background-color: #ccc;  }  
#matchdetailscreen ul::-webkit-scrollbar-thumb:hover { background-color: #aaa; }

#matchdetailscore{text-align: center;font-size: 1.8em; background: #FFD800; color:black; border-radius: 4px;}
#matchdetailhalf{text-align: center;}
#matchdetailtime{text-align: center;}
#matchdetailhtscore{text-align: center;}
#matchdetaildatetime{text-align: center; font-size: 11px;}
#matchdetailarena{    font-family: Verdana;background: url('../image/widearena.png') no-repeat;background-size: 100% 100%; height: 335px; position: relative; overflow: hidden; border-radius: 5px; }
#matchdetailarena .football{font-family: FontAwesome; font-size: 10px; color: white; position: absolute;transition: all 0.7s ease-in-out;}
#matchdetailarena .football:before{content: "\f1e3";}
#matchdetailarena .playerscontainer > div{width: 14px; height: 14px; background: url('http://www.spordb.com/image/oyuncuciz/FFFFFF/FFFFFF/') no-repeat; background-size: 100% 100%; position: absolute;}
#matchdetailarena .playerscontainer > div[team2]{background-image: url('http://www.spordb.com/image/oyuncuciz/FF0000/FF0000/')}
#matchdetailarena .teamformation1{position: absolute; width: 20%; left:0; bottom: 0;     background: rgba(0,0,0,0.5);color:#eee; text-align: center;font-weight: bold; height: 20px;}
#matchdetailarena .teamformation2{position: absolute; width: 20%; right:0; bottom: 0;     background: rgba(0,0,0,0.5);color:#eee; text-align: center;font-weight: bold;height: 20px;}
#matchdetailarena .referee{font-family: FontAwesome; font-size: 16px; color: #333; position: absolute; }
#matchdetailarena .referee:before{content: "\f007";}
#matchdetailarena .messagewindow{position: absolute; right: 10%; left: 10%; top:-100px; text-align: center; background: rgba(0,0,0,0.5); color:white; font-size: 2em; line-height: 3;}
#matchdetailarena .fixedmessagewindow{position: absolute; right: 20%; left: 20%; bottom:0; text-align: center; background: rgba(0,0,0,0.3); color:white; font-size: 1.2em; height: 20px;}
#matchdetailarena .coach1{position: absolute; width: 140px; left:12%; bottom:10px;  border:0px #e8e8e8 dashed; color:#000066;  text-align: center; height: 1.4em; overflow: hidden;font-weight:bold;}
#matchdetailarena .referee1{position: absolute; right: 39%; left:39%; bottom:10px;  border:1px #e8e8e8 dashed; color:#eee;  text-align: center; height: 1.4em; overflow: hidden;}
#matchdetailarena .referee1 i{color: #3d4344;}
#matchdetailarena .coach2{position: absolute; width: 140px; right:12%; bottom:10px; border:1px #e8e8e8 dashed; color:#eee; text-align: center; height: 1.4em; overflow: hidden;}
#matchdetailarena .advbottom{position: absolute; display: none; left:0; right:0; bottom:0px; height: 70px; opacity: 0.9; background: black; border-top:1px #ccc solid; color:#eee; text-align: center }
#matchdetailarena .advbottom img{position: absolute; left:0; right:0; bottom:0px; top:0; width: 100%; height: 70px; display: block; }

@media screen and (max-width: 767px) {
    #matchdetailscreen .team1 h3,#matchdetail .team2 h3{font-weight: bold; font-size: 1em; line-height: 2em; height: 2em; padding: 0; overflow:hidden;}
    #matchdetailscore{font-size: 1.3em;}
}

#matchdetail form{padding: 1em; background: linear-gradient(to bottom, #333,#666); overflow: hidden;}
#matchdetail form textarea{width: 85%; height: 30px; display: block; float:left; background: white;}
#matchdetail form input[type=submit]{ width: 10%; height: 35px; font-size:12px; display: block; float: right;}

#news{}
#news .news_related_left{background: #EEE; width: 170px; float: left; padding: 10px; margin: 10px 10px 5px 0;}
#news .news_related_left li{list-style:disc; margin-left: 20px;}
#news .main_image{ width: 100%;}
#news .news_content{ text-align: justify;}
#news .news_datetime{ font-size: 0.9em; color: #888; text-align: right;}

.mininews{ color: black;}
.mininews h3{ background: #3d4344; color: #ffe100; border-radius: 5px 5px 0 0; padding: 0.5em 1em;}
.mininews ul{background: #eee; padding: 10px;}
.mininews ul li{ margin: 5px 5px 5px 20px; list-style: disc;}

.relatednews {font-family: oswald;padding: 5px; border: 1px #999 solid; margin: 5px 0 0 0; display: block; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.relatednews:hover {background-color: #DDD; cursor: pointer;box-shadow:none;}
.relatednews h1{font-size: 12px;}
.relatednews img {float: left;padding: 0 5px 0 5px; max-height: 60px; max-width: 100px;}
.relatednews span {}
.relatednews.active {background-color: #d2ff52;}

#scoreboard h3{ margin: 10px 0;}
#scoreboard h3.macdetay-istatistik-baslik{ margin: 1em 0 0 0;}
#scoreboard h3.seriler-baslik{ margin: 1em 0 0 0; text-align: center;}

@media screen and (max-width: 767px) {
    #btanaliz > div:last-child{ max-width: 100%; overflow: auto;}
    #iddaa > div:last-child{ max-width: 100%; overflow: auto;}
}

#footer { background: #404040; color:#999; padding-top: 20px; padding-bottom: 10px;}
#footer2 { background: #383838; color: #797979; padding: 3px; font-size: 11px;}

#mainbannerleft{ position: absolute; left:-150px; top:0; width: 100px; height: 200px; background: transparent;}
#mainbannerleft img{ max-width: 100%;}
#mainbannerright{ position: absolute; right:-160px; top:0; width: 100px; height: 200px; background: transparent;}
#mainbannerright img{ max-width: 100%;}


/* Bet Rates */
.betrates {width: 100%; text-align: center; background: beige; font-size: 9px; font-weight: bold;  border-collapse: collapse;  }
/*.betrates tr:nth-child(1) th{background: linear-gradient(to bottom,#ddd,#ddd); color:green;}
.betrates tr:nth-child(2) td{ color:black; font-weight: bold; }
.betrates tr:last-child td{min-width: 30px;}*/

.betrates .ust{background: #eee; color:green; }
.betrates .orta{background: #f3f6f8; color:gray; font-weight: bold; }
.betrates .alt{background: #fff; min-width: 30px;}
/*
.betrates .td_atla::after{ content: " <td></td>"; }
.betrates .th_atla::after{ content: " <th></th>"; }
*/
/*.betrates tr:last-child td{color: black;     background: #eff6D7; background: linear-gradient(to bottom,#eff6D7,#e0f0D0); color:black;  margin: 2px;    width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}

.betrates td .betred{ background: linear-gradient(to bottom,#ad9,#8a7); ; padding: 0px 15px 0px 15px; color: white;}
*/


/* Team Table */
table.teamtable{ width: 100%;border-collapse: collapse; border: 1px solid #CCC; font-family: verdana,tahoma,arial; font-size:11px;}
table.teamtable img{ max-width: 2em;}
table.teamtable tr{ max-height: 1.5em;}
table.teamtable tr > *{padding: 3px;}
table.teamtable th{line-height: 1; font-weight: bold; text-align: left;}
table.teamtable tr:nth-child(even){}
table.teamtable tr:nth-child(odd){}
table.teamtable tr.header1{background:white ; color:#3E843C; font-size: 1.1em; }
table.teamtable tr.header1 th{line-height: 1.5;}
table.teamtable tr.header2{ background: #D2E5D2; border-bottom: 2px white solid;  }
table.teamtable tr.header2 th{ line-height: 1.5;}
table.teamtable tr.header3{ background: #ffe100; color:#3d4344; }
table.teamtable tr.header3 th{ line-height: 1.5;padding: 5px 3px;}
table.teamtable td{ height: 1.2em; overflow: hidden;}
table.teamtable td.key {font-weight: bold; }
table.teamtable td > div {max-height: 1.2em;overflow: hidden; }
table.teamtable.centerfirst td:first-child,table.teamtable.centerfirst th:first-child{text-align: center; }
table.teamtable+table.teamtable{ margin-top: 10px;}

table.teamtable.style1{ font-size: 10px; }
table.teamtable.style1 tr{ border-bottom: 1px solid #cCC; line-height: 1.2;}
table.teamtable.style1 tr:nth-child(even){background: white;}
table.teamtable.style1 tr:nth-child(odd){background: #eff6d7;}
table.teamtable.style1 tr.header{background: #3d4344; color:#ffe100; padding: 3px 0; font-size: 1em; }
table.teamtable.style1 tr.header th{line-height: 1.1em;}

table.teamtable.style2{ margin-bottom: 10px; padding: 5px; border-radius: 5px; border:0px;}
table.teamtable.style2 td.key{font-weight: bold; }

table.teamtable.style3 {table-layout: fixed; width: 100%;}
table.teamtable.style3 tr:nth-child(even){background: #EFF6D7}
table.teamtable.style3 tr{word-wrap: break-word;}

/* Ajax Table */  
.ajaxtable{}
.ajaxtable ul{font-weight: bold;}
.ajaxtable ul li{float: left; background: #444; padding: 5px 15px; cursor:pointer; position: relative;  color:white;}
.ajaxtable ul:after{content:""; display:block;clear: both;}
.ajaxtable ul li.active{ background: orange; color:#222; background:#84CADB; }
.ajaxtable > span{ display: none;}
.ajaxtable.style1 ul{background: orange; color:white; background: linear-gradient(to bottom,#d50,#fa0); font-size: 12px;}
.ajaxtable.style1 ul li{background: #a50; border-radius: 5px; margin: 3px 0 3px 0; padding: 3px 5px;}
.ajaxtable.style1 ul li.active{ background: #840; color:white;}
.ajaxtable.style2 ul{background: white;}
.ajaxtable.style2 ul li{ background: white; }
.ajaxtable.style2 ul li.active{ background: black; color:white;}
.ajaxtable.style3 ul{background: #DDD; border-bottom: 1px solid #CCC; }
.ajaxtable.style3 ul li{ background: #DDD; font-weight: bold;  }
.ajaxtable.style3 ul li.active{ background: white; color:black; top:1px; border: 1px solid #CCC; border-width: 0px 1px;}
.ajaxtable.style4 ul{background: white; border-radius: 4px 4px 0 0; border-bottom: 5px solid #333; margin-bottom: 3px;}
.ajaxtable.style4 ul li{ background: #888; color: white; padding: 5px 15px; margin: 5px 5px 0 5px ; border-radius: 4px 4px 0 0; }
.ajaxtable.style4 ul li.active{ background: black; color:white;}
.ajaxtable.style5 ul{background: white; text-align: center;}
.ajaxtable.style5 ul li{ background: linear-gradient(to bottom,#101010,#3d4344); color:#ffe100; padding: 3px 20px; margin: 5px 5px 0 5px ; border-radius: 3px; font-size: 11px; min-width: 60px;}
.ajaxtable.style5 ul li.active{ background: #ffe100; color:#3d4344;}

/*.ajaxtable.style6 ul{background: #05abe0;}*/
.ajaxtable.style6 ul li{ background:#ddd; color: #333; padding: 3px 20px; margin: 2px 2px 2px 2px ; border-radius: 3px 3px 0 0; font-size: 10px;}
.ajaxtable.style6 ul li.active{ background: #3d4344; color:#ffe100;}
.ajaxtable.style6 ul li:hover{ background: #DC143C;}

.ajaxtable.style7 ul{background:#3d4344; margin-bottom: 10px;}   
.ajaxtable.style7 ul li{ background:#ddd; color: #333; padding: 3px 20px; margin: 2px 2px 2px 2px ; border-radius: 3px 3px 0 0; font-size: 10px;}
.ajaxtable.style7 ul li.active{ background: #ffe100; color:#3d4344;}


.ajaxtable.style8 ul{background: white;}
.ajaxtable.style8 ul li{ background:#ddd; color: #333; padding: 3px 20px; margin: 5px 5px 0 5px ; border-radius: 3px; font-size: 12px; width: 80px;}
.ajaxtable.style8 ul li.active{ background: #f60; color:white;}
.ajaxtable.style9 ul{background:#3d4344;}   
.ajaxtable.style9 ul li{ background:#ddd; color: #333; padding: 3px 20px; margin: 5px ; border-radius: 3px; font-size: 12px;}
.ajaxtable.style9 ul li.active{ background: #ffe100; color:#3d4344;}

.ajaxtable div{}

.ajaxtable.minitable ul { background: #3d4344; color:#222; background: linear-gradient(to bottom,#101010,#3d4344); /*border-radius: 5px;*/}
.ajaxtable.minitable ul li.active { background: #3d4344; color:#ffe100; background: linear-gradient(to bottom,#101010,#3d4344); /*border-radius: 5px;*/ }
.ajaxtable ul.minitable  > li{background: linear-gradient(to bottom, #101010,#3d4344); float: left;  padding: 5px 15px; cursor:pointer; position: relative;  color:#ffe100; border-top-left-radius: 5px;}
.ajaxtable.minitable ul:after{content:""; display:block;clear: both;}
.ajaxtable.style1 ul.minitable {background: #fff; color:#3d4344; background: linear-gradient(to bottom,#FFF,#FFF); font-size: 12px;}
.ajaxtable.style1 ul.minitable  li{border-radius: 5px; margin: 3px; padding: 3px 5px; min-width: 60px; }
.ajaxtable.style1 ul.minitable  li.active{ background: #ffe100; color:#3d4344;}
.ajaxtable ul.minitable2 {background: #fff; font-size: 0.8em; margin: 0 auto; padding: 0 5px;   background: linear-gradient(to bottom,#eee,#bbb); }
.ajaxtable ul.minitable2 > li{ padding-right: 5px; background: none; color: #006431;}
.ajaxtable.minitable { border:5px inset #DDD; }

.standarttable{}
.standarttable ul{font-weight: bold;}
.standarttable ul li{float: left; background: #444; padding: 5px 15px; cursor:pointer; position: relative;  color:white;}
.standarttable ul:after{content:""; display:block;clear: both;}
.standarttable ul li.active{ background: orange; color:#222; background:#84CADB; }
.standarttable.style1 ul{background: orange; color:white; background: linear-gradient(to bottom,#d50,#fa0); font-size: 12px;}
.standarttable.style1 ul li{background: #a50; border-radius: 5px; margin: 3px; padding: 3px 5px;}
.standarttable.style1 ul li.active{ background: #840; color:white;}
.standarttable ul.minitable2 {background: #fff; font-size: 0.8em; margin: 0 auto; padding: 0 5px;   background: linear-gradient(to bottom,#eee,#bbb); }
.standarttable ul.minitable2 > li{ padding-right: 5px; background: none; color: #006431;}



/* Data Table */
.datatable{width: 100%; border-collapse: collapse; font-size:10px; background: white; font-family: verdana,tahoma,arial;}
.datatable tr{border-bottom: 1px solid #CCC;}
.datatable tr.even{background: #EFF6D7;}/**/
.datatable tr.even.biten{background: #DDD;}/**/
.datatable tr.odd.biten{background: #EEE;}/**/
.datatable tr.detail{background: #f8f8f8;background: beige;display: none;}
.datatable tr td[colhidden],.datatable tr th[colhidden]{display: none;}
.datatable .tableheader{background: orange;background: #006431; color:white;}
.datatable .tableheader th{ border:none;}
.datatable .tableheader.headermiddle th{text-align: center; border:1px solid #CCC; border-width: 0 1px;;}
.datatable .tablemainheader{text-align: left; font-weight: bold;}
.datatable .tablemainheader.searcharea{ font-size: 1em; line-height: 2; color:#333; }
.datatable .tablemainheader.searcharea i{ float: right;}
.datatable .tablemainheader.searcharea input{float:right; font-size:1.0em; width: 80px; border-radius: 4px; padding: 2px 4px;}
.datatable .tablemainheader td{ background: white; font-size: 10px;}
.datatable .tablemainheader th{ background: linear-gradient(to bottom, #3d4344,#4d5354); color:#ffe100; font-size: 10px;;}
.datatable .tablefilter{ text-align: left;}
.datatable .tablefilter div.fixed{ position: relative; background: lightgray; border-bottom: 2px solid black;}
.datatable .tablefilter select{ font-size:1em; padding: 3px 5px; margin:5px;border: solid 0px #c9c9c9;box-shadow: inset 0 0 0 1px #707070;transition: box-shadow 0.3s, border 0.3s;border-radius:4px;background: #ffaf4b;cursor:pointer;}
.datatable .tablefilter button{ font-size:1.1em; border-radius: 4px; background:#EFF6D7; border: none; padding: 4px 5px; margin:5px;}
.datatable .tablefilter input[type=datepicker]{font-size:1em; padding: 2px 4px; margin:5px; width: 100px; text-align: center; }
.datatable .tablefilter label{display: inline-block; padding: 2px 4px; margin: 3px; background: white; border-radius: 4px; cursor: pointer;}
.datatable th[sortable]{ cursor: pointer;}
.datatable th[sortable]:after{content:"\f0dc";font-family: FontAwesome; margin:0 3px 0 1px; font-weight: normal;}
.datatable th[sortable][sortorder=asc]:after{content:"\f0dd";}
.datatable th[sortable][sortorder=desc]:after{content:"\f0de";}
.datatable td[sorted]{background: lightblue;}
.datatable i.fa-plus-circle{cursor: pointer;}
.datatable i.fa-plus-circle fa-2x{cursor: pointer;}

.datatable td[searcharea]{float: right;}
.datatable td[searcharea] input{width: 50px;}

/* Flow Table */
.flowtable{margin-bottom: 10px;}
.flowtable > h3{background:#31833C; color: white; font-weight: bold; padding: 0.5em 1em; border-radius: 5px 5px 0 0;}
.flowtable > div{height: 38em; overflow: auto; font-size: 11px;}
.flowtable > div::-webkit-scrollbar {width: 10px;}
.flowtable > div::-webkit-scrollbar-track { background-color: #eaeaea;border-left: 1px solid #ccc;  }
.flowtable > div::-webkit-scrollbar-thumb {  background-color: #ccc;  }  
.flowtable > div::-webkit-scrollbar-thumb:hover { background-color: #aaa; }
.flowtable > div > table{border-collapse: collapse; width: 100%; color:white;}
.flowtable > div > table td { padding: 0.2em 0.5em;}
.flowtable > div > table td:first-child{ width: 20%; max-height: 1em; color:#FFD800; overflow: hidden;font-weight: bold;}
.flowtable > div > table tbody tr:nth-child(even){ background: rgba(240,255,245,0.3)}
.flowtable > div > table tbody tr:nth-child(odd){background: rgba(255,255,255,0.1);}
.flowtable > div > table tbody tr:first-child{ color:#FFD800;}
/*.flowtable.style1 > h3{background: green; color: white;}
.flowtable.style1 > div > table tr:nth-child(even){ background: lightgreen;}
.flowtable.style1 > div > table tr:nth-child(odd){background: lightgoldenrodyellow;}
.flowtable.style1 > div > table tr:first-child{ background: yellow;;}
.flowtable.style2 > h3{background: darkblue; color: white;}
.flowtable.style2 > div > table tr:nth-child(even){ background: lightblue;}
.flowtable.style2 > div > table tr:nth-child(odd){background: lightgoldenrodyellow;}
.flowtable.style2 > div > table tr:first-child{ background: yellow;;}
*/


@keyframes blink {
    0% { background: rgba(0,0,255,0.2); }
    100% { background: tranparent;color:white;}
}
.blink {  
    animation: blink 0.5s linear infinite;
}
@keyframes blink2 {
    0% { visibility:visible; color:white;} 
    100% { visibility: hidden; color:black;}
}
.blink2 {
    font-weight: bold;
    /*animation: blink2 1s linear infinite;*/
}

@keyframes tdblink {
    0% {background:white;} 
    100% {background:#ff3333; }
}
.tdblink {
    animation: tdblink 1s linear infinite;
}


.genis { padding-left: 1px; padding-right: 1px;}
.ortala {text-align: center; padding:0 1px}
.sagayasla {text-align: right;padding-right:1px;}
.solayasla {text-align: left; padding-left:1px;}
.yukariyasla {vertical-align: top;}

.canli-bt-symbol {    color: #FFF;    font-weight: bold;    background-color: #58b1c7;  display: inline-block;   width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
.canli-y-symbol {    color: #FFF;    font-weight: bold;    background-color: #f60;  display: inline-block;   width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}

.kucukyap {font-size: 10px;}
.vurgulu {font-weight: bold; color: #ff0000;}
.bg-seffaf{background: transparent;}
.sagborder {border-right: 1px solid #ccc;}


.mbs-symbol1 {    color: #FFF;    font-weight: bold;    background-color: #333f48;    float: left;    width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
.mbs-symbol2 {    color: #FFF;    font-weight: bold;    background-color: #fa4616;    float: left;    width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
.mbs-symbol3 {    color: #FFF;    font-weight: bold;    background-color: #2691b9;    float: left;    width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
.mbs-symbol4 {    color: #FFF;    font-weight: bold;    background-color: #00843d;    float: left;    width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
.mbs-symbol5 {    color: #FFF;    font-weight: bold;    background-color: #D4AF37;    float: left;    width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}

#kupon_bilet_table .mbs-symbol1 {    float:none; padding: 1px 5px;}
#kupon_bilet_table .mbs-symbol2 {    float:none; padding: 1px 5px;}
#kupon_bilet_table .mbs-symbol3 {    float:none; padding: 1px 5px;}
#kupon_bilet_table .mbs-symbol4 {    float:none; padding: 1px 5px;}
#kupon_bilet_table .deletebutton { display: inline; background: red; padding: 1px 5px;    color: white;    padding: 3px 6px;    font-size: 12px;}


scoreboard-cup-filter {background:#3d4344; margin-bottom: 10px;}   

.scoreboard td{ padding-right: 5px;}

.handikap {	 font-size:0.9em; line-height:1.4; color:red; padding:0px 2px; cursor:help;}
.handikap2 {	 font-size:0.9em; line-height:1.4; color:red; padding:0px 2px;}
.handikap:after {	 content: ") ";}
.handikap:before {	 content: " (";}
.sagakaydir{ float:right;}
.solakaydir{ float:left;}

.kirmizikart {	background:red; font-size:0.9em; line-height:1.4; color:white; padding:0px 2px; cursor:help; display:inline-block;}
.sarikart {	background:orange; font-size:0.9em; line-height:1.4; color:white; padding:0px 2px; cursor:help; display:inline-block;}

.border-left-1{ border-left: 1px solid #ccc;  }

.macdetay-lig-header{ padding-top: 5px; padding-bottom: 10px; background-color: #3d4344; color: #FFF; margin-bottom: 5px; }
.macdetay-lig-header.stad{ background-color:#DDD; color: #000000;}
.macdetay-lig-header.stad span{ padding-right: 10px;}




.macdetay-liste { font-size:1em; width:100%;text-align: left; background-color: white; color:black;  }
.macdetay-liste a:link {color: blue;}
.macdetay-liste a:hover {color: red;}
.macdetay-liste a:visited{color: blue;}
.macdetay-liste caption {font-size: 1.5em; padding: 5px; text-align:  center;background-color: white; border-radius: 5px 5px 0 0;}
.macdetay-liste tr:nth-child(even){background-color: #EFF6D7;}

#yazi{}
#yazi .news_related_left{background: #EEE; width: 170px; float: left; padding: 10px; margin: 10px 10px 5px 0;}
#yazi .news_related_left li{list-style:disc; margin-left: 20px;}
#yazi .main_image{ width: 100%;}
#yazi .news_content{ text-align: justify;}
#yazi .news_datetime{ font-size: 0.9em; color: #888; text-align: right; }
#yazi .yazar {font-size: 0.9em; color: #888; text-align: right;}

#yazar{  /*max-height: 330px; overflow: hidden;*/}
#yazar h3{ background: #3d4344; color:#FFF;font-size:1.2em;  line-height: 24px;  padding: 5px; margin:5px; margin-bottom: 0; border: 1px solid #666;padding: 5px 15px;-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;overflow: hidden; height: 20px; white-space: nowrap;}
#yazar .main_image{ width: 70%; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%; margin: auto; display: block;  }
#yazar .news_datetime{ width: 100%; font-size: 0.9em; color: #888; text-align: right;padding-left: 5px; }
#yazar .content { background: #3d4344; color:#FFF;  margin:5px; margin-top: 0;}
#yazar .mini_image{ background-size: 100% 80px; overflow: none; height: 80px; margin: auto; display: block; margin-top: 5px;}
#yazar .content a{color: #F0C36D;width: 100%; display: block; border-top: 1px solid #666; }
#yazar .content a:hover{color: #FFD800}
#yazar .content a.link{border-bottom: 1px solid #666; overflow: hidden; height: 38px; }

#yazar .yazar a {display:block;background:#101010; margin:5px 0px; color: #ffe100; background: linear-gradient(to bottom,#fff,#bbb);border: 1px #666 solid; border-radius: 10px 10px 0 0;}
#yazar .yazar img {height:100px; display: block; margin: 0 auto; border-radius: 50%;}
#yazar .yazar span { color: #eee; font-size: 0.9em; padding-left: 5px; display: block; background: #000;}
#yazar .yazar p { padding:  5px; overflow: hidden; font-size: 0.8em; background: #000;}
#yazar .yazar p.manset { height: 3em; border-top: 1px #eee solid;}
#yazar .yazar p.surmanset { background: linear-gradient(to bottom,#fff,#bbb);  color: black; height: 4em;}
#yazar .yazar p.mansetimg { background: linear-gradient(to bottom,#fff,#bbb);  color: black; height: 8em;}
#yazar .yazar p.mansetimg img {height: 100%; border-radius:0;}

#yazar2{ display:none; /*max-height: 330px; overflow: hidden;*/}
#yazar2 h3{ background: #3d4344; color:#FFF;font-size:1.2em;  line-height: 24px;  padding: 5px; margin:5px; margin-bottom: 0; border: 1px solid #666;padding: 5px 15px;-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;overflow: hidden; height: 20px; white-space: nowrap;}
#yazar2 .main_image{ width: 70%; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%; margin: auto; display: block;  }
#yazar2 .news_datetime{ width: 100%; font-size: 0.9em; color: #888; text-align: right;padding-left: 5px; }
#yazar2 .content { background: #3d4344; color:#FFF;  margin:5px; margin-top: 0;}
#yazar2 .mini_image{ background-size: 100% 80px; overflow: none; height: 80px; margin: auto; display: block; margin-top: 5px;}
#yazar2 .content a{color: #F0C36D;width: 100%; display: block; border-top: 1px solid #666; }
#yazar2 .content a:hover{color: #FFD800}
#yazar2 .content a.link{border-bottom: 1px solid #666; overflow: hidden; height: 38px; }

#yazar2 .yazar a {display:block;background:#101010; margin:5px 0px; color: #ffe100; background: linear-gradient(to bottom,#fff,#bbb);border: 1px #666 solid; border-radius: 10px 10px 0 0;}
#yazar2 .yazar img {height:100px; display: block; margin: 0 auto; border-radius: 50%;}
#yazar2 .yazar span { color: #eee; font-size: 0.9em; padding-left: 5px; display: block; background: #000;}
#yazar2 .yazar p { padding:  5px; overflow: hidden; font-size: 0.8em; background: #000;}
#yazar2 .yazar p.manset { height: 3em; border-top: 1px #eee solid;}
#yazar2 .yazar p.surmanset { background: linear-gradient(to bottom,#fff,#bbb);  color: black; height: 4em;}
#yazar2 .yazar p.mansetimg { background: linear-gradient(to bottom,#fff,#bbb);  color: black; height: 8em;}
#yazar2 .yazar p.mansetimg img {height: 100%; border-radius:0;}

.pozisyonhome{       background: #FCF4A2 linear-gradient(to bottom,#FCF4A2,#B88361); text-align: center; width: 20px; margin:0 auto; display: inline-block;}
.pozisyonaway{       background: #8FE86B linear-gradient(to bottom,#8FE86B,#7BAD89); text-align: center; width: 20px; margin:0 auto; display: inline-block;}


.d { background-repeat: no-repeat; background-position: left top;background-image: url('../image/dakika.png'); width: 36px; height: 36px; display: inline-block;text-align: center;font-size: 10px;font-weight: bold;line-height: 8px;text-shadow: 2px 2px #cbcbcb;}
.d_1 { background-position: 0px 0px; }
.d_2 { background-position: -36px 0px; }
.d_3 { background-position: -72px 0px; }
.d_4 { background-position: -108px 0px; }
.d_5 { background-position: -144px 0px; }
.d_6 { background-position: -180px 0px; }
.d_7 { background-position: -216px 0px; }
.d_8 { background-position: -252px 0px; }
.d_9 { background-position: -288px 0px; }
.d_10 { background-position: -324px 0px; }
.d_11 { background-position: 0px -36px; }
.d_12 { background-position: -36px -36px; }
.d_13 { background-position: -72px -36px; }
.d_14 { background-position: -108px -36px; }
.d_15 { background-position: -144px -36px; }
.d_16 { background-position: -180px -36px; }
.d_17 { background-position: -216px -36px; }
.d_18 { background-position: -252px -36px; }
.d_19 { background-position: -288px -36px; }
.d_20 { background-position: -324px -36px; }
.d_21 { background-position: 0px -72px; }
.d_22 { background-position: -36px -72px; }
.d_23 { background-position: -72px -72px; }
.d_24 { background-position: -108px -72px; }
.d_25 { background-position: -144px -72px; }
.d_26 { background-position: -180px -72px; }
.d_27 { background-position: -216px -72px; }
.d_28 { background-position: -252px -72px; }
.d_29 { background-position: -288px -72px; }
.d_30 { background-position: -324px -72px; }
.d_31 { background-position: 0px -108px; }
.d_32 { background-position: -36px -108px; }
.d_33 { background-position: -72px -108px; }
.d_34 { background-position: -108px -108px; }
.d_35 { background-position: -144px -108px; }
.d_36 { background-position: -180px -108px; }
.d_37 { background-position: -216px -108px; }
.d_38 { background-position: -252px -108px; }
.d_39 { background-position: -288px -108px; }
.d_40 { background-position: -324px -108px; }
.d_41 { background-position: 0px -144px; }
.d_42 { background-position: -36px -144px; }
.d_43 { background-position: -72px -144px; }
.d_44 { background-position: -108px -144px; }
.d_45 { background-position: -144px -144px; }
.d_46 { background-position: -180px -144px; }
.d_47 { background-position: -216px -144px; }
.d_48 { background-position: -252px -144px; }
.d_49 { background-position: -288px -144px; }
.d_50 { background-position: -324px -144px; }
.d_51 { background-position: 0px -180px; }
.d_52 { background-position: -36px -180px; }
.d_53 { background-position: -72px -180px; }
.d_54 { background-position: -108px -180px; }
.d_55 { background-position: -144px -180px; }
.d_56 { background-position: -180px -180px; }
.d_57 { background-position: -216px -180px; }
.d_58 { background-position: -252px -180px; }
.d_59 { background-position: -288px -180px; }
.d_60 { background-position: -324px -180px; }
.d_61 { background-position: -0px -216px; }
.d_62 { background-position: -36px -216px; }
.d_63 { background-position: -72px -216px; }
.d_64 { background-position: -108px -216px; }
.d_65 { background-position: -144px -216px; }
.d_66 { background-position: -180px -216px; }
.d_67 { background-position: -216px -216px; }
.d_68 { background-position: -252px -216px; }
.d_69 { background-position: -288px -216px; }
.d_70 { background-position: -324px -216px; }
.d_71 { background-position: 0px -252px; }
.d_72 { background-position: -36px -252px; }
.d_73 { background-position: -72px -252px; }
.d_74 { background-position: -108px -252px; }
.d_75 { background-position: -144px -252px; }
.d_76 { background-position: -180px -252px; }
.d_77 { background-position: -216px -252px; }
.d_78 { background-position: -252px -252px; }
.d_79 { background-position: -288px -252px; }
.d_80 { background-position: -324px -252px; }
.d_81 { background-position: 0px -288px; }
.d_82 { background-position: -36px -288px; }
.d_83 { background-position: -72px -288px; }
.d_84 { background-position: -108px -288px; }
.d_85 { background-position: -144px -288px; }
.d_86 { background-position: -180px -288px; }
.d_87 { background-position: -216px -288px; }
.d_88 { background-position: -252px -288px; }
.d_89 { background-position: -288px -288px; }
.d_90 { background-position: -324px -288px; }
.d_91 { background-position: 0px -324px; }
.d_92 { background-position: -36px -324px; }
.d_93 { background-position: -72px -324px; }
.d_94 { background-position: -108px -324px; }
.d_95 { background-position: -144px -324px; }
.d_96 { background-position: -180px -324px; }
.d_97 { background-position: -216px -324px; }
.d_98 { background-position: -252px -324px; }
.d_99 { background-position: -288px -324px; }
.d_100 { background-position: -324px -324px; }
.d_101 { background-position: 0px -360px; }
.d_102 { background-position: -36px -360px; }
.d_103 { background-position: -72px -360px; }
.d_104 { background-position: -108px -360px; }
.d_105 { background-position: -144px -360px; }
.d_106 { background-position: -180px -360px; }
.d_107 { background-position: -216px -360px; }
.d_108 { background-position: -252px -360px; }
.d_109 { background-position: -288px -360px; }
.d_110 { background-position: -324px -360px; }
.d_111 { background-position: 0px -396px; }
.d_112 { background-position: -36px -396px; }
.d_113 { background-position: -72px -396px; }
.d_114 { background-position: -108px -396px; }
.d_115 { background-position: -144px -396px; }
.d_116 { background-position: -180px -396px; }
.d_117 { background-position: -216px -396px; }
.d_118 { background-position: -252px -396px; }
.d_119 { background-position: -288px -396px; }
.d_120 { background-position: -324px -396px; }

.macdetay-istatistik{     border: 1px #666 solid;     border-top:none;     padding: 10px;        width:100%;     font-weight: bold;     color: #000000;     text-align: left;     font-size: 10px;     line-height: 2;        background: #3d4344; color:#ffe100; } 
div.macdetay-istatistik{color:#fff;}

table.macdetay-istatistik tr:nth-child(odd) {    background: #495454;}

h4.macdetay-istatistik-baslik {     margin: 0;     font-weight: bold;     font-size: 0.9em;     line-height: 18px;      border: 1px solid #666;     padding: 5px 15px;      background: #3d4344; color:#FFF;     -webkit-border-radius: 0;     -moz-border-radius: 0;     border-radius: 0; } 
.macdetay-istatistik-baslik {     margin: 1em 0 0 0;     font-weight: bold;     position: relative;     font-size: 1.0em;     line-height: 20px;      border: 1px solid #666;      padding: 5px 15px;      -webkit-border-radius: 10px 10px 0px 0px;     -moz-border-radius: 10px 10px 0px 0px;     border-radius: 10px 10px 0px 0px;      background: #3d4344; color:#FFF; }  
.macdetay-istatistik-baslik span {   float:right;  margin: 0;   font-weight: normal;  position: relative;     font-size: 0.9em;         border: none;  padding:0;   background: #3d4344; color:#FFF;     font-style: italic;     text-align: right;  }  
.macdetay-istatistik-not {     margin: 0;     position: relative;     font-size: 0.9em;         border: 1px solid #666;     padding: 5px 15px;         background: #3d4344; color:#FFF;     font-style: italic;     text-align: right; } 
.macdetay-aralarindaki{     border: 1px #666 solid;     border-top:none;     padding: 10px;       padding-top: 0;     width:100%;     color: #000000;     text-align: left;     background: #3d4344; color:#ffe100;     font-size:0.8em; }  
.macdetay-aralarindaki th {     margin: 0;     font-weight: bold;     font-size: 0.9em;     line-height: 16px;      border: 1px solid #666;     padding: 5px 15px;      background: #3d4344; color:#FFF; } 

.macdetay-aralarindaki tr th {overflow: hidden; white-space: nowrap; color: #ffe100; font-size: 0.9em;}
.macdetay-aralarindaki tr td {overflow: hidden; white-space: nowrap; color: #fff;}
/*#aralarindaki2 {height: 300px; overflow-y:scroll auto; overflow-x:hidden; }*/
.macdetay-aralarindaki .skor{background: #ff6200; color:#FFF;border: solid 1px #ddd;border-radius: 4px;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;font-weight: bold;text-align: center; display: block;}
.macdetay-aralarindaki .takim{color:#fff;border: solid 1px #ddd;border-radius: 4px;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;text-align: center; display: block;}
.macdetay-aralarindaki .takim.winner{color:#ffe100;border: solid 1px #ddd;border-radius: 4px;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;text-align: center; display: block;font-weight: bold;}
.macdetay-aralarindaki .lig{color:#aaa;border-radius: 4px;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;text-align: center; display: block;}
.macdetay-aralarindaki .tarih{color:#bbb;;border-radius: 4px;padding-top: 1px;padding-bottom: 1px;text-decoration: none;min-width: 30px;text-align: center; display: block;}

.seriler{     border: 1px #666 solid;     border-top:none;     padding: 10px;        width:100%;     font-weight: bold;     color: #ffe100;     text-align: left;     font-size: 10px;     line-height: 2;        background: #3d4344; } 
.seriler-baslik {     margin: 1em 0 0 0;     font-weight: bold;     position: relative;     font-size: 1.0em;     line-height: 20px;      border: 1px solid #666;      padding: 5px 15px;      -webkit-border-radius: 10px 10px 0px 0px;     -moz-border-radius: 10px 10px 0px 0px;     border-radius: 10px 10px 0px 0px;      background: #3d4344; color:#FFF; }  
.seriler-not {     margin: 0;     position: relative;     font-size: 0.9em;         border: 1px solid #666;     padding: 5px 15px;         background: #3d4344; color:#FFF;     font-style: italic;     text-align: right; } 
div.seriler{color:#fff;}
h3.seriler-baslik {     margin: 0;     } 
h4.seriler-baslik {     margin: 0;     font-weight: bold;     font-size: 0.9em;     line-height: 18px;      border: 1px solid #666;     padding: 5px 15px;      background: #3d4344; color:#FFF;     -webkit-border-radius: 0;     -moz-border-radius: 0;     border-radius: 0; } 

.meter-sayi {    color: #3d4344;    font-weight: bold;    background-color: #ffe100;    float: left;    min-width: 25px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
.meter span {    background-color: #ff6200; display: block; white-space: nowrap; color:#FFF;    font-weight: bold;    float: left;    width: 20px;    height: 15px;    text-align: center;        border-radius: 3px;    font-size: 9px;    line-height: 15px;}
.meter {width:100%; display: block;}

#tahminarena { background: url('../image/arena.png') no-repeat;height: 200px; background-size: 100% 100%; position: relative; overflow: hidden; border-radius: 5px; text-align: center;}
#tahminarena .scorewrapper { padding: 0 5px 0 5px;  background-color: rgba(255,255,255,0.4); border-radius: 5px; font-size: 2.8em; border: 1px solid; margin-top: 8%;  display: inline-block;}
#tahminarena #score1 { padding: 0 10px 0 10px;color:black;  }
#tahminarena #score2 { padding: 0 5px 0 5px;color:black;  }
#tahminarena #minute { padding: 0 5px 0 5px; }

#baskettahminarena { background: url('../image/basketarena.png') no-repeat;height: 200px; background-size: 100% 100%; position: relative; overflow: hidden; border-radius: 5px; text-align: center;}
#baskettahminarena .scorewrapper { padding: 0 5px 0 5px;  background-color: rgba(255,255,255,0.4); border-radius: 5px; font-size: 2.8em; border: 1px solid; margin-top: 8%;  margin-bottom: 8%; display: inline-block;}
#baskettahminarena #score1 { padding: 0 10px 0 10px;color:black;  }
#baskettahminarena #score2 { padding: 0 5px 0 5px;color:black;  }
#baskettahminarena #minute { padding: 0 5px 0 5px;color:#666;}


#tahminmesaj { color: #fff; padding: 0 5px 0 5px;  background-color: rgba(128,0,0,0.9); border-radius: 5px; font-size: 1em; border: 1px solid; margin-top: 1%; display: block; }


#frmTahmin input {float: right;}

.dikey-border {border-right:3px solid #BECBD3;}


.inner-container{
    width: 960px;
    margin: 22.5px auto 0 auto;
    font-size: 12px;
    font-family: 'Myriad Pro';
    direction: ltr;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    color: #989898;
    box-sizing: border-box;
}

#tvprogramscore{text-align: center;font-size: 1.7em; background: #FFD800; color:black; border-radius: 4px; white-space:nowrap;}

#oranistatistikscore{text-align: center;background: #FFD800; color:black; border-radius: 4px; white-space:nowrap; padding: 1px 3px; font-size: 11px;}
#oranistatistikhtscore{text-align: center; color:black; white-space:nowrap; font-weight: normal;}


@media screen and (min-width: 768px) {
    .min-width-900{min-width: 900px;}
    .min-width-640{min-width: 640px;}
    .yayin{ font-size:1.3em;}
}
@media screen and (max-width: 768px) {
    #tvprogramscore{font-size: 1.2em;}
    .mobile-grid-parent{    padding-left: 0;    padding-right: 0;}


}

#share_button {background: #3b5998 url('/image/share-button.png') no-repeat; padding-left: 32px; height: 32px; color: #FFF; border: none;}

#placeholder300x250 {content: '300x250'; margin:5px auto; width: 300px; height: 250px; background: linear-gradient(to bottom,#ddd,#aaa,#eee); font-size:50px; color: #999; text-align: center;}
#placeholder468x60 {content: '468x60'; margin:5px auto; width: 468px; height: 60px; background: linear-gradient(to bottom,#ddd,#aaa,#eee); font-size:50px; color: #999; text-align: center;}

#oranistatistik {}
#oranistatistik p.success{display: block; }
/*#oranistatistik p.success:before{content: "\f0a2";}*/
#oranistatistik p.warning{display: block; color: #999; }



.hide-on-click {display:none;}

#ligyorumlari {}
#ligyorumlari > div {}
#ligyorumlari a {display:block;background:#101010; margin:5px 0px; color: #ffe100; background: linear-gradient(to bottom,#fff,#bbb);box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);}
#ligyorumlari img {height:100px; display: block; margin: 0 auto;}
#ligyorumlari span { color: #eee; font-size: 0.9em; padding-left: 5px; display: block; background: #000;}
#ligyorumlari p { padding:  5px; overflow: hidden; font-size: 0.8em; background: #000;}
#ligyorumlari p.manset { height: 3em; border-top: 1px #eee solid;}
#ligyorumlari p.surmanset { background: #fff;  color: black; height: 4em;}
#ligyorumlari p.mansetimg { background: linear-gradient(to bottom,#fff,#bbb);  color: black; height: 8em;}
#ligyorumlari p.mansetimg img {height: 100%; }

.forum {}
.forum.mini {font-size: 10px;}
.forum .mac {color:#006431;}
.forum .mac a {font-weight:normal;overflow:hidden;line-height:18px;}
.forum .uye span{display: block;}
.forum .uye span.adi{font-weight:bold; color:#f60; }
.forum .uye.admin span.adi{color: maroon; }
.forum .uye span.saat{}
.forum .kanal i{font-size:15px; line-height:2}
.forum .mesaj.admin{color: maroon; }

.responsive-table{    overflow-x:auto; overflow-y: scroll;  height: 100%;}
.responsive-table table.datatable {position: relative;font-family: tahoma; font-size: 11px; border-collapse: collapse;}
.responsive-table table.datatable  th { background-color: #006431;   position: sticky;  top: 0; /* Don't forget this, required for the stickiness */}


.oddscontainer > *{
    display: inline-block;
    margin: 4px;
}

.odds {
    display: inline-block;
    min-width: 50px;
    text-align: center;
    position: relative;
} 

.odds .oddsvalue {
    font-weight: bold;
    border: 1px solid #7c7c7c;
    background: #fff;
}
.odds .oddschoise {
    background: #7c7c7c;
    color: white;
    padding: 1px 3px;
    border-radius: 0 0 5px 5px;
}
.odds .oddstype {
    background: #7c7c7c;
    color: white;
    padding: 1px 3px;
    border-radius: 5px 5px 0 0;
    white-space: nowrap;
}

.odds.selected .oddstype{
    background: rgba(255, 175, 75,0.8);
    color: black;
}
.odds.selected .oddschoise{
    background: rgba(255, 175, 75,0.8);
    color: black;
}
.odds.selected .oddsvalue{
    border: 1px solid rgba(255, 175, 75,0.8);
}

.odds .oddsicon {
    position: absolute;
    bottom: -4px; right: -8px;
    width: 16px;
    height: 16px;
}

.odds .icontext {
    position: absolute;
    left: 14px;
    padding: 0 4px;
    display: inline-block;
    border: 1px solid #028643;
    background: #028643;
    color: white;
    border-radius: 2px;
    display: none;
}

.odds:hover .icontext{
    display: inline-block;
    z-index: 1;

}

.odds .oddsicon-bilyoner {background: url('/image/reklam/bilyoner/favicon.png');}

.bilyonerdeoyna {
    background-color: #038643;
    display: block;
    padding: 10px 10px;
    font-size: 1.2em;
    color:#fff;
    text-align: center;
}

a.bilyonerdeoyna {
    border-radius: 10px;
    display: inline-block;
    padding: 5px 10px;
    color: #ffe100;
    background: #000 linear-gradient(to bottom, #101010, #343344);
    margin: 0 10px;
}