/* 
Tayfun Duran	tayfunduran@gmail.com 
Taybo.net		taybo@taybo.net 

İçerik genişliği : 970 px

*/
/*
::selection { background:#c00; color:#fff; }
::-moz-selection { background:#c00; color:#fff; }
*/

body{ font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333; background-color: #ccb; }
table{ border-collapse: separate; border-spacing:1px; }
td{ font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333; padding: 2px; line-height: normal; }
th{ font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333; padding: 2px; line-height: normal; text-align: left; }
p{ padding: 0; margin: 10px 0; }
h1{ font: bold 16px/24px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #036; border-bottom: 2px solid #036; padding: 0px; margin: 10px 0px; }
h2{ font: bold 14px/20px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #036; border-bottom: 1px solid #036; padding: 0px; margin: 10px 0px; }
h3{ font: bold 13px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #036; border-bottom: 1px solid #036; padding: 0px; margin: 15px 0px 10px; }

a:link, a:visited, a:active { color : #c00; text-decoration : none; }
a:hover { color : #c00; text-decoration : underline; }


@media screen{
	#kapsul{ width: 1000px; }
	#ust{ background: #f60 url(/resimler/panel_ust.png) bottom center no-repeat; width: 1000px; height: 58px; font-size:18px; line-height:24px; font-weight:bold; color: #fff; }
	#alt{ background: #fff url(/resimler/panel_alt.png) no-repeat top center; height: 14px; font: normal 10px/9px Verdana, Geneva, Arial, Helvetica, sans-serif; color : #ccb; text-align: right; padding-right: 30px; }
	#yazici{ display:none; }
	#ic{ margin: 0; padding: 10px 20px 10px 10px; background: #fff url(/resimler/panel_arka.png) repeat-y left top; color:#000; overflow:hidden; min-height: 250px; }

	.f2{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font: bold 12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif; background: #ccb url(/resimler/dugme_arka4.png) repeat-x; border: 1px solid #998; color: #333; text-decoration:none; }
}

@media print{
	#kapsul{ width: 100%; }
	#ust{ display:none; }
	#alt{ display:none; }
	#yazici{ border-bottom: 3px double #666; margin-bottom: 5mm; }
	#ic{ margin: 0; padding: 0; color: #000; }

	.f2{ display: none; }
}

#ust h1{ float: right; margin: 0px;  font: italic bold 24px/24px "Times New Roman", Times, serif; color: #ffd; border-bottom: none; padding: 10px 20px 0 0; text-shadow: 1px 1px 1px #000; }
#ust h2{ font: italic normal 20px/26px "Times New Roman", Times, serif; color: #ffe; border-bottom: none; margin: 0px; padding: 4px 20px 0 20px; text-shadow: 1px 1px 1px #333; white-space: nowrap; }
#yonetisim{ position: absolute; width:200px; left: 790px; top: 40px; text-align: right; margin: 0; font: italic normal 12px/12px "Times New Roman", Times, serif; color: #fff; }


#menu{ margin: 5px 0 0 3px; color: #fff; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:1000;}

#menu ul{ position:absolute; width:180px; display:none; background: #f60; margin: -2px 0 0; padding: 2px 2px 5px; 
	list-style-type:none; list-style-position:outside; border: 1px solid #fff; border-top: 0 none;
	-webkit-box-shadow: 0px 4px 4px  #666;
	-moz-box-shadow: 0px 4px 4px #666;
	box-shadow: 0px 4px 4px #666;
}

#menu a:link, #menu a:active, #menu a:visited{ color: #fff; text-decoration: none; display:block; padding:0px 7px 5px;
	font: bold 14px/16px Tahoma, Geneva, Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #000; }

#menu a:hover{ color: #000; text-decoration: none; text-shadow: 1px 1px 1px #fff; }

#menu li{ float:left; position:relative; color: #800; }

#menu li ul a:link, #menu li ul a:active, #menu li ul a:visited { width:174px; float:left; font-size: 11px; text-shadow: none; padding: 1px 3px; }
#menu li ul a:hover { background-color: #ccb; color: #333; }

#menu ul ul{ top:auto; }
#menu li ul ul { left:180px; margin:0px 0 0 10px; }

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{ display:none; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{ display:block; }

#menu li li{ height: 14px; margin-bottom: 4px; }
#menu .icon{ float: left; margin-right: 4px; }




#sayfalama{ margin: 10px 0; text-align: left; background-color: #ffe; padding:2px; font-size: 11px; }
#sayfalama a, #sayfalama strong{ padding: 0 1px; }


.onaybekle	{ background: url(/resimler/bekle.gif); }
.onay0		{ background: url(/resimler/cross.png); cursor: pointer; }
.onay1		{ background: url(/resimler/accept.png); cursor: pointer; }

#mesaj{ margin: 0 0 5px; padding: 2px; }

#menu2{ margin: 4px 0 0 3px; font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #F5FFC0; }
#menu2 a:link, #menu2 a:visited, #menu2 a:active{ color: #330; text-decoration: none; text-shadow: 1px 1px 1px #fff; }
#menu2 a:hover{ color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #ccb; }

#alt a:link, #alt a:visited, #alt a:active{ color: #663; text-decoration: none; }
#alt a:hover{ color: #330; text-decoration: none; }

ul.satir, ul.satir2{ font-size : 13px; line-height:14px; text-align: right; margin:0; padding:0; background: transparent; }
ul.satir li, ul.satir2 li{ display: block; margin: 0px 0px 5px 0px; padding: 0px; clear: both; list-style: none; }
ul.satir2 li{ border-bottom: 1px solid #eed; }
ul.satir span, ul.satir2 span{ float: left; display: block; text-align:left; font-weight: bold; }
ul.satir li.baslik, ul.satir2 li.baslik{ font-size: 14px; font-weight: bold; border-color: #c00; margin-top: 15px; }
ul.satir span.bilgi, ul.satir2 span.bilgi{ font-size: 10px; text-align: right; display: block; float: none; font-weight: normal; }

.f1{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font: normal 12px/12px Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333; border: 1px #ccb solid; background-color: #fff; text-decoration:none; }
.f1:hover{ background-color: #fffcde; }
.f1:focus{ background-color: #fff9b9; }

#liste{ border:1px solid #bba; }
.tabloliste{ border:1px solid #bba; }
.tablosatir0{ background-color: #fff !important; }
.tablosatir1{ background-color: #eed; }
.tablosatir2{ background-color: #ddc; }
.tablobaslik{ background-color: #bba !important; }

.pencere{ background-color: #fff; padding:10px; }
.alan{ color : #333; background: #ffc; padding: 5px; margin: 0 0 10px; line-height: 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.isaretli{ color: #f43; font-weight: bold; }


.ui-autocomplete-loading { background: white url('/resimler/bekle.gif') right center no-repeat; }
.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 150px;
}