/* ================================================================ 
The CSS Document Design With :: Mohammad B. Adib Behrooz
=================================================================== */
.body{
	font-family: Arial,"Times New Roman",Tahoma,verdana;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #DCD9D4;
	top:auto;
	}


.total{
	border: solid 1px #999999;
	width: 800px; /* width: 98%; */
	margin: 1px 0px 1px 0px;
	padding: 1px 0px 1px 0px;	
	background-color:#FFFFFF; 	
	color: #FFFFFF;	
	}

.input, .checkbox
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: right; margin-right: 2px;}

.textarea
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: right; margin-right: 2px; width: 220px;}

.etextarea
	{font-family: Tahoma; font-size: 8pt; direction: ltr; text-align: left; margin-right: 2px; width: 220px;}

.einput, .echeckbox
	{font-family: Tahoma; font-size: 8pt; direction: ltr; text-align: left;}

.button
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: center; width: 100px;}	 

.input-num
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: right; margin-right: 0px;width: 40px; vertical-align: bottom;}

.select
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: right; margin-right: 2px; width: 170px;}

#logo{
	width: 800px;	/* width: 100%; */
	height: 80px;
	background-image: url("../images/core/logo.gif");
	background-repeat: repeat;
	}
	
	#logo .text, #logo .text a{
		text-align: left;
		font: normal 8pt Tahoma;
		color: #000000;	
		direction: rtl;
		padding: 60px 0px 0px 5px;
		text-decoration: none;
		}

.titlebar{
	text-align: right;
	direction: rtl;
	margin-top: 2px;
	margin-bottom: 2px;
	}
	
.content{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 3px;	
	}
		
table.latest-work{text-align: right; direction: rtl; border: 0px; width: 100%;}
table.latest-work tr.tr-latest-work{background-image: url("../images/core/bg2.gif"); color: #000000; vertical-align: top; direction: rtl; text-align: right;}
table.latest-work td.latest{width: 50%; vertical-align: top;}

.picture{
	width: 100%;	/* width: 740px; */
	height: 200px;
	background-image: url("../images/core/middle.jpg");
	background-repeat: repeat;
	}
	
.category-name{
	width: 100%;	/* width: 740px; */
	margin: 10px 0px 10px 0px;
	}

	caption{
		text-align: right;
		background-color: #FDE47E;
		border: solid 1px black;
		border-width: 0px 1px 1px 0px;
		color: #000000;
		padding: 4px ;
		margin: 10px 10px 0px 10px;
	}	
	
	table.send{
		text-align: center;
		font-size: 8pt;
		margin: 3px;
		text-align: center;
		font: normal 8pt Tahoma;
		color: #000000;	
		direction: rtl;
		padding: 0px 10px 0px 10px;
		margin: 0px 20px 10px 0px;
	}
	
	table.send tr.header, 	
	table.send tr.header a{	
		background-color: #AAC598;
		color: white;
	}
	
	table.send tr.unheader{
		background-color: #DCEBCC;
		color: black;
		text-decoration: none;
	}
	
	table.send tr.unheader a{
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		color: green;
	}

	table.send tr.archive-img {
		background-color: #FFFFFF;
		color: black;
		margin: 0px;
		padding: 0px;
		text-align: left;
		direction: ltr;		
	}
	
	table.send td{
		height: 22px;
		margin: 4px;
		padding: 3px;
		border-left: solid 1px white;		
		border-top: solid 1px white;
	}	
		
	table.send  td.id{
		width: 20px;
	}		
			
	table.send td.date{
		width: 130px;
	}

	table.send td.title{
		width: 120px;
	}
	
	table.send td.tools{
		width: 140px;
		text-decoration: none;
	}	
	
	table.send td.category{
		width: 60px;
	}		
	
	table.send td.status{
		width: 90px;
	}	
	
	table.send td.code{
		width: 100px;
	}		
	
	table.send td.province,
	table.send td.town{
		width: 100px;
	}

	table.send td.column-1{
		width: 150px;
		text-align: left;
		background-color: #ECDCC5;	
		height: 22px;	
	}
	
	table.send td.column-2,	
	table.send td.column-2 a{
		width: 300px;
		text-align: right;
		background-color: #F7E9D6;
		text-decoration: none;	
		color: #000000;	
		direction: rtl;		
	}

	table.send td.column-3{
		width: 150px;
		text-align: right;
		background-color: #ECDCC5;	
		height: 22px;	
	}
	
	table.send td.column-4{
		width: 300px;
		text-align: left;
		background-color: #F7E9D6;
		text-decoration: none;	
		color: black;	
		direction: rtl;		
	}
		
	/* !Table */	

/*  
	Middle Main
*/
	#mid-main-left{
		width: 100%;
		float: left;		
		font-family: Tahoma;
		font-size: 8pt;
		color: #000000;
		text-align: right;
		direction: rtl;
		margin: 0px 20px 5px 0px;
	}
		
	#mid-main-left ul li{
		display: block;
		list-style-type: none;
		width: 180px;
		margin: 5px 0px 5px 0px;
	}
		
	#mid-main-right{
		width: 100%;
		float: left;
		font-family: Tahoma;
		font-size: 8pt;
		color: #000000;
		text-align: right;
		direction: rtl;
	}

