/*-------------------------------------------------> RESET */
*{	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	padding:0px; 
	margin:0px;
	
	}
ul{list-style:none;}
a{text-decoration:none;}
img{border:none;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     } 
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

@import url(http://fonts.googleapis.com/css?family=Metrophobic);
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/DroidKufi-Regular.eot);
    src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidKufi-Regular.woff2) format('woff2'), url(../fonts/DroidKufi-Regular.woff) format('woff'), url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/DroidKufi-Bold.eot);
    src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/DroidKufi-Bold.woff2) format('woff2'), url(../fonts/DroidKufi-Bold.woff) format('woff'), url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}

*{box-sizing:border-box; padding:0px; margin:0px;}

body{
	font-family: 'Droid Arabic Kufi';
	line-height:30px;
	background: url(../images/body_bg.jpg) repeat left top;
	overflow-x:hidden;
}
header{

	min-height:100px;
	border:1px solid #d7d7d7;
	border-top:0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:white;
	margin:0px;
	padding:0px;
	background:url(../images/header_bg.jpg) repeat-x left top;
	

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.09);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.09);
	overflow:hidden;
}
header h1{
	margin:0px;
	padding:0px;
	font-weight:normal;
	padding-top:30px;
	padding-right:25px;
	font-family: 'Conv_AraAssaf-Regular';
	font-size:40px;
}
header a{
	width:230px;
	height:50px;
	position:relative;
	float:left;
	margin-left:-50px;
	margin-top:50px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
	line-height:50px;
	padding-right:40px;
	text-decoration:none;
	color:white;
	border-right:3px solid white;
	background: #606c88;
	


}
header a:after{
	content:url(../images/icon_login.png);
	width:26px;
	height:26px;
	position:absolute;
	top:50%;
	right:4px;
	margin-top:-16px;
	opacity:0.75;
	
}
footer{
    text-align:center;
    background:lightgray;
}
footer p{
    padding:5px;
}
section#content{
	width:90%;
	max-width:1200px;
	margin: 50px auto;
}
#content{
    padding-top: 35px;
    padding-bottom: 35px;
}
ul#nav{
    
    background:#cee2eb;
    border-radius:5px;
    list-style:none;
    width:90%;
	max-width:1200px;
	margin: 20px auto 0px auto;
    padding-right:5px;
    padding-left:5px;

}
ul#nav li{
    margin:0px; padding:0px; list-style:none;
    float:right;
}
ul#nav li a{
    display:block; height:100%; width: 100%;
    padding: 3px 20px;
    color:#295a75;
    border-radius:5px;
}
ul#nav li a:hover{

    background:#295a75;
    color:white;
}
.box_01{
	width:100%;
	display:block;
	min-height:200px;
	border:1px solid #d7d7d7;
	border-top:0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding-bottom:20px;
	
	background: #e5e5e5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(left,  #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(to right,  #e5e5e5 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 );

	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
}
.box_01 > h1{
	display:block;
	position:relative;
	min-height:25px;
	padding:10px;
	margin:0px;
	font-size:20px;
	color:#1596e0;
	border-bottom:1px solid #d7d7d7;
	border-top: 3px solid #68a5b4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
}
.box_01 > h1:after{
	content: "";
	width:0px;
	height:0px;
	position:absolute;
	top:0px;
	left:100px;
	
	border-top: 35px solid #68a5b4;
	border-bottom:0px solid transparent;
	border-right:35px solid transparent;
	border-left:35px solid transparent;
	
}
/*-------------------------------------------------> LOGIN */
.box_02{
	width:350px;
	display:block;
	margin: 0 auto;
	min-height:200px;
	border:1px solid #d7d7d7;
	border-top:0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding-bottom:5px;
	
	background: white;

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05);
}
.box_02 > h1{
	display:block;
	position:relative;
	min-height:25px;
	padding:10px;
	margin:0px;
	font-size:20px;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-right:5px solid #52b1d3;
	border-left:5px solid #52b1d3;
	border-top:1px solid white;

	background: #93cfed;
}
.box_02 label{
	margin-top:5px !important;
}
.box_02 a.forget_pass{
	font-family: 'Droid Arabic Naskh', arial;
	font-weight:normal;
	font-size:12px;
	margin-top:5px;
	display:block;
	text-align:left;
}
.box_02 input[type="submit"]{

	margin-bottom:20px !important;
	background-color: #606c88!important;
	background-image:url(../images/arrow_left_white.png)!important;
	background-repeat: no-repeat !important;
	background-position: right !important;
	border:none !important;

}
.box_02 input[type="submit"]:hover {
	background-color: #30aadc !important;
}
.box_2 .entry{
	padding:10px;
}
.entry{
	padding:20px;
}
/*-------- titles ----------*/
.entry h1 , .entry h2 , .entry h3 {
	font-family: 'Droid Arabic Kufi', arial;
	font-weight:bold;
	color:#000;
	margin-top:30px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	float:right;
	width:100%;
}
.entry h1{
	display:block;
	font-size:20px;
	text-align:center;
	border-bottom:3px solid #68a5b4;
	color:#000;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPGRlZnM+CgkJPHBhdHRlcm4gcGF0dGVyblVuaXRzPSd1c2VyU3BhY2VPblVzZScgaWQ9J2MnIHdpZHRoPScxMCcgaGVpZ2h0PScyMCcgeD0nMCcgeT0nMCcgdmlld0JveD0nMCAwIDUgMTAnPgoJCQk8bGluZSB4MT0nLTInIHkxPScxJyB4Mj0nNycgeTI9JzEwJyBzdHJva2U9JyNmMGYwZjAnIHN0cm9rZS13aWR0aD0nLjUnLz4KCQkJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZjBmMGYwJyBzdHJva2Utd2lkdGg9Jy41Jy8+CgkJCTxsaW5lIHgxPSctMicgeTE9Jy00JyB4Mj0nNycgeTI9JzUnIHN0cm9rZT0nI2YwZjBmMCcgc3Ryb2tlLXdpZHRoPScuNScvPgoJCTwvcGF0dGVybj4KCQk8cmFkaWFsR3JhZGllbnQgaWQ9J2cnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyBjeD0nNTAlJyBjeT0nNTAlJyByPSc3NSUnIGZ4PSc0NiUnIGZ5PScyMiUnPgoJCQk8c3RvcCBvZmZzZXQ9JzAlJyBzdG9wLW9wYWNpdHk9Jy4yJyBzdG9wLWNvbG9yPScjZmZmZmZmJyAvPgoJCQk8c3RvcCBvZmZzZXQ9JzEwMCUnIHN0b3AtY29sb3I9JyM2OGE1YjQnIC8+CgkJPC9yYWRpYWxHcmFkaWVudD4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYyknLz4KCTxyZWN0IHdpZHRoPScxMjAlJyB4PSctMTAlJyB5PSctMTAlJyBoZWlnaHQ9JzEyMCUnIGZpbGw9J3VybCgjZyknLz4KPC9zdmc+');
}
.entry h2{
	font-size:18px;
	padding-right:10px;
	margin-bottom:10px;

	clear:both;
	border: 1px solid #dfdfdf;
	border-right:10px solid #68a5b4;
	color:#00549b;
	background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDUgMTAnPgoJPHJlY3Qgd2lkdGg9JzExMCUnIHg9Jy01JScgeT0nLTUlJyBoZWlnaHQ9JzExMCUnIGZpbGw9JyNmZmZmZmYnLz4KCTxsaW5lIHgxPSctMicgeTE9JzEnIHgyPSc3JyB5Mj0nMTAnIHN0cm9rZT0nI2YwZjBmMCcgc3Ryb2tlLXdpZHRoPScuNScvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nNicgeDI9JzcnIHkyPScxNScgc3Ryb2tlPScjZjBmMGYwJyBzdHJva2Utd2lkdGg9Jy41Jy8+Cgk8bGluZSB4MT0nLTInIHkxPSctNCcgeDI9JzcnIHkyPSc1JyBzdHJva2U9JyNmMGYwZjAnIHN0cm9rZS13aWR0aD0nLjUnLz4KPC9zdmc+');
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
}
.entry h3{
	font-size:18px;
	padding-right:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #dfdfdf;
	color:#00549b;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
}
.entry > ul{
	margin-top:20px;
	margin-right:25px;
	clear:both;
}
.entry ul > li{
	position:relative;
	display:block;
	padding-right:40px;
	
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #dbdbdb;
}
.entry ul > li:before {
	content: "";
	position:absolute;
	width:19px;
	height:19px;
	top:50%;
	right:0px;
	margin-top:-10px;
	border:1px solid #05abe0;
	border-radius:20px;
	
	background: rgb(135,224,253); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.entry > ol{
	margin-top:20px;
	margin-right:25px;
	counter-reset:li;
	clear:both;
}
.entry ol > li{
	position:relative;
	display:block;
	padding-right:40px;
	
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #dbdbdb;
}
.entry ol > li:before {
	position:absolute;
	width:25px;
	height:25px;
	top:50%;
	right:0px;
	margin-top:-13px;
	border:1px solid #05abe0;
	text-align:center;
	line-height:27px;
	font-family: 'Metrophobic', sans-serif , tahoam;
	color:#000;
	border-radius:5px;
    content:counter(li);
    counter-increment:li;
	font-size:20px;

	background: rgb(252,255,244); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.entry p{
	margin-top:15px;
}
.row_1 , .row_2 , .row_3 , .row_4{

	display:block;
	width:100%;
	float:right;
	background:white;
	margin-top:5px;
	margin-bottom:5px;
	border-right:1px solid #68a5b4;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.row_1 .col{
	width:100%;
	float:right;
	padding:10px;
}
.row_1 .col_25{
	width:25%;
	padding:10px;
}
.row_1 .col_50{
	width:50%;
	padding:10px;
}
.row_1 .left{
	float:left;
}
.row_1 .center{
	margin:0 auto;
}
.row_2 .col{
	width:50%;
	float:right;
	padding:10px;
}
.row_3 .col{
	width:33.33333333333333%;
	float:right;
	padding:10px;
}
.row_4 .col{
	width:25%;
	float:right;
	padding:10px;
}
.jobs{
	float:right;
	padding:10px;
	margin:5px;
	position:relative;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	
	font-family: 'Droid Arabic Kufi';
	font-weight:normal;
	color:white;	
	
}
.jobs:after{
	content: "";
	width:0px;
	height:0px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-7.5px;
	border-top: 10px solid white;
	border-bottom:0px solid transparent;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
}
.jobs.s1{background:#9ed6e5;}
.jobs.s2{background:#d0e570;}
.jobs.s3{background:#cecece;}
.jobs.s4{background:#f2d179;}
.jobs.s5{background:#d1c0d3;}