/* $Id: components.css 21237 2015-11-16 16:36:03Z grantg $ */

P { /* overwrites boostrap set at 10 */
	margin-bottom: 15px;
}
FORM {
	margin: 0;
	padding: 0;
}
SMALL {
	color: #737373;  /* bootstap form .help-block class */
	font-weight: normal;
}
/** START HEADERS **/
H1, H2, H3, H4, H5, H6 {
	font-family: 'Avenir Heavy', Helvetica, Arial, sans-serif;
	color: #4c4e52;
	margin-top: 30px;
	margin-bottom: 30px;
}
H1.underline,
H2.underline,
H3.underline,
H4.underline,
h5.underline {
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
H1.overline,
H2.overline,
H3.overline,
H4.overline,
h5.overline {
	padding-top: 30px;
	border-top: 1px solid #cccccc;
}
H1.uppercase,
H2.uppercase,
H3.uppercase,
H4.uppercase,
a.uppercase {
	text-transform: uppercase;
}
H1.background,
H2.background,
H3.background,
H4.background,
h5.background {
	padding: 10px 15px !important;
	background-color: #F0F0F0;
	border: 0  !important;
}
H1 {
	font-size: 26px;
}
H1:not(:first-child) {
	margin-top: 50px;
}
H2 {
	font-size: 20px;
}
H3 { 
	font-size: 18px;
}
H4 { 
	font-size: 16px;
}
H5 {
	margin: 5px 0 2px 0;
	font-size: 15px;
	text-transform: uppercase;
}
/** END HEADERS **/


/** START FONT SPECIFIC **/
.font-light {
 	font-family: 'Avenir Light', Helvetica, Arial, sans-serif;
}
.font-heavy {
	font-family: 'Avenir Heavy', Helvetica, Arial, sans-serif;
}
.font-large {
	font-size: 18px;
}
.font-yellow {
	color: #f0ab00;
}
.font-blue {
	color: #0076cf;
}
.font-red {
	color: #a94442;
}
.badge-yellow {
	background-color: #f0ab00;
	color: #4c4e52;
}
.badge-yellow A, 
.badge-yellow A:hover,
.badge-yellow A:active,
.badge-yellow A:focus {
	color: #4c4e52;
	text-decoration: none;
}
/** END FONT SPECIFIC **/


/** START LINKS **/
A {
	color: #0062a7;
	text-decoration: none;
}
A:visited,
A:active,
A:focus {
	color: #0062a7;
}
A:hover {
	color: #0062a7; 
	text-decoration: underline;
}
.main A {
	font-weight: bold;
}
.command {
	text-transform: uppercase;
}
/** END LINKS **/


/** START GENERIC CLASS **/
.warning {
	color: #f00 !important;
}
.centered {
	text-align: center;
}
.display-none {
	display: none;
}
.disabled {
	opacity: 0.45;
	color: #000;
	cursor: not-allowed;
}
.action-buttons {
	margin-top: 30px;
}
.action-buttons .btn {
	margin-top: 10px;
	margin-right: 15px;
}
.sampleDocument {
	background-color: #f0f0f0;
	margin: 30px 20px 30px 0;
	padding: 50px;
	box-shadow: 10px 20px 30px #333;
}
.sampleDocument UL {
	list-style: disc;
}
.no-float-wrap {
	overflow: auto;
}
.overflow-ellipsis {
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.wrap-text A,
.wrap-text .linkProxy {
	-ms-word-break		:	break-all;
	 word-break			:	break-all;

	 /*Non standard for webkit*/
	 word-break			:	break-word;

	-webkit-hyphens		:	auto;
	   -moz-hyphens		:	auto;
			hyphens		:	auto;
}
.inline-block {
	display: inline-block;
}
/** END GENERIC CLASS **/


/** START IMAGE CLASS - classes found in database only (account images) **/
.leftAlign {
	float: left;
	clear: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.rightAlign {
	float: right;
	clear: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
.centerAlign {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
}
@media (max-width: 767px) {/* stop floating at XS */
	.leftAlign,
	.rightAlign {
		float: none;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}
/** END IMAGE CLASS **/


/** START BOOTSTRAP MIMIC CLASS **/
.text-lg-right,
.text-md-right,
.text-sm-right,
.text-xs-right {
	text-align: right;
}
.text-lg-center,
.text-md-center,
.text-sm-center,
.text-xs-center {
	text-align: center;
}
/** END BOOTSTRAP MIMIC CLASS **/


/** START POPOVER CUSTOM -  coming from bootstrap **/
.popover {
	background-color: #f6f6f6;
	max-width: 350px;
}
/** END POPOVER CUSTOM **/


/** START LISTS **/
UL { 
	padding-left: 15px; /* TODO - Are we sure we want this padding? */
	list-style: url(/assets/hej/img/elements/yellow-list-bullet.gif);
}
LI {
	padding-bottom: 10px;
}
UL.nav.nav-tabs LI {
	padding-bottom: 0px;
}
UL.nav.nav-tabs LI.active a  {
	border-bottom-color: white;
}

DL DT {
	margin-top: 15px;
}
DL DD {
	margin-bottom: 15px;
}
UL.links { 	
	font-size: 15px;
	padding-left: 0px;
	list-style: none;
	font-family: 'Avenir Heavy', Helvetica, Arial, sans-serif;
}
UL.small {
	font-size: 14px !important;
	list-style: none;
	margin-bottom: 0;
}
UL.links A { 	
	font-weight: normal;
}
UL.links.light {
 	font-family: 'Avenir Light', Helvetica, Arial, sans-serif;
}
UL.striped LI {	
	padding-bottom: 0;
	border-top: 1px solid #cdcdcd;
}
UL.striped LI:last-child {
	border-bottom: 1px solid #cdcdcd;
}
UL.striped LI:hover,
UL.striped LI:hover A, 
UL.striped LI A:hover, 
ul.striped LI:nth-child(odd):hover,
ul.striped LI:nth-child(odd) A:hover,
ul.striped LI A.hovered {
	background-color: #f1aa00;
	color: #404143;
	text-decoration: none;
}
UL.links LI .glyphicon {
	display: none;
}
UL.links LI:hover .glyphicon,
UL.links LI A.hovered .glyphicon {
	display: block;
	float: right;
}

UL.links LI {
	padding: 0;
	margin: 0;
}

UL.links:not(.light) LI A {
	display: block;
	height: 100%;
	width: 100%;
	font-size: 16px;
}
ul.striped LI A {
	padding: 5px 10px;
}
ul.striped LI:nth-child(odd) {
	background-color: #f7f7f7;
}

.search-categories {
	margin-bottom: 10px;
	font-size: 15px;
}
.search-categories ul {
	margin-bottom: 0;
}
.content .search-categories A:visited,
.content #js-results A:visited,
.content .article A.artTitle:visited,
.content .article .title A:visited,
.content .overview-records .command A:not(.btn):visited,
.content #job A:not(.btn):visited,
.sidebar .widget #instProfile A:visited {
	color: #336;/* 5485a7 */
}
.widget#widget-ResumeService {
	position: relative;
	padding-right: 0;
}
.widget#widget-ResumeService #btn-div {
	padding-right: 25px;
}
.widget#widget-ResumeService #TopResumeLogo {
	position: absolute;
	top: 130px;
	left: 75px;
}

ul.tag-list {
	margin: 30px 0 30px -30px;
}
ul.tag-list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
ul.tag-list LI {
	color: #333;
	font-size: 12px;
	font-family: 'Avenir Light', Helvetica, Arial, sans-serif;
	list-style: none;
	float: left;
	background-color: #f0ab00;
	margin: 5px 0 0 20px;
	padding: 3px 8px 3px 5px;
	position: relative;
	list-style: none;
	letter-spacing: 0.25px;
}
ul.tag-list LI:before {
	content: "• ";
	color: white;
}
ul.tag-list LI:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f0ab00;
	border-width: 12px 4px 12px 0;
	margin-top: -12px;
}
ul.tag-list LI A,
ul.tag-list LI A:active,
ul.tag-list LI A:hover {
	color: #333;
}

