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

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

html,
button,
input,
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input, 
.btn {
    font-size: 1em;
    color: #222;
}

html, 
body { 
	height: 100%;
	background-color: #f5f4f0;
    /*background-color: ##faf9f5;*/
}

body {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 1em;
    line-height: 1.4;
}

a.btn,
a.btn:link, 
a.btn:visited, 
a.btn:active, 
a.btn:hover { 
    color: #C95F0E;
}

a,
a:link, 
a:visited, 
a:active, 
a:hover {
    /* color: #C95F0E; */ /* e86a0a */
    color: #582582; /* #1710ac */
}

a:link, 
a:visited { 
	text-decoration: none; 
}

a:active, 
a:hover { 
	text-decoration: underline; 
}

form { 
	margin: 0;
	height: 100%; 
	/* required for ryan fait sticky footer in asp.net */
}

legend { 
	font-weight: bold;
}

.myaccount-home .accordion-group {
	margin-bottom: 0;
	border: none;
	border-top: 1px solid #cecdcb;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.myaccount-home h2 { 
	margin: 0;
	padding: 0; 
	font-size: 18px;
	color: #582582;
}

.myaccount-form h2,
.myaccount-form h3,
.myaccount-form h4 { 
	color: #582582;
}

span.checkbox.inline { 
	color: #222222;
	margin: 0;
	padding: 0 0 0 5px;
}

/* my account overview */

#accountSummary h3 { 
    font-size: 15px;
    line-height: normal;
    color: #582582;
}

#accountSummary table tr td { 
    vertical-align: top;
    text-align: left;
}

label { 
	color: #555555;
	font-weight: bold;
}

.form-horizontal .control-label { 
	padding-top: 2px;
}

.help-block { 
	color: #666666;
	font-size: 95%;
}

img.logo { 
	padding-top: 33px;
    max-width: 250px;
    margin-left: 10px;
}

label, input, button, select, textarea { 
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 0.885em;
	color: #000000;
    line-height: 1.4;
}

.myaccount-form textarea { 
	height: 115px; 
}

/* set html5 tags to block for IE */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

.main-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    margin-bottom: -275px; /* bottom margin is negative value of footer height */
}

div.row-fluid { 
	max-width: 1050px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 { 
	color: #000000;
	font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
}

h2 { 
	margin-top: 0.5em;
	margin-bottom: 0;
}

h3 { 
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 19px; 
}

/* header */ 

header { 
	height: 167px; 
	background-color: #8e4ac1; 
	background-image: url('/img/bg-header.png'); 
	background-repeat: repeat-x; 
	background-position: left top; 
}

header, 
.main-nav { 
	padding-left: 0;
	padding-right: 0;
}

#lnkHome { 
	margin-top: 32px;
	display: block;
}

/* home */

.home-intro { 
	background: #43b3bd url('/img/bg-home-intro.jpg') top left repeat-x;
	border-bottom: 1px solid #cccccc;
}

.home-intro-text { 
    color: #000000;
    padding-top: 30px;
    padding-bottom: 30px;
}

.home .hdg { 
	/*padding: 15px 0 5px 0;*/
    padding-top: 15px;
    padding-bottom: 5px;
}

.home-intro-text p { 
    font-size: 17px;
}

body.home .main-content { 
	/* padding-top: 10px; */
}


body.home .hdg h2,
body.main h2 { 
    font-size: 20px;
    /* color: #582582; */
    color: #000000;
}

.home-feature .span4 { 
    background: #ffffff url('/img/bg-home-feature.jpg') bottom left repeat-x;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.home-feature h2 { 
    margin-top: 0;
    color: #e25a07;
	font-size: 21px;
}

.home-feature p { 
    color: #000000;
    max-width:75%;
}

.home-feature .find-job { 
    padding: 15px;
    background: url('/img/home-icon-find-job.png') bottom right no-repeat;
    min-height: 100px;
}

.home-feature .post-job { 
    padding: 15px;
    background: url('/img/home-icon-post-job.png') bottom right no-repeat;
    background-position-x: 94%;
    background-position-y: bottom;
    min-height: 100px;
}

