@import url("AdminStyle.css");
@import url("Containers.css");
@import url("lightbox.css");
@import url("photoslide.css");
@charset "utf-8";
/**** İsa Güçlü | isaguclu@yahoo.com ******/

html {background:#000 url(../../images/design/sayfabg.png) left top fixed repeat;}
body { background:#000 url(../../images/design/sayfabg.png) left top fixed repeat; margin:0px 20px}


div, table { font:9pt Arial, Tahoma, Geneva, sans-serif; color:#fff; line-height:140%}
img {border:none}

a { color:#C08329; text-decoration:none}
a:hover { color:#E2A049; text-decoration:none}

.pageW { width:738px; padding:20px; background:#000; margin:0px auto}

.LogoReno { width:119px; height:119px; float:left}
.LogoPerformans { width:283px; height:41px; float:left; background:url(../../images/design/logo-performans.png);}
.LogoPerformans a { display:block;width:283px; height:41px;}

.Sayi { float:right; background:url(../../images/design/icon-sayi.png) left top no-repeat; padding-left:83px;}


.Header { /* border:1px solid #7F7F7F; padding:12px; */ width:586px; height:117px; float:right; margin-bottom:7px}
.Header + div {clear:both;}
.Header .izgara { clear:both; background:url(../../images/design/izgara-header.png) left top repeat-x; height:16px; width:462px; position:absolute; z-index:5; margin-top:50px; border:none}
.Header .izgara img {background:#000; padding-right:5px}

.Header .sagaYasla { margin:0px; margin-top:17px; width:37.1%; background:url(../../images/design/izgaramini-header.gif) left top repeat; padding:5px; line-height:19px}
.Header .sagaYasla input[type=text], .Header .sagaYasla input[type=password] { border:none; background:#000; color:#666; padding:2px; width:170px; }
.Header .marginB { margin-bottom:5px}
.Header .solaYasla { margin-top:23px}



h1, h2, h3, h4 { margin:0px; margin-bottom:16px}
p {margin:0px;}
p + p, p + div, p + table, p + h1, p + h2, p + h3, p + h4 {margin-top:12px}

.clr {clear:both; height:0px}

input[type=text], input[type=password], select, textarea { border:1px solid #333; background:#000; padding:3px; font:11px Arial, Helvetica, sans-serif; color:#CCC}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color:#FFF; border-color:#CCC}

/** İç Sayfalar **/


.y10 { font-size:10px}
.y11 { font-size:11px}
.y12 { font-size:12px}
.y13 { font-size:13px}
.y14 { font-size:14px}
.y15 { font-size:15px}
.y16 { font-size:16px}
.y18 { font-size:18px}
.y20 { font-size:20px}
.y22 { font-size:22px}
.y24 { font-size:24px}
.y28 { font-size:28px}
.y32 { font-size:32px}
.y36 { font-size:36px}
.y42 { font-size:42px}
.y48 { font-size:48px}
.y56 { font-size:56px}
.y64 { font-size:64px}

.tur { color:#C0832B}
.red { color:#C00}

/** Pane **/

.OrtaAlan { clear:both;}
.OrtaAlan2 { float:left; width:240px; margin-bottom:12px} 
.OrtaAlan3 { float:left; width:238px; margin-left:12px; margin-bottom:12px}
.OrtaAlan4 { float:right; width:236px; margin-bottom:12px}

.AltAlan {clear:both;}
.AltAlan , .AltAlan div, .AltAlan table { color:#727B7F; font:6.8pt Tahoma, Verdana, Arial, Geneva, sans-serif}
.AltAlan a {color:#727B7F; text-decoration:none}

.marginB10 { margin-bottom:10px}
.marginB16 { margin-bottom:16px}
.marginB { margin-bottom:12px}
.marginB5 { margin-bottom:5px}
.marginB8 { margin-bottom:8px}
.marginB20 { margin-bottom:20px}

sup { display:inline-block; margin-top:-4px}

.alertTxt, .aramaUyari { color:#C00; background:#FFC; padding:10px; display:block; margin-bottom:12px}
.alertTxt + div , .alertTxt + p , .alertTxt + table , .aramaUyari + div, .aramaUyari  + p , .aramaUyari + table {margin-top:20px}

.FooterLink {}


/** Hepsini mavi yapar **/
.FooterLink a span {background:#013485; color:#FFF; font:11px "Century Gothic", Tahoma, Arial}
.FooterLink a img { border-color:#013485;}




.FooterLink a.aktif span {background:#000}
.FooterLink a.aktif img { border-color:#000}
.FooterLink a.aktif {cursor:default}
/** Hepsini mavi yapar **/



.FooterLink a.mavi img { border-color:#013485}
.FooterLink a.mavi span { background:#013485; color:#FFF; font:12px "Century Gothic", Tahoma, Arial}

.FooterLink a.mor img { border-color:#99A1D2}
.FooterLink a.mor span { background:#99A1D2; color:#013485; font:12px "Century Gothic", Tahoma, Arial}

.FooterLink a.gri img { border-color:#BABBAB}
.FooterLink a.gri span { background:#BABBAB; color:#fff; font:12px "Century Gothic", Tahoma, Arial}

.FooterLink a:hover img {border-color:#000}
.FooterLink a:hover span {background:#000; text-decoration:none; color:#FFF}

/** Aktif sayfalar footer indeks renkleri **/

.FooterLink .AktifP1 #Page1 {cursor:default}
.FooterLink .AktifP1 #Page1 img { border-color:#0038a2}
.FooterLink .AktifP1 #Page1 span { background-color:#0038a2; color:#FFF}

.FooterLink .AktifP2 #Page2 {cursor:default}
.FooterLink .AktifP2 #Page2 img { border-color:#aac7d9}
.FooterLink .AktifP2 #Page2 span { background-color:#aac7d9; color:#013485}

.FooterLink .AktifP3 #Page3 {cursor:default}
.FooterLink .AktifP3 #Page3 img { border-color:#dcd52d}
.FooterLink .AktifP3 #Page3 span { background-color:#dcd52d; color:#63060b}

.FooterLink .AktifP4 #Page4 {cursor:default}
.FooterLink .AktifP4 #Page4 img { border-color:#bd150e}
.FooterLink .AktifP4 #Page4 span { background-color:#bd150e; color:#fff}

.FooterLink .AktifP5 #Page5 {cursor:default}
.FooterLink .AktifP5 #Page5 img { border-color:#eb7508}
.FooterLink .AktifP5 #Page5 span { background-color:#eb7508; color:#000}

.FooterLink .AktifP6 #Page6 {cursor:default}
.FooterLink .AktifP6 #Page6 img { border-color:#5f6eaf}
.FooterLink .AktifP6 #Page6 span { background-color:#5f6eaf; color:#fff}

.FooterLink .AktifP7 #Page7 {cursor:default}
.FooterLink .AktifP7 #Page7 img { border-color:#76a346}
.FooterLink .AktifP7 #Page7 span { background-color:#76a346; color:#fff}

.FooterLink .AktifP8 #Page8 {cursor:default}
.FooterLink .AktifP8 #Page8 img { border-color:#363d47}
.FooterLink .AktifP8 #Page8 span { background-color:#363d47; color:#75c7b9}

/*** Arama Sonuçları **/

.AramaSonuclari {margin-bottom:16px}
.AramaSonuclari h2 { font-size:16px; margin-bottom:10px; margin-left:-20px; border-bottom:1px dotted #999; padding-bottom:10px;}
.AramaSonuclari small {margin-left:60px}
.AramaSonuclari small a, .goIndex {display:inline-block; color:#000; background:#fcb415; text-decoration:none; padding:5px 10px; font:bold 7pt Verdana, Geneva, sans-serif}
.AramaSonuclari small a + a {margin-left:10px}
.AramaSonuclari small a:hover, .goIndex:hover {background: #fcb415; color:#fff}

.AramaSonuclari ul, .AramaSonuclari ol {margin:0px; margin-left:20px;} 
.AramaSonuclari li a { font-weight:bold; text-decoration:none; margin-bottom:10px}
.AramaSonuclari li a:hover { }
.AramaSonuclari .aciklama { color:#999; font-size:11px; display:block; margin-bottom:10px}
.hlight {background:#FF0; color:#C00; display:inline-block; font-weight:bold; padding:3px}

/** Index Açılan Menüsü **/

.IndexMenu { position:absolute; z-index:20; float:left; margin-left:662px; margin-top:-25px}
.IndexMenu h2 {width:310px; height:20px; background:#024687 url(../../images/indexmenu-hbg.gif) left top no-repeat; margin:0px; cursor:pointer}
.IndexMenu h2 a { display:block; height:20px; width:310px}
.IndexMenu h2 span { display:none}
.IndexMenu h2:hover { background:#036AC2 url(../../images/indexmenu-hbghover.gif) left top no-repeat;} 

.IndexMenu #IndexList {  width:300px; background:#D6D5C0;  height:auto; padding:5px;}
.IndexMenu #IndexList ul, .IndexMenu #IndexList ol {margin:0px; padding:0px}
.IndexMenu #IndexList li {list-style:none; clear:both; margin-bottom:3px}
.IndexMenu #IndexList a {display:block; min-height:42px; text-decoration:none}
.IndexMenu #IndexList a img {float:right}
.IndexMenu #IndexList a span { font:11px "Century Gothic", Tahoma, Arial; padding:3px; display:block; width:228px; background:#013686;float:left; white-space:normal; color:#FFF; text-decoration:none}
.IndexMenu #IndexList a.zebra span {background:#babbab; color:#013686;}
.IndexMenu #IndexList a:hover span, .IndexMenu #IndexList a.aktif span {background:#000; color:#FFF; text-decoration:none}
.IndexMenu #IndexList a.aktif, .IndexMenu #IndexList a.aktif span {cursor:default}


.PageClass {font-size:11px; color:#003686; margin-bottom:10px}
.PageClass a {color:#003686; text-decoration:none}
.PageClass a:hover {color:#000; text-decoration:none} 
.PageClass .allPress {float:right; color:#003686}
.PageClass .kunye {float:left; color:#003686}

.DergiThumb { margin:5px; margin-bottom:20px}
/*
.DergiThumb h3 { font-size:16px; letter-spacing:-0.05em; background:url(../../images/design/related-asagiok.png) left 4px no-repeat; color:#333; padding-left:18px; text-transform:uppercase}
*/
.DergiThumb h3 span { font-size:12px}
.DergiThumb h3 a { color:#333;}
.DergiThumb h3 a:hover { color:#999}
.DergiThumb img { border:1px solid #bbbaa8; width:100px; height:auto; padding:1px; background:#fff;}
.DergiThumb img:hover {border-color: #FC0} 
.DergiThumb a.goIndex, .DergiThumb a.goIndex:hover { background:transparent url(../../images/design/but-ok.png) left 6px no-repeat; padding-left:14px; color:#ccc; font:12px Arial, Helvetica, sans-serif}
table.DergiThumb td { vertical-align:top}

.DergiThumb span.Rakam { display:block; background:url(../../images/design/related-asagiok.png) left top no-repeat; font-size:38px; padding-top:20px; color:#666; height:25px}
.DergiThumb span.Count { display:block; font-weight:bold; font-size:11px; color:#FCB414; line-height:105%;min-height:32px}

.ArsivList { float:right; width:452px;}

/* Popup */

.NewsPopup {text-align:center;position:absolute; z-index:999999990; top:100px; left:0; right:0;}
.NewsPopupBg {background:#000000; FILTER:alpha(opacity=60); opacity:0.6; position:absolute; left:0px; right:0px; top:0px; bottom:-100%; z-index:99999999}
.NewsPopupFlash { width:680px; margin:0px auto}
.NewsPopup .inside { background:#000; width:auto; text-align:right; font-size:10px}
.NewsPopup a {text-decoration:none; display:inline-block; padding:5px}

/** Related **/


.RelatedLink { float:left; margin-top:30px; margin-bottom:20px; width:31.3%;}
.RelatedLink + .RelatedLink, .RelatedLink + .RelatedLink + .RelatedLink  { margin-left:3%}

.RelatedLink h2 { background:#6674B0; color:#FFF; padding:6px; padding-left:20px; margin-bottom:20px; font-size:16px}
.RelatedLink ul, .RelatedLink ol { margin:0px; padding:0px; }

.RelatedLink + .RelatedLink ul, .RelatedLink + .RelatedLink ol { border-left:1px solid #5F6EAF;padding-left:14px; margin-left:-14px;}
.RelatedLink li {list-style:none; margin-bottom:5px}
.RelatedLink li a {display:block; height:32px; background:#BBBAA8; color:#FFF; padding:5px; text-decoration:none }
.RelatedLink li a img {float:right; margin:-5px -5px -5px 5px;}
.RelatedLink li a:hover { background:#ACAB95}
.RelatedLink img.share { margin:5px}

.RelatedLink .infoMagText {background:#BBBAA8; color:#fff; font-size:9px; padding:2px 5px; display:inline-block }
.RelatedLink li:hover .infoMagText {background:#ACAB95}

.buton { display:inline-block; background:#333 url(../../images/design/but-ok.png) 8px center no-repeat; color:#CCC; padding:5px 12px; padding-left:22px; -moz-border-radius:4px; font-weight:bold}
.buton:hover { color:#FFF; background-color:#666}