﻿/*
Site Name: BestJenerasyon.Com
Site URI: http://www.bestjenerasyon.com
Description: BestFM - BestJenerasyon.Com Video, Müzik Portalı Sitesi için hazırlanan css dosyası.
Author: Kadir GÜNAY - kadirg@ping-tr.com
Company: Ping Dijital - info@ping-tr.com
Company URL: http://www.ping-tr.com
------------------Kullanılacak Renkler-----------------------------
-------Menu----------
a:link : #00C0FF
a:hover : #fff
----------------------
-------Content---------
p: #fff
p a:link : #FF7800
p a:hover : #fff
h2 : #00C0FF
h2 a:link : #00C0FF
h2 a:hover : #fff
------------------------
*/

/*Genel Ayarlar*/
body { color:#fff; font-family:Tahoma; background-color:#999999; margin:0; font-size:12px;}
a:link { color:#FF7800; text-decoration:none;}
a:visited { color:#00c0ff; text-decoration:none;}
a:hover { color:#fff; text-decoration:underline;}
h1,h2,h3 { margin:10px 0 0 0; padding:0; color:#00c0ff; font-size:14px;}
h1,h2,h3 a:link {color:#00C0FF; text-decoration:none;}
h1,h2,h3 a:hover {color:#fff; text-decoration:underline;}

/*Main Ayarları*/
#Main { width:970px; margin:0 auto; background-color:#000; position:relative}

	#Header { float:right; width:970px; height:125px;}
		#GirisArka { width:960px; background-color:#000; }
		#Login { float:right; width:88px; height:24px; margin-right:20px;}
	#Navigation { float:left; width:970px; height:39px; background:#000 url(../images/NavigationBg.jpg) repeat-x; }
	    #MainNavMenu { height:39px; float:left; position:absolute; overflow:hidden; z-index:999999}
		#MainNavMenu a:link { color:#00c0ff; text-decoration:none;}
		#MainNavMenu a:hover { color:#fff; text-decoration:none;}
		#MainNavMenu a:visited { color:#00c0ff; text-decoration:none;}
			#MainNavMenu a:link.Aktif { color:#00c0ff; text-decoration:underline;}
	        ul.MainNavList {list-style: none; list-style-position: inside; height: 20px; padding:0; margin:0;}
	            ul.MainNavList li { display:inline; margin-right:25px;}
	            #nav, 
#nav ul {padding:0; margin:0; list-style:none; font: 14px Tahoma; background:url(transparent.gif); position:absolute; z-index:9999px; line-height:20px;}
#nav {height:23px; width:650px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#fff; height:23px; padding:0 20px 0 10px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li li a {height:21px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; color:#fff;}
#nav li:hover > a { color:#fff;}

#nav :hover  ul {left:0; top:23px; z-index:300; background:transparent url(../images/DropDownBg.png) repeat-y;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a { color:#fff;}

#nav li a:hover ul li a:hover {}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
		#Search {float:right; width:240px; height:25px; margin-top:8px;}
			#SearchBtn { float:left; width:35px; }
			#SearchBox { float:left; width:198px; height:23px; _margin-top:-1px}
				input.SearchBox {border:none; background:transparent url(../images/SearchBoxBg.png) no-repeat; width:198px; height:23px; padding-top:3px;}
/*MainBody Ayarları Ana Sayfa*/
	#MainBody { width:970px; height:100%; margin-top:0; padding:10px 0px 10px 0px; float:left; background-color:#000000;}
		#YarismaFlash { width:647px; height:282px; float:left; margin-left:10px; _margin-left:5px;}
		div#AnaSayfa300x250 { width:300px; height:250px; float:left; margin:10px 0px 0 2px;}
		div#AnaSayfa600x120 { float:left; width:600px; height:120px;  margin:3px 0 0 10px; _margin:5px 0 0 10px;}
		div#Anasayfa300x120-2 { width:300px; height:120px; float:left; margin:5px 0 0 52px; _margin-left:25px; background-color:#CCCCCC;}
		#Left { float:left; width:657px; height:496px; margin-left:10px; _margin-left:5px; margin-bottom:5px;}
			#AnaSayfaVideolarFlash { width:647px; height:316px; float:left; margin:5px 0 0 0px;}
			#AnaSayfaGuncelHaberler { float:left; width:647px; height:175px; margin:5px 0 0 0px;}
		#Right { float:left; width:298px; height:496px; margin-right:5px; margin-bottom:5px; _margin-right:0}
			#HaftaninRoportaji { width:298px; height:496px; float:left; margin:5px 0 0 0px;}
				#HaftaninRoportajiHeader { width:298px; height:47px; background:#000 url(../images/HaftaninRoportajiHeader.jpg) no-repeat; float:left;}
				#HaftaninRoportajiBody { height:428px; float:left; background:#000 url(../images/HaftaninRoportajiBodyBg.jpg) repeat-y; text-align:justify; padding:0px 10px 5px 10px; width:278px;}
				#HaftaninRoportajiFooter {width:298px; height:21px; float:left; background:#000 url(../images/HaftaninRoportajiFooter.jpg) no-repeat;}
				#RoportajDevamiOku { font-weight:bold; float:right; margin:0px 10px 0 0;}
				#RoportajDevamiOku a:link { color: #FF7800; text-decoration:none;}
				#RoportajDevamiOku a:visited { color: #FF7800; text-decoration:none;}
				#RoportajDevamiOku a:hover { color: #FFF; text-decoration:underline;}
		/*Footer Ayarları*/
		#Footer { float:left; width:970px; height:39px; background:#000 url(../images/FooterBg.jpg) repeat-x;}
/*Aktivite Sayfaları*/
			#TeaserGenel { float:left; width:960px; height:120px; margin:0px 0 0 10px; _margin-left:5px;}
			#Teaser1 { float:left; width:300px; height:120px; background-color:#CCCCCC; margin-left:20px; _margin-left:10px;}
			#Konser600x120-2 { width:600px; height:120px; margin-left:10px; _margin-left:10px; float:left; display:inline; }
			#Sol { float:left; width:253px; margin-left:10px; margin-top:5px; _margin-left:5px; height:100%;}
				#EtkinlikAra { float:left; width:253px; height:135px; background:#000 url(../images/EtkinlikAraBg.jpg) no-repeat; margin-top:5px;}
					#EtkinlikAraTbl { font-size:14px; font-weight:bold; margin-top:5px}
					.EtkinlikAraDD { width:140px;}
				#EtkinlikListe { float:left; width:253px; height:100%; margin-top:5px;}
					#EtkinlikListeHeader { float:left; width:253px; height:42px; background:#000 url(../images/EtkinlikListeHeader.jpg) no-repeat; text-align:center;}
						#EtkinlikListeHeader h2 {color:#00C0FF; text-decoration:none; margin-top:10px;}
					#EtkinlikListeBody { float:left; width:253px; height:355px; background:#000 url(../images/EtkinlikListeBody.jpg) repeat-y; margin-top:0}
					#EtkinlikListeBodyKonser { float:left; width:253px; background:#000 url(../images/EtkinlikListeBody.jpg) repeat-y; margin-top:0}
					#EtkinlikListeBodySahne { float:left; width:253px; height:485px; background:#000 url(../images/EtkinlikListeBody.jpg) repeat-y; margin-top:0}
						#EtkinListeTbl { font-size:11px; font-weight:bold; margin-left:3px;}
						#EtkinListeTbl a:visited { color:#fff; text-decoration:none;}
						#EtkinListeTbl a:link { color:#fff; text-decoration:none;}
						#EtkinListeTbl a:hover { text-decoration:underline;}
						#EtkinListeTbl td .Aktif { text-decoration:underline;}
							.EtkinlikListeTarih { font-weight:normal; color:#424141;}
							.Raquo { color:#00C0FF;}
					#EtkinlikListeFooter { float:left; width:253px; height:27px; background:#000 url(../images/EtkinlikListeFooter.jpg) no-repeat;}
						.Sayfalar { float:right; font-size:10px; font-weight:bold; margin-right:10px;
	height: 56px;
}
						.Sayfalar a:link {color: #fff;text-decoration:none;}
						.Sayfalar a:hover { color:#00C0FF; text-decoration:underline;}
						.Sayfalar a:link.Aktif { text-decoration:underline; color:#00C0FF;}
			#Sag { float:left; width:695px; height:100%; margin-left:5px; margin-top:5px;}
				#KonserFlashBanner { float:left; width:691px; height:134px;} 
				#KonserBilgi { float:left; width:694px; height:302px}
					#KonserBilgiHeader { float:left; width:694px; height:27px; background:#000 url(../images/KonserBilgiHeader.jpg) no-repeat; margin-top:5px;}
						#KonserBilgiHeader h2 { margin:5px 0 0 20px; text-decoration:none; color:#00C0FF;}
					#KonserBilgiBody { float:left; width:694px; height:260px; background:#000 url(../images/KonserBilgiBody.jpg) repeat-y;}
						#KonserImg { float:left; width:283px; height:233px; margin-left:10px;}
						#KonserIcerik { float:left; width:380px; height:260px; margin-left:5px; font-size:11px; overflow:auto;}
						#KonserIcerikTbl { margin-top:-5px; padding:0;}
						#KonserIcerik h2 { margin:0; padding:0; text-decoration:none; color:#00C0FF;}
					#KonserBilgiFooter { float:left; width:694px; height:15px; background:#000 url(../images/KonserBilgiFooter.jpg) no-repeat;}
					#KursYorumAlan { float:left; width:694px; margin-top:10px;}
					#KursYorumHeader { float:left; width:694px; height:27px; background:#000 url(../images/KonserBilgiHeader.jpg) no-repeat;}
						#KursYorumHeader h2 { margin:5px 0 0 20px; text-decoration:none; color:#00C0FF; float:left; display:inline;}
						#KursYorumHeader span.YorumYap {float:right; width:300px; text-align:right; font-size:11px; display:inline; margin:5px 0 0 20px;}
					#KursYorumBody { float:left; width:694px;  background:#000 url(../images/KonserBilgiBody.jpg) repeat-y;}
					#KursYorumFooter { float:left; width:694px; height:15px; background:#000 url(../images/KonserBilgiFooter.jpg) no-repeat;}
					div#Konser300x250 { float:left; width:300px; height:250px; margin-top:5px; margin-left:2px; _margin-left:1px;}
					#KonserMiniFlash { float:left; width:390px; height:250px; margin:5px 0 0 3px; _margin-left:1px;}
					#YemeIcmeMiniFlash { float:left; width:390px; height:250px; margin:5px 0 0 0px;}
					.MiniFlash { float:left; width:390px; height:250px; margin:5px 0 0 0px;}
					#SergiMiniFlash { float:left; width:390px; height:250px; margin:5px 0 0 0px;}
					div#Konser600x120 { float:left; width:600px; height:120px; background-color:#CCCCCC; margin:5px 0 10px 0px;}
				#SinemaVizyonListe { float:left; width:253px; height:100%; margin-top:5px;}
					#SinemaVizyonHeader { float:left; width:253px; height:42px; background:#000 url(../images/EtkinlikListeHeader.jpg) no-repeat; text-align:center;}
						#SinemaVizyonHeader h2 {color:#00C0FF; text-decoration:none;}
					#SinemaVizyonBody { float:left; width:253px; height:100%; background:#000 url(../images/EtkinlikListeBody.jpg) repeat-y; margin-top:0}
					#SinemaVizyonFooter { float:left; width:253px; height:27px; background:#000 url(../images/EtkinlikListeFooter.jpg) no-repeat;}
					#YakindaVizyonHeader { float:left; width:253px; height:42px; background:#000 url(../images/EtkinlikListeHeader.jpg) no-repeat; text-align:center; margin-top:3px;}
						#YakindaVizyonHeader h2 {color:#00C0FF; text-decoration:none;}
					#YakindaVizyonBody { float:left; width:253px; background:#000 url(../images/EtkinlikListeBody.jpg) repeat-y; margin-top:0}
					#YakindaVizyonFooter { float:left; width:253px; height:27px; background:#000 url(../images/EtkinlikListeFooter.jpg) no-repeat;}
					div#Sinema600x120 { float:left; width:600px; height:120px; margin-top:5px; margin-left:20px; _margin-left:15px;}
					#SinemaVizyondakiFilmlerFlash { float:left; width:693px; height:316px; margin:5px 0 0 0px;}
					#GosterilenSalonBody { float:left; width:694px; height:260px; background:#000 url(../images/KonserBilgiBody.jpg) repeat-y;}
						#GosterilenSalonIcerik { float:left; width:680px; height:240px; margin-left:5px; font-size:11px;  overflow:auto;}
						#GosterilenSalonTbl { margin-top:-5px; padding:0;}
						#GosterilenSalonTbl, #YemeIcmeMekanTbl h2 { margin:0; padding:0; text-decoration:none; color:#00C0FF;}
						.Geri { float:left; width:670px; margin:5px 0px 0 0; text-align:right;}
					#YemeIcmeUstAlan { float:left; width:960px; height:135px; margin:0 0 0 10px; _margin-left:5px;}
						#YemeIcmeEtkinlikAra { float:left; width:251px; height:121px; background:#000 url(../images/YemeIcmeEtkinlikAra.jpg) no-repeat;}
							.YemeIcmeAraDD { width:220px;}
						div#YemeIcme600x120 { float:left; width:600px; height:120px; margin-left:20px;}
					#MekanListeBody { float:left; width:253px; background:#000 url(../images/EtkinlikListeBody.jpg) repeat-y; margin-top:0}
					div#YemeIcme300x250 { float:left; width:300px; height:250px; margin-top:5px; margin-left:3px; _margin-left:1px;}
				#AktiviteTeaser { float:left; width:220px; height:90px; background-color:#CCCCCC; margin-top:5px; margin-left:15px; _margin-left:10px;}
				#AktiviteMiniFlash { float:left; width:390px; height:250px;}
				div#Aktivite300x250 { float:left; width:300px; height:250px; margin-left:5px; _margin-left:2px;}
				div#Aktivite600x120 { float:left; width:600px; height:120px; margin-top:5px; _margin-left:0px; margin-left:25px;}
				#AktiviteVizyondakiFilmler { float:left; width:693px; height:316px; margin-top:5px;}
				#PopulerAaktivitelerFlash { float:left; width:693px; height:175px; margin-top:5px;}
				#AktiviteListeBody { float:left; width:253px; height:390px; background:#000 url(../images/EtkinlikListeBody.jpg) repeat-y; margin-top:0}
				#AktiviteAlt { float:left; width:970px; height:90px; margin:5px 0 0 10px; _margin-left:0px; display:inline; overflow:hidden;}
					#BesteleTeaser { float:left; width:220px; height:90px; background-color:#999999; _margin-left:5px; display:inline; overflow:hidden;}
					div#Aktivite728x90 { float:left; width:728px; height:90px; margin-left:5px; _margin-left:20px; display:inline; overflow:hidden;}
			#EglenceSolAlan { float:left; width:647px; height:100%; margin:0px 0 0 5px; _margin-left:5px;}
				#EglenceOyunlarFlash { float:left; width:647px; height:250px;}
				#EglenceDuvarKagitlari { float:left; width:647px; margin-top:5px;}
					#DuvarKagitlariHeader { float:left; width:647px; height:40px; background:#000 url(../images/DuvarKagitlariHeader.jpg) no-repeat;}
					#DuvarKagitlariBody { float:left; width:647px; height:260px; background:#000 url(../images/DuvarKagitlariBodyBg.jpg) repeat-y;}
					#DuvarKagitlariFooter { float:left; width:647px; height:31px; background:#000 url(../images/DuvarKagitlariFooter.jpg) no-repeat;}
					#GerekliProgramlarFlash { float:left; width:647px; height:175px; margin-top:5px;}
			#EglenceSagAlan { float:right; width:300px; height:100%; margin-right:5px;}
				div#Eglence300x250 { float:left; width:300px; height:250px;}	
				#TelefonMelodileri { float:left; width:298px; height:486px; margin-top:5px;}
					#TelefonMelodileriHeader { float:left; width:298px; height:41px; background:#000 url(../images/TelefonMelodileriHeader.jpg) no-repeat;}
					#TelefonMelodileriBody { float:left; width:298px; height:417px; background:#000 url(../images/TelefonMelodileriBodyBg.jpg) repeat-y;}
					#TelefonMelodileriFooter { float:left; width:298px; height:23px; background:#000 url(../images/TelefonMelodileriFooter.jpg) no-repeat;}
			#EglenceTeaser { float:left; width:965px; height:90px; margin:5px 0px 0 5px; _margin-right:0;}
				#EglenceBesteleTeaser { float:left; width:220px; height:90px;}
				div#Eglence728x90 { float:left; width:728px; height:90px; margin-left:0px;  margin-right:5px; _margin-top:-50px; _margin-left:0px;}
			#EglencealtAlan { float:left; width:955px; height:316px; margin:5px 0 0 5px; _margin-left:5px}
				div#EglenceAlt300x250 { float:left; width:300px; height:250px; background-color:#CCCCCC;}
				#EglenceReklamFilmleriFlash { float:left; width:647px; height:316px; margin-left:5px;}
		#HaftaninParcasiUst { float:left; width:960px; height:120px; margin-left:5px; _width:960px; _margin-left:3px;}
			#HPPlayer { float:left; width:648px; height:120px; _margin-left:0px;}
			#HPBesteleTeaser { float:left; width:300px; height:120px; margin-left:10px; _margin-left:2px;}
		#HPSol { float:left; width:647px; height:100%; margin:5px 5px 0 5px; _margin-left:2px;}
			.AlanHeader { float:left; width:647px; height:25px; background:#000 url(../images/AlanHeader.jpg) no-repeat;}
				.Yorumlar { margin:5px 0 0 15px; padding:0; color:#00C0FF; text-decoration:none; float:left;}
				.YorumYap {float:right; width:300px; text-align:right; font-size:11px; margin:5px 20px 0 0;}
			.SanatciAlanBody { float:left; width:647px; height:442px; background:#000 url(../images/AlanBodyBg.jpg) repeat-y;}
				#SanatciAlan { float:left; width:627px; height:442px; overflow:auto;}
				#SanatciAlan span { width:285px; float:left; display:inline; overflow:hidden;}
				.SanatciAlanBody h2 {color:#00C0FF; text-decoration:none; margin:0; padding:0; float:left; display:inline;}
				.SanatciAlanBody h3 {color:#ababab; text-decoration:none; font-size:14px; margin:0; padding:0;}
			.AlanBody { float:left; width:647px; background:#000 url(../images/AlanBodyBg.jpg) repeat-y;}
			.AlanFooter { float:left; width:647px; height:32px; background:#000 url(../images/AlanFooter.jpg) no-repeat; margin-bottom:5px; _margin-bottom:0;}
			#YorumListTbl td.AltCizgi { border-bottom:1px solid #2a2a2a; padding:10px 0 10px 0;}
			#MuzikDunyasindanHaberlerFlash { float:left; width:647px; height:175px; _margin-top:5px;}
			#MuzikVideolariFlash { float:left; width:647px; height:316px; margin-top:5px; _margin-top:5px}
		#HPSag { float:left; width:300px; height:100%; margin:5px 0px 0 10px; _margin-left:0px; _margin-right:0; display:inline; overflow:hidden;}
			#Best20Header { float:left; width:298px; height:30px; background:#000 url(../images/Best20Header.jpg) no-repeat;}
			#Best20Body { float:left; width:298px; height:100%; background:#000 url(../images/Best20BodyBg.jpg) repeat-y;}
				.ProgramTarih { font-size:12px;}
				.ProgramArsiv { font-size:11px; font-weight:bold;}
				.ProgramArsiv a:link, .ProgramArsiv a:visited { color:#FF7800; text-decoration:none;}
				.ProgramArsiv a:hover { color:#fff; text-decoration:underline;}
			#Best20Footer { float:left; width:298px; height:23px; background:#000 url(../images/Best20Footer.jpg) no-repeat;}
			div#HP300x250 { float:right; width:300px; height:250px; margin-top:5px;} 
			div.HP300x250 { float:left; width:300px; height:250px; margin-top:5px; margin-left:5px;} 
		#MHSol { float:left; width:305px; height:100%; margin:0 0 0 5px;} 
			#MHArsivHeader { float:left; width:301px; height:38px; background:#000 url(../images/MHArsivHeader.jpg) no-repeat; text-align:center;}
						#MHArsivHeader h2 {color:#00C0FF; text-decoration:none; margin-top:10px; padding:0;}
			#MHArsivBody { float:left; width:301px; height:100%; background:#000 url(../images/MHArsivBody.jpg) repeat-y; margin-top:0}
			#MHArsivFooter { float:left; width:301px; height:28px; background:#000 url(../images/MHArsivFooter.jpg) no-repeat;}
			div#MH300x250 { float:left; width:300px; height:250px; margin-top:5px;}
		#MHSag { float:left; width:648px; height:100%; margin:0 0 0 5px;}
			#MHGuncelHaberlerFlash { float:left; width:647px; height:175px;}
			div#MH600x120 { float:left; width:600px; height:120px; margin:5px 0 5px 15px; _margin-left:15px;}
			div#MH600x120-2 { float:left; width:600px; height:120px; margin:5px 10px 0px 15px; _margin-left:15px;}
			.MHYorumTxtBox { width:630px; height:130px; border:none; margin:0; padding:0;}
			.AlanBodyMHYorum { float:left; width:647px; height:100%; background:#000 url(../images/AlanBodyBg.jpg) repeat-y;}
		#SarkiSozuUst { float:left; width:955px; height:54px; margin:0 5px 5px 5px;}
			#SarkiSozuAraSol { float:left; width:13px; height:54px; background:#000 url(../images/SarkiSozuAraSol.jpg) no-repeat;}
			#SarkiSozuAraBody {float:left; width:929px; height:54px; background:#000 url(../images/SarkiSozuAraBody.jpg) repeat-x;}
				#SanatciAra { float:left; width:230px; margin-top:15px;}
					.SanatciAraTxtBox { float:left; width:162px; height:19px; border:none;}
				#Alfabetik { float:left; width:570px; color:#00c0ff; font-size:12px; font-weight:bold; margin-top:18px; margin-left:25px; _margin-left:15px;}
				#Alfabetik a:link, #Alfabetik a:visited { color:#00c0ff; text-decoration:none;}
				#Alfabetik a:hover { color:#fff; text-decoration:underline;} 
			#SarkiSozuAraSag {float:left; width:13px; height:54px; background:#000 url(../images/SarkiSozuAraSag.jpg) no-repeat;}
			.SarkiSozuAlanBody { float:left; width:647px; background:#000 url(../images/AlanBodyBg.jpg) repeat-y;}
		#YeniCikanAlbumlerFlash { float:left; width:647px; height:175px; margin-top:5px; margin-bottom:5px; _margin-bottom:0px; _margin-left:0px;}
		#RopSol { float:left; width:711px; height:100%; margin:0 5px 0 5px;}
			.RopHeader { float:left; width:711px; height:45px; background:#000 url(../images/RopHeader.jpg) no-repeat;}
				.RopHeader h2 { margin:10px 0 0 15px; padding:0; color:#00c0ff; text-decoration:none; float:left;}
				.SanatciIsim { float:right; width:300px; font-size:12px; margin:10px 20px 0 0; text-align:right; font-weight:bold;}
			.RopBody { float:left; width:711px; height:100%; background:#000 url(../images/RopBody.jpg) repeat-y;}
				.RopBody h1 { color:#ababab; text-decoration:none; margin:0; padding:0;}
				#RopFlashPlayer { float:left; width:690px; height:52px; background-color:#999999; margin-left:10px; margin-top:5px;}
			.RopFooter { float:left; width:711px; height:28px; background:#000 url(../images/RopFooter.jpg) no-repeat;}
		#RopSag { float:left; width:233px; height:100%; margin:0 5px 0 5px;}
			#RopArsivHeader { float:left; width:233px; height:40px; background:#000 url(../images/RopArsivHeader.jpg) no-repeat;}
			#RopArsivBody { float:left; width:233px; background:#000 url(../images/RopArsivBody.jpg) repeat-y;}
				#RopArsivTbl { font-size:11px; margin-left:3px;}
				#RopArsivTbl a:link, #RopArsivTbl a:visited { color:#fff; text-decoration:none; font-weight:bold;}
				#RopArsivTbl a:hover { text-decoration:underline;}
				#RopArsivTbl a:link.Aktif { text-decoration:underline;}
			#RopArsivFooter { float:left; width:233px; height:30px; background:#000 url(../images/RopArsivFooter.jpg) no-repeat;}
				#ArsivNav { font-weight:bold; font-size:12px;}
				#ArsivNav a:link, #ArsivNav a:visited { color:#fff; text-decoration:none;}
			div#Rop950x120 { float:left; width:950px; height:120px; margin-top:5px; margin-left:5px; margin-bottom:5px;}
			#EnCokDinlenenRopFlash { float:left; width:954px; height:175px; margin:5px 0 0 5px;}
			div#Rop600x120 { float:left; width:600px; height:120px; margin:5px 0 0 10px; _margin-left:2px; display:inline; overflow:hidden;}
			#RopBesteleTeaser { float:left; width:300px; height:120px; margin:5px 0 0 20px; _margin-left:650px; _margin-top:-150px; display:inline; overflow:hidden;}
			#RopBesteleTeaser img { margin:0; padding:0; border:none;}
			#KayitSol { float:left; width:647px; height:100%; margin-left:5px;}
			
#contactFormContainer
            {	width:100%;
            	float:right;
            }
            #contactForm
            {
            	height:56px;
            	width:100%;
            	background-color:#2d2d2d;
            	display:none;
            }          
            #contactForm input[type=text]
            {
            	display:block;
            	width:133px;
            	height:22px;
				background:url(../images/UsernameBg.jpg) no-repeat;
				border:none;
				padding-left:20px;
				padding-top:2px;
				color:#fff;
            }  
			#contactForm input[type=password]
            {
            	display:block;
            	width:133px;
            	height:22px;
				background:url(../images/PasswordBg.jpg) no-repeat;
				border:none;
				padding-left:20px;
				padding-top:2px;
				color:#fff;
            }   
            #contactForm input[type=submit]
            {
            	background:url(../images/GirisBtn.jpg);
				width:52px;
				height:25px;
				border:none;
            }                
            #messageSent
            {
            	color:#ff0000;
            	display:none;
            }
                   
            #GirisArka input[type=text]
            {
            	width:133px;
            	height:22px;
				background:url(../images/UsernameBg.jpg) no-repeat;
				border:none;
				padding-left:20px;
				padding-top:2px;
				color:#fff;
            }  
			#GirisArka input[type=password]
            {
            	width:133px;
            	height:22px;
				background:url(../images/PasswordBg.jpg) no-repeat;
				border:none;
				padding-left:20px;
				padding-top:2px;
				color:#fff;
            } 