.home-feature .email-signup { 
    padding: 15px;
    background: url('/img/home-icon-email-signup.png') bottom right no-repeat;
    min-height: 100px;
}

.home-feature .resource-directory { 
    padding: 15px;
    background: url('/img/home-icon-resource-directory.png') bottom right no-repeat;
    min-height: 90px;
}

/* navbar */ 

.navbar { 
	width: 100%;
	color: #000000;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #FFA11B;
	*background-color: #FFA11B;
	background-repeat: repeat-x;
	border-bottom: 1px solid #e96a09;
    background-image: linear-gradient(to bottom, #F2800E, #FFA11B);
}

.navbar .employers { 
	background: #57286e; 
}

body.home .navbar { 
    margin-bottom: 0;
}

ul.nav { 
	width: 100%;
}
.navbar li { 
	height: 42px;
	
}

.btn-nav {
	color: #000000;
}
.btn-nav:hover,
.btn-nav:active,
.btn-nav.active,
.btn-nav.disabled,
.btn-nav[disabled] {
	color: #582584;
	background-color: #FFA11B;
	*background-color: #003bb3;
}

.btn-nav:hover,
.btn-nav:active,
.btn-nav.active,
.btn-nav.disabled,
.btn-nav[disabled] {
	color: #582584;
	background-color: #FFA11B;
	*background-color: #003bb3;
}

.navbar li.active { 
	height: 42px;
	background: none;
	border-bottom: none;
}

.navbar-inner {
  min-height: 42px;
  padding-left: 0; /* 20px; */
  padding-right: 0; /* 20px; */
  background-color: transparent; /* #fafafa; */
  background-image: none; /* -moz-linear-gradient(top, #ffffff, #f2f2f2); */
  background-image: none; /* -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); */
  background-image: none; /* -webkit-linear-gradient(top, #ffffff, #f2f2f2); */
  background-image: none; /* -o-linear-gradient(top, #ffffff, #f2f2f2); */
  background-image: none; /* linear-gradient(to bottom, #ffffff, #f2f2f2); */
  background-repeat: repeat-x;
  filter: none; /* progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); */
  border: none; /* 1px solid #d4d4d4; */
  -webkit-border-radius: 0; /* 4px; */
  -moz-border-radius: 0; /* 4px; */
  border-radius: 0; /* 4px; */
  -webkit-box-shadow: 0; /* 0 1px 4px rgba(0, 0, 0, 0.065); */
  -moz-box-shadow: 0; /* 0 1px 4px rgba(0, 0, 0, 0.065); */
  box-shadow: none; /* 0 1px 4px rgba(0, 0, 0, 0.065); */
  *zoom: 1;
}

.navbar .nav > li > a {
    color: #000000;
	font-size: 17px;
	letter-spacing: 0.05em;
	font-weight: 500;
    float: none;
    padding: 11px 15px;
    text-decoration: none;
    text-shadow: none; /* 0 1px 0 #E8A24F; */
}

.navbar .nav li a:focus, 
.navbar .nav li a:hover { 
	background: transparent;
}

.navbar .nav li.active a, 
.navbar .nav li.active a:link, 
.navbar .nav li.active a:focus,
.navbar .nav li.active a:hover, 
.navbar .nav li.active a:active, 
.navbar .nav li.active a:visited { 
	background: #F5F4F0; 
	display: block;
	height: 21px;
	border-left: 1px solid #e96a09;
	border-right: 1px solid #e96a09;
}

.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
	background: transparent;
	box-shadow: none;
    color: #000000;
    text-decoration: none;
}

.nav-drop-down { 
	display: none;
}

.nav-mobile select { 
	width: 100%;
}

/* mobile nav */

.tinynav { display: none }

/* utility nav */ 

#utility-nav { 
    float: right;
    clear: none;
    list-style: none;
	margin: 0;
	padding: 0;
}

#utility-nav li { 
	float: left;
}

.navbar .nav > li.nav-services, 
.navbar .nav > li#navServices.active { 
	/*float: right;*/
}

#utility-nav li.nav-account { 

}

#utility-nav li.nav-login { 

}

