/*
Theme Name: JobJockey
Theme URI: http://colorlabsproject.com
Description: Wordpress theme by <a href="http://colorlabsproject.com">ColorLabs & Company</a>.
Author: ColorLabs & Company
Author URI: http://colorlabsproject.com/
Version: 1.7.5
Tags: job, resume, responsive, admin panel, threaded-comments, featured-image, widgets, two-columns, fixed-width
*/

/*==================================================================== 
  #Basic HTML
=================================================================== */
html { 
  font-size:62.5%
}
body {
  color:#5e5e5e;
  background:url(images/pattern/bg-pattern.jpg) top repeat-x;
  font: 14px/1.5 'Arial', 'Liberation Sans', FreeSans, sans-serif;
}
/* Separator */
.separator, hr {
	height:0;
	margin:30px 0;
	border:none;
	border-top:1px dashed #BBB5AD
}
.column { margin-bottom:15px }


/*==================================================================== 
  #Typography
=================================================================== */
h1 {font-size: 25px; }
h2 {font-size: 23px; }
h3 {font-size: 21px; }
h4 {font-size: 19px; }
h5 {font-size: 17px; }
h6 {font-size: 15px; }

small { font-size:12px }
ol { list-style: decimal }
ul { list-style: disc }
li { margin-left: 30px }
h1, h2, h3, h4, h5, h6,
p, dl, hr, ol, ul, pre, table, address, fieldset, figure {
  margin-bottom: 20px;
}
em { font-style:italic }
a { color:#FFFFFF; text-decoration:none; outline:none }
a:hover { text-decoration:underline }
.header a:hover, .submit-job a:hover { text-decoration:none }
pre, code {
	background:#ddd;
	padding:10px;
	font-size:12px;
	overflow:auto;
	font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
blockquote {
	font:1.3em/1.5 'Georgia';
	font-style:italic;
	margin-left:40px;
}
.alignleft { 
	float:left;
	margin:5px 15px 15px 0
}
.alignright {
	float:right;
	margin:5px 0 15px 15px
}
.aligncenter {
	clear:both;
	display:block;
	margin:10px auto
}

/* Form Element 
------------------------------------------------------------------- */
input, select, textarea, .button, .pagination a, 
.pagination span, #pagination a, #pagination span {
	-webkit-box-shadow:1px 1px rgba(0,0,0,.2);
			box-shadow:1px 1px rgba(0,0,0,.2);
}
label {
	display:block;
	margin-bottom:5px
}
select {
	border:none;
	padding:5px;
	background:#e8e7e4 url(images/icon/select-icon.png) no-repeat right center;
	-webkit-appearance:none;
}
input[type="text"], input[type="password"], textarea {
	width:95%;
	border:none;
	padding:5px
}
textarea { 
  resize:vertical; 
  font-family:Arial 
}
input[type="submit"] {
	color:#fff;
	border:none;
	cursor:pointer;
	padding:5px 10px;
	margin-right:5px;
	background:#cb544c url(images/pattern/noise-pattern.png);
}

/* Button 
------------------------------------------------------------------- */
.button {
	color:#fff;
	padding:5px 12px;
	background:url(images/pattern/noise-pattern.png)
}
.button.freelance, .button.red { background-color:#cb544c }
.button.full-time, .button.green { background-color:#79bd67 }
.button.part-time,.button.temporary, .button.blue { background-color:#64c7dc }

/* Password Checker 
------------------------------------------------------------------- */
#pass-strength-result {
	float:left;
	background:#eee;
	padding:5px 50px;
	border:1px solid #ddd
}
#pass-strength-result.short, #pass-strength-result.mismatch {
	border-color:#f04040;
	background-color:#ffa0a0
}
#pass-strength-result.bad {
	border-color:#ff853c;
	background-color:#ffb78c
}
#pass-strength-result.good {
	border-color:#fc0;
	background-color:#ffec8b
}
#pass-strength-result.strong {
	border-color:#8dff1c;
	background-color:#c3ff88
}

