/* New Home Page Design with Twitter Bootstrap May 2015 */

/* padding/margin helpers */
.padding-top-none { padding-top: 0; }
.padding-top-less { padding-top: 5px; }
.padding-top      { padding-top: 10px; }
.padding-top-more { padding-top: 20px; }
.padding-top-lots { padding-top: 40px; }
.margin-top-none  { margin-top: 0; }
.margin-top-less  { margin-top: 5px; }
.margin-top       { margin-top: 10px; }
.margin-top-more  { margin-top: 20px; }
.margin-top-lots  { margin-top: 40px; }
.padding-right-none { padding-right: 0; }
.padding-right-less { padding-right: 5px; }
.padding-right      { padding-right: 10px; }
.padding-right-more { padding-right: 20px; }
.padding-right-lots { padding-right: 40px; }
.margin-right-none  { margin-right: 0; }
.margin-right-less  { margin-right: 5px; }
.margin-right       { margin-right: 10px; }
.margin-right-more  { margin-right: 20px; }
.margin-right-lots  { margin-right: 40px; }
.padding-bottom-none { padding-bottom: 0; }
.padding-bottom-less { padding-bottom: 5px; }
.padding-bottom      { padding-bottom: 10px; }
.padding-bottom-more { padding-bottom: 20px; }
.padding-bottom-lots { padding-bottom: 40px; }
.margin-bottom-none  { margin-bottom: 0; }
.margin-bottom-less  { margin-bottom: 5px; }
.margin-bottom       { margin-bottom: 10px; }
.margin-bottom-more  { margin-bottom: 20px; }
.margin-bottom-lots  { margin-bottom: 40px; }
.padding-left-none { padding-left: 0; }
.padding-left-less { padding-left: 5px; }
.padding-left      { padding-left: 10px; }
.padding-left-more { padding-left: 20px; }
.padding-left-lots { padding-left: 40px; }
.margin-left-none  { margin-left: 0; }
.margin-left-less  { margin-left: 5px; }
.margin-left       { margin-left: 10px; }
.margin-left-more  { margin-left: 20px; }
.margin-left-lots  { margin-left: 40px; }
.padding-horizontal-none { padding-left: 0;    padding-right: 0; }
.padding-horizontal-less { padding-left: 5px;  padding-right: 5px; }
.padding-horizontal      { padding-left: 10px; padding-right: 10px; }
.padding-horizontal-more { padding-left: 20px; padding-right: 20px; }
.padding-horizontal-lots { padding-left: 40px; padding-right: 40px; }
.margin-horizontal-none  { margin-left: 0;     margin-right: 0; }
.margin-horizontal-less  { margin-left: 5px;   margin-right: 5px; }
.margin-horizontal       { margin-left: 10px;  margin-right: 10px; }
.margin-horizontal-more  { margin-left: 20px;  margin-right: 20px; }
.margin-horizontal-lots  { margin-left: 40px;  margin-right: 40px; }
.padding-vertical-none { padding-top: 0;    padding-bottom: 0; }
.padding-vertical-less { padding-top: 5px;  padding-bottom: 5px; }
.padding-vertical      { padding-top: 10px; padding-bottom: 10px; }
.padding-vertical-more { padding-top: 20px; padding-bottom: 20px; }
.padding-vertical-lots { padding-top: 40px; padding-bottom: 40px; }
.margin-vertical-none  { margin-top: 0;     margin-bottom: 0; }
.margin-vertical-less  { margin-top: 5px;   margin-bottom: 5px; }
.margin-vertical       { margin-top: 10px;  margin-bottom: 10px; }
.margin-vertical-more  { margin-top: 20px;  margin-bottom: 20px; }
.margin-vertical-lots  { margin-top: 40px;  margin-bottom: 40px; }
.padding-none { padding: 0; }
.padding-less { padding: 5px; }
.padding      { padding: 10px; }
.padding-more { padding: 20px; }
.padding-lots { padding: 40px; }
.margin-none  { margin: 0; }
.margin-less  { margin: 5px; }
.margin       { margin: 10px; }
.margin-more  { margin: 20px; }
.margin-lots  { margin: 40px; }
.table .padding-none { padding: 0; }
.table>tbody>tr>td.padding-vertical-more { padding-top: 20px; padding-bottom: 20px; }
.input-group-lg .padding-none { padding: 0; }
@media (min-width: 768px) { .form-inline .form-group.margin-bottom-less { margin-bottom: 5px; } }
table.no-firstrow-border > tbody > tr:first-child > td { border-top: none; }
.js-hide { display: none; } /* A version of Bootstrap's .hide that does not have !important. Useful for jQuery animations. */
.uppercase { text-transform: uppercase; }
.inline-block { display: inline-block; }

/* Bootstrap Overides */

body {
	text-rendering: optimizeLegibility;
	font-size: 16px;
	color: #555555;
	overflow-x: hidden;
	font-family: "Open Sans", sans-serif;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>thead>tr>td,
.table>thead>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th {
	line-height: 2.2;
}

form .checkbox,
form .checkbox-inline,
form .radio,
form .radio-inline {
	line-height: 1.42857143; /* Reset line-height to Bootstrap default */
}

.navbar {
	min-height: 55px;
	margin-bottom: 0;
	background-color: #ffffff;
	color: #707070;
	border: 0;
	font-size: 12px;
	text-transform: uppercase;
}

.navbar a {
	color: #666666;
}

.navbar .navbar-collapse {
	max-height: none;
}

.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
	text-transform: none;
	color: #23475e;
}

.navbar-brand .site-title {
	line-height: 55px;
}

.navbar a.nav-emp-highlight {
	background-color: #a25348;
	color: #ffffff;
}

.nav>li>a.nav-emp-highlight:focus,
.nav>li>a.nav-emp-highlight:hover,
.nav .open>a.nav-emp-highlight,
.nav .open>a.nav-emp-highlight:focus,
.nav .open>a.nav-emp-highlight:hover {
	background-color: #954c42;
	color: #ffffff;
}

.nav-emp-highlight.with-border-top {
	border-top: 1px solid #eeeeee;
}

.navbar-toggle {
	background-color: #ffffff;
	color: #666666;
	font-size: 20px;
	border-radius: 0;
	line-height: 22px;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.announcement-bar {
	background-color: #efdd44;
	word-wrap: normal;
}

.announcement-bar a,
.announcement-bar span {
	display: block;
	padding: 10px;
	font-weight: bold;
}

.announcement-bar .close,
.jobalert-bar .close {
	font-size: 20px;
}

.jobalert-bar {
	background-color: #008000;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1030;
}

.jobalert-bar a {
	display: block;
	color: #ffffff;
}

.jobalert-bar a:hover {
	color: #eee390;
}

.jobalert-bar +.footer {
	bottom: 42px;
}

.dropdown-menu>li>a {
	color: #23475e;
	padding: 8px 20px;
}

.dropdown-menu>li>a:hover {
	background: none;
	background-color: #eeeeee;
	color: #666666;
}

.dropdown-menu>li:first-child>a {
	padding-top: 10px;
}

.dropdown-menu>li:last-child>a {
	padding-bottom: 10px;
}

.dropdown-menu>li.nav-emp-highlight>a {
	background-color: #a25348;
	color: #ffffff;
}

.dropdown-menu>li.nav-emp-highlight>a:hover {
	background-color: #954c42;
}

.dropdown-menu>li.nav-js-highlight>a {
	background-color: #305267;
	color: #ffffff;
}

.dropdown-menu>li.nav-js-highlight>a:hover {
	background-color: #23475e;
}

.navbar-nav>li>.dropdown-menu {
	min-width: 100%;
	border-radius: 0;
	border-top: none;
	padding: 0;
}

.navbar-nav>li>a {
	min-height: 55px;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 18px 15px 13px 15px;
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background: #eeeeee;
	color: #666666;
}

.navbar .site-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	font-weight: 500;
}

.site-title.over-16 {
	font-size: 18px;
}

.site-title.over-20 {
	font-size: 16px;
}

.site-title.over-24 {
	font-size: 14px;
}

/*styles for homepage 2018 design to work with logo*/
.navbar-brand .navbar-left+.site-title {
	font-size: 19px;
}

.navbar-brand .navbar-left+.site-title.over-16 {
	font-size: 15px;
}

.navbar-brand .navbar-left+.site-title.over-20 {
	font-size: 13px;
}

.navbar-brand .navbar-left+.site-title.over-24 {
	font-size: 12px;
}

.navbar-brand .navbar-left+.site-title.over-16 .extension {
	font-size: 12px;
}