/*  
	Middle Other Right
*/

	#mid-other-right{
		width: 54%;
		float: right;
		font-family: Tahoma;
		font-size: 8pt;
		color: #000000;
		text-align: right;
		direction: rtl;
		margin: 0px;
		vertical-align: middle;	
		text-decoration: none;
		color: black;
	}
	
	#mid-main-right ul.news,
	#mid-other-right ul.news,
	#mid-other-right ul.address{	
		padding: 0px;
		margin: 3px;
		display: block;
		list-style-type: none;
	}
	
	#mid-main-right ul.news li,
	#mid-other-right ul.news li,
	#mid-other-right ul.address li{
		padding: 3px 2px 3px 2px;
		margin: 2px 2px 2px 8px;
		display: block;
		list-style-type: none;
		font-family: Tahoma;
		font-size: 8pt;
		line-height: 22px;
		color: #000000;
	}
	
	#mid-other-right ul.content{
		padding: 1px;
		margin: 1px 5px 6px 1px;
		display: block;
		list-style-type: none;		
	}	
	
	#mid-other-right ul.content li{
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 5px 0px;
		line-height: 22px;	
		list-style-type: none;	
	}
	
	#mid-other-right ul.content li img{
		margin-left: 6px;
		margin-bottom: 6px;		
		border: 1px solid #DCDCDC;	
	}		
	
	#mid-main-right ul.news li img,
	#mid-other-right ul.news li img{
		padding-left: 2px;	
		margin-left: 2px;			
	}
	
	#mid-other-right .messagetrue{
		text-align: center;
		background-color: green;
		padding: 3px 10px 3px 10px;
		margin: 3px 20px 3px 20px;
		color: white;
	}
	
	#mid-other-right .messagefalse{
		text-align: center;
		background-color: red;
		padding: 3px 10px 3px 10px;
		margin: 3px 20px 3px 20px;
		color: white;
	}
	
	#mid-main-right ul.news a,
	#mid-other-right ul.news a{
		text-decoration: none;
		color: #321;
	}		

	#mid-other-right ul.tools, li.tools, ul.tools li, ul.tools li a{
		margin: 2px 2px 2px 8px;
		display: inline;
		list-style-type: none;
		text-decoration: none;
		color: gray;
	}	

	#mid-other-right h2{
		font-family: "Times New Roman";
		font-size: 13pt;
		direction: rtl;
		text-align: right;
		margin: 2px 7px 2px 0px;
	}
	
	#mid-other-right img.address{
		direction: ltr;
		text-align: center;
		margin: 6px 9px 6px 9px;
		padding: 5px;
	}
	
	.thumbnail-preview{
		float: left; 
		background-color: #F6F6F6;
		padding: 2px;
		margin: 0px;
	}	

/*  
	Middle Other Left
*/

	#mid-other-left img.endprouduct, #mid-main-left img.endproduct, #mid-main-left img.endproduct a{
		margin: 5px 0px 5px 0px;
		border: solid 1px #C2C2C2;
		background-color: #C2C2C2;
		
	}
	#mid-other-left{
		width: 40%;
		float: left;		
		font-family: Tahoma;
		font-size: 8pt;
		color: #838B8B;
		text-align: right;
		direction: rtl;
		margin-top: 0px;	
		margin-bottom: 5px;
	}

	#mid-other-left ul.news{
		padding: 0px;
		margin: 5px;
		display: block;
		list-style-type: none;
		text-decoration: none;
	}
	
	#mid-other-left ul.news li{
		padding: 2px;
		margin: 2px;
		display: block;
		list-style-type: none;
		font-family: Tahoma;
		font-size: 8pt;
		line-height: 18px;
		text-decoration: none;
	}

	#mid-other-left ul.news a{
		text-decoration: none;
		color: #321;
	}
		
.clear{
	visibility: hidden;
	clear: both;
	}

/* Gallery	*/
	
	#photodesk, #photodesk a{
		font-family: Tahoma;
		font-size: 8pt;
		color: #000000;
		text-align: right;
		direction: rtl;
		margin: 3px;
	}	
	
	.gallery{
		float: right;
		width: 23%;
		font-family: Tahoma;
		font-size: 8pt;
		color: #000000;
		text-align: center;
		direction: rtl;
		margin: 4px;
		padding: 10px 2px 10px 2px;
		background-color: #F5FFF1;
		border: 1px solid #ECFDE4;
		}	
					
	#photodesk .img, #photodesk .img a{	
		margin-left: 5px;
		margin-right: 5px;
		border: solid 1px #C2C2C2;			
		}
	
	#photodesk .gallery p,
	#photodesk .gallery-spliter p{
		margin: 3px 3px 3px 4px;
		}
		
		
/*  
	Galley Detail
*/

	#detail, #detail a{
		width: 800px; /* 98% */
		font-family: Tahoma;
		font-size: 8pt;
		color: #000000;
		text-align: right;
		direction: rtl;	
		text-decoration: none;	
	}
	
	#detail .img{
		float: right;
		width: 350px; /* 40%; */
		margin: 5px;
		background-color: #F5FFF1;
		border: 1px solid #ECFDE4;
	}
	
	#detail .information{
		float: left;
		width: 430px; /* 56%; */
	}
	
	#detail ul.data{
		padding: 0px;
		margin: 3px;
		display: block;
		list-style-type: none;
		text-decoration: none;
	}
	
	#detail ul.data li{
		padding: 2px;
		margin: 2px;
		display: block;
		list-style-type: none;
		font-family: Tahoma;
		font-size: 8pt;
		line-height: 18px;
		text-decoration: none;
		color: #000000;
		text-align: right;
	}

	#detail ul.data a{
		text-decoration: none;
		color: #321;
	}
	
	/* Pageing */		
	/* First (Paging) */
	.numberic{
		width: 98%;
		margin: 0px 10px 0 0;
	}		
	
	.nav{
		font-family: Tahoma;
		font-size: 8pt;
		direction: rtl;
		text-align: center;
		text-decoration: none;
		color: black;
		width: 60px;	
		background-color: #F5FFF1;
		border: 1px solid #ECFDE4;	
		float: right;
		height: 18px;	
	}
	.nav a{
		font-family: Tahoma;
		font-size: 8pt;
		direction: rtl;
		text-align: center;
		text-decoration: none;
		color: #996600;
		width: 60px;	
		background-color: #F5FFF1;
		border: 1px solid #ECFDE4;	
		float: right;
		height: 18px;			
	}	
		
	.no{
		font-family: Tahoma;
		font-size: 8pt;
		direction: rtl;
		float: right;
		text-decoration: none;	
		text-align: center;
		direction: rtl;		
		width: 250px;			
		border-bottom: 1px solid #ECFDE4;	
		height: 18px;
		color: black;
		padding: 2px 0px 2px 0px;
					
	}
	
	.no a{
		direction: rtl;	
		padding-left:3px;
		padding-right:3px;
		text-decoration: none;	
		color: green;
	}
	
	.box-bg{
		border:1px solid #cccccc;
		background-color: #EEE8CD;
		padding: 0px 3px 0px 3px;
	
	}
	
	.box-unbg{
		border:1px solid #cccccc;
		padding: 0px 3px 0px 3px;
	
	}	
	
	.unbox a{
		border:1px solid #cccccc;
		padding: 0px 3px 0px 3px;
	
	}
		
	/* !First (Paging) */
	
	/* Second (Detail) */
	#detail .numberic{
		margin: 0px 10px 0 0;
	}		
	
	#detail .nav{
		text-align: center;
		width: 70px;	
		background-color: #F5FFF1;
		border: 1px solid #ECFDE4;	
		float: right;
		height: 18px;		
	}	
		
	#detail .no,
	#detail .no a{
		/*letter-spacing: 10px;*/
		text-align: center;
		width: 300px;	
		float: right;
		border-bottom: 1px solid #ECFDE4;	
		height: 18px;					
	}		
	/* !Second (Detail) */	
	/* !Pageing */					

	.forms{text-align: left; direction: rtl; width: 350px;}
	ul.forms, li.forms{
		display: block;
		margin: 6px 1px 6px 1px;
		padding: 2px 1px 2px 1px;
		width: 250px;
		
	}			
	
	.forms ul li, .forms ul li .input, .forms ul li .button{
		display: inline;
		vertical-align: middle;	
	}
	
	.forms-order{text-align: right; direction: rtl; width: 350px; color: #333333;}
	ul.forms, li.forms{
		display: block;
		margin: 6px 1px 6px 1px;
		padding: 2px 1px 2px 1px;
		width: 250px;
		
	}			
	
	.forms-order ul li, .forms-order ul li .input, .forms-order ul li .button{
		display: inline;
		vertical-align: middle;	
	}	
				
/* Bottom */
#bottom{
	width: 100%;
	font-family: Tahoma;
	font-size: 8pt;
	color: #000000;
	text-align: center;
	direction: rtl;	
	color:#928D8D;
	}

#bottom a{
	text-decoration: none;
	color:#9F9B9B;	
	}
	
#bottom a:hover{
	text-decoration: none;
	color:#7C7474;	
	}	
		
#bottom p{
	margin-top: 3px;
	margin-bottom: 3px;
	}