#utility-nav li.nav-account a { 
	padding-right: 0;
}

#utility-nav li.nav-login a:after,
#utility-nav li.nav-status a:after,
#utility-nav li.nav-myaccount a:after { 
    content: "";
	background: #96959a;
	position: absolute;
	height: 12px;
	width: 1px;
	top: 12px;
	margin-left: 12px;
}

#utility-nav li a {
	color: #f5f5ed;
	font-size: 16px;
	display: block;
	padding: 8px 12px;
	text-decoration: none;
}

#utility-nav li a:hover {
	text-decoration: underline;
}

#utility-nav li.nav-status { 
	color: #c5bdca;
    font-size: 16px;
	font-style: italic;
	padding-top: 7px;
}

/* table header */

.grid-hdr{
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0D0D0D;
	*background-color: #0D0D0D;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #494947, #0D0D0D);
}
.grid-hdr a:hover,
.grid-hdr a:active,
.grid-hdr.active,
.grid-hdr.disabled,
.grid-hdr[disabled] {
	color: #FFFFFF;
	background-color: #0D0D0D;
	*background-color: #003bb3;
}

.grid-row {
    /* background: #ebe9ea; */
    /* background: #fcfafb; */
    /* background: #ebe8e9; */
    background: #ebe8e9;
    border-top: 1px solid #cccbc9;
    /* border-bottom: 1px solid #cccbc9; */
}

.grid-row-alt {
    background: #ffffff;
    border-top: 1px solid #cccbc9;
    /* border-bottom: 1px solid #cccbc9; */
}

.grid-row a,
.grid-row-alt a,
.grid-row td a,
.grid-row-alt td a {
	color: #222222;
}

.grid-cell { 
	padding: 10px;
}

.myAccountTable .grid-row td a, 
.myAccountTable .grid-row-alt td a { 
	/* color: #C95F0E; */
    color: #582582;
}

.grid-hdr th a { 
	color: #ffffff;
}

/* checkout */

.grid-checkout { 
	border: 1px solid #cccbc9;
}

.grid-row-checkout { 
	background: #ffffff;
	border: none;
}

.grid-row-checkout td { 
	border-top: none;
}

#checkout .btn-mini { 
	width: 75px;
	font-size: 14px;
	margin: 5px 0;
	padding: 2px 0;
}

/* resource directory listing */

img.rdimg { 
	max-width: 180px;
}

/* content */

.main-content { 
	padding-bottom: 20px;
    min-height: 250px;
}

#bannerAd { 
	float: right;
	margin-top: 6px;
}

/* job posting */

.copyPreviousPosting { 
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #ffffff;
	padding: 20px 20px 10px 20px;
}

.choosePreviousPosting { 
	margin: 10px 0;
}

.previousPostingButtons { 
	display: inline;
	margin: 0;
	padding: 0;
}

/* email signup */

.email-signup-captcha-img { 
	margin-bottom: 17px; 
	display: block;
}

/* sidebar */

#sm ul, .sm ul {
    display: inline;
}
#sm li, .sm li {
    float: left;
    clear: none;
    list-style: none outside none;
    padding: 0 10px 10px 0;
}
#sm img, .sm img {
    border: medium none;
    width: 32px;
    height: 32px;
}
#sm {
    margin-top: 20px;
    width: 300px;
}
.sm {
    margin-top: 8px;
    width: 60%;
}
#about #sm {
    margin-top: 0;
}

#about li { 
    margin-bottom: 5px;
}

.about-photo img { 
	/*max-width:242px;*/
    max-width: 100%;
}

body.main .about-faq h2 { 
    font-size: 24px;
    margin-bottom: 0;
}

body.main .about-faq h3 { 
    font-size: 17px;
    line-height: normal;
    margin: 15px 0 5px 0;
}

.about-faq li { 
    margin-bottom: 5px; 
}

div.bio { 
	margin-bottom: 30px;
}

.home .sidebar { 
	text-align: right;
}

.news .sidebar { 
	text-align: right;
}

.sidebar h2 { 
	font-size: 20px;
	color: #582582;
}

#sponsorlogos { 
	float: right;
    max-width: 100%;
}