.navbar-brand .navbar-left+.site-title.over-20 .extension {
	font-size: 11px;
}

/*media rules for 2018 redesign */
@media (min-width: 992px) {
	.navbar-brand .navbar-left+.site-title,
	.navbar-brand .navbar-left+.site-title.over-16 {
		font-size: 24px;
	}

	.navbar-brand .navbar-left+.site-title .extension,
	.navbar-brand .navbar-left+.site-title.over-16 .extension {
		font-size: 15px;
	}

	.navbar-brand .navbar-left+.site-title.over-20 {
		font-size: 20px;
	}

	.navbar-brand .navbar-left+.site-title.over-20 .extension {
		font-size: 13px;
	}
}

@media (min-width: 1200px) {
	.navbar-brand .navbar-left+.site-title,
	.navbar-brand .navbar-left+.site-title.over-16 {
		font-size: 24px;
	}

	.navbar-brand .navbar-left+.site-title .extension,
	.navbar-brand .navbar-left+.site-title.over-16 .extension {
		font-size: 15px;
	}
}

.navbar .site-title:hover,
.navbar .site-title:active,
.navbar .site-title:focus {
	color: #23475e;
	text-decoration: none;
}

.anchor-link {
	display: block;
	position: relative;
	top: -90px;
	visibility: hidden;
}

ul {
	-webkit-padding-start: 20px;
}

.well {
	border-radius: 0;
	border: 1px solid #999999;
	background-image: none;
	background: #ffffff;
	box-shadow: none;
}

.progress {
	border-radius: 0;
}

.progress-bar {
	filter: none;
	background: #a25348;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
}

.progress-bar-default {
	background: #b98179;
	color: #ffffff;
}

.home-boxes .panel-default {
	text-align: center;
	padding: 20px;
	border-radius: 1px;
}

.home-icons {
	margin-bottom: 20px;
}

.form-control,
.btn {
	border-radius: 1px;
}

.pagination {
	border-radius: 0;
}

.pagination>li>a {
	color: #666666;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #425364;
	background-color: #f2f2f3;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #f2f2f3;
	color: #a89a67;
	border-color: #dddddd;
	cursor: not-allowed;
}

pre {
	border-radius: 0;
}

.jumbotron p {
	font-size: 16px;
	margin-bottom: 0;
}

.jumbotron .text-normal {
	font-size: 14px;
}

.jumbotron .text-large {
	font-size: 17px;
}

/* General Reusable Styles */
.bootstrap-line-height {
	line-height: 1.42857143; /* Reset line-height to Bootstrap default */
}

.text-left,
.form-horizontal .control-label.text-left {
	text-align: left;
}

.text-right,
.form-horizontal .control-label.text-right {
	text-align: right;
}

.text-bold {
	font-weight: bold;
}

.text-semibold {
	font-weight: 600;
}

.text-small {
	font-size: 12px;
}

.text-normal {
	font-size: 14px;
}

.text-medium {
	font-size: 16px;
}

.text-large {
	font-size: 18px;
}

.text-larger {
	font-size: 20px;
	font-weight: bold;
}

.text-larger-nobold {
	font-size: 20px;
}

.text-largest {
	font-size: 40px;
	font-weight: bold;
}

.text-blue {
	color: #305267;
}

.text-gray {
	color: #505050;
}

.text-red {
	color: #ff0000;
}

.text-dark-red {
	color: #C23C3E;
}

.text-emp-red {
	color: #a25348;
}

a.text-red:focus,
a.text-red:hover {
	color: #ff0000;
}

.text-green {
	color: #009900;
}

.text-lightgray {
	color: #707070;
}

.text-black {
	color: #000000;
}

.text-white {
	color: #ffffff;
}

a.text-white:focus,
a.text-white:hover {
	color: #ffffff;
}

.form-error {
	display: inline-block;
	padding: 3px 12px;
	background: #ffecf0;
	color: #a94442;
	margin-bottom: 20px;
}

.form-warning {
	display: inline-block;
	padding: 8px 12px;
	background: #f5e79e;
	color: #000000;
	margin-bottom: 20px;
}

.form-error.wider,
.form-warning.wider {
	width: 100%;
}

.form-warning.margin-bottom-none  {
	margin-bottom: 0;
}

.enhanced-visibility {
	text-shadow: 0 0 5px #777;
}

.border-gray {
	border: 1px solid #ddd;
}

.nobr {
	display: inline-block;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #707070;
	font-weight: 500;
}

h1 {
	font-size: 36px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size:22px;
}

h4 {
	font-size:20px;
}

h5 {
	font-size:14px;
}

h1.underline,
h2.underline,
h3.underline,
h4.underline,
h5.underline,
h6.underline {
	display: inline-block;
	border-bottom: 3px double #bbbbbb;
	padding-right: 30px;
	padding-bottom: 6px;
	margin-bottom: 20px;
}

.h4-with-button {
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 5px;
}

.intro-wrapper {
	background-color: #dfdede;
	text-align: center;
}

body.employers .intro-wrapper {
	background-color: #a25348;
}

body.jobseekers .intro-wrapper {
	background-color: #23475e;
}

body.jobseekers .intro-wrapper h1,
body.employers .intro-wrapper h1 {
	color: #ffffff;
}

.intro-wrapper.jumbotron {
	padding: 10px;
}

.intro-wrapper h1 {
	font-size: 30px;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #000000;
}

.intro-wrapper h2 {
	color: #707070;
}

.intro-wrapper p {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5em;
	color: #666666;
}

body .display-block {
	display: block;
}

.ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

a {
	color: #23475e;
}

a:hover {
	color: #727272;
}

a.plain {
	text-decoration: none;
}

