/* ---------------------------- 
/* COLORS 
Bg Dark Green = #88AB1D
Bg Dark Green2 = #57700b
Purple = #78237d
Black = #1e1e1e
Yellow = #f0e704
Blue = #027c9a
Soft Green = #D3E0AC
Light Green = #c9fa35 
---------------------------- */
/* RESET AND GENERAL CLASSES */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0 }
:focus { outline:0 }
body { line-height:1; color:#333; background:#88AB1D }
table { border-collapse:separate; border-spacing:0 }
caption, th, td { text-align:left; font-weight:400 }
.notext { text-indent:-999999px; font-size:0; line-height:0 }
.left { float:left; display:inline; overflow:hidden }
.right { float:right; display:inline; overflow:hidden }
.ptop0 { padding-top:0!important }
.mtop0 { margin-top:0!important }
.mtop10 { margin-top:10px!important }
.mtop20 { margin-top:20px!important }
.mtop50 { margin-top:50px!important }
.mbottom0 { margin-bottom:0!important }
.mbottom10 { margin-bottom:10px!important }
.mbottom50 { margin-bottom:50px!important }
.mRight10 { margin-right:10px!important }
.mRight20 { margin-right:20px!important }
.mLeft10 { margin-left:10px!important }
.mLeft20 { margin-left:20px!important }
.mLeft25 { margin-left:25px!important }
.imgRight { margin-left:40px!important; float:right; display:inline; overflow:hidden }
.imgLeft { margin-right:40px!important; float:left; display:inline; overflow:hidden }
.alignCenter { text-align:center!important }
.alignLeft { text-align:left!important }
alignJustify { text-align:justify!important }
.clr { clear:both; height:0; line-height:0; overflow:hidden }
.first { border-left:none!important; margin-left:0!important; overflow:hidden }
.last { border-right:none!important; margin-right:0!important; overflow:hidden }
.clrFix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
* html .clrFix { height:1% }
.hide { display:none!important }
.hidden { visibility:hidden!important }
.underline { text-decoration:underline }
strong { font-weight:700 }
ol, ul, .pager ul { list-style:none outside none }
div, .clrFix { display:block }
.hollyHack { zoom:1 }
.blue { color:#027c9a!important; }
.purple { color:#78237d!important; }
.yellow { color:#f0e704!important; }
.black { color:#1e1e1e!important; }
.white { color:#F8F8F8 !important; }
.bold {font-weight:bold}
.external { cursor:pointer }
a:active, input:focus { outline: none; }
input:focus { -moz-outline-style: none; }
/* ---------------------------- */
/* GENERAL */
body { font-family:Arial, Helvetica, sans-serif; text-align:center; background:url("../img/bg2.png") repeat-x left top #88AB1D; height:100%; font-size:15px; color:#333; }
h1 { font-size:22px; color:#F8F8F8; font-weight:700; }
h2 { font-size:22px; color:#F8F8F8; font-weight:700; margin-bottom:22px; }
h3 { font-size:18px; color:#F8F8F8; font-weight:700; margin-bottom:10px; }
h4 { font-size:15px; color:#303C0B; font-weight:700; margin-bottom:8px }
a { text-decoration:none; color:#f0e704; font-size:15px; font-weight:700 }
a:hover { color:#78237d !important; }
ul li { list-style-position:outside; list-style-image:url("../img/list.png"); margin-left:20px; margin-bottom:10px; }
p, ul, ol { margin-bottom:10px }
p, ul, ol, li, h1, h2, h3, h4, h5, label { line-height:20px }
/* ---------------------------- */
/* LAYOUT */
.home { background-image:url("../img/bg.png") }
#pageWrapper { width:900px; text-align:left; position:relative; overflow:hidden; margin:0 auto; display:none }
#menu { background:url("../img/menu_bg.jpg") no-repeat transparent; height:35px; position:relative }
#menu ol { margin-left:175px; margin-bottom:0 }
#menu ol li { float:left; display:inline; color:#69D8FB; }
#menu ol li a { color:#027c9a; font-size:13px; padding:0 10px }
#menu ol li a { font-size:12px; padding:0 5px } /* BETA */
#menu ol li a.disabled { color:#88ccde }
#menu ol li a.current { color:#78237d!important; }
#menu ol li a.kdu { color:#F8F8F8; font-size:16px; position:absolute; right:60px; top:2px; }
#banner { background:url("../img/flash_bg.jpg") no-repeat transparent; height:445px; position:relative }
#boxes .box { width:205px; float:left; display:inline; position:relative; overflow:hidden; padding:5px 10px }
.imgBorder { display:block; width:380px; padding:10px; background:#FFF; line-height:18px }
a.imgBorder { color:#000!important }
.imgBorder div { font-size:9px; color:#333; }
.imgBorder div a { font-size:9px!important; color:#333; }
.imgCaptionDetail { display:block; font-size:12px!important; text-align:justify; font-weight:normal; margin-top:5px; line-height:16px }
.textBlocks { margin-bottom:30px }
.textBlock1, .textBlock2, .textBlock3 { margin-bottom:25px }
.textBlock1 { width:400px; float:left; display:block; overflow:hidden; margin-right:25px; }
.textBlock2 p { text-align:left; }
.textBlock2 { width:400px; float:left; display:block; overflow:hidden; }
.textBlock3 { width:825px; float:left; display:block; overflow:hidden; }
.textBlock3 .imgBorder { margin:0 auto!important }
.textBlock1 .imgBorder, .textBlock2 .imgBorder, .textBlock3 .imgBorder { text-align:center }
.line { background:url("../img/footerImg.gif") repeat-x; width:100%; height:5px; margin-top:20px; display:block }
#footer { height:63px; margin:10px 0; position: relative; }
#footer #meb { background:url("../img/meb_logo.png") no-repeat center center; height:63px; width:63px; display:block }
#footer #sebit { background:url("../img/sebit_logo.png") no-repeat center center; height:63px; width:137px; display:block; }
#footer #turktelekom { background:url("../img/tt_logo.png") no-repeat center center; height:63px; width:169px; display:block }
/* ---------------------------- */
/* MAIN PAGE */
#boxes .box h2 { font-size:16px; height:25px }
#boxes .box p { font-size:12px; line-height:15px; margin:20px 0 }
#boxes .box a { position:absolute; bottom:0; right:20px; font-size:12px }
.boxDetails { padding:0 20px 0 30px }
#box1Details, #box2Details, #box3Details, #box4Details { display:none }
/* ---------------------------- */
/* DETAIL PAGES */
#content { min-height:250px; height:auto!important; padding:20px 20px 0px 30px; }
#content h2 { color:#57700b }
#content h3 { color:#F8F8F8 }
#content p, #content ul, #content ol { padding:0 0 10px }
#logo a { background:url("../img/logo.png") no-repeat scroll 0 0 transparent; width:155px; height:67px; display:block; position:absolute; top:4px; left:3px; z-index:5 }
#banner2 { background:url("../img/sirk.png") no-repeat transparent 100px top; height:170px; position:relative }
/* ---------------------------- */
/* KDU */
.kduText { text-align:center; background:url("../img/header_kdu2.png") no-repeat transparent center top; width:900px; height:49px; display:block; position:absolute; bottom:0 }
#kduBody #menu { background:url("../img/menu_bg_kdu.jpg") no-repeat transparent; height:35px; position:relative }
#kduBody #menu ol { margin-left:80px; }
#kduBody #menu ol li a { color:#F8F8F8; font-size:13px; padding:0 10px }
#kduBody #menu ol li a.vitIlkogretim { color:#027c9a; font-size:15px; position:absolute; right:25px; top:2px; }
#banner3 { background:url("../img/header_kdu.jpg") no-repeat transparent center top; height:198px; position:relative }
#banner4 { background:url("../img/header_kdu4.jpg") no-repeat transparent center top; height:230px; position:relative }
#kduBtn { display:block; position:absolute; top:20px; right:0; z-index:6; margin:0 }
.box2 { background:url("../img/box_kdu.png") no-repeat right bottom #FFF!important; width:360px!important; margin:10px 50px 0 0; padding:20px!important }
.box2 h4 { color:#57700b; margin-top:0!important }
.box2 p { text-indent:0!important; font-size:12px!important; padding:0!important }
.box3 { background:url("../img/deneme.png") no-repeat right bottom #FFF!important; height:auto; padding:20px 25px!important; position:relative }
.box3 #vitaminLogoKdu { position:absolute; right:10px; bottom:10px; display:block; }
/*.imgBorderKdu { background:#FFF; display:block; width:800px; padding:10px;}*/
.hata {/*-moz-box-shadow:0 0 6px #000000; border:2px solid #DDDDDD; */ background:none repeat scroll 0 0 #9F1D23; color:#F8F8F8; font-size:10px; font-weight:bold; padding:2px 10px; line-height:14px; margin:0 0 10px 0; height:30px; overflow:hidden }
.hata a { font-size:10px; }
#hata1 { width:262px; margin-left:2px }
#hata2 { text-align:left }
#hata3 { text-align:left; display:none }
#loginPanel h3 { font-size:13px; line-height:23px; height:23px }
#loginPanel h4 { line-height:12px; color:#666!important; font-size:12px!important; margin:0!important }
#loginPanel .loginContent { height:100px; text-align:center; position:relative; padding:15px 10px 0 }
#loginPanel .loginFooterContent { height:50px; font-size:10px!important; line-height:11px; padding:2px 10px; color:#57700b }
#loginPanel .loginFooterContent a { font-size:10px!important; }
#student { background:url("../img/login_kutu_b.png") no-repeat; width:286px; height:193px }
#teacher_meb, #teacher_other { background:url("../img/login_kutu_k.png") no-repeat; width:251px; height:193px }
#loginPanel input { width:120px; border:3px solid #666; background:url("../img/input_bg.png") repeat-x; height:15px; padding:0 3px; margin-bottom:5px }
#loginPanel label { font-size:12px; width:79px; text-align:right; color:#666 }
.loginButton { background:url("../img/giris.png") no-repeat 0px 0; width:63px; height:31px; display:block; margin:0 auto; position:absolute; bottom:14px; right:38%; border:none; }
.loginButton:hover { background-position:0 -31px; }
.helpButton { background:url("../img/yardim.png") no-repeat 0 0; width:81px; height:31px; display:block; position:absolute; bottom:14px; right:13px; border:none; }
.helpButton:hover { background-position:0 -31px; }
.okButton { background:url("../img/tamam.png") no-repeat 0 0; width:94px; height:42px; display:block; position:absolute; bottom:8px; right:8px; border:none; }
.okButton:hover { background-position:0px -42px; }
.veliyonergelink { color:#027c9a; font-size:12px; text-align:right; text-decoration:underline }
/* ---------------------------- */   
/* SOCIALS */
#socials { height:63px; display:block; width:155px; }
.social-icon { background:url("../img/social.png") no-repeat; width:26px; height:26px; display:block; float:left; margin-right:5px; text-indent:-1000em; overflow:hidden }
.facebook { background-position:0 0 }
.facebook:hover { background-position:-26px 0 }
.twitter { background-position:0 -26px; width:25px }
.twitter:hover { background-position:-25px -26px }
.friendfeed { background-position:0 -52px; width:25px }
.friendfeed:hover { background-position:-25px -52px }
.delicious { background-position:0 -78px }
.delicious:hover { background-position:-26px -78px }
.googlebuzz { background-position:0 -104px }
.googlebuzz:hover { background-position:-26px -104px }
.digg { background-position:0 -130px }
.digg:hover { background-position:-26px -130px }
.mail { background-position:0 -156px; margin-right:0!important }
.mail:hover { background-position:-26px -156px }
.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.group { margin-top:20px; display:block }
* html .group { zoom:1 }
/* ---------------------------- */
/*DERSLER */
.tabContainer { padding:20px 20px 0px 10px !important }
.tabContent h3 { margin-top:0!important }
#derslerMenu { background:url("../img/dersler_menu.png") no-repeat; width:870px; height:113px; display:block }
.matematikTab { background-position:0 0!important }
.fenVeTeknolojiTab { background-position:0 -113px!important }
.turkceTab { background-position:0 -226px!important }
.sosyalBilgilerTab { background-position:0 -339px!important }
.dersler li { float:left; display:inline; margin-top:10px; text-align:center }
.dersler li a { font-size:15px; display:block }
.dersler li a.current { color:#F8F8F8!important; font-size:17px!important }
.dersler li.fenVeTeknoloji { width:155px }
.dersler li.konuListesi { width:151px; float:right; margin-top:2px; margin-right:10px; }
.dersler li.konuListesi a { background:url("../img/konulistesi.png") no-repeat; width:151px; height:34px; display:block }
.dersler li.konuListesi a:hover { background-position:-151px 0 }
.siniflar li { float:left; margin-top:20px; list-style:none }
.listCircle2 li { list-style-image:url("../img/list_3.png"); }
.siniflar li .sinif45 { background:url("../img/sinif_butonlar.png") no-repeat 0 -30px; width:167px; height:30px; display:block }
.siniflar li .sinif45:hover { background-position:0 -60px; }
.siniflar li .sinif45.current { background-position:0 0; }
.siniflar li .sinif678 { background:url("../img/sinif_butonlar.png") no-repeat -167px -30px; width:167px; height:30px; display:block }
.siniflar li .sinif678:hover { background-position:-167px -60px; }
.siniflar li .sinif678.current { background-position:-167px 0; }
.tabContent { padding:0 20px }
.dersler li.matematik, .dersler li.turkce, .dersler li.sosyalBilgiler { width:150px }
/* ---------------------------- */
/* VİTAMİNE ERİŞİM - IFRAME */
body.iFrame { background-image:none; background-color:#88AB1D; text-align:left }
.iFrame #header { padding-left:55px; }
.iFrame #content { padding:20px 60px 0; }
#attachments { position:absolute; right:20px; bottom:-10px }
#attachments a { color:#027c9a; font-size:14px; font-weight:700 }
#attachments a:hover { color:#78237d }
a.pdf { display:inline-block; padding-left:30px; line-height:24px; background:transparent url(../img/text_icon.png) center left no-repeat }
a.zip { display:inline-block; padding-left:30px; line-height:24px; background:transparent url(../img/pic_icon.png) center left no-repeat }
/* ---------------------------- */
/* ÖĞRETMENLER İÇİN - FAYDALAR */
.faydalar h3 { margin-top:50px !important; }
.faydalar h4 { margin-bottom:10px !important; }
/* ---------------------------- */
/* S LIGHTBOX */
#SLB-Wrapper { font-family:Verdana; text-align:left; position:absolute; display:none; margin:auto }
#SLB-Wrapper #SLB-Background { position:absolute; left:7px; top:7px; float:left }
#SLB-Wrapper #SLB-Top { background:transparent no-repeat scroll 100% 0; height:28px; margin:0 0 0 18px }
#SLB-Wrapper #SLB-Top a { float:right; display:inline; width:16px; height:18px; text-decoration:none; margin:5px 10px; padding:0 }
#SLB-Wrapper #SLB-Top a:hover { background-position:0 -18px }
#SLB-Wrapper #SLB-Top img { float:right; border:0; width:16px; height:18px; margin:6px 10px }
#SLB-Wrapper #SLB-Top div { background:transparent no-repeat scroll 0 0; font-size:0; height:28px; left:-18px; line-height:0; position:relative; width:18px }
#SLB-Wrapper #SLB-Bottom { background:transparent no-repeat scroll 0 43%; height:20px; margin:0 18px 0 0 }
#SLB-Wrapper #SLB-Bottom #SLB-BottomRight { background:transparent no-repeat scroll 100% 43%; font-size:0; height:20px; right:-18px; line-height:0; position:relative; width:100%; float:right }
#SLB-Wrapper #SLB-Bottom.SLB-bbnav, #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight { height:52px }
#SLB-Wrapper #SLB-Bottom.SLB-bbnav { background-position:0 100% }
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight { background-position:100% 100% }
#SLB-Wrapper #SLB-Contenido { border-left:7px solid #FFF!important; border-right:7px solid #FFF!important }
#SLB-Wrapper #SLB-Bottom #SLB-Navegador { font-size:11px; color:#fff; height:30px; border-left:0; border-right:0; line-height:11px; float:left; width:100%; margin:0; padding:5px 0 }
#SLB-Wrapper #SLB-Navegador #SLB-Right, #SLB-Wrapper #SLB-Navegador #SLB-Left { display:inline; width:40px; height:42px; text-decoration:none; margin:0; padding:0 }
#SLB-Wrapper #SLB-Navegador #SLB-Right { background-position:-68px 0; float:right; margin:0 18px 0 10px }
#SLB-Wrapper #SLB-Navegador #SLB-Right:hover { background-position:-68px -42px }
#SLB-Wrapper #SLB-Navegador #SLB-Left { background-position:-25px 0; margin-right:10px; float:left }
#SLB-Wrapper #SLB-Navegador #SLB-Left:hover { background-position:-25px -42px }
#SLB-Wrapper #SLB-Navegador strong { display:block; padding-top:15px; text-align:center }
#SLB-Image { overflow:hidden!important }
#simplemodal-overlay { background-color:#000; }
#simplemodal-container { height:120px; width:400px; background:none repeat scroll 0 0 #bd060e; color:#F8F8F8; border:4px solid #FFFFFF; padding:20px; -moz-border-radius:10px 10px 10px 10px; }
#simplemodal-container a { }
#simplemodal-container a.modalCloseImg { background:url("../img/close.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer; }
#simplemodal-container #basic-modal-content { padding:8px; }
/* ---------------------------- */
/* BU BENIM ESERIM */
#benimeserimLogolar { width:180px; height:90px; display:block; position: absolute; right: 60px; top: 80px; background: url("../img/benimeserimlogolar.png") no-repeat scroll 0 0 transparent; }
#banner5 { height: 70px; position:relative }
#displayWrapper { background: url("../img/green_header3.png") no-repeat scroll 0 0 transparent; min-height: 450px; padding: 40px 30px 20px 40px; width: 800px; }
#displayWrapper ul.display li { width: 800px; margin: 0; list-style:none; list-style-image:none; list-style-type:none; background: url("../img/listBg.png") no-repeat scroll 0 0 transparent; height:153px; margin:10px 0; }
#displayWrapper ul.display li a { color:#444; text-decoration: none; font-size:14px }
#displayWrapper ul.display li .content_block { padding: 10px; }
#displayWrapper ul.display li .content_block .tableWrapper { height:140px; overflow:hidden }
#displayWrapper ul.display li .content_block table { font-size:12px; padding-left:20px }
#displayWrapper ul.display li .content_block table .title { font-weight:bold; width:136px; text-align:right; }
#displayWrapper ul.display li .content_block h2 { margin: 0; padding: 5px 5px 5px 220px; font-weight: normal; font-size: 16px; }
#displayWrapper ul.display li .content_block p { margin: 0; padding: 5px 5px 5px 220px; font-size: 12px; }
#displayWrapper ul.display li .content_block .thumbImg { border:2px solid #000; width:200px; height:133px; float:left; display:block; position:relative }
#displayWrapper ul.display li .content_block .thumbImg:hover { border:2px solid #555; }
.odul {background: url("../bu-benim-eserim/odul.png") no-repeat scroll 0 0 transparent; position:absolute; z-index:99; right: -32px; top: -5px; height:108px; width:61px; text-indent:-9999px }
#fbLikeWrapper { display:block }
/* ---------------------------- */
/*  VITAMIN KISAYOL */
#kisayolPage #menu { visibility: hidden; }
#kisayolWrapper { background: url("../img/green_header5.png") no-repeat scroll 0 0 transparent; min-height: 990px; padding: 40px 40px 20px 100px; }
#kisayolWrapper h2 { font-size:22px; color:#334400; margin-bottom:10px }
#kisayolWrapper h3 { font-size:16px; }
.shadowBlock { width:760px; display:block; margin-bottom: 25px; }
#kisayolWrapper .textBlock1 { width:315px }
#kisayolWrapper .textBlock3 { width:760px }
#kisayolBtn a { height:50px; width:182px; display:block; background: url("../img/kisayolBtn.png") no-repeat scroll 0 0 transparent; position:absolute; right: 170px; top: 5px; width: 182px; }
#kisayolBtn a:hover { background-position:0 -50px; }
.listCircle3 li { list-style:none; margin-left:0; padding-left:35px; }
.listCircle3 li#one { background: url("../vitamin-kisayol/img/N01.png") no-repeat 0 0;}
.listCircle3 li#two { background: url("../vitamin-kisayol/img/N02.png") no-repeat 0 0;}
.listCircle3 li#three { background: url("../vitamin-kisayol/img/N03.png") no-repeat 0 0; }
.listCircle3 li#four { background: url("../vitamin-kisayol/img/N04.png") no-repeat 0 0; }
.listCircle3 li#five { background: url("../vitamin-kisayol/img/N05.png") no-repeat 0 0;}
.listCircle3 li#six { background: url("../vitamin-kisayol/img/N06.png") no-repeat 0 0; }
.listCircle3 li#seven { background: url("../vitamin-kisayol/img/N07.png") no-repeat 0 0;}
.listCircle3 li#eight { background: url("../vitamin-kisayol/img/N08.png") no-repeat 0 0; }
.listCircle3 li#nine { background: url("../vitamin-kisayol/img/N09.png") no-repeat 0 0;}
.listCircle3 li#ten { background: url("../vitamin-kisayol/img/N10.png") no-repeat 0 0; }
.listCircle3 li#eleven { background: url("../vitamin-kisayol/img/N11.png") no-repeat 0 0;}