@font-face {
    font-family: "Uyghuredit lotus";
    src:url(UYGHURE0.eot);
}

BODY
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-family:Tahoma;
}

.main
{
    width: 938px;
}

.sporlink:link
{
    font-family: "Uyghuredit lotus",;
    font-size: 12px;
    color: Gray;
    height: 17px;
    text-decoration: none;
    text-align: left;
}
.sporlink:hover
{
    font-family: "Uyghuredit lotus",;
    font-size: 12px;
    color: Gray;
    height: 17px;
    text-decoration: none;
    text-align: left;
}
.sporlink:visited
{
    font-family: "Uyghuredit lotus",;
    font-size: 12px;
    color: Gray;
    height: 17px;
    text-decoration: none;
    text-align: left;
}

.takimlarbaslikyesil
{
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: green;
    background-color: white;
    height: 20px;
}
.TakimAdi1
{
    background-color: #F0F0F0;
    width: 200px;
    height: 20px;
}
.TakimAdi2
{
    background-color: #D8D8D8;
    width: 200px;
    height: 20px;
}
.MacSonucu1
{
    background-color: #F0F0F0;
    width: 80px;
    text-align: center;
    height: 20px;
}
.MacSonucu2
{
    background-color: #D8D8D8;
    width: 80px;
    text-align: center;
    height: 20px;
}
.sonuc1
{
    background-color: #F0F0F0;
    color: green;
    width: 80px;
    text-align: center;
    height: 20px;
}
.sonuc2
{
    background-color: #D8D8D8;
    width: 80px;
    color: green;
    text-align: center;
    height: 20px;
}
.tablebackground
{
    text-decoration: none;
}

.ustcizgitable
{
    width: 860px;
    height: 37px;
}
.grisol
{
    width: 5px;
    height: 37px;
    background-image: url("../img/spor/sol_gri.gif");
}
.griorta
{
    width: 430px;
    height: 37px;
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: green;
    text-align: left;
    background-image: url("../img/spor/orta_gri.gif");
}
.grisag
{
    width: 5px;
    height: 37px;
    padding: 0;
    border-spacing: 0;
    border-width: 0px;
    background-image: url("../img/spor/sag_gri.gif");
}

.ustcizgitablelig
{
    width: 430px;
    height: 37px;
}
.grisollig
{
    width: 5px;
    height: 37px;
    background-image: url("../img/spor/sol_gri.gif");
}
.griortalig
{
    width: 420px;
    height: 37px;
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: green;
    text-align: left;
    background-image: url("../img/spor/orta_gri.gif");
}
.grisaglig
{
    width: 5px;
    height: 37px;
    padding: 0;
    border-spacing: 0;
    border-width: 0px;
    background-image: url("../img/spor/sag_gri.gif");
}

.yesilsol
{
    width: 5px;
    height: 32px;
    background-image: url("../img/spor/sol_yesil.gif");
    background-repeat:no-repeat;
}
.yesilorta
{
    width: 430px;
    height: 32px;
    background-image: url("../img/spor/orta_yesil.gif");
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
    text-align: left;
    background-repeat: repeat-x;
}
.yesilsag
{
    width: 5px;
    height: 32px;
    background-image: url("../img/spor/sag_yesil.gif");
    background-repeat:no-repeat;
}

.gruplarpuan
{
    width: 450px;
    height: 32px;
}

.GruplarBaslik1
{
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: green;
    background-color: white;
    width: 300px;
    height: 20px;
}
.GruplarBaslik2
{
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: #3333FF;
    background-color: white;
    width: 50px;
    height: 20px;
}
.GruplarTakim1
{
    background-color: #F0F0F0;
    width: 300px;
    height: 20px;
}
.GruplarTakim2
{
    background-color: #D8D8D8;
    width: 300px;
    height: 20px;
}
.GruplarPuan1
{
    background-color: #F0F0F0;
    width: 50px;
    height: 20px;
}
.GruplarPuan2
{
    background-color: #D8D8D8;
    width: 50px;
    height: 20px;
}