a.plain:hover {
	text-decoration: underline;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

.background-gray {
	background: #eaeaea;
}

.has-error .background-black,
.background-black {
	background: #000000;
}

.background-white {
	background: #ffffff;
}

.well > .background-gray,
.well > .background-black,
.well > .background-white {
	padding-bottom: 5px;
}

.well > .background-gray,
.well > .background-black,
.well > .background-white {
	margin-left: -19px;
	padding-left: 19px;
}

.well > .background-gray,
.well > .background-black,
.well > .background-white {
	margin-right: -19px;
	padding-right: 19px;
}

.error {
	color: red;
	font-weight: bold;
}

.has-error .alert {
	margin-bottom: 5px;
	margin-top: -1px;
	padding: 10px 15px;
}

.feedback {
	background-color: #74c2f3;
}

.feedback a {
	color: #ffffff;
}

.glyphicon-primary,
.fa-primary {
	color: #23475e;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.inline-checkbox {
	display: inline-block;
	margin-top: 0;
}

.form-group.required .control-label:after,
.control-label.required:after {
	content: "*";
	color: red;
}

.form-group.buttons {
	margin-top: -8px;
}

.form-group.buttons > * {
	margin-top: 8px;
}

.input-note {
	font-size: 12px;
	text-align: right;
	margin: 3px 5px 0 0;
}

.button-set form {
	display: inline-block;
}

.button-set .btn,
.button-set .btn+.btn,
.button-set-reversed .btn {
	margin-bottom: 10px;
}

.button-set .btn,
.button-set .btn+.btn {
	margin-left: 0;
	margin-right: 10px;
}

.button-set-reversed .btn {
	float: right;
}

.button-set-reversed .btn {
	margin-left: 10px;
}

.button-set-reversed .btn:last-child {
	margin-left: 0;
}

.table-fixed {
	table-layout: fixed;
}

.decorated-line {
	overflow: hidden;
	text-align: center;
	color: #818285;
}

.decorated-line>span {
	position: relative;
	display: inline-block;
}

.decorated-line>span:before,
.decorated-line>span:after {
	content: '';
	position: absolute;
	top: 50%;
	border-bottom: 2px solid;
	width: 60%; /* based on the span's width */
	margin: 0 20px;
}

.decorated-line.full-width-line>span:before,
.decorated-line.full-width-line>span:after {
	width: 3000px;
}

.decorated-line>span:before {
	right: 100%;
}

.decorated-line>span:after {
	left: 100%;
}

.btn.btn-help,
.input-group .btn.btn-help {
	color: #ffffff;
	background-color: #cccccc;
	width: 30px;
	height: 30px;
	font-weight: bold;
	border-radius: 50%;
	margin-left: 10px;
	padding: 4px;
}

.control-label .btn.btn-help,
p .btn.btn-help {
	margin-top: 0px;
	margin-bottom: 4px;
}

input[type=file] {
	border: 2px solid #d8d3cb;
	color: #888888;
	padding: 8px;
	line-height: 1.42857143; /* reset line height back to twitter bootstrap default  */
}

.gray-bar {
	background-color: #cccccc;
	padding: 5px 0 15px 15px;
}

.gray-bar h3 {
	color: #666666;
}

.red-bar {
	padding: 5px 0 54px 15px;
	background-color: #a25348;
}

.blue-bar {
	padding: 5px 0 54px 15px;
	background-color: #23475e;
}

.rep-contact-bar {
	padding: 30px;
	text-align: center;
	background-color: #a25348;
	color: #ffffff;
	font-size: 24px;
}

.rep-contact-bar a,
.rep-contact-bar a:hover {
	color: #ffffff;
}

.client-testimonial {
	text-align: center;
}

.client-testimonial h4 {
	color: #000000;
}

.bulk-pricing {
	text-align: center;
}

.bulk-pricing h2 {
	color: #000000;
}

.fa-li {
	top: 4px;
}

.spam-warning {
	margin-bottom: 60px;
}

.spam-warning .fa.pull-left {
	margin-right: .1em;
}

.spam-warning .exclamation {
	display: inline-block;
	font-size: 70px;
	padding-right: 20px;
	line-height: 0.8;
	font-weight: bold;
}

/* Home page styles */

.navbar .site-title .extension {
	font-size: 15px;
}

.scroll-down-icon {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	color: #50636f;
	transition: margin-bottom 300ms cubic-bezier(0.4, 0.01, 0.47, 0.8);
}

.scroll-down-icon p {
	font-size: 12px;
}

hr.short-line {
	width: 40px;
	border-top-width: 2px;
}

.jumbotron hr.short-line {
	border-top-width: 3px;
}

.home-jobs-header {
	background-color: #23475e;
	color: #ffffff;
	text-align: center;
	padding: 40px;
}

.home-jobs-header h2,
.our-expertise h4 {
	color: #ffffff;
}

.home-jobs-header p {
	font-size: 18px;
	color: #6f8696;
}

.emp-message {
	text-align: center;
	margin-bottom: 60px;
}

.emp-message h2 {
	color: #000000;
}

.our-expertise {
	background-color: #a25348;
	color: #dcbeb9;
	text-align: center;
}

.our-expertise .icon-border {
	display: inline-block;
	position: relative;
	background: #a25348;
	border: 2px solid #b06d63;
	border-radius: 2px;
	padding: 20px 30px;
	font-size: 48px;
}

.our-expertise .icon-border:after,
.our-expertise .icon-border:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.our-expertise .icon-border:after {
	border-top-color: #a25348;
	border-width: 10px;
	margin-left: -10px;
}

.our-expertise .icon-border:before {
	border-top-color: #b06d63;
	border-width: 13px;
	margin-left: -13px;
}

.our-expertise .icon-border:hover {
	background: #ffffff;
	border-color: #ffffff;
	color: #a25348;
}

.our-expertise .icon-border:hover:after {
	border-top-color: #ffffff;
}

.our-expertise .icon-border:hover:before {
	border-top-color: #ffffff;
}

.how-it-works {
	text-align: center;
	padding-bottom: 60px;
}

.how-it-works h3,
.home-quote h3,
.app-links,
.app-links h3 {
	color: #000000;
}

.home-quote,
.app-links {
	background-color: #dfdede;
	text-align: center;
}

.home-quote p {
	color: #555555;
	font-size: 20px;
}

.app-links a {
	width: 150px;
}

.app-links .ios {
	max-width: 45%;
    max-width: calc((100% - 8px)*0.46);
}

.app-links .android {
	max-width: 50%;
    max-width: calc((100% - 8px)*0.52);
}

.marketing-message {
	line-height: 1.8em;
	color: #707070;
}

.marketing-message h4 {
	color: #23475e;
	letter-spacing: 0.05em;
	font-weight: 500;
	line-height: 1.42857143;
}

/* Additional Styles */

.welcome-message {
	font-size: 14px;
	font-weight: 500;
}

.google-link-unit {
	margin-bottom: 30px;
	text-align: center;
}

.main-search {
	margin-bottom: 0;
	padding: 70px 0;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 75%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
}

.main-search h1 {
	margin-top: 15px;
	margin-bottom: 25px;
}

body.index .main-search {
	position: relative;
	min-height: 925px; /* fallback for non CSS3 browsers */
	min-height: calc(100vh - 55px);
	/* padding-top: height - top nav + height of this search box + visual size of SCROLL DOWN pointer */
	padding-top: calc((100vh - 55px - 600px - 40px)/2);
	padding-bottom: 100px;
	/*transition: all 500ms cubic-bezier(0.02, 0.01, 0.47, 1);*/
}

body.index .main-search h1 {
	margin: 0;
	font-weight: 200;
	letter-spacing: 0;
	line-height: 1.42857143;
}

body.index .main-search h2 {
	margin-top: 15px;
	margin-bottom: 16px;
	font-size: 46px;
	font-weight: 600;
}

.main-search h2,
.main-search h3 {
	color: #ffffff;
}

.main-search .placeholder-icon-wrapper {
	max-width: 400px; /* input is 400px, paddings are 20px and 16px */
	margin: 0 auto;
	width: 90%;
}

.main-search input.form-control,
.main-search select.form-control {
	display: block;
	width: 90%;
	max-width: 400px;
	margin: 0 auto 10px auto;
	padding-top: 6px;
	padding-bottom: 6px;
}

.main-search .placeholder-icon-wrapper input.form-control,
.main-search .placeholder-icon-wrapper select.form-control {
	width: 100%;
}

.main-search .btn {
	background-image: none;
	background-color: transparent;
	padding: 10px 24px 10px 24px;
	font-size: 12px;
	border-color: #50636f;
	font-weight: bold;
}

.main-search .btn:hover {
	background-color: #ffffff;
	border-color: #50636f;
	color: #000000;
}

.main-search .btn .fa {
	color: #50636f;
	vertical-align: sub;
}

.main-search a {
	color: #ffffff;
}

.no-search-results {
	background-color: #fafa83;
	border: 1px solid #dddd74;
	border-radius: 1px;
}

.placeholder-icon-wrapper {
	position: relative;
	display: inline-block;
}

.placeholder-icon-wrapper .form-control {
	padding-left: 30px;
}

.placeholder-icon-wrapper .fa {
	position: absolute;
	color: #999999;
	left: 9px;
	top: 16px;
}

.btn-jobseeker-primary {
	min-width: 80px;
}

.btn-employer-primary,
.btn-employer-secondary,
.btn-jobseeker-primary,
.btn-jobseeker-secondary,
.btn-tertiary,
.btn-success,
.btn-danger,
.btn-info {
	background-image: none;
	font-size: 12px;
	font-weight: 500;
	padding: 10px 24px 10px 24px;
	text-transform: uppercase;
}

.btn-info,
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open>.dropdown-toggle.btn-info {
	color: #000000;
}

.btn-tertiary.btn-xs {
	padding: 1px 5px;
	text-transform: none;
	text-shadow: 0 -1px 0 rgba(101,101,101,0.2);
	text-shadow: none;
	color: #656565;
}

.btn-tertiary.facebook-color {
	color: #3b5998;
	text-shadow: 0 -1px 0 rgba(59,89,152,0.2);
}

.btn-xs.active, .btn-xs:active {
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.125);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.125);
}

form:not(.form-horizontal):not(.form-inline) input[type=text] + .btn-employer-primary,
form:not(.form-horizontal):not(.form-inline) input[type=text] + .btn-employer-secondary,
form:not(.form-horizontal):not(.form-inline) input[type=text] + .btn-jobseeker-primary,
form:not(.form-horizontal):not(.form-inline) input[type=text] + .btn-jobseeker-secondary,
form:not(.form-horizontal):not(.form-inline) input[type=text] + .btn-tertiary {
	padding: 9px 20px 8px 20px;
	margin-bottom: 2px;
}

.input-group-btn:last-child>.btn-employer-primary,
.input-group-btn:last-child>.btn-employer-secondary,
.input-group-btn:last-child>.btn-jobseeker-primary,
.input-group-btn:last-child>.btn-jobseeker-secondary,
.input-group-btn:last-child>.btn-tertiary {
	padding: 8px 20px 7px 20px;
	margin-left: 10px;
}

/* Button Styles */
.btn-employer-primary {
	background-color: #a25348;
	color: #ffffff;
	border-color: #a25348;
}

.btn-employer-primary:hover,
.btn-employer-primary:active,
.btn-employer-primary:focus {
	background-color: #954c42;
	border-color: #954c42;
}

