/*	-------------------------------------------------------------
	TurkMedya - �YS
	��erik Y�netim Sistemi
	
	Tanim:			IYS Web Konsol Aray�z� CSS belgesi
	Dosya ad�:		iys.css
	Versiyon:		1.0
	Tarih:			12 Mayis 2008
	Stil Yazar�:	Osman �orak
	-------------------------------------------------------------	*/
	
	.relative {position:relative;}
	.absolute {position: absolute;}
	
	.clear {clear:both;}
	
	.mf-left {float:left !important;} img.mf-left {float:left; margin-right:15px; margin-top: 4px; margin-bottom: 2px; }
	.f-left {float:left !important;} img.f-left {float:left; margin-right:10px; margin-top: 4px;  position: relative; }
	.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

	.t-left {text-align:left !important;}
	.t-center {text-align:center !important;}
	.t-right {text-align:right !important;}
	.t-justify {text-align:justify !important;}

	.va-top {vertical-align:top;}
	.va-middle {vertical-align:middle;}
	.va-bottom {vertical-align:bottom;}

	.nom {margin:0 !important;}
	.nomt {margin-top:0 !important;}
	.nomb {margin-bottom:0 !important;}

	.noscreen {display:none;}

   .bigger {font-size:110%;}
   .smaller {font-size:85%;}
	 
/*	-------------------------------------------------------------
	Ana Stilleri
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	body, html {
		margin: 0 0 0 0;	
		font-family: Tahoma, Helvetica, sans-serif; 
		font-size: 11px;		
		scrollbar-base-color: White; 
		scrollbar-3dlight-color: #ECECEC;
		scrollbar-arrow-color: #B9B9B9;
		scrollbar-darkshadow-color: #959595;
		scrollbar-face-color: #F5F5F5;
		scrollbar-highlight-color: #F7FAFE; 
		scrollbar-shadow-color: #A8A8A8;  
		scrollbar-track-color: #BEBEBE;
		background-color: #D4D4D4;
		}

	P, H1, H2, H3 {
		margin-left: 10px;
		margin-right: 10px;
		}
	H1 {font-size: 15px;}
	H2	{font-size: 13px;}
	H3	{font-size: 11px;}
   table {
		border-collapse: collapse;
		}
   #bg {		
		width: 972px;
		height: 750px;
		margin: 0px auto 0px auto;
		background-image: url(../images/bg.jpg);	
		background-position: top;
		background-repeat: no-repeat;
		background-color: Silver;
		position: relative;
		}
	#c_logo {
		top: 560px;
		left: 800px;
		position: absolute;
		}
	#login {
	
		top: 250px;
		left: 150px;
		width: 427px;
		height: 298px;
		/*background-image: url(../images/login.png); */	
			
		background-position: top;
		background-repeat: no-repeat;
		position: absolute;
		}
	#login table {
		width: 100%;
		height:120px;
		margin-top: 16px;
		vertical-align: top;
		border-collapse: collapse;
		}
	#dialog-header {
	top: 0px;
	font-size: 13px;
	float: none;
	color: Navy;
	
	font-weight: bold;
	margin-left: 10px;
	margin-top: 11px;
	position: absolute;
	width: 406px;
	height: 20px;
	}	
	#error-info {
	font-size: 11px;
	float: none;
	color: #999;
	position: absolute;
	width: 335px;
	height:111px;
	background-image: url(../images/error_bg.png);
	}	
	#error-info p {
	font-size: 11px;
	color: #999;
	margin: 13px 0 0 44px;
	}		
	#error-info h2 {
	font-size: 16px;
	color: #999;
	font-weight: bold;
	margin: 13px 0 0 44px;
	}
	#info {
	font-size: 11px;
	float: none;
	color: #999;
	position: absolute;
	width: 335px;
	height:111px;
	background-image: url(../images/info_bg.png);
	}	
	#info p {
	font-size: 11px;
	color: #999;
	margin: 13px 0 0 44px;
	}		
	#info h2 {
	font-size: 16px;
	color: #999;
	font-weight: bold;
	margin: 13px 0 0 44px;
	}	
	#list-bg {
		top: 150px;
		left: 54px;
		width: 911px;
		height: 538px;
		background-image: url(../images/table_bg.png);	
		background-position: top;
		background-repeat: no-repeat;
		position: absolute;
		}
	#version {
		top: 10px;
		left: 10px;
		position: absolute;
		font-size: 10px;
		}
	#user, #newspaper {
		font-size: 11px;
		float: right;
		color: #999;
		font-weight: bold;
		
		z-index: 1;
		text-align: right;
		}
	#user {top: 16px; right: 14px; position: absolute;}
	#newspaper {top: 34px;  right: 14px; float: right; position: relative;}
	
	#user span, #newspaper span {	color: #333; }
	#user a, #newspaper a {	color: #B22222;  text-decoration: none;}
	#user a:hover, #newspaper a:hover{ color: #00008B;  text-decoration: underline;}
	#user a:visited, #newspaper a:visited{ color: #B22222;  text-decoration: none;  }
	
	#header {
	top: 102px;
	left: 72px;
	font-size: 13px;
	float: none;
	color: #B22222;
	font-weight: bold;
	position: absolute;
	width: 824px;
	height: 39px;
	line-height: 30px;
	}
	#header2 {
	top: 92px;
	left: 62px;
	font-size: 13px;
	float: none;
	color: #B22222;
	font-weight: bold;
	position: absolute;
	width: 824px;
	height: 39px;
	line-height: 30px;
	}	
	
	#header3 {
	top: 94px;
	left: 62px;
	font-size: 13px;
	float: none;
	color: #B22222;
	font-weight: bold;
	position: absolute;
	width: 860px;
	height: 39px;
	line-height: 12px;
	}
	#header a, #header2 a, #header3 a { font-size: 11px; text-decoration: none; color: Maroon;}
	#header a:hover, #header2 a:hover, #header3 a:hover { text-decoration: underline;  color: Navy;  }
		
	#header .info, #header2 .info {
		font-size: 10px;
		color: #999;
		font-weight: normal;
		}
    #icon {            
                   top: 92px;
                   right: 0px;
                   width: 235px;
                   position: absolute;
                   }

    #icon img {
                   border: 0 none;
                   float: right;
                   }


	#button {
		float: none;
		border-collapse: collapse;
		}
	#button a { }
	#button a:hover {	background: url(../images/button_sel.png) no-repeat;}
	#button img { border: 0 none;	}
	
	#button2 {
		float: none;
		border-collapse: collapse;
		position: absolute;
		left: 10px;
		top: 8px;
		font-weight: bold;
		width: 600px;
		}
	#button2 a { text-decoration: none; color: Maroon;  line-height: 30px;  }
	#button2 a:hover {text-decoration: underline;  color: Navy;  background: url(../images/button_sel.png) no-repeat left;   }
	#button2 img { border: 0 none; margin: -5px -2px -4px 0px;  padding: 0 5px 0 0;  }
	
	.button3 a { text-decoration: none; line-height: 30px;  }
	.button3 a:hover { text-decoration: underline; }
	
	#toolbar {
		float: none;
		border-collapse: collapse;
		position: absolute;
		left: -8px;
		top: -8px;
		font-weight: bold;
		width: 600px;
		}
	#toolbar a { text-decoration: none; color: Maroon;  line-height: 30px;  }
	#toolbar a:hover {text-decoration: underline;  color: Navy;  }
	#toolbar img { border: 0 none; margin: -5px -2px -4px 5px;  padding: 0 5px 0 10px;  }	
	
