/*  --------------------------------------------------------------
    Author: HaTsHy
    Author URI: http://www.HaTsHy.com/
     -------------------------------------------------------------   */

body {
    direction: rtl;
    font: 9pt Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#333;
	margin:0;	padding:0;
}

.wrapper { background:url(bg.png) repeat-y center; overflow:hidden; margin:0 auto;}   
	
	.header {
		height: 250px;
		width : 1000px;
		overflow:hidden;
		margin: 0 auto;
		position:relative;
	}
		.header *{padding:0; margin:0;} 
	    .logo {
			display:block;
			height:140px;
			text-indent:-9999px;
			overflow:hidden;
			width:325px;
			float:right;
		}
		.HaTsHy {
			display:block;
			height:20px;
			bottom:0px;
			text-indent:-9999px;
			overflow:hidden;
			width:100px;
			float:left;
		}

		.header ul{
			position:absolute ;
			list-style:none;
			height:38px;
			top:177px;
			right:50px;
			width:900px;
			margin:0;
		}
			.header li{	float:right; }
				.header li a:link , .header li a:visited , .header li a:active{
					height:24px;
					display:inline-block;
					text-align:center;
					padding:4px 0 2px;
					font: bold 12pt Arial,Helvetica,sans-serif;
					margin-left:4px;
					width:95px;
					text-decoration:none;
				}
					.header li a:hover , li.current_page_item a{color:#000 !important; background-position:top center !important;}
				
		.user-box{
			position:absolute;
			right:0;
			width:600px;
			top:8px;
			line-height:18px;
		}
		
			.header .user-box a{color:#FFFFFF !important;}
			.header .user-box a:hover{text-decoration:underline;}

			*html .user-box input{float:right;}
		.color-panel{
			width:80px;
			height:14px;
			position:absolute;
			right:620px;
			top:3px;
			padding-right:15px;
		}
			.search-index{
				position:absolute;
				left:20px;
				width:240px;
				height:18px;
				top:8px;
			}
			.ads-header{
				position:absolute;
				width:729px;
				left:0px;
				top:55px;
				text-align:center;
				height:100px;
				overflow:hidden;
			}
.alert{
	font:bold 14pt Arial, tahoma;
	color:red;
	text-align:center;
	position:absolute;
	top:220px;
	width:100%;
}
	.head-bar{height:40px;	margin: 0 auto 10px; position:relative;	width:1023px; overflow:hidden;}
		.do3a{
			background:url(do3a-bar.png) top right;
			width:544px;
			height:28px;
			float:right;
			margin-top:9px;
			color:#FFF;
			padding:7px 90px 0 0;
			text-align:center;
		}
		
		.hawa{
			background:url(hawa.png) top right;
			width:286px;
			height:32px;
			float:left;
			padding:12px 100px 0 0;
		}
		.input-hawa{
			background:url(hawa-input.gif) no-repeat top;
			padding:4px 5px 0 3px;
			width:192px;
			height:22px;
			border:0 none;
			float:right;
			margin-left:5px;
			display:inline;
		}
		.button-hawa{
			background:url(hawa-button.gif) no-repeat top;
			width:58px;
			height:26px;
			border:0 none;
			cursor:pointer;
			display:inline;
			text-indent:-99999px;
		}

	
	
.tcat{background: url(gradients/gradient_tcat.gif) repeat-x top left; color: #FFFFFF;}

.adsense-box{
	width:336px;
	margin:0 auto;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}				
.container{	width:960px; margin:0 auto;	}

.footer{
	overflow:hidden;
	padding:10px 0 0;
	clear:both;
	margin:0 auto;
	height:140px;
	color:#ccc;
}
	.footer .container{	position:relative;}
	
	.tags{
		text-align:justify;
		height:100px;
		overflow:hidden;
		margin-bottom:10px;
	}
		.mo3aser{
			height:28px;
			overflow:hidden;
			text-indent:-999px;
			width:130px;
			display:block;
			position:absolute;
			top:110px;
			left:0;
		}


input {	padding: 2px 4px}
textarea {padding: 2px 6px;	width: 97%;}
textarea ,input{
    font: 9pt Tahoma,Arial,Helvetica,sans-serif;
	color: #000;
	margin-bottom:7px;
}

.input-class{
	padding:4px 5px 0 3px;
	width:160px;
	height:22px;
	border:0 none;
	float:right;
	margin-left:5px;
	display:inline;
}
.button-class{
	width:58px;
	height:26px;
	border:0 none;
	cursor:pointer;
	display:inline;
}


.new-topic , .closed-thread , .reply-button{
	width:167px;
	height:35px;
	display:block;
}
	.closed-thread{	background:url(closed.gif) no-repeat top;}

.clear{	clear:both;}
.forum-box{width:960px; margin:5px 0;}
	.forum-title, .forum-head{height:42px;	padding:8px 30px 0 0;}
	.forum-head{height:19px; padding:0;}
		.forum-content .tborder{width:900px; border:0 none !important;}
	.forum-details,.forum-dark{
		width:925px;
		margin:0 auto 0px;;
		border-top:1px solid #E6E6E6;
		padding:10px 13px 20px 0px;
	}
	.forum-dark{
		padding:10px 13px 13px 0px;
		text-align:center;
		font:bold 12pt Arial , tahoma;
		color:#FFF;
		border-top:0 none;
	}
	.forum-row1, .forum-row2, .forum-row3{
		float:right;
		margin-left:8px;
	 	padding:2px;
	 	overflow:hidden;
	 }
	 
		.forum-row1{width:40px; text-align:center;}
		.forum-row2{width:510px;}
		.forum-row3{width:275px; margin-left:15px;}
	
	
	h1,h2,h3,h4,h5,h6{padding:0; margin:0; }
		h2,h3{font:bold 14pt Arial,Tahoma,Helvetica,sans-serif;}
			h3{font-size:14pt;}
						
.ee{
	background:url(welcome.png) no-repeat;
	position:fixed;
	display:block;
	width:37px;
	height:125px;
	top:50%;
	left:0;
	text-indent:-999999px;
	overflow:hidden;
}			
			
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	left: 0;
	z-index: 10;
}
*html #ee , *html #hideshow{
	display:none;
}
.popup_block {
	background: #ddd;
	padding: 10px ;
	border: 10px solid #fff;
	float: left;
	width: 550px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block .popup {
	float: right;
	width: 95%;
	background: #fff;
	margin: 10px 0;
	padding: 10px ;
	border: 1px solid #bbb;
	text-align:justify;
	line-height:18px;
	overflow:auto;
	height:400px;

}
.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}