/* ---------------------------- */
/* GENERAL */
body {font-family:Arial, Helvetica, sans-serif; text-align: center; background: url(../img/back2.jpg) no-repeat center top fixed #060606;  position:relative; height:100%  }
a { text-decoration:none; color:#00CCFF; }
a:hover { color:#FF9900; text-decoration: underline; }
h1 { font-size:20px; color:#FF9900; font-weight:bold; line-height:20px; }
h2 { font-size:12px; color:#FF9900; font-weight:bold; line-height:20px; }
h3 { font-size:12px; color:#ccc; font-weight:normal; line-height:16px; }
h4 { font-size:12px; color:#ccc; font-weight:normal; line-height:16px; }
p { font-size:12px; color:#eee; line-height:16px; }
ol { font-size:12px; color:#eee; line-height:16px; }
strong {background-color: #F0C002; color: #000!important; /*FOR HIGHLIGHT SEARCH RESULTS */ }
/* p a { color:#808080; }*/
select { font-size:14px; color:#FF9900; font-weight:bold; }
img { border:1px solid #484848; font-size:10px; }
/* ---------------------------- */
/* LAYOUT */
#pageWrapper {width:960px; margin:0 auto; position: relative; overflow: hidden;}
#wrapper { background: url(../img/wrapper.png) repeat-y; text-align: left;}
#header { background: url(../img/header.png) no-repeat; height:130px;}
#logo { background: url(../img/logo.png) no-repeat; width:145px; height:64px; margin:20px 0 0 50px;}
#container { display:block; }
#sideBar { width:174px; margin: 10px 0 0 30px;}
#content { margin:10px 27px 0; width:702px;}
#content .middle { background: url(../img/leke_ust.png) no-repeat left 20px; border:1px solid #484848; }
.title { background-color:#484848; zoom: 1; padding:2px 10px; font-size:16px; color:#FF9900; font-weight:bold; line-height:20px;}
#content .lekeAlt { background: url(../img/leke_alt.png) no-repeat right bottom; height:56px; right:0; bottom:0; }
#content #emptyBlock { background: url(../img/leke_alt2.png) no-repeat right bottom; height:49px; right:0; bottom:0; }
#footer { background: url(../img/footer.png) no-repeat; height:27px; }
#footerText {padding: 0px 15px 20px 20px; overflow:hidden; color:#999}
#footerText p, #footerText span  {font-size:10px;}
#footerText li  { margin-right:20px; }
#footerText #sebit {width:60px; height:28px; background:url(../img/sebit.png) no-repeat; display:block; border:none; }
#footerText #turktelekom {width:55px; height:28px; background:url(../img/turktelekom.png) no-repeat; border:none; margin-right:3px;}
.ttkurulus {zoom:1; text-align: left; line-height:28px;}
#copyright {text-align: right; }
/* ---------------------------- */   
/* SOCIALS */
#socials { height:60px; background: url(../img/paylas.png) no-repeat 0 10px; position: absolute; right: 60px; display: block;}
.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: 0px 0px; }
.facebook:hover { background-position: -26px 0px; }
.twitter { background-position: 0px -26px; }
.twitter:hover { background-position: -26px -26px; }
.friendfeed { background-position: 0px -52px; }
.friendfeed:hover { background-position: -26px -52px; }
.delicious { background-position: 0px -78px; }
.delicious:hover { background-position: -26px -78px; }
.googlebuzz { background-position: 0px -104px; }
.googlebuzz:hover { background-position: -26px -104px; }
.digg { background-position: 0px -130px; }
.digg:hover { background-position: -26px -130px; }
.mail { background-position: 0px -156px; margin-right:0 !important; }
.mail:hover { background-position: -26px -156px; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; margin:35px 0 0 90px; }
* html .group { zoom: 1; }
.group { display: block; }
/* ---------------------------- */
/* MENU */
#menu { position:relative; background:url(../img/git.png) no-repeat -10px bottom; }
#menu li { text-align:right; border-bottom:1px solid #484848; font-size:16px; height:30px; line-height:30px; }
#menu li a { color:#CCCCCC; font-weight:bold; }
#menu li a:hover { color:#FF9900; text-decoration:none; }
#menu li a.current { color:#FF9900; }
#logoIlkogretim {background: url(../img/logoIlkogretim.png) no-repeat right bottom; height:80px; display: block; }
/*-- NAVBAR --*/
.navbar { width:932px; height:44px; display:block; padding:0px; margin:0px; list-style:none; }
.navbar li span { display: none; }
.navbar li, .navbar li a { list-style:none; border:none; float:left; height:44px; margin:0; }
.navbar li#nav01 a { width:110px; background:url(../../_images/menu.png) left top; }
.navbar li#nav01 a:hover { width:110px; background:url(../../_images/menu.png) 0px -44px; }
/* ---------------------------- */
/* PAGINATION */
#pagerCombo { clear:both; display:block }
.pager {margin:10px 10px 11px}
.pager ul li { float: left; display: inline; }
.pager a { text-align: center; height:23px; text-decoration: none; margin: 0 6px; line-height: 23px; font-size:14px; color:#CCC; font-weight:bold;}
.pager a:hover { color: #FF9900; }
.pager li a.current { color: #FF9900; font-size:18px; }
.pager li a.disabledPager { cursor:default; color:#222; display: none; }
.pager li a.disabledPager:hover { color:#222 }
/* ---------------------------- */
/* DROPDOWN */
.dropdown { margin:10px; float:left; display:inline; cursor:pointer; }
.dropdown dd { position:relative; z-index:100; }
.dropdown a, .dropdown a:visited { color:#CCCCCC; text-decoration:none; outline:none; font-size:14px; font-weight:bold; }
.dropdown a:hover { color:#fff; }
.dropdown dt a:hover, .dropdown dt a:focus { color:#fff; }
.dropdown dt a { background:#484848 url(../img/arrow.gif) no-repeat scroll right center; padding-right:20px; width:30px;  display:block; display:inline-block;}
.dropdown dt a span { cursor:pointer; display:block; padding:5px; }
.dropdown span.value { display:none; }
.dropdown dd ul { background:#484848 none repeat scroll 0 0; color:#fff; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:50px; list-style:none; z-index:99; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.dropdown dd ul li a { padding:5px; cursor:pointer; display:block; }
.dropdown dd ul li a:hover { background-color:#999; cursor:pointer; }
/* ---------------------------- */
/* SEARCH */
#search { margin-bottom:32px;}
#search .field { clear:both; display:block; width:170px; border:1px solid #484848; height:27px; }
#search #searcher { display:inline; width:132px; overflow:hidden; float:left; background-color:#151515; border:none; padding:5px; color:#FFF; line-height:15px; height:17px; font-size: 12px; }
#search .button { background:url(../img/search.png) no-repeat scroll 0 0px transparent; border:0 none; cursor:pointer; height:26px; width:26px; }
#search .button:hover { background-position: 0px -28px; background-repeat:no-repeat; }
/* ---------------------------- */
/* SEARCH LONG */
#search2 { margin-bottom:20px; }
#search2 .field { clear:both; display:block; border:1px solid #484848; height:27px; }
#search2 #searcher { display:inline; width:664px; overflow:hidden; float:left; background-color:#ccc; border:none; padding:5px; color:#151515; line-height:15px; height:17px; }
#search2 .button { background:url(../img/search.png) no-repeat scroll 0 0px transparent; border:0 none; cursor:pointer; height:26px; width:26px; }
#search2 .button:hover { background-position: 0px -28px; background-repeat:no-repeat; }
/* ---------------------------- */
/* SEARCH LONG2 */
#search3 { margin-bottom:20px;}
#search3 .field { clear:both; display:block; border:1px solid #484848; height:27px; width:410px;}
#search3 #searcher { display:inline; width:374px; overflow:hidden; float:left; background-color:#ccc; border:none; padding:5px; color:#151515; line-height:15px; height:17px; }
#search3 .button { background:url(../img/search.png) no-repeat scroll 0 0px transparent; border:0 none; cursor:pointer; height:26px; width:26px; }
#search3 .button:hover { background-position: 0px -28px; background-repeat:no-repeat; }

/* ---------------------------- */
/* ITEMS */
.middle .item {background: url(../img/item_bg.png) no-repeat; width:685px; height:129px; margin: 0 9px 3px 7px; overflow:hidden; } /* ITEM=INTERAKTIF ETKINLIK */
.middle .item2 {background: url(../img/item_bg2.png) no-repeat; width:685px; height:114px; margin: 0 9px 3px 7px; overflow:hidden; } /* ITEM2=OTHER EDUTYPES */
.middle .item img, .middle .item2 img{max-width:165px; width: auto; /*height:97px;*/}
.middle .thumb {padding:11px 12px 0 14px; width:165px; height: 100px; background:url(../img/loading.gif) 50% 50% no-repeat transparent;/*PRELOAD IMAGES */ }
.middle .thumb a {position:absolute; z-index:10; display:inline-block; max-width:165px; /*height:97px;*/ }
.middle .description { width:485px; padding-top:10px; padding-right: 5px;}
.middle .description p { overflow:hidden; height: 80px; }
.middle .item2 .description p { overflow:hidden; height: 65px; }
/* ---------------------------- */
/* EDU TYPES */
.eduiconsDetailPage {background: url(../img/icons.png) no-repeat; display:block; z-index:99; right:10px; bottom:-19px; overflow: hidden; position:absolute; border: none; outline:none; }
.eduicons { background: url(../img/icons.png) no-repeat; display:block; position:absolute; z-index:99; right:-6px; bottom:-4px; overflow: hidden; width:90%; height:85%; border: none; outline:none;}
.alistirma { background-position: 0px 0px; width:26px; height:26px; }
/*.alistirma:hover { background-position: -31px 0px; }*/
.alistirmaBig {background-position: 0px -550px; width:80px; height:94px;}
.alistirmaBig:hover { background-position: -100px -550px;}
.canlandirma { background-position: 0px -30px; width:26px; height:26px; }
/*.canlandirma:hover { background-position: -29px -30px; }*/
.canlandirmaBig { background-position: 0px -675px; width:80px; height:94px; }
.canlandirmaBig:hover{ background-position: -100px -675px; width:80px; height:94px; }
.cozumluOrnek { background-position: 0px -61px; width:28px; height:39px; }
/*.cozumluOrnek:hover { background-position: -31px -61px; }*/
.cozumluOrnekBig { background-position: 0px -550px; width:80px; height:94px; }
.cozumluOrnekBig:hover { background-position: -100px -550px; }
.interaktifEtkinlik, .uygulama { background-position: 0px -105px; width:31px; height:31px; }
/*.interaktifEtkinlik:hover, .uygulama:hover { background-position: -31px -105px; }*/
.interaktifEtkinlikBig, .uygulamaBig { background-position: 0px -550px; width:80px; height:94px; }
.interaktifEtkinlikBig:hover, .uygulamaBig:hover { background-position: -100px -550px;}
.okumaMetni, .metin, .anlatimlisorucozumu, .konuanlatimi, .hazirlikMetni, .konuAnlatimi { background-position: 0px -141px; width:29px; height:34px; }
/*.okumaMetni:hover, .metin:hover, .anlatimlisorucozumu:hover, .konuanlatimi:hover, .hazirlikMetni:hover, .konuAnlatimi:hover { background-position: -32px -141px; }*/
.okumaMetniBig, .metinBig, .anlatimlisorucozumuBig, .konuanlatimiBig, .hazirlikMetniBig, .konuAnlatimiBig  { background-position: 0px -550px; width:80px; height:94px; }
.okumaMetniBig:hover, .metinBig:hover, .anlatimlisorucozumuBig:hover, .konuanlatimiBig:hover, .hazirlikMetniBig:hover, .konuAnlatimiBig:hover  { background-position: -100px -550px; }
.undefined {display:none; }
.undefined:hover {display:none;}
.undefinedBig {display:none; }

/* ---------------------------- */
/* DETAIL PAGE */
.detailItem { margin:0 auto; padding:40px; position:relative; text-align: center; }
.itemImage {word-wrap: break-word; display:inline-block; position:relative; width:620px; width:auto!important; min-width:400px; max-width: 620px; min-height:234px; height:auto !important; height:234px; margin: 0 auto 10px auto; background:url(../img/loading.gif) 50% 50% no-repeat transparent;/*PRELOAD IMAGES */}
#sendekatilContainer {display:block; position:absolute; z-index:90; width:300px; height:150px; right:0; top:0; }
.detailTitle { font-size:14px; color:#ccc; font-weight:bold; line-height:20px; border-bottom:1px solid #484848; }
table { font-size:12px; margin-top:10px; width: 100%; border: none; }
table td { padding:5px 0 10px 0; color: #808080 }
.courseTable {background-color:#484848}
.tableTitle td { font-size:14px; color:#ccc; font-weight:bold; line-height:20px; padding:0 }

/* ITEMS FOR RELATED AO*/
#suggestions { margin: 10px; height: 250px; min-height: 250px;}
#suggestions .sonuc { /*background:url("../img/sonuc_bulunamadi.gif") no-repeat scroll 0 0 transparent; width:280px; height:80px !important; */}
#suggestions p { display: block;}
#suggestions .noResultText {font-size: 14px; font-weight: bold; color:#FF9600; margin-bottom: 5px }
#suggestions a { font-weight: bold; font-size: 14px; }
#scrollToTop {width:18px; height:21px; border:none; background:url("../img/scrollToTop2.png") no-repeat scroll 0 0 transparent; display:block; z-index:0;}
#scrollToTop:hover {background-position: 0px -21px;}
#resultCount, #resultCount2  {text-align: right; font-size: 12px; color: #CCC; }
#resultCount .number, #resultCount2 .number {color: #FF9900; zoom:0 }
/* ---------------------------- */
#topMenu {width:423px; margin:10px 0 10px 30px; }
#topMenu li {display: inline; float: left; margin-right:10px;}
#topMenu li a{display: block; height: 67px; background: url(../img/topMenu.png) no-repeat;}
#topMenu li a#vitaminLiseNedir {background-position: -5px 0px; width:80px;}
#topMenu li a#vitaminLiseNedir:hover, #topMenu li a#vitaminLiseNedir:focus { background-position: -5px -67px;}
#topMenu li a#nelerVar {background-position: -96px 0px; width:127px;}
#topMenu li a#nelerVar:hover, #topMenu li a#nelerVar:focus { background-position: -96px -67px;}
#topMenu li a#sorunSoyleyelim {background-position: -229px 0px; width:120px;}
#topMenu li a#sorunSoyleyelim:hover, #topMenu li a#sorunSoyleyelim:focus { background-position: -229px -67px;}
#topMenu li a#videolar {background-position: -355px 0px; width:65px;}
#topMenu li a#videolar:hover, #topMenu li a#videolar:focus { background-position: -355px -67px;}
 
.singleTitle ol li {list-style: circle inside; }

#easyTooltip{border:1px solid #151515; background:#484848; padding:2px 5px; color:#FF9900; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 999;}

.box-fixed {position:fixed; right:15px; top:370px; width:60px; z-index:0; display: none;}
.box-fixed img {border: none;}

.showAll {width:103px; height:15px; display: block; background: url(../img/showall.png) no-repeat 0 0; margin:10px auto;}
.showAll:hover {background-position: 0px -15px; }

#menu2 {position: absolute; top:5px; left: 150px; }
#menu2 ol{margin-left:250px}
#menu2 ol li{float:left;display:inline;padding:0 10px}
#menu2 ol li a{color:#027c9a;font-size:13px}
#menu2 ol li a:hover{color:#78237d; text-decoration: none;}
#menu2 ol li a.disabled{color:#88ccde}


.fbLike { background-color: #ccc; margin:10px auto 0; padding:10px 10px 0 !important; text-align: left; height: 70px;}
#vitLogin {display:block; cursor:pointer }