* { padding: 0px; margin: 0px}
body { font: 72.5% Arial, Helvetica, sans-serif; background: #fff url(images/bg.jpg) repeat-x; margin: 5px 0; padding: 0px; text-align:center }
ol, ul, li, form, p, h1, h2, h3  {margin: 0px; padding: 0px; list-style-type: none; }

fieldset { border: none }
legend { display: none; }
input, textarea { padding-left: 2px; font-family: Arial, Helvetica, sans-serif; }

a { text-decoration: none; }
:focus { outline: none; }
a:active { outline: none; overflow: hidden; }
.clr { clear: both; }
.hide { display: none; }

.soru {  font-size: 230%; font-family:  Comic Sans MS, Helvetica, sans-serif; }
.cevaped { padding: 5px 5px 5px 85px; font-size: 150%; font-family:  Arial, Helvetica, sans-serif; }

/* interface
-------------------------------------------------------- */
#container { width: 785px; margin: 0 auto; text-align: left; }
	
	#footer { clear: both; text-align: center; font-size: 95%; color: #ccc; }
	#footer a { color: #ccc; padding: 5px 5px 0 5px; }
		#footer a:hover { color: #05ace3; text-decoration: underline }
	
	#reflection {height: 410px; margin: 0 22px; padding-top: 8px;} 
		#winalink{ padding-bottom: 0px; font-size: 95%; color: #666666; margin-bottom: 2px; }
			#winalink img{ border: none; position: absolute; margin: -6px 0 0 5px;  }


/* header
-------------------------------------------------------- */
#header { background:url(images/header_bg.jpg) no-repeat; height: 423px; width: 740px; padding: 0 2px 0 22px; }

	#header h1 a { background: url(images/logo.jpg) no-repeat; height: 114px; width: 450px; margin: 4px auto 0 60px; text-indent: -9999em; position: absolute; }
	#header #images { padding-top: 50px; }
	#header ol { height: 11px; }
	#header ol span { display: none; background: url(images/come_back.gif); }
	#sorular { padding-top:120px;}
	#sorular img, 
	#sorular a img{padding: 2px; height: 90px; width: 240px; padding: 10px; border: 0px solid #ffffff; margin-left: 80px; }
	
	#header ol #bayrak { height: 100px;width: 100px; float: right;background: url(images/bayrak.jpg); display: block; }




/* results
-------------------------------------------------------- */
ul#results h2 { font-size: 160%; }
	ul#results h2 a {  color: #000; }
		ul#results h2 a:hover {  color: #ffffff; }

ul#results {margin-left:110px; }
ul#results span.hide { display: none; }
		
	ul#results li { width:280px; float:left; }
		ul#results li#right { margin-left: 51px; }
		ul#results li .name { margin:10px 0; display: block; }
		ul#results li .number { font-weight: bold; font-size: 110%; margin-left: 5px; float: left; width: 60px; }
		ul#results li .leftline { background: url(images/green.jpg); width: 146px; margin-top: 1px; display:inline; height:20px; float:left; text-indent: -1000px; }
		ul#results li .rightline { background: url(images/green.jpg); margin-top: 1px; height: 20px; float: left; text-indent: -1000px; }
		
		#loading_l img { position: absolute; width: 70px; height: 10px; margin: 90px 170px; }
		#loading_r img { position: absolute; width: 70px; height: 10px; margin: 90px 500px; }
		
		ul#results li #left_tooltip { font: 80% Verdana, Arial, Helvetica, sans-serif; position: absolute; width: 270px; border: 1px solid #c2c0c1; background-color: #fdfaf1; padding: 5px; z-index: 20; display: none; margin-top: 380px; clear: left; top: 0px;}
		ul#results li #right_tooltip { font: 80% Verdana, Arial, Helvetica, sans-serif; position: absolute; width: 270px; border: 1px solid #c2c0c1; background-color: #fdfaf1; padding: 5px; z-index: 20; display: none; margin-top: 380px; clear: left; top: 0px; }
.alt { float: left; width: 350px;margin-right:20px;}
	.alt h3 {height: 21px;font-weight:normal;font-size:17px;font-family:  Comic Sans MS, Helvetica, sans-serif;}
	
	.alt dl { padding-top: 17px; line-height: 18px; overflow-y: auto; overflow-x: auto; height: 350px; }
		.alt dt { float: left; color: #ccc; margin: 0 5px 0 0; font-size: 95%;  }
		.alt dd { border-bottom: 1px solid #eee; font-size: 95% }
	.alt ul { padding: 15px 0 0 42px; }
		.alt li { display: inline; margin-right: 30px; }
			.alt li a { font-weight: bold; color: #000; text-decoration: none; font-size: 100%; }
			.alt li a:hover { color: #0eacdc; }


#voteson { float: left; width: 600px; margin: 0 10px 0 35px;  padding-left: 15px; padding-top: 0px; }
	#voteson label { font-size: 130%; font-weight: bold;  color:#000; line-height:20px; }
	#voteson .button { font-weight: bold; width: 610px; margin:auto; height: 50px; font-size:18px;}
	#voteson p.tnx { font-weight: bold; font-size: 130%; margin-left: 5px; color: #0eacdc; }
	#voteson p input { font-size: 130%; font-weight: bold; border: 1px solid #eee; width: 200px; padding: 4px; margin-bottom: 10px; }
	#voteson p select { font-size: 100%; font-weight: bold; border: 1px solid #eee; padding: 4px; margin-bottom: 7px; }
	#voteson .input:hover, #voteson .input:focus { background: #f4fcfe; border: 1px solid #373232; }
	#voteson textarea { font-size: 100%; font-weight: bold; border: 1px solid #eee; padding: 2px; margin-bottom: 8px; }

#paylas {
	 width: 600px;margin:0 auto;
}
#paylas li {
	float:left;width:60px;margin-top:20px;padding:5px;display:block;margin-left:35px;display:block;
}
#paylas li img {
	width : 53px;
	height:53px;margin:0;padding:0;
}