@import url("/css/globalnav.css");

body {
    background: #fff;
    margin: 0px;
}

.ffFeaturedEmployerDiv {
  padding: 0px;
  margin: 0px;
  overflow: auto;
  width: 212px;
}

.ffFeaturedJobsDiv {
  padding: 0px;
  margin: 0px;
  overflow: auto;
  width: 212px;
}

/******************************/
/* Menu items */
/******************************/

.ffAMenu:link {
  font-weight: bold;
  list-style-position: outside;
  font-size: 16px;
  color: #000000;
  text-decoration: underline;
}

.ffAMenu:visited {
  font-weight: bold;
  list-style-position: outside;
  font-size: 16px;
  color: #000000;
  text-decoration: underline;
}

.ffAMenu:active {
  font-weight: bold;
  list-style-position: outside;
  font-size: 16px;
  color: #000000;
  text-decoration: underline;
}

.ffAMenu:hover {
  font-weight: bold;
  list-style-position: outside;
  font-size: 16px;
  color: 888888;
  text-decoration: underline;
}

/******************************/
/* Browse Jobs by Employer on job seeker home page */
/******************************/

.ffABrowseJobs:link {
  font-weight: bold;
  list-style-position: outside;
  font-size: 16px;
  color: #000000;
  text-decoration: underline;
}

.ffABrowseJobs:visited {
  font-weight: bold;
  list-style-position: outside;
  font-size: 16px;
  color: #000000;
  text-decoration: underline;
}

.ffABrowseJobs:active {
  font-weight: bold;
  list-style-position: outside;
  font-size: 16px;
  color: #000000;
  text-decoration: underline;
}

.ffABrowseJobs:hover {
  font-weight: bold;
  list-style-position: outside;
  font-size: 16px;
  color: #888888;
  text-decoration: underline;
}

/******************************/
/* Headings */
/******************************/

.ffH1 {
  font-size: 24px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: Bold;
  color: black;
  margin-top: 15px;
  margin-bottom: 10px;
}

.ffH2 {
  font-size: 20px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: Bold;
  color: black;
  margin-top: 12px;
  margin-bottom: 8px;
}

.ffH3 {
  font-size: 16px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: Bold;
  color: black;
  margin-top: 6px;
  margin-bottom: 4px;
}

.ffH4 {
  font-size: 12px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: Bold;
  color: black;
}

/******************************/
/* General text */
/******************************/