.btn-employer-secondary {
	background-color: #ffffff;
	color: #707070;
	border-color: #a9acb5;
	text-shadow: 0 -1px 0 #cccccc;
	/*text-shadow: none;*/
}

.btn-employer-secondary:hover,
.btn-employer-secondary:active,
.btn-employer-secondary:focus {
	background-color: #eaeaea;
}

.btn-jobseeker-primary {
	background-color: #23475e;
	color: #ffffff;
	border-color: #23475e;
}

.btn-jobseeker-primary:hover,
.btn-jobseeker-primary:active,
.btn-jobseeker-primary:focus {
	background-color: #1b3648;
	border-color: #1b3648;
}

.btn-jobseeker-secondary {
	background-color: #ffffff;
	color: #707070;
	border-color: #a9acb5;
	text-shadow: 0 -1px 0 #cccccc;
}

.btn-jobseeker-secondary:hover,
.btn-jobseeker-secondary:active,
.btn-jobseeker-secondary:focus {
	background-color: #ececec;
}

.btn-tertiary {
	background-color: #ececec;
	color: #777777;
	border-color: #c5c5c5;
	text-shadow: 0 1px 0 #777777;
}

.btn-jobseeker-tertiary:hover,
.btn-jobseeker-tertiary:active,
.btn-jobseeker-tertiary:focus {
	background-color: #eeeeee;
}

.btn-paypal {
	background-color: #ffc439;
	padding: 10px 22px 7px 22px;
	color: inherit;
	border: 0;
	border-radius: 2px;
}

.btn-paypal:hover {
	background-color: #f2ba36;
}

.google-ad-box {
	margin-top: 20px;
	text-align: center;
}

.google-ad-right ins {
	float: right;
}

.social-icons {
	margin-top: 10px;
}

div.fb_iframe_widget_fluid {
	display: inline-block;
}

.twitter-button {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}

.home-mid-icons {
	margin-top: 5px;
	padding: 20px 20px 0 20px;
	background-color: #eee;
	text-align: center;
}

.home-mid-icons img {
	margin-bottom: 20px;
	border-radius: 3px;
}

hr.dark {
	border-color: #cccccc;
}

hr.black {
	border-color: #000000;
}

.latest-jobs-container h2 {
	margin-top: 10px;
}

.latest-jobs-container h4 {
	font-size: 20px;
}

.latest-jobs-container .jobs {
	line-height: 1.5em;
}

.latest-jobs-container .jobs a:hover {
	text-decoration: underline;
}

.testimonial {
	background-color: #d3f1fd;
	border-radius: 5px;
}

.testimonial-scroll {
	overflow-y: auto;
	max-height: 144px;
	padding: 5px 10px 5px 0;
}

.extra-ad {
	border-top: 2px solid #eeeeee;
	padding-top: 40px;
	padding-bottom: 20px;
}

.footer {
	background-color: #373b3c;
	color: #ffffff;
	border-top: 2px solid #eeeeee;
	margin-top: 20px;
}

body.index footer,
body.jobseekers-why-use footer,
body.fb footer {
	margin-top: 0;
}

.footer > div.row > div {
	margin-top: 30px;
}

.footer h5 {
	color: #acacac;
}

.footer p {
	margin-bottom: 8px;
	font-size: 12px;
}

.footer a,
.footer a:hover {
	color: #ffffff;
}

.display-none {
	display: none;
}

.job-title {
	font-size: 16px;
}

.emp-action {
	padding: 20px;
}

.emp-action .btn-container .btn {
	width: 90%;
	max-width: 160px;
}

.rep-info {
	border-right: 1px solid #cccccc;
}

.credit-card-icons {
	font-size: 24px;
	color: #000000;
}

/* ADVANCED SEARCH PAGE */

div.searchlist_content {
	width:650px;
	padding-left:20px;
}

div.searchlist_content h2 {
	color:#505050;
	font-size:20px;
	font-family:"Verdana", Geneva, sans-serif;
	margin-bottom:10px;
}

div.searchlist {
	float:left;
	margin:0 0 10px 20px;
}

div.searchlist a {
	color:#00afcd;
	text-decoration:none;
}

div.searchlist a:hover {
	color:#727272;
	text-decoration:underline;
}

/* SIDEBAR */

.sidebar-wrapper {
	background-color: #ffffff;
	margin-bottom: 10px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.employer-sidebar-wrapper div:first-child hr:first-child {
	margin-top: 4px;
}

body.employers-register .employer-sidebar-wrapper div:first-child hr:first-child {
	margin-top: 18px;
}

.employer-sidebar-wrapper label {
	font-size: 14px;
}

.employer-sidebar-wrapper .radio-inline {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 6px 14px 6px 34px;
	border-radius: 1px;
	width: 49%;
	margin: 0;
}

.employer-sidebar-box {
	border: 1px solid #cccccc;
	padding: 20px;
}

.employer-sidebar-box h3 {
	color: #666666;
	font-weight: 500;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 15px;
}

.employer-sidebar-box p {
	line-height: 1.42857143; /*reset to twitter bootstrap default line height */
}

.employer-sidebar-box form p.text-red,
.employer-sidebar-box form label,
.employer-sidebar-box p:last-child {
	margin-bottom: 0;
}

.fa-wechat {
	color: #a25348;
}

body.employers-register .customer-care hr.short-line {
	display: none;
}

body.employers-register .customer-care {
	margin-top: 60px;
	padding: 15px 0;
	background-color: #a25348;
}

body.employers-register .customer-care,
body.employers-register .customer-care .text-black,
body.employers-register .customer-care .text-emp-red,
body.employers-register .customer-care a {
	color: #ffffff;
}

body.employers-register .customer-care h3 {
	margin-bottom: 40px;
}

/* SEARCH PAGE */

.job-search h1 {
	color: #25aae1;
	font-size: 24px;
}

.job-card {
	padding: 0;
	color: #707070;
}

.job-card .col-md-12,
.interstitial-ad .col-md-12 {
	padding-top: 8px;
	padding-bottom: 12px;
}

.job-card .media-left {
	min-width: 110px;
	width:     110px;
	max-width: 110px;
}

.job-card .media-left img {
	max-height: 140px;
}

.job-card .media-body {
	max-width: 555px;
}

.job-card h3 {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	margin-top: 10px;
}

.job-card p {
	line-height: 2em;
}

.job-card .featured-job,
.job-display .featured-job {
	color: #a25348;
	font-size: 17px;
}

.job-card .unsaved .unsave-link,
.job-card .saved .save-link,
.job-display .unsaved .unsave-link,
.job-display .saved .save-link{
	display: none;
}

.job-card img.pad-top {
	margin-top: 15px;
}

.job-card .job-divider,
.interstitial-ad .job-divider {
	margin-top: 2px;
	margin-bottom: 2px;
}

.job-card.highlight h3 a {
	background-color: #fdfdc7;
	padding: 5px 10px 2px 10px;
	border: 1px solid #f6f6c2;
	border-radius: 1px;
}

.job-card-featured.highlight h3 a {
	background-color: #fdfdaf;
	padding: 5px 10px 2px 10px;
	border-radius: 1px;
}

.job-card.even .col-md-12 {
	background-color: #f6f6f6;
}

.sms-signup-banner {
	margin: 20px 0 5px 15px;
}

.sms-signup-banner.full-width {
	margin-left: 60px;
}

.resub-ad {
	margin: 20px 15px 5px 0;
	height: 90px;
	padding: 10px;
	background-color: yellow;
	border-radius: 10px;
	border: solid 2px orange;
}

.resub-ad p {
	color: green;
	margin: 0;
}

/* Job Display Styles */

.well-header {
	margin: -20px;
	padding: 20px;
	margin-bottom: 20px;
	background: #cccccc;
}

.well-header.margin-bottom {
	margin-bottom: 10px;
}

h1.well-header.has-subheader {
	margin-bottom: 0;
	padding-bottom: 5px;
}

h1 .btn,
h2 .btn,
h3 .btn {
	margin-top: 3px;
	margin-right: 5px;
}

h4 .btn,
h5 .btn,
h6 .btn {
	margin-top: -8px;
	margin-right: -4px;
}

.well-header {
	background: none;
	color: #666666;
}

.header-darkgray {
	background: #929292;
	color: #ffffff;
}

.suggested-jobs {
	margin-top: 40px;
	max-width: 300px;
}

.table-white {
	background-color: white;
}

.job-preview-box {
	border: 2px solid #eeeeee;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}

.job-preview-box .logo:first-child {
	margin-top: 20px;
}

.job-preview-box br:last-child {
	display: none;
}

body.jobseekers-apply-job h3 {
	color: #666666;
}

.js-make-resume-searchable:not(.disabled) .disabled-warning {
	display: none;
}

.job-apply-well {
	font-size: 16px;
}

.job-apply-well .well-header {
	margin-bottom: 0;
}

.job-apply-form textarea {
	max-width: 100%
}

.job-display-border {
	padding: 15px;
	border: 1px solid #818285;
}

.job-display-text h2 {
	color: #23475e;
}

.share-job {
	font-size: 24px;
	color: #23475e;
}

.share-job .facebook {
	color: #3b5998;
	margin-left: 1px;
	margin-right: 2px;
}

.share-job .twitter {
	color: #55acee;
	margin-right: 2px;
}

.btn.btn-jobseeker-secondary.facebook-style {
	color: #ffffff;
	background-color: #3b5998;
	padding-left: 12px;
}

.facebook-style .fa {
	line-height: 18px;
	vertical-align: sub;
	font-size: 1.8em;
}

body.login .login-form .form-group.buttons {
	margin-top: 0;
}

body.login .facebook-style .fa {
	line-height: 18px;
}

.facebook-style:hover {
	color: #ffffff;
	background-color: #304980;
}

.modal-footer .btn.facebook-style {
	margin-left: 12px;
}

#login-modal .modal-header {
	background-color: #23475e;
}

#login-modal h4 {
	color: #ffffff;
}

#login-modal .close {
	color: #ffffff;
	text-shadow: none;
	opacity: 1;
}

.register-actioncall,
.register-actioncall a,
.register-actioncall a:hover {
	color: #C23C3E;
	font-weight: bold;
}

.register-actioncall a {
	text-decoration: underline;
}


/* About Page Styles */

body.about p.text-small {
	font-size: 14px;
}

body.about h3 {
	color: #666666;
}

/* Login and Checkout Page Well Styles */

.well-jobseeker,
.well-employer,
body.login .well,
body.employers-confirmpost .well,
body.employers-buy-bulk .well {
	background-color: #f6f6f6;
}

.well-jobseeker .well-header,
.well-employer .well-header,
body.login .well-header,
body.employers-confirmpost .well-header,
body.employers-buy-bulk .well-header {
	border-bottom: 1px solid #cccccc;
}

.well-jobseeker,
.well-employer,
body.employers-confirmpost .well,
body.employers-buy-bulk .well {
	min-height: 300px;
}

.well-short {
	min-height: auto;
}

.well-jobseeker .well-header,
body.login .well-header.js-login {
	background-color: #23475e;
}

.well-employer .well-header,
body.login .well-header.emp-login,
body.employers-confirmpost .well-header.payment-header {
	background-color: #a25348;
}

.well-jobseeker .well-header,
.well-employer .well-header,
body.login .well-header.js-login,
body.login .well-header.emp-login,
body.employers-confirmpost .well-header.payment-header {
	color: #ffffff;
}

/* New Employer Landing Styles */

body.employers-emp-landing .jumbotron,
body.hra-index .jumbotron  {
	min-height: 450px;
	background-color: #a25348;
	color: #ffffff;
}

body.employers-emp-landing .jumbotron {
	margin-bottom: 0;
}

body.employers-emp-landing .jumbotron p,
body.hra-index .jumbotron p {
	font-size: 14px;
	font-weight: 400;
}

body.employers-emp-landing .jumbotron p.text-bold,
body.hra-index .jumbotron p.text-bold {
	font-weight: 600;
}

body.employers-why-use .jumbotron .job-bundles p.text-large {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 10px;
}

body.employers-why-use .jumbotron .job-bundles .bundle-line-height p {
	line-height: 28px;
}

body.employers-why-use .jumbotron .job-bundles .best-bundle p.text-large {
	font-size: 60px;
	margin-bottom: 20px;
}

body.employers-why-use .jumbotron .job-bundles .bundle .bundle-tag {
	border: 1px solid #707070;
	border-bottom: none;
	color: #707070;
	font-size: 16px;
	padding: 4px 4px 2px 4px;
	margin: 0 25px;
	letter-spacing: 3px;
}

body.employers-why-use .jumbotron .job-bundles .best-bundle .best-bundle-tag {
	color: #000000;
	border: 2px solid #000000;
	border-bottom: none;
	font-size: 20px;
}

body.employers-emp-landing .jumbotron .subtitle,
body.hra-index .jumbotron .subtitle {
	font-size: 34px;
}

body.employers-emp-landing .jumbotron .text-large,
body.hra-index .jumbotron .text-large {
	font-size: 160px;
	line-height: 1em;
	margin-top: 20px;
}

body.employers-emp-landing .jumbotron .text-medium,
body.hra-index .jumbotron .text-medium {
	font-size: 18px;
}

body.employers-emp-landing .jumbotron .btn,
body.hra-index .jumbotron .btn {
	margin-bottom: 30px;
}

body.employers-why-use .jumbotron .job-bundles .btn {
	margin-bottom: 0;
}

body.employers-why-use .jumbotron .job-bundles .best-bundle .btn {
	margin-bottom: 10px;
}

body.employers-why-use .jumbotron .job-bundles .btn.btn-help {
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: text-top;
}

body.employers-emp-landing .jumbotron .fa,
body.hra-index .jumbotron .fa {
	margin-right: 10px;
}

body.employers-emp-landing .jumbotron .btn-employer-secondary,
body.employers-why-use .jumbotron .btn-employer-primary,
body.hra-index .jumbotron .btn-employer-secondary {
	padding: 12px 40px 12px 40px;
	font-size: 16px;
}

.emp-pricing {
	background-color: #a25348;
	color: #ffffff;
}

.emp-pricing h3 {
	color: #ffffff;
	letter-spacing: 0.15em;
}

.emp-pricing ul {
	margin-left: 26px;
}

.emp-pricing li {
	margin-bottom: 20px;
}

.emp-pricing-flow-2018 {
	text-align: center;
	color: #ffffff;
}

.emp-pricing-flow-2018 h1 {
	font-size: 36px;
	letter-spacing: 0.15em;
}

.emp-pricing-flow-2018 a:not(.btn) {
	text-decoration: underline;
}

.price-block h2 {
	color: #000000;
	margin-top: 10px;
}

.price-block p {
	font-size: 13px;
}

.job-bundles .well {
	background-color: #a25348;
	border: 1px solid #000000;
}

.testimonial-carousel .item {
	font-size: 20px;
	/* overflow fix for too tall testimonials - this or javascript solution */
	/*max-height: 200px;*/
	/*overflow-y: auto;*/
}

.testimonial-carousel .owl-nav div {
	color: #000000;
	margin: 5px;
	margin-top: 20px;
	padding: 4px 7px;
	display: inline-block;
	cursor: pointer;
}

.as-low-as {
	white-space: nowrap;
	font-size: 16px;
	line-height: 1em;
}

@media (min-width: 768px) {
	.as-low-as {
		position: absolute;
		top: 15px;
		right: 238px;
	}

	.as-low-as.over-100 {
		right: 274px;
	}
}

@media (min-width: 992px) {
	.as-low-as {
		right: 292px;
	}

	.as-low-as.over-100 {
		right: 340px;
	}
}

@media (min-width: 1200px) {
	.as-low-as {
		right: 244px;
	}

	.as-low-as.over-100 {
		right: 288px;
	}
}

.posting-term-sub {
	vertical-align: middle;
	font-size: 14px;
	margin-right: 5px;
}

.emp-action {
	background-color: #f2f2f2;
}

/* body.employers-emp-landing a,
body.employers-emp-landing a:hover {
	color: #ffffff;
}
*/

.bulk-discounts {
	margin-bottom: 30px;
}

.emp-landing {
	margin-bottom: 10px;
}

.emp-video {
	padding: 28px;
}

.emp-stats {
	font-size: 16px;
}

.num-resumes {
	margin-right: 30px;
}

.login-box {
	margin: 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid gray;
}

.question-box {
	color: #7e8085;
}

.employer-more-info .well {
	background-color: #f2f2f2;
	border: 0;
	text-align: left;
}

/* Tiered pricing based on company size */

.company-size .text-large input[type=checkbox],
.company-size .text-large input[type=radio] {
	margin-top: 6px;
}

.company-size .panel {
	margin-bottom: 0;
}

/* Hawaii Promo Page */

.hawaii_restaurant_logo {
	padding: 20px;
	background-color: #ffffff;
}

.hawaii_promo_code {
	color: #000000;
	font-style: oblique;
	font-weight: bold;
	font-size: 30px;
	vertical-align: middle;
}

