@import 'boxbg.css';
body
{
}

.clear
{
	clear:both;
}

.float
{
	float:left;
}

.container
{
	width:999px;
	height:650px;
	margin-left:auto;
	margin-right:auto;
}


.login
{
	height:250px;
	margin-bottom:2px;
}
	.login div
	{
		float:left;
		background-image:url(../../img/login/header/login.png);
	}
	
	.login a
	{
		background-image:url(../../img/login/header/login.png);
	}
	
	.login .sol
	{
		width:315px;
	}

		.login .sol a:hover
		{
			background-color:#FFF;
			color:#000;
		}
		

		.login .logobg
		{
			width:315px;
			height:110px;
		}
		
			.login .logobg img
				{
					width:302px;
					height:90px;
					margin-top:9px;
					margin-left:10px;
				}
		
		
		.login .araclar
        {
        }
		
		.login .araclar .online
		{
			height:140px;
			width:130px;
			background-position: 0 -110px;
            text-align: center;
			float:left;
		}
		
		.login .arac
		{
			float:left;
			margin-left:0px;
			width:130px; 
		}
		
			.login .online .sayi
			{
				left:22px;
				top:8px;
				font:bold 18px arial;
				color:#487400;
				margin-left:35px;
				margin-top:5px;
				
			}
			.login .online .kullanici
			{
				left:22px;
				top:8px;
				font:bold 17px arial;
				color:#487400;
				margin-left:40px;
				
			}

		
		.login .uyekaydi
		{
			display:block;
			width:185px;
			height:30px;
			background-position:-130px -175px;
		
		}
		
		.login .sifreiste
		{
			display:block;
			width:185px;
			height:30px;
			background-position:-130px -145px;

		}
		
		.login .iconsec
		{
			display:block;
			width:185px;
			height:35px;
			background-position:-130px -110px;
		}
		
		.login .anasayfanyap
		{
			display:block;
			width:185px;
			height:45px;
			background-position:-130px -205px;
		}
		
		
	
		
	.login .orta
	{
		width:385px;
		height:250px;
		background-position:-315px 0;
		position:relative;
	}
		.login .orta input
		{
			display:block;
			background-repeat:no-repeat;
			position:absolute;
			border:0px;
			font:bold 14px arial;
			color:#005fac;
			padding:5px;
			padding-left:30px;
			width:177px;
			height:25px;
		}
		
		.login .orta a
		{
			display:block;
			background-repeat:no-repeat;
			position:absolute;
		}
		
		.login .orta span
		{
			display:block;
			background-repeat:no-repeat;
			position:absolute;
			width:180px;
			height:23px;
			left:130px;
			top:135px;
		}
	
        .login .orta span.misafirtext 
        {
            display: block;
            position: absolute;
            top: 18px;
            left: 13px;
            width: 365px;
            font-family:'Arial';
            font-weight:bold;
            font-size:13px;
            color:#FFF;
            text-align: center;
        }
        
	
		.login .orta .kadi
		{
			background-image:url(../../img/login/header/kadi.gif);
			left:110px;
			top:50px;
		}
		
		.login .orta .sifre
		{
			background-image:url(../../img/login/header/sifre.gif);
			left:110px;
			top:92px;
		}
		
		.login .orta .cinsiyet a
		{
			background-image:url(../../img/login/header/cinsiyet.gif);
			display:block;
			float:left;
			position:static;
		}
		
		.login .orta .cinsiyet a
		{
			background-image:url(../../img/login/header/cinsiyet.gif);
			height:23px;
		}
		
		.login .orta .cinsiyet .bay
		{
			width:91px;
		}
		
		.login .orta .cinsiyet .bay:hover
		{
			background-position:0 -23px;
		}

		
		.login .orta .cinsiyet .bay.selected
		{
			background-position:0 -23px;
		}

		.login .orta .cinsiyet .bayan
		{
			width:89px;
			background-position:-91px 0;
		}
		
		.login .orta .cinsiyet .bayan:hover
		{
			background-position:-91px -23px;
		}
 
		
		.login .orta .cinsiyet .bayan.selected
		{
			background-position:-91px -23px;
		}
 
		
		.login .orta .girisyap
		{
			background-image:url(../../img/login/header/girisyap.gif);
			width:104px;
			height:37px;
			left:229px;
			top:174px;
			cursor:pointer;
			padding:0px;
		}
		
		
			.login .login2
			{
				width:385px;
				height:250px;
				background-position:-996px 0;
				position:relative;
			}
			
			.login .login2 .resim
			{
				display:block;
				position:absolute;
				top:25px;
				left:146px;
				width:100px;
				height:100px;
				padding:1px
			}
			
			.login .login2 img
			{
				width:100px;
				height:100px;
			}
			
			.login .login2 .kullaniciadi
			{
				position:absolute;
				display:block;
				top:142px;
				left:87px;
				width:220px;
				height:27px;
				background-image:none;
				text-align:center;
			}
			
			.login .login2 .kullaniciadi 
			{
				font-family:arial;
				font-size:18px;
				color:#FFF;
			}
			
			
			.login .login2 a
			{
				display:block;
				position:absolute;
				height:30px;
				width:150px;
				top:18px;
				background-image:none;
			}
			
			.login .login2 .sohbetebaglan
			{
				top:180px;
				left:125px;
				height:48px;
				width:160px;
			}
			
			.login .login2 .profilim
			{
				top:185px;
				left:38px;
				height:38px;
				width:85px;
			}
			
			.login .login2 .cikisyap
			{
				top:183px;
				left:288px;
				height:38px;
				width:88px;
			}
			
			
	
	.login .sag
	{
		width:275px;
		height:250px;
		background-position:-700px 0;
		position:relative;
	}
	
	 .login .sag a
	 {
		 position:absolute;
		 width:250px;
		 height:25px;
		 background-image:none;
		 left:20px;
		 top:60px;
	 }
	 
		 .login .sag .snedir
		 {
			 top:60px;
			 height:25px;
		 }
		 .login .sag .snasil
		 {
			 top:85px;
			 height:27px;
		 }
		 .login .sag .sactive
		 {
			 top:115px;
		 }
		 .login .sag .hepsibumu
		 {
			 top:143px;
		 }
		 
		 .login .sag .facegiris
		 {
			 top:185px;
			 height:45px;
			 left:16px;
		 }
		  
		 
		 
.colonleft
{
	float:left;
}

	.colonleftalt
		{
			float:left;
			background-color:#dde6ee;
			border:1px solid #6e7d8a;
			width:210px;
			margin-top:4px;
		}

	.colonleft .shoutbox
	{
		padding:3px;
		background-color:#dde6ee;
		border:1px solid #6e7d8a;
		width:204px;
	}

	.dilsec
	{
		margin:10px;
		width:190px;

	}
	
		.dilsec .flags 
		{
			list-style-type:none;
			background-color:#aac1d5;
			border:1px solid #8c9faf;
			padding-left:3px;
			margin-top:3px;
		}
		
		.dilsec .flags li
		{
			float:left;
		}
		
		.dilsec .flags img
		{
			border:0px;
			margin:2px;
		}
	
	.dilsec span
	{
		font:normal 12px arial;
	}
	
	.temasec span
	{
		font:normal 12px arial;
	}
	
	.temasec
	{
		margin:10px;
	}
	
	.temasec select
	{
		padding:3px;
		font:bold 12px arial;
		width:190px;
		margin-top:3px;
		color:#000;
	}


.colonright
{
	float:left;
	background-color:#dde6ee;
	border:1px solid #6e7d8a;
	height:390px;
	width:757px;
	margin-left:4px;
	
}

	.colonright ul
	{
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	
	.colonright ul li
	{
		background-color:#dee5eb;
		cursor:pointer;
	}
	
	
	.colonright ul li:hover
	{
		background-color:#7fceff;
	}
	
	.colonright .color
	{
		background-color:#e3eaf0;
	}
	
	.colonright .roomcontainer
	{
		float:left;
		width:330px;
	}
	
	.colonright .icon
	{
		display:block;
		float:left;
		width:50px;
		height:50px;
		background-image:url(../../img/login/icons/loginchat.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.colonright h4
	{
		margin:6px; 
        font-weight: normal;
	}
	
	.colonright h5
	{
		font:normal 11px arial;
		margin:6px;
	}
	
	.colonright .userinfo
	{
		display:block;
		float:left;
		height:30px;
		background-image:url(../../img/login/icons/userinfo.png);
		background-repeat:no-repeat;
		background-position:center left;
		padding-left:35px;
		padding-top:15px;
		font:bold 12px arial;
	}
	
	.colonright .grup
	{
		float:left;
		width:65px;
		height:30px;
		padding-top:15px;
		padding-left:35px;
		font:bold 12px arial;
	}
	
	.colonright .odagiris
	{
		display:block;
		float:left;
		margin:10px 30px 0 30px;
	}
	
		.colonright .button {
		  font:normal 13px arial,helvetica,sans-serif;
		  color:#000;
		  border:1px solid #ccc;
		  border-radius:3px;
		  -moz-border-radius:3px;
		  -webkit-border-radius:3px;
		  background-color:#f6f6f6;
		  background-image:linear-gradient(top, #fff, #efefef);
		  background-image:-moz-linear-gradient(top, #fff, #efefef);
		  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef)); 
		  height:1.9231em;
		  padding:0 0.5em;
		  cursor:pointer;
		  white-space:nowrap;
		  overflow:visible; /* fixes width in IE7 */
		  outline:0 none /* removes focus outline in IE */}
		.colonright .button::-moz-focus-inner {border:none} /* removes focus outline in FF */
		.colonright .button:hover, button:focus {
		  border-color:#999;
		  background-color:#f0f1f3;
		  background-image:linear-gradient(top, #fff, #ebebeb);
		  background-image:-moz-linear-gradient(top, #fff, #ebebeb);
		  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ebebeb)); 
		  box-shadow:0 0 3px rgba(0,0,0,0.4);
		  -moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
		  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4)}
		.colonright .button:active {
		  background-color:#ddd;
		  background-image:linear-gradient(top, #ccc, #fff);
		  background-image:-moz-linear-gradient(top, #ccc, #fff);
		  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff)); 



        .desc { color:#6b6b6b;}
        .desc a {color:#0092dd;}
        
        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { color:#000; text-decoration:none; outline:none;}
        .dropdown a:hover { color:#113655;}
        .dropdown dt a:hover { color:#5d4617; border: 1px solid #d0c9af;}
        .dropdown dt a {background:#aac1d5 url(../../img/login/arrows/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
                        border:1px solid #8ca2b5; width:170px;}
        .dropdown dt a span {cursor:pointer; display:block; padding:5px;}
        .dropdown dd ul { background:#e4dfcb none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                          left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
        .dropdown span.value { display:none;}
        .dropdown dd ul li a { padding:5px; display:block;}
        .dropdown dd ul li a:hover { background-color:#d0c9af;}
        
        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
        .flagvisibility { display:none;}