@charset "utf-8";
/* CSS Document */

body {
	background:#7e909e url(../images/background.jpg) repeat-x;
	;
	margin: 0;
	padding: 0;
}

@font-face {
	font-family:arabic_font;
	src:url(../fonts/ae_Sharjah.ttf);
	
}

@font-face {
	font-family:arabic_font1;
	src:url(../fonts/Hacen.ttf);
	
}

#wrapper {
	width: 1004px;
	margin: 0 auto;
	background: #fafafa;
}
#topheader {
	width: 1004px;
	background: url(../images/top-h-pattern.gif) repeat-x;
	height: 198px;
}
.logo {
	background: url(../images/elrahma-logo.gif) no-repeat;
	width: 195px;
	height: 198px;
	float: right;
	margin-right: 20px;
}
#page-menu-title {
	width: 700px;
	float: left;
	height: 137px;
}
#add-details {
	width: 964px;
	margin: 20px;
	height:100%;
}
.butons {
	width: 490px;
	float: right;
	height: 51px;
	text-align: left;
}
.staff-name {
	width: 160px;
	float: left;
	height: 51px;
	text-align: right;
	background: url(../images/staff-bg.gif) no-repeat right;
	padding-right: 30px;
	font: bold 14px arial;
	color: #FFF;
	line-height: 50px;
}
.radias-left {
	width: 196px;
	height: 34px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	font:bold 12px arial; color:#333;
	
}

.radias-left_6 {
	width: 300px;	height: 34px;	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	font:bold 12px arial; color:#333;
	
}

.radias-left_1 {
	width: 196px;
	height: 34px;
	background: #bac9d3; /* Old browsers */
	background: -moz-linear-gradient(top, #bac9d3 0%, #bac9d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bac9d3), color-stop(100%, #bac9d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bac9d3 0%, #bac9d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bac9d3 0%, #bac9d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bac9d3 0%, #bac9d3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bac9d3 0%,#bac9d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bac9d3', endColorstr='#bac9d3', GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	font:bold 12px arial; color:#333;
	
}

.radias-left_1 input {
	width: auto;
	direction: rtl;
	padding-right: 5px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	height: 30px;
	
	border: none;
	outline: none;
	float: right;
	background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); 

}



.radias-left1 {
	width: auto;
	height: 30px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	font:bold 12px arial; color:#333;
	
}

.smallarea { width:100px;}



.radias-left1 input {
	width: auto;
	direction: rtl;
	padding-right: 5px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	height: 30px;
	border: none;
	outline: none;
	float: right;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
}

.radias-left1 select {
	width: 181px;
	direction: rtl;
	padding-right: 5px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	height: 20px;
	border: none;
	outline: none;
	float: right;
	background-color: transparent;
	margin-top: 7px;
	line-height: 30px;
}


.radias-left input {
	width: 181px;
	direction: rtl;
	padding-right: 5px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	height: 32px;
	border: none;
	outline: none;
	float: right;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
}
.radias-left select {
	width: 181px;
	direction: rtl;
	padding-right: 5px;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	height: 20px;
	border: none;
	outline: none;
	float: right;
	background-color: transparent;
	margin-top: 7px;
	line-height: 30px;
}
.radias2-left 
{
    direction:rtl;
	width: 196px;
	height: 122px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); 
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.radias2-left textarea{ direction:rtl; text-align:right; width:180px; height:105px; float:right; padding-top:10px; 
 background-color:transparent; border:none;border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	padding-right:6px;
font:bold 12px arial;
color:#333;
}

.radias3-left 
{
    direction:rtl;
	width: 196px;
	height: 88px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); 
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.radias3-left textarea{ direction:rtl; text-align:right; width:180px; height:71px; float:right; padding-top:10px; 
 background-color:transparent; border:none;border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	padding-right:6px;
font:bold 12px arial;
color:#333;
}

.box-title {
	width: 984px;
	height: 39px;
	background: #fafafa;
	text-align: right;
	padding-right: 20px;
}

.box-title_22 {
	width: 964px;
	height: 39px;
	
	text-align: right;
	
}

.box-title1 {
	
	height: 35px;	
	text-align: center;
	
	padding-right: 20px;
}
#data-box {
	width: 964px;
	padding: 20px;
	float: left;
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top, #dddddd 1%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #dddddd), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dddddd 1%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dddddd 1%, #eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dddddd 1%, #eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dddddd 1%, #eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
}
.radias-box {
	height: 29px;
	padding-top: 5px;
	font: bold 13px arial;
	direction: rtl;
	padding-right: 8px;
	line-height: 25px;
	color: #333;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}


.radias-box_rd {
	height: 29px;
	padding-top: 5px;
	font: bold 13px arial;
	direction: rtl;
	padding-right: 8px;
	line-height: 25px;
	color: #333;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	
}

.field-title {
	width: 118px;
	float: right;
	height: 26px;
	text-align: center;
		font: bold 13px arial;	
		
		color: #FFF;background: -moz-linear-gradient(top, #647684 0%, #40525f 100%);
	border-top-right-radius: 7px;padding-top: 8px;	border-bottom-right-radius: 7px;
	background: #647684; /* Old browsers */
	 /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #647684), color-stop(100%, #40525f)); 
}


.field-title2 {
	width: 118px;
	float: right;
	height: 26px;
	text-align: center;
	/*font: bold 13px arial;*/
	font:normal 16px  arabic_font ;
	color: #FFF;
	border-top-right-radius: 7px;
	padding-top: 8px;
	border-bottom-right-radius: 7px;
	background: #f17432; /* Old browsers */
background: -moz-linear-gradient(top, #f17432 1%, #d64e1d 51%, #d35c34 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f17432), color-stop(51%,#d64e1d), color-stop(100%,#d35c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); 
}


.field-title3 {
	width: 118px;
	float: right;
	height: 26px;
	text-align: center;
	/*font: bold 13px arial;*/
	font:normal 14px arabic_font1;
	color: #FFF;
	border-top-right-radius: 7px;
	padding-top: 8px;
	border-bottom-right-radius: 7px;
	background: #f17432; /* Old browsers */
background: -moz-linear-gradient(top, #f17432 1%, #d64e1d 51%, #d35c34 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f17432), color-stop(51%,#d64e1d), color-stop(100%,#d35c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); 
}


.makfolin-data {
	width: 156px;
	float: right;
}
.makfolin-data-img {
	width: 156px;
	height: 187px;
	float: right;
	border: none;
}
.makfolin-data-data 
{
   
	width: 156px;
	float: right;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#makfol-info {
	width: 136px;
	margin: 10px 10px 5px 10px;
	padding-bottom:3px;

	border-bottom:#999 1px dotted;
}
#makfol-info ul {
	padding: 0;
	margin: 0;
}
#makfol-info ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	font:bold 14px arial;
	color:#333;
	text-align: right;
	line-height:20px;
	
}

.icons{
	
	width: 136px; float:right;
	margin: 3px 10px;
	direction:rtl;
	
	
	}
	
	
	.icons img{
	font:radio-button; 
	padding-left:6px;
	 border:none;
	
	}
	
	

.template_searchBox {
	width: 945px;
	float: right;
	padding: 3px 10px;
	margin-right:10px;
}

.template_pager {
	float: left
}
.template_pager a {
	background-color: #333;
	padding: 2px 4px;
	font: 11px tahoma;
	color: #FFF;
	text-decoration: none;
	margin-right: 1px;
}
.template_pager a:hover {
	background-color: #af080f;
	padding: 2px 4px;
	font: 11px tahoma;
	color: #FFF;
	text-decoration: none;
	margin-right: 1px;
}
.login-body{
	float:right; width:482px; height:401px;
	margin-top:28px;
	background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */


	border-bottom-right-radius: 40px;
	text-align:center;

}


.login-inputs input{
	width:280px;height:35px;background:#FFF;
	border:none;
	direction:rtl;
	padding-right:10px;
	font:bold 15px arial;
	color:#5a6c7a;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	
	}
	
	.biginput
	{
	    width: 304px;
	height: 34px;
	background: #eeeeee;
border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); 
	
	}
	.biginput input
	{
	    
	 width:280px;
	height:32px;
	background:#333;
	border:none;
	direction:rtl;
	padding-right:10px;
	font:bold 14px arial;
	color:#333;
	float:right;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); 
	
	}
	
	.page-title{width:450px; height:35px;
	
	background: #f17432; /* Old browsers */
background: -moz-linear-gradient(top, #f17432 1%, #d64e1d 51%, #d35c34 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f17432), color-stop(51%,#d64e1d), color-stop(100%,#d35c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* IE10+ */
background: linear-gradient(to bottom, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17432', endColorstr='#d35c34',GradientType=0 ); /* IE6-9 */

border-top-left-radius: 7px;
border-top-right-radius: 7px;
float:right;
padding-top:10px;
font:normal 20px arabic_font; color:#FFF; text-align:center;


	}
	
		.page-title-small{width:170px; height:29px;
	
	background: #f17432; /* Old browsers */
background: -moz-linear-gradient(top, #f17432 1%, #d64e1d 51%, #d35c34 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f17432), color-stop(51%,#d64e1d), color-stop(100%,#d35c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* IE10+ */
background: linear-gradient(to bottom, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17432', endColorstr='#d35c34',GradientType=0 ); /* IE6-9 */

border-top-left-radius: 7px;
border-top-right-radius: 7px;
float:right;
padding-top:10px;
font:normal 16px arabic_font; color:#FFF; text-align:center;


	}
	
	.page-title-small1{width:auto; height:29px;
	
	background: #f17432; /* Old browsers */
background: -moz-linear-gradient(top, #f17432 1%, #d64e1d 51%, #d35c34 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f17432), color-stop(51%,#d64e1d), color-stop(100%,#d35c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* IE10+ */
background: linear-gradient(to bottom, #f17432 1%,#d64e1d 51%,#d35c34 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17432', endColorstr='#d35c34',GradientType=0 ); /* IE6-9 */

border-top-left-radius: 7px;
border-top-right-radius: 7px;
float:right;
/*margin-right:350px;*/
padding-top:10px;
padding-left:20px;
padding-right:20px;
 color:#FFF; text-align:center;
/*font:normal 16px arabic_font;*/
font: bold 14px arial;

	}
	
	.small-cell{ width:251px;}
	
		.small-cell input{ width:132px;border-top-left-radius: 7px;
border-bottom-left-radius: 7px; float:left;
height:31px;
	font:bold 12px arial;
	border:none;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	direction:rtl;
	padding-right:8px;
}

.small-cell select{ width:132px;border-top-left-radius: 7px;
border-bottom-left-radius: 7px; float:right;
height:33px;
	font:bold 12px arial;
	border:none;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	direction:rtl;
	
}
	
.field-title-small {
	width: 110px;
	float: right;
	height: 33px;
	text-align: center;
	font: bold 13px arial;
	color: #FFF;
	background: #647684; /* Old browsers */
	background: -moz-linear-gradient(top, #647684 0%, #40525f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #647684), color-stop(100%, #40525f));
	line-height:28px;
	
}



.field-title-small2 {
	width: 110px;
	float: right;
	height: 33px;
	text-align: center;
	font: bold 13px arial;
	color: #FFF;
background: #adb5ae; /* Old browsers */
background: -moz-linear-gradient(top, #adb5ae 1%, #697072 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#adb5ae), color-stop(100%,#697072)); color-stop(100%,#7f7869));   margin-bottom:10px;
	line-height:28px;
	border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
	
}

.main-baiant{ width:510px; height:30px;	text-align: center;
	font: bold 15px arial;
	color: #FFF;
background: #9a8c7e; /* Old browsers */
background: -moz-linear-gradient(top, #9a8c7e 0%, #7f7869 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a8c7e), color-stop(100%,#7f7869)); 
	line-height:28px;
	
	border-top-left-radius: 7px;
border-top-right-radius: 7px;
		border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
	
	}
	
.attch-title{width:100%; height:40px;	text-align: center;
	font: bold 15px arial;
	color: #FFF;
	background: #647684; /* Old browsers */
	background: -moz-linear-gradient(top, #647684 0%, #40525f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #647684), color-stop(100%, #40525f));
	line-height:40px;
	
	border-top-left-radius: 7px;border-top-right-radius: 7px;
		}
		
.uploadimg{width:300px; margin-right:14px; float:left;}

.makfol-images img{ margin-bottom:11px;}


.chart-box{width:311px; margin-right:3px; float:left;background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); 
	border-top-left-radius: 7px;
border-top-right-radius: 7px;

	border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;

padding-top:15px;
padding-bottom:15px;

 }
 
 .chart-text{font:bold 20px arial; text-align:center; width:300px;  color:#516371; position:absolute; float:right; margin-top:90px;}
 
  .chart-text2{font:bold 15px arial; text-align:center; width:300px;  color:#fff; position:absolute; float:right; margin-top:150px;}
 
 
 .red-alert {
	height: 29px;
	width:29px;
	font: bold 15px arial;
	direction: rtl;
float:right;
	line-height: 30px;
	color: #fff;
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000));

	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align:center;
}

 .yellow-alert {
	height: 29px;
	width:29px;
	font: bold 15px arial;
	direction: rtl;
float:right;
	line-height: 30px;
	color: #fff;
background: #febf01; /* Old browsers */
background: -moz-linear-gradient(top, #febf01 0%, #febf01 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf01), color-stop(100%,#febf01)); 
	
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align:center;
}

.red-box input{
	border:none;
	 width:40px;
	 height:27px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;	
	font: bold 15px arial;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
	text-align:center; 

	
	}
	
	
	
	.template_pager div
{
    display: inline;
}

.attached-box7{width:420px; height:780px;text-align:center; }
.attached-box9{width:720px; height:400px;text-align:center; }
.attached-box6{width:380px; height:380px;text-align:center; }
.attached-box1{width:780px; height:780px;text-align:center; }
.attached-box{width:350px; height:200px; }


.attached-header{ 

width:100%;
float:right;
 height:40px; text-align:center;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
	background: #647684; /* Old browsers */
	background: -moz-linear-gradient(top, #647684 0%, #40525f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #647684), color-stop(100%, #40525f));
	font:bold 16px arial; 
	color:#FFF;
	line-height:35px;
} 

.attached-body{width:90%;
float:right;
 height:70px;
 padding:5%;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	text-align:center;
	
	font:bold 14px arial; 
	color:#333;

}

.attached-body-1{width:90%;
float:right;
 height:105px;
 padding:5%;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	text-align:center;
	
	font:bold 14px arial; 
	color:#333;

}

.attached-body-2{width:760px;
float:right;
 height:auto;
 padding-right:10px;
 padding-left:10px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	text-align:center;
	
	font:bold 14px arial; 
	color:#333;

}

.attached-body-6{width:360px;
float:right;
 height:auto;
 padding-right:10px;
 padding-left:10px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	text-align:center;
	
	font:bold 14px arial; 
	color:#333;

}


.attached-body-7{width:400px;
float:right;
 height:auto;
 padding-right:10px;
 padding-left:10px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	text-align:center;
	
	font:bold 14px arial; 
	color:#333;

}

.attached-body-9{width:700px;
float:right;
 height:auto;
 padding-right:10px;
 padding-left:10px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	text-align:center;
	
	font:bold 14px arial; 
	color:#333;

}

.survey-box{width:960px; }

.survey-header{ 

width:95%;
float:right;
 height:40px; text-align:right;
 padding-right:5%;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
	background: #647684; /* Old browsers */
	background: -moz-linear-gradient(top, #647684 0%, #40525f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #647684), color-stop(100%, #40525f));
	font:bold 16px arial; 
	color:#FFF;
	line-height:35px;
} 

.survey-body{width:94%;
float:right;

 padding:3%;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
	text-align:right;
	
	font:bold 14px arial; 
	color:#333;



}