body.hra-index .youtube-video iframe { /* mobile first responsive size */
	width: 290px;
	height: 163.125px;
}

/* FB responsive video */

body.fb .youtube-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

body.fb .youtube-video iframe { /* mobile first responsive size */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Employer Why Use Page Styles */

body.employers-why-use .jumbotron {
	margin-bottom: 0;
}

/*body.employers-why-use .intro-wrapper {*/
	/*padding: 20px*/
/*}*/

.why-use-main {
	min-height: 450px;
	margin-bottom: 0;
	padding: 40px 0;
	background-color: #cccccc;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 28%;
	overflow: hidden;
}

.why-use-our-experience h3 {
	color: #000000;
}

.why-use-our-experience p {
	font-size: 18px;
}

.our-services {
	background-color: #a25348;
	color: #ffffff;
}

.our-services h3,
.our-services h4 {
	color: #ffffff;
}

.our-services p {
	margin-bottom: 40px;
}

.our-services .fa-ul {
	margin-left: 4em;
}

.our-services .fa-li {
	left: -4em;
	width: 4em;
}

.why-use-price-subscription-term {
	font-size: 32px;
	line-height: 1em;
}

/* Employer Pricing White BKG */
.jumbotron.emp-pricing-white {
	min-height: 450px;
	background-color: #ffffff;
	color: #000000;
}

.jumbotron.emp-pricing-white p {
	font-size: 14px;
	font-weight: 400;
}

.jumbotron.emp-pricing-white .subtitle {
	font-size: 34px;
}

.jumbotron.emp-pricing-white .subtitle.smaller {
	font-size: 28px;
}

.jumbotron.emp-pricing-white .text-large {
	font-size: 160px;
	line-height: 1em;
	margin-top: 20px;
}

.emp-pricing-white {
	background-color: #ffffff;
	color: #000000;
}

.emp-pricing-white h3 {
    color: #000000;
    letter-spacing: 0.15em;
 }

.emp-pricing-white h4 {
	color: #000000;
}

.emp-pricing-white ul {
	margin-left: 26px;
}

.emp-pricing-white li {
	margin-bottom: 20px;
}

/* New Jobseeker Landing Styles */

.jobseeker-circle {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	background-color: #23475e;
	color: #ffffff;
	text-align: center;
	margin: 60px auto 40px auto ;
}

.jobseeker-circle i {
	line-height: 140px;
}

.jobseeker-landing h3 {
	color: #000000;
}

.mobile-devices .img-responsive {
 	display: inline;
}

.seeker-steps a {
	font-weight: 600;
}

.seeker-steps a:hover {
	text-decoration: none;
}

.register-bar {
	background-color: #23475e;
	padding: 40px;
}

.register-bar h2 {
	color: #ffffff;
	text-align: center;
	font-size: 24px;
}

.register-bar h2 .btn {
	margin-top: 10px;
}

/* Jobseeker Register Styles */

body.jobseekers .popover,
body.employers .popover {
	padding: 0;
}

body.jobseekers .popover .popover-title,
body.employers .popover .popover-title {
	color: #ffffff;
	margin: -1px -1px 0 -1px;
	border-bottom: none;
}

body.jobseekers .popover .popover-title {
	background-color: #23475e;
	border: 1px solid #000000;
}

body.employers .popover .popover-title {
	background-color: #a25348;
	border: 1px solid #a25348;
}

.js-register .well,
.emp-register .well,
.emp-question .well {
	background-color: #f6f6f6;
	border-radius: 1px;
}

.js-register .well-header,
.emp-register .well-header,
.emp-question .well-header {
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px;
	font-size: 16px;
	line-height: 1.42857143;
}

.js-register .well-header {
	background-color: #23475e;
}

.emp-register .well-header,
.emp-question .well-header {
	background-color: #a25348;
}

.js-register-header,
.emp-register-header,
.emp-question-header {
	text-align: center;
}

body.employers-employers-why-use .emp_question label {
	font-size: 14px;
}

.js-register label,
.emp-register label {
	font-size: 14px;
}

.emp-register .required-reminder {
	margin-top: -10px;
}

.js-register-header p {
	margin-bottom: 5px;
}

.js-register-form .cat-scroll {
	max-height: 330px;
	overflow-y: scroll;
	border-radius: 4px;
}

.js-register-form .js-highlight-on-checked label {
	padding: 10px 15px;
	padding-left: 35px;
}

.js-register-form .skills-grid {
	max-height: none;
	margin-right: 0;
	overflow: hidden;
}

.job-register {
	color: #7e8085;
	margin-bottom: 40px;
}

.job-register h1 {
	color: #25aae1;
}


/* Jobseeker Account Page */

.js-account-row1-well,
.js-account-row2-well, {
	color: #666666;
}

.js-account-row2-well h3
.js-account-row2-well h3, {
	padding-bottom: 0;
}

body.jobseekers-main .well-header {
	padding-bottom: 0;
}

/* Jobseeker Applied Jobs Page */

.seeker-profile-table>tbody>tr>th,
.seeker-profile-table>tbody>tr>td {
	padding: 0 5px;
	vertical-align: middle;
}

.seeker-profile-table>tbody>tr>td:first-child {
	width: 25%;
}

/* Category selection inside tables - delete this after other pages that use this are converted to new row and cols version */

.js-highlight-on-checked table .checkbox {
	margin: 0;
	padding: 0; /* Only needed for the employer registration form, which is inside a .form-inline */
}

.js-highlight-on-checked table .checkbox label {
	background: white;
}

.js-highlight-on-checked table .checkbox.checked label,
.js-highlight-on-checked table .radio.checked label {
	background-color: #818285;
	color: #ffffff;
}

table.js-highlight-on-checked .checkbox label {
	padding: 18px 18px 18px 38px;
	width: 100%;
}

table.table.js-highlight-on-checked td {
	padding: 0;
}

table.js-highlight-on-checked div.checkbox,
table.js-highlight-on-checked div.radio {
	margin: 0;
}

table.js-highlight-on-checked label {
	padding: 12px 8px 12px 32px;
	width: 100%;
}


/* Category selection as .row/.cols */

.skills-grid {
	margin-left: 0; /* Overrides Bootstrap's default -15px - we need to do this because we're adding borders */
	margin-right: -4px; /* Makes up for the 1px lost on the right of each .col */
	margin-bottom: 1px; /* Makes up for the 1px lost on the very bottom */
	max-height: 315px;
	overflow-y: auto;
}

.skills-grid .checkbox,
.skills-grid .radio {
	padding: 0; /* Overrides Bootstrap's default 15px padding beside each column - we add the padding in the label */
	border: 1px solid #dddddd;
	margin-bottom: -1px;
}

.row.skills-grid .checkbox,
.row.skills-grid .radio {
	margin-right: -1px;
}

.skills-grid .checkbox:last-child,
.skills-grid .radio:last-child {
	margin-bottom: 0;
}

.js-highlight-on-checked .checkbox {
	padding-top: 0;
}

.js-highlight-on-checked .checkbox {
	background: white;
}

.js-highlight-on-checked .checkbox.checked,
.js-highlight-on-checked .radio.checked {
	background-color: #818285;
	color: #ffffff;
}

.js-highlight-on-checked label {
	padding: 18px 18px 18px 38px;
	width: 100%;
}

/* Print Version Styles */

.printer-friendly pre {
	font-size: 11px;
    padding: 0;
    border: 0;
    background-color: initial;
    display: inline;
}


/* Employers - Our Locations */
body.employers-locations .locations-row {
	font-size: 12px;
}

body.employers-locations .locations-row .state-name {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #a25348;
	border-bottom: 1px solid #a25348;
	padding-left: 1px;
}

body.employers-locations .locations-row .state-name:first-child {
	margin-top: 0;
}

body.employers-locations .locations-row a {
	display: block;
}

/* FAQ PAGES */

.collapsable-panel {
	background-color: #f6f6f6;
	color: #707070;
}

.collapsable-panel a {
	color: #707070;
}

.collapsable-panel a.btn-employer-primary,
.collapsable-panel a.btn-jobseeker-primary {
	color: #ffffff;
}

.collapsable-panel .panel-title {
	line-height: 1.9em;
}

/* Employer Account Management Page */

.table-account-management,
.table-account-management>tbody>tr>td {
	border: none;
}

.table-account-management>tbody>tr>td:last-child {
	display: none;
}

.table-account-management .text-large {
	font-weight: 600;
	font-size: 28px;
}

.table-account-management .btn {
	margin: 2px 0;
	width: 100%;
	white-space: normal;
}

.table-account-management .highlight {
	background-color: #e8d4d2
}

.table-vertical-center>tbody>tr>td {
	vertical-align: middle;
	padding: 14px 12px;
}

.table-vertical-center>tbody>tr>td:first-child {
	padding: 8px;
}

.table-resdb-register tr {
	border-bottom: 6px solid #fff;
}

.table-resdb-register tr:last-child {
	border-bottom: 0;
}

.bulk-price-account {
	font-size: 16px;
}

.bulk-price-account .form-group {
	margin-bottom: 5px;
}

.bulk-price-account .form-horizontal .radio {
	padding-top: 0;
	margin-bottom: 5px;
}

/* Employers - Manage Jobs */

.job-management-table .nobr,
.resume-management-table .nobr {
	display: table-cell;
	max-width: 150px; /* The cell table will expand wider than this, but will not expand the table wider than the window */
	width: initial;
}

/* Employers - Site Locations map page */

.table-map {
	border: 0;
}

/* Employers - Resume Detail View */
.keyword-match {
	font-weight: bold;
	color: #ff0000;
	font-size: 125%;
}

.resume-preview-modal iframe,
.resume-management-table .modal iframe {
	width: 100%;
	min-height: 400px;
	min-height: 60vh;
	min-height: calc((100vh - 30px - 65px - 56px) * 0.8);
}

.resume-wrap {
	white-space: pre-wrap;
	break-inside: auto;
}

/* Employers - Resume List */
.employers-resume-list form + h3 {
	margin-top: 40px;
}

.application-table .has-star .glyphicon-star-empty,
.application-table .no-star .glyphicon-star {
	display: none;
}

.employers-resume-list .glyphicon-star-empty,
.employers-resume-list .glyphicon-star {
	font-size: 120%;
}

.employers-resume-list .glyphicon-star-empty {
	color: #7fabd2;
}

/* Employers - Register */
.register-progress {
	height: auto;
}

.register-progress .progress-bar {
	text-align: left;
	padding: 5px 10px;
}


/******************CKEDITOR STYLES**********************/

.ck.ck-editor__editable[role='textbox'] {
	height: 400px;
	font-size: 16px;
	line-height: 1.42857143;
	padding: 5px 20px;
}

.ckeditor_format {
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size:16px;
	max-width: 650px;
	word-break: break-word;
	/*background-color:#FFF;*/
}

.ckeditor_format ol, .ckeditor_format ul {
	padding: 0 40px;
}

.ckeditor_format h1, .ckeditor_format h2 {
	font-weight:normal;
	line-height: 1.2em;
}

.ckeditor_format p,
.ckeditor_format ul,
.ckeditor_format ol,
.ckeditor_format h1,
.ckeditor_format h2 {
	margin-bottom: 12px;
}

/* no margins inside nested lists */
.ckeditor_format ul ul,
.ckeditor_format ol ol,
.ckeditor_format ul ol,
.ckeditor_format ol ul {
	margin-bottom: 0;
}

/* Printable Version Styles */

.print-text {
	font-size: 14px;
	max-width: 650px;
}

.print-text a {
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
}

/* Home Page Redesign 2018 styles */

.nav-logo {
	margin-top: 2px;
	padding-right: 5px;
}

.homepage-2018 .navbar-left {
	float: left;
}

.homesearch-bar {
	background-color: #23475e;
	padding: 10px;
}

.homesearch-bar .placeholder-icon-wrapper {
	overflow: hidden;
	display: block;
}

.homesearch-bar input {
	width: 100%;
}

.btn-homesearch {
	color: #ffffff;
	background-color: #7a9db3;
	height: 46px;
}

.btn-homesearch a {
	color: #ffffff;
}

.btn-homesearch.focus,
.btn-homesearch:focus,
.btn-homesearch:hover {
	color: #ffffff;
	background-color: #62859b;
}

.home-slider-carousel {
	background-color: #23475e;
}

.home-slider-carousel .container > * {
	position: absolute;
	top: 30%;
	text-shadow: 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000, 0 0 3px #000000;
}

.home-slider-carousel h1 {
	font-weight: bold;
	color: #ffffff;
}

.home-slider-carousel h2 {
	font-size: 26px;
	color: #ffffff;
}

.home-slider-carousel a {
	color: #ffffff;
	text-decoration: none;
}

.home-slider-carousel .owl-controls {
	background-color: #23475e;
	height: 55px;
	text-align: center;
	position: relative;
}

.home-slider-carousel .owl-nav div {
	position: absolute;
	color: #ffffff;
	height: 55px;
	width: 40px;
	opacity: 0.3;
}

.home-slider-carousel .owl-prev {
	left: 0;
}

.home-slider-carousel .owl-next {
	right: 0;
}

.home-slider-carousel .owl-nav .fa {
	font-size: 30px;
	margin-top: 12.5px;
}

.home-testimonials h2 {
	color: #23475e;
}

.navbar-brand img {
	width: 30px;
	margin-top: 10px;
}

.navbar-brand img {
	margin-right: 10px;
}

.visible-phone-vertical {
	display: none!important;
}

/* Responsive style for homepage 2018 */

@media (min-width: 768px) {
	.homepage-2018 .navbar,
	.homepage-2018 .navbar-nav>li>a {
		min-height: 65px;
	}

	.homepage-2018 .navbar-nav>li>a {
		padding-top: 23px;
		padding-bottom: 18px;
	}

	.navbar-brand img + .site-title {
		line-height: 65px;
	}

	.homepage-2018 .navbar-nav>li>a.nav-emp-highlight {
		margin-top: 10px;
	}

	.navbar-brand img {
		width: auto;
		margin-top: 4px;
	}

	.container .navbar-left+.navbar-brand {
		margin-left: 0;
	}

	.homepage-2018 .navbar-left img.logo-workin {
		margin-top: 8px;
		margin-right: 8px;
	}

	.navbar-brand img {
		margin-right: 15px;
	}
}

/* Job Fair Styles */

	.job-fair-jumbotron h1 {
		margin-bottom:  20px;
	}

	.job-fair-jumbotron p {
		color:  #ffffff;
		margin-bottom: 20px;
		font-size: 18px;
	}

    .job-fair-panel .panel-body div[class^="col-"] {
    	border-left:  1px solid #a5a5a5;
    	border-right: 1px solid #a5a5a5;
    }

    .job-fair-panel .panel-body div[class^="col-"]:not(:first-child) {
    	margin-left: -1px;
    }

    .job-fair-panel .panel-body div[class^="col-"]:first-child {
    	border-left: none;
    }
    .job-fair-panel .panel-body div[class^="col-"]:left-child {
    	border-right: none;
    }

    .job-fair-panel .panel-body .row div[class^='col-'],
	.job-fair-panel .panel-body .row div[class*=' col-']
    {
    	padding-left: 30px;
    	padding-right: 30px;
    }

    .job-fair-panel .employer-logo {
    	margin-top: 10px;
    	margin-bottom: 10px;
    	max-height: 150px;
    	max-width: 100%;
    }

    .job-fair-panel .company-bio {
    	max-height: 320px;
    	overflow-y: auto;
    }

    .job-fair-panel .job-view {
    	padding-right: 10px;
    	max-height: 400px;
    	overflow-y: auto;
    }

/* Pay What You Want Page Styles */

.pyw-price-tiers>div {
	margin-bottom: 45px;
}
.pyw-price-tiers>div:not(.pyw-recommended-col) {
	margin-top: 45px;
}

.pyw-price-tiers .well {
	min-height: 250px;
	margin-bottom: 40px;
}

.pyw-price-tiers .well:not(.pyw-recommended-well) .well-header {
	background-color: #a25348;
	color: #ffffff;
}

.pyw-header {
	border: 1px solid #707070;
	border-bottom: none;
	color: #707070;
	font-size: 16px;
	padding: 4px 4px 2px 4px;
	margin: 0 25px;
	letter-spacing: 3px;
}

@media (min-width: 992px) {
	.pyw-header {
		letter-spacing: 1px;
	}
}
@media (min-width: 1200px) {
	.pyw-header {
		letter-spacing: 3px;
	}
}

.pyw-price-tiers .pyw-recommended-well {
	padding-top: 30px;
	margin-bottom: 25px;
	min-height: 280px;
	background-color: #a25348;
	border: 1px solid #000000;
	color: white;
}

.pyw-price-tiers .pyw-recommended-well .well-header {
	font-size: 42px;
	color: #ffffff;
}

/* Responsive styles */

/* iPhone 4, 5, 6 */
@media (max-width: 400px) {

	body.employers-emp-landing .jumbotron .text-large,
	body.hra-index .jumbotron .text-large {
		font-size: 120px;
	}

	.jumbotron.emp-pricing-white .text-large {
		font-size: 120px;
	}

	.main-search .input-lg {
		font-size: 13px;
	}

}

/* iphone 6plus */
@media (min-width: 375px) and (max-width: 767px) {
	.open-search .intro-wrapper h1,
	.jobseekers-search .intro-wrapper h1 {
		font-size: 24px;
	}
}

/* iPhone landscape */
@media (min-width: 568px) {

	.table-account-management,
	.table-account-management>tbody>tr>td {
		border: 1px solid #dddddd;
	}

	.table-account-management>tbody>tr>td:last-child {
		display: table-cell;
	}

	.table-account-management .btn {
		margin: 10px;
		width: 220px;
	}

}

/* iPhone */
@media (max-width: 767px) {

	.navbar-nav .open .dropdown-menu {
		background-color: #eeeeee;
	}

	.navbar-nav .open>a {
		min-height: 0;
		padding-bottom: 12px;
	}

	.navbar-nav .open .dropdown-menu>li:first-child>a {
		padding-top: 10px;
	}

	.navbar-nav .open .dropdown-menu>li:last-child>a {
		padding-bottom: 15px;
	}

	.btn-responsive {
		padding: 5px 10px;
		font-size: 11px;
	}

	.btn-jobseeker-primary.btn-responsive {
		min-width: 60px;
	}

	.job-card-wrapper {
		padding-left: 2px;
		padding-right: 2px;
	}

	.social-icons {
		float: left !important;
	}

	.open-search .main-search,
	.jobseekers-search .main-search {
		text-align: center;
	}

	.open-search .intro-wrapper h1,
	.jobseekers-search .intro-wrapper h1 {
		font-size: 19px;
	}

	.job-alert-box input.form-control {
		margin-bottom: 10px;
	}

	.emp-action .btn-container .btn {
		margin-bottom: 10px;
	}

	.login-reminder,
	.xs-float-none {
		float: none!important;
	}

	.button-set.xs-float-none .margin-left:first-child {
		margin-left: 0;
	}

	.pull-right.text-right.xs-float-none {
		text-align: left;
	}

	.login-reminder .btn {
		margin-left: 10px;
	}

}

/* iPhone resolution - portrait */
@media (max-width: 767px) and (orientation: portrait) {
	.hidden-phone-vertical {
		display: none!important;
	}

	.visible-phone-vertical {
		display: block!important;
	}

	.homepage-2018 .navbar-brand {
		padding-left: 10px;
	}
}

/* ipad resolution - portrait */
@media (min-width: 768px) {

	.navbar .site-title {
		font-size: 20px;
	}

	.site-title.over-20 {
		font-size: 15px;
	}

	.site-title.over-24 {
		font-size: 12px;
	}

	.navbar-nav>li>a {
		letter-spacing: 0;
		padding-left: 12px;
		padding-right: 12px;
	}

	.navbar-nav>li>a.nav-emp-highlight {
		min-height: 45px;
		margin-top: 5px;
		padding-top: 13px;
		padding-bottom: 8px;
	}

	body.index .announcement-bar:not(.hide):not(.hiding)~div .scroll-down-icon {
		margin-bottom: 42px;
	}

	.job-apply-form .sign-up-well .btn {
		margin-top: 128px;
	}

	body.hra-index .youtube-video iframe {
		width: 720px;
		height: 405px;
	}

	html {
		min-height: 100%;
		position: relative;
	}

	body {
		margin-bottom: 260px;
	}

	body.index,
	body.jobseekers-why-use,
	body.fb {
		margin-bottom: 220px;
	}

	.register-bar h2 .btn {
		margin-top: 0;
	}

	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 240px;
	}

	.select-width {
		max-width: 150px;
	}

	.post-jobs-noupsells {
		margin-top: 100px;
		margin-bottom: 250px;
	}
}

