body { 
   font-family: tahoma; 
   font-size: 12px; 
   font-weight: normal; 
   margin:0px; 
   background-image: url(Dosyalar/Grafik/wall.jpg); 
   background-repeat: repeat;
}

li, td, th {font-family: tahoma; font-size: 12px;	font-weight: normal}

input.book, textarea.book {font: 8pt Verdana; font-weight:bold; color:#c00; border: 1px solid #ccc}
input.error, select.error {padding-right: 16px; border: 1px solid red; background-color: #FFFCE2; background-image: url(../Dosyalar/Grafik/uyari.gif); background-position: right; background-repeat: no-repeat;}
input.book:focus, textarea.book:focus {border: 1px solid red; background-color:#FFC}
input.txt { border-bottom-color: #ccc; border-right-color: #ccc; border-width: 0.05cm; border-style:inset; font-family: Tahoma, Arial; font-size:11px; font-weight:bold; color:#555;}

input {font: 8pt Verdana; color:#c00; font-weight:bold; border: 1px solid #000;}
select {font: 8pt Verdana; color:#c00; font-weight:bold; border: 1px solid #000;}
textarea {font: 8pt Verdana; color:#c00; font-weight:bold; border: 1px solid #000;}

a:link, a:visited {
	text-decoration:none;
	color:#09f;
}

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

.discerceve {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #069;
	border-left-color: #069;
}
.altcerceve {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #069;
}
.sayfabaslik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#069;
}

.baslik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#069;
}

.tablobaslik {
	font-family: Verdana;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #036; 
	background-color:#69C; 
}

.tabloaltbaslik {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}

.zd { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#F30;
}

.kayit_form {font-weight:bold; font-family:tahoma}

.btn_giris {background-image: url(./Dosyalar/Grafik/giris_btn.jpg); width:33px; height:22px; border:none; cursor:hand}
.btn_tamam {background-image: url(./Dosyalar/Grafik/btn_tamam.gif); width:91px; height:21px; border:none; font-weight:bold; font-size:11px; text-align:left; padding-left:22px;}
.btn_iptal {background-image: url(./Dosyalar/Grafik/btn_iptal.gif); width:91px; height:21px; border:none; font-weight:bold; font-size:11px; text-align:left; padding-left:22px;}
.head_01 {font-family: tahoma; font-size: 11px; font-weight: bold; color:#FFF}
.head_02 {font-family: tahoma; font-size: 11px; font-weight: bold; color:#FFF}

.buton {width:60px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; font-family:verdana; font-size:11px; color:#555}
.buton2 {width:70px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; font-family:verdana; font-size:11px; color:#69C}

.lgn {
	margin: 0px 0px 0px 0px;
	border: 1px solid #979797;
	background: #fbfaf8;
	line-height: 1em;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2decd', Direction=135, Strength=5);
}

.lgn h3 {
	border-top: 1px solid #e2decd!important;
	border-left: 1px solid #e2decd!important;
	border-bottom: 1px solid #d6d2c2!important;
	border-right: 1px solid #d6d2c2!important;
	background: #ebeadb;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 9px;
}

.uyari {font-family: verdana; font-size: 13px; font-weight: bold; color:#F60}

.uyari_mesaj {
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 15px 10px;
	border: 5px solid #fff;
	background: #fbfaf8;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2decd', Direction=135, Strength=5);
}

.uyari_mesaj[class] {
	border-right-width: 8px;
	border-bottom-width: 8px;
	-moz-border-right-colors: #f4f3f0 #e2decd #d6d2c2 #fff #fff #fff #fff #fff;
	-moz-border-bottom-colors: #f4f3f0 #e2decd #d6d2c2 #fff #fff #fff #fff #fff;
	-moz-border-radius: 3px;
}

.detay_tbl{border:1px solid #EBE4EC; background-color:#FFF}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:visited:hover { background: url(./Dosyalar/Grafik/prevlabel.gif) left 15% no-repeat; }
#prevLink:hover { background: url(./Dosyalar/Grafik/prevlabel.gif) left 15% no-repeat; }
#nextLink:visited:hover { background: url(./Dosyalar/Grafik/nextlabel.gif) right 15% no-repeat; }

#nextLink:hover { background: url(./Dosyalar/Grafik/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }