.divResimEkleTekJs { display: block; width: 100%; border: 1px solid #000; text-align: center; background: #fff; color: #000; line-height: 32px; margin-top: 10px; }
    .divResimEkleTekJs .divBaslik { display: block; line-height: 32px; font-weight: 700; background: #000; color: #fff; }
    .divResimEkleTekJs .divBilgi { display: block; border-bottom: 1px solid #808080; line-height: 20px; }
    .divResimEkleTekJs .txtAciklama { margin: 0; border: 0; border-bottom: solid 1px #808080; }

    .divResimEkleTekJs .divResimSec { cursor: pointer; background: #4dbd74; color: #fff; display: block; width: 50%; float: left; }
        .divResimEkleTekJs .divResimSec:hover { }
    .divResimEkleTekJs .divResimSil { cursor: pointer; display: none; background: #f00; color: #fff; width: 50%; float: left; }
        .divResimEkleTekJs .divResimSil:hover { }
    .divResimEkleTekJs .divResim { cursor: pointer; width: 100%; display: block; position: relative; overflow: hidden; }
        .divResimEkleTekJs .divResim img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; }
    .divResimEkleTekJs .fuResim { display: none; }

.divResimEkleCokluJs { display: block; text-align: center; margin-top: 10px; }

    .divResimEkleCokluJs .divEklemeBolumu { display: block; border: 1px solid #000; }
        .divResimEkleCokluJs .divEklemeBolumu .divBaslik { display: block; line-height: 32px; font-weight: 700; background: #000; color: #fff; }
        .divResimEkleCokluJs .divEklemeBolumu .divBilgi { display: block; line-height: 20px; font-weight: 400; color: #000; font-size: 9pt; }
        .divResimEkleCokluJs .divEklemeBolumu .btnResimSec { display: block; width: 240px; margin: auto; line-height: 32px; font-weight: 600; background: #f00; color: #fff; cursor: pointer; margin-bottom: 5px; }
            .divResimEkleCokluJs .divEklemeBolumu .btnResimSec:hover { background: #8e0e0e; color: #fff; }
        .divResimEkleCokluJs .divEklemeBolumu .fuResim { display: none; }


    .divResimEkleCokluJs .divResimBaslik { display: block; line-height: 32px; font-weight: 700; background: #000; color: #fff; padding: 0 5px; }
    .divResimEkleCokluJs .divResimBaslikAlt { display: none; line-height: 32px; font-weight: 700; color: #000; text-align: left; border: 1px solid #808080; border-bottom: none; padding: 3px; }

    .divResimEkleCokluJs .divTutucuEklenen { text-align: left; border: 1px solid #000; border-top: none; }

    .divResimEkleCokluJs .divTasiyiciKutu { width: 240px; display: inline-block; vertical-align: top; margin: 3px; font-size: 10pt; position: relative; border: 1px solid #808080; background: #fff; }
        .divResimEkleCokluJs .divTasiyiciKutu .divResim { width: 100%; height:170px; display: block; position: relative; overflow: hidden; background: #fff; }
            .divResimEkleCokluJs .divTasiyiciKutu .divResim img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; }
        .divResimEkleCokluJs .divTasiyiciKutu .divResimTasima { border-top: 1px solid #808080; text-align: center; display: block; }
            .divResimEkleCokluJs .divTasiyiciKutu .divResimTasima .div { border-radius: 50%; color: #000; display: inline-block; vertical-align: middle; margin: 5px; font-size: 12pt; }
                .divResimEkleCokluJs .divTasiyiciKutu .divResimTasima .div:hover { color: #fff; background: #222; }
            .divResimEkleCokluJs .divTasiyiciKutu .divResimTasima .btnSil { color: #fff; }
        .divResimEkleCokluJs .divTasiyiciKutu .divYeniEski { border-top: solid 1px #808080; text-align: center; background: #fff; }
        .divResimEkleCokluJs .divTasiyiciKutu .txtAciklama { margin: 0; border: 0; border-bottom: solid 1px #808080; }

    .divResimEkleCokluJs .divTutucuEklenenSlinenler { text-align: left; border: 1px solid #808080; display: none; }


.divDosyaEkleJs { display: block; text-align: center; margin-top: 10px; line-height: 32px; }

    .divDosyaEkleJs .divEklemeBolumu { display: block; border: 1px solid #000; }
        .divDosyaEkleJs .divEklemeBolumu .divBaslik { display: block; font-weight: 700; background: #000; color: #fff; }
        .divDosyaEkleJs .divEklemeBolumu .divBilgi { display: block; font-weight: 400; color: #000; font-size: 10pt; }
        .divDosyaEkleJs .divEklemeBolumu .btnResimSec { display: block; width: 240px; margin: auto; font-weight: 600; background: #f00; color: #fff; cursor: pointer; margin: 20px auto 5px auto; }
            .divDosyaEkleJs .divEklemeBolumu .btnResimSec:hover { background: #8e0e0e; color: #fff; border: none; }
        .divDosyaEkleJs .divEklemeBolumu .fuResim { display: none; }

    .divDosyaEkleJs .divResimBaslik { display: block; font-weight: 700; background: #000; color: #fff; padding: 0 5px; }
    .divDosyaEkleJs .divResimBaslikAlt { display: none; font-weight: 700; color: #000; text-align: left; border: 1px solid #808080; border-bottom: none; padding: 3px; }

    .divDosyaEkleJs .divTutucuEklenen { display: block; vertical-align: top; text-align: left; border: 1px solid #000; border-top: none; }

    .divDosyaEkleJs .divTasiyiciKutu { width: 240px; display: inline-block; vertical-align: top; border: solid 1px #808080; margin: 3px; font-size: 10pt; position: relative; background: #fff; }
        .divDosyaEkleJs .divTasiyiciKutu .divResimIcon { width: 100px; font-size: 70pt; text-align: center; display: block; margin: auto; background: #fff; color: #4488c4; }
        .divDosyaEkleJs .divTasiyiciKutu .divSiraDegistirme { border-top: 1px solid #808080; text-align: center; display: block; }
            .divDosyaEkleJs .divTasiyiciKutu .divSiraDegistirme .div { border-radius: 50%; color: #000; display: inline-block; vertical-align: middle; margin: 5px; font-size: 12pt; }
                .divDosyaEkleJs .divTasiyiciKutu .divSiraDegistirme .div:hover { color: #fff; background: #222; }
            .divDosyaEkleJs .divTasiyiciKutu .divSiraDegistirme .btnSil { color: #fff; }

        .divDosyaEkleJs .divTasiyiciKutu .aDosyaAdi { border-top: solid 1px #808080; text-align: center; background: #fff; color: #4488c4; display: block; }


        .divDosyaEkleJs .divTasiyiciKutu .divYeniEski { border-top: solid 1px #808080; text-align: center; background: #fff; }
        .divDosyaEkleJs .divTasiyiciKutu .txtAciklama { margin: 0; border: 0; border-bottom: solid 1px #808080; }

    .divDosyaEkleJs .divTutucuEklenenSlinenler { text-align: left; border: 1px solid #808080; display: none; }


.divVideoJs { display: block;margin-top: 10px; line-height: 32px; }

    .divVideoJs .divEklemeBolumu { display: inline-block; vertical-align: top; border: 1px solid #000; width: 240px; text-align: center; }
        .divVideoJs .divEklemeBolumu .divBaslik { display: block; font-weight: 700; background: #000; color: #fff; }
        .divVideoJs .divEklemeBolumu .txtAciklama { margin: 0; border: 0; border-bottom: solid 1px #808080; }
        .divVideoJs .divEklemeBolumu .divBolum { display: block; font-weight: 700; }
        .divVideoJs .divEklemeBolumu .ddlPlatform { }
        .divVideoJs .divEklemeBolumu .txtVideoKodu { }
        .divVideoJs .divEklemeBolumu .divBilgi { display: block; line-height: 20px; font-weight: 700; color: #000; font-size: 9pt; clear: both; }
        .divVideoJs .divEklemeBolumu .divResimSec { cursor: pointer; background: #4dbd74; color: #fff; display: block; width: 50%; float: left; }
            .divVideoJs .divEklemeBolumu .divResimSec:hover { }
        .divVideoJs .divEklemeBolumu .divResimSil { cursor: pointer; display: none; background: #f00; color: #fff; width: 50%; float: left; }
            .divVideoJs .divEklemeBolumu .divResimSil:hover { }
        .divVideoJs .divEklemeBolumu .divResim { cursor: pointer; display: block; position: relative; overflow: hidden; width: 100%; height: 135px; }
            .divVideoJs .divEklemeBolumu .divResim img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; }
        .divVideoJs .divEklemeBolumu .fuResim { display: none; }
        .divVideoJs .divEklemeBolumu .btnVideoEkle { display: block; margin: auto; line-height: 32px; font-weight: 600; background: #f00; color: #fff; cursor: pointer; }
            .divVideoJs .divEklemeBolumu .btnVideoEkle:hover { background: #8e0e0e; color: #fff; }

    .divVideoJs .divResimBaslik { display: block; line-height: 32px; font-weight: 700; background: #000; color: #fff; padding: 0 5px; }
    .divVideoJs .divResimBaslikAlt { display: none; line-height: 32px; font-weight: 700; color: #000; text-align: left; border: 1px solid #808080; border-bottom: none; padding: 3px; }

    .divVideoJs .divTutucuEklenen { display: inline-block; vertical-align: top; text-align: center; border: 1px solid #000; }

    .divVideoJs .divTasiyiciKutu { width: 240px; display: inline-block; vertical-align: top; margin: 3px; font-size: 10pt; position: relative; border: 1px solid #808080; background: #fff; }
        .divVideoJs .divTasiyiciKutu .txtAciklama { margin: 0; border: 0; border-bottom: solid 1px #808080; }
        .divVideoJs .divTasiyiciKutu .divBolum { display: block; font-weight: 700; border-bottom: solid 1px #808080; }
        .divVideoJs .divTasiyiciKutu .divBolumBilgi { display: block; font-weight: 400; border-bottom: solid 1px #808080; }

        .divVideoJs .divTasiyiciKutu .divResim { width: 100%; display: block; position: relative; overflow: hidden; background: #fff; cursor: pointer; }
            .divVideoJs .divTasiyiciKutu .divResim .iLogoVideoOynat { z-index: 2; display: block; color: #f00; text-align: center; line-height: 30pt; width: 30pt; font-size: 30pt; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
            .divVideoJs .divTasiyiciKutu .divResim:hover:before { color: #8e0e0e }
            .divVideoJs .divTasiyiciKutu .divResim img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 100%; }

            .divVideoJs .divTasiyiciKutu .divResim .divVideoGostermeYeri { position: absolute; left: 0; top: 0; right:0; bottom:0;display: block;}

        .divVideoJs .divTasiyiciKutu .divResimTasima { border-top: 1px solid #808080; text-align: center; display: block; }
            .divVideoJs .divTasiyiciKutu .divResimTasima .div { border-radius: 50%; color: #000; display: inline-block; vertical-align: middle; margin: 5px; font-size: 12pt; }
                .divVideoJs .divTasiyiciKutu .divResimTasima .div:hover { color: #fff; background: #222; }
            .divVideoJs .divTasiyiciKutu .divResimTasima .btnSil { color: #fff; }
        .divVideoJs .divTasiyiciKutu .divYeniEski { border-top: solid 1px #808080; text-align: center; background: #fff; }

    .divVideoJs .divTutucuEklenenSlinenler { text-align: left; border: 1px solid #808080; display: none; }