@media only print and (min-width: 768px) {
	.footer {
		position: static;
		bottom: auto;
	}
}

/* ipad resolution - landscape */
@media (min-width: 992px) {

	.navbar .site-title {
		font-size: 27px;
	}

	.site-title.over-20 {
		font-size: 22px;
	}

	.site-title.over-24 {
		font-size: 17px;
	}

	.navbar-nav>li>a {
		letter-spacing: 2px;
		padding-left: 15px;
		padding-right: 15px;
	}

	body.index .main-search {
		/* height - top nav + visual height of this search box + visual size of SCROLL DOWN pointer */
		padding-top: calc((100vh - 55px - 400px - 40px)/2);
		background-position: center 30%;
	}

	.main-search input.form-control,
	.main-search select.form-control,
	.main-search .placeholder-icon-wrapper {
		display: inline-block;
		width: 235px;
		max-width: initial;
		margin: 0;
		margin-right: 5px;
		font-size: 13px;
	}

	.main-search .btn {
		width: 160px;
	}

	body.login .btn-employer-primary,
	body.login .btn-employer-secondary,
	body.login .btn-jobseeker-primary,
	body.login .btn-jobseeker-secondary,
	body.login .btn-tertiary {
		padding: 11px 15px;
	}

	.home-boxes .panel {
		min-height: 427px;
	}

	.job-alert-box input.form-control {
		width: 144px;
	}

	.emp-action .btn-container .btn {
		margin-top: 10px;
		max-width: none;
	}

	.emp-action .btn-container {
		text-align: center;
	}

	.why-use .well {
		min-height: 600px;
	}

	body.employers-why-use .jumbotron .job-bundles .col-md-4:not(.best-bundle) {
		margin-top: 27px;
	}

	body.open-search .internal-ad-promo-box img,
	body.jobseekers-search .internal-ad-promo-box img {
		max-height: 350px;
	}

	body.hra-index .youtube-video iframe {
		width: 455px;
		height: 255.9375px;
	}

	body.hra-index .employer-sidebar-box {
		min-height: 255.9375px;
	}

	body {
		margin-bottom: 182px;
	}

	body.index,
	body.jobseekers-why-use,
	body.fb {
		margin-bottom: 142px;
	}

	.footer {
		height: 142px;
	}

	.footer > div.row > div {
		margin-top: 0;
	}

}