.toolbar_menu {
	float: none;
	border-collapse: collapse;
	position: relative;
	left: 0px;
	top: 1px;
	font-weight: bold;
	width: 100px;
	}
	
.list_page#page_control {
	right: 18px;
	float: right;
	font-family: sans-serif;
	font-size: 11px;
	margin: 8px 0px 0px 16px;
	padding: 10px 0px 10px 0px;
	text-align: right;	
	font-weight: bold;
	color: #ccc;
	cursor: default;	
	position: relative;
	display: inline;
	cursor: pointer;
	}
#page_control a {
	margin: 0px 0px 0px -3px;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
#page_control a:hover {
	color: #8B0000;	
}
#page_control a:visited {
	color: #8B0000;	
}
#page_control a.page {
	color: #a8a8a8;	
	cursor: pointer;
}
#page_control a.page:hover {
	color: #fff;	
	background: #333;
}
#page_control a.page_sel {
	color: Maroon;	
	background: #eee;
	padding: 2px 3px 2px 3px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#page_control a.page_sel:hover {
	color: Maroon;	
	background: #eee;
	cursor: default;
}
#page_control .prev_next {
	border: 1px solid #ddd;
	color: #999;
	background: #eee;
}
#page_control .prev_next:hover {
	border: 1px solid #000;
	color: #fff;
	background: #333333;
}
#page_control .prev_next:visited {
	border: 1px solid #ddd;
	color: #999;
}
#page_control .prev_next_sel {
	border: 1px solid #ddd;
	color: #999;
	background: #eee;
}
#page_control .prev_next_sel:hover {
	border: 1px solid #ddd;
	color: #999;	
	background: #eee;
}
#page_control .prev_next_sel:visited {
	color: #999;	
}
	
/*	-------------------------------------------------------------
	Tab men� Stilleri (header)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#tabs1 {
		top: 13px; 
		width: 970px;
		font-size: 11px;
		font-family: Tahoma, Helvetica, sans-serif;
		font-weight: bold;
		position: absolute;
		}
	#tabs1 ul {
		margin: 0 0 0 0;
		padding: 46px 0 0 46px;
		width: 890px;
		}
	#tabs1 li {
		margin: 0 0 0 0;
		padding: 9px 0 0 0;
		display: inline;
		}
	#tabs1 a {
		float: left;
		background: url(../images/tab/tab_left.jpg) no-repeat left top;
		margin: -1px 0 0 0;
		padding: 0 0 0 6px;
		text-decoration: none;
		}
	#tabs1 a span {
		float: none;
		display: block;
		background: url(../images/tab/tab_right.jpg) no-repeat right top;
		padding: 7px 14px 9px 8px;
		color: #fff;
		}
	#tabs1 a:hover {
		background-position: 0% -31px;
		}
	#tabs1 a:hover span {
		background-position: 100% -31px;
		}
	#tabs1 .tab-activ a {
		background-position: 0% -62px;
		}
	#tabs1 .tab-activ span {
		background-position: 100% -62px;
		}
	
/*	-------------------------------------------------------------
	Liste Stilleri (contend Frame)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#treelist {
		font-family: Tahoma, Helvetica, sans-serif; 
		vertical-align: top; 
		width: 880px;
		height:460px;
		border-collapse: collapse;
		left: 14px;
		top: 60px;
		position: absolute;	
		overflow:auto;
		

		}
	#treelist_fat {
		font-family: Tahoma, Helvetica, sans-serif; 
		vertical-align: top; 
		width: 880px;
		border-collapse: collapse;
		left: 14px;
		top: 75px;
		position: absolute;
		}
	#treelist2 {
		font-family: Tahoma, Helvetica, sans-serif; 
		vertical-align: top; 
		width: 880px;
		border-collapse: collapse;
		left: 14px;
		top: 10px;
		position: absolute;
		}		
	#treelist th, #treelist2 th, #treelist_fat th {
		color: #264185;
		font-size: 11px;
		font-weight: bold;	
		}
	#treelist td {
		color: #666666;
		font-size: 11px;
		font-weight: normal;
		border: 1px solid #DFDFDF;
		height: 19px;
		text-align: left;
		text-indent: 7px;
		}
	#treelist2 td {
		color: #666666;
		font-size: 11px;
		font-weight: normal;
		height: 19px;
		text-align: left;
		text-indent: 7px;
		}
	#treelist_fat td {
		color: #666666;
		font-size: 11px;
		font-weight: normal;
		border: 1px solid #DFDFDF;
		height: 19px;
		text-align: left;
		text-indent: 7px;
		}
	#treelist ul {
		display: block;
		padding: 0 0 0 24px;
		margin: 0 0 3px 18px;
		line-height: 14px;
		text-align: left;
		vertical-align: text-top;
		text-indent: 0;
		}
	#treelist .listtext_left,#treelist_fat .listtext_left, #treelist2 .listtext_left{
		text-indent: 0px;
		padding-left: 7px;
		padding-right: 7px;
		text-align: left;
		}
	#treelist .listtext_center {
		text-align: center;
		}
	#treelist .listtext_right, #treelist2 .listtext_right {
		padding-right: 6px;
		text-align: right;
	   }
	#treelist .listtext_icon img {
		padding: 0 0 6px 14px;
		margin: 0 0 -20px 0;
	   }
	#treelist td a	{
		color: #424755; 
		text-decoration: none;	
		margin: 0 0 0 0;
		padding: 0 0 -5px 0;
		display: inline;
		line-height: 14px;
		}
	#treelist td a:hover {
		color: #192A56;
		text-decoration: underline;	
		}
	.dots {
		padding-left: 10px;
		padding-right: 10px;
	}
	.dots2 {
		padding-top: 10px;
		padding-bottom: 5px;
	}	
/*	-------------------------------------------------------------
	Form Stilleri (contend Frame)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#eform {
		width: 600px;
		padding: 0;
		margin: 0 0 20px 0;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		}clear
	#eform p {
		margin: 8px 0 8px 0;
		padding: 0;
		}
	#eform label {
		color: #444444;
		margin: 6px 0 0 0;
		padding: 0 0 0 0;
		font-weight: bold;
		vertical-align: top;
		}
	#eform input, #eform textarea, #eform select, #eform option {
		margin: 1px;
		padding: 2px;
		font-size: 11px;
		}
	#eform fieldset {
		width: 350px;
		margin: 1px;
		padding: 2px 5px 10px 0px;
		font-weight: bold;
		color: #444444;
		text-align: center;
		}
	#eform .submit{
		width: 150px;
		font-size: 90%;
		margin: 10px 0 0 0;
		padding: 4px;
		background: #FFF7DB;
		border: 1px solid #FFF7DB;
   	cursor: pointer;
		}
	.formSubmit{
		font-size: 90%;
		color: #333;
		margin: 0;
		padding: 0;
		background: #efefef;
		border: 1px solid #64707C;
   	cursor: pointer;
		}
	.ebutton{
		cursor: pointer;
		background: #FFE689 url(../images/menu/button.jpg) repeat left top;
		background-position: -1px -3px;
		color: #7C4507;
		font-weight: bold;
		border: 1px solid #FFA801;
		}
	.ebutton2{
		cursor: pointer;
		background: #FFA801 url(../images/menu/button.jpg) repeat left top;
		background-position: -1px -3px;
		color: #7C4507;
		font-weight: bold;
		border: 1px solid #FFE689;
		}
		
/*	-------------------------------------------------------------
	Error Message Positioning
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.e-center {left: 320px; top: 200px;}
	.e-left {left: 16px; top: 200px;}
	.e-right {left: 560px; top: 200px;}
}