.list-more UL {
	margin-bottom: 0;
}
.list-more A {
	font-weight: normal;
}
/** END LISTS **/


/** START GRIDS **/
.divided-cols .divided-col {
	border-right: 1px solid #cccccc;
	min-height: 125px;
}
.divided-cols .divided-col:last-child {
	border-right: none;
}
/** END GRIDS **/


/** START TABLES **/
TABLE > TBODY > TR > TD {
	border-bottom: 1px solid #ccc;
	padding: 8px 15px;
}
TABLE > TBODY > TR > TH {
	padding: 4px 15px;
}
TABLE > TBODY > TR:first-child > TH {  /* these two statements do the same job of providing the top border */
	border-bottom: 1px solid #444;
}
TABLE > TBODY > TR:first-child > TD {  /* ...depending on how the table is coded */
	border-top: 1px solid #444;
}
TABLE > TBODY > TR:nth-child(even) > TD {
	background-color: #f7f7f7;
}

/* Remove default table styles for job description tables */
#jobDesc UL,
#tinymce UL {
	list-style: disc;
}
#jobDesc UL,
#jobDesc OL {
	margin-top: 15px;
}
#jobDesc A,
#tinymce A {
	font-weight: normal;
}
#jobDesc {
	margin-top: 30px;
}
#jobDesc TABLE > TBODY > TR > TD, 
#tinymce TABLE > TBODY > TR > TD {
	border-bottom: none;
	padding: 5px 15px 0 0;
}
#jobDesc TABLE > TBODY > TR:first-child > TH,
#tinymce TABLE > TBODY > TR:first-child > TH {
	border-bottom: none;
}
#jobDesc TABLE > TBODY > TR:first-child > TD,
#tinymce TABLE > TBODY > TR:first-child > TD {
	border-top: none;
}
#jobDesc TABLE > TBODY > TR:nth-child(even) > TD,
#tinymce TABLE > TBODY > TR:nth-child(even) > TD {
	background-color: #fff;
}
/** END TABLES **/


/** START CART **/
.cart-table {
	margin-top: 50px;
	margin-bottom: 0 !important;
}
.cart-table TH {
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: 1px solid #333 !important;
}
.cart-table TR:last-of-type TD {
	border-bottom: 1px solid #333 !important;
}
.cart-footer {
	margin: 3px 15px 50px 15px;
}
.cart-footer .row:first-child .cart-col {
	border-top: 1px solid #333;
}
.cart-footer .cart-col {
	padding: 10px 0 5px 0;
	text-align: right;
}
.cart-footer .cart-col:first-of-type {
	text-align: left;
	padding-left: 0;
}
.cart-footer hr {
	margin: 0 -15px;
}
.cart-footer .cart-action .btn {
	margin-right: 15px;
}
.cart-footer .cart-price {
	padding-right: 8px;
	color: #58a518;
	font-weight: bold;
	font-size: 19px;
}
.cart-footer .sub-total {
	padding-right: 8px;
	color: #333;
	font-weight: normal;
	font-size: 14px;
}

.product-group .product-description {
	padding-left: 25px;
	padding-right: 45px;
}
.product-group .product-pricing {
	padding-right: 25px;
}
.product-description {
}
.product-pricing {
	text-align: right;
	border-left: 1px solid #DDD;
}

.product-pricing .pricing {
	margin-bottom: 5px;
	font-size: 24px;
	color: #58a618;
}

.product-pricing .use-inventory {
	margin-bottom: 5px;
}
.product-pricing .use-inventory .small {
	margin-top: 5px;
}

.item-added-msg {
	margin-top: 10px;
}
/** END CART **/


/** START FORMS **/
.form {
	margin-top: 40px;
	margin-bottom: 20px;
}
.form.bg-inverse {
	background-color: #f7f7f7;
}
.form.bordered {
	border: 1px solid #ddd;
}

/*.form.bg-inverse h3 {
	margin: 0 0 20px 0;
	padding: 15px;
	border-bottom: 1px solid #eee;
	background-color: #0076cf;
	color: #fff;
}*/

FORM h2 {
	margin-top: 50px;
}

FORM h2.vertical-header {
	margin-top:30px;
}
.vertical-action {
	text-align: right;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 10px 20px;
	background-color: #f6f6f6;
}

.form h3 {
	margin-top: 40px;
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}

.form.form-row-striped .form-horizontal .form-group {
	border: 1px solid #eee;
}
.form.form-row-striped .form-horizontal .form-group:nth-child(odd) {
	background-color: #fff;
}
.form.form-row-striped .form-horizontal .form-group:nth-child(even) {
	background-color: #f7f7f7;
}
FORM .form-actions,
.form .form-actions {
	margin-top: 30px;
}
.form .form-actions .btn {
	margin-top: 10px;
	margin-right: 15px;
}
.form .form-actions a.btn {
	display: inline-block;
}
/* form wizard steps */
.form .form-actions.wizard-formactions {
	padding-top: 20px;
}

.form LABEL {
	font-size: 15px;
}
.form-horizontal.labels-left LABEL {
	text-align: left;
}

FORM LABEL.label-required:before {
	content: '* ';
	color: #f00;
}

@media (min-width: 992px) {
	FORM.labels-left .form-group > LABEL {
		position: relative;
		padding-left: 25px;
	}
	FORM.labels-left .form-group > LABEL.label-required:before {
		position: absolute;
		left: 15px;
	}
}

.form-group .input-inline {
	display: inline-block;
	width: auto !important;
}

.has-error .form-control.jqvIgnore {
	border-color: #ccc;
}
.form-group.has-error .help-block:not(.help-block-error),
.form-group.has-error small {
	color: inherit;
}
.form-group.has-error .form-control.no-err-highlight {
	border-color: #ccc;
}
.form-group.has-error .control-label.no-err-highlight {
	color: inherit;
}
.form .control-desc {
		padding-top: 6px;
}
.form .label-desc:first-child {
		margin-top: 6px;
}
INPUT[type="text"].search {
	background-color: #f0f0f0;
	border: 1px solid #cccccc;
}

.input-help {
	margin-top: 10px;
}
.input-help DIV.checkbox {
	margin-top: 0px;
	padding-top: 0px;
}
.checkbox-offset {
	padding-top: 10px;
}
TD.checkbox-offset {
	padding-top: 20px !important;
}
SELECT.location-select {
}

SELECT.category-select {
}

/* bootstrap select overflow on filter options */
.bs-select-catlist-hdr {
	cursor: pointer;
	display:inline-block;
	margin-top: 10px;
}
.bs-select-catlist {
	cursor: pointer;
	max-height: 100px;
	border: 1px solid #eee;
	border-width: 1px 1px 1px 1px;
	padding: 10px 5px 5px 10px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-y: scroll;
}
.bs-select-catlist ul, 
.bs-select-catlist ul li,
.bs-select-catlist ol, 
.bs-select-catlist ol li {
	margin-left: 5px;
	padding-left: 10px;
	margin-bottom: 0;
}
.bs-select-catlist ul li,
.bs-select-catlist ol li {
	padding-bottom: 0px;
}
.bootstrap-select .filter-option {
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bootstrap-select LI {
	padding-bottom: 0px;
}

/* Open-select */
.open-select SELECT {
	color: #0062a7;
	-webkit-appearance: none;	/* Removes default chrome and safari style */
	-moz-appearance: none;	/* Removes Default Firefox style */
	appearance: none;
	background: url('/assets/hej/img/elements/open-select-offset.gif') no-repeat right; /* Adds background-image arrow */
	text-indent: 0.01px;		/* Removes default arrow from firefox */
	text-overflow: "";		/* Removes default arrow from firefox */
	padding: 2px;
	padding-right: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.open-select SELECT::-ms-expand {
	display: none;
}
.open-select OPTION {
}
.open-select SELECT OPTION:hover , .open-select SELECT OPTION:active  {
	cursor: pointer !important;
}
/* remove the custom arrow for IE 9 
  (since we can't hide the default arrow) */
.ie9 .open-select SELECT { 
	background: none; 
	padding-right: 5px; 
}

.form-progress {
	margin-bottom: 20px;
	position: relative;
}
.form-progress BUTTON {
	text-align: left;
	height: 35px;
	padding-left: 20px;
	border-radius: 0;
}
.form-progress BUTTON IMG {
	background-color: white;
	border: 1px solid white;
	padding: 4px;
	border-radius: 25px;
	margin: -4px 5px 0 -5px;
}
/* Remove hover from buttons */
.form-progress BUTTON:hover, .form-progress BUTTON:active, .form-progress BUTTON:focus {
	text-decoration: none;
	border-top: inherit;
	border-right: 1px solid white;
	border-bottom: inherit;
	border-left: 3px solid white; 
	outline: 0;
}
/* White "spacer" arrow BEFORE button */
.form-progress BUTTON {
	border-left: 3px solid white;
}
.form-progress BUTTON:before {
	z-index: 998;
	left: 0;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #FFF;
	border-width: 19px 0 19px 6px;
	margin-top: -19px;
}
/* Grey arrow AFTER grey button */
.form-progress BUTTON.btn-grey {
	background-color: #f0f0f0;
}
.form-progress BUTTON.btn-grey:after {
	z-index: 999;
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #f0f0f0;
	border-width: 19px 0 19px 6px;
	margin-top: -19px;
}
/* Yellow arrow AFTER yellow button */
.form-progress BUTTON.btn-yellow:after {
	z-index: 999;
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #f0ab00; /* f0ab00 f0f0f0 */
	border-width: 19px 0 19px 6px;
	margin-top: -19px;
}
/* Green arrow AFTER green button */
.form-progress BUTTON.btn-green:after {
	z-index: 999;
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #55a800; /* f0ab00 f0f0f0 */
	border-width: 19px 0 19px 6px;
	margin-top: -19px;
}
/* Green arrow AFTER green button */
.form-progress BUTTON.btn-blue:after {
	z-index: 999;
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #0076cf; /* f0ab00 f0f0f0 */
	border-width: 19px 0 19px 6px;
	margin-top: -19px;
}
/* Clean Before first step */
.form-progress BUTTON:nth-of-type(1) {
	border-left: 0;
}
.form-progress BUTTON:nth-of-type(1):before {
	border: 0;
}

#inst-review {
	margin-bottom: 30px;
}
#inst-review label {
	color: #4C4E52;
}