/* ipad exact height fix for full screen stability issue */
@media (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {

	body.index .main-search {
		/* min-height precalculated to include Chrome's tabs and GUI */
		min-height: 854px;
		/* padding-top: height - top nav + height of this search box + visual size of SCROLL DOWN pointer */
		padding-top: calc((854px - 55px - 490px - 40px)/2);
	}
}

@media (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {

	body.index .main-search {
		/* min-height precalculated to include Chrome's tabs and GUI */
		min-height: 598px;
		/* padding-top: height - top nav + height of this search box + visual size of SCROLL DOWN pointer */
		padding-top: calc((598px - 55px - 400px - 40px)/2);
		background-position: center 30%;
	}
}

/* desktop resolutions - 1200px and higher */
@media (min-width: 1200px) {

	.navbar .site-title {
		font-size: 27px;
	}

	body.login .btn-employer-primary,
	body.login .btn-employer-secondary,
	body.login .btn-jobseeker-primary,
	body.login .btn-jobseeker-secondary,
	body.login .btn-tertiary {
		padding: 11px 20px;
	}

	.job-alert-box input.form-control {
		width: 210px;
	}

	.jobseeker-sidebar-wrapper .job-alert-box input.form-control {
		width: 150px;
	}

	.main-search input.form-control,
	.main-search select.form-control {
		width: 306px; /* (1140px - 195px - 3*9px margin) / 3 */
		margin-right: 9px;
		font-size: 18px;
	}

	.main-search .placeholder-icon-wrapper {
		width: 306px; /* (1140px - 195px - 3*9px margin) / 3 */
		margin-right: 9px;
	}

	.main-search .btn {
		width: 195px;
	}

	.home-boxes .panel {
		min-height: 350px;
	}

	.why-use .well {
		min-height: 500px;
	}

	body.open-search .internal-ad-promo-box img,
	body.jobseekers-search .internal-ad-promo-box img {
		max-height: none;
	}

	body.hra-index .youtube-video iframe {
		width: 555px;
		height: 312.8175px;
	}

	body.hra-index .employer-sidebar-box {
		min-height: 312.8175px;
	}

	body {
		margin-bottom: 167px;
	}

	body.index,
	body.jobseekers-why-use,
	body.fb {
		margin-bottom: 127px;
	}

	.footer {
		height: 127px;
	}

}