#sponsorlogos iframe { 
    max-width: 100%;
}

#adrectangle { 
	float: right;
    max-width: 100%;
}

#adrectangle iframe { 
	max-width: 100%;
}

/* find job */

.find-job-menus { 
	background: #603375;
	padding: 15px;
}

.find-job-filters select { 
	width: 100%;
}

.job-title-wrap {

}

.job-title { 
    font-size: 110%;
    font-weight: bold;
}

.job-company-wrap {

}

.job-company { 
    color: #333;
}

.job-city { 

}

.job-submission-date { 

}

/* job posting */

.map-wrap-wi {
	margin: 40px 0 20px 0;
}

.map-wrap-il { 
	margin: 20px 0;
}

.map-wrap-mn { 
	margin: 20px 0;
}

.map-text-il { 
	font-size: 22px;
	color: #007098;
}

.map-text-mn { 
	font-size: 22px;
	color: #195a25;
}

.map-text-wi { 
	font-size: 22px;
	color: #432171;
}

/* resource directory */

.bootstrap-select > .btn { 
	width: 100%;
	font-weight: bold;
    padding: 8px;
}

/* industry books */

.bookDetail { 
    padding:10px 0px;
}

.industryBook { 
    margin: 0px 10px 5px 0px;
    border: #ccc 1px solid;
}

.industryBookTitle { 
    margin: 0;
    padding: 0;
    font-size: 110%;
    font-weight: bold;
}

/* resources */

.resources .main-content ul.resources-intro { 
    margin: 5px 0 12px 25px;
}

.resources .main-content ul.resources-intro li {
    margin-bottom: 6px;
    line-height: 140%;
}

ul.business-directory-list { 

}
.news ul.news-list,
.resources ul.resource-list { 
    list-style: none;
    margin-left: 0;
    /* display: table; */
}

.news ul.news-list li,
.resources ul.resource-list li {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    border-collapse: collapse;
    /* display: table-row; */
}

.resources ul.resource-list li a,
.news ul.news-list li a {
    display: block;
}

/* footer */

footer { 
	height: 275px; 
	border-top: 1px solid #c1c1c1; 
	background-color: #acd8db; 
	background-image: url("/img/bg-footer.png"); 
    background-repeat: repeat-x;
	clear: both; 
}

.push {
	height: 275px;
	clear: both;
}

footer .row-fluid { 
	padding: 15px 0 0 0;
}

footer h3 { 
	font-size: 16px;
}

footer a, 
footer a:link, 
footer a:hover, 
footer a:active, 
footer a:visited { 
    color: #000000;
    font-size: 14px;
    letter-spacing: 0.025em;
}

footer ul li { 
	line-height: 22px;
}

ul.ftr-additional-info, 
ul.ftr-bsn-sites, 
ul.ftr-social-media { 
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.ftr-social-media li img { 
	width: 32px; 
	height: 32px; 
}

ul.ftr-additional-info li, 
ul.ftr-bsn-sites li, 
ul.ftr-social-media li { 
	font-size: 14px;
}

ul.ftr-social-media li {
	float: left;
	clear: none;
	margin-right:15px;
}

ul.ftr-additional-info li a, 
ul.ftr-bsn-sites li a, 
ul.ftr-social-media li a { 
	color: #000000;
	letter-spacing: 0.025em;
}

.copyright { 
	font-size: 14px;
}

/* services */

#services-content h2 { 
	/* color: #5b2d87; */
    color: #000000;
	font-size: 20px;
}

#services-content .accordion-group {
	margin-bottom: 0;
	border: none;
	border-top: 1px solid #cecdcb;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#services-content .last { 
	border-bottom: 1px solid #cecdcb;
}

#services-content .accordion-group .accordion-heading { 
	/* padding: 6px 0; */
}

#services-content .accordion-group .accordion-heading a { 
	/* color: #C95F0E; */
    color: #582582; 
	font-weight: bold; 
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
}

#services-content .accordion-group .accordion-heading .price { 
	margin-top: 8px;
	/* padding-left: 25px; */
}

#services-content .accordion-group .accordion-heading .product-desc-left {
    margin-top: 8px;
    text-align: left;
    float: left;
    clear: none;
}

#services-content .accordion-group .accordion-heading .product-desc-right {
    margin-top: 8px;
    text-align: right;
    float: right;
    clear: none;
}

#services-content .accordion-group .accordion-heading .select { 
	/* padding-left: 20px; */
}

#services-content .accordion-inner {
	padding-left: 25px;
}

#services-content .accordion-inner h3 {
	margin-top: 0;
}

/* signup page */ 

.signup-callouts {
	margin-top:18px;
}

.signup-callouts div.row-fluid {
    margin-top: 20px;
    background: #ffffff;
}

.signup-callouts .employer-left-col { 
	background: #cdebed url('/img/bg-signup-employers.png') center no-repeat; 
	height:109px;
}

.signup-callouts .employer-right-col { 
	padding: 0 20px;
}

.signup-callouts .jobseeker-left-col { 
	background:#cdebed url('/img/bg-signup-jobseekers.png') bottom center no-repeat; 
	height:109px;
}

.signup-callouts .jobseeker-right-col { 
	padding: 0 20px;
}

/* callout box */

.callout-wrap { 
    background: #ffffff url('/img/bg-callout-box.png') top left repeat-x;
    padding: 0 10px 10px 0;
}

.callout-box {
    background: url('/img/bg-callout-stats.png') bottom right no-repeat;
}

.callout-box .content {
    padding: 0 0 0 20px;
}

.callout-box h2 { 
    color: #582582;
    font-size: 20px;
}

/* buttons */

.btn {
    margin-right: 10px;
}

.btn-bsn {
	margin-top: 5px;
	font-weight: bold;
	color: #F2710E;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	background-color: #FAE6C8;
	*background-color: #FAE6C8;
	background-repeat: repeat-x;
	border-color: #f6ac6b; /* #F2710E; */
	background-image: linear-gradient(to bottom, #FFFFFF, #FAE6C8);
}
.btn-bsn:hover,
.btn-bsn:active,
.btn-bsn.active,
.btn-bsn.disabled,
.btn-bsn[disabled] {
	color: #CF4A0C;
	background-color: #FAE6C8;
	*background-color: #003bb3;
}

.btn-create-user { 
	float: left;
    margin: 0 0 10px 138px;
    padding: 0;
}

.btn-select {
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5F3275;
	*background-color: #5F3275;
	background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #856394, #5F3275);
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.btn-select:hover,
.btn-select:active,
.btn-select.active,
.btn-select.disabled,
.btn-select[disabled] {
	color: #FFFFFF;
	background-color: #5F3275;
	*background-color: #003bb3;
}

.bg-white { 
	background: #ffffff;
}

.bg-grey { 
	background: #eae8e9;
}

.sidebar-right { 
	float: right; 
}

/* rd category */

.rd-website-url { 
	margin: 12px 0 10px 0;
}

.table td.org-name { 
	/*width: 55%;*/
	text-align: left;
}

.table td.org-url { 
	/*width: 45%;*/
	text-align: left;
}

/* sitemap */

ul.sitemap > li { 
    line-height: 150%;
}

ul.sitemap > li > ul > li { 
    line-height: 125%;
    font-size: 95%;
}

/* logo */

.delete-logo { 
	margin-top: 5px;
}

.features { 
	padding-bottom: 20px;
}

/* Find a Job override styles */

div.find-job-details li { 
	line-height: normal;
    margin-bottom: 3px;
}

/* LiveEditor override styles */

iframe html body { 
	background: #ffffff;
	padding: 8px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: transparent; /* #b3d4fc */
    text-shadow: none;
	outline: none;
	border: none;
}

a:focus { 
    outline: none; 
}

button:focus { 
    outline: none; 
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 10px 0 0 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

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

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

.hideLabel {
    /* hide element visibily, while still accessible / ADA compliant */
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

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

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media screen and (max-width: 767px) {
    #services-content .accordion-group .accordion-heading .price { 
        text-align: left;
        padding-right: 0;
    }
}

@media screen and (min-width: 768px) {
    #services-content .accordion-group .accordion-heading .price { 
        text-align: right;
        padding-right: 15px;
    }
}

@media screen and (min-width: 769px) {
	.main-nav { 
		display: block;
	}
	.nav { 
		display: block; 
	}
	.nav-drop-down { 
		display: none;
	}
	#bannerAd { 
		display: block;
	}
	#modalIL .modal-body,
	#modalMN .modal-body,
	#modalWI .modal-body { 
		min-height: 475px;
	}
    #modalStats { 
        width:800px; 
        left:42%;
    }
    #modalStats .modal-body img { 
        margin-left:114px;
    }
    #modalBasicListing { 
        width:951px; 
        left:34%;
    }
    #modalPremiumListing { 
        width:951px; 
        left:38%;
    }
    #modalBanner { 
        width:728px; 
        left:44%;
    }
}