/* color the placeholder text a light gray */
::-webkit-input-placeholder { color: #AAA !important; }
::-moz-placeholder { color: #AAA !important; } 
:-ms-input-placeholder { color: #AAA !important; }
input:-moz-placeholder { color: #AAA !important; }

.remote-overview .row {
	margin-top: 20px;
}

.remote-overview .row:nth-of-type(1) {
	margin-top: 0;
}

.expand-group H1.expand-header,
.expand-group H2.expand-header,
.expand-group H3.expand-header,
.expand-group H4.expand-header,
.expand-group H5.expand-header {
	color: #333;
	background-color: #f0f0f0;
	padding: 10px 15px;
	border-radius: 3px;
	margin-top: 7px;
	margin-bottom: 7px;
	cursor: pointer;
}
.expand-group H1.expand-header.expanded,
.expand-group H2.expand-header.expanded,
.expand-group H3.expand-header.expanded,
.expand-group H4.expand-header.expanded,
.expand-group H5.expand-header.expanded {
	color: white;
	background-color: #666;
}
.expand-group.filters H1.expand-header,
.expand-group.filters H2.expand-header,
.expand-group.filters H3.expand-header,
.expand-group.filters H4.expand-header,
.expand-group.filters H5.expand-header {
	padding: 7px 10px;
	color: white;
	text-transform: uppercase;
	background-color: #666;
	margin-bottom: 0;
}

.expand-content {
	padding: 25px;
}
.expand-group.filters .expand-content {
	padding: 0 5px;
	font-size: small;
	white-space: nowrap;
}
.expand-group.filters .expand-content .checkbox {
	margin-top: 5px;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
/* nested headers */
.expand-group .expand-group H1.expand-header,
.expand-group .expand-group H2.expand-header,
.expand-group .expand-group H3.expand-header,
.expand-group .expand-group H4.expand-header,
.expand-group .expand-group H5.expand-header {
	color: #eee;
	background-color: #999999;
	border: 1px solid #999999;
}
/* mid-bar nested header */
.expand-group .widget-mid-bar .expand-group H1.expand-header,
.expand-group .widget-mid-bar .expand-group H2.expand-header,
.expand-group .widget-mid-bar .expand-group H3.expand-header,
.expand-group .widget-mid-bar .expand-group H4.expand-header,
.expand-group .widget-mid-bar .expand-group H5.expand-header {
	color: #eee;
	background-color: #999999;
	border: 1px solid #999999;
}


.filter-subsection  {
	margin-left: 15px;
}
h6.filter-subheader {
	color: #515151;
	background-color: #ddd;
	border: 1px solid #ddd;
	margin: 5px 0;
	padding: 5px;
	border-radius: 3px;
	width: 105%; /* to fully cover the "..." */
}

.expand-group.inverse .expand-content {
	padding	:	0px;	
}
.expand-group.inverse .expand-header {
	background-color	:	#ddd !important;
	padding-top			:	7px;
	padding-bottom		:	7px;
}
.expand-group.inverse .expanded {
	color 				:	#4C4E52	!important;
	background-color	:	#FFF	!important;
	margin-bottom		:	2px		!important;
}
.expand-group.inverse H2.expanded A {
	color	:	#000 !important;	
}
.expand-group.inverse H2.expand-header A.btn-green {
	color	:	#fff !important;	
}
.expand-group.inverse .overview-records {
	margin-top	: 0;
}
/* start section info */
.form .section-info {
	position: relative;
	background-color: #f6f6f6;
	border: 1px solid #b3b3b3;
	border-radius: 5px;
	margin-top: 30px;
	width: 250px;
	padding: 25px 25px;
	float: right;
	margin-right: -280px;
	margin-top: -40px;
	
	display: none;
}
.form .section-info.nested {
	margin-top: 10px;
}
.form .section-info h3 {
	padding-top: 5px;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.form .section-info .arrow-header {
	margin: -25px -25px 30px -25px;
}
.form .section-info:after, .form .section-info:before {
	right: 100%;
	top: 82px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.form .section-info:after {
	border-color: rgba(246, 246, 246, 0);
	border-right-color: #f6f6f6;
	border-width: 10px;
	margin-top: -10px;
}
.form .section-info:before {
	border-color: rgba(179, 179, 179, 0);
	border-right-color: #b3b3b3;
	border-width: 11px;
	margin-top: -11px;
}
@media (min-width: 1200px) {
	.form .section-info {
		display: block;
	}
}
/* end section info */

/** END FORMS **/


/** START BUTTONS **/
.btn {
	text-transform: uppercase;
}
.btn:hover {
	border: 1px solid #4d4f53;
}
.btn:active {
	background-color: #4d4f53;
	color: #fff !important;
}

.btn.disabled {
	opacity: 0.45;
	color: #000;
	cursor: not-allowed;
}
.btn-block {
	margin: 10px 0;
}
.btn-wide {
	min-width: 110px;
	padding-right: 30px;
	padding-left: 30px;
}
.btn-xwide {
	min-width: 200px;
	padding-right: 30px;
	padding-left: 30px;
}

.btn A,
A.btn {
	font-weight: normal;
}

.btn-green,
.btn-green:hover {
	background-color: #58a618;
	color: #fff;
}
.btn-green A,
A.btn-green {
	color: #fff;
}
.btn-yellow,
.btn-yellow:hover {
	background-color: #f0ab00;
	color: #333;
}
.btn-yellow A,
A.btn-yellow {
	color: #333;
}
.btn-blue,
.btn-blue:hover {
	background-color: #0076cf;
	color: #fff;
}
.btn-blue A,
A.btn-blue {
	color: #fff;
}
.btn-ltgrey {
	background-color: #eee;
	color: #333;
	border: 1px solid #ccc;
}
.btn-ltgrey:hover {
	background-color: #ddd;
	border-color: #ccc;
}
.btn-ltgrey A,
A.btn-ltgrey {
	color: #333;
}
.btn-invert {
	background-color: #323232;
	color: #f0ab00;
	border-color: #656565;
}
.btn-invert:hover {
	background-color: #f0ab00;
	color: #000;
	border-color: #000;
}
.btn-invert A,
A.btn-invert {
	color: #f0ab00;
}
.btn.btn-nocaps {
	text-transform: none;
}
/** END BUTTONS **/

/** BEGIN BANNER AD **/
.banner-ad {
	width: 250px;
	overflow: hidden;
}
/** END BANNER AD **/

/** BEGIN WIDGET **/
.widget {
	background-color: #f0f0f0;
	margin-top: 30px;
	width: 250px;
	padding: 25px 25px;
}
.widget.banner-ad-widget {
	padding: 0;
	background-color: inherit;
}
@media (min-width: 560px) {
	.widget-picture {
		background-color: #f0f0f0;
		background-repeat: no-repeat;
		padding-left: 148px;
		min-height: 325px;
		max-width: 430px;
	}
	.widget-picture .widget {
		max-height: 325px;
		width: auto;
		padding-top: 15px;
		padding-left: 20px;
		overflow-y: hidden;
	}
}
.widget.inverse {
	background-color: #4c4e52;
	color: #f7f7f7;
}
.widget.inverse A {
	color: #f7f7f7;
}
.widget.noPad {
	padding: 0;
}
.widget P:nth-of-type(1) {
	margin-top: 20px;
}
.widget P:last-child {
	margin-top: 0;
	margin-bottom: 0;
}
.widget h3 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 150%;
}
.widget .arrow-header,
.section-info .arrow-header {
	font-size: 15px;
	font-weight: normal;
	position: relative;
	background-color: #efab00;
	margin: 0;
	padding: 15px 0 5px 0;
	z-index: 99;
	text-align: center;
}

.widget .arrow-header:after,
.section-info .arrow-header:after  {
	top: 100%;
	left: 0; 
	content: " ";
	position: absolute;
	pointer-events: none;
	width: 0%;
	height: 0;
	border-style: solid;
	border-width: 15px 125px 0 125px;
	border-color: #f0ab00 transparent transparent transparent;
	z-index: 99;
}

.widget.instProfile P {
	padding: 10px;
	background-color: #4d4e52;
	color: #fbfcff;
}
.widget.VIP {
	overflow: hidden;
	max-height: 250px;
}
.widget.VIP img {
	max-width: 250px;
}

.widget.testimonial {
	background-color: inherit;
	border-top: 1px solid #CCC;
}
.widget.testimonial P {
	margin: 0;
	padding: 25px 25px;
}
.widget.testimonial P.test_quote {
	color: #666;
	font-size: larger;
	border-bottom: 1px solid #CCC;
}
.widget.testimonial .test_arrow {
	position: relative;
	margin-left: 25px;
	width: 30px;
	height: 5px;
	background-color: #f0ab00;
}
.widget.testimonial .test_arrow:after {
	top: 100%;
	left: 0; 
	content: " ";
	position: absolute;
	pointer-events: none;
	width: 0%;
	height: 0;
	border-style: solid;
	border-width: 3px 15px 0 15px;
	border-color: #f0ab00 transparent transparent transparent;
	z-index: 99;
}

/* TODO - get rid of this, it isn't needed */
.widget INPUT[type="text"], .widget INPUT[type="password"] {
	display: block;
	margin: 10px 0;
	width: 100%;
	height: 30px;
	background-color: #fff;
	padding-left: 8px;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
}
.widget .input-group-btn .btn {
	line-height: 16px;
}
.widget.widget-filters INPUT[type="text"] {
	margin: 0;
}
.widget .form-group.close-group {
	margin-bottom: 10px;
}

.widget LI {
	font-weight: bold;
}
.widget .widget-mid-bar {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #e6e6e6;
	margin: 0 -25px 15px -25px;
	padding: 10px 25px;	
	
	font-size: small;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.widget .widget-mid-bar i {
}

.widget.mini-dash .stat_container {
	clear			:	both;
	font-size		:	15px;
}
.widget.mini-dash .stat_container:not(:first-child) {
	padding-top		:	6px;
}
.widget.mini-dash .stat_container A {
	display			:	block;
	padding-top		:	6px;
}

.widget.mini-dash .stats {
	float			:	left;
	position		:	relative;
	margin-right	:	15px;
	width			:	33px;
	height			:	34px;
	background-color:	#58A618;
	padding			:	7px 5px;
	color			:	#fff;
	text-align		:	center;
	overflow		:	visible;
}
.widget.mini-dash .stats:after {
	left: 100%;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #58A618;
	border-width: 17px 0 17px 5px; 
}

.widget.mini-dash .stats.smaller {
	padding: 8px 4px;
	font-size: 13px;
}

.widget.mini-dash.employer .stats {
	background-color	:	#0076cf;
}
.widget.mini-dash.employer .stats:after {
	border-left-color	:	#0076cf;
}

.widget.action-items:not(.wide),
.widget.action-items.inverse {
	padding-top: 15px;
	padding-bottom: 15px;
}
.widget.action-items .action-icon {
	float: left;
	width: 20px;
	text-align: center;
	margin-right: 5px;
}
.widget.action-items A {
	font-weight: normal !important;
}
.widget.action-items.wide DIV.row {
	margin-left: -5px;
	margin-right: -5px;
}
.widget.action-items DIV.row:not(:last-child) {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.widget.action-items.inverse DIV.row:not(:last-child) {
	border-bottom-color: #666;
}
.widget.inverse .action-icon {
	float: left;
	position: relative;
	margin-right: 15px;
	width: 28px;
	height: 30px;
	background-color: #f0ab00;
	padding: 5px;
	font-size: 18px;
	line-height: 20px;
	color: #333;
	text-align: center;
	overflow: visible;
}
.widget.inverse .action-icon:after {
	left: 100%;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #f0ab00;
	border-width: 15px 0 15px 5px; 
}
.widget.inverse .no-float-wrap {
	padding-top: 5px;
}

.widget UL.step-list li {
	font-weight: normal;
	padding: 5px 5px 5px 5px;
	list-style: none;
}
.widget UL.step-list li.current {
	font-weight: bold;
	list-style: url(/assets/hej/img/elements/yellow-arrow.gif);
	background-color: #f0ab00;
}
.widget UL.step-list li.finished {
	list-style: url(/assets/hej/img/elements/gray-check.gif);
	/*background-color: #0076cf;*/
}
/** END WIDGET **/

/** START LARGE DASHBOARD **/
.dashboard {
	margin-bottom: 20px;
	background-color: #f0f0f0;
	padding: 20px 35px;
	text-align: center;
}
.dashboard .stats {
	font-family: 'Avenir Heavy', Helvetica, Arial, sans-serif;
	position: relative;
	background-color: #f0ab00;
	margin-left: auto;
	margin-right: auto;
	width: 165px;
	height: 70px;
	font-size: 56px;
	color: #fff;
	overflow: visible;
}
.dashboard .stats.smaller {
	padding-top: 5px;
	font-size: 48px;
}
.dashboard .stats:after {
	top: 100%;
	left: 0; 
	content: " ";
	position: absolute;
	pointer-events: none;
	width: 0%;
	height: 0;
	border-style: solid;
	border-width: 15px 82px 0 82px;
	border-color: #f0ab00 transparent transparent transparent;
	z-index: 99;
}
.dashboard h5 {
	margin-top: 35px !important;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.dashboard-green .stats {
	background-color: #58A618;
}
.dashboard-green .stats:after {
	border-top-color: #58A618;
}

.dashboard-blue .stats {
	background-color: #0076cf;
}
.dashboard-blue .stats:after {
	border-top-color: #0076cf;
}
/** END LARGE DASHBOARD **/

/** START ARTICLES **/
.article .date {
	/*background: pink;*/
	position: relative;
	float: left;
	padding-right: 5px;
}
.article .date .month {
	padding: 2px;
	background-color: #333;
	color: #fff;
	text-transform: uppercase;
	font-size: smaller;
	
	position: relative;
	left: -6px;
	top: 6px;
	float: left;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	width: 32px;
	height: 20px;
	text-align: center;
}
.article .date .day {
	display: block;
	background-color: #f0ab00;
	color: #4c4e52;
	padding: 7px 5px 5px 5px;
	position: relative;
	left: -12px;
	float: left;
	width: 25px;
	height: 32px;
	text-align: center;
}
.article .date .day:after {
	left: 100%;
	top: 0;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #f0ab00;
	border-width: 16px 0 16px 5px; 
}
.article .date .year {
	padding: 2px;
	background-color: #ccc;
	color: #000;
	font-size: smaller;
	
	position: absolute;
	left: -26px;
	top: 6px;
	float: left;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	width: 32px;
	height: 20px;
	text-align: center;
}
#article-intro {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: small;
}
#article-content {
	margin-top: 40px;
}
#article-content UL {
	list-style: disc;
}
.article-footer {
	margin-top: 40px;
}
#disqus_thread {
	margin-top: 40px;
}
#article-typedesc {
	margin: 40px 0;
	padding: 40px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.main .article {
	margin-top: 30px;
}
.article .artTitle {
	font-size: 15px;
}
.article .separator {
	color: #f0ab00;
}

.article .articleTextContent {
	margin-top: 10px;
}
.articleTextContent A {
	font-weight: normal;
}

#feature .article { margin-top: 10px; }
#feature .article .date { display: none; }
#feature .article .artTitle {
	font-size: 18px;
}

#promoted {
	margin-bottom: 40px;
}
#promoted .article {
	position: relative;
}
#promoted .article .date {
	position: absolute;
	top: 20px;
}
#promoted .article .artTitle {
	display: block;
	margin-top: 15px;
}

