/*------------------------------------------------------------------
Proje:	Veti 
Versiyon:	1
Duzenleme:	05/06/09 
Duzenleme:	08/06/09 
Duzenleme:  16/07/09
Duzenleme:  05/08/09
Duzenleme:  14/10/09
Duzenleme:  23/10/09
Duzenleme:  03/11/09 
Duzenleme:  04/02/2010

Duzenleme: 04.01.2012

Duzenleme: 02.02.2012

Hazirlayan:	Omer ARI
--------------------------------------------------------------------
[Icindekiler]
1. Standartlar
2. Sayfa Ust
3. Icerik
4. Sayfa Alt   
5. Ozel Tanimlar

--------------------------------------------------------------------
[Renk Kodlari]
# 
# -----------------------------------------------------------------*/

@import "reset.css";
@import "prototip.css"; 
 
/* ----------------------------------  
1. STANDARTLAR
-----------------------------------*/
/*html {background: url(../bg.png) #fff repeat-x;}*/

html
{
      overflow: -moz-scrollbars-vertical;
      overflow-y:scroll;
} 

body#body{ 
	font-family: "Segoe UI", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	margin-bottom: 40px;
	background: url(../bg.png) #fff repeat-x;
}
p{	margin-bottom: 10px;}
abbr{ cursor: help;	border-bottom: 1px dashed #ccc;}
.tasiyici{
	width: 940px;
	margin: 0 auto;
}	

a.link{
	color: #333;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}
a.link:hover{
	color:#333;
	border-bottom: 1px solid #666;
	text-decoration: none;
}

.clear{
	clear: both;
}
/* ----------------------------------
2. SAYFA UST
-----------------------------------*/
.ust{
	width: 940px;
	background: url(../bg-ust.jpg) #3F9BA6 no-repeat right;
	height: 335px;	
}

.ust-devam{
	height: 110px;
	background: url(../bg-ust-devam.jpg) #3F9BA6 no-repeat right 0px;	
}

	.ust .logo{
		float: left;
		padding: 20px 0px;
	}
	
	.ust .logo h1{
		display: none;
	}

	.ust .menu{
		float: right;
		/*width: 500px;*/
		background: url(../bg-ustmenu.png) no-repeat right;
	}
	
		.ust .menu div{
			width: 125px;
			height: 90px;
			float: left;
			background: url(../bg-ustmenu.png) no-repeat left;
		}

		.ust .menu div a{
			padding-top: 60px;
			height: 45px;
			text-align: center;
			display: block;
			font-size: 1.1em;
			color: #fff;
			font-weight: normal;
			font-style: italic;
		}		

		.ust .menu div a:hover{
			text-decoration: none;
			font-weight: bold;
		}		


	.ust .kapak{
		width: 400px;

	}	
	
		.ust .kapak h2{
			font-weight: bold;
			font-size: 2em;
			color: #fff;
			font-style: italic;
		}

		.ust .kapak p{
			color: #fff;
			font-style: italic;
			font-size: 1.2em;
			line-height: 1.2em;
		}
			
/* ----------------------------------
2. ORTA
-----------------------------------*/

.orta{
	width: 938px;
	border: 1px solid #AED5D9;
	background: #fff;
}

	.orta .orta-ust{
		background: #ffa900;
		height: 136px;
	}			
	
	.orta .orta-ust div{
		width: 292px;
		padding: 10px;
		color: #fff;
		float: left;
	}
	
		.orta .orta-ust div h3{
			font-size: 1.2em;
			color: #fff;
		}

	.orta .orta-ust div img{
		float: right;
	}

.orta-alt h2{
		color: #DD0800;
		font-size: 1.6em;
		font-weight: normal;
		font-style: italic;
		margin-bottom: 10px;
	}





/*------------ YENI ICERIK --------------*/

	.orta .orta-alt h3, .orta .orta-alt h5{
			color: #D90B57;
			font-weight: normal;
		}

	.orta .orta-alt .sol-icerik{
		width: 182px;
		padding: 10px;
		padding-right: 0;
		float: left;
		border-right: 1px solid #AED5D9;
		}

		

		.btn-form-olustur{
			display: block;
			text-indent: -9999px;
			width: 125px;
			height: 31px;
			background: url(../btn-form-olustur.png) no-repeat;
		}

		.btn-form-olustur:hover{
			background: url(../btn-form-olustur.png) no-repeat 0 -31px;
		}

		.btn-form-olustur:active{
			background: url(../btn-form-olustur.png) no-repeat 0 -62px;
		}
	
	
		.sol-icerik .menu-kutu{
			border: 1px solid #AED5D9;
			border-right: 0;
			background: #EBF5F6;
			padding: 10px;
		}
	
	
	.orta .orta-alt .sag-icerik{
		width: 725px;
		float: right;
		padding: 10px;
		border-left: 1px solid #AED5D9;		
		margin-left: -1px;
	}	


	.sag-icerik .formlarim{
		width: 100%;
		border: 1px solid #AED5D9;
		background: #EBF5F6;
	}

	.sag-icerik .formlarim th{
		background: #D8EBED;
		font-weight: bold;
		text-align: left;
		padding: 4px;
	}

	.sag-icerik .formlarim td{
		padding: 4px;
	}

	.sag-icerik .formlarim .zebra{
		background: #fff;
	}

    
    .sag-icerik .formlarim a{
        color: #0066cc;
	}

	.form-kaydet{
		margin: 20px 0;
		padding: 10px;
		margin-bottom: 40px;
		border-top: 1px solid #AED5D9;
	}
	
	.form-kaydet table
	{
	    float:right;
	}

	.form-kaydet table td{
		vertical-align: middle;
	}
	
	.btn-kaydet{
		display: block;
		width: 85px;
		height: 31px;
		text-indent: -9999px;
		background: url(../btn-kaydet.png) no-repeat;
	}
	
	.btn-kaydet:hover{
		background: url(../btn-kaydet.png) no-repeat 0 -31px;
	}
	
	.btn-kaydet:active{
		background: url(../btn-kaydet.png) no-repeat 0 -62px;
	}

	.btn-iptal{
		color: #0066CC;
		display: block;
	}
	
	.btn-cogalt{
		display: block;
		width: 125px;
		height: 31px;
		text-indent: -9999px;
		background: url(../btn-kopya-olustur.png) no-repeat;
	}
	
	.btn-cogalt:hover{
		background: url(../btn-kopya-olustur.png) no-repeat 0 -31px;
	}
	
	.btn-cogalt:active{
		background: url(../btn-kopya-olustur.png) no-repeat 0 -62px;
	}
	
	.btn-sil{
		display: block;
		width: 65px;
		height: 31px;
		text-indent: -9999px;
		background: url(../btn-sil.png) no-repeat;
	}
	
	.btn-sil:hover{
		background: url(../btn-sil.png) no-repeat 0 -31px;
	}
	
	.btn-sil:active{
		background: url(../btn-sil.png) no-repeat 0 -62px;
	}
	
	.btn-yayinla{
		display: block;
		width: 85px;
		height: 31px;
		text-indent: -9999px;
		background: url(../btn-yayinla.png) no-repeat;
	}
	
	.btn-yayinla:hover{
		background: url(../btn-yayinla.png) no-repeat 0 -31px;
	}
	
	.btn-yayinla:active{
		background: url(../btn-yayinla.png) no-repeat 0 -62px;
	}

	.btn-ekle{
		display: block;
		width: 85px;
		height: 31px;
		text-indent: -9999px;
		background: url(../btn-ekle.png) no-repeat;
	}
	
	.btn-ekle:hover{
		background: url(../btn-ekle.png) no-repeat 0 -31px;
	}
	
	.btn-ekle:active{
		background: url(../btn-ekle.png) no-repeat 0 -62px;
	}

	.btn-secilenleri-sil{
		display: block;
		width: 125px;
		height: 31px;
		text-indent: -9999px;
		background: url(../btn-secilenleri-sil.png) no-repeat;
		float:left;
	}
	
	.btn-secilenleri-sil:hover{
		background: url(../btn-secilenleri-sil.png) no-repeat 0 -31px;
	}
	
	.btn-secilenleri-sil:active{
		background: url(../btn-secilenleri-sil.png) no-repeat 0 -62px;
	}

	.btn-tumunu-sil{
		display: block;
		width: 125px;
		height: 31px;
		text-indent: -9999px;
		background: url(../btn-tumunu-sil.png) no-repeat;
		float:left;
	}
	
	.btn-tumunu-sil:hover{
		background: url(../btn-tumunu-sil.png) no-repeat 0 -31px;
	}
	
	.btn-tumunu-sil:active{
		background: url(../btn-tumunu-sil.png) no-repeat 0 -62px;
	}

	.btn-davetiye-olustur{
		display: block;
		width: 85px;
		height: 31px;
		text-indent: -9999px;
		background: url(../btn-davetiye-olustur.png) no-repeat;
	}
	
	.btn-davetiye-olustur:hover{
		background: url(../btn-davetiye-olustur.png) no-repeat 0 -31px;
	}
	
	.btn-davetiye-olustur:active{
		background: url(../btn-davetiye-olustur.png) no-repeat 0 -62px;
	}


.form-tablo td{
	padding: 2px;
}

.form-tablo h5{
	padding-bottom:8px;
}

.form-tablo .ornek{
	font-style: italic;
	font-size: .8em;
	color: #666;
	line-height: 1.1em;
}

.ikon-yardim{
	display: inline-block;
	position:absolute;
	width: 20px;
	height:18px;
	text-indent: -9999px;
	background: url(../ikon-yardim.png) no-repeat 5px 3px;
}


.form-olustur-menu{
	margin: 0;
	padding: 0;
	margin-left: -11px;
}

.form-olustur-menu li{
	list-style: none;
}

.form-olustur-menu li a{
	display: block;
	width: 155px;
	height: 21px;
	padding: 10px;
	color: #333;
	font-weight: bold;
	font-size: 1em;
	background: url(../btn-form-menu.png) no-repeat 0 -41px;
	margin-bottom: 1px;
}

.form-olustur-menu li a:hover{
	background: url(../btn-form-menu.png) no-repeat;
	text-decoration: none;
	color: #fff;
}

.form-olustur-menu li a.secili{
	background: url(../btn-form-menu.png) no-repeat;
	text-decoration: none;
	color: #fff;
}



.form-duzenle-menu{
	margin: 0;
	padding: 0;
	margin-left: -3px;
	margin-top:5px;
}

.form-duzenle-menu li{
	list-style: none;
}

.form-duzenle-menu li a{
	display: block;
	width: 155px;
	height: 21px;
	padding: 3px 10px;
	text-indent:12px;
	color: #333;
	font-weight: bold;
	font-size: .9em;
	background: #aed5d9 url(../ikon-cizgi.png) no-repeat 10px -12px;
	margin-bottom: 1px;
}

.form-duzenle-menu li a:hover{
	background: #da0b57 url(../ikon-cizgi.png) no-repeat 10px 6px;
	text-decoration: none;
	color: #fff;
}

.form-duzenle-menu li a.secili{	background: #da0b57 url(../ikon-cizgi.png) no-repeat 10px 6px;
	text-decoration: none;
	color: #fff;
}

.form-duzenle-menu .menu-baslik{
	background: #666;
	text-decoration: none;
	color: #fff;
	display: block;
	width: 155px;
	height: 21px;
	padding: 3px 10px;
	font-weight: bold;
	font-size: .9em;
	margin-bottom: 1px;
	z-index:9999;
}


.form-duzenle-menu-alt{
	margin: 0;
	padding: 0;
	margin-left: -11px;
	margin-top:5px;
}

.form-duzenle-menu-alt li{
	list-style: none;
}

.form-duzenle-menu-alt li a{
	display: block;
	width: 155px;
	height: 21px;
	padding: 3px 10px;
	color: #333;
	font-weight: bold;
	font-size: .9em;
	background:#ccc;
	margin-bottom: 1px;
}

.form-duzenle-menu-alt li a:hover{
	background: #666;
	text-decoration: none;
	color: #fff;
}

.form-duzenle-menu-alt li a.secili{
	background: #666;
	text-decoration: none;
	color: #fff;
}



.hedef-kitle{
	
}

.hedef-kitle .paylasim{
	display: block;
	float: left;
	width: 200px;
	margin-right: 10px;
	padding: 10px;
	text-align: center;
	border: 2px dashed #ccc;
}

.hedef-kitle .paylasim h5{
	color: #333;
}

.hedef-kitle .paylasim:hover h5{
	color: #DA0B57;
}
.hedef-kitle .paylasim:hover{
	border: 2px solid #DA0B57;
}

.hedef-kitle .secili
{
	border: 2px solid #DA0B57;
}

.hedef-kitle .paylasim .btn-form-paylas{
	display: block;
	width: 85px;
	height: 31px;
	text-indent: -9999px;
	background: url(../btn-form-paylas.png) no-repeat 0 -62px;
	margin-left: 60px;
}

.hedef-kitle .paylasim:hover .btn-form-paylas{
	background: url(../btn-form-paylas.png) no-repeat 0 0;
}

.hedef-kitle .paylasim .btn-form-ayarlar{
	display: block;
	width: 85px;
	height: 31px;
	text-indent: -9999px;
	background: url(../btn-form-ayarlar.png) no-repeat 0 -62px;
	margin-left: 60px;
}

.hedef-kitle .paylasim:hover .btn-form-ayarlar{
	background: url(../btn-form-ayarlar.png) no-repeat 0 0;
}

.hedef-kitle .herkes{
	padding-top: 80px;
	background: url(../ikon-paylasim-herkes.png) no-repeat center 10px;
}

.hedef-kitle .itu{
	padding-top: 80px;
	background: url(../ikon-paylasim-itu.png) no-repeat center 10px;
}

.hedef-kitle .davetiye{
	padding-top: 80px;
	background: url(../ikon-paylasim-davetiye.png) no-repeat center 10px;
}






/*------------ YENI ICERIK SON --------------*/











		
	.orta .orta-alt .sol{
		width: 585px;
		padding: 20px;
		float: left;
		border-right: 1px dotted #AED5D9;		
	}

		.orta .orta-alt .sol .liste{
			margin: 20px 0px;
		}
		
		.orta .orta-alt .sol .liste .satir{
			margin-bottom: 4px;
			border-bottom: 1px solid #d8ebed;
			height: 28px;
			
		}
		
		.orta .orta-alt .yardim-icerik
		{
		    font-size: 1.0em;
		    font-weight: normal;
		}
		
		.orta .orta-alt .yardim-icerik h3
		{
		    color: #DD0800;
		    font-size: 1.1em;
		    font-weight: normal;
		    font-style: italic;
		    margin-bottom: 10px;
		}
		
		.orta .orta-alt .yardim-icerik p
		{
		    margin-bottom: 4px;
		}
		
		.orta .orta-alt .yardim-icerik ul
		{
		    margin-left: 20px;
		}
		
		.orta .orta-alt .yardim-icerik ul li
		{
		    font-weight: normal;
		    margin-top: 8px;
		    margin-bottom: 4px;
		    font-style: italic;
		    list-style-type: disc;
		    list-style-position: inside;
		}
		
		.orta .orta-alt .yardim-icerik ul li p
		{
		    font-weight: normal;
		    margin-bottom: 4px;
		    font-style: normal;
		    list-style: none;
		}
		
		.orta .orta-alt .yardim-icerik a
		{
		    color: #333;
		    text-decoration: underline;
		}
		
		.orta .orta-alt .yardim-icerik a:hover
		{
		    text-decoration: none;
	    }
		
		.orta .orta-alt .sss-icerik
		{
		}
		
		.orta .orta-alt .sss-icerik .yardim-icerik
		{
		    padding: 10px;
		}
		
		.orta .orta-alt .sss-link{
		    float: right;
		    padding-top: 10px;
	    }

	    .orta .orta-alt .sss-link a{
		    display: block;
		    height: 20px;
		    border-right: 1px solid #68b1b9;
		    color: #68b1b9;
		    padding-left: 6px;
		    margin-bottom: 2px;
		    font-weight: bold;
		    font-style: italic;
		    padding-right: 10px;
	    }
	    .orta .orta-alt .sss-link a:hover{
		    border-right: 1px solid #dd0800;
		    text-decoration: none;
		    color: #dd0800;
	    }	
		
			.satir .tarih{
					background: #efefef;
					color: #999;
					font-size: .9em;
					font-weight: bold;
					display: block;
					padding: 5px;
					width: 60px;
					text-align: center;
					float: left;
					}			
	
			.satir .baslik{
				display: block;
				float: left;
				padding: 5px;
				width:430px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
			}
		
				.orta .orta-alt .sol .liste .satir .buton{
					float: right;
				}
					.orta .orta-alt .sol .liste .buton a{
						display: block;
						background: #d8ebed;
						font-size: .8em;
						font-weight: bold;
						color:#3f9ba6;
						width: 50px;
						text-align: center;
						padding: 5px 10px;
						border: 1px solid #aed5d9;
						border-bottom: none;
					}				
					.orta .orta-alt .sol .liste .buton a:hover{
						border-left: 1px solid #68B1B9;
						background: #68B1B9;
						color: #fff;
						text-decoration: none;
					}					
				
				
				
		
		.liste .anket{
			border-bottom: 1px solid #d8ebed;
			margin: 4px 0px;
			width: 100%; /* ie de div hover fix */
		}
		
		    .liste .anket a{
				text-decoration: none;
				color: #333;
			}
			
			.liste .anket a:hover{
				text-decoration: underline;
				color: #333;
			}
		
			.liste .anket h3{
				font-size: 1.1em;
				font-weight: normal;
			}
	
			.liste .anket span{
				font-size: .9em;
				color: #999;
			}
										
		.liste .anket .duzenleme{
			visibility: hidden;
			float: right;
			padding: 2px 4px;
		}				
		
		.liste .anket:hover .duzenleme{
			visibility: visible;
			background: #f5f5f5;
			border-bottom: none;
			padding: 2px 4px;
		}
		
			.liste .anket .duzenleme a{
				color: #3f9ba6;
				font-size: .8em;
				font-weight: normal;
				margin-right: 5px;
			}
			
			.liste .anket .duzenleme a:hover{
				text-decoration: none;
				color: #dd0800;
			}


	.orta	.orta-alt .sag{
		width: 312px;
		float: right;
		border-left: 1px dotted #AED5D9;		
		margin-left: -1px;	
	}	

		.orta .orta-alt .arama, .biletli-giris, .istatistik, .akis, .yardim{
			padding: 10px 20px 20px 20px;
			border-bottom: 1px dotted #aed5d9;
			background: url(../bg-sag-kutu.png) #fff no-repeat top left;
		}
		
		    .orta .orta-alt .yardim .uyari{
			    text-indent: 20px;
		        font-style: italic;
		        font-size: .9em;
		        background: url(../ikon-uyari.png)  no-repeat 0px 4px;
		        line-height: 1.5em;
		        padding: 4px 0px;
		        color: #dd0800;
		    }
		    
		    .orta .orta-alt .arama .uyari{
			    text-indent: 20px;
		        font-style: italic;
		        font-size: .9em;
		        background: url(../ikon-uyari.png)  no-repeat 0px 4px;
		        line-height: 1.5em;
		        padding: 4px 0px;
		        color: #dd0800;
		    }
		    
		    .orta .orta-alt .biletli-giris .uyari{
			    text-indent: 20px;
		        font-style: italic;
		        font-size: .9em;
		        background: url(../ikon-uyari.png)  no-repeat 0px 4px;
		        line-height: 1.5em;
		        padding: 4px 0px;
		        color: #dd0800;
		    }
			
			.orta .orta-alt .sag p{
				font-style: italic;
				color: #666;
			}
			

			.orta .orta-alt .sag ul li{
				font-style: italic;
				color: #666;
				list-style-type: disc;
			}
			
						

			.orta .orta-alt .sag hr{
				width: 100%;
				border: 0px;
				border-bottom: 1px dotted #AED5D9;
				height: 0px;
			}
	
	.orta .orta-alt .sag .arama .arama-kutu, .biletli-giris .arama-kutu{
		background: url(../bg-arama.png) no-repeat;
		width: 230px;
		height: 36px;
		margin-left: -6px;
		
	}
	
		.orta .orta-alt .sag .arama .arama-kutu .input, .biletli-giris .input{
			border:0px;
			font-family: "Segoe UI", Arial, Helvetica, sans-serif;
			font-style: italic;
			color: #68b1b9;
			width: 145px;		
			margin-left: 14px;
			margin-bottom: 10px;
			overflow: hidden;
		}
	
	.orta .orta-alt .sag .arama .arama-buton, .biletli-giris .arama-buton {
		background: url(../x.png) no-repeat;
		width: 50px;
		height: 36px;
		border: 0px;
		font-family: "Segoe UI", Arial, Helvetica, sans-serif;
		font-size: .9em;
		font-style: italic;
		font-weight: bold;
		color: #68b1b9;		
		cursor: pointer;
		padding-left: 8px;
	}	
			

    .soru-menu-alan
    {
        border:2px solid #409EA9;
        padding:5px 0px 5px 10px;
        background-color:#d8ebed;
    }
	 .soru-menu{
		padding: 10px 0;
	}
	
		.soru-menu a{
			border:1px solid #d8ebed;
			background: #f0f9f9;
			padding: 5px 10px;
			color: #3f9ba6;
			font-weight: bold;
			font-size: .9em;
			display: block;
			float:left;
			width:153px;
			margin-bottom: 2px;
			margin-right: 2px;
			cursor: pointer;
		}
		
		.soru-menu a:hover{
			text-decoration: none;
			background: #aed5d9;
			border:1px solid #aed5d9;
			color: #fff;
		}
		
		 .soru-menu a img{
			vertical-align: top;
			padding-right: 5px;
		}		
	
    .yardim-video{
		padding: 20px;
		position: fixed;
		width: 270px;
		margin-top: 200px;		
	}
			
		 .yardim-video a img{
			vertical-align: top;
			padding-right: 5px;
		}	

	.olustur{
		margin:20px;
	}
	
	.olustur h5{
		background: #d8ebed;
		display: block;
		font-size:1.7em;
		min-height: 20px;
		padding: 4px 10px;
		font-weight: normal;
		border:1px solid #aed5d9;
		border-bottom: none;
		color: #3f9ba6;		
	}
	
	.olustur .form{
		background: #EBF5F6;
		padding: 20px 10px;
		border:1px solid #aed5d9;
		border-top: none;
	}
		.olustur .form h6{
			font-size: 1.2em;
			font-weight: normal;
			margin-bottom: 5px;
			color: #3f9ba6;
		}
		
		.olustur .form h4{
			font-size: 1.1em;
			font-weight: normal;
			margin-bottom: 5px;
			font-style: italic;
		}
		
		.olustur .form a{
			color: #333;
		}
		
	.olustur .input{
		font-family: "Segoe UI", Arial, Helvetica, sans-serif;
		width: 400px;
	}
	.olustur .textarea{
		font-family: "Segoe UI", Arial, Helvetica, sans-serif;
		width: 400px;
		height: 100px;
		background: red;
	}
	.olustur select, option{
		font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	}
		
	.ornek{
		font-style: italic;
		font-size: .8em;
		line-height: 1.2em;
		border: none;
		padding: 0px;
		padding-top: 5px;
		width: 400px;
		color: #666;
	}
	
	.bilgi{
		font-style: italic;
		font-size: .9em;
		border: 1px solid #efefef;
		background: url(../ikon-bilgi.png) #fff no-repeat 5px 12px;
		padding: 10px 25px;
		margin-top: 5px;
		
	}
	
	.uyari
	{
		text-indent: 20px;
		font-style: italic;
		font-size: .9em;
		background: url(../ikon-uyari.png)  no-repeat 0px 0px;
		line-height: 1.5em;
		color: #dd0800;
	}
	
    .uyari a
	{
	    text-decoration: none;
		color: #dd0800;
	}
	
	.uygun{
		font-style: italic;
		font-size: .9em;
		line-height: 1.5em;
		color: Green;
	}
	
	.ilerleme{
		text-align: right;
		padding: 5px 0px;
		margin-top: 20px;
		background: #fff;
		border: none;
		border-top: 1px dotted #3f9ba6;
	}
	
	.olustur .ilerleme a{
		padding: 8px 20px;
		border: 1px dotted #3f9ba6;
		border-top: none;
		font-weight: bold;
		color: #3f9ba6;
		font-size: .9em;
		background: url(../ikon-ok-sag.png) #d8ebed no-repeat 5px 7px;
	}
	.olustur .ilerleme a:hover{
		border: 1px solid #3f9ba6;
		border-top: none;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		background: url(../ikon-ok-sag.png) #aed5d9 no-repeat 5px 7px;
    }

	.olustur .soru-icerik{
		border: 1px solid #68b1b9;
		padding: 10px;
	}
	
	.olustur .soru-icerik a:hover{
	    text-decoration: none;
	}
	
	.olustur .sayfa-bos-metin{
    	padding: 20px;
    	margin: 20px 20px 20px 20px;
    	border: 1px dashed #999;
    	color: #999;
    }
        
    .olustur .sayfa-izin-yok{
    	padding: 10px 20px 20px 20px;
    	margin: 20px 20px 10px 20px;
    	border: 3px solid #3f9ba6;
    	color: #3f9ba6;
    	font-size: 1.1em;
    	font-weight: bold;
    	font-style: italic;
    	background:#ffffcc;
    }
	
	.olustur .sayfa{
		background: #f0f9f9;
		margin: -20px;
		margin-bottom: 20px;
	}
	
		.olustur .sayfa .ana-menu{
			background: #fff;
			border-bottom: 2px solid #3f9ba6;			
			padding: 5px 20px 0px 425px;			
		}
	
			.olustur .sayfa .ana-menu a{
				display: block;
				float: left;
				color: #fff;
				font-weight: bold;
				padding: 5px 20px;
				background: #aed5d9;
				margin: 0px 1px;
				font-size: .9em;
			}
			
			.olustur .sayfa .ana-menu a.secili{
				display: block;
				float: left;
				color: #fff;
				font-weight: bold;
				background: #3f9ba6;				
			}		
	
			.olustur .sayfa .ana-menu a:hover{
				text-decoration: none;
				background: #dd0800;
				color: #fff;
			}
			
			.olustur .sayfa .ana-menu .secili:hover{
				text-decoration: none;
				background: #3f9ba6;
				color: #fff;
			}
					
		.olustur .sayfa .tablar {	
			padding: 5px 20px;
		}
			.olustur .sayfa .tablar a{
				display: block;
				float: left;
				color: #3f9ba6;
				font-weight: bold;
				padding: 4px 10px 4px 20px;
				min-width: 48px;
				margin: 1px;
				font-size: .8em;
				background: url(../../img/ikon/10/sayfa.png) #d8ebed no-repeat 6px 8px;
				cursor: pointer;
			}
			
			.olustur .sayfa .tablar a.secili{
				display: block;
				float: left;
				color: #fff;
				font-weight: bold;
				background: url(../../img/ikon/10/sayfa.png) #aed5d9 no-repeat 6px 8px;		
			}
			
			.olustur .sayfa .tablar a.ekle{
				display: block;
				color: #fff;
				font-weight: bold;
				padding: 4px 10px;
				margin: 0px 2px;
				font-size: .8em;
				margin-left: 10px;
				padding-left: 24px;
				background: url(../ikon-ekle.png) #68b1b9 no-repeat 4px 5px;
			}
			
			.olustur .sayfa .tablar a.ekle:hover{
				background: url(../ikon-ekle.png) #3f9ba6 no-repeat 4px 5px;
			}

			.olustur .sayfa .tablar a:hover{
				text-decoration: none;
				background: url(../../img/ikon/10/sayfa.png) #aed5d9 no-repeat 6px 8px;
				color: #fff;
			}
		
		.olustur .sayfa .organizator a:hover{
		    text-decoration: none;
		}
		
			
		.soru-icerik .soru-ust{
			margin-bottom: 20px;
		}
	
		.soru-icerik .soru-ust .sayi{
			float: left;
			display: block;
			width: 30px;
			text-align: center;
			margin: -10px;
			font-size: 1.8em;
			color: #dd0800;
			font-weight: bold;
			padding: 10px;
		}
		
		.soru-icerik .soru-ust .metin{
			display: block;
			float: left;
			font-size: 1.2em;
			color: #333;
			padding-left: 15px;
		}
		
		.soru-icerik .soru-ust .metin h6{
			font-size: 1.2em;
			color: #333;
			font-weight: normal;
		}
		
		.soru-icerik .soru-ust .metin h6 a{
			color: #333;
		}
		
		.soru-icerik .soru-ust .metin h6 a:hover{
			color: #333;
			text-decoration: none;
		}
		
		.soru-icerik .soru-ust .metin p{
			color: #666;
			font-size: .8em;
			margin: 5px 0px 20px 0px;
		}
		
		.soru-icerik .soru-ust .metin .cevap{
			font-size: .8em;
		}
		
		.soru-icerik .soru-ust .metin .ornek{
			font-size: .9em;
			font-style: normal;
		}
		
		.soru-icerik .soru-ust .duzenle a:hover{
		    text-decoration: none;
		}
		
		.soru-icerik .soru-alt{
			background: #d8ebed;
			padding: 5px 10px;
			margin: -10px;
		}
		
		.soru-icerik .soru-alt .secenek{
			float: left;
		}
		.soru-icerik .soru-alt .secenek label{
			padding-right:10px;
		}
		.soru-icerik .duzenle{
			float: right;
		}
		
		.soru-icerik .duzenle img{
			margin-right: 4px
		}
				
		.soru-duzenle{
			border: 1px solid #3f9ba6;
			background: #f5f5f5;
		}
		
		.soru-duzenle .btn-link{
			padding: 2px 10px;
			float: left;
			display: block;
			margin-right: 5px;
		}
		
		.soru-icerik label{
			padding: 0px;
		}
		
		 
		
/* ----------------------------------
3. SAYFA ALT
-----------------------------------*/

.alt{
	width: 918px;
	height: 120px;
	border: 1px solid #AED5D9;
	border-top: 0px;
	background: url(../bg-footer.gif) #fff no-repeat;
	padding: 10px;
}

	.alt .alt-menu{
		float: left;
		padding-top: 10px;
	}

	.alt .alt-menu a{
		display: block;
		width: 70px;
		height: 20px;
		border-left: 1px solid #68b1b9;
		color: #68b1b9;
		padding-left: 6px;
		margin-bottom: 2px;
		font-weight: bold;
		font-style: italic;	
	}
	.alt .alt-menu a:hover{
		border-left: 1px solid #dd0800;
		text-decoration: none;
		color: #dd0800;
	}	

	.alt .alt-yazi{
		float: right;
		padding-top: 100px;
		padding-right: 150px;
		background: url(../logo-bidb.png) no-repeat 450px bottom ;
		color: #999;
	}
	
	.alt .alt-yazi a
	{
	    color: #999;
	    text-decoration: underline;
	}
	
/* ----------------------------------
4. OZEL TANIMLAR
-----------------------------------*/

.sayfa-yolu{
    border-bottom: 1px dotted #aed5d9;
	 padding: 4px 0px 4px 20px;
	 font-size: .8em;
	 color: #999;
	 width: 918px;
}
.sayfa-yolu a{ color: #666;}
.sayfa-yolu a:hover{	color: #68b1b9; text-decoration: none;}


.sayfalama{
	text-align: center;
	padding: 10px;
	border: 1px solid #d8ebed;
	border-top: 0px;
	margin-top: -20px;
	margin-bottom: 20px;
}

	.sayfalama a{
		padding: 2px 6px;
		background: #efefef;
		border: 1px solid #ccc;
		margin-right: 4px;
		font-weight: bold;
		font-size: .8em;
		color: #666;
	}
	.sayfalama a:hover{
		text-decoration: none;
		background: #d8ebed;
		color:  #3f9ba6;
		border: 1px solid #3f9ba6;
	}
	
	.sayfalama a.secili{
		background: #d8ebed;
		border: 1px solid #3f9ba6;
		color: #3f9ba6;		
		cursor: default;
	}
	
a.btn-link{
	padding: 4px 10px;
	background: #d8ebed;
	border: 1px solid #3f9ba6;
	font-weight: bold;
	color: #3f9ba6;
	font-size: .9em;
}
a.btn-link:hover{
	background: #3f9ba6;
	color: white;
	text-decoration: none;
}
		


.tablo {background-color: #ddd}
.tablo th {padding: 2px; border: 1px solid #ccc;text-align: left;background-color: #e5e5e5;}
.tablo td {padding: 2px; border: 1px solid #ccc;text-align: left; vertical-align: top;}
.tablo tbody td {background-color: #fff; border: 1px solid #ccc;}
.tablo tfoot td {background-color: #ffc; font-style: italic}



#tablo{
	background: #fff;
	width: 560px;
	border-collapse: collapse;
	text-align: left;
}
#tablo caption{
	color:#333;
	font-weight:bold;
	caption-side:top;
	border-bottom:2px solid #333;
	text-align:left;
	padding: 10px 8px;
	background:#fff;
	}
	
#tablo tbody td:first-child{width:100px;} /* tablo sol taraftaki yazý geniþliði için hizalama */

#tablo td{
	/*border-bottom: 1px solid #ccc;
	color: #999;*/
	color: #333;
	padding:6px 10px;
}

#tablo td td { /* saðda rad combobox padding sapýtmasý */
	padding:0px;
	border-bottom:none;	
}

.rgCaption{ /*arama sonuçlarýnýn gösterim baþlýðý için*/
	caption-side:top;
	text-align:left;
	padding:4px;
	font-weight:bold;
           }

#tablo tbody tr:hover td{
	color: #333;
}


.mesaj{
	background: #ffffcc;
	font-size: 1.1em;
	font-style: italic;
	color: #000;
	border-bottom: 1px solid #ffa900;
	width:725px;
	padding:5px 0 5px 20px;
}

    .update-progress{
        background: #ffffcc;
	    font-size: 1.2em;
	    font-style: italic;
	    color: #333;
	    padding: 25px;	
	    border: 1px solid #ffa900;
	    position: fixed;
	    text-align: center;
	    width: 100px;
	    height: 24px;
	    top: 50%;
	    left: 50%;
	    margin-top: -12px;
	    margin-left: -50px;
	    z-index:1002;
    }

input{
	overflow: hidden;
}
.zorunlu
{
    color: #dd0800;
}

/*

.rgHeader input{width:15px;}
.rgRow input{width:15px; }
.rgAltRow input{width:15px; }

*/

.rgGroupHeader p{font-size:.8em;}

.tablo-matris{
  width: 98%;
  border: 1px solid #d8ebed;
}

.tablo-matris td{
  text-align: left;
  padding: 4px 1px;
  color: #333;
}

.tablo-matris td + td
{
    text-align: center;
}

.tablo-matris .a{
  text-align: left;
}

.satir1{
 background: #fff;
}

.satir0{
 background: #d8ebed;
}


.tablo-matris-duzenle{
  border: 1px solid #d8ebed;
 }

.tablo-matris-duzenle td{
  text-align: center;
  padding: 2px;
  color: #333;
}

.bg html{
	background: none;
	background: red;
}

.kitle-sec td
{
    padding:4px;
    background:#f1f1f1;
    padding-right:15px;
    border:1px solid #ccc;
    }

.modal-bg
{
    position: fixed; 
    top: 0px; 
    bottom: 0px; 
    right: 0px;
    left: 0px; 
    z-index: 999; 
    background-color: #696969; 
    filter: alpha(opacity=75);
    -moz-opacity: 0.75; 
    opacity: 0.75;
}

.modal-win
{
    position:fixed; 
    top: 0px; 
    left: 0px; 
    right: 0px;
    bottom: 0px;
    z-index: 1001;
}

.modal-cont
{
    width: 500px;
    margin: 10% auto;
    border: 2px solid #696969;
    background-color: white; 
    padding: 40px;
    overflow:auto;
}

	.video
	{
		margin: 0px auto;
		width: 960px;
		margin-top:4px;
		
		}
	
	
		.soru-yardim  a{
			border:1px solid #ccc;
			background: #f3f3f3;
			padding: 7px;
			color: #666;
			font-weight: bold;
			font-size: .9em;
			display: block;
			margin-bottom: 2px;
			margin-right: 2px;
			float: left;
			cursor: pointer;
			text-align:center;
		}
		
		.soru-yardim a:hover{
			text-decoration: none;
			background: #efefef;
			border:1px solid #999;
			color: #333;
		}
		
		#CaptivateContent
		{	
			background:url(../yardim-kapak.png);
			height:500px;
			
			}