/*  +---------------------------------------------------------------+
    | Proje		: ITU YARDIM                                        |
    | Versiyon  : 1                                                 |
    | Oluşturma : 30/12/2010                                        |
    | Güncelleme: 29/04/2011                                        |
    +---------------------------------------------------------------+
    | Hazirlayan  : Omer ARI						                |
    +---------------------------------------------------------------+
    | 0. Icerik Aktarimlari                                         |
    | 1. Standartlar                                                |
    | 2. Sayfa Ust                                                  |
    | 3. Icerik                                                     |
    | 4. Sayfa Alt                                                  |
    | 5. Ozel Tanimlar                                              |  
    +---------------------------------------------------------------+                |
    +---------------------------------------------------------------+

    +---------------------------------------------------------------+
    | 0. ICERIK AKTARIMLARI                                         |
    +---------------------------------------------------------------+     */ 

	@import "reset.css";
		
/*  +---------------------------------------------------------------+
    | 1. STANDARTLAR                                                |
    +---------------------------------------------------------------+    */
    
html {background: #fff url(../resim/bg-body.png) repeat-x; overflow-y:scroll;}
body{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	color: #4f4f4f;
}
p{	margin-bottom: 10px;}
abbr{ cursor: help;	border-bottom: 1px dashed #ccc;}

.tasiyici{
	width: 940px;
	margin: 0 auto;
}	

a.link{
	color: #3D191B;
	border-bottom: 1px dotted #006699;
	text-decoration: none;
}
a.link:hover{
	color:#006699;
	border-bottom: 1px solid #006699;
	text-decoration: none;
}

.clear{
	clear: both;
}
.fl{
	float: left;
}
.fr{
	float: right;	
}

/*  +---------------------------------------------------------------+
    | 2. SAYFA UST                                                  |
    +---------------------------------------------------------------+     */
.ust{
	width: 920px;
	height:50px;
	padding:10px;
}

	.ust .logo{
		float: left;
		display: block;
		width: 200px;
		padding: 10px 0;
}

	.ust .logo h1 a{
	color:#fff;
	margin:0;
	background: url(../resim/logo.png) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 50px;
}	
	.ust .logo h1 a:hover{
	text-decoration:none;
	color:#ccc;
}	
.ust .logo h1 sup{

	font-size:11px;
	color:#fff;
	
}
    .ust .kullanici
    {
    	float:right;
		padding: 5px 10px;
		margin:-10px;
		position:relative;
		background:#4D81B3;
		color:#fff;
		font-size:.85em;
		-webkit-border-radius: 0px 0px 10px 10px;
	    -moz-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px ;
	}	
	.ust .kullanici .menu{		
		
	}
	.ust .kullanici:hover .menu{		
		
	}

	.ust .kullanici a{
		color: #fff;
	}	
	.ust .kullanici a:hover{

	}
	
	
	
	.ust .ust-menu{
		float: right;
		text-align: right;
	}

	.ust .ust-menu ul{
			margin: 0;
			padding: 0;
		}
	
		.ust .ust-menu ul li{
			display: block;
			float: left;
			margin-left: 20px;
		}
	
		.ust .ust-menu ul li a{
			color: #333;
			font-size: .9em;
		}

		.ust .ust-menu ul li a:hover{
			color: #999;
			text-decoration: none;
		}

.ust .arama{
	
	float:left;
	margin-top:20px;
	margin-left:10px;
	padding: 0px;
	height: 1px;
	}
	
	
.ust .kutu-ara{
		width:300px;
		height: 16px;
		background: #fff;
		border: 1px solid #583880;
		vertical-align:middle !important;
		padding-left:4px;
		padding-top:2px;
		font-size:15px;
	}	
	.ust .arama .btn-ara
{
	
		width:60px;
		background: #fff;
		border:1px solid #583880;	
		height:27px !important;
		vertical-align:top;
		vertical-align:middle !important;
		border-left: 0px;
		color:#583880;
		font-weight:bold;
	
	}
	
	
	

/*  +---------------------------------------------------------------+
    | 3. ICERIK                                                     |
    +---------------------------------------------------------------+     */


.orta{
	/*border-top: 10px solid #583880;*/
	background: #fff;	
	 -webkit-border-radius: 0px 0px 10px 10px;
	    -moz-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px ;
        border: 1px solid #E3EAF1;
		border-top: 0px;	
	
}
    .orta .tablo-icerik 
    {
        width: 100%;
        
    }
    
    .orta .tablo-icerik .td-sol 
    {
        width: 666px;
        vertical-align:top;
    }
    
    .orta .tablo-icerik .td-sag 
    {
        border-left: 1px dotted #ccc; 
        vertical-align:top;
        
    }
    
    .orta .sag-icerik
    {
        margin: 10px;
        
    }
    

	.orta .kapak{
		height: 110px;
		padding: 20px;
		background: url(../resim/bg-kapak.png) repeat-x;
	}

		.orta .kapak .kapak-yazi{
				float: left;
				width: 600px;
				font-size:18px;		
				
			}

		.orta .kapak .kapak-resim{
				float: right;
				width: 300px;
				height: 130px;
				margin-top: -10px;
				background: url(../resim/kapak.png) no-repeat 40px 0px;
			}

		
	.orta .icerik{
		padding: 20px;	
		min-height: 400px;
		padding-bottom: 30px;	
		
	}
	
	.orta .icerik .yazi{		
		min-height:300px;	
	}

	.orta .icerik a{
		color:#006699;
		
	}

		.orta .icerik .birim-listesi{
			
		}

			.orta .icerik h3 {
				display: block;
				padding-bottom: 10px;
				color: #583880;
				font-weight: bold;
				font-size: 1.3em;
			}
			
			

			.orta .icerik .birim-listesi ul{
				list-style: none;
				margin: 0;
				padding: 0;			
			}
	
			.orta .icerik .birim-listesi ul li{
				width: 450px;
				float: left;
				background: url(../resim/ikon-yardim.png) no-repeat 0 3px;
				text-indent: 20px;
				margin-bottom: 15px;
			}

				.orta .icerik .birim-listesi ul li a{
					font-size: 1.3em;
					line-height: 1.3em;
					color: #4f4f4f;
				}

				.orta .icerik .birim-listesi ul li span{
					margin-left: 20px;
				}

				.orta .icerik .birim-listesi ul li span a{
					font-size: 1em;
					color: #0F4B79;					
				}
	    .orta .icerik .giris{
			margin: -20px;
		}
		    
		    .orta .icerik .giris .giris-kutu{
			    margin: 20px 0 20px 20px;
			    padding: 20px;
			    float:left;
			    border:1px solid #999;
			    width: 398px;
			    height: 240px;
		    }

		.orta .icerik .giris .giris-kutu h2{
				color: #58387F;
				font-size: 1.3em;
		    }
		    .orta .icerik .giris .giris-kutu .text-input{
				width:240px;
				height:25px;
		    }
		


		.orta .icerik-alt 		
		{
		    border-top: 1px solid #ccc;			
			padding: 20px;	
		}
		        .orta .birim-sss table
		        {
		            width:100%;
		        }
		        
		        .orta .birim-sss table tr td.soru
		        {
		            width:68%;
		        }
		    
		        .orta .birim-sss table tr td
		        {
		            border-bottom: 1px dashed #ccc;
		        }

				.orta .birim-sss table tr td a{
					color: #4f4f4f;
					display: block;					
					padding: 8px 0;		
					font-size: 0.85em;					
						
				}
				
				.orta .birim-sss table tr td.soru a{
					font-weight: bold;
					color: #069;
					display: block;													
					padding: 8px 0 8px 8px;
					text-align: left;
					font-size: .9em !important;
					text-align: left;
				}


	.orta .birim-aciklama {
	
	}

	.orta .birim-aciklama td{
		vertical-align: top;
	}

	.orta .birim-aciklama p{
		font-size: 1.3em;
	}

	.orta .birim-detay {
											
		}


	.orta .birim-konu {
			margin-bottom: 10px;
		}
	.orta .birim-konu > ul {
			margin-left: 18px;
		}
		.orta .birim-konu > ul > li > ul {
			margin-left: 18px;
		}

		.orta .birim-konu a{			
			color: #0E4B79;
		}
		

	.orta .birim-etiket {
			
		}

		.orta .birim-etiket a{			
			color: #0E4B79;
		}
				
	
	.arama-sonuc dt a	
	{
	    font-size: 1.1em;
	    	
	}

	.arama-sonuc dd{
		margin-top: 5px;
		margin-bottom: 20px;
		font-style: normal;
		color: #999;
	}

	.arama-sonuc dd span{
		font-size: .85em;
		font-weight: normal;		 
		display:block;
		color: #583880;
	}
	
	
	
	.bilet-olustur-form{	    
    }
    
    
    .bilet-olustur-form .key	 
    {
        color: #583880;  
        font-weight: bold; 
        
        margin: 10px 0 5px 0;
    }
    
    .bilet-olustur-form .value select
    {
        padding:2px;
        line-height: 1.3em;
        height: 26px;
        width: 458px;
    }
    
    .bilet-olustur-form .value input
    {
        padding:2px;
        line-height: 1.3em;
        height: 16px;
        width: 450px;
    }
    
    .bilet-olustur-form .value textarea
    {
        padding:2px;
        line-height: 1.3em;
        height: 16px;
        width: 450px;
        height: 120px;
    }
    
    
    .bilet-olustur{
	    background-color:#f5f5f5;
	    margin: -10px;
	    margin-bottom: 10px;
	    padding: 10px;
    }
    
    .mavi-buton
    {
        border: 0px !important;
	    display:block;
	    padding: 5px 15px;
	    text-align:center;
	    margin: 10px;
	    background-color: #09416E;
	    color: #fff; 
	    font-weight: bold;	 
	    text-decoration: none; 	    
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
        border-radius: 5px;	   
        -moz-box-shadow:  0px 0px 3px #09416E;
        -webkit-box-shadow: 0px 0px 3px #09416E;
        box-shadow: 0px 0px 3px #09416E; 
        cursor:pointer;
    }
    
     .mavi-buton:hover{
	    display:block;	    
	    text-align:center;
	    margin: 10px;
	    background-color: #0D5D9E;
	    color: #fff; 
	    font-weight: bold;
	    text-decoration:none;
	   
    }
    
    .bilet-olustur h3, .birim-etiket h3, .orta .birim-konu h3{
				display: block;				
				color: #583880;
				font-weight: bold;
				font-size: 1.1em;
			}

.bilet-olustur td{
	vertical-align: top;
}

    .bilet-olustur-alt{
	    /*margin-top:20px;
	    border-top: 1px dashed #ccc;*/
        background: #efefef url(../resim/ikon-yardim.png) no-repeat 20px 23px;
        text-indent: 25px;
	    
	     /*font-weight:bold;*/
	     font-size: 14px;
	     color: #666;
	     width: 900px;
	     padding:10px 20px;
	     margin: -20px;
	     margin-top: 20px;
	     border-top: 1px dotted #583880;
    }





table.datalist { width: 100%; }
table.datalist th  
{
    color:#333; 
    font-weight:bold;
    background-color:#ccc;
    padding:6px 4px;
    text-align:left;
    border: 1px dotted #ccc;
    border-bottom: 1px solid #aaa;
    border-top: 0px;
    font-size: 0.9em;
}
table.datalist td
{
    font-size: 0.9em;
    padding:6px 4px;
    border-bottom: 1px solid #aaa;
    border-left:1px dotted #ccc;
    border-right:1px dotted #ccc;
} 
table tr.alternate td{background-color: #f6f6f6;}
table.datalist tr td.actions { width: 60px; text-align:center;}
table.datalist tr td.actions a 
{   
    display:inline-block;
    width:10px !important;
    height:16px !important;
    padding:0px; 
    margin: 2px;    
}
	

.search-result strong
{    
    font-weight:bold;
    color: #000;   
}

.search-result-top > span
{
    display: block;    
    font-weight:bold;    
    border-bottom: 1px dotted #ccc;
    
    padding: 4px  2px;
    
}

.search-result-bottom > span 
{
    display: block;    
    font-weight:bold;    
    border-top: 1px dotted #ccc;
    padding: 4px  2px;
    
}

.search-result-top > span > span, .search-result-bottom > span > span
{
    display: inline-block;
    color:#cc0000;
    font-weight:bold;    
    
}

.search-result-top > span > a, .search-result-bottom > span > a
{
    display: inline-block;   
    color: #666; 
    font-weight:bold;    
}	


	
/*  +---------------------------------------------------------------+
    | 4. SAYFA ALT                                                  |
    +---------------------------------------------------------------+     */

.alt{
	padding: 20px;
	margin-bottom: 50px;
}
	.alt ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.alt ul li{
		float: left;
		margin-right: 20px;
	}

	.alt ul li a{
		color: #0E4B79;
		font-size: .9em;
	}

	.alt ul li a:hover{		
		text-decoration: underline;
	}

	.alt span{
		float: right;
		color: #0E4B79;
		font-size: .9em;
		
	}



/*  +---------------------------------------------------------------+
    | 5. OZEL TANIMLAR                                              |
    +---------------------------------------------------------------+     */

.sayfa-yolu{
	 font-size: 11px;
	 color: #666;
	 background: #efefef;
	 
	 padding:10px 20px;
	 border: 1px solid #E3EAF1;
	 border-bottom: 1px dotted #ccc;
	 -webkit-border-radius: 10px 10px 0px 0px ;
	    -moz-border-radius: 10px 10px 0px 0px ;
        border-radius: 10px 10px 0px 0px ;
        
                
}

.sayfa-yolu h2{
	color: #583880;
	font-size: 2.2em;
	margin-top: 5px;
}
.sayfa-yolu a{ color: #666; }
.sayfa-yolu a:hover{ color: #583880; text-decoration: none;}


.tablo{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.tablo caption{
	color:#ce6628;
	font-weight:bold;
	caption-side:top;
	border-bottom:2px solid #2d4560;
	text-align:left;
	padding: 10px 8px;
	background:#fff;
	}
	
.tablo tbody td:first-child{width: 190px; vertical-align: top;} /* 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;	
}	


input{
	font-family: Arial, Helvetica, sans-serif;
	min-height: 1.5em;
}

textarea{
	height: 100px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}

a.buton{
	display: block;
	width: 90px;
	padding: 8px 15px;
	text-decoration: none;
	background: #ce6628;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 10px 0px;
}

a.buton:hover{
	display: block;
	width: 90px;
	padding: 8px 15px;
	text-decoration: none;
	background: #2d4560;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 10px 0px;
}

a.buton:active{
	display: block;
	width: 90px;
	padding: 8px 15px;
	text-decoration: none;
	background: #666;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 10px 0px;
}

.info{
	font-style: italic; 
	font-size: .8em;
}

.kirmizi{
	padding: 0px 5px;
	color: red;
}

fieldset.form1{ padding: 15px;border:1px solid #ccc; margin:0px;}
fieldset.form1 h4 { color: #583880; font-size: 1.1em; margin-bottom: 5px;}
fieldset.form1 p { color: #333;}
fieldset.form1 .item { margin: 4px 0px; overflow:auto; }
fieldset.form1 .item p { margin: 0px;  }
fieldset.form1 .item .key{ font-weight:bold; display:inline-block; width: 180px; float:left; }
fieldset.form1 .item .key:after{ display:inline-block; float:right; content:':'; margin-right: 5px;}
fieldset.form1 .item .value{ display:inline-block; float:left;}
fieldset.form1 .item .value strong{ color: #cc0000;}
fieldset.form1 .item input{ border:1px solid #A3C0E8; }
fieldset.form1 .item input:hover{ border:1px solid #283b56; }
fieldset.form1 .item input:focus{ border:1px solid #283b56; }
fieldset.form1 .item textarea{ border:1px solid #A3C0E8; }
fieldset.form1 .item textarea:hover{ border:1px solid #283b56; }
fieldset.form1 .item textarea:focus{ border:1px solid #283b56; }
fieldset.form1 .item select{ border:1px solid #A3C0E8; }
fieldset.form1 .item select:hover{ border:1px solid #283b56; }
fieldset.form1 .item select:focus{ border:1px solid #283b56; }
fieldset.form1 .item .value label{ margin: 0px 4px 2px 4px;vertical-align:top; }
fieldset.form1 .item .text-input input{ width: 500px;}
fieldset.form1 .item .text-input select{ width: 500px;}
fieldset.form1 .item .text-input textarea{ width: 500px;}

fieldset.form1 .item.hata ul { border-bottom:1px dashed #cc0000;border-top:1px dashed #cc0000;margin-bottom:10px;padding-bottom:10px;padding-top:10px;}
fieldset.form1 .item.hata li { color:#cc0000;}
	
.bilet-olustur .text-input
{
    height: 22px;
    width: 400px;
    
}

.uyari
{
    border: 1px solid #aa0000;
    background: #fef1ec url(ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; 
    color:  #aa0000;
    padding:10px;
    margin: 0px !important;
}

.icon, .icon-add, .icon-delete
{ background-repeat: no-repeat; padding-left: 16px; background-position: 0px 3px; }
.icon-add { background-image:url('icon-add.png'); }
.icon-delete {background-image:url('icon-delete.png'); }