/*  default_layout.css - v0.6.1h */


/* originally from: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


#loverlay_background
{
  display:none;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:5000;
  background-color: #333;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

#loverlay_window
{
  display:none;
  position: absolute;
  z-index: 9999;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  background: #fff;
  text-align: left;
}

#loverlay_titlebar
{ 
  background: #999;
  border-bottom: 1px solid #666;
  padding: 2px;
  background: url("/lovo/images/gradients/gray_gradient.png") repeat-x;
}

#loverlay_title
{ 
  display: inline;
  padding-left: 10px;
  margin-top: 2px;
  font-size: 12px;
  font-weight: bold;
}

#loverlay_title img
{
  margin-bottom: -2px;
  margin-right: 10px;
}

#loverlay_titlebar_close
{ 
  width: 16px;
  height: 16px;
  margin: 3px;
  float: right;
  cursor: pointer;
  background: url("/icons/16x16/close_window.png") no-repeat center #ccc;
}

#loverlay_content
{ 
  clear: both;
}

.overlay_information, .overlay_warn, .overlay_error, .overlay_confirm
{
  font-size: .8em; 
}

.loverlay_message
{
  clear: both;
}

#loverlay_window .button
{
  font-size: 0.9em;
  padding: 3px 7px 3px 7px;
  cursor: pointer;
}



.lpopup_window
{ 
  width: 350px;
}

.lpopup_content
{ 
  padding: 15px;
}

.lpopup_buttons_box
{ 
  margin-top: 20px;
}

.lpopup_buttons_box button
{
  font-size: 0.9em;
  padding: 3px 7px 3px 7px;
  cursor: pointer;
}

#lpopup_ok_button
{
  float: right;
}

#lpopup_cancel_button
{
  float: left;
}


/* some reusable css classes */

/* the clear_both_after classes are used to clear floats 
 * without having to create extraneous elements */

.clear_both_after:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear_both_after { display: inline-block; }

/* Hides from IE-mac \*/
* html .clear_both_after { height: 1%; }
.clear_both_after { display: block; }
/* End hide from IE-mac */

.clear_left  { clear: left; height: 0px;  line-height: 0px; max-height: 0px; }
.clear_right { clear: right; height: 0px;  line-height: 0px; max-height: 0px; }
.clear_both  { clear: both; line-height: 0px; max-height: 0px; visibility: hidden; }

.left_align { text-align: left; }
.right_align { text-align: right; }
.center { text-align: center; }

.italic { font-style: italic; }
.sans_serif { font-family: sans-serif; }
.bold { font-weight: bold; }




html
{
  /* always use a scrollbar in Firefox so the page doesn't jump horizontally */
  min-height: 101%;
}

#body_content
{
  width: 984px;
  margin: auto;
}

body
{
  text-align: center;
  margin: 0;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.1em;

  /* needed for IE, otherwise relatively positioned elements won't reposition on resize */
  position: relative;
}

#view
{ 
  min-height: 480px;
}

a, .blue_link
{
  color: #019;
  text-decoration: none;
  outline: none;
  border: none;
}

a:active
{
  text-decoration: none;
  outline: none;
  border: none;
}

a:link
{
  text-decoration: none;
  outline: none;
  border: none;
}

h1
{
  padding-top: 0.5em;
  font-size: 1.2em;
  font-weight: bold;
}

label
{
  color: #019;
  font-size: 12px;
}

hr
{ 
  border: 0;
  border-top: 1px solid #ddd;
}

.gray
{
  color: #666;
}

.gray_link
{
  color: #666;
}

.gray_link a
{
  color: #666;
}

.bracket
{
  color: #666;
  margin: 0 4px;
}

.bold
{
	font-weight: bold;
}

.green_button
{
  color: #fff;
  font-weight: bold;
  font-size: 0.9em;
  background: url("/images/gradients/green_button_gradient.png") top left repeat-x #2c8a25;
  border: 1px solid #999;
  padding: 2px 5px;
}

#green_button:hover
{
  border: 1px solid #666;
}

.green_button_down
{
  border: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  background: url("/images/gradients/inverse_green_button_gradient.png") top left repeat-x #61cd59;
}

img
{
  border: none;
  outline: none;
}

img:active
{
  border: none;
  outline: none;
}

#content 
{
  clear: both;
  margin-top: 30px;
}

.display_none   { display: none; }
.display_block  { display: block; }
.display_inline { display: inline; }

td.left_align_td   { text-align: left; }
td.center_align_td { text-align: center; }
td.right_align_td  { text-align: right; }


.error_message
{ 
  margin-bottom: 4px;
  font-size: 0.7em;
  color: #ff8208;  /* orange */
}

.orange
{
  color: #ff8208;  /* orange */
}

.hidden_error_message
{
  display: none;
  visibility: hidden;
  height: 0px;
}

.lform_highlight_error
{
	background-color: #fffbaf;
}

.form_box_title
{
  padding: 2px 5px 2px 5px;
  background-color: #fff;
  border: 1px solid #000080;
}

.inner_form_box_title
{
  padding: 2px 5px 2px 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 0.9em;
}

.form_title
{
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 1em;
}

.form_title_resource
{
  color: #666;
}

.form_box
{
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  text-align: left; 
  padding: 20px;
  background: #f6f2d4;
}

.outer_form_box
{ 
  padding: 3px;
  border: 1px solid #999;
  background: #dae0f8 url("/images/gradients/tall_blue_gradient.png") top left repeat-x;
}

.inner_form_box
{
  padding: 1.5em 1em 1em 1em;
  border: 1px solid #ccc;
}

.required_marker
{
  padding-right: 0.4em;
  position: relative;
  bottom: -1px;
}

.form_field 
{
  text-align: left;
}

.subform_header
{
  font-weight: bold;
  margin-left: 1em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  position: relative;
  bottom: -0.6em;
  background-color: #fff;
  display: inline;
  background: #f6f2d4;
}

.show_subform_header
{ 
  background: url("/images/gradients/white_tan_vertical_gradient.png") top left repeat-x #f6f2d4;
}

.subform
{
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  padding: 20px 15px 15px 15px;
}

.show_subform
{
  background: #f6f2d4;
}

.green_text
{ 
  color: green;
}

.instructions
{
  font-style: italic;
  color: #333;
}

.paginator
{
  font-size: 0.9em;
}

.black_link a {color: #000; }

.hidden_iframe
{
  border: 0px none;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

.back_to_link
{
  float: left;
  font-size:  12px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #019;
}

.back_arrow
{
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.disabled_limage_checkbox_box
{
  color: #666;
}

.list_dot
{
  float: left;
  margin-right: 15px;
  position: relative;
  top: 5px;
}

.small_info_icon, .small_warning_icon
{
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.medium_info_icon
{
  margin-right: 15px;
}

.message_icon
{
  position: relative;
  top: 2px;
}


/* These are styles related to the header and footer */


#header
{
  margin-top: 5px;
  border: 1px solid #fff;
}


.vertical_align_center
{
  vertical-align: middle;
}


/* Top most menu links (employer, jobseeker, sign in/out, join, help) */

#top_menu
{
  float: right;
  margin-bottom: 5px;
  width: 720px;
}

#site_logo 
{
  float: left;
}

#account_menu
{
  float: right;
  padding-right: 5px;
  margin-bottom: 2px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
}

.account_menu_link
{
	float: left;
	padding-right: 15px;
	padding-left: 19px;
	border-right: 1px solid #bbb;
}

.account_menu_icon
{
	margin-right: 6px;
	position: relative;
	top: 3px;
}

#sign_out_icon
{
	position: relative;
	top: 5px;
}

#header_help_icon
{
	position: relative;
	top: 3px;
	margin-right: 2px;
}

.header_item_count
{
  font-size: 9px;
}

#help_link
{
	display: inline;
	padding-left: 19px;
	float: left;
}

/* Main Menu - navbar and logo */

#logo_img
{
  float: left;
  margin-top: 4px;
}

#menu
{
  float: right;
}

#main_menu
{
  clear: right;
  height: 64px;
  margin-bottom: 2px;
  margin-left: 10px;
}

#main_menu #menu_tabs
{
  float: right;
}

#menu_tabs li
{ 
  margin: 0; 
  padding: 0;
  list-style: none;
  display: inline;
}


#menu_tabs a
{ 
  float: left;
  padding: 64px 0 0 0;
  overflow: hidden;
  height: 0px !important;
  color: #fff;
}

.nav_tab_down
{
  float: left;
  overflow: hidden;
  height: 0px !important;
  background-position: -292px 0 !important;
}

#menu_tabs a:hover
{
  background-position: -146px 0;
}

#nav_home
{
  width: 146px;
  background: url("/images/layout/home.png") top left no-repeat;
}

#nav_find_jobs
{
  width: 146px;
  background: url("/images/layout/find_jobs.png?q=1") top left no-repeat;
}

#nav_find_companies
{
  width: 146px;
  background: url("/images/layout/find_companies.png") top left no-repeat;
}

#nav_post_jobs
{
  width: 146px;
  background: url("/images/layout/post_jobs.png") top left no-repeat;
}

#nav_find_jobseekers
{
  width: 146px;
  background: url("/images/layout/find_jobseekers.png?q=1") top left no-repeat;
}

#nav_applications
{
  width: 146px;
  background: url("/images/layout/applications.png") top left no-repeat;
}

#nav_resources
{
  width: 146px;
  background: url("/images/layout/resources.png") top left no-repeat;
}

.hidden
{
  visibility: hidden;
}

#employer_jobseeker_site_link
{
  float: left;
  font-size: 0.7em;
  font-weight: bold;
  margin-left: 10px;
  min-height: 15px;
}

#employer_jobseeker_site_arrow
{
  left: 6px;
  position: relative;
  top: 2px;
}

#social_icons_box
{ 
  float: right;
  margin-right: 22px;
  width: 116px /* hack for safari */
}

.social_icon
{ 
  float: right;
  margin-left: 5px;
}

.checkbox_image
{ 
  margin-right: 5px;
}

/* used in lots of forms */
#instructions_and_links
{
  padding-top: 3px;
  background-color: #f0f0f0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #aaa;
}

/* Footer stuff */

#footer_box
{ 
  margin-top: 4em;
  text-align: center;
}

#footer_ads
{ 
  min-height: 72px;
}

#footer_site_info
{ 
  color: #333;
  width: 200px;
  margin: auto;
  text-align: center;
}

#links_and_copyright_box
{
  text-align: left;
  font-size: 0.7em;
  margin-top: 16px;
  margin-bottom: 6px;
  color: #888;
  border-top: 1px solid #ccc;
  padding-top: 0.2em;
  padding-bottom: 2em;
  clear: both;
}

#footer_links
{
  width: 320px;
  float: left;
}

#footer_links a
{
  color: #888;
}

#statistics_div
{
  text-align: center;
  float: left;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.statistics
{
  margin-left: 10px;
}

#footer_copyright
{
  text-align: right;
  width: 360px;
  float: right;
}

.lselect
{
  margin-top: 1px;
  margin-bottom: 1px;
}

.textarea
{
  overflow: auto;
}

.ltext_area_character_count
{ 
  font-size: 12px;
  color: #999;
}

.lcheckbox_label
{
  cursor: pointer;
  margin-left: 5px;
}

.map
{
  width: 980px !important;
  left: 150px !important;
  top: 5% !important;
}

.table_cell {display: table-cell;}
.table {display: table;}

.form_message
{
  color: #003399;
  font-size: .9em;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}

.page_nav
{
  height: 53px;
  margin-bottom: 10px;
}

.page_nav h1
{
  /* ie7 hack to keep the lower case y from cropping, has no other visual effect, apparently */
  margin-bottom: 10px;
}

.right_page_nav
{
  float: right;
}



.message_box
{ 
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  padding: 20px;
  width: 450px;
  margin: auto;
  margin-top: 2em;
  margin-bottom: 2em;
}

.error_icon
{ 
  position: relative;
  top: 5px;
}

#error_title
{ 
  display: inline;
  font-weight: bold;
  padding-left: 0.5em;
}

#error_message
{ 
  color: #333;
  font-style: italic;
  font-family: serif;
  font-size: 0.8em;
  margin-top: 2em;
}