@charset "utf-8";
body, html { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; font-family: "Trebuchet MS"; font-size: 12px; color: #222222;}

#genel { border: 0px solid #4A67B9; padding: 5px; width: 670px; min-height: 300px;}

img { vertical-align:middle; behavior: url("pngbehavior.htc");}

a { color: #c75f3e; text-decoration:none;}

form { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px;}

#baslik { font-size: 18px; font-weight: bold; color: #333; border-top: 4px solid  #FFFF00; border-bottom: 2px solid #c0c0c0;}
#baslik2 { font-size: 18px; font-weight: bold; color: #333; border-top: 4px solid  #FF6600; border-bottom: 2px solid #c0c0c0;}
#baslik3 { font-size: 18px; font-weight: bold; color: #333; border-top: 4px solid  #33CC33; border-bottom: 2px solid #c0c0c0;}
#baslik4 { font-size: 18px; font-weight: bold; color: #333; border-top: 4px solid  #993399; border-bottom: 2px solid #c0c0c0;}
#baslik5 { font-size: 18px; font-weight: bold; color: #333; border-top: 4px solid  #333; border-bottom: 2px solid #c0c0c0;}
#alt { border: 2px solid #c0c0c0; padding: 3px;}

#dil { color: #0e7e8c; font-size: 14px; font-weight: bolder; width: 100%; padding-bottom: 2px;}
#dil a { color: #c0c0c0; text-decoration: none;}
#dil a:hover { color: #0e7e8c;}
#dil a.secili { color: #0e7e8c; text-decoration: underline; font-style: italic;}

#dil td.cat a { color: #c0c0c0; text-decoration: none;}
#dil td.cat a:hover { color: #0e7e8c; text-decoration: underline;}
#dil td.cat a.cikis { color: #CC0000; text-decoration: none;}
#dil td.cat a.cikis:hover { color: #CC0000; text-decoration: underline;}

#altyazi { font-family: Verdana; font-size: 9px; font-weight: normal; color: #212121;}
#altyazi a{ font-family: Verdana; font-size: 9px; font-weight: normal; color: #0e7e8c; text-decoration: none;}
#altyazi a:hover { color: #0e7e8c; text-decoration: underline;}

#bbaslik { font-size: 14px; font-weight: bold; padding: 5px; text-align: left; border-top: 4px solid  #FFFF00; border-bottom: 2px solid #c0c0c0;}
#rbaslik { font-size: 14px; font-weight: bold; padding: 5px; text-align: left; border-bottom: 2px solid #c0c0c0;}


#bekle { text-align: right; padding: 5px;}
#bekle input { background-color: #0e7e8c; color: #f5f5f5; border: 2px solid #f5f5f5; width: 100px; height: 20px; font-family: "Trebuchet MS"; font-size: 11px; font-weight: normal;}

#buton { background-color: #0e7e8c; color: #f5f5f5; border: 2px solid #f5f5f5; width: 100px; height: 20px; font-family: "Trebuchet MS"; font-size: 11px; font-weight: normal;}

.metin {font-size: 12px; text-align: left; padding-bottom: 10px; padding-left: 5px;}

.listele {font-size: 12px; text-align: left; padding-bottom: 10px; padding-left: 5px; cursor: pointer;}
.listele:hover { background-color: #FFFFCC; color: #CC3300; text-decoration: underline;}


caption {
	padding: 0 0 5px 0;
	width: 90%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#kayit {
	width: 90%;
	padding: 0;
	margin: 0;
	text-align: left;
	font: normal 11px Trebuchet MS, "Verdana", Arial, Helvetica, sans-serif;
}

.kod {background-color:#f5f5f5; border:2px solid #EAF1E1; width:30px; color:#000000; font-weight:bold; text-align:center;	font: normal 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

th {color: #f5f5f5; border: 1px solid #414141;border-left: 0px solid #414141;
text-align: left;
	padding: 6px 6px 6px 12px;	background-color: #414141;
	font: normal 11px Trebuchet MS, "Verdana", Arial, Helvetica, sans-serif;
}

th.nobg {border-top: 0;	border-right: 0; border-left: 1px solid #414141;background: none;}

.liste {border-right: 1px solid #414141;	border-bottom: 1px solid #414141;	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #f5f5f5;
/*	font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
}
th a {color: #414141;}
td a {color: #414141;}

.renk1 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background-color: #ffffff;
	padding: 1px 1px 1px 2px;
	color: #797268;
	vertical-align:top;
}

.renk2 {
	padding: 1px 1px 1px 2px;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background-color: #EAF1E1;
	color: #797268;
	vertical-align:top;
}

.renk3 {
	padding: 1px 1px 1px 2px;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background-color: #99cc00;
	color: #797268;
	vertical-align:top;
}


.toplam {
	padding: 0 0 5px 0;
	width:100%;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}



.Genel { border:1px solid #7B9F53; border-top: none;vertical-align:top;}


.parola {
border:1px solid #313131; font-family: 'Trebuchet MS'; font-size:12px; color:#12537C;
}

#hosgeldin { font: normal 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: overline; color: #5384BF; background-color:#f5f5f5;}


.msg {
	text-align: left;
	padding: 5px 20px 5px 45px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	}
.tamam {
	background: #E1FFD7 url(../Ims/tamam.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 2px solid #97CB85;
	border-bottom: 2px solid #97CB85;
	}
.hata {
	background: #F9D2CB url(../Ims/hata.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 2px solid #D1604F;
	border-bottom: 2px solid #D1604F;
	}
.bilgi {
	background: #DAEAFD url(../Ims/bilgi.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 2px solid #5D84B2;
	border-bottom: 2px solid #5D84B2;
	}
.yardim {
	background: #F9F6CC url(../Ims/yardim.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	border-top: 2px solid #CFC85A;
	border-bottom: 2px solid #CFC85A;
	}
	
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
top: -100px;
left: 140px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span.sol{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
top: -100px;
left: -340px; /*position where enlarged image should offset horizontally */
}

#png { border: none;}
.siyah { color: #000;}