/* Ust Baslik  */
.ustBaslik { width: 960x; background: url("../_img_new/h2_bg.png") repeat-x scroll center bottom #414141; height:34px; }
.ustBaslik h1, .ustBaslik h2 { color: #FFF }
.ustBaslik .digerYazi { font-size: 16px; color: #FFF; display:inline; padding:1px 3px 0 0; }
.ustBaslik .baslikSol { width: 60%; float: left; padding:5px 0 0 10px; }
.ustBaslik .baslikSag { width: 20%; float: right; padding:5px 10px 0 0; text-align:right }
.ustBaslik .baslikSag .sonucSayisi { font-size:22px; color:#FFF; }
/* ---------------------------
------------------------------
8. KAYIT SAYFASI
------------------------------
--------------------------- */
#breadcrumbs { }
.step { display:block; width:309px; padding:15px 0 15px 10px; height:50px; float:left; background:#FFF; border-right:1px solid #E8E8E8; position:relative }
.step a { cursor:default }
.step .title { font-size:15px; font-weight:bold; color:#C6C6C6; display:block; float:left; line-height:20px; }
.step .desc { font-size:13px; color:#C6C6C6; display:block; float:left; line-height:15px; }
.step .number { background: #C6C6C6; font-size:40px; font-weight:bold; text-align:center; line-height:50px; height:50px; width:50px; color:#FFF; display:inline-block; float:left; margin-right:10px; }
.step .ok { background:url("../_img_new/yesil_ok2.png") no-repeat scroll center bottom transparent; width:39px; height:16px; position:absolute; bottom:-16px; margin-left:-20px; left:50%; display:none; z-index: 999; }
.step.active { background:#95D302; color:#282828 }
.step.active a { cursor:pointer }
.step.active .title { color:#282828; }
.step.active .desc { color:#282828; }
.step.active .number { background: #142730; }
.step.active .ok { display:block }
#step1 { }
#step2 { }
#step3 { border-right:0 }
#digerKayitlar { height:62px; background:#D7D7D7; position:relative }
#ogrenciDegilim { background:url("../_img_new/uyelik_beyazok.jpg") no-repeat scroll right center #FFF; line-height:62px; font-size:15px; font-weight:bold; float:left; display:block; padding:0 50px 0 20px; }
#digerUyelikler { line-height:40px; font-size:30px; float:left; width:600px; margin-top:8px; }
.uyelikButtons { background:url("../_img_new/uyelik_buttons.png") no-repeat scroll center top transparent; text-indent:-9999px; display:block; float:left; }
#ogretmenButton { background-position:0 3px; width:176px; height:46px; margin-right:10px; margin-left:24px;}
#ogretmenButton:hover { background-position:-193px 3px; }
#ogrenciButton { background-position:0 -60px; width:176px; height:46px; margin-right:10px; margin-left:24px;}
#ogrenciButton:hover { background-position:-193px -60px; }
#veliButton { background-position:0 -125px; width:179px; height:46px; margin-left:10px; cursor:default }
.mails { background-image:url("../_img_new/uyelik_email_logo.jpg"); text-indent:-9999px; display:block; margin:20px 0; }
.git { background:url("../_img_new/uyelik_buttons.png") no-repeat scroll -2px -196px transparent; width:321px; height:45px; display:block; text-indent:-9999px; margin-bottom:10px; }
.git:hover { background-position:-334px -196px; }
.mails.hotmail { background-position:-25px -20px; width:250px; height:50px; }
.mails.gmail { background-position:-70px -95px; width:160px; height:60px; }
.mails.mynet { background-position:-50px -177px; width:200px; height:60px; }
.mails.yahoo { background-position:-20px -255px; width:260px; height:50px; }
.kullaniciYonetimBtn { background-image:url("../_img_new/kullanici_yonetim_ekrani.png"); text-indent:-9999px; width:236px; height:43px; display:block; margin:20px 0; }
.kullaniciYonetimBtn:hover { background-position:-255px 0; }
.userGroupWrapper { background: url("../_img_new/kayit_bg.png") no-repeat scroll center top transparent; display: block; height: 172px; position: relative; }
.vitBg { background: url("../_imgVittrin/vitBg.png") no-repeat scroll 5px bottom #EFEFEF; }
.userGroup { margin: 0 auto; text-align: center; width: 510px; }
.userGroup ul li { float: left; margin: 0 10px; }
.userGroup ul li a { background-image: url("../_img_new/kayit_giris_kullanci_tipleri.png"); display: block; height: 171px; text-decoration: none; width: 150px; }
.userGroup ul li a span { color: #12597D; display: block; font-size: 13px; padding-top: 130px; }
.userGroup ul li a.active span { color: #000000; display: block; font-size: 14px; padding-top: 130px; }
a.user_student.active { background-position: 0 0; }
a.user_student { background-position: -160px 0; }
a.user_student.hover { background-position: -318px 0; }
a.user_teacher.active { background-position: 0 -180px; }
a.user_teacher { background-position: -160px -180px; }
a.user_teacher.hover { background-position: -318px -180px; }
a.user_other.active { background-position: 0 -360px; }
a.user_other { background-position: -160px -360px; cursor: default; }
/* OGRETMEN KAYIT */
.userTeeacherPic { display: block; width:114px; height:121px; position:absolute; left:20px; top:10px }
.mebTeacherWrapper h2, .privateTeacherWrapper h2 { padding:10px 0 }
.mebTeacherWrapper { float:left; width:435px; position:relative }
.privateTeacherWrapper { float:left; width:440px; background:url("../_imgVittrin/vitBg.png") no-repeat scroll left bottom transparent; position:relative; }
.seperator { background: url("../_imgVittrin/title_border_bottom.png") repeat-x scroll center bottom transparent; }
.seperator2 { height:610px; padding: 20px 0; width:2px; display:block; background:url("../_imgVittrin/seperator2.png") repeat-y scroll center top transparent; float:left; }
#mebbisLoginBtn { position:absolute; bottom:-20px; left: 50%; margin-left: -95px; }
#downloadExcelBtn { position:absolute; bottom:-20px; left: 50%; margin-left: -95px; }
/* IC SAYFALAR */
.duzyazi { padding:50px 100px 50px 100px; text-align: justify; }
ol li { list-style:decimal }
/* KDU */
.kduContainer { padding:40px 70px; }
.kduContainer h2 { margin:10px 0; }
.kduContainer h3 { margin:10px 0; }
.kduContainer h4 { margin:10px 0; }
#kdu { color:#333 }
#kdu .kduContainer li { list-style-image: url("../_img_new/list_3.png"); list-style-position: outside; margin-bottom: 10px; margin-left: 20px; }
#kdu a.fancybox img { display:block }
#kdu a.fancybox { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align: center; margin: 0 auto; width:380px; display:block; padding:10px; background:#FFF }
#kdu a.fancybox:hover { background:#FAFAFA }
#kdu a.pdf { display:inline-block; padding-left:30px; line-height:24px; background:transparent url("../_img_new/text_icon.png") center left no-repeat }
#kdu a.zip { display:inline-block; padding-left:30px; line-height:24px; background:transparent url("../_img_new/pic_icon.png") center left no-repeat }
.submenuContainer { background:#FFF; height:90px; position:relative; padding:30px 0 0 70px; }
.submenuContainer .submenu { padding-top:40px; }
.submenuContainer .submenu li { float:left; padding:0 20px; border-right:1px solid #CCC; z-index:10; position:relative }
.submenuContainer .submenu li a { color:#085272; font-size:14px; font-weight:bold; padding-bottom:25px; }
.submenuContainer .submenu li a:hover { color:#790707; text-decoration:none; }
.submenuContainer .submenu li a.active { color:#790707; text-decoration:none; background: url("../_img_new/submenu_ok.png") no-repeat scroll center 30px transparent; }
.submenuContainer .subtitle { font-size:22px; font-style:italic; color:#333 }
#calismaOrtaminaGecis { background: url("../_img_new/vitamine_giris.png") no-repeat scroll center top transparent; height: 48px; width: 245px; display:block; text-indent:-9999px; margin:10px auto; }
#calismaOrtaminaGecis:hover { background-position:0 -60px; }
#devamBtn { background: url("../_img_new/devam_btn.png") no-repeat scroll 0 0 transparent; height:55px; width:152px; display:block; text-indent:-9999px; margin:10px 0 10px 145px; cursor:pointer; }
#devamBtn:hover { background-position:-154px 0; }
#registerBtn, .btnMedium2 {background: url("../_img_new/devam_btn.png") no-repeat scroll 0 -60px transparent; height:55px; width:152px; display:block; text-indent:-9999px; margin:10px 0 10px 153px; cursor:pointer;}
#registerBtn:hover, .btnMedium2:hover { background-position:-154px -60px; }
/* ARKADASINI GETIR KAMPANYASI */
#arkadasiniGetir { background: url("../_img_new/arkadasini_getir.png") no-repeat scroll center top transparent; height: 51px; width: 324px; display:block; text-indent:-9999px; margin:0 auto 20px; }
#kampanyaGirisBtn { background: url("../_img_new/giris2.png") no-repeat scroll 0 0 transparent; width: 56px; height: 29px; float:left; margin-left:5px; display:block; text-indent:-9999px; }
#kampanyaGirisBtn:hover { background-position:-64px 0 }
/* OYUNLAR SAYFASI */
.oyunlarDiv { background-color:#F9E7AE; }
#gameCat { border: 1px solid #CCCCCC; color: #333333; font-size: 13px; height: 30px; margin-right: 10px; padding: 5px; float:left }
.oyunlarListesi { }
.oyunlarListesi ul { margin-bottom:10px; }
.oyunlarListesi li { background: url("../_img_new/oyunBox.png") no-repeat scroll center top transparent; height: 288px; width: 200px; display:block; float:left; padding:23px 13px 20px; margin:15px 0 0 10px; position:relative }
.oyunlarListesi li .imageContent { text-align:center; margin:0 auto; }
.oyunlarListesi li .textContent { }
.oyunlarListesi li .titleArea { text-align:center }
.oyunlarListesi li .titleArea a { color:#000000; font-size:16px; font-weight:bold }
.oyunlarListesi li .description { color:#000000; font-size:12px; text-align:center; }
.oyunlarListesi li .classSubject { position:absolute; bottom:15px; color:#000000; font-size:13px; text-align:center; width:200px; }
.oyunlarListesi table { border-collapse: collapse; margin: 0 auto; width: 100%; }
.oyunlarListesi table tr td a.image, .oyunlarListesi table tr td div.image { float: none; padding: 3px; display:inline-block }
.oyunlarListesi table tr td a.image img, .oyunlarListesi table tr td div.image img { float: none; max-width:300px; }
.oyunlarListesi table tr td { width: 200px; }
/* TEDDY & BUKI SAYFASI */
#teddyBukiPage.teddy .bg { background: url("../_img_new/teddy/teddyBg.jpg") no-repeat scroll center top transparent; height: 260px; width: 960px; display:block; position:relative }
#teddyBukiPage.okumayazma .bg { background: url("../_img_new/okumayazma.jpg") no-repeat scroll center top transparent; height: 255px; width: 960px; display:block; position:relative }
#teddyBukiPage .bgBtns { background: url("../_img_new/teddy/teddy_btn.png") no-repeat scroll center top transparent; display:block; text-indent:-9999px; position:absolute }
#teddyBukiPage #ogrtKayit { width:312px; height:67px; top:38px; left:512px; background-position:0 0 }
#teddyBukiPage #ogrtKayit:hover { background-position:-313px 0 }
#teddyBukiPage #ogrnKayit { width:312px; height:67px; top:100px; left:512px; background-position:0 -68px }
#teddyBukiPage #ogrnKayit:hover { background-position:-313px -68px }
#teddyBukiPage #girisYap { width:312px; height:80px; top:174px; left:512px; background-position:0 -136px }
#teddyBukiPage #girisYap:hover { background-position:-313px -136px }
#teddyBukiPage #kartUye { width:116px; height:165px; top:0; right:15px; background-position:-5px -222px }
#teddyBukiPage #kartUye:hover { background-position:-126px -222px }
#teddyBukiPage .content { padding:20px 40px; }
#teddyBukiPage h2 { color:#242424; font-style:italic; font-size:24px; margin:0 0 20px; position:relative; }
#teddyBukiPage.okumayazma h2 { color:#2a6393; font-style:italic; font-size:24px; margin:0 0 20px; position:relative; }
#teddyBukiPage h2 .top { font-style:italic; font-size:14px; position:absolute; right:0; display:block; top:3px; }
/* TEDDY SAYFASI */
#teddyBukiPage.teddy .icons { padding:20px 20px 0; position:relative }
#teddyBukiPage.teddy .icons ul li { float:left; display:block; /*background:url("../_img_new/hr_x.png") repeat-x scroll center bottom transparent;*/ }
#teddyBukiPage.teddy .icons ul li a { width:196px; float:left; display:block; color:#205F88; font-size:18px; font-style:italic; background: url("../_img_new/teddy/teddy_btn2.png") no-repeat scroll center top transparent; display:block; float:left; padding-left:110px; }
#teddyBukiPage.teddy .icons ul li a:hover { text-decoration:none; color:#02BFF6 }
#teddyBukiPage.teddy .icons ul li.i1 a { background-position:0 0; height:90px; padding-top:20px }
#teddyBukiPage.teddy .icons ul li.i1 a:hover { background-position:-306px 0 }
#teddyBukiPage.teddy .icons ul li.i2 a { background-position:0 -110px; height:70px; padding-top:40px }
#teddyBukiPage.teddy .icons ul li.i2 a:hover { background-position:-306px -110px }
#teddyBukiPage.teddy .icons ul li.i3 a { background-position:0 -220px; height:70px; padding-top:40px }
#teddyBukiPage.teddy .icons ul li.i3 a:hover { background-position:-306px -220px }
#teddyBukiPage.teddy .icons ul li.i4 a { background-position:0 -330px; height:70px; padding-top:40px }
#teddyBukiPage.teddy .icons ul li.i4 a:hover { background-position:-306px -330px }
#teddyBukiPage.teddy .icons ul li.i5 a { background-position:0 -440px; height:80px; padding-top:30px }
#teddyBukiPage.teddy .icons ul li.i5 a:hover { background-position:-306px -440px }
#teddyBukiPage.teddy .icons ul li.i6 a { background-position:0 -550px; height:80px; padding-top:30px }
#teddyBukiPage.teddy .icons ul li.i6 a:hover { background-position:-306px -550px }
#teddyBukiPage.teddy img { border:5px solid #334E5F }
#teddyBukiPage.teddy .teddyVideo { display: block; width: 640px; height: 360px; border: 5px solid #334E5F; margin: 20px auto; text-align: center; }
#teddyBukiPage.okumayazma .teddyVideo { display: block; width: 640px; height: 360px; border: 5px solid #334E5F; margin: 20px auto; text-align: center; }
/* BUKI SAYFASI */
#teddyBukiPage.buki .bg { background: url("../_img_new/buki/bukiBg.jpg") no-repeat scroll center top transparent; height: 260px; width: 960px; display:block; position:relative }
#teddyBukiPage.buki .content { padding: 20px 20px 20px 145px; }
#teddyBukiPage.buki .bukiVideo { display:block; margin:auto; background:#CCC; padding:10px; text-align:center; width:640px; height:360px; border:5px solid #777; margin:20px 0; }
#teddyBukiPage.buki .imgAlt { bottom: -20px; position: absolute; right: 160px; font-weight:bold }
.kilavuzDiv ul li { margin-bottom:40px !important; font-size:18px; }
.kilavuzDiv ul li p { font-size:13px !important; }
#teddyBukiPage.buki #ogrtKayit { cursor:default }
#teddyBukiPage.buki #ogrtKayit:hover { background-position:0 0 }
#teddyBukiPage.buki #ogrnKayit { cursor:default }
#teddyBukiPage.buki #ogrnKayit:hover { background-position:0 -68px }
#teddyBukiPage.buki #girisYap { cursor:default }
#teddyBukiPage.buki #girisYap:hover { background-position:0 -136px }
#limitDolduDiv { background:#E4E4E4 }
#limitDolduDiv .ogrenciBg.s45 { background: url("../_img_new/limit_doldu_4-5.jpg") no-repeat scroll center top transparent; height: 287px; width: 960px; display:block; position:relative; }
#limitDolduDiv .ogrenciBg.s678 { background: url("../_img_new/limit_doldu_6-7-8.jpg") no-repeat scroll center top transparent; height: 287px; width: 960px; display:block; position:relative;}
#limitDolduDiv .ogrenciBg.sHs { background: url("../_img_new/limit_doldu_lise.jpg") no-repeat scroll center top transparent; height: 287px; width: 960px; display:block; position:relative;}
#limitDolduDiv .uyariMsj {padding: 0 20px;}
#limitDolduDiv .uyariMsj p { background: url("../_img_new/limit_doldu_unlem.png") no-repeat scroll center left transparent; padding:0 0 0 80px; margin-bottom:0; color:#000; font-size:22px; line-height:68px; }
#limitDolduDiv .ogrenciCumle { left: 320px;position: absolute;top: 130px; width: 300px; }
#limitDolduDiv .ogrenciCumle p { font-size:18px; line-height:25px; color:#000; font-style:italic; text-align: center;}
/* GENEL TEKLIF */
#limitDolduDiv #t1 { background: url("../_img_new/teklif_G5.png") no-repeat scroll center top transparent; height: 384px; width: 283px; display:block; float:left; margin-right:20px; position:relative }
#limitDolduDiv #t1 a {width:100%; height:100%; display:block; /*bottom: 25px; display: block; height: 100px; left: 40px; position: absolute; width: 200px; */ text-indent:-9999px; }
#limitDolduDiv .teklifler {margin: auto; text-align: center; width: 931px; }
#limitDolduDiv .teklif { display:block; float:left; margin-right:20px; position:relative }
#limitDolduDiv .teklif a { display: block; position: absolute; text-indent:-9999px; }
/* 4-5 TEKLIFLER */
#limitDolduDiv .teklif45Div #t2 { background: url("../_img_new/45_1.png") no-repeat scroll center top transparent; height: 478px; width: 284px; }
#limitDolduDiv .teklif45Div #t2 a {width:100%; height:100%; display:block; /* bottom: 25px; left: 40px; height: 100px; width: 200px; */ }
#limitDolduDiv .teklif45Div #t3 { background: url("../_img_new/45_2.png") no-repeat scroll center top transparent; height: 683px; width: 304px; }
#limitDolduDiv .teklif45Div #t3 a {width:100%; height:100%; display:block; /*bottom: 25px; left: 40px; height: 115px; width: 200px; */ }
/* 6-7-8 TEKLIFLER */
#limitDolduDiv .teklif678Div #t2 { background: url("../_img_new/678_1.png") no-repeat scroll center top transparent; height: 478px; width: 284px; }
#limitDolduDiv .teklif678Div #t2 a {width:100%; height:100%; display:block; /*bottom: 25px; left: 40px; height: 100px; width: 200px;*/ }
#limitDolduDiv .teklif678Div #t3 { background: url("../_img_new/678_3.png") no-repeat scroll center top transparent; height: 683px; width: 304px; }
#limitDolduDiv .teklif678Div #t3 a {width:100%; height:100%; display:block; /*bottom: 25px; left: 40px; height: 115px; width: 200px;*/ }
/* LISE TEKLIFLER */
#limitDolduDiv .teklifHsDiv #t2 { background: url("../_img_new/9_1.png") no-repeat scroll center top transparent; height: 560px; width: 284px; }
#limitDolduDiv .teklifHsDiv #t2 a {width:100%; height:100%; display:block; /*bottom: 25px; left: 40px; height: 100px; width: 200px;*/ }
#limitDolduDiv .teklifHsDiv #t3 { background: url("../_img_new/9_2.png") no-repeat scroll center top transparent; height: 683px; width: 304px; }
#limitDolduDiv .teklifHsDiv #t3 a {width:100%; height:100%; display:block; /*bottom: 25px; left: 40px; height: 115px; width: 200px;*/ }


/* GIRIS SAYFASI */
#girisBtn {background: url("../_img_new/giris_butonlari.png") no-repeat scroll 0 0 transparent; width: 154px; height: 48px; display:block; text-indent:-9999px; margin-left:155px;  float:left }
#girisBtn:hover {background-position:-163px 0 }
#fbLoginDiv {position:relative; display:block; float:left; margin-left:10px; }
#fbLogin {background: url("../_img_new/giris_butonlari.png") no-repeat scroll 0 -58px transparent; width: 114px; height: 48px; display:block; text-indent:-9999px; cursor:pointer !important; font-size:0 }
#fbLogin:hover {background-position:-125px -58px }
#mebbisBtn {background: url("../_img_new/giris_butonlari.png") no-repeat scroll 0 -116px transparent; width: 185px; height: 48px; display:block; text-indent:-9999px; margin-left:175px; float:left }
#mebbisBtn:hover {background-position:-195px -116px }
#registerButton {background: url("../_img_new/giris_butonlari.png") no-repeat scroll 0 -174px transparent; width: 185px; height: 48px; display:block; text-indent:-9999px; margin-left:155px; float:left }
#registerButton:hover {background-position:-195px -174px }

#kilavuzBtn {background: url("../_img_new/teddy/kilavuzBtn.png") no-repeat scroll 0 0 transparent; width: 189px; height: 93px; display:block; text-indent:-9999px; position:absolute; right:20px; top:50px; z-index:10 }
#kilavuzBtn:hover {background-position:-195px 0 }