.LiglerHaftaSonucTarih
{
    color: #33CC33;
    background-color: #006600;
    width: 430px;
    height: 20px;
}
.LiglerHaftaSonucSaat1
{
    background-color: #F0F0F0;
    width: 70px;
    height: 20px;
}
.LiglerHaftaSonucSaat2
{
    background-color: #D8D8D8;
    width: 70px;
    height: 20px;
}
.LiglerHaftaSonucTakim1
{
    background-color: #F0F0F0;
    width: 150px;
    height: 20px;
}
.LiglerHaftaSonucTakim2
{
    background-color: #D8D8D8;
    width: 150px;
    height: 20px;
}
.LiglerHaftaSonuc1
{
    background-color: #F0F0F0;
    width: 20px;
    height: 20px;
    color: Green;
}
.LiglerHaftaSonuc2
{
    background-color: #D8D8D8;
    width: 20px;
    height: 20px;
    color: Green;
}
.LiglerHaftaSonuc_1
{
    background-color: #F0F0F0;
    width: 10px;
    height: 20px;
    font-weight: bold;
}
.LiglerHaftaSonuc_2
{
    background-color: #D8D8D8;
    width: 10px;
    height: 20px;
    font-weight: bold;
}

.GrupBilgiTakimAdi1
{
    background-color: #F0F0F0;
    width: 160px;
    height: 20px;
}
.GrupBilgiTakimAdi2
{
    background-color: #D8D8D8;
    width: 160px;
    height: 20px;
}
.GrupBilgiKucuk1
{
    background-color: #F0F0F0;
    width: 30px;
    height: 20px;
}
.GrupBilgiKucuk2
{
    background-color: #D8D8D8;
    width: 30px;
    height: 20px;
}
.GrupBilgiPuan1
{
    background-color: #F0F0F0;
    color: Green;
    width: 30px;
    height: 20px;
}
.GrupBilgiPuan2
{
    background-color: #D8D8D8;
    color: Green;
    width: 30px;
    height: 20px;
}
.GrupBilgiSonucTakimAdiBaslik
{
    background-color: #D8D8D8;
    color: Green;
    width: 230px;
    height: 20px;
}
.GrupBilgiSonucTakimAdi1
{
    background-color: #D8D8D8;
    width: 220px;
    height: 20px;
}
.GrupBilgiSonucTakimAdi2
{
    background-color: #F0F0F0;
    width: 220px;
    height: 20px;
}
.GrupBilgiSonucKucuk1
{
    background-color: #D8D8D8;
    width: 70px;
    height: 20px;
}
.GrupBilgiSonucKucuk2
{
    background-color: #F0F0F0;
    width: 70px;
    height: 20px;
}
.GrupBilgiBaslik
{
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
}

.FutbolPuanKucuk1
{
    background-color: #F0F0F0;
    width: 28px;
    height: 20px;
}
.FutbolPuanKucuk2
{
    background-color: #D8D8D8;
    width: 28px;
    height: 20px;
}
.FutbolPuanPuan1
{
    background-color: #F0F0F0;
    width: 28px;
    height: 20px;
    color: Green;
}
.FutbolPuanPuan2
{
    background-color: #D8D8D8;
    width: 28px;
    height: 20px;
    color: Green;
}

.BasketbolAvrupaSampiyonasiResim1
{
    background-color: #F0F0F0;
    width: 40px;
    height: 30px;
}
.BasketbolAvrupaSampiyonasiResim2
{
    background-color: #D8D8D8;
    width: 40px;
    height: 30px;
}
.BasketbolAvrupaSampiyonasiSonuc1
{
    background-color: #F0F0F0;
    width: 50px;
    height: 30px;
    color: Green;
    text-align: center;
}
.BasketbolAvrupaSampiyonasiSonuc2
{
    background-color: #D8D8D8;
    width: 50px;
    height: 30px;
    color: Green;
    text-align: center;
}
.BasketbolAvrupaSampiyonasiCizgi1
{
    background-color: #F0F0F0;
    width: 20px;
    height: 30px;
    text-align: center;
}
.BasketbolAvrupaSampiyonasiCizgi2
{
    background-color: #D8D8D8;
    width: 20px;
    height: 30px;
    text-align: center;
}
.BasketbolAvrupaSampiyonasiTakim1
{
    background-color: #F0F0F0;
    width: 120px;
    height: 30px;
}
.BasketbolAvrupaSampiyonasiTakim2
{
    background-color: #D8D8D8;
    width: 120px;
    height: 30px;
}