@media screen and (max-width: 768px) {
	#bannerAd { 
		display: none;
	}
    .home-feature .find-job { 
        min-height: 112px;
    }
    .home-feature .post-job { 
        min-height: 112px;
    }
    .home-feature .email-signup {
        min-height: 112px;
    }
    .home-feature h2 { 
        font-size: 18px;
    }
    .home-feature p { 
        max-width: 63%;
    }
    .home-feature .find-job p {
        max-width: 80%;
    }
    .home-feature .post-job p {
        max-width: 85%;
    }
    .home-feature .email-signup p {
        max-width: 68%;
    }
	footer { 
		background: #acd8db;
	}
	footer .col1, 
	footer .col2,
	footer .col3, 
	footer .copyright { 
		padding-left: 20px;
	}
    #modalStats { 
        max-width: 100%;
        margin-top: 10px;
    }
    #modalStats th { 
        font-size: 11px;
    }
    #modalStats td {
        font-size: 13px;
    }
    #modalBasicListing { 
	    max-width: 100%;
        margin-top: 10px;
    }
    #modalPremiumListing { 
	    max-width: 100%;
        margin-top: 10px;
    }
    #modalBanner { 
	    max-width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) { 
    #services-content .accordion-group .accordion-heading .product-desc-left { 
        float: left;
        clear: both;
        text-align: left;
    }
    #services-content .accordion-group .accordion-heading .product-desc-right { 
        float: left;
        clear: both;
        text-align: left;
    }
    #services-content .accordion-group .accordion-heading .price { 
        float: left;
        clear: both;
        padding-left: 20px;
    }
    #services-content .accordion-group .accordion-heading .select { 
        float: left;
        clear: both;
        padding-left: 20px;
    }
    #services-content .accordion-group .accordion-heading .product-desc {
        float: left;
        clear: both;
        padding-left: 20px;
    }
    .callout-wrap { 
        margin-top: 18px;
    }
}

@media screen and (max-width: 825px) { 
    #services-content .accordion-group .accordion-heading a { 
        font-size: 90%;
    }
}
@media screen and (min-width: 768px and max-width: 1092px) {
    .home .hdg h2 { 
        padding-left: 20px;
    }
}

@media screen and (max-width: 845px) {
	.tinynav { 
		display: block;
	}
    #mobile-nav { 
		display: none;
	}
	.main-nav { 
		display: none;
	}
	.nav-drop-down { 
		display: block;
		margin-top: 20px;
	}
	.nav-drop-down select { 
		width: 100%;
	}
	#utility-nav { 
		 display: none;
	}
	#bannerAd { 
		display: none;
	}
}

@media screen and (max-width: 767px) { 
	.home-feature .span4 { 
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    #sponsorlogos {
        float: left;
        margin-top: 15px;
    }
    #services-content .accordion-group .accordion-heading .select {
		padding-bottom: 15px;
	}
	footer { 
		height: 350px;
	}
}

@media screen and (max-width: 600px) {
	img.logo { 
		max-height: 125px;
	}
    .home-intro-text { 
        padding-left: 20px;
        padding-right: 20px;
    }
    .grid-cell {
        padding: 2px 10px;
    }
    .job-title { 
        font-size: 95%;
    }
}

@media screen and (max-width: 480px) {
	.email-signup-captcha-img { 
		margin: 0;
	}
}