.container {
	width:960px; 
	margin:0px auto; 
	position:relative;
	z-index:12;
	}
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:fixed;
	left:0;
	top:302px;
	z-index:1;margin-left:auto;
	margin-right:auto;
	margin:auto;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height: 276px;width:249px;
	background: url(../image/arkaPlan.png) no-repeat top; 
	border:0px solid #929191;
	
	color:#fff;
	display:none;
	position:fixed;
	bottom:0px;
	right: 2px;
	padding:5px;
	z-index:-10000000;
	text-align: left;
}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(../image/ajax-loader.gif) no-repeat center; 
	margin:80px; 
	height:100px; width:100px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:33px; width:250px;
	background:url(../image/BeniAra.png) no-repeat center; 
	
	position:fixed;
	bottom:0px;
	right:2px;
	
	margin-right:auto;
	cursor:pointer;
	}

				
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm input {
	width:90%; 
	height:28px;
	background: url(../image/txtBox.png) no-repeat center; 
	color:#252526; 
	border:0 solid #3E4044; 
	position:relative;
	margin-top:8px;
	margin-left:10px;
	line-height:22px; 
	font-size:12px; 
	padding:0 0 0 10px;

	}
#contactForm textarea {
	width:222px; 
	height:56px;
	background: url(../image/richBox2.png) no-repeat center; 
	color:#252526; 
	border:0 solid #3E4044; 
	position:relative;
	margin-top:-14px;
	
	margin-left:10px;
	line-height:26px; 
	font-size:12px; 
	padding:4px 0 0 10px;
	font-family:Verdana, Geneva, sans-serif;
	resize: none;
	overflow:hidden;
	}
	
	#contactForm p {
	
	font-family:Verdana, Geneva, sans-serif;
	color:#26272C;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	}

#contactForm .submit {
	border:0 solid #aba8a8; 
	background: url(../image/btnGonder.png) no-repeat center; 
	text-transform:uppercase; 

	font-weight:bold; 
	padding:0 0 0 0; 
	margin-top:-13px;
	/* margin-left: 188px; */
	height:50px; 
	width: 116PX; 
	cursor:pointer; 
	float: right; 
	
	}
	
#contactForm .submit:active {	background: url(../image/btnGonderh.png) no-repeat center; 
}
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:228px;margin:0px 5px 25px 5px;}

#dummycontent {padding-top:100px; height:900px; position:relative;}
.bottomlink {position:absolute; bottom:0;}

#Soru_Bankasi_rblCevaplar input{float:left; width:20px!important; height:25px; line-height:25px;}
#Soru_Bankasi_rblCevaplar label {padding-left:4px; font-weight:bold; float:left; line-height:35px;}
#Soru_Bankasi_UpdatePanel1 a:link{color:#fff!important;} #Soru_Bankasi1_UpdatePanel1 a:visited{color:#fff!important;}
.sonucpuangoster{text-align:center; padding:20px;}
.sonucpuangoster div{margin-top:20px;}
.puangoster{width:20px; height:20px; text-align:center; border-radius:999px; border:5px solid #fff; font-size:30px; display:table; padding:10px 10px; vertical-align:middle; margin:auto;}