.BasketbolPlayOffSonuc1
{
    background-color: #CEF6CE;
    width: 50px;
    height: 30px;
    color: Green;
    text-align: center;
}
.BasketbolPlayOffCizgi1
{
    background-color: #CEF6CE;
    width: 20px;
    height: 30px;
    text-align: center;
}
.BasketbolPlayOffTakim1
{
    background-color: #CEF6CE;
    width: 160px;
    height: 30px;
    text-align: center;
}
.BasketbolPlayOffMacSonucu1
{
    background-color: #F0F0F0;
    width: 160px;
    height: 30px;
    text-align: center;
    color: Green;
}
.BasketbolPlayOffMacSonucu2
{
    background-color: #D8D8D8;
    width: 160px;
    height: 30px;
    text-align: center;
    color: Green;
}
.BasketbolPlayOffMacTarih1
{
    background-color: #F0F0F0;
    width: 160px;
    height: 30px;
    text-align: center;
}
.BasketbolPlayOffMacTarih2
{
    background-color: #D8D8D8;
    width: 160px;
    height: 30px;
    text-align: center;
}
.BasketbolPlayOffMacSayi1
{
    background-color: #F0F0F0;
    width: 120px;
    height: 30px;
    text-align: center;
}
.BasketbolPlayOffMacSayi2
{
    background-color: #D8D8D8;
    width: 120px;
    height: 30px;
    text-align: center;
}


.KupaTumMaclarTakim1
{
    background-color: #F0F0F0;
    width: 210px;
    height: 20px;
}
.KupaTumMaclarTakim2
{
    background-color: #D8D8D8;
    width: 210px;
    height: 20px;
}
.KupaTumMaclarPuan1
{
    background-color: #F0F0F0;
    width: 50px;
    height: 20px;
}
.KupaTumMaclarPuan2
{
    background-color: #D8D8D8;
    width: 50px;
    height: 20px;
}
.KupaTumMaclarDiger1
{
    background-color: #F0F0F0;
    width: 37px;
    height: 20px;
}
.KupaTumMaclarDiger2
{
    background-color: #D8D8D8;
    width: 37px;
    height: 20px;
}

.KupaTumMaclarTakimlar1
{
    background-color: #F0F0F0;
    width: 150px;
    height: 20px;
}
.KupaTumMaclarTakimlar2
{
    background-color: #D8D8D8;
    width: 150px;
    height: 20px;
}
.KupaTumMaclarTarih1
{
    background-color: #F0F0F0;
    width: 110px;
    height: 20px;
    text-align: center;
}
.KupaTumMaclarTarih2
{
    background-color: #D8D8D8;
    width: 110px;
    height: 20px;
    text-align: center;
}
.KupaTumMaclarSonuc1
{
    background-color: #F0F0F0;
    width: 90px;
    height: 20px;
    color: Green;
    text-align: center;
}
.KupaTumMaclarSonuc2
{
    background-color: #D8D8D8;
    width: 90px;
    height: 20px;
    color: Green;
    text-align: center;
}
.KupaTumMaclarSaat1
{
    background-color: #F0F0F0;
    width: 90px;
    height: 20px;
    text-align: center;
}
.KupaTumMaclarSaat2
{
    background-color: #D8D8D8;
    width: 90px;
    height: 20px;
    text-align: center;
}

