body
{
	font-family: tahoma, arial, verdana;
	color: #000000;
	text-align: center;
	margin:0;
	background: #C9C9C5 url("arkaplan.gif") repeat;
	font-size: 12px;
}

#bebek
{
  padding: 0px;
  width: 632px;
  height: 130px;
  margin-top: 10px;
  background: transparent url("logobebek1.png") left bottom no-repeat;
}

#arama
{
	float: right;
	background: transparent;
	width: 300px;
	height: 32px;
	padding:0;
	margin-top: 98px;
	text-align: right;
}

input.buton
{
  padding: 3px;
  border: 1px solid #C5497E;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  background: #FFEFF9;
  color: #C5497E;
}

input.buton:hover
{
  background: #FFFFFF;
}

input.kutucuk
{
  padding: 3px;
  border: 1px solid #C5497E;
  text-decoration: none;
  font-size: 12px;
  background: #FFFFFF;
  color: #333333;
}

#yukleme
{
  padding: 4px;
  color: #C5497E;
  font-weight: bold;
  font-size: 11px;
}

#header
{
  padding: 4px;
  width: 632px;
  margin-bottom: 2px;
  text-align: left;
  font-size: 13px;
  color: #FFFFFF;
  font-weight: bold;
  background: #C5497E url("logobebek2.png") left top no-repeat;
}

#main
{
  background: #FFFFFF;
  padding: 10px;
  width: 620px;
  text-align: left;
  margin-bottom: 2px;
}

#cinsiyet
{
  background: #FFFFFF;
  padding: 10px;
  width: 620px;
  text-align: left;
  font-size: 12px;
  margin-bottom: 2px;
}

#content
{
  background: #FFEFF9;
  padding: 10px;
  width: 620px;
  text-align: left;
  font-size: 12px;
  overflow: hidden;
}

#isimliste
{
  float: left;
  width: 310px;
  padding: 2px;
}

#isimanlami
{
  float: left;
  width: 300px;
  padding: 2px;
}

#isimkutusu
{
  border: 1px solid #dd0000;
  background: #EFEFEF;
  padding: 4px;
  width: 80px;
  text-align: left;
  font-size: 11px; 
  display: block;
}

#footer
{
  background: #FFEFF9;
  padding: 10px;
  width: 620px;
  text-align: left;
  font-size: 12px;
  margin-bottom: 2px;
}

.baslik
{
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  margin-bottom: 4px;
}

a.harf
{
  padding: 3px;
  text-decoration: none;
  margin-right: 1px;
  font-weight: bold;
  font-size: 13px;
  background: #FFFFFF;
  color: #C5497E;
}

a.harf:hover
{
  background: #C5497E;
  color: #FFFFFF;
}

a.formbuton
{
  padding: 3px;
  border: 1px solid #C5497E;
  text-decoration: none;
  margin-left: 40px;
  font-weight: bold;
  font-size: 11px;
  background: #FFFFFF;
  color: #C5497E;
}

a.formbuton:hover
{
  background: #EFEFEF;
}

.inputharf
{
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  color: #FF0000;
  font-size: 11px;
  font-weight: bold;
}

a.isimler
{
  border: 1px solid #FAC0E5;
  padding-left: 2px;
  background: transparent;
  text-decoration: none;
  float: left;
  height: 20px;
  width: 70px;
  margin: 1px;
  color: #000000;
  font-size: 11px;
}

a.isimler:hover
{
  background: #FA9CCF;
  color: #FFFFFF;
}

p
{
  line-height: 16px;
}

p.yapimci
{
  font-size: 11px;
  color: #333333;
}

p.yapimci a
{
  color: #C5497E;
  text-decoration: none;
}

#pencere
{
	position: absolute;
	left: 200px;
	top: 150px;
	width: 300px;
	height: 200px;
	border: 2px solid #222222;
	background: #EFCDCD;
	z-index: 10;
	padding: 0px;
	font-family: tahoma, arial;
	font-size: 11px;
	color: #333333;
	display: none;
}