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

@font-face {
    font-family: 'GESSLIGHT'; /*a name to be used later*/
    src: url('font/GESSTwoLight.otf'); /*URL to font*/
}

@font-face {
    font-family: 'GESSMEDIUM'; /*a name to be used later*/
    src: url('font/GESSTwoMedium.otf'); /*URL to font*/
}

@font-face {
    font-family: 'GESSBOLD'; /*a name to be used later*/
    src: url('font/GESSTwoBold.otf'); /*URL to font*/
}


.dropbtn {
    background-color: rgba(0,128,102,1.00);
    color: white;
    font-size: 12px;
    border: none;
    cursor: pointer;
	font-family: 'GESSLIGHT';
	
}

.dropbtnen {
    background-color: rgba(0,128,102,1.00);
    color: white;
    font-size: 12px;
    border: none;
    cursor: pointer;
	font-family: 'Arial';
}

.dropdown {
    float:right;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(148,194,47,1.00);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	

}

.dropdown-content a {
    color: #FFF;
    padding: 7px 7px;
    text-decoration: none;
    display: block;
	font-size:12px;
	text-align:right;
}

.dropdown-content a:hover {background-color: #f1f1f1; color: black;}

.dropdown:hover .dropdown-content {
    display: block;
}




body { 
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  color:#666;
  background-image:url(imgs/bgpattern32.png);

}

a:link {
	color:rgba(0,128,102,1.00);
}
a:visited {
	/*color:rgba(140,199, 71,1.00);*/
    color:rgba(0,128,102,1.00);
    text-decoration: none;
}

.lighttext {
	font-family: 'GESSLIGHT';
	}
	
.mediumtext {
	font-family: 'GESSMEDIUM';
	}
	
.boldtext {
	font-family: 'GESSBOLD';
	}
	
.redirect {
	padding:20px;
	width:500px;
	height:300px;
	background-color:rgba(255,255,255,0.70);
	margin-top:100px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	}
	
.loginhead1 {
	width:100%;
	height:50px;
	background-color:rgba(0,128,102,1.00);
	}
	
.loginhead2 {
	width:100%;
	height:5px;
	background-color:rgba(140,199,71,1.00);
	}
	
	
.signupb {
	padding:10px;
	width:80%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#FFF;
	background-color:rgba(140,199,71,1.00);

}



.beginb {
	padding:10px;
	width:80%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#FFF;
	background-color:rgba(247,180,36,1.00);
	text-decoration:none;

}


.nextb {
	padding:10px;
	width:30;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#FFF;
	background-color:rgba(247,180,36,1.00);
	float:left;
	text-decoration:none;
	margin-left:80px;
	font-family: 'GESSMEDIUM';


}

.formsavebuttonedit {
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	background-color:rgba(140,199, 71,1.00);
	float:left;
	text-decoration:none;
	margin-left:80px;
	font-family: 'GESSMEDIUM';

}

.logininputmain {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'GESSLIGHT';
color:rgba(141,144,144,1.00);
margin-left:10px;
width:30%;
margin-top:5px;
text-align:right;

	
	
}



.logininput {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'GESSLIGHT';
color:rgba(141,144,144,1.00);
padding:5px;
width:80%;
margin-top:10px;
text-align:center;
border:#CCC 2px solid;	
	
	
}

.loginbutton {
color:rgba(255,255,255,1.00);
padding:10px;
margin-top:10px;
border:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
font-size:14px;
	
	
}


.loginbuttonmain {
color:rgba(255,255,255,1.00);
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
margin-top:5px;
border:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
font-size:10px;
background-color:rgba(140,199, 71,1.00);
font-family: 'GESSLIGHT';	
	
}
.registerbuttonmain {
color:rgba(255,255,255,1.00);
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
margin-top:5px;
border:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
font-size:10px;
background-color:#F90;
font-family: 'GESSLIGHT';	
	
}

.filter {
	font-family: 'GESSMEDIUM';	
	font-size:15;
	
	}



.loginbox {
	padding:20px;
	width:80%;
	height:auto;
	background-color:rgba(255,255,255,0.70);
	margin-top:50px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:#CCC 3px solid;
	
}


.formsection {
	width:85%;
	text-align:right;
	float:left;
	font-family: 'GESSLIGHT';
	margin-bottom:5px;
	}
	
.textformsection {
	float:right;
	width:30%;
	margin-top:5px;
	}
	
.fieldformsection {
	float:left;
	width:70%
	}
	
.mandatoryforsection {
	color:#F00;
	float:right;
	width:1%;
	margin-right:10px;
	}

.inputfield {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'GESSLIGHT';
	color:rgba(141,144,144,1.00);
	width:80%;
	text-align:right;
	border:#CCC 2px none;
	float:right;	
	}
	
.selectfield {
	width:80%;
	/*height:20px;*/
	padding:5px;
	background-color:rgba(224,224,224,0.70); 
	border:none;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	font-family:GESSLIGHT;
	float:right;	
	}
	
.textfield {
	width:80%;
	height:100px;
	background-color:rgba(236,236,236,0.70);
	border:1px #CCC none;
	font-family:GESSLIGHT;
	}
	
.profilesection {
	
	width:100%;
	text-align:right;
	float:left;
	font-family: 'GESSLIGHT';
	margin-bottom:5px;
	}
	
	
.textaccountsection {
	float:right;
	width:100%;
	margin-top:5px;
	font-family: 'GESSLIGHT';
	text-align:right;
	direction:rtl;
	}
	
.textaccountsectiontitle {
	float:right;
	width:100%;
	margin-top:5px;
	font-family: 'GESSMEDIUM';
	text-align:right;
	}
	
.browsecontrolssection {
	float:left;
	width:30%;
	margin-top:5px;
	font-family: 'GESSLIGHT';
	text-align:left;
	color:#999;
	font-size:10px;
	}
	
	
	
.searchfield {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'GESSLIGHT';
	color:rgba(141,144,144,1.00);
	width:80%;
	text-align:right;
	border:#CCC 2px none;
	float:right;	
	}
	
	
.searchbutton {
	padding:10px;
	background-color:rgba(140,199, 71,1.00);
	font-size:10px;
	font-family: 'GESSLIGHT';
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right:10px;
	color:#FFF;
	}
	
	
.joblisttitle {
	text-align:right;
	float:right;
	font-family: 'GESSMEDIUM';
	margin-bottom:5px;
	background-color:rgba(0,128,102,1.00);
	padding:10px;
	color:##FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:30px;
	margin-bottom:30px;
	}
	
.jobdesciption {
	clear:both;
	float:right;
	font-family: 'GESSLIGHT';

	}
	
	
.jobdexperience {
	clear:both;
	float:right;
	font-family: 'GESSLIGHT';
	margin-bottom:10px;
	}
	
.jobapplybtn {
	clear:both;
	text-align:right;
	float:right;
	font-family: 'GESSMEDIUM';
	margin-bottom:5px;
	background-color:#F90;
	padding:10px;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right:20px;
	margin-top:5px;
	}
	
.facebooksharebtn {
	
	text-align:right;
	float:right;
	font-family: 'GESSMEDIUM';
	margin-bottom:5px;
	background-color:rgba(96,129,196,1.00);
	padding:10px;
	color:#FFF !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right:20px;
	margin-top:5px;
	}
	
	.facebooksharebtnnew {
	
	text-align:right;
	float:right;
	font-family: 'GESSMEDIUM';
	margin-bottom:5px;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right:20px;
	margin-top:5px;
	}
	
	
	
	
	
	.selectfieldmain {
	width:80%;
	height:20px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:rgba(224,224,224,0.70); 
	border:none;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	font-family:GESSLIGHT;
	text-align:right;	
	}
	
	
.searchbuttonmain {
	padding:10px;
	background-color:rgba(140,199, 71,1.00);
	font-size:10px;
	font-family: 'GESSLIGHT';
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	}