.ustbarsag
{
    width: 7px;
    height: 32px;
    background-image: url("../img/spor/ustbarsag.jpg");
    text-align: center;
    background-repeat: no-repeat;
}
.ustbarorta
{
    width: 120px;
    height: 32px;
    background-image: url("../img/spor/ustbarorta.jpg");
    text-align: center;
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
    background-repeat: repeat-x;
}
.ustbarsol
{
    width: 6px;
    height: 32px;
    background-image: url("../img/spor/ustbarsol.jpg");
    background-repeat: no-repeat;
    text-align: center;
}

.ustbarsecilmemissag
{
    width: 6px;
    height: 32px;
    background-image: url("../img/spor/ustbarsecilmemissag.jpg");
    text-align: center;
    background-repeat:no-repeat;
}
.ustbarsecilmemisorta
{
    width: 120px;
    height: 32px;
    background-image: url("../img/spor/ustbarsecilmemisorta.jpg");
    text-align: center;
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
    background-repeat: repeat-x;
}
.ustbarsecilmemissol
{
    width: 6px;
    height: 32px;
    background-image: url("../img/spor/ustbarsecilmemissol.jpg");
    text-align: center;
    background-repeat: no-repeat;
}

.grupustbarsag
{
    width: 7px;
    height: 32px;
    background-image: url("../img/spor/ustbarsag.jpg");
    text-align: center;
}
.grupustbarorta
{
    width: 70px;
    height: 32px;
    background-image: url("../img/spor/ustbarorta.jpg");
    text-align: center;
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
}
.grupustbarsol
{
    width: 6px;
    height: 32px;
    background-image: url("../img/spor/ustbarsol.jpg");
    text-align: center;
}

.grupustbarsecilmemissag
{
    width: 6px;
    height: 32px;
    background-image: url("../img/spor/ustbarsecilmemissag.jpg");
    text-align: center;
}
.grupustbarsecilmemisorta
{
    width: 70px;
    height: 32px;
    background-image: url("../img/spor/ustbarsecilmemisorta.jpg");
    text-align: center;
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
}
.grupustbarsecilmemissol
{
    width: 6px;
    height: 32px;
    background-image: url("../img/spor/ustbarsecilmemissol.jpg");
    text-align: center;
}

.linkler
{
    color: white;
    text-decoration: none;
}
.linkler A:hover
{
    color: #00FF99;
    text-decoration: none;
}
.linkler A:link
{
    color: white;
    text-decoration: none;
}

.linksampiyonlar
{
    color: white;
    text-decoration: none;
}
.linksampiyonlar A:hover
{
    color: #00FF99;
    text-decoration: none;
}
.linksampiyonlar A:link
{
    color: white;
    text-decoration: none;
}

.yesilanasayfasol
{
    width: 3px;
    height: 28px;
    background-image: url("../img/spor/sporanasayfaresimlisol.gif");
    text-align: left;
}
.yesilanasayfaorta
{
    width: 269px;
    height: 28px;
    background-image: url("../img/spor/sporanasayfaresimliorta.gif");
    text-align: left;
    font-family: "Uyghuredit lotus";
    font-size: 12px;
    color: #186C02;
    font-weight: bold;
}
.yesilanasayfasag
{
    width: 3px;
    height: 28px;
    background-image: url("../img/spor/sporanasayfaresimlisag.gif");
    text-align: left;
}

.kirmizianasayfasol
{
    width: 6px;
    height: 29px;
    background-image: url("../img/haber/kirmizi_sol.gif");
}
.kirmizianasayfaorta
{
    width: 278px;
    height: 29px;
    background-image: url("../img/haber/kirmizi_orta.jpg");
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
}
.kirmizidillerorta
{
    width: 328px;
    height: 29px;
    background-image: url("../img/haber/kirmizi_orta.jpg");
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
}
.kirmizidigerorta
{
    width: 576px;
    height: 29px;
    background-image: url("../img/haber/kirmizi_orta.jpg");
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
}
.kirmizianasayfasag
{
    width: 6px;
    height: 29px;
    background-image: url("../img/haber/kirmizi_sag.gif");
}