/*==================================================================== 
  #Font Face
=================================================================== */
@font-face {
  font-family: 'Bebas';
  src: url('fonts/bebas/BEBAS___-webfont.eot');
  src: url('fonts/bebas/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bebas/BEBAS___-webfont.woff') format('woff'),
       url('fonts/bebas/BEBAS___-webfont.ttf') format('truetype'),
       url('fonts/bebas/BEBAS___-webfont.svg#BebasRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.header .navigation, .widget-title, .submit-job {
	font-weight:400;
	font-family:'Bebas',Arial, sans-serif
}


/*==================================================================== 
  #Header
=================================================================== */
.header, .header .row { position:relative; min-height:120px }
.header a, .header { color:#FFFFFF }
.header a:hover { color:#fff }
.header ul { 
	margin:0;
	list-style:none
}
.header li {
	float:left;
	position:relative;
	margin:0 4% 0 0
}
.header::after {
	background:url(images/header-ribbon.png) repeat-x
}
.nav-left li {
	float:right;
	margin:0 0 0 4%
}

/* User Info 
------------------------------------------------------------------- */
.user-info { margin-top:15px }
.user-info .avatar {
	float:left;
	padding:4px;
	margin-left:20%;
	margin-right:10px;
  -webkit-box-shadow: 1px 1px rgba(0,0,0,.5) inset, -1px -1px rgba(255,255,255,.4) inset;
     -moz-box-shadow: 1px 1px rgba(0,0,0,.5) inset, -1px -1px rgba(255,255,255,.4) inset;
          box-shadow: 1px 1px rgba(0,0,0,.5) inset, -1px -1px rgba(255,255,255,.4) inset;
}
.user-info .user-name { 
	color:#fff;
	font-weight:700
}
.user-info p { font-size:13px }

/* Header Navigation
------------------------------------------------------------------- */
.header-nav { 
	font-size:13px;
	padding-left:2.5%;
	margin:1% 0 90px
}
.header-nav select { display:none }
.navigation {
	left:0;
	margin:0;
	width:100%;
	margin-left:0%;
	bottom:-20%;
	position:absolute;
	padding:17px;
	text-align:center;	
	background-size:auto 100%
}
.navigation:before, .navigation:after {
	content:"";
	top:0;
	left:-17px;
	width:19px;
	height:100%;
	position:absolute;
	background-size:auto 100%;
  background-repeat: no-repeat;
}
.navigation:after {
	left:auto;
	right:-17px;
	background-position:right
}
.navigation ul { margin-bottom: 8px;
margin-top: -3px;
}
.nav-join { display:none }
.login-menu a { color:#efd494 }
.login-box {
	right:0;
	z-index:100;
	width:205px;
	padding:24px;
	display:none;
	font-size:13px;
	margin:15px 0 0;
	position:absolute;
	background:#313848 url(images/pattern/login-pattern.jpg)
}
.login-box a {
	color:#a2b8ca;
	font-family:Arial
}

.logo {
	left:-2%;
	bottom:110%;
	position:absolute;
}
.logo img {
	height:auto;
	display:block;
	max-width:100%
}


/*==================================================================== 
  #Job Search
=================================================================== */
.job-search { margin-bottom:30px }
.submit-job {
	margin:0;
	font-size:24px;
	text-align:center;
	text-shadow:1px 1px #fff;
	background:#6bbddf;
}
.submit-job a { 
	display:block;
	color:#3d4a5b;
	padding:15px 0 16px;
	margin:5px;
	background:url(images/icon/tie-icon.png) no-repeat 10px
}
.job-searchform { 
	width:99%;
	background:#6bbddf;
	margin-left: 2.3%;
}
.job-searchform form {
	margin:5px;
	padding:12px 18px 13px;
}
.job-searchform input[type="text"] { 
	width:35%;
	padding:12px;
	margin-right:10px
}
.job-searchform input[type="submit"] {
	padding:0;
	width:11%;
	height:42px;
	text-indent:-9999px;
	background:#f4efe3 url(images/icon/search-icon.png) no-repeat center center
}
.job-searchform::after {
	content:"";
	top:0;
	width:43px;
	height:100%;
	right:-36px;
	z-index:100;
	position:absolute;
	background:#6bbddf;
	background-size:100% 100%
}

/* Autocomplete
------------------------------------------------------------------- */
.ui-autocomplete {
	width:218px;
	background:#fff;
	list-style:none;
	-webkit-box-shadow:1px 1px rgba(0,0,0,.2);
			box-shadow:1px 1px rgba(0,0,0,.2)
}
.ui-autocomplete li { margin:0 }
.ui-autocomplete li a {
	color:#7e7e7e;
	padding:7px 10px;
	display:block;
	cursor:pointer;
	font-size:13px;
	border-top:1px dashed #BBB5AD
}
.ui-autocomplete li:first-child a { border:none }
.ui-autocomplete .ui-state-hover {
	background:#eee;
	text-decoration:none
}
.ui-autocomplete-input.loading {
	background-repeat:no-repeat;
	background-position:95% center;
	background-image:url(images/ajax-loader.gif)
}


/*==================================================================== 
  #Sidebar & Widget
=================================================================== */
.sidebar .widget { 
	color:#626262;
	font-size:13px;
	margin-bottom:30px
}
.widget-title { 
	color:#392e28;
	font-size:16px;
	margin-bottom:14px;
	padding-bottom:10px
}
.widget ul { list-style:none }
.widget-title, .widget li { border-bottom:1px dashed #a1a1a1 }
.widget li:last-child { border-bottom:none }
.widget li {
	margin:0 0 12px;
	padding-bottom:12px
}
.widget li a {
	display:block;
	color:#626262
}

/* Job Sort Widget
------------------------------------------------------------------- */
.widget.widget_colabs_jobsort { 
	background:#fff;
	position:relative;
	margin-bottom:35%;
	padding-top:1px
}
.widget_colabs_jobsort select {
	display:block;
	margin-bottom:20px;
	width:100%
}
.widget_colabs_jobsort .widget-title {
	top:-4px;
	width:68%;
	color:#fff;
	border:none;
	padding:4% 0 9%;
	margin-left:15%;
	text-align:center;
	position:absolute;
	background-repeat: no-repeat;
  background-position: center top;
  background-size:100%;
}
.widget_colabs_jobsort form {
	margin:5px 5px 0 5px;
	padding:30% 9.6% 0;
	border-bottom:none;
	background-color: #FFFDF8;
}
.widget_colabs_jobsort::after {
	height:20%;
	width:100%;
	position:absolute;
	visibility:visible;
	background-size:100%;
}

/* Social Widget
------------ ------------------------------------------------------ */
.social-icon a {
	float:left;
	width:33px;
	height:33px;
	margin-right:5px;
	text-indent:-9999px;
	background:url(images/icon/social-icon.png) no-repeat
}
.social-icon .facebook { background-position:-35px }
.social-icon .twitter { background-position:-68px }
.social-icon .mail { background-position:-103px }
.social-icon .linkedin { background-position:-137px }
.social-icon .skype { background-position:-207px }
.social-icon li {
	float:left;
	border:none
}

/* Twitter Widget 
------------------------------------------------------------------- */
.widget_colabs_twitter li a {
	color:#cb544c;
	display:inline
}

/* Facebook Widget 
------------------------------------------------------------------- */
.widget_colabs_facebook iframe { background:#fff }

/* Tabs Widget
------------------------------------------------------------------- */
/* default */
.colabsTabs { 
	margin:0;
	overflow:hidden
}
.colabsTabs a { 
	display:block;
	padding:7px 8px;
	background:#f0f0f0
}
.colabsTabs li {
	padding:0;
	margin:0;
	float:left;
	border:none
}
.colabsTabs .selected { background:#fff }
#tabs .box a { display:inline }
#tabs li img {
	float:left;
	width:35px;
	height:35px;
	height:auto;
	max-width:100%;
	margin:0 10px 10px 0
}
#tabs .box {
	padding:15px;
	background:#fff
}
#tabs .box a { color:#cb544c }

/* Flickr Widget
------------------------------------------------------------------- */
.widget_colabs_flickr .flickr { margin-right:-5px }
.widget_colabs_flickr a { 
	float:left;
	margin:0 5px 5px 0;
}
.widget_colabs_flickr img {
	padding:2px;
	height:auto;
	display:block;
	max-width:100%;
	background:#fff;
	border:1px soldi #ddd
}

/* Subscribe Widget 
------------------------------------------------------------------- */
.widget_colabs_subscribe input[type="text"] { width:55.3% }


/*==================================================================== 
  #Main Content
=================================================================== */
.main { margin-top:10px }
.sidebar, .submit-job { width:25.46% }
.content { width:71.3% }
.post img {
	background:#fff;
	border:5px solid #e1e1e1
}

/* Section 
------------------------------------------------------------------- */
.section {
	font-size:13px;
	margin:0 0 35px
}
.section-title { 
	color:#fff;
	float:left;
	padding:5px 20px;
	font-size:12px;
	position:relative;
	margin:5px 0 3px 5px;
	border-bottom:none;
}
.section-title img { vertical-align: middle; margin-right:5px }
.section-title a { color:#fff }
.section-title::after {
	content:"";
	position:absolute;
	width:110%;
	height:140%;
	left:-5%;
	top:-25%;
	z-index:-1;
}
.section-content {
	clear:both;
	background:#fff;
	padding:25px 20px;
  margin-bottom: 20px;
	border-top:1px dashed #bbb5ad
}
.section-content h4 { margin:0 }
.section-content input[type="text"], .section-content input[type="file"],
.section-content textarea, .section-content input[type="password"] { 
	padding:7px;
	background:#E8E7E4
}
.section-content input[type="file"] {
	-webkit-box-shadow:none;
			box-shadow:none
}

/* Latest Jobs Section
------------------------------------------------------------------- */
.latest-jobs .section-content { background:none }
.latest-jobs .sorting {
	float:right;
	margin-top:5px
}
.latest-jobs .sorting label, .latest-jobs .sorting input { float:left }
.latest-jobs .sorting label {
	color:#577a94;
	font-size:12px;
	line-height:20px;
	margin:5px 0 5px 5px
}
.latest-jobs .sorting input { margin-left:10px }

/* Search Section
------------------------------------------------------------------- */
.jj-search .section-content { background:none }
.jj-search .sorting {
	float:right;
	margin-top:5px
}
.jj-search .sorting label, .jj-search .sorting input { float:left }
.jj-search .sorting label {
	color:#577a94;
	font-size:12px;
	line-height:20px;
	margin:5px 0 5px 5px
}
.jj-search .sorting input { margin-left:10px }

/* Featured Section
------------------------------------------------------------------- */
.jobs-post { 
	color:#7e7e7e;
	font-size:13px;
	margin:0 0 15px;
	padding:0 0 15px;
	border-bottom:1px dashed #bbb5ad
}
.jobs-post:last-child { 
	margin:0;
	border:none
}
.jobs-post .column { margin-bottom:0 }
.jobs-post h4 { 
	font-size:16px;
	margin:0
}
.jobs-img {
	/* float:left; */
	margin:0 10px 10px 0;
	/* border:2px solid #e1e1e1 */
}
.jobs-img img { display:block }
.jobs-date { color:#d15a52 }
.jobs-place { 
	font-size:14px;
	line-height:1.8
}
.jobs-post .button { 
	float:left;
	margin:10px 0 0
}


/*==================================================================== 
  #Pages
=================================================================== */

/* Register Page
------------------------------------------------------------------- */
.info-box {
	color:#3d4a5b;
	padding:25px 20px;
	background:#f1ece1;
	-webkit-border-radius:5px;
			border-radius:5px
}
.info-box ul {
	margin:0;
	list-style-image:url(images/list-arrow.png)
}
.info-box li { margin:0 0 20px 20px }
.info-box li:last-child { 
	padding:0;
	border:none;
	margin-bottom:0
}
.register-form input[type="text"], .register-form input[type="password"],
.login-form input[type="text"], .login-form input[type="password"],
.job-apply-form input[type="text"], .job-apply-form input[type="file"], .job-apply-form textarea  { 
	width:80%;
	padding:7px 5px;
	background:#e8e7e4;
}
.register-form {
	border-right:1px dashed #BBB5AD
}

/* Employer Dashboard Page
------------------------------------------------------------------- */
.employer-dashboard strong, .employee-dashboard strong { color:#424242 }
.posted-jobs, .resume-list, table { 
	width:100%;
	font-size:13px;
	text-align:center
}
table th:first-child, table td:first-child, .posted-jobs .job-title,
.resume-list th:first-child, .resume-list td:first-child { text-align:left }
.posted-jobs th, .posted-jobs td,
.resume-list th, .resume-list td,
table th, table td { 
	padding:8px 0;
	border-bottom:1px dashed #BBB5AD
}
.posted-jobs th, .resume-list th, table th { border-top:1px dashed #BBB5AD }
.display_section, .myprofile_section ul {
	list-style:none;
	overflow:hidden
}
.display_section li {
	float:left;
	overflow:hidden;
	margin:0 5px 0 0
}
.display_section a {
	color:#fff;
	display:block;
	padding:5px 10px;
	background:#cb544c
}
.display_section .active a { background:#64c7dc }

/* Employee Dashboard Page
------------------------------------------------------------------- */
.job-reccomend.info-box { color:#5e5e5e }
.job-reccomend h5, .job-reccomend p { margin:0 }
.job-reccomend .jobs-place { font-size:13px }
.job-reccomend .job-exp, .job-reccomend .job-stat { font-weight:400 }
.job-reccomend li {
	padding:0 0 20px;
	border-bottom:1px dashed #BBB5AD
}
.resume-list th, .job-applied th, .job-applied a { color:#3D4E63 }
.resume-list tr:last-child td { border:none }
.resume-list .button { 
	float:left;
	margin-top:15px
}

/* Job Info Pages
------------------------------------------------------------------- */
.job-apply-form form { margin-top:20px }
.job-apply-form input[type="text"], .job-apply-form input[type="file"] { width:50% }
.job-apply-form label { 
/*	display:inline;
	margin-left:2%;
	font-style:italic
	*/
}
.job-meta strong, .job-posted, .job-reccomend .job-stat { color:#d35a52 }
.job-info {
	color:#7e7e7e;
	position:relative
}
.job-info .button {
	top:0;
	right:0;
	position:absolute;
}
.job-salary { font-weight:700 }

/* Blog Page
------------------------------------------------------------------- */
.post {
	padding:15px;
	background:#fff
}
.post img {
	float:left;
	margin:0 10px 10px 0
}
.post p { overflow:hidden }

/* Contact Page
------------------------------------------------------------------- */
#frmcontact .sendCopy, #frmcontact .screenReader { display:inline }
#frmcontact #checking {
	width:3%;
	margin-left:10px
}

/* Resumes Pages
------------------------------------------------------------------- */
ol.resumes { list-style:none }
ol.resumes li {
	zoom:1;
	margin:0;
	padding:8px 10px;
	background:#fff;
	overflow:hidden;
	border-bottom:1px dashed #BBB5AD
}
ol.resumes dl { 
	margin:10px 0;
	overflow:hidden
}
ol.resumes dt {
	left:-9999em;
	position:absolute;
	visibility:hidden;
}
ol.resumes dd {
	float:left;
	padding:0 0.6%
}
ol.resumes .title { width:58.03% }
ol.resumes .photo { width:6.7% }
ol.resumes .location { width:17.21% }
ol.resumes .date { width:10% }
ol.resumes .title strong { display:block }
ol.resumes img {
	height:auto;
	max-width:100%
}

ul.section_footer, .prefs_job_types ul {
	overflow:hidden;
	list-style:none
}
ul.section_footer li, .prefs_job_types li {
	float:left;
	margin:0 15px 0 0
}
ul.section_footer a { padding-left:25px }
ul.section_footer a.star { background:url(images/icon/star-icon.png) no-repeat -4px center }
ul.section_footer .print a { background:url(images/icon/print-icon.png) no-repeat left center }


/*==================================================================== 
  #Pagination
=================================================================== */
.pagination, #pagination {
	clear:both;
	margin:30px 0;
	text-align:center
}
.pagination a, .pagination span,
#pagination a, #pagination span {
	color:#626262;
	font-size:11px;
	padding:6px 12px;
	margin-left:10px;
	background:#d2c9b9
}
.pagination a:hover, .pagination span,
#pagination a:hover, #pagination span {
	color:#99403a;
	text-decoration:none
}


/*==================================================================== 
  #Comment List & Comment Form
=================================================================== */
.commentlist, .commentlist .children {list-style:none }
.commentlist .children {margin:0 0 0 40px }
.commentlist li {
	margin-left:0;
	overflow:hidden
}
.comment-entry {
	margin-bottom:20px;
	border-bottom:1px solid #ccc
}
.comment-author {
	float:left;
	overflow:hidden;
	margin:0 10px 10px 0;
}
.comment-content { overflow:hidden }
.comment-author .avatar {
	float:left;
	margin-right:10px
}
#respond input[type="text"] {
	width:28.9%;
	padding:10px
}


/*==================================================================== 
  #Footer
=================================================================== */
.footer {
	height:10%;
	padding:25px 15px;
	position:relative;
	background:#0080D0;
	 -moz-box-shadow: 1px 0px 10px #1d1d1d;
  -webkit-box-shadow: 1px 0px 10px #1d1d1d;
  box-shadow: 1px 0px 10px #1d1d1d;
}
.footer::before {
	content:"";
	left:0;
	top:-3px;
	width:100%;
	height:3px;
	position:absolute;
	visibility:visible;
}
.footer-logo {
	bottom:0;
	position:absolute;
}
.footer-logo img { display:block }
.footer p { margin:0;
color:#ffffff; }


/*==================================================================== 
  #Resume Page
=================================================================== */
.resume_header { overflow:hidden }
.resume_header img { 
	float:right;
	height:auto;
	max-width:100%;
	margin:0 0 10px 20px
}
.resume-title { float:left }
.resume_header .meta { clear:left }
.resume_header .button { float:left; background-color:#CB544C }
.resume_header .button a { color:#fff }
.resume_header dl {
  padding-left: 10px;
  border-left: 5px solid #eee;
}
.resume_header dt {
  float: left;
  clear: left;
  width: 65px;
  margin-right: 10px;
}
.resume_section_heading {
  margin-bottom: 5px
}
.resume_section ul {
  list-style: square;
}
.resume_section li {
  margin-left: 19px
}


/*==================================================================== 
  #Resume Form
=================================================================== */
input[type="file"] { background:#fff }
form.main_form legend {
	float:left;
	width:100%;
	display:block;
	font-size:20px;
  padding-top: 5px;
  margin:20px 0 5px;
	border-top:1px solid #bbb5ad;
}
form.main_form p, form.account_form p {
	clear:both;
	margin:10px 0;
	overflow:hidden
}
form.main_form p label {
	width:44%;
	float:right;
	padding-top:10px
}
form.main_form p label[for="description"] {
  float: left;
}
form.main_form p label[for="summary"] { float:none }
form.main_form input.text, form.main_form textarea {
	width:50%;
	padding:10px 5px;
	background: #fff;
	-webkit-box-shadow: 0px 0px rgba(0,0,0,.2);
	box-shadow: 0px 0px rgba(0,0,0,.2);
	border: 1px solid #ccc;
}
form.main_forminput[placeholder], [placeholder], *[placeholder] {
   color:#bbb !important;
}
form.main_form button{
	float: right;
}
form.main_form .optional textarea {
  width: 50%
}
form.main_form textarea {
  width: 100%
}
form.main_form textarea#summary { width:95%; clear:both }
form.main_form select { width:51% }
.mceContentBody { background:#fff }
#geolocation_box label { padding:0 }
#geolocation-load {
	border:none;
	padding:10px 15px;
	background-color:#CB544C
}
.select-menu {
	width:95%;
	margin-top:100px;
	position:absolute;
	display:none
}
.singleimage { 
	display:block;
	margin-bottom:20px
}
.singleimage img {
	height:auto;
	float:none;
	display:block;
	max-width:100%
}

/* wp-caption */
.wp-caption {
	margin-top: 0.4em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: rgb(255, 253, 248);
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
	border:1px solid rgba(0, 0, 0, 0.03);
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-family: Georgia, serif;
	font-size: 12px;
	text-align:center;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 5px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}


/*==================================================================== 
  #Job List
=================================================================== */
.jobs dt {
  visibility: hidden;
  position: absolute;
  left: -9999em;
}
/*  reCAPTCHA   */
.register-form label{display: inline; }

#websites input[type="text"]{
  background: none repeat scroll 0 0 #E8E7E4;
  padding: 10px 5px;
  border: medium none;
}
.success {
  background: none repeat scroll 0 0 #D9EDF7;
  border: 1px solid #BCE8F1;
  clear: both;
  color: #3A87AD;
  display: block;
  padding: 10px 5px;
  text-align: center;
}
.job-logo {
  display: block;
  overflow: hidden;
}
.job-logo .social_share{
  float:right;
}
.errors {
  background: none repeat scroll 0 0 #F2DEDE;
  border: 1px solid #EED3D7;
  color: #B94A48;
  padding: 10px 5px;
}


/*==================================================================== 
  #Submit Job Form
=================================================================== */
.submit_form input[type="checkbox"] + label {
  display: inline
}

/* Jobs Steps
------------------------------------------------------------------- */
.steps {
  background: #eee;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}
.steps:before, .steps:after {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.steps:after {
  clear: both
}
.steps li {
  margin: 0;
  float: left;
  color: #bbb;
  width: 24.9%;
  background: #fff;
  list-style: none;
  text-align: center;
  position: relative;
}
.steps span {
  display: block;
  padding: 7px 5px;
  border-left: 1px solid #ddd
}
.steps li:first-child span {
  border-left: 0
}
.steps .done {
  text-decoration: line-through;
}
.steps .current {
  color: #555;
  background: #eee;
}
.steps .current:before,
.steps .current:after {
  left: 50%;
  content: "";
  z-index: 11;
  bottom: -20px;
  margin-left: -10px;
  position: absolute;
  border: 10px solid;
  border-color: #eee transparent transparent transparent;
}
.steps .current:after {
  z-index: 10;
  bottom: -21px;
  border-top-color: #ddd;
}

/* Jobs Preview
------------------------------------------------------------------- */
.submit_form .jobs {
  margin: 15px 0;
  padding: 15px 0;
  list-style: none;
  border-top: 1px dashed #bbb5ad;
  border-bottom: 1px dashed #bbb5ad;
}
.submit_form .jobs .job {
  margin: 0;
}
.job .type {
  float: right;
}
.job .type span {
  display: block;
  background: #eee;
  padding: 3px 10px;
}
.job .title strong {
  display: block;
  font-size: 20px;
}
.job dl {
  margin-bottom: 0
}

.submit_form blockquote {
  background: #eee;
  margin: 20px 10px;
  padding: 5px 10px;
  font-style: normal;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb
}
.submit_form blockquote p {
  font-size: 14px;
  margin: 0 0 18px 0
}
.submit_form blockquote h2 {
  font-size: 21px;
  margin-bottom: 0;
}
.submit_form blockquote h3 {
  font-size: 18px;
  margin-bottom: 5px;
}

/* Select Jobs Pack
------------------------------------------------------------------- */
.submit_form .packs {
  list-style: none;
}
.submit_form .packs li {
  margin-left: 0;
  position: relative;
  margin-bottom: 20px;
  background: #F8F8F8;
  border: 1px solid #ddd;
  margin-left: 150px;
}
.submit_form .packs .cost {
  left: 0;
  color: #fff;
  width: 65px;
  height: 34px;
  padding: 0 5px;
  line-height: 34px;
  text-align: center;
  position: absolute;
  background: #3d4e63;
}
.submit_form .packs h3 {
  font-size: 18px;
  background: #eee;
  margin-bottom: 10px;
  padding: 3px 15px 3px 85px;
  border-bottom: 1px solid #ddd;
}
.submit_form .packs p {
  margin-top: 0;
  padding: 0 15px;
}
.submit_form .packs div {
  top: 50%;
  left: -150px;
  width: 130px;
  text-align: right;
  margin-top: -10px;
  position: absolute;
}
.submit_form .packs label {
  margin: 0;
}


/*==================================================================== 
  #Responsive For tablet
=================================================================== */
@media only screen and (min-width: 768px) and (max-width: 977px) {
	.widget_colabs_facebook			{ display:none }
	/* Top Navigation */
	.header .navigation, .user-info { font-size:13px }

	/* Job search form */
	.submit-job a 					{ background-size:auto 36% }
	.job-post .col2 				{ width:16% }
	.job-post .col4					{ width:29% }
	.widget_colabs_jobsort form 	{ margin:5px 4px 0 4px }
	#menu-header-menu{
		display:none;
	}
	.menu-select-primary #menu-header-menu{
		display:block;
		padding:5px 15px;
	}
}


/*==================================================================== 
  #Responsive For Mobile(Portrait)
=================================================================== */
@media only screen and (max-width: 767px) {
	.section-content				{ padding:15px }
	.latest-jobs .sorting			{ clear:left; float:left; margin:15px 0 }
	.latest-jobs .sorting .submit	{ clear: left; display: block; float: left; width: 95% }
	.footer							{ padding:25px 15px }
	.footer .fr						{ margin-left:148px; width:245px; float:left }

	/* Hide uneeded element 
  ------------------------------------------------------------------*/
	.nav-left, .nav-right 			{ display:none }

	/* Header
  ----------------------------------------------------------------- */
	.logo 							      { width:100%; left:0 }
	.logo img 						    { display:inline-block; width:auto; max-height:170px }
	.header-nav 					    { margin-bottom:20px }
	.header .navigation 			{ width:91%; margin-left:2%; position:relative; margin-bottom:110px; margin-top:45px; height:30px }
	.nav-join 						    { text-align:center; display:none }
	.nav-join li 					    { float:none; display:inline-block; margin-bottom:10px }
	.user-info .avatar 				{ margin-left:0 }
	.select-menu					    { width:100%; display:block }

	/* Job search form 
  ----------------------------------------------------------------- */
	.job-searchform 				{ text-align:center }
	.submit-job, .job-searchform 	{ width:100% }
	.submit-job 					{ margin-bottom:20px }
	.submit-job a 					{ background-position:10% }
	.job-searchform::after 			{ width:0 }
  .job-searchform input[type="text"] { margin-bottom:10px }
  .job-searchform input[type="submit"] { display:inline-block }
  .job-searchform input[type="text"],
  .job-searchform input[type="submit"] {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box
  }

	/* Main
  ----------------------------------------------------------------- */
	.main 							{ margin:30px 0}
  .container          { padding-left: 15px; padding-right: 15px }

	/* Jobs Post
  ----------------------------------------------------------------- */
  .jobs-post              { margin-bottom: 30px; }
  .jobs-post .col6        { width: 100%; margin-bottom: 10px }
	.jobs-post .col4				{ width:45%; margin-left: 0 }
	.jobs-post .col2				{ width:100%; clear:both; margin:0; }

	/* Widget
  ----------------------------------------------------------------- */
	.widget.widget_colabs_jobsort 	{ margin-bottom:30px; padding:5px 0 }
	.widget_colabs_jobsort .widget-title { background:none; color:#392E28; padding-bottom:0 }
	.widget_colabs_jobsort::after 	{ height:0 }
	.widget_colabs_jobsort form		{ padding:11% 9.6% 0; border-bottom:1px dashed #A7A7A7; margin-top:0 }

	/* Comment Form
  ----------------------------------------------------------------- */
	#respond input[type="text"]		{ width:90%; margin-bottom:10px }
}


/*==================================================================== 
  #Mobile (Portrait)
=================================================================== */
@media only screen and (min-width: 240px) and (max-width:479px) {
  .footer-logo {
    display: none;
  }
  .footer p {
    margin-left: 0 !important
  }
}


/*==================================================================== 
  #Responsive For Mobile(Landscape)
=================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Job search form */
	.submit-job a 					{ background-position:30% }
	.job-searchform input[type="text"] { width:30%; margin-bottom:0 }
	.job-searchform input[type="submit"] { width:11% }
}