.ffTD {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* For field 'prompts', or the field name: 'Enter your email address here:' */
/******************************/

.ffPrompt {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: Navy;
}

/******************************/
/* General text on an invoice */
/******************************/

.ffTDInvoice {
  font-size: 12px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Contents of a Listbox */
/******************************/

.ffListBox {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Contents of a DropDownList */
/******************************/
.ffDropDownList {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Contents of a Textbox */
/******************************/

.ffTextBox {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Contents of a RadioButton */
/******************************/

.ffRadioButton {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Contents of a RadioButtonList */
/******************************/

.ffRadioButtonList {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Value of a CheckBox */
/******************************/

.ffCheckbox {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Values in a CheckBoxList */
/******************************/
.ffCheckBoxList {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Contents of a Label */
/******************************/

.ffLabel {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Button */
/******************************/

.ffButton {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* 'Search' button on job seeker home page */
/******************************/

.ffSearchButton {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: #3967BF;
}

/******************************/
/* Used in paging control (eg, invoices) */
/******************************/

.ffPageBreak {
  page-break-before: always;
}

/******************************/
/* Data Grid                  */
/******************************/

.ffDG {
  font-size: 11px;
  border: White;
}

.ffDGHeader {
  background: #F5F5F5 none repeat scroll 0%;
  border: medium none white;
}

.ffDGItem {
  background: White none repeat scroll 0%;
  border: medium none white;
}

.ffDGAltItem {
  background: #F5F5F5 none repeat scroll 0%;
  border: medium none white;
}

.ffDGPager {
  font-size: 11px;
}

/******************************/
/* General Link               */
/******************************/
.ffA {
  font-size: 11px;
  color: #3967BF;
}

.ffA:link {
  text-decoration: underline;
  color: #3967BF;
}

.ffA:visited {
  text-decoration: underline;
  color: #3967BF;
}

.ffA:active {
  text-decoration: underline;
  color: #3967BF;
}

.ffA:hover {
  text-decoration: underline;
  color: red;
}

/******************************/
/* Job seeker navigation tabs */
/******************************/

.NavTabVertJS {
  font-size: 11px;
  color: navy;
  font-family: verdana,arial,helvetica,sans-serif;
}

.NavTabBackJS {
  font-size: 11px;
  background: #D66115;
}

.NavBdrLtJS {
  background: black;
}

.NavBdrDkJS {
  background: black;
}

.ffTabAJS:link {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.ffTabAJS:visited {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.ffTabAJS:active {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.ffTabAJS:hover {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

/******************************/
/* Employer navigation tabs   */
/******************************/
.NavTabVertEmp {
  font-size: 11px;
  font-family: verdana,arial,helvetica,sans-serif;
  color: blue;
}

.NavTabBackEmp {
  background: #366AA3;
  font-size: 11px;
}

.NavBdrLtEmp {
  background: black;
}

.NavBdrDkEmp {
  background: black;
}

.ffTabAEmp:link {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.ffTabAEmp:visited {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.ffTabAEmp:active {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.ffTabAEmp:hover {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}

/****************************/
/* Client navigation tabs   */
/****************************/
.NavTabBackClient {
  background: #F5F5DC;
  font-size: 11px;
}

.NavBdrClient {
  background: #000000;
}

.NavBarClient {
  background: #0066cc;
}

.ffTabAClient:link {
  font-weight: bold;
  font-size: 11px;
  margin: 5px;
  color: #000066;
  line-height: 19px;
  text-decoration: none;
}

.ffTabAClient:visited {
  font-weight: bold;
  font-size: 11px;
  margin: 5px;
  color: #000066;
  line-height: 19px;
  text-decoration: none;
}

.ffTabAClient:active {
  font-weight: bold;
  font-size: 11px;
  margin: 5px;
  color: #000066;
  line-height: 19px;
  text-decoration: none;
}

.ffTabAClient:hover {
  font-weight: bold;
  font-size: 11px;
  margin: 5px;
  color: red;
  line-height: 19px;
  text-decoration: none;
}

/******************************/
/* Error Messages */
/******************************/

.ffErrorMessage {
  font-weight: bold;
  font-size: 9pt;
  color: red;
  font-family: arial,helvetica,sans-serif;
}

/******************************/
/* Success Messages */
/******************************/

.ffSuccessMessage {
  font-weight: bold;
  font-size: 9pt;
  color: green;
  font-family: arial,helvetica,sans-serif;
}

/******************************/
/* Instructional text */
/******************************/

.ffInstruct {
  font-size: 11px;
  font-family: Verdana, Helvetica, sans-serif;
  color: black;
}

/******************************/
/* Small instructional text */
/******************************/

.ffSmallInst {
  font-size: 8pt;
  color: Red;
  font-family: arial,helvetica,sans-serif;
  font-style: italic;
}

/******************************/
/* General use small font */
/******************************/

.ffSmallFont {
  font-size: 7pt;
  color: black;
  font-family: arial,helvetica,sans-serif;
}

/******************************/
/* ForceFinder logo for 'powered by' */
/******************************/

.ffLogo {
  font-size: 8pt;
  color: blue;
  font-family: arial,helvetica,sans-serif;
}

/******************************/
/* Confirmation messages ('are you sure you want to delete this job?') */
/******************************/

.ffConfirmation {
  font-size: 12px;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: Bold;
  color: black;
  margin-top: 10px;
  margin-bottom: 10px;
}

/********************************/
/* Featured Employers Elements  */
/********************************/

.ffFeaturedEmployerHeader {
  padding: 3px 0px;
  width: 211px;
  color: #fff;
  font: bold 11px Tahoma, "Helvetica Neue" , Arial, Helvetica, sans-serif;
  background: #888;
  margin: 0;
  text-transform: uppercase;
  border-color: white;
}

.ffFeaturedEmployer {
  background: white;
  font-weight: bold;
  font-size: 14px;
  color: #ffffff;
  padding-top: 5px;
}


/******************************/
/* Featured Jobs Elements     */
/******************************/

.ffFeaturedJobHeader {
  width: 211px;
  color: #fff;
  font: bold 11px Tahoma, "Helvetica Neue" , Arial, Helvetica, sans-serif;
  background: #888;
  padding: 3px 0px;
  margin: 0;
  text-transform: uppercase;
  border-color: white;
}

.ffFeaturedJob {
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  color: black;
  background: white;
  text-decoration: none;
  padding-bottom: 2px;
}

.ffFeaturedJob:link {
  text-decoration: underline;
  color: #3333cc;
}

.ffFeaturedJob:visited {
  text-decoration: underline;
  color: #3333cc;
}

.ffFeaturedJob:active {
  text-decoration: underline;
  color: #3333cc;
}

.ffFeaturedJob:hover {
  text-decoration: underline;
  color: Red;
  font-family: arial,helvetica,sans-serif; /*redundancy added for IE compatibility*/
}

/******************************/
/* General purpose text 
/******************************/

TD {
  font-size: 11px;
  color: #333;
  font-family: Verdana, Helvetica, sans-serif;
}

/******************************/
/* Input
/******************************/

INPUT {
  font-size: 11px;
  color: #333;
  font-family: Verdana, Helvetica, sans-serif;
}

/******************************/
/* Textarea 
/******************************/

TEXTAREA {
  font-size: 11px;
  color: #333;
  font-family: Verdana, Helvetica, sans-serif;
}

/******************************/
/* Select 
/******************************/

SELECT {
  font-size: 11px;
  color: #333;
  font-family: Verdana, Helvetica, sans-serif;
}

/******************************/
/* Span
/******************************/

SPAN {
  font-size: 11px;
}

#quick_search {
  overflow: hidden;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
}

#quick_search label {
  display: block;
}

#quick_search input {
  color: #333;
}

#quick_search p {
  float: left;
  margin-left: 1em;
  background: transparent;
}

#job_keywords input {
  width: 19em;
}

#job_categories select {
  width: 20em;
}

#quick_search_submit input {
  margin-top: 1.7em;
}

/******************************/
/* Landing Page Seeker panel styles.
/******************************/
td#seeker_links div#job_seeker, td#seeker_links div#employer_seeker {
  margin-bottom: 8px;
  width: 210px;
  text-align: left;
}


/* Payment Confirmation Styles
----------------------------------------*/
#pay_display h1 {
  font: 20px/1em Verdana, Tahoma, Arial, sans-serif;
}

/* Payment Error */
.payment_error {
  background: #f5eded;
  border: 1px solid #cea7a6;
  color: #333;
  margin: 1.2em 0 1.6em 0;
  padding: 12px;
}

.payment_error p {
  margin: 0;
}

.payment_error span {
  color: #512826;
  font-size: 16px;
}

.payment_error .error_message {
  background: url(/Images/li-bullet.png) no-repeat 0 .4em;
  color: #333;
  display: block;
  font-size: 12px;
  font-weight: normal;
  margin: 1em 0 0 .4em;
  padding: 0 0 0 15px;
}

img.btn_close_error_modal {
  float: right;
  margin: 0 1px 0 0;
  border: 0;
  cursor: hand;
}

/* Payment Confirmation */
a.download_receipt {
  background: url(/Images/icn-print.png) no-repeat 0 0;
  font-size: 12px;
  line-height: 16px;
  padding-left: 22px;
  float: right;
}

a.print_receipt {
 background: url(/imgs/icn-print.png) no-repeat 0 0;
 font-size: 12px;
 line-height: 16px;
 padding-left: 22px;
 float: right;
}

a:hover.print_receipt { background-position: 0 center; }

a:hover.download_receipt {
  background-position: 0 center;
}

#header_amount {
  border-bottom: 1px solid #ddd;
  color: #333;
  display: block;
  font: normal 18px/1em "Helvetica Neue" , Arial, Helvetica, Geneva, sans-serif;
  margin: 0;
  padding-bottom: .6em;
}

#header_amount span {
  font-size: 18px;
}

#header_amount a.download_receipt {
  margin-top: 1px;
}

.payment_confirmation dl {
  color: #333;
  font-size: 12px;
  line-height: 2em;
  margin: 1.2em 0 1.6em 0;
  width: 100%;
}

.payment_confirmation dt {
  clear: left;
  float: left;
  margin: 0;
  padding: 0 1em 0 0;
  text-align: right;
  width: 150px;
}

.payment_confirmation dd {
  border-left: 1px solid #ddd;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 1em;
  text-align: left;
  width: 60%;
}
/* End Payment Confirmation Styles
----------------------------------------*/


/* Ad Settings
----------------------------------------*/
.ad_image {
    background: url(Images/bak-placement.png) no-repeat center bottom;
    margin: .5em 0;
    padding-bottom: 13px;
    text-align: center;
}


/* Clearfix
----------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }