@charset "iso-8859-9";
/************************
************************
E- Katip Online icra Takip Programi  - http://ekatip.com/
Ali ihsan ibileme
04 Agustos 2010
ie6, ff, opera, chrome, safari
************************
************************/
/*---css sifirlama----*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th { margin: 0; padding: 0;  border: 0; outline: 0; font-size: 100%; text-decoration:none;}
table, tr, td { border: 0;  outline: 0; font-size: 100%; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
body{ margin:0; padding:0;}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
#contanierSite{width:900px; margin:0 auto; background-repeat:repeat-x; background-image: url(http://s1.ekatip.com/images/Bg4.gif);}
#contanier{ background: #f2eacb url(http://s1.ekatip.com/images/Bg2.gif) repeat-x; width:900px; height: auto; margin: 0 auto 0 auto;}
#contanier2{ background: url(http://s1.ekatip.com/images/ortaAlanBg.gif) repeat-y; width:900px; height:100%; margin:0 auto;}
#banner{ background:url(http://s1.ekatip.com/images/banner2.png);900px; height:160px;	}
#footer{
	background:url(http://s1.ekatip.com/images/altBarBg2.png) repeat-x;
	font:normal 10px Tahoma, Arial, Verdana; color: #f2eacb;
	text-decoration: none; float: left; width:900px; height:21px; clear:both; margin: 0;
}
#Menu{width:900px; height:100px; padding-top: 0px;}
#middle{width: 900px; margin: 0 auto; min-height:100%; height:100%; height: auto !important;}
#tanitimAlani{ float:right; width:550px; height:360px; margin: 10px 0 0 0;}
#uyeGiris{width:300px; float:left;}
#clear{clear: both; font-size: 0; line-height: 0; height: 0;}
#footer span{ font-size: 10px; padding: 10px 0 0 0; margin: 4px;}
#footer a{ font-size: 11px; margin: 0 350px 0 10px; }	
/*sitemenu*/
#Menu a.programHakkinda, #Menu a.destek, #Menu a.iletisim, #Menu a.uyeOl{ background-repeat: no-repeat; display:block; float:left; width:225px; height:100px; padding: 0;}
#Menu a.programHakkinda{background:url("http://s1.ekatip.com/images/menu.gif") no-repeat 0 0; margin:0; padding:0;}
#Menu a.destek{background:url("http://s1.ekatip.com/images/menu.gif") no-repeat -225px 0;}
#Menu a.uyeOl{background:url("http://s1.ekatip.com/images/menu.gif") no-repeat -450px 0;}
#Menu a.iletisim{background:url("http://s1.ekatip.com/images/menu.gif") no-repeat -675px 0;}

/*#Menu .ilk{background-image: url(http://s1.ekatip.com/images/menu01-trans.png);}
#Menu .iki{background-image: url(http://s1.ekatip.com/images/menu02-trans.png);}
#Menu .uc{background-image: url(http://s1.ekatip.com/images/menu03-trans.png);}
#Menu .dort{background-image: url(http://s1.ekatip.com/images/menu04-trans.png);}*/
#Menu h1{
	font:normal 10px Tahoma, Arial, "Verdana 10px normal";
	font-variant: normal;
	color: #a87282;
	text-decoration: none;
	margin:45px 15px 20px 20px;
	line-height: 11px;
}
#Menu a{ cursor:pointer;}
/*banner yapi*/
#contanier2 #banner img, #contanier #banner img{ display: block; border:none; padding: 10px 10px 0 20px; float:left; margin:0;}
#contanier2 #banner span, #contanier #banner span{ color:#fff; display:block; float:right; width:275px; padding:125px 0 0 0;}
#contanier2 #banner a, #contanier #banner a{ color:#fff; display:block; float:right; margin:5px 20px 0 0; padding:5px; text-decoration:none;}
#contanier2 #banner a:hover, #contanier #banner a:hover{ text-decoration:underline; cursor:pointer;}
#banner p{ font: 16px Tahoma, Geneva, sans-serif; color:#fff; text-align:center; padding: 60px 10px 20px 10px;}
/*site ic menu ayalari*/
#menu2{float:left;height:50px;width:900px;margin:0;padding:0;display:block;}
#menu2 ul {margin:0; padding:0; background: url(http://s1.ekatip.com/images/siteMenu.gif)no-repeat;}
#menu2 li{float:left;text-indent:-9999px;list-style-type:none;display:block;}
/*kucuk ust menu ayarlari*/
#menu2 ul li a.hakkinda,#menu2 ul li a.guncelleme,#menu2 ul li a.pano,#menu2 ul li a.sikSorulan,#menu2 ul li a.iletisim,#menu2 ul li a.destek{display:block;height:52px;}
#menu2 ul li a.hakkinda{background:url("http://s1.ekatip.com/images/siteMenu.gif") no-repeat 0 0;width:218px;}
#menu2 ul li a.guncelleme{background:url("http://s1.ekatip.com/images/siteMenu.gif") no-repeat -218px 0;width:186px;}
#menu2 ul li a.pano{background:url("http://s1.ekatip.com/images/siteMenu.gif") no-repeat -404px 0;width:111px;}
#menu2 ul li a.sikSorulan{background:url("http://s1.ekatip.com/images/siteMenu.gif") no-repeat -515px 0;width:109px;}
#menu2 ul li a.iletisim{background:url("http://s1.ekatip.com/images/siteMenu.gif") no-repeat -624px 0;width:149px;}
#menu2 ul li a.destek{background:url("http://s1.ekatip.com/images/siteMenu.gif") no-repeat -773px 0;width:127px;}
#uyeGiris h1{ height:15px; background:url("http://s1.ekatip.com/images/kucukikon.gif") no-repeat 0 -378px; display: block; font:bold 11px Tahoma, Arial, Verdana; color: #332921; text-decoration: none; margin:0px 0px 0px 100px; padding:5px 0 0 20px; }
/*site icerisinde alan dagilim*/
#middleRight{ float:right; width:720px; min-height:100%; height:100% height: auto !important;}
#middleLeft{ float:left; width:175px; margin: 0px; padding: 0px;}
#middleRight_sag{ float: right; position: relative; width: 58%;}
#middleRight_sol{ float: left; width: 40%; position: relative;}
#middleCenter{ float:left;width:900px; height:auto;}
#middleCenterTakip{ width:900px; float:left; display: block; position: relative; background-color: #F5EDCE; margin:0 0 10px 0; padding:0 0 5px 0;}
/*alacak kalemi yerlesim duzeni*/
#aKalem{ float: left; width: 900px; height: auto;}
#aKalem .ustAlan{float: left; width: 890px; height: auto; margin: 5px;}
#alacakOrtaAlan{ float: left; width: 800px; height: auto; margin: 5px auto 5px 50px;}
#alacakOrtaAlan .sagAlan{ display: block; float: right; height: auto; width: 480px; margin: 0 0 10px 5px;}
#alacakOrtaAlan .solAlan{ display: block; float: left; height: auto; width: 310px; padding: 0; margin: 0;}
#aKalem .altAlan{ float: left; margin: 5px; width: 890px; height: auto;}
/*solmenu ayarlamalari*/
#middleLeft ul{ float:left; width:175px; padding: 0px; margin: 20px 0px 20px 0px ;}
#middleLeft li a, #middleLeft li a:hover{ display: block; font:bold 13px Tahoma, Verdana, "Trebuchet MS"; color: #332921; text-decoration: none; width: 90%; height: 23; padding: 4px 0px 4px 20px; margin: 0; }
#middleLeft li{ background:#c3b79d url(http://s1.ekatip.com/images/yanmenuikon.png) no-repeat 8px center; border-bottom: 1px solid #7b7a72; width: 100%; padding: 0; margin:0;}
#middleLeft li:hover{ background-color: #a10131; cursor:pointer; padding: 0; margin:0;}
#middleLeft li a{color: #332921;}
#middleLeft li a:hover{color: #f2eacb;} 

/* ----tooltip ustmenu dikey olani------*/
.baloncukMenu, .baloncukMenuYan { list-style: none; margin: 0; padding: 0;}
.baloncukMenu li, .baloncukMenuYan li { float: left; position: relative; text-align: center; margin: 0 2px 0 20px; padding: 0;}
.baloncukMenuYan li {width: 150px; margin: 10px 2px 5px 20px; padding: 0 0 10px 0;}
.baloncukMenu a, .baloncukMenuYan a{ display: block; color: #000000; font-weight: bold; width: 35px; text-decoration: none;}
.baloncukMenu li em, .baloncukMenuYan li em{ font: normal 11px Tahoma, Verdana, "Trebuchet MS"; display: none; position: absolute; top: -50px; left: -25px; text-align: center; padding: 10px 0 0 0; z-index: 2;}
.baloncukMenu li em {background: url(http://s1.ekatip.com/images/hover.png) no-repeat; width: 100px; height: 38px; position: absolute; top: -50px; left: -25px;}
.baloncukMenuYan li em { background: url(http://s1.ekatip.com/images/baloncuk.gif) no-repeat; height: 40px; width: 150px; top: -5px; left: 110px;}
/*------program hakkinda tanitim---------*/
#tanitim{width: 700px; margin: 0 auto;}
#tanitim p{ font: 13px "Trebuchet MS", Tahoma, Verdana; color: #333; text-decoration: none; padding: 3px; margin: 0px 0px 0px 10px;}
#tanitim img { border: solid 1px #68001e; width: 125px; height: auto; padding: 2px; margin-top:5px 0px 0px 3px;}
#tanitim img:hover { border-color: #c3b79d;}
#middleRight h1, #tanitim h1{ font: normal 18px "Trebuchet MS", Tahoma, Verdana; color: #990000; text-decoration: none; margin: 2px 0px 2px 5px;}
.cizgi,.cizgi2{ background-repeat: no-repeat; width: 600px; height: 5px; float: right; position: relative; padding: 2px 0px 0px 0px; }
.cizgi{ background-image: url(http://s1.ekatip.com/images/hr2.png); padding: 2px 0px 0px 0px;}
.cizgi2{ background-image: url(http://s1.ekatip.com/images/hr.png); margin: 7px 0px 7px 0px ;}
/*program hakkında tanıtım bitis*/
/*uye anasayfa bildirim*/
#bildirim{ font: "Trebuchet MS", Tahoma, Verdana; float: right; height: auto; width:200px; text-align: justify; margin-top:10px 35px 5px auto;	}
.bildirim-durum{ border:solid 1px #CC0000; background: #F7CBCA url(http://s1.ekatip.com/images/icon-red.png) no-repeat 8px 6px; padding: 4px 4px 4px 25px;}
#bildirim a{ color:#CC0000; font-weight:normal; text-align:left; font-size: 10px; font-style: normal;}
/*---program hakkinda----*/
ul.tanitim, ul.tanitimic{ display: block; width: 860px; margin:0 auto 0 auto; border-bottom: 1px solid #d5ccaa; }
ul.tanitimic { width:700px;}
ul.tanitimBuyukBoy{ height:130px;}
ul.tanitimOrtaBoy{ height:115px;}
ul.tanitimKucukBoy{ height:100px;}
ul.tanitim li{
	float:left; display:block;
	width: 350px;
	min-height:80px;
	height:80px;
	height:auto !important
	color: #333;
	font:normal 11px Tahoma, Verdana, Arial;
	line-height: 16px;
	margin:5px 0 10px 0;
	padding:0 0 0 80px
}
ul.tanitimic li{
	float:left; display:block;
	width: 620px;
	min-height:80px;
	height:80px;
	height:auto; !important
	color: #333;
	font:normal 11px Tahoma, Verdana, Arial;
	border-bottom: 1px solid #d5ccaa;
	line-height: 16px;
	margin:10px 0 5px 0;
	padding:0 0 0 80px
}
ul.tanitim li h2, ul.tanitimic li h2{width:90%; font:bold 14px Tahoma, Verdana, Arial; color: #5a3d25; padding: 3px 0 0 5px 0;}
ul.tanitim li.tumTakip, ul.tanitimic li.tumTakip{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 0px;}
ul.tanitim li.sinirsizKayit, ul.tanitimic li.sinirsizKayit{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -880px; }
ul.tanitim li.uyapOzellik, ul.tanitimic li.uyapOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -80px; }
ul.tanitim li.tumCiktiOzellik, ul.tanitimic li.tumCiktiOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1440px;}
ul.tanitim li.dilekceOzellik, ul.tanitimic li.dilekceOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -160px;}
ul.tanitim li.topluUyapOzellik, ul.tanitimic li.topluUyapOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -240px;}
ul.tanitim li.topluCiktiOzellik, ul.tanitimic li.topluCiktiOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -320px;}
ul.tanitim li.notOzellik, ul.tanitimic li.notOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -400px;}
ul.tanitim li.HacizOzellik, ul.tanitimic li.HacizOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -480px;}
ul.tanitim li.tahsilatOzellik, ul.tanitimic li.tahsilatOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -560px;}
ul.tanitim li.faizOzellik, ul.tanitimic li.faizOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -640px;}
ul.tanitim li.panoOzellik, ul.tanitimic li.panoOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -720px;}
ul.tanitim li.destekOzellik, ul.tanitimic li.destekOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -800px;}
ul.tanitim li.raporlarOzellik, ul.tanitimic li.raporlarOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -960px;}
ul.tanitim li.logOzellik, ul.tanitimic li.logOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1040px;}
ul.tanitim li.tebligatOzellik, ul.tanitimic li.tebligatOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1120px;}
ul.tanitim li.satisOzellik, ul.tanitimic li.satisOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1200px;}
ul.tanitim li.reddiyatOzellik, ul.tanitimic li.reddiyatOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1280px;}
ul.tanitim li.davaOzellik, ul.tanitimic li.davaOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1360px;}
ul.tanitim li.otomatikHesaplamaOzellik, ul.tanitimic li.otomatikHesaplamaOzellik{ background: url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1520px;}
ul.tanitim li.ajandaOzellik, ul.tanitimic li.ajandaOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1600px;}
ul.tanitim li.yetkiOzellik, ul.tanitimic li.yetkiOzellik{background:url("http://s1.ekatip.com/images/ozellik.jpg") no-repeat 0 -1680px;}
/*-----------------------------------*/
.dahaFazla{ display: block; margin: 10px auto 20px auto ; width: 575px; height: 20px; background-color: #d8d1b3; border: 1px solid #bab395; text-align: center;}
.dahaFazla a{float:left; font: bold 14px "Trebuchet MS", Tahoma, Verdana; color: #332921; font-style: italic; width:490px;}
.dahaFazla a:hover{color: #98002f;}
.dahaFazla #loadingDahaFazla{ float:right; height:20px; width:75px; margin:2px 10px 0 0;}
/*--------------sabit Raporlar ajanda--------------*/
#calendar { width: 400px; margin: 0 auto; float:left;}
#sabitTahsilatRaporu{ width:300px; float:right;}
#sabitTahsilatRaporu ul li{ border-bottom:solid 1px #bab395; height:20px; padding:3px 0;}
#sabitTahsilatRaporu ul li.sabitRaporBaslik{ background:#d8d1b3; font: bold 14px Tahoma, Verdana; color: #332921; padding: 0 0 0 5px;}
#sabitTahsilatRaporu ul li a{ width:100px; height:20px; display:block; padding:0 0 0 30px;  font: bold 12px  Tahoma, Verdana; color: #332921; }
#sabitTahsilatRaporu ul li a.kirmizi{color:#98002f;}
#sabitTahsilatRaporu ul li a.sabitRaporTakip{background:url("http://s1.ekatip.com/images/sabitRapor.gif") no-repeat 0 -83px;}
#sabitTahsilatRaporu ul li a.sabitRaporHaciz{background:url("http://s1.ekatip.com/images/sabitRapor.gif") no-repeat 0 -20px;}
#sabitTahsilatRaporu ul li a.sabitRaporSatis{background:url("http://s1.ekatip.com/images/sabitRapor.gif") no-repeat 0 0px; }
#sabitTahsilatRaporu ul li a.sabitRaporTahsilat{background:url("http://s1.ekatip.com/images/sabitRapor.gif") no-repeat 0 -60px; }
#sabitTahsilatRaporu ul li a.sabitRaporTebligat{background:url("http://s1.ekatip.com/images/sabitRapor.gif") no-repeat 0 -40px; }
#sabitTahsilatRaporu ul li a.sabitRaporZaman{background:url("http://s1.ekatip.com/images/sabitRapor.gif") no-repeat 0 -107px; }
.gecmisAy{ font: normal 12px Tahoma, Verdana; color: #332921; width:auto; float:right; background: #d8d1b3; border: 1px solid #bab395; padding:5px;}
.gecmisAy:hover{ background:#c5b99f;}
.sagKolonYok{ border-right:none;}
/*--------------sabitraporlar bitis---------------*/