/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio, canvas, img, video {
	vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
body * {
	box-sizing: border-box;
}
.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
input[type=text], input[type=password], textarea {
	-webkit-transition: all 0.60s ease-in-out;
	-moz-transition: all 0.60s ease-in-out;
	-ms-transition: all 0.60s ease-in-out;
	-o-transition: all 0.60s ease-in-out;
	outline: none;
	border: 1px solid #A9CBE9;
	font-family: 'Lato', sans-serif;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	box-shadow: 0 0 5px #92c8ff;
	border: 1px solid #92c8ff;
	background: #fff !important;
}
ul, ol, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (min-width: 959px) {
body {
	font-weight:300;
	color:#002a3e;
	font-family: 'Lato', sans-serif;
	font-size:13px;
}
.mainContainer {
	width: 100%;
	float: left;
}
.mainContainer2 {
	width: 100%;
	float: left;
	min-height:120px;
}

.container {
	width: 990px;
	/*position: relative;*/
	margin: 0 auto;
}

.topBg {
	background: url(../img/topNavBg.jpg) left top repeat-x;
}

.mainBg{
	background:#eff0f2 url(../img/mainBg.png) left top repeat-x;
}
.jobDescriptionBg {
	background:#fff url(../img/jobDescriptionBg.png) left top repeat-x;
}

.footerBg {
	background: url(../img/topNavBg.jpg) left top repeat-x;
}
.noDisplay {
	display: none;
}
header {
	width: 100%;
	float:left;
	 
	position:relative;
}
header .logo{
	width:50%;
	float:left;
	}	
 
.findJobSection{
	width:98%;
	float:left;
	background:#fff;
	padding:20px 1%;
	box-sizing:content-box;
	margin-top:25px;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	}


.findJobSection2{
	width:75%;
	float:left;
	background:#fff;
	padding:20px 1%;
	box-sizing:content-box;
	margin-top:25px;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	}

.searchSection2{
	width:95%;
	float:left;
	margin:10px 0 12px 5%;
	}

.searchSection2 input{
	width:38%;
	padding:15px 10px;
	margin-right:15px;
	font-size:16px;
	color:#c9c1b8;
	border:1px solid #c9c9c9;
	font-family: 'Lato', sans-serif;
	}
.searchSection2 span{
	font-size:12px;
	color:#006699;
	font-weight:400;
	top:0px;
	position:relative;
	display:inline-block;
	}
.searchSection2 a.searhBtn{
	font-size:18px;
	display:block;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	padding:13px 27px;
	background:#006699;
	}			
.searchSection2 span.ads{
	display:block;
	top:0;
	text-align:right;
	}



.searchSection{
	width:95%;
	float:left;
	margin:10px 0 12px 5%;
	}

.searchSection input{
	width:38%;
	padding:15px 10px;
	margin-right:15px;
	font-size:16px;
	color:#c9c1b8;
	border:1px solid #c9c9c9;
	font-family: 'Lato', sans-serif;
	}
.searchSection span{
	font-size:12px;
	color:#006699;
	font-weight:400;
	top:0px;
	position:relative;
	display:inline-block;
	}
.searchSection a.searhBtn{
	font-size:18px;
	display:block;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	padding:13px 27px;
	background:#006699;
	}			
.searchSection span.ads{
	display:block;
	top:0;
	text-align:right;
	}






.jobDescriptionSection2{
	width:75%;
	float:left;
	margin:20px 0;
min-height:300px;
	}	
.jobDescriptionSection{
	width:100%;
	float:left;
	margin:45px 0 0 0;
	}
.jobDescriptionSection .boxes{
	width:31.2%;
	float:left;
	border:1px solid #d4d0d0;
	margin-right:3%;
	border-radius:3px;
	}			
.jobDescriptionSection .boxes h2{
	font-size:16px;
	font-weight:600;
	color:#523010;
	height:32px;
	box-sizing:content-box;
	padding:8px 15px 0;
	position:relative;
	border-radius:0 0 3px 3px;
	border-bottom:1px solid #d4d0d0;
	background:url(../img/jobHeadingBg.png) left top repeat-x;
	}
.jobDescriptionSection .boxes span{
	position:absolute;
	top:6px;
	right:15px;
	}
.latestJob{
	width:90%;
	float:left;
	height:400px;
	margin:20px 3% 10px 5%;
	padding-right:2%;
	box-sizing:content-box;
	}		
.latestJob ul li{
	list-style:none;
	width:93%;
	float:left;
	font-size:13px;
	color:#a4aaaa;
	font-family:Verdana, Geneva, sans-serif;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #a4aaaa;
	}		
.latestJob ul li p{
	margin-bottom:10px;
	}	
.latestJob ul li p strong{
	color:#006699;
	}
.jobCategory{
   width:90%;
	float:left;
	height:400px;
	margin:20px 3% 10px 5%;
	padding-right:2%;
	box-sizing:content-box;
	}
		
.jobCategory ul li{
	list-style:none;
	width:93%;
	font-weight:bold;
	float:left;
	margin-bottom:5px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	}
.jobCategory ul li a{
	text-decoration:none;
	color:#006699;
	}			
.jobCategory ul li a:hover{
	text-decoration:underline;
	color:#523010;
	}
	
.featureEmploye{
   width:90%;
	float:left;
	height:400px;
	margin:20px 3% 10px 5%;
	padding-right:2%;
	box-sizing:content-box;
	}
		
.featureEmploye ul li{
	list-style:none;
	width:42%;
	margin:5px 1%;
	padding:10px 2%;
	box-sizing:content-box;
	font-weight:bold;
	float:left;
	text-align:center;
	font-size:13px;
	border:1px solid #e6e4e4;
	}	
.featureEmploye ul li img{
	width:100%;
	}
.brandSection{
	width:96%;
	float:left;
	padding:10px 0 25px 4%;
	}	
.brandSection ul li{
	list-style:none;
	width:24%;
	display:inline-block;
	text-align:center;
	}	
.noMarginRight{
	margin-right:0 !important;
	}		
footer {
	width: 100%;
	float: left;
	padding: 20px 0 0;
	background: #333333;

}
footer .footerLink{
	width:100%;
	float:left;

	}
footer a {
	text-decoration: none;
	color: #999988;
	-webkit-transition: all 0.60s ease-in-out;
	-moz-transition: all 0.60s ease-in-out;
	-ms-transition: all 0.60s ease-in-out;
	-o-transition: all 0.60s ease-in-out;

}

footer a:hover {
	color: #b93b26;

}
footer .footerLogo{
	width: 35%;

	float: left;
}
footer .footerLogo img{
	width:100%;
	}
footer .footerLinks {
	width: 47%;
	float: left;
	text-align: left;
	margin-left:3%;
}

footer .footerLinks .col{
	width:24%;
	float:left;
	margin-left:1%;
	}
footer .footerLinks .col h2{
	font-size:16px;
	font-weight:400;
	color:#e1e1e1;
	margin-bottom:10px;
	}
footer .footerLinks .col ul li {
	list-style: none;
	width: 90%;
	float: left;
	margin-bottom:10px;
	display: block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
footer .footerSocialIcons {
	width: 15%;
	float: right;
	text-align: right;
}

footer .footerSocialIcons p.socialIcons {
	margin-top: 20px;
	display: inline-block;
}
footer .footerSocialIcons p.socialIcons a {
	margin-left: 10px;
}
.copyRight {
	width: 100%;
	float: left;
	color: #fff;
	font-weight: 300;
	font-size: 12px;
	padding: 13px 0 10px;
	background: #000;
}
.copyRight  .fa-copyright{
	color:#fff;
	font-size:13px;
	}

footer .social {
	width: 100%;
	float: right;
	margin: 30px 0 0;
}
footer .social ul {
	list-style: none;
}
footer .social ul li {
	width:30px;
	height:30px;
	border: 1px solid #e8ecee;
	display: inline-block;
	padding: 3px 3px;
	margin-right: 5px;
	text-align: center;
	cursor: pointer;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	transition: all 300ms ease 0s;
}
footer .social ul li a{
	color:#fff;
	}
footer .social ul li:hover {
	border: 1px solid transparent;
}
footer .social ul li.fb:hover {
	background: #3b5998;
	border-radius: 0;
}
footer .social ul li.tw:hover {
	background: #00aced;
	border-radius: 0;
}
footer .social ul li.gp:hover {
	background: #f63e28;
	border-radius: 0;
}
footer .social ul li.yt:hover {
	background: #ff3132;
	border-radius: 0;
}
}
					
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
	content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}

.jobdetailHeading{
width:25%; float:left; color:#000; 
}

.jobdetailcoln{width:10%; float:left;}

.jobdetailtext{width:50%; float:left;}
.clearjobdiv{clear:both}


.latestJobNew{
	width:80%;
	float:left;
	margin:20px 3% 10px 5%;
	padding:2%;
	box-sizing:content-box;
	border:4px solid #006699;
}


.latestJobNewdetail{
	width:90%;
	float:left;
	margin:20px 3% 10px 0%;
	padding:2%;
	box-sizing:content-box;
	
}

.latestJobNewDeasc
{
	width:80%;
	float:left;
	margin:20px 3% 10px 5%;
	padding:2%;
	box-sizing:content-box;
	border:1px solid #006699;
}

.sr-result {
  width: 100%;
  position: relative;
  border-top: 1px solid #ccc;
}

.joblostingFirst{border:1px solid  grey; min-height:120px; padding:2%;}
.joblostingSec{float:left; width:50%;}
.joblostingSecspan{color:#0400FD; font-weight:bold;}
.joblostingSecspan2{color:#F32701; }
.joblostingSecspan3{color:#0400FD; }
.joblostingSecspan4{float:right }
.joblostingSecspan5{color:#ff0000;}

.clear{clear:both; height:8px;}

.pagingClass{color:White;background-color:#0400FD; ;font-weight:bold; width:80% clear:both; text-align:center;}

.errorMSG{color:#ff0000; font-size:16px;}



.register-seeker{ width:100%; float:left; height:20%;  margin:0px 0px 0px 0px;}

.registrtation-seeker{ width:50%; float:left; ; border:2px solid #0400FD; margin:0px 0px 0px 0px;}
.register-job{ font-family:verdana; font-size:18px; text-align:justify; text-align:center; color:#F32701;  border-bottom:2px solid #e4e4e4; width:100%; float:left; font-weight:bold;}

.errorMSGN{color:#ff0000; text-align:center;  font-size:14px; font-weight:normal;}

.loginclass1{width:90%; float:left;}

.loginclass2{width:5%; float:left; text-align:right;}

.loginclass3{width:20%; float:left; font-family:verdana; font-size:12px; font-weight:bold;}

.loginclass4{width:60%; float:left;}

.inputbox{width:100%; height:35px; border-radius:4px; margin-bottom:5px;}
.inputbox2{width:60%;  height:35px; border-radius:4px;  margin-bottom:5px;}
.inputbox3{width:42%;  height:35px; border-radius:4px;  margin-bottom:5px;}
.inputboxExt{width:24%;  height:35px; border-radius:4px;  margin-bottom:5px;}

.inputboxEmp{width:97%; height:35px; border-radius:4px; margin-bottom:5px;}
.forgot{color:#ff0000; text-decoration:none;}

.registerClass{width:30%; float:left; font-family:verdana; font-size:12px; font-weight:bold;}

.registerClass2{width:35%; float:left; font-family:verdana; font-size:12px; font-weight:bold;}

.registerclass3{width:27.5%; float:left;}

.registerClassHeight{height:1px; background-color:#006699; width:100%;}

.registerclass6{width:80%; float:left; font-family:verdana; font-size:11px;}
.registerclass7{width:80%; float:left; font-family:verdana; font-size:12px; font-weight:bold;}
.registerh2{color:#006699; padding-bottom:3px;}

.Logout {

  float: right;
  color: #006699;
  font-weight: bold;
}
.registertext{font-family:verdana; font-size:14px;   text-align: right;
  clear: both;
  color: #0400FD;}

  .btn{
        font-size: 18px;
        font-weight:bold;
        color:#fff;
        background-color:#006699;
        width:199px; 
        height: 45px;
        border: 0px;
    }
    .btn:hover{
        font-size: 18px;
        font-weight:bold;
        color:#fff;
        background-color:#009CE8; 
        width:199px; 
        height: 45px;
        border: 0px;
    }
    .btninactive{
        font-size: 18px;
        font-weight:bold;
        color:#fff;
        background-color:#A2ABC0; 
        width:199px; 
        height: 45px;
        border: 0px;
    }
	.widthclass{width:100%;}

  .btnupdate{
        font-size: 18px;
        font-weight:bold;
        color:#fff;
        background-color:#006699;
        width:199px; 
        height: 45px;
        border: 0px;
    }
    .btnupdate:hover{
        font-size: 18px;
        font-weight:bold;
        color:#fff;
        background-color:#009CE8; 
        width:199px; 
        height: 45px;
        border: 0px;
    }

.seeker_envnt2{width:100%; max-width:1016px; float:left; padding:0px 0px 30px 0px; margin:0px 0px 0px 0px; }


.employer-site-frame{ width:500px; float:left; margin:34px 12px 0px 0px;}
.employer-site {
color:#FE5F43; display: inline; float: left;
font-size:22px;font-weight: normal;font-family: Verdana, Geneva, sans-serif;padding: 5px 0 6px 10px;width:490px;margin:0px; border-bottom:2px solid #34996a;}
.posting-option{color:#000; width:490px; float: left; font-size:18px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; padding:10px 0px 0px 10px;}
.option1{ width:900px; float:left;   margin:0px 0px 0px 30px;}


.option2{ width:900px; float:left;   margin: 15px 0px 0px 30px;}

.option_premium-posting{ width:880px; float:left;   color:#066A9B; height:40px; padding:0px 0px 0px 0px; font-size:24px;font-weight: bold;font-family: Verdana, Geneva, sans-serif;  }



.option_premium-posting2{ width:880px; float:left;   color:#066A9B; height:40px; padding:0px 0px 0px 30px; font-size:22px; font-family: Verdana, Geneva, sans-serif;  }


.features{color:#000000; font-size:17px; text-decoration:underline; font-weight:bold;}
.days{color:#000000; font-size:14px; text-decoration: none; font-weight:bold;}
.name{color:#000000; font-size:12px; text-decoration: none; font-weight:bold;}

.premium-posting-frame{ width:480px;  float:right;}
.premium-posting{ width:490px; float: left; font-size:24px;font-weight: bold;font-family: Verdana, Geneva, sans-serif;
padding:5px 0px 5px 10px; background:#FE5F43; color:#ffffff; text-align:center; height:61px;}

.plan-header{height:35px;padding:0px; font-family:verdana; color:#fff; font-weight:bold;
font-size:24px;text-shadow: 0.1em 0.1em #333; text-align:center;}

.modalbg {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:#FFFFFF
  z-index: 99999;
  -moz-transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -transition-delay: 0.2s;
  display: block;
  pointer-events: none;
}
.modalbg .dialog {
  width:600px;
  position: relative;
  top: -1000px;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
}
.modalbg .dialog .ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}
.modalbg:target {
  display: block;
  pointer-events: auto;
  background: rgba(4, 10, 30, 0.8);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.modalbg:target .dialog {
  top: -90px;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -transition-delay: 0.4s;
}
.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  box-shadow: 0 0 10px #000000;
  -moz-box-shadow: 0 0 10px #000000;
  -webkit-box-shadow: 0 0 10px #000000;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -transition-delay: 0.2s;
}
.close .ie7 {
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
}
.close:hover {
  background: #00d9ff;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.click {
background: #066A9B;
    color: #fff;
    font-family: Sans-serif;
    font-size:14px;
    height: 60px;
    width: 150px;
    line-height: 60px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
	padding:10px;
	font-weight:bold;
}
.head
{
	font-size:24px !important;
	font-weight:bold !important;
	color:#066A9B !important;
}

ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

h4 {
  display: block;
  -webkit-margin-before: 1.33em;
  -webkit-margin-after: 1.33em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  font-weight: bold;
}

#el08 {
  width: 4em;
  height: 4em;
}
/*ashique desktop*/
.job_posting_right_panel{
	float:left; 
	width:20%; 
	margin-top:120px; 
	margin-left:20px;
}
.option1 input[type="radio"]{
	float: left;
}
.option2 input[type="radio"]{
	float: left;
}
.option1 .option_premium-posting{
	padding-left: 30px;
}
.option2 .option_premium-posting{
	padding-left: 30px;
}
/*up_emp*/
#all_input_container{
	float: left;
	width: 100%;
}
.input_block{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.label_and_input_3070{
	float: left;
	width: 34%;
}
.label_and_input_303030{
	float: left;
	width: 33%;
}
.up_emp_registerh2{
	border-bottom: 1px solid;
	padding-bottom: 5px;
}
/**/
/*ashique_menu*/
.drop_menu {
	background:#006699;
	padding:0;
	margin:0;
	list-style-type:none;
	height:auto;
	float: left;
	width: 100%;
}
.drop_menu li { float:left; }
.drop_menu li a {
	padding:9px 20px;
	display:block;
	color:#fff;
	text-decoration:none;
	font:14px arial, verdana, sans-serif;
}

/* Submenu */
.drop_menu ul.drop_menu_level_1 {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	z-index: 1;
}
.drop_menu li:hover { position:relative; background:#4284f4; }
.drop_menu li:hover ul.drop_menu_level_1 {
	left:0px;
	top:30px;
	background:#4284f4;
	padding:0px;
}

.drop_menu li:hover ul.drop_menu_level_1 li a {
	padding:5px;
	display:block;
	width:168px;
	text-indent:15px;
	background-color:#4284f4;
}
.drop_menu li:hover ul.drop_menu_level_1 li a:hover { background:#006699; }
/*sub sub menu*/
.drop_menu li ul.drop_menu_level_1 li ul.subsubmenu {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
	display: none;
}
.drop_menu li ul.drop_menu_level_1 li:hover { position:relative; background:#4284f4; }
.drop_menu li ul.drop_menu_level_1 li:hover ul.subsubmenu {
	left: 168px;
	top:0px;
	background:#4284f4;
	padding:0px;
	display:block;
}
/*custom css ASHIQUE*/
/************************/
/* Responsive Style */
/* Responsive Style */
/*ashique*/
/* =Responsive Structure
----------------------------------------------- */
/*custom css ASHIQUE*/
@media screen and (min-width: 240px) and (max-width: 320px) {
	.brandSection ul li{
		width: 100% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: none;
    }
    .register-seeker .loginclass3{
    	width: 100%;
    }
    .register-seeker .loginclass4{
    	width: 100%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 76%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 76%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
    /*up job page*/
    #up_job_input_table,
    #up_job_input_table tbody,
    #up_job_input_table tr{
    	display: block;
    }
    #up_job_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_job_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_job_input_table select{
    	width: 90% !important;
    }
    #job_description_tbl{
    	float: left;
    }
    #job_description_tbl tr{
    	float: left;
    }
    #job_description_tbl tr td{
    	width: auto;
    }
    .up_job_registerh2{
    	width: 85% !important;
    }
    /*************/
    /*up emp page*/
    .label_and_input_3070{
		width: 100%;
	}
	.label_and_input_303030{
		width: 100%;
	}
    #up_emp_input_table,
    #up_emp_input_table tbody,
    #up_emp_input_table tr{
    	display: block;
    }
    #up_emp_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_emp_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_emp_input_table select{
    	width: 90% !important;
    }
    /*************/
}
@media screen and (min-width: 320px) and (max-width: 348px) {
 	.brandSection ul li{
		width: 100% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: none;
    }
    .register-seeker .loginclass3{
    	width: 100%;
    }
    .register-seeker .loginclass4{
    	width: 100%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 76%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 76%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/   
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
    /*up job page*/
    #up_job_input_table,
    #up_job_input_table tbody,
    #up_job_input_table tr{
    	display: block;
    }
    #up_job_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_job_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_job_input_table select{
    	width: 90% !important;
    }
    #job_description_tbl{
    	float: left;
    }
    #job_description_tbl tr{
    	float: left;
    }
    #job_description_tbl tr td{
    	width: auto;
    }
    .up_job_registerh2{
    	width: 85% !important;
    }
    /*************/
    /*up emp page*/
    .label_and_input_3070{
		width: 100%;
	}
	.label_and_input_303030{
		width: 100%;
	}
    #up_emp_input_table,
    #up_emp_input_table tbody,
    #up_emp_input_table tr{
    	display: block;
    }
    #up_emp_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_emp_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_emp_input_table select{
    	width: 90% !important;
    }
    /*************/
}
@media screen and (min-width: 348px) and (max-width: 375px) {
    .brandSection ul li{
		width: 100% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: none;
    }
    .register-seeker .loginclass3{
    	width: 100%;
    }
    .register-seeker .loginclass4{
    	width: 100%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 76%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 76%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
    /*up job page*/
    #up_job_input_table,
    #up_job_input_table tbody,
    #up_job_input_table tr{
    	display: block;
    }
    #up_job_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_job_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_job_input_table select{
    	width: 90% !important;
    }
    #job_description_tbl{
    	float: left;
    }
    #job_description_tbl tr{
    	float: left;
    }
    #job_description_tbl tr td{
    	width: auto;
    }
    .up_job_registerh2{
    	width: 85% !important;
    }
    /*************/
    /*up emp page*/
    .label_and_input_3070{
		width: 100%;
	}
	.label_and_input_303030{
		width: 100%;
	}
    #up_emp_input_table,
    #up_emp_input_table tbody,
    #up_emp_input_table tr{
    	display: block;
    }
    #up_emp_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_emp_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_emp_input_table select{
    	width: 90% !important;
    }
    /*************/
}
@media screen and (min-width: 375px) and (max-width: 414px) {
    .brandSection ul li{
		width: 100% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: none;
    }
    .register-seeker .loginclass3{
    	width: 100%;
    }
    .register-seeker .loginclass4{
    	width: 100%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 76%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 76%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
    /*up job page*/
    #up_job_input_table,
    #up_job_input_table tbody,
    #up_job_input_table tr{
    	display: block;
    }
    #up_job_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_job_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_job_input_table select{
    	width: 90% !important;
    }
    #job_description_tbl{
    	float: left;
    }
    #job_description_tbl tr{
    	float: left;
    }
    #job_description_tbl tr td{
    	width: auto;
    }
    .up_job_registerh2{
    	width: 85% !important;
    }
    /*************/
    /*up emp page*/
    .label_and_input_3070{
		width: 100%;
	}
	.label_and_input_303030{
		width: 100%;
	}
    #up_emp_input_table,
    #up_emp_input_table tbody,
    #up_emp_input_table tr{
    	display: block;
    }
    #up_emp_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_emp_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_emp_input_table select{
    	width: 90% !important;
    }
    /*************/
}
@media screen and (min-width: 414px) and (max-width: 568px) {
    .brandSection ul li{
		width: 100% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: none;
    }
    .register-seeker .loginclass3{
    	width: 100%;
    }
    .register-seeker .loginclass4{
    	width: 100%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 85%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0 !important;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 85%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
    /*up job page*/
    #up_job_input_table,
    #up_job_input_table tbody,
    #up_job_input_table tr{
    	display: block;
    }
    #up_job_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_job_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_job_input_table select{
    	width: 90% !important;
    }
    #job_description_tbl{
    	float: left;
    }
    #job_description_tbl tr{
    	float: left;
    }
    #job_description_tbl tr td{
    	width: auto;
    }
    .up_job_registerh2{
    	width: 85% !important;
    }
    /*************/
    /*up emp page*/
    .label_and_input_3070{
		width: 100%;
	}
	.label_and_input_303030{
		width: 100%;
	}
    #up_emp_input_table,
    #up_emp_input_table tbody,
    #up_emp_input_table tr{
    	display: block;
    }
    #up_emp_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_emp_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_emp_input_table select{
    	width: 90% !important;
    }
    /*************/
}
@media screen and (min-width: 568px) and (max-width: 600px) {
    .brandSection ul li{
		width: 100% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: none;
    }
    .register-seeker .loginclass3{
    	width: 100%;
    }
    .register-seeker .loginclass4{
    	width: 100%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 85%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0 !important;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 85%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
    /*up job page*/
    #up_job_input_table,
    #up_job_input_table tbody,
    #up_job_input_table tr{
    	display: block;
    }
    #up_job_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_job_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_job_input_table select{
    	width: 90% !important;
    }
    #job_description_tbl{
    	float: left;
    }
    #job_description_tbl tr{
    	float: left;
    }
    #job_description_tbl tr td{
    	width: auto;
    }
    .up_job_registerh2{
    	width: 85% !important;
    }
    /*************/
}
@media screen and (min-width: 600px) and (max-width: 667px) {
    .brandSection ul li{
		width: 100% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: block;
    }
    .register-seeker .loginclass3{
    	width: 20%;
    }
    .register-seeker .loginclass4{
    	width: 60%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 85%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0 !important;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 85%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
    /*up job page*/
    #up_job_input_table,
    #up_job_input_table tbody,
    #up_job_input_table tr{
    	display: block;
    }
    #up_job_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_job_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_job_input_table select{
    	width: 90% !important;
    }
    #job_description_tbl{
    	float: left;
    }
    #job_description_tbl tr{
    	float: left;
    }
    #job_description_tbl tr td{
    	width: auto;
    }
    .up_job_registerh2{
    	width: 85% !important;
    }
    /*************/
}
@media screen and (min-width: 667px) and (max-width: 736px) {
    .brandSection ul li{
		width: 100% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: block;
    }
    .register-seeker .loginclass3{
    	width: 20%;
    }
    .register-seeker .loginclass4{
    	width: 60%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 85%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0 !important;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 85%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
    /*up job page*/
    #up_job_input_table,
    #up_job_input_table tbody,
    #up_job_input_table tr{
    	display: block;
    }
    #up_job_input_table tr td{
    	float: left;
    	width: 90%;
    }
    #up_job_input_table input[type="text"]{
    	width: 90% !important;
    }
    #up_job_input_table select{
    	width: 90% !important;
    }
    #job_description_tbl{
    	float: left;
    }
    #job_description_tbl tr{
    	float: left;
    }
    #job_description_tbl tr td{
    	width: auto;
    }
    .up_job_registerh2{
    	width: 85% !important;
    }
    /*************/
}
@media screen and (min-width: 736px) and (max-width: 768px) { 
    .brandSection ul li{
		width: 48% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: none;
    }
    .register-seeker .loginclass3{
    	width: 100%;
    }
    .register-seeker .loginclass4{
    	width: 100%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 85%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0 !important;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 85%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    .job_posting_right_panel{
    	width: 80%;
    }
    /******************/
    /**********   JOB EXTENSION PAGE 320 ***********/
    #job_extension_table,
    #job_extension_table tbody,
    #job_extension_table tr,
    #job_extension_table td{
        display: block;
    }
    #job_extension_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #job_extension_table td{
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
    }
    #job_extension_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    /************************************************/
    /**********  MANAGE JOB PAGE 320 ***********/
    .manage_job_text11News{
    	height: auto !important;
    }
    #manage_job_table,
    #manage_job_table tbody,
    #manage_job_table tr,
    #manage_job_table td{
        display: block;
    }
    #manage_job_table_header{
        position: absolute;
        left:-9999px;
        top:-9999px;
    }
    #manage_job_table td{	
        border:none;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left;
        width: 22%;
        background: none !important;
        color: black !important; 
    }
    #manage_job_table td:before{
        position: absolute;
        top:5px;
        left:5px;
        width: 40%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        content:attr(tableHeadData);
    }
    #manage_job_table td a{
    	color: black !important;
    }
    /************************************************/
}
@media screen and (min-width: 770px) and (max-width: 1024px) {
    .brandSection ul li{
		width: 33% !important;
	}
    /*employer login*/
    .register-seeker .loginclass2{
    	display: none;
    }
    .register-seeker .loginclass3{
    	width: 16%;
    }
    .register-seeker .loginclass4{
    	width: 70%;
    }
    /****************/
    /*job_posting_type*/
    .option1{
    	width: 85%;
    }
    .option_premium-posting{
    	width: 85%;
    	height: auto;
    	margin-left: 15px;
    	margin-bottom: 12px;
    	padding-left: 0 !important;
    }
    .option1 input[type="radio"]{
    	float: left;
    }
    .option_premium-posting2{
    	width: 85%;
    	height: auto;
    	padding-left: 0;
    	margin-left: 27px;
    }
    .option2{
    	width: 85%;
    }
    .option2 input[type="radio"]{
    	float: left;
    }
    /******************/
	.listingWdt{float:left; width:800px; clear:both;}

}
@media only screen and (min-width : 1200px) {

.font_50blue{font-size:50px; color:#0957a7; font-family:arial; font-weight:bold;}
.font_50red{font-size:50px; color:#9e3742; font-family:arial;  font-weight:bold;}

.listingWdt{float:left; width:800px;}
.bannerLST{float:left;   padding-left:20px;}

/* Add a black background color to the top navigation */
.topnav {
   
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #a92719;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #006699;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}


/*********************************************
		 Pagination css
**********************************************/
 div.pagination {
		padding: 5px;
		margin: 18px 0px 5px 180px;
		
		font-size:16px;
	}

	div.pagination a {
		padding: 15px;
		margin: 5px;
		border: 1px solid #1259A7;
		text-decoration: none; /* no underline */
		color: #FFFFC0;
		background-color:#1259A7;
		font-size:16px;
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #FFFFC0;
		color: #000;
		background-color:#F12702;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #FFFFC0;
		font-weight: bold;
		color: #1259A7;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #ccd1b8;
		color: #ccd1b8;
		background-color:#F12702;

	}
	.list-text{
		padding: 15px;
		margin: 5px;
		border: 1px solid #1259A7;
		text-decoration: none; /* no underline */
		color: #FFFFC0;
		background-color:#F12702;
	}	
	
	.totvac{width:950px;}
}	   
	   
	   /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.font_50blue{font-size:30px; color:#0957a7; font-family:arial; font-weight:bold;}
.font_50red{font-size:30px; color:#9e3742; font-family:arial;  font-weight:bold;}
.listingWdt{float:left; width:300px;}
.totvac{width:300px;}
.bannerLST{display:none;}

.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav .icon {
  display: block;
}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 480px) {
.font_50blue{font-size:30px; color:#0957a7; font-family:arial; font-weight:bold;}
.font_50red{font-size:30px; color:#9e3742; font-family:arial;  font-weight:bold;}
.listingWdt{float:left; width:300px;}
.totvac{width:300px;}
.bannerLST{display:none;}

.topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav .icon {
  display: block;
}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.listingWdt{float:left; width:300px;}
.totvac{width:300px;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

listingWdt{float:left; width:300px;}
.totvac{width:300px;}
}





/* ==========================================================
   JOBPOSTING247 — MODERN 2026 THEME
   Front-end layer only. PHP/MySQL logic intentionally untouched.
   ========================================================== */
:root{
 --jp-blue:#155eef;
 --jp-blue2:#0b4bd8;
 --jp-cyan:#06b6d4;
 --jp-navy:#0b1736;
 --jp-ink:#172033;
 --jp-muted:#667085;
 --jp-bg:#f7f9fc;
 --jp-line:#e7ebf3;
 --jp-white:#fff;
 --jp-green:#079455;
 --jp-radius:18px;
 --jp-shadow:0 10px 35px rgba(16,24,40,.07);
 --jp-shadow2:0 20px 55px rgba(21,94,239,.12);
}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{
 background:var(--jp-bg)!important;
 color:var(--jp-ink)!important;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
 font-size:15px!important;
 line-height:1.65!important;
}
a{color:var(--jp-blue);transition:all .2s ease}
a:hover{color:var(--jp-blue2);text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{color:var(--jp-navy)!important;letter-spacing:-.025em;font-weight:750}
.container{width:min(1180px,calc(100% - 30px))!important}
.row{margin-left:-10px;margin-right:-10px}
[class*="col-"]{padding-left:10px;padding-right:10px}

/* ---------- HEADER ---------- */
.navbar,.navbar-default,.bootsnav,.header-area,.main-header,.menu-area{
 background:rgba(255,255,255,.97)!important;
 border:0!important;
 border-bottom:1px solid var(--jp-line)!important;
 box-shadow:0 3px 18px rgba(16,24,40,.045)!important;
}
.navbar{
 min-height:72px!important;
}
.navbar-brand,.logo,.brand{
 color:var(--jp-navy)!important;
 font-weight:850!important;
 font-size:24px!important;
 letter-spacing:-.8px;
}
.navbar-brand img,.logo img{max-height:46px!important;width:auto}
.navbar-nav>li>a,.nav-link{
 color:#344054!important;
 font-weight:650!important;
 padding:13px 14px!important;
}
.navbar-nav>li>a:hover,.nav-link:hover{
 color:var(--jp-blue)!important;
 background:transparent!important;
}
.navbar-toggle{
 border:1px solid var(--jp-line)!important;
 border-radius:10px!important;
 padding:9px!important;
}

/* ---------- HERO / SEARCH ---------- */
.banner-area,.hero-area,.hero,.home-banner,.search-banner{
 background:
  radial-gradient(circle at 82% 20%,rgba(6,182,212,.16),transparent 25%),
  radial-gradient(circle at 15% 15%,rgba(21,94,239,.18),transparent 30%),
  linear-gradient(135deg,#f7fbff,#eef4ff)!important;
 border:0!important;
}
.banner-area,.hero-area,.hero{padding:72px 0 78px!important}
.banner-area h1,.hero-area h1,.hero h1{
 font-size:clamp(34px,5vw,58px)!important;
 line-height:1.08!important;
 font-weight:850!important;
 letter-spacing:-2px;
 margin-bottom:18px!important;
}
.banner-area p,.hero-area p,.hero p{
 color:#667085!important;
 font-size:17px!important;
}
.search-box,.search-form,.job-search,.search-area form,.hero form{
 background:#fff!important;
 border:1px solid #e3e9f3!important;
 border-radius:18px!important;
 box-shadow:var(--jp-shadow2)!important;
 padding:12px!important;
}
.search-box input,.search-box select,.search-form input,.search-form select,
.job-search input,.job-search select,.hero form input,.hero form select{
 border:1px solid #e1e7f0!important;
 border-radius:11px!important;
 min-height:50px!important;
 background:#fff!important;
 box-shadow:none!important;
}
.search-box button,.search-form button,.job-search button,.hero form button{
 min-height:50px!important;
 border-radius:11px!important;
}

/* ---------- BUTTONS ---------- */
.btn,.button,button,input[type=submit],input[type=button]{
 border-radius:10px!important;
 font-weight:700!important;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.btn-primary,.btn-success,.primary-btn,.main-btn{
 background:var(--jp-blue)!important;
 border-color:var(--jp-blue)!important;
 color:#fff!important;
 box-shadow:0 7px 18px rgba(21,94,239,.18)!important;
}
.btn-primary:hover,.primary-btn:hover,.main-btn:hover{
 background:var(--jp-blue2)!important;
 border-color:var(--jp-blue2)!important;
 transform:translateY(-1px);
}
.btn-default,.btn-secondary{
 background:#fff!important;
 border:1px solid #dfe5ee!important;
 color:#344054!important;
}

/* ---------- CARDS ---------- */
.card,.panel,.well,.thumbnail,.job-card,.job-listing,.listing-box,
.single-job,.featured-job,.category-box,.dashboard-card{
 background:#fff!important;
 border:1px solid var(--jp-line)!important;
 border-radius:var(--jp-radius)!important;
 box-shadow:var(--jp-shadow)!important;
}
.card,.panel,.job-card,.job-listing,.listing-box,.single-job{overflow:hidden}
.card:hover,.job-card:hover,.job-listing:hover,.featured-job:hover{
 box-shadow:0 16px 42px rgba(16,24,40,.10)!important;
}
.card-body{padding:22px!important}
.panel-heading{
 background:#fff!important;
 border-bottom:1px solid var(--jp-line)!important;
 padding:17px 20px!important;
 font-weight:750!important;
}
.panel-body{padding:20px!important}

/* ---------- JOB LISTS ---------- */
.job-title,h2.job-title,h3.job-title{
 color:var(--jp-navy)!important;
 font-weight:760!important;
}
.job-title a{color:var(--jp-navy)!important}
.job-title a:hover{color:var(--jp-blue)!important}
.location,.job-location,.company,.posted,.job-meta,.text-muted{
 color:var(--jp-muted)!important;
}
.badge,.label{
 border-radius:999px!important;
 padding:5px 10px!important;
 font-weight:700!important;
}
.label-success,.badge-success{background:#ecfdf3!important;color:var(--jp-green)!important}
.label-primary,.badge-primary{background:#eff4ff!important;color:var(--jp-blue)!important}
.label-info,.badge-info{background:#ecfeff!important;color:#087c8c!important}

/* ---------- FORMS ---------- */
.form-control,select,textarea,
input[type=text],input[type=email],input[type=password],input[type=tel],
input[type=number],input[type=date],input[type=url]{
 min-height:46px!important;
 border:1px solid #dce3ee!important;
 border-radius:10px!important;
 background:#fff!important;
 color:var(--jp-ink)!important;
 box-shadow:none!important;
}
textarea{min-height:120px!important}
.form-control:focus,select:focus,textarea:focus,input:focus{
 border-color:#8bb0ff!important;
 box-shadow:0 0 0 4px rgba(21,94,239,.09)!important;
 outline:none!important;
}
label{font-weight:650!important;color:#344054!important;margin-bottom:6px}

/* ---------- TABLES ---------- */
.table,.table-responsive table,table{
 background:#fff!important;
 border-color:var(--jp-line)!important;
}
.table{border-radius:14px!important;overflow:hidden}
.table>thead>tr>th,table th{
 background:#f8fafc!important;
 color:#344054!important;
 font-weight:750!important;
 border-bottom:1px solid var(--jp-line)!important;
}
.table>tbody>tr>td,table td{border-color:#edf0f5!important}
.table>tbody>tr:hover{background:#f8fbff!important}

/* ---------- DASHBOARD ---------- */
.sidebar,.dashboard-sidebar,.left-sidebar,.account-sidebar{
 background:#fff!important;
 border:1px solid var(--jp-line)!important;
 border-radius:16px!important;
 box-shadow:var(--jp-shadow)!important;
 padding:10px!important;
}
.sidebar a,.dashboard-sidebar a,.left-sidebar a,.account-sidebar a{
 display:block;
 padding:11px 13px!important;
 border-radius:9px!important;
 color:#475467!important;
 font-weight:650!important;
}
.sidebar a:hover,.sidebar a.active,.dashboard-sidebar a:hover,.dashboard-sidebar a.active{
 background:#eff4ff!important;color:var(--jp-blue)!important;
}

/* ---------- STATS ---------- */
.counter,.counter-box,.stat-box,.statistics-box{
 background:#fff!important;
 border:1px solid var(--jp-line)!important;
 border-radius:16px!important;
 box-shadow:var(--jp-shadow)!important;
 padding:22px!important;
}
.counter h2,.counter-box h2,.stat-box h2{color:var(--jp-blue)!important;font-weight:850!important}

/* ---------- FOOTER ---------- */
footer,.footer-area,.site-footer{
 background:var(--jp-navy)!important;
 color:#cbd5e1!important;
 border:0!important;
}
footer h4,footer h5,.footer-area h4,.footer-area h5{
 color:#fff!important;
 font-weight:750!important;
}
footer a,.footer-area a{color:#cbd5e1!important}
footer a:hover,.footer-area a:hover{color:#fff!important}

/* ---------- ALERTS ---------- */
.alert{
 border:0!important;
 border-radius:12px!important;
 box-shadow:none!important;
}
.alert-success{background:#ecfdf3!important;color:#067647!important}
.alert-danger{background:#fef3f2!important;color:#b42318!important}
.alert-info{background:#eff8ff!important;color:#175cd3!important}

/* ---------- PAGINATION ---------- */
.pagination>li>a,.pagination>li>span{
 border:1px solid var(--jp-line)!important;
 color:#344054!important;
 border-radius:8px!important;
 margin:0 3px!important;
}
.pagination>.active>a,.pagination>.active>span{
 background:var(--jp-blue)!important;
 border-color:var(--jp-blue)!important;
 color:#fff!important;
}

/* ---------- MOBILE ---------- */
@media(max-width:991px){
 .navbar-nav>li>a,.nav-link{padding:10px 12px!important}
 .banner-area,.hero-area,.hero{padding:55px 0 60px!important}
}
@media(max-width:767px){
 .container{width:calc(100% - 22px)!important}
 body{font-size:14px!important}
 .navbar{min-height:62px!important}
 .navbar-brand,.logo,.brand{font-size:21px!important}
 .banner-area,.hero-area,.hero{padding:42px 0 48px!important}
 .banner-area h1,.hero-area h1,.hero h1{
  font-size:35px!important;letter-spacing:-1.2px;
 }
 .banner-area p,.hero-area p,.hero p{font-size:15px!important}
 .search-box,.search-form,.job-search,.search-area form,.hero form{
  padding:9px!important;border-radius:14px!important;
 }
 .search-box input,.search-box select,.search-form input,.search-form select,
 .job-search input,.job-search select,.hero form input,.hero form select{
  margin-bottom:7px!important;
  border-right:1px solid #e1e7f0!important;
 }
 .card-body,.panel-body{padding:17px!important}
 .table-responsive{border:0!important}
 .table{font-size:13px!important}
}