.kirmizialtsol
{
    width: 5px;
    height: 22px;
    background-image: url("../img/haber/alt_kirmizi_sol.gif");
}
.kirmizialtorta
{
    width: 330px;
    height: 22px;
    background-image: url("../img/haber/alt_kirmizi_orta.jpg");
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
}
.kirmizialtsag
{
    width: 5px;
    height: 22px;
    background-image: url("../img/haber/alt_kirmizi_sag.gif");
}

.grianasayfaorta
{
    width: 280px;
    height: 29px;
    background-image: url("../img/haber/kutu_gri.jpg");
    font-family: "Uyghuredit lotus";
    font-size: 12px;
    color: black;
}
.gridillerorta
{
    width: 330px;
    height: 29px;
    background-image: url("../img/spor/anasayfadosyabeyazorta.gif");
    font-family: "Uyghuredit lotus";
    font-size: 12px;
    color: black;
}
.gridigerorta
{
    width: 588px;
    height: 29px;
    background-image: url("../img/haber/kutu_gri.jpg");
    font-family: "Uyghuredit lotus";
    font-size: 12px;
    color: black;
}


.FutbolPuanAnasayfaLabel
{
    background-color: #D8D8D8;
    width: 30px;
    height: 20px;
    color: #0160B4;
    font-weight: bold;
}
.FutbolPuanAnasayfaLabel1
{
    background-color: #D6DEDD;
    width: 30px;
    height: 20px;
    color: #0160B4;
    font-weight: bold;
}
.FutbolPuanAnasayfaLabel2
{
    background-color: #BDC0BD;
    width: 30px;
    height: 20px;
    color: #0160B4;
    font-weight: bold;
}
.FutbolPuanAnasayfaTakimAdi
{
    background-color: #D8D8D8;
    width: 160px;
    height: 20px;
    color: #0160B4;
    font-weight: bold;
    text-align: left;
}
.FutbolPuanAnasayfaPuan1
{
    background-color: #DEDEE6;
    width: 30px;
    height: 20px;
    color: Green;
    font-weight: bold;
}
.FutbolPuanAnasayfaPuan2
{
    background-color: #BDC0BD;
    width: 30px;
    height: 20px;
    color: Green;
    font-weight: bold;
}
.FutbolPuanAnasayfaTakimAdi1
{
    background-color: #DEDEE6;
    width: 160px;
    height: 20px;
    text-align: left;
}
.FutbolPuanAnasayfaTakimAdi2
{
    background-color: #BDC0BD;
    width: 160px;
    height: 20px;
    text-align: left;
}
.FutbolPuanKucukAnasayfa1
{
    background-color: #DFE6E7;
    width: 30px;
    height: 20px;
}
.FutbolPuanKucukAnasayfa2
{
    background-color: #CCCCCC;
    width: 30px;
    height: 20px;
}

.grianasayfasol
{
    width: 4px;
    height: 102px;
    background-image: url("../img/spor/anasayfagrihabersol.gif");
    text-align: left;
}
.grianasayfaorta1
{
    width: 140px;
    height: 102px;
    background-image: url("../img/spor/anasayfagriorta.gif");
    text-align: left;
}
.grianasayfaorta2
{
    width: 127px;
    height: 102px;
    background-image: url("../img/spor/anasayfagriorta.gif");
    text-align: left;
}
.grianasayfasag
{
    width: 4px;
    height: 102px;
    background-image: url("../img/spor/anasayfagrihabersag.gif");
    text-align: left;
}


.anasayfadevamlink A:hover
{
    color: #00FF99;
    text-decoration: none;
}
.anasayfadevamlink A:link
{
    color: #587FBA;
    text-decoration: none;
}
.anasayfadevamlink A:visited
{
    color: #587FBA;
    text-decoration: none;
}

.dosyaanasayfaortagri
{
    width: 357px;
    height: 30px;
    background-image: url("../img/spor/sporanasayfaresimlidosyaorta.gif");
    font-family: "Uyghuredit lotus";
    font-size: 14px;
    text-align: left;
    font-weight: bold;
    color: #186C02;
}
.dosyaanasayfasolgri
{
    width: 5px;
    height: 30px;
    background-image: url("../img/spor/sporanasayfaresimlidosyasol.gif");
}
.dosyaanasayfasaggri
{
    width: 6px;
    height: 30px;
    background-image: url("../img/spor/sporanasayfaresimlidosyasag.gif");
}

.dosyaanasayfaust
{
    width: 360px;
    height: 5px;
    background-image: url("../img/spor/spordosyaust.gif");
    text-align: left;
}
.dosyaanasayfaorta
{
    width: 360px;
    background-image: url("../img/spor/spordosyaorta.gif");
    text-align: left;
}
.dosyaanasayfaalt
{
    width: 360px;
    height: 5px;
    background-image: url("../img/spor/spordosyaalt.gif");
    text-align: left;
}

.beyazanasayfasol
{
    width: 4px;
    height: 72px;
    background-image: url("../img/spor/anasayfagrisol.gif");
    text-align: left;
}
.beyazanasayfaorta1
{
    width: 100px;
    height: 72px;
    background-image: url("../img/spor/anasayfagriorta.gif");
    text-align: left;
}
.beyazanasayfaorta2
{
    width: 260px;
    height: 72px;
    background-image: url("../img/spor/anasayfagriorta.gif");
    text-align: left;
}
.beyazanasayfasag
{
    width: 4px;
    height: 72px;
    background-image: url("../img/spor/anasayfagrisag.gif");
    text-align: left;
}

.yesilanasayfadigerorta
{
    width: 550px;
    height: 32px;
    background-image: url("../img/spor/orta_yesil.gif");
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
}

.sporanasayfaresimsizorta
{
	background-position:center;
	width:100%;
	background-repeat:repeat-y;
    height: 1px;
    background-image: url("../img/spor/sporanasayfaresimsizorta.gif");
}
.sporanasayfaresimsizsol
{
	background-position:center;
	background-repeat:no-repeat;
    width:100%;
    height: 5px;
    background-image: url("../img/spor/sporanasayfaresimsizust.gif");
}
.sporanasayfaresimsizsag
{
	background-position:center;
	background-repeat:no-repeat;
    width:100%;
    height: 5px;
    background-image: url("../img/spor/sporanasayfaresimsizalt.gif");
}

.SporAnaSayfaYesilOrta
{
    width: 357px;
    height: 30px;
    background-image: url("../img/spor/sporanasayfapuandurumuorta.gif");
    font-family: "Uyghuredit lotus";
    font-size: 15px;
    color: white;
    text-align: left;
}
.SporAnaSayfaYesilSol
{
    width: 7px;
    height: 30px;
    background-image: url("../img/spor/sporanasayfapuandurumusol.gif");
}
.SporAnaSayfaYesilSag
{
    width: 7px;
    height: 30px;
    background-image: url("../img/spor/sporanasayfapuandurumusag.gif");
}

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels
{
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup
{
    margin: 0px;
    padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab
{
    position: relative;
    top: 1px;
    float: left;
    background: url(../img/menu/spor/spor_menu_tus.gif);
    width: 86px;
    height: 29px;
    font-family: "Uyghuredit lotus",;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    list-style: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover
{
    background: url(../img/menu/spor/spor_menu_tus.gif);
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected
{
    background: url(../img/Radio/radyo-tabbg1.gif);
    font-family: "Uyghuredit lotus",;
    font-size: 11px;
    color: #393d46;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a
{
    color: black;
    text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup
{
    clear: both;
    background-color: #ffffff;
    width: 280px;
}



/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent
{
    padding: 0px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible
{
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup
{
    float: left;
    width: 10em;
    height: 20em;
    background-color: #EEE;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab
{
    float: none;
    margin: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected
{
    background-color: #EEE;
    border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup
{
    clear: none;
    float: left;
    padding: 0px;
    width: 30em;
    height: 20em;
}