/* Standard Styles for RehabJobBoards.com */

body {
  background: #fff url(../images/layout/page_bkg.png) repeat-y scroll top left;
  font: 10pt Arial, "MS Trebuchet", sans-serif;
  color: #666;
}
p {
  margin: 0;
}

p.text_block {
  margin: 20px 0;
}

form p {
  margin: 0 0 5px 0;
}
small {
  font-size: 0.7em;
  font-family: Verdana, sans-serif;
}

strong.highlight {
/*  border-bottom: 1px dotted #f00; */
/*  background: #FFC;*/
  background: #F8FED0;
}
span.good { color: #090; }
span.bad { color: #c00; }
span.required { color: #090; }

h1 { font: bold 1.7em Arial, sans-serif; margin-bottom: 12px; }
h2, h3 {
  font: bold 14pt Arial, "MS Trebuchet", sans-serif;
  color: #666;
  margin-bottom: 5px;
}
h3 {
  font-size: 12pt;
  margin: 0 0 0.2em 0.5em; padding: 0;
}
table { border-collapse: collapse; }
td { vertical-align: top; }

a { 
  text-decoration: none;
  color: #393;
  font-weight: bold;
}
a.tiny_link { font-size: 0.8em; font-weight: normal; }
a:hover { text-decoration: underline; }

/* GENERIC CONTENT PAGES */
div#content_page p { margin: 10px 0; font-size: 1.1em;}

/* ======= Center Button Menus ======= */
ul.center_menu li.button {
  height: 41px; width: 40px;
  margin:0; padding:0;
  cursor:pointer;
}
ul.center_menu li#search { background: url(../images/layout/button_advsearch.png) no-repeat; }
ul.center_menu li#search:hover { background: url(../images/layout/button_advsearch_over.png) no-repeat; }

ul.center_menu li#myprofile { background: url(../images/layout/button_myprofile.png) no-repeat; }
ul.center_menu li#myprofile:hover { background: url(../images/layout/button_myprofile_over.png) no-repeat; }

ul.center_menu li#myposteraccounts { background: url(../images/layout/button_posteraccounts.png) no-repeat; }
ul.center_menu li#myposteraccounts:hover { background: url(../images/layout/button_posteraccounts_over.png) no-repeat; }

ul.center_menu li#searchpeople { background: url(../images/layout/button_searchpeople.png) no-repeat; }
ul.center_menu li#searchpeople:hover { background: url(../images/layout/button_searchpeople_over.png) no-repeat; }

ul.center_menu li#gear { background: url(../images/layout/button_gear.png) no-repeat; }
ul.center_menu li#gear:hover { background: url(../images/layout/button_gear_over.png) no-repeat; }

ul.center_menu li#favorites { background: url(../images/layout/button_star.png) no-repeat; }
ul.center_menu li#favorites:hover { background: url(../images/layout/button_star_over.png) no-repeat; }


/* ======= Content Block Styling ======= */
div.content_block { margin: 10px 0; font-size: 0.9em;}
div.content_block img { margin: 5px; }
div.content_block em { font-style: italic; }
div.content_block strong { font-weight: bold; }
div.content_block blockquote { margin: 1em 2em;}
div.content_block p { margin: 10px 0; }
div.content_block tt { font-family: monospace; }
div.content_block ul {
  list-style: disc inside;
  margin-left: 10px;
}
div.content_block li {
  margin-left: 8px;
  margin-bottom: 5px;
}
div.content_block br.clear { clear: both; padding:0; margin:0; }
/* ======= Admin Subsystem Styling ======= */
div.admin_highlight { border: 1px dotted #00f; }
div.admin_highlight a.admin_edit {
  position: relative;
  top: -5px; left: -5px;
  font: normal 10px Arial, sans-serif;
  color: #0A1A4E;
  background: #BDCFFC; border: 1px dotted #00f;
  padding: 1px 2px;
}
div.admin_highlight a.admin_edit:hover {
  text-decoration: none;
  background: #00f; color: #fff;
}
/* ======= Operations Menu(s) Styling ====== */
ul.ops_menu li { 
  margin-bottom: 8px;
}
ul.ops_menu li p {
  /* 'talking' description for the menu items */
  margin: 0; padding: 0;
  padding-left: 20px;
  font-size: 0.85em;
}
ul.ops_menu li a {
  padding-left: 20px;
  padding-bottom: 5px;
}

ul.ops_menu li a#edit_profile { background: url(../images/icons/user_edit.png) no-repeat; }
ul.ops_menu li a#view_profile { background: url(../images/icons/user.png) no-repeat; }
ul.ops_menu li a#edit_resume { background: url(../images/icons/script_edit.png) no-repeat; }
ul.ops_menu li a#view_resume { background: url(../images/icons/script.png) no-repeat; }
ul.ops_menu li a#manage_alerts { background: url(../images/icons/bell.png) no-repeat; }

ul.ops_menu li a#about_us { background: url(../images/icons/information.png) no-repeat; }
ul.ops_menu li a#contact_us { background: url(../images/icons/phone.png) no-repeat; }
ul.ops_menu li a#pricing { background: url(../images/icons/money.png) no-repeat; }
ul.ops_menu li a#testimonials { background: url(../images/icons/comments.png) no-repeat; }
ul.ops_menu li a#career_resources { background: url(../images/icons/plugin.png) no-repeat; }
ul.ops_menu li a#links { background: url(../images/icons/world.png) no-repeat; }

ul.ops_menu li a#new_account { background: url(../images/icons/folder_add.png) no-repeat; }
ul.ops_menu li a#view_accounts { background: url(../images/icons/folder_magnify.png) no-repeat; }
ul.ops_menu li a#view_purchases { background: url(../images/icons/view_money.png) no-repeat; }
ul.ops_menu li a#manage_jobs { background: url(../images/icons/jobs_edit.png) no-repeat; }
ul.ops_menu li a#my_company { background: url(../images/icons/building_edit.png) no-repeat; }
ul.ops_menu li a#new_seeker_alert { background: url(../images/icons/report_user.png) no-repeat; }
ul.ops_menu li a#favorites { background: url(../images/icons/star.png) no-repeat; }

/* ======= Rehab-specific styles ======= */

div#promo {
  position: absolute;
  padding: 5px; margin: 0;
  background-color: #f8fff3;
  border: 1px solid #aac19a;
  width: 550px;
}
div#promo img {
  border: 0;
  margin: 0;
  padding: 0;
}

img.icon, img.unlinked_icon {
  height: 16px;
  width: 16px;
  margin: 2px;
  vertical-align: text-bottom;
}
img.icon:hover {
  height: 18px;
  width: 18px;
  margin: 0;
  margin-right: 2px;
}
img.unlinked_icon {
  height: 16px;
  width: 16px;
  margin: 0px 1px;
  vertical-align: middle;
}

em {
  font-style: italic;
}

/* Error Flash */
div#flash {
  margin: 0;
  margin-bottom: 10px;
  font: 0.9em Verdana, sans-serif;
/*  height: 24px;*/
/*  line-height: 24px;*/
  vertical-align: middle;
  padding: 3px 0 3px 10px;
  background: #e9eaea url(../images/layout/flash_bkg.png) repeat-x;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

div#flash span {
  font-weight: bold;
}
div#flash span.error { color: red; }
div#flash span.notice { color: green; }

h1#logo {
  background: transparent url(../images/layout/logo_box.png) no-repeat scroll top left;
  margin: 0; padding: 5px 0 0 5px;
  height: 75px;
  width: 354px;
}

div#left_col {
  float: left;
  width: 364px;
}
div#right_col {
  margin-left: 365px;
}
div#ops_column {
  padding: 0 5px 0 10px;
  width: 296px;
}

div#menu_column {
  position: absolute;
  top: 105px;
  left: 312px;
  width: 39px;
}

div#content_column { 
  width: 99%;
}

div#footer {
  margin: 0 auto;
  margin-top: 50px;
  font: 0.7em Verdana, sans-serif;
  width: 97%;
/*  background-color: #e3ffcf;*/
  background-color: #fff;
  border-top: 1px solid #aac19a;
  font-color: #666;
  padding: 3px 6px;
  text-align: center;
}

div#footer ul {
  margin: 0; padding: 0;
  list-style-type: none;
  list-style-image: none;
}
div#footer li {
  display: inline;
  padding: 0 2px;
}
br.clear { clear: both; }

/* Banner Ads Styling */
div#banner_ad {
  position: relative;
  width: 480px;
  height: 60px;
  background-color: #fff;
/*  border: 1px solid #ddd;*/
/*  margin-top: 5px;*/
/*  margin-left: -20px;*/
  top: 5px; 
  /*left: -20px;*/
  z-index: 999;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* Tag Cloud Styling */
div.tag_cloud { 
  text-align: center;
  margin: 50px 0; 
  line-height: 1.3em;
}
a.tag1 {font-size: 0.8em; }
a.tag2 {font-size: 1.2em; }
a.tag3 {font-size: 1.4em; }
a.tag4 {font-size: 1.6em; }
a.tag5 {font-size: 1.8em; }
a.tag6 {font-size: 2.0em; }

/* Task Bar Styles */
div#board_jumper {
  position: absolute;
  top: 1px; left: 5px;
}
div#board_jumper select {
  background: #787878;
  border: 0;
  font: 12px Arial, sans-serif;
  font-weight: bold;
  color: #ddd;
  padding: 1px;
}

div#task_bar, div#topmenu_bar {
  background: #787878 url(../images/layout/taskbar_bkg.png) repeat-x;
  border-bottom: 1px solid #787878;
  color: #fff;
  font: 0.75em Verdana, sans-serif;
  height: 14px;
  padding: 3px;
  line-height: 16px;
}

div#topmenu_bar {
  background: #787878 url(../images/layout/topmenubar_bkg.png) repeat-x;
  font-size: 0.9em;
}

div#task_bar ul, div#topmenu_bar ul {
  text-align: right;
  margin: 0; padding: 0;
  list-style-type: none;
  list-style-image: none;
}
div#topmenu_bar ul { text-align: center; }

div#task_bar li, div#topmenu_bar li {
  display: inline;
  padding: 5px 10px;
}
div#topmenu_bar img { vertical-align: top; }
div#task_bar a, div#topmenu_bar a { text-decoration: none; color: #fff; }
div#topmenu_bar a { /*color: #363;*/ color: #43961A; }
div#task_bar a:hover, div#topmenu_bar a:hover { text-decoration: underline; }



/* Table Styles */
table.basic {
  border: 1px solid #666;
  width: 100%;
}
table.basic tr.normal {
  background-color: #eee;
}
table.basic tr.alt {
  background-color: #fff;
}
table.basic td, table.basic th {
  padding: 4px;
}
table.basic th { background-color: #aaa; color: #fff; border-bottom: 1px solid #666; }
table.basic td {
  border-top: 1px solid #bbb;
}

/* Specialty Table Styles */
td.minimalize { font-size: 0.85em; }
td.strong { font-weight: bold; }


/* Form Styles */
div#errorExplanation {
  border: 1px solid #f00;
  margin: 8px 0;
  padding: 4px;
  color: #4E0000;
}

label {
  font: 0.9em Verdana, sans-serif;
  font-variant: small-caps;
  padding-left: 10px;
}
input, select {
  /* inputs normally have smallish green input text as user types */
  color: #363;
  font: 0.85em Verdana, sans-serif;
}
span.fieldWithErrors label {
  color: #f00;
}
span.fieldWithErrors input, span.fieldWithErrors select {
/*  border: 1px solid #f00;*/
  border-left: 2px solid #f00;
}
input.submit_button, a.submit_button {
  /* make sure our submit buttons have the right color text */
  font: 8pt Verdana, sans-serif;
  color: #666;
  background: #DDD url(../images/layout/button_bkg.png) repeat-x;
  border-bottom: 1px solid #9f9f9f;
  border-right: 1px solid #9f9f9f;
  border-top: 1px solid #d9d9d8;
  border-left: 1px solid #d9d9d8;
  margin-right: 6px;
  padding: 2px 8px;
}


a.submit_button { margin: 0; padding: 2px 8px; }


input#search {
  vertical-align: top;
}
input.submit_button:hover, a.submit_button:hover {
  color: #2D9900;
  cursor: pointer;
  text-decoration: none;
}

input.disabled {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}
input.disabled:hover {
  cursor: default;
  color: #666;
}

input.styled, select.styled, textarea.styled {
  padding: 1px 3px;
  background-color: #fff;
  border: 1px solid #aac19a;
  border-left-width: 2px;
  width: 128px;
/*  margin-bottom: 5px;*/
}
input.wide, select.wide {
  width: 256px;
}
textarea.wide {
  width: 400px;
}
textarea.message {
  color: #363;
  font: 0.9em Arial, sans-serif;
}
input.varwidth, select.varwidth, textarea.varwidth {
  width: auto;
}
input.tinytext, select.tinytext, textarea.tinytext {
  font-size: 0.75em;
}
input.ccnumber { font-size: 1.1em; font-weight: bold; width: 12em; }
input.cc_cvv { font-size: 1.1em; font-weight: bold; width: 3em; }
/* 'fake' fieldset emulation with a div */
/* we're sour on fieldsets; they don't play nice with scriptaculous */
div.fieldset {
  margin: 0; 
  padding: 8px;
  background-color: #eee;
  border: 1px dotted #666;
}
div.fieldset strong {
  font-weight: bold;
}

/* ====== View Profile Styling ======== */
div#personal_info, div#experience, div#looking_for, div#areas_of_interest {
  border: 1px dotted #bbb;
  margin: 0 0 10px 0;
  padding: 5px;
  background: #eee;
}
div#areas_of_interest ul {
  list-style: circle inside url(../images/icons/bullet_star.png);
  line-height: 18px;
}
div#profile_display strong {
  font-weight: bold;
}
div#profile_display dl dt { width: 12em; float: left; }
div#profile_display dl dd { margin: 0 0 0.6em 12em; font-weight: bold; }


/* Search Form & Results Styles */
div#search_block {
  margin-bottom: 10px;
}
div#search_results { }
div#search_results a { font-weight: normal; font-weight: bold; }
div#search_results p { padding:0; margin:0;}
div#search_results p.title { font-size: 1.1em; font-weight: bold; padding: 6px 0; }
div#search_results p.location, div#search_results a.resume_link, div#search_results span.company { 
  font: 70% Arial, Verdana, sans-serif;
  color: #360;
  float: right;
  background-color: #eaffdb;
  padding: 3px;
}

div#search_results span.company { float: none; display: inline; }
div#search_results a.resume_link img { vertical-align: middle; }

div#search_results p.location:hover, div#search_results span.company:hover {
  background-color: #c7e8af;
  cursor: pointer;
}
/*div#search_results p.relevance { float:right; font-size: 0.95em; color: #777; }*/

div#search_results a.candidate_link { font-weight: bold; }


div#search_results div.date_block {
  border-top: 1px solid #aaa;
}
div#search_results div.date { 
  float: left;
  font-size: 12px; 
  color: #aaa;
  width: 75px;
  padding: 7px 7px 0 0;
}
div#search_results div.job, div#search_results div.person {
  text-align: left;
/*  padding: 6px 0; margin: 0;*/
  margin-left: 90px;
}
div#search_results div.date_block div.last { border: 0; }
div#search_results div.date_block hr { border:0; margin:0 0 0 90px; padding:0; border-bottom: 1px solid #aaa;}
div#search_results div.pullout_block {
  background-color: #eee;
  padding: 5px;
}
div#search_results div.pullout_block h4, div#search_results div.pullout_block strong {
  font-weight: bold;
}
div#search_results div.pullout_block em {
  font-style: normal;
  font-variant: small-caps;
  font-weight: bold;
}
div#search_results div.pullout_block p.info {
  margin: 0 0 15px 15px;
}

ul.apply_needs { 
  list-style: circle inside url(../images/icons/bullet_star.png);
  line-height: 0.5em;  
}
ul.apply_needs li {
  font: 11px Arial, sans-serif;
  font-style: italic;
}
/* Profile Display Styles */
div#profile_display { 
/*  border: 1px solid #333;*/
/*  background-color: #eee;*/
	padding: 5px; margin: 0;
	font: 12px Arial, sans-serif;
	width: 99%;
}

/* Resume and Resume Editor styles */
div#resume_display {
  color: #000;
  border: 1px dotted #666;
  padding: 3px;
}
div#resume_display ul {
  list-style: disc inside;
  margin-left: 5px;
}
div#resume_display ol {
  list-style: decimal inside;
  margin-left: 5px;
}
div#resume_display p { margin: 10px 0; }
div#resume_display strong { font-weight: bold; }
div#resume_display em { font-style: italic; }


/* Account / Account Plan Purchasing */
table.posting_accounts td.active {
  background: #B7FCBB;
  font-weight: bold;
}

div.account_block {
  border: 1px solid #666; 
  border-bottom-width: 2px; border-right-width: 2px;
  background: #eee; padding: 5px; 
}
/*div.account_block dl dt {
  font-style: italic;
}
div.account_block dl dd {
}
*/
dl {
  width: 100%;
  overflow: auto;
  margin:10px 0; padding: 0;
  line-height: 0.9em;
}
dt,dd{font-weight: normal; margin: 0; padding: 0;}
dt{float: left; width: 8.5em; padding-right: 3px;}
dd{padding-left: 3px; font-weight: bold;}
dl big { font-size: 115%;}

.faded {
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=50);
}

table#account_plan_purchase, table#shopping_cart {
  width: 100%;
  border: 1px solid #666;
  padding: 4px;
  border-collapse: collapse;
}
table#account_plan_purchase tr.normal, table#shopping_cart tr.normal { background-color: #eee; }
table#account_plan_purchase tr.alt, table#shopping_cart tr.alt { background-color: #efefef; }
table#account_plan_purchase tr.total, table#shopping_cart tr.total { background-color: #aaa; color: #fff; }
table#account_plan_purchase td { border-top: 1px dotted #666; border-bottom: 1px dotted #666;}
table#shopping_cart td, table#account_plan_purchase td { padding: 4px; }
table#shopping_cart td.total { font-size: 1.2em; font-weight: bold; }
table#account_plan_purchase td.title { width: 12em; font-weight: bold; font-size: 1.1em; }
table#account_plan_purchase td.price { width: 6em; text-align: right; font-weight: bold; font-size: 1.1em; }
table#account_plan_purchase td.buy { padding: 1px 8px; width: 8em; }
table#shopping_cart td.checkout { padding: 20px 8px 2px 8px; }