IMG.displayImg {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.ie9 IMG.displayImg {
	filter: gray; /* IE6-9 */
}
/* control image sizing responsively */
#feature IMG.displayImg {
	max-width: 100%;
	max-height: 250px;	
}
#promoted IMG.displayImg {
	max-width: 100%;
	max-height: 170px;	
}
@media (min-width: 992px) {
	#feature IMG.displayImg {
		max-width: 400px;
	}
	#promoted IMG.displayImg {
		max-width: 250px;
	}
}

.PreviewWarning {
	margin-top		:	50px;
	position		:	absolute;
	top				:	1;
	left			:	1;
	min-height		:	60px;
	width			:	90%;
	z-index			:	100;
	color			:	white;
	box-shadow		:	10px 10px 5px #888888;
	border-radius	:	15px;
	opacity			:	.8;
	border			:	1px solid #A94442;	
}
.PreviewWarning H1 {
	margin-top		:	10px;
	margin-bottom	:	10px;	
}
/** END ARTICLES **/

/** START OVERVIEW **/

.overview-actions {
	margin: 25px 0 15px 0;
}
.overview-actions .btn {
	margin-right: 15px;
	margin-bottom: 10px;
}

.overview-records {
	margin: 15px 0;
}
.overview-records .record {
	margin-left: 0;
	margin-right: 0;
	padding: 15px 0;
}
.overview-records .record .command {
	padding-top: 20px;
	text-align: center;
}

.overview-records.striped {
	color: #4c4c4c;
}
.overview-records.striped .record {
	border-bottom: 1px solid #ccc;
}
.overview-records.striped .record:first-of-type {
	border-top: 1px solid #ccc;
}
.overview-records.striped .record:nth-of-type(odd) {
	background: #f7f7f7;
}
/* nested expand record groups */
.overview-records.striped .expand-record-group  .expand-record-group.record { 
	border: 0;
}
.overview-records.striped .record:nth-of-type(odd) .expand-record-group.record:nth-of-type(odd) { 
	background: white;
}
.overview-records.striped .record.parent {
	border-top: 1px solid #333333;
	border-bottom: 0;
	background: #f7f7f7;
}
.overview-records.striped .record.child {
	border-top: 1px solid #ccc;
	border-bottom: 0;
	background-color: #fff;
}
.overview-records .record.header {
	padding: 0;
	background-color: #fff !important;
	border-top: 0 !important;
}
.overview-records .record.header H2, 
.overview-records .record.header H3,
.overview-records .record.header H4,
.overview-records .record.header H5 {
	margin: 0;
	padding: 20px 0 5px 15px;
}
.overview-records .record:first-of-type H2, 
.overview-records .record:first-of-type H3,
.overview-records .record:first-of-type H4,
.overview-records .record:first-of-type H5 {
	padding-top: 0;
}

.overview-records .expand-record-header {
	padding-bottom: 10px;
}
.overview-records .expand-record-header i.fa-plus,
.overview-records .expand-record-header i.fa-minus,
.overview-records .expand-record-header i.fa-chevron-up,
.overview-records .expand-record-header i.fa-chevron-down {
	cursor: pointer;
	display: inline-block;
	margin-right: 5px;
	padding: 3px 5px;
	background-color: #666;
	color: white;
	border-radius:  2px;
}
.overview-records .expand-record-content {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 28px;
	border-top: 1px solid #ddd;
}


.overview-records .inner-field {
	font-weight: bold;
}
.overview-records .record.expand-record-group {
	padding-bottom: 10px;
}
.overview-records .row-actions {
	margin-top: 20px;
}
.overview-records .row-actions A { 
	display: inline-block;
	text-transform: uppercase;
	border-right: 1px solid #ccc;
	padding-right: 12px;
	margin-right: 10px;
}
.overview-records .row-actions A:last-of-type { 
	border-right: 0;
}
.overview-records .loading-msg {
	padding-top: 20px;
}
.overview-nav A,
.overview-nav img,
.overview-nav A:hover,
.overview-nav A:active,
.overview-nav A img,
.overview-nav A:hover img,
.overview-nav A:active img {
	text-decoration: none;
	margin-left: 5px;
}
.overview-pagenav A {
	display: inline-block;
	border-right: 1px solid #999999;
	padding: 0 10px;
}
.overview-pagenav A:first-child {
	padding-left: 0;
}
.overview-pagenav A:last-child {
	border-right: 0;
}
.overview-pagenav A.disabled {
	color: black;
	cursor: default;
}
.overview-pagenav A.disabled:hover {
	text-decoration: none;
}
/** END OVERVIEW **/


/** START RECORDS  **/

.record-display {
	margin-bottom: 30px;
}
.record-header {
	margin-top: 30px;
	margin-bottom: 10px;
}
.record-header H2,
.record-header H3,
.record-header H4 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 9px;
}
.record-actions {
}
.record-display {
}
.record-display .field {
	margin-left: 0;
	margin-right: 0;
	padding: 7px 0;
}
.record-display .field-label {
	font-weight: bold;
}

.record-display.striped {
	color: #4c4c4c;
}
.record-display.striped .field {
	border-bottom: 1px solid #ccc;
}
.record-display.striped .field:nth-of-type(1) {
	border-top: 1px solid #666;
}
.record-display.striped .field:nth-of-type(odd) {
	background: #f7f7f7;
}

/** END RECORDS **/


/** BEGIN JOB RESULTS **/
#job-currentfilters A {
	text-decoration: none;
	font-weight: normal;
	color: #333;
}
#job-currentfilters A i {
	color: #0062a7;
}
.pj-marker {
	font-weight: normal;
	position: relative;
	display: inline;
	background-color: #f0ab00;
	color: black;
	text-transform: uppercase;
	padding: 2px 5px 1px 5px;
	margin-left: 10px;
}
.pj-marker:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f0ab00;
	border-width: 10px 5px 10px 10px;
	margin-top: -10px;
}

.tag {
	font-weight: normal;
	position: relative;
	display: inline-block;
	background-color: #f0ab00;
	color: white;
	text-transform: uppercase;
	padding: 2px 5px 0 5px;
	margin-left: 10px;
}
.tag:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f0ab00;
	border-width: 10px 5px 10px 10px;
	margin-top: -10px;
}
.tag-yellow {
	color: black;
	background-color: #f0ab00;
}
.tag-yellow:after {
	border-right-color: #f0ab00;
}
.tag-green {
	background-color: #55a800;
}
.tag-green:after {
	border-right-color: #55a800;
}
#google-container {
	margin-bottom: 15px;
	position: relative;
	width: 100%;
	height: 350px;
	background-color: #e7eaf0;
}
#map-zoomin, #map-zoomout {
	height: 18px;
	width: 18px;
	cursor: pointer;
	margin-right: 3px;
	background-color: white;
	background-repeat: no-repeat;
	background-size: 18px 36px;
	background-image: url("/assets/hej/img/elements/map-zoom.png");
}
#map-zoomout {
	margin-bottom: 3px;
	background-position: 50% -18px;
}
/** END JOB RESULTS **/

/** SCROLL TO TOP **/
.scroll-to-top {
	display: inline-block;
	padding: 1px;
	text-align: center;
	position: fixed;
	bottom: 10px;
	z-index: 10001;
	display: none;
	right: 10px;
}
.scroll-to-top > i {
	display: inline-block;
	color: #687991;
	font-size: 30px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	}
.scroll-to-top:hover {
	cursor: pointer;
}
.scroll-to-top:hover > i {
	opacity: 1;
	filter: alpha(opacity=100);
}
@media (min-width: 992px) {
	.scroll-to-top {
		right: 20px;
	}
}
@media (max-width: 991px) {
	.scroll-to-top {
		bottom: 10px;
		right: 10px;
	}
	.scroll-to-top > i {
		font-size: 28px;
	}
}
/** END SCROLL TO TOP **/

/** BOOTBOX DIALOG **/
.modal-footer .btn:first-child {
	margin-right: 15px;
}
/** END BOOTBOX DIALOG **/

A.disabled-link {
	color			: 	#999;
	pointer-events	:	none;
}
A.disabled-link:hover {
	pointer-events	:	auto;
	cursor	: not-allowed;
}

.striped .yellow {
	background-color:#faf9dc !important;	
}


@media (max-width: 1199px) {/* ipad size - down to 768 */
	.text-lg-right,
	.text-lg-center {
		text-align: left;
	}
}

@media (max-width: 991px) {/* ipad size - down to 768 */
	.text-md-right,
	.text-md-center {
		text-align: left;
	}
	
	.dashboard .row div:nth-child(3) .stats,
	.dashboard .row div:nth-child(4) .stats{
		margin-top: 20px;
	}
	
	.margin-sm-bottom {
		margin-bottom: 10px;
	}
}

@media (min-width: 992px) {/* small pad size - down to 560 */
	.border-md-left {
		border-left: 1px solid #ddd;
	}
	.border-md-right {
		border-right: 1px solid #ddd;
	}
}
@media (max-width: 767px) {/* small pad size - down to 560 */
	.text-sm-right,
	.text-sm-center {
		text-align: left;
	}
	
	/* so the style will show at XS, but can be reversed (no important!) */
	.temp-hidden-xs {
		display: none;
	}
	
	.dashboard .row div:nth-child(2) .stats{
		margin-top: 20px;
	}
	
	.margin-xs-bottom {
		margin-bottom: 10px;
	}
	
	.overview-records .record .command {
		padding-top: 5px;
	}
}
@media (min-width: 560px) {
	.pull-right-sm {
		float: right;
	}
}
.visible-xxs-block {
	display: none !important;
}
@media (max-width: 559px) {/* mobile phone size - down to 320 or lower */
	.pull-left-xs {
		float: left;
	}
	.col-xs-margin {
		margin-bottom: 10px;
	}
	.visible-xxs-block {
		display: block !important;
	}
}

@media (max-width: 350px) {/* definitely mobile phone size */
}

@media print {
}