/*
* Copyright (c) 2009-2010, Travellr.com (Travellr Pty Ltd). All rights reserved.
* You may not copy, create derivative works, or re-use any part of this
* file without the express permission of Travellr.com.
*/

.prompt_for_auth { float: left; color: #666; width: 370px; border: 2px solid #ddd; padding: 5px 10px; position: relative;}
.prompt_for_auth .sign_in_or_up { padding-right:10px; width: 160px; float: left; font-size: 14px; }

.prompt_for_auth .field { margin: 0; }
.prompt_for_auth .name_only .field { padding-top: 20px; }

.prompt_for_auth .arrow { width: 7px; height: 14px; position: absolute; top: 4px; right: -9px; background-color: #ddd; background-image: URL("i/arrow_mask.png"); }

.prompt_for_auth #facebook_login_placeholder { margin-top: 10px; cursor: pointer;}
  
.recaptcha_image_wrapper { border: 1px solid #999; width: 368px; margin-top: 10px; margin-bottom: 5px; }
#recaptcha_refresh { overflow: hidden; }  
#recaptcha_refresh a.refresh { background: url("i/recaptcha_refresh.png") no-repeat scroll left top transparent; height: 20px; width: 20px; display: block; float: left; }
.recaptcha_subtext { color: #666; float: left; padding: 5px; font-size: 11px; }


ul.autocomplete { z-index: 100; margin: 0 5px; border: 1px solid #CACACA; padding-bottom: 2px;
  border-top: 0; background-color: white; color: #333; cursor: pointer; line-height: 130%;
}

ul.autocomplete li { padding: 5px; }
ul.autocomplete img { float: left; margin-right: 5px; }
ul.autocomplete li.active { background-color: #3875D7; color: white; }
ul.autocomplete .group_title { font-weight: bold; background-color: #EEE; height: 15px; }
ul.autocomplete .highlight { background-color: transparent; font-weight: bold; text-decoration: underline; }

/* Wrapper around autocompleter on search page */
.page_header .autocomplete_wrapper { padding: 3px; background-color: #E5E5E5; width: 405px;
  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.page_header .autocomplete_wrapper input[type="text"] { -moz-border-radius: 0; -webkit-border-radius: 0; width: 392px; }
.page_header ul.autocomplete { margin: 0; width: 409px; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

a img, fieldset { border: 0; }

li { list-style: none; }

/* margin and padding reset */
body, h1, h2, h3, h4, p, li, ul, dl, dt, dd, fieldset { margin: 0; padding: 0; }

textarea { overflow: auto; }

img { vertical-align: text-bottom; }

:focus { outline: 0; }

.clearfix { clear: both; }

table { border-collapse: collapse; }
td, td { padding: 0; margin: 0; }

/* force wrap fix */
.force_wrap {
 /*white-space: pre-wrap; */      /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

form.button-to, form.button-to div { display: inline; }

body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; }

.wna a { color: #00BBE3; font-weight: bold; }
.travellr a { color: #0096FF; font-weight: bold; }

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

input[type='submit'], button { cursor: pointer; }

form { margin: 0; padding: 0; }

.instructions { color: #666; margin: 10px 0 20px; }

.match { background-color: #FFF8CC; border-bottom: 2px solid #FFE222; }

label { font-size: 14px; margin-bottom: 5px; display: block; }
fieldset label { display: inline; font-weight: normal; }
.field fieldset input { width: auto; }

/* Section headers */
.title { font-size: 18px; font-weight: bold; color: #666; margin-top: 10px; }
#content h1, #content h2 { font-size: 18px; }
#content h1, #content h2, #content h3, #content h4 { color: #666; }

/* Page header */
.page_header { border-bottom: 1px solid #BBB; margin-bottom: 10px; position: relative; }
.page_header .go_back,
.page_header .go_to 
  { float: right; font-size: 12px; margin-top: 6px;}
.page_header .title { margin: 0 0 5px; }



/* Pagination */
.pagination { text-align: right; margin-top: 20px; }

.view_all, 
.add_more 
  { text-align: right; margin-top: 10px; }
.view_all a, 
.add_more a 
  { font-weight: normal; }

/* Site */
.site
  { font-weight: bold; color: #666; }
.site img
  { margin-right: 2px; }

.categories,
.regions
 { overflow: hidden; margin-left: -20px; }

.categories .category,
.regions .region
  { float: left; width: 160px; margin: 0 0 20px 20px; }
  
.categories h3,
.regions h3,
.browse_places h3
  { border-bottom: 1px solid #E8E8E8; margin-bottom: 5px; padding-bottom: 5px; font-size: 14px; }
.regions .region h3 a { color: #666; }
  
.categories .category_set, 
.regions .region_set
  { overflow: hidden; }

.browse_topics li,
.browse_places li,
.categories li,
.regions li 
  { margin-bottom: 5px; }

.browse_topics .question_count,
.browse_places .question_count,
.categories .question_count,
.regions .question_count 
  { font-size: 11px; color: #666; }

#content .browse_to_topic h2,
#content .browse_top_topics h2, 
#content .browse_to_location h2,
#content .browse_top_destinations h2
  { font-size: 14px; margin-bottom: 10px; }
  
.browse_to_topic,
.browse_by_map,
.browse_top_topics,
.browse_to_location,
.browse_top_destinations
  { margin-bottom: 20px; }
  
.browse_places,
.browse_topics 
  { -webkit-column-count: 2; -moz-column-count: 2; }
  
.browse_topics { margin-top: 10px;}

ul.view_options { float: right; }
ul.view_options li { float: left; }
ul.view_options li a { color: #ABABAB; padding: 4px 8px; display: block; }

.wna ul.view_options .selected a { color: white; background-color: #00BBE3; }
.travellr ul.view_options .selected a { color: white; background-color: #0096FF; }

/* Make an input look like a text link: */
/* overflow: visible is an IE 7 fix */
.notifications .clear_all,
.places_lived .places input, 
.places_visited .places input,
input.remove_destination,
input.delete_question,
input.delete_reply,
input.delete_message,
input.report_abuse,
input.edit_question,
input.edit_answer,
.question .pass input
  { height: 16px; background: none; border: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0; overflow: visible; }

.wna .notifications .clear_all,
.wna .places_lived .places input, 
.wna .places_visited .places input,
.wna input.remove_destination,
.wna input.delete_question,
.wna input.delete_reply,
.wna input.delete_message,
.wna input.report_abuse,
.wna input.edit_question,
.wna input.edit_answer,
.wna .question .pass input
 { color: #00BBE3; }

.travellr .notifications .clear_all,
.travellr .places_lived .places input, 
.travellr .places_visited .places input,
.travellr input.remove_destination,
.travellr input.delete_question,
.travellr input.delete_reply,
.travellr input.delete_message,
.travellr input.report_abuse,
.travellr input.edit_question,
.travellr input.edit_answer,
.travellr .question .pass input
  { color: #0096FF; }

/* This one uses a background and also has text */
input.report_abuse { background-image: url('i/icons.png'); background-position: 220px 196px; text-align: center; padding: 0 13px; margin-right: -13px; }

/* Use an image background for a button - hide the button text */
.question_summary .add_favorite, 
.question_summary .remove_favorite,
.question .add_favorite,
.question .remove_favorite,
input.rate_up,
input.rate_down,
.sidebar_search .search_submit
  { background: none; border: 0; padding: 0; margin: 0; text-indent: -1000px; overflow: hidden; color: transparent; line-height: 0;}

/* For hidden form elements in a fake field */
.sidebar_search .search_submit { float: left; width: 28px; height: 24px; background-image: url('i/icons.png'); background-position: 0 25px; }
.inline_search .search_submit { float: left; width: 98px; height: 28px; background: none; background-image: url('i/icons.png'); background-position: 0 26px; border: 0; padding: 0; margin: 0; font-size: 13px; color: #888; }


/* Favoriting */
.question .add_favorite, 
.question .remove_favorite
  { height: 21px; background-image: url('i/icons.png');  width: 50px; border: 1px solid #E8E8E8; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
.question .add_favorite { background-position: 286px 147px; }
.question .remove_favorite { background-position: 261px 172px; }

.question_summary .add_favorite, 
.question_summary .remove_favorite
  { height: 21px; background-image: url('i/icons.png'); width: 21px; }
  
.question_summary .add_favorite { background-position: 271px 147px; }
.question_summary .remove_favorite { background-position: 246px 172px; }

/* Rating */
.answers .aside input.rate_up,
.answers .aside input.rate_down
  { height: 15px; margin: 0; width: 100%; overflow: hidden; background-image: url('i/icons.png'); }

.answers .aside input.rate_up { background-position: 296px 122px; }
.answers .aside .rate_up .selected { background-position: 321px 97px; }
.answers .aside input.rate_down { background-position: 346px 68px; }
.answers .aside .rate_down .selected { background-position: 371px 42px; }

/* Managing interests */
/* This gets a little complex and fiddly for cross browser support reasons - not IE problems, just differences in how browsers do things.
The following seems to work in all situations */
.manage_interests .recommended_interests a,
.manage_interests .your_interests a 
  { margin-right: 30px; display: block; height: 25px; padding: 0 10px; line-height: 25px; }
  
.manage_interests .your_interests input,
.manage_interests .recommended_interests input
  { background-color: #FBF4E9; color: #E3B863; padding: 5px; border: 0; font-weight: bold; font-size: 12px; }

.manage_interests .your_interests input:hover { color: white; background-color: #C00500; }
.manage_interests .recommended_interests input:hover { color: white; background-color: #00BBE3; }

/* START ACTION BUTTONS */
/* Make a text link look like a button*/
#nav .ask a { display: block; height: 30px; width: 100%;  background-position: 0 -80px; text-align: center; color: white; font-size: 16px; line-height: 30px; }

.sign_in_or_up .sign_up_link { display: block; height: 30px; width: 160px; background-position: 0 -120px; text-align: center; color: white; font-size: 16px; line-height: 30px; display: inline-block; margin-top: 5px; }

#dummy_remove_facebook { display: block; height: 30px; width: 190px; background-position: 0 0; text-align: center; color: white; font-size: 16px; line-height: 30px; display: inline-block; margin-top: 5px; }

.wna .sign_in_or_up .sign_up_link ,
.wna #nav .ask a 
  { background-image: url('i/sites/wna/buttons.png'); text-shadow: 1px 1px rgba(221, 104, 20, 0.66); }
  
.travellr #dummy_remove_facebook,
.travellr .sign_in_or_up .sign_up_link,
.travellr #nav .ask a 
  { background-image: url('i/sites/travellr/buttons.png'); text-shadow: 1px 1px rgba(0, 0, 0, 0.25); }

/* Image background on a button */
#prompt_for_auth_facebook,
#facebook_disable input,
.pages .show_code,
.add_to_places .submit input,
#change_password .submit input,
#forgot_password .submit input,
#new_feedback .submit input,
#modal_window_inner .submit input,
#new_person .submit input,
.edit_person .submit input,
#new_session .submit input,
.settings_content .submit input,
.answer_question .submit input,
.edit_answer .submit input,
#new_message .submit input,
#new_question .submit input,
.edit_question .submit input,
.manage_interests .add_interest input[type='submit'],
.browse_to_topic input[type='submit'],
.browse_to_location input[type='submit'],
.new_person_location input[type='submit']
 { background: none; border: 0; padding: 0; margin: 0; color: white; height: 25px; font-size: 12px; font-weight: bold; text-shadow: 1px 1px rgba(0, 0, 0, 0.25); }

.wna .add_to_places .submit input,
.wna #new_feedback .submit input,
.wna #new_person .submit input,
.wna #new_session .submit input,
.wna .settings_content .submit input,
.wna .answer_question .submit input,
.wna .edit_answer .submit input,
.wna #new_message .submit input,
.wna #new_question .submit input,
.wna .edit_question .submit input,
.wna .manage_interests .add_interest input[type='submit'],
.wna .browse_to_topic input[type='submit'],
.wna .browse_to_location input[type='submit'],
.wna .new_person_location input[type='submit']
 { background-image: url('i/sites/wna/buttons.png'); }

.travellr #prompt_for_auth_facebook,
.travellr #facebook_disable input,
.travellr .pages .show_code,
.travellr .add_to_places .submit input,
.travellr #change_password .submit input,
.travellr #forgot_password .submit input,
.travellr #new_feedback .submit input,
.travellr #modal_window_inner .submit input,
.travellr #new_person .submit input,
.travellr .edit_person .submit input,
.travellr #new_session .submit input,
.travellr .settings_content .submit input,
.travellr .answer_question .submit input,
.travellr .edit_answer .submit input,
.travellr #new_message .submit input,
.travellr #new_question .submit input,
.travellr .edit_question .submit input,
.travellr .manage_interests .add_interest input[type='submit'],
.travellr .browse_to_topic input[type='submit'],
.travellr .browse_to_location input[type='submit'],
.travellr .new_person_location input[type='submit']
 { background-image: url('i/sites/travellr/buttons.png'); }

 /* 60 pixel wide blue */
.add_to_places .submit input,
.manage_interests .add_interest input[type='submit'], 
.new_person_location input[type='submit']
  { width: 60px; background-position: 0 75px; }

/* 70 pixel wide blue */
#modal_window_inner .submit input,
.browse_to_location input[type='submit'],
.browse_to_topic input[type='submit']
  { width: 70px; background-position: 0 110px; }
  
/* 110 pixel wide blue*/
#prompt_for_auth_facebook,
.pages .show_code,
#change_password .submit input,
#forgot_password .submit input,
#new_feedback .submit input,
#new_person .submit input,
.edit_person .submit input,
#new_session .submit input,
.settings_content .submit input,
#new_message .submit input,
#new_question .submit input,
.edit_question .submit input,
.answer_question .submit input,
.edit_answer .submit input
  { width: 110px; background-position: -80px 110px; }

/* 190 px orange */
#facebook_disable input { width: 190px; height: 30px; }

/* Button on the same line as the form element */
.manage_interests .add_interest input[type='submit'],
.browse_to_topic input[type='submit'],
.browse_to_location input[type='submit'],
.new_person_location input[type='submit']
  { margin-left: 5px; }
  
/* END ACTION BUTTONS */



/* WNA */

.wna #footer .connect-with-wn {
  background: #f2f8fc;
  border-top: 1px solid #fff;
  padding: 16px 0 20px 0;
/*  height: 36px;*/
}

.wna #footer .wrapper { width: 960px; margin: 0 auto; position: relative; *zoom: 1; }
.wna #footer .wrapper:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}

.wna #footer a { font-weight: normal; }
.wna #footer a:hover { text-decoration:none; color: #F80; }

.wna #footer .nomads-news {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 540px;
  margin-left: 0;
  position: relative;
}


.wna #footer .nomads-news img {
  float: left;
  margin-right: 10px;
  margin-top: 1px;
}


.wna #footer fieldset {
  float: left;
  width: 100%;
  vertical-align: bottom;
  position: absolute;
  height: 36px;
  left: 185px;
}


.wna #footer input {
  border: 1px solid #cccccc;
  padding: 6px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  margin-top: 8px;
}


.wna #footer button {
  vertical-align: bottom;
  margin-left: 5px;
}

.wna #footer .language-guides {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 540px;
  margin-left: 0;
  position: relative;
  font-size: 11px;
}


.wna #footer .social-networks {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 380px;
  margin-right: 0;
  text-align: right;
}


.wna #footer .social-networks p {
  font-size: 11px;
}


.wna #footer .social-networks li {
  display: inline;
}


.wna #footer .sitemap {
  padding-top: 20px;
  padding-bottom: 16px;
  background: #f2f8fc url('i/sites/wna/bg-footer-gradient.png?1282294505') top left repeat-x;
}


.wna #footer .sitemap a:link, #footer .sitemap a:visited {
  color: #36657d;
}


.wna #footer .sitemap a:hover, #footer .sitemap a:active {
  color: #ff8800;
}


.wna #footer .sitemap li {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 140px;
}


.wna #footer li.insurance-map {
  margin-left: 0;
}


.wna #footer li.worldnomads-map {
  margin-right: 0;
}


.wna #footer .sitemap dt {
  font-weight: bold;
  color: #333333;
  font-size: 12px;
  padding-bottom: 8px;
}


.wna #footer .sitemap dd {
  font-size: 11px;
}

.wna #footer .sitemap dd a {
  display: block;
  padding-bottom: 8px;
}


.wna #footer dl {
  border-left: 1px solid #fff;
}


.wna #footer dt, #footer dd {
  border-left: 1px solid #c9e2f2;
  padding-left: 10px;
}


.wna #footer {
  border-top: 3px solid #4adfff; margin-top: 20px; color: #666;
}
/* Travellr */

.travellr #footer { clear: both; text-align: center; padding: 10px; margin: 20px 0; font-size: 11px; }
.travellr #footer li { margin: 6px 0; }

.travellr #footer #footer_navigation { width: 900px; margin: 0 auto;  text-align: left; }
.travellr #footer .footer_group { width: 180px; float: left; }
.travellr #footer .copyright { clear: both; padding-top: 10px; color: #666; }

.travellr #footer h4 { color: #666; font-size: 14px; border-bottom: 1px solid #DDD; margin-right: 20px; }


/* General form stuff*/
input[type='text'],
input[type='password'],
textarea
  { border: 1px solid #CACACA; background-color: #F7F7F7; padding: 5px; color: #333; font-size: 13px; font-family: Arial, Helvetica, Verdana, sans-serif;  }

input.blurred { color: #BBB;}

fieldset p { margin-bottom: 5px; }

form .submit { text-align: right; }

.field { margin-bottom: 20px; }
.field input,
.field textarea
  { width: 508px; }
.field textarea { height: 100px; }

.field_explanation,
.forgot_password 
  { font-size: 11px; color: #666; margin-top: 2px; }
.optional_field,
.characters_remaining 
  { font-size: 11px; color: #666; float: right; position: relative; top: 2px; color: #999; }
.optional_field .star { color: #FAA635;}

/* Read only field - used with autocompleters*/
.field .read_only { border: 1px solid #CACACA; background-color: #F7F7F7; padding: 5px; cursor: text; font-size: 13px; color: #333; }
.field .read_only img { padding-right: 5px; margin-top: -4px; position: relative; top: 1px; }

/* Messages */
select#message_receiver_id { width: 250px; }
  
/* Browse */
.browse_to_location #location_text,
.browse_to_location .read_only,
.browse_to_topic #topic,
.browse_to_topic .read_only
  { width: 300px; }  
  
.browse_to_location .read_only,
.browse_to_topic .read_only
  { float: left; }

/* Make an element look like a search field */
.sidebar_search,
.inline_search
  { border: 1px solid #CACACA; background-color: #F7F7F7; overflow: hidden; }

.inline_search { height: 28px; overflow: hidden; }

.sidebar_search .search_text { border-width: 0; float: left; width: 130px; background-color: transparent; }
.inline_search .search_text { border-width: 0; float: left; width: 430px; font-size: 14px; background-color: transparent; }
.inline_search .inline_search_inner { height: 28px; width: 600%; overflow: visible; }

/* Settings */
#person_profile_picture { width: auto; }

/* Places */
.new_person_location input[name='person_location[location_text]']
  { width: 300px; }
  
/* Interests */
.add_interest input[type='text'] { width: 300px; }
  
/* Answering */
.answer_question .field { margin-top: 10px; } 

/* Editting Answers */
.edit_answer .field { margin-top: 10px; } 

/* Signing up */
.terms_of_use_notice { color: #666; font-size: 12px; margin-top: 20px; }
form.edit_person { margin-bottom: 20px; }

/* Prompt for auth */
.prompt_for_auth .name_only #person_name,
.prompt_for_auth .name_only #recaptcha_response_field 
  { width: 358px; }

/* Signing in */
#new_session { width: 338px; }
#new_session #session_login,
#new_session #session_password
  { width: 328px; }


#widget_get_widget .property_field { background-color: #EEE; padding: 10px; width: 470px; }

.widget_settings .settings { width: 505px; border-right: 1px solid #DDD; }

.widget_code { font-family: 'courier new', courier, monospace; height: 140px; font-size: 100%; margin-top: 10px; }
.ask_box_settings .widget_code { width: 728px; }
.feed_settings .widget_code { width: 728px; }
.widget_settings .widget_code { width: 486px; }

.widget_preview { float: right; width: 230px; }
.settings .css { width:708px; height: 140px; font-size: 100%; }
.widget_settings #widget_location,
.widget_settings .read_only,
.feed_settings #widget_location,
.feed_settings .read_only 
  { margin-left: 25px; }
  
.widget_settings #widget_location,
.feed_settings #widget_location,
.feed_settings #topics
  { width: 300px; }
.widget_settings .read_only,
.feed_settings .read_only
  { width: 296px; }

#widget_location li { list-style: none; }
.show_gradient { clear: left; padding-top: 8px; }
#advanced_colors, #css_options 
  { display: none; }

.feed_container { border: 1px solid #ddd; padding: 5px; margin-bottom: 10px; background-color: white; }

/* color pickers */
.color_picker_area { float: left; width: 145px; margin: 10px; }
.property_field { margin: 10px 0; overflow: hidden; }
.options .field { float: left; margin-right: 10px; }
.options .field .radio { margin: 2px 0; }
.options .field .radio label { font-weight: normal; }
.property_field .subtext { clear: left; }
.color_picker_area h4 { margin-bottom: 4px; }
input.picker { width: 80px !important; }
input.widget_width, input.widget_height { width: 80px !important; }

.code_and_instructions { display: none; }

.settings .ask_box_container { border: 2px dotted #ddd; float: left; padding: 5px; margin-bottom: 10px; }

.feed_preview .feed_item { margin-bottom: 10px; }
.feed_preview .feed_item .title { font-weight: bold; }

#feed_anchor img { vertical-align: top; margin: 2px 5px 2px 0;}
#feed_url { width: 400px; }

.ask_box_settings h2,
.feed_settings h2,
.widget_settings h2 
  { margin-bottom: 10px; }

.widget_settings #username { width: auto; }

/* World Nomads Answers */

.wna #header { background: #000; height: 88px; border-bottom: 8px solid #4adfff; }
.wna #header .wrapper { margin: 0 auto; position: relative; width: 960px; height: 88px; overflow: hidden; }

.wna #header a { color: #fff; font-weight: normal; }
.wna #header a:hover { text-decoration: none; }

.wna #header ul, #header ol { list-style: none; position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; margin-right: -5px; }
.wna #header ul li, #header ol li { display: block; float: left; border: 0px solid red;}
.wna #header ul li a, #header ol li a { font-size: 16px; padding: 0 5px 16px; text-decoration: none; display: block;}

.wna #account { position: absolute; top: 20px; right: 0; color: #b3b3b3; }
.wna #account a { padding-left: 10px; ; }
.wna #account a:hover { color: #ff8800; }
.wna #account #logout { font-size: 11px; }

.wna #header .selected a { color: #4adfff; background-image: url('i/sites/wna/nav-answers-arrow.png'); background-position: center bottom; background-repeat: no-repeat; }

.wna #header .header-home:hover { color: #CDCDCD; }
.wna #header .header-safety:hover { color: #ff9f1a; }
.wna #header .header-insurance:hover,
.wna #header .header-journals:hover, 
.wna #header .header-adventures:hover 
  { color: #1890dc; }
.wna #header .header-footprints:hover { color: #c12298; }
.wna #header .header-answers:hover { color: #4adfff; }

/* Travellr */

.travellr #header { background-image: url('i/sites/travellr/travellr-header-bg.png'); }
.travellr #inner_header { width: 960px; height: 70px; margin: 0 auto; position: relative; }
.travellr #header #navigation { position: absolute; left: 250px; top: 40px; }
.travellr #header #navigation li { float: left; font-size: 18px; margin-right: 30px; }
.travellr #header a { color: white; }
.travellr #header #global_sign_in { position: absolute; top: 10px; right: 10px; }
.travellr #header #global_sign_in .facebook,
.travellr #header #global_sign_in .sign_in
  { border-right: 1px solid #CCC; margin-right: 5px; padding-right: 5px; }

#inner_application { margin: 0px auto; overflow: hidden; width: 960px; }

/* 3 column */
#nav { width: 170px; float: left; padding-top: 20px; }

/* 9 column */
#content { width: 520px; margin: 0 20px; float: left; padding-top: 20px; }
#content.without_sidebar { width: 750px; }

/* 4 column */
#aside { width: 230px; float: left; padding-top: 20px; }

/* Browse page */
.popular_topics { margin-bottom: 5px; }
.popular_places { margin-bottom: 10px; }
.popular_in_location { margin-bottom: 20px; }
.popular_topics h4,
.popular_places h4
  { font-size: 12px; color: #666; margin-bottom: 10px; }
  
/* Destinations page */
.destination { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #E8E8E8; }
.destination form,
.destination h2 
  { display: inline; }

.destination .question_summary { margin-top: 10px; overflow: hidden; }
.destination .question_summary a { font-size: 14px; }
.destination .favorite { width: 30px; float: left; }
.destination .favorite .input { float: left; }
.destination .details { margin-left: 25px; }

/* Location and question page headers */
.page_header .add_to_places { border: 1px solid white; position: absolute; top: 0; right: 0; font-size: 12px; padding: 5px 10px 10px; z-index: 1000; }
.page_header .add_to_places form { margin-top: 5px; display: none; }
.page_header .add_to_places label { font-size: 12px; color: black; }
.page_header .add_to_places.editing { border-color: #CACACA; background-color: white; }
.page_header .add_to_places.editing form { display: block; }
.page_header .add_to_places .add_been_here,
.page_header .add_to_places .add_lived_here,
.page_header .add_to_places .add_going_here
  { padding: 5px 0;}
.page_header .add_to_places a.edit_person_location { padding:2px 2px 2px 18px; background-image: url("i/icons.png"); background-position: 95px 321px; }

.page_header .add_to_places .submit { text-align: left; margin-top: 5px; }

.page_header .add_to_places .add_been_here,
.page_header .add_to_places .add_lived_here
 { border-bottom: 1px solid #E8E8E8; }

.page_header .breadcrumbs { color: #ABABAB; margin-bottom: 5px; font-size: 12px; }


#browse_map { height: 350px; }

/* markers */
#browse_map .clickable_marker { width: 0px; height: 0px; z-index: 3000; position: relative; }

#browse_map .clickable_marker .pin { position: relative; top: -20px; left: -11px; width: 20px; height: 20px; 
  background: url('i/pin-small.png') no-repeat -5px -5px; cursor: pointer; }
#browse_map .clickable_marker .larger_pin { background-image: url('i/pin-large.png') !important; top: -16px !important;}
  
#browse_map .clickable_marker .pin .location_name { background-color: white; position: absolute; top: -1px; padding: 2px 3px; color: #333; font-size: 11px; font-weight: bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; white-space: nowrap; left: 20px; display: none; }
#browse_map .clicked .location_name { display: none !important; }
#browse_map .clickable_marker .pin:hover .location_name { display: block; }

#browse_map .travellr_marker .clicked { z-index: 5000; }
#browse_map .travellr_marker .clickable_marker:hover { z-index: 10000 !important; }

/* popup */

#browse_map .map_popup {
  width: 270px; padding: 10px; position: absolute; bottom: 25px; left: -41px; background-color: white; text-align: left;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#browse_map .map_popup .popup_title { font-size: 16px; font-weight: bold; color: #666; margin-bottom: 3px;} 
#browse_map .map_popup .popup_title a { color: #333; }
#browse_map .map_popup .subtitle { font-weight: bold; font-size: 12px; color: #666; margin-bottom: 3px; }

#browse_map .map_popup img { margin: 2px 0; vertical-align: bottom; }
#browse_map .map_popup .actions { font-size: 11px; color: #999; }
#browse_map .map_popup .actions a { font-weight: normal; }
#browse_map .question_and_member_count { font-size: 11px; color: #999; }
#browse_map .close { height: 16px; width: 16px; float: right; background: url('i/button_x.png') no-repeat center center; cursor: pointer; }
#browse_map .close:hover { background-image: url('i/button_x_hover.png');}
#browse_map .nav { float: right; color: #444; }
#browse_map .nipple { position: absolute; bottom: 16px; left: -9px; }

#browse_map .map_popup .content { font-size: 11px; overflow: auto; margin: 5px 0; }
#browse_map .map_popup .column { width: 50%; float: left; }
#browse_map .map_popup .subtext { padding: 0px !important; }
#browse_map .map_popup .cities,
#browse_map .map_popup .topics
  { padding-right: 5px; }
#browse_map .topics { margin-bottom: 0; }
#browse_map .map_popup .topics a { padding: 2px; margin: 0 3px 3px 0; font-size: 11px; }
#browse_map .map_popup .loading { font-size: 11px; color: #666; }

table.messages { width: 100%; margin-bottom: 20px; }
table.messages th { color: #666; font-style: italic; font-weight: normal; text-align: left; padding: 5px 0; background-color: #F2F2F2;}
table.messages td { padding: 5px 0; vertical-align: top;}

table.messages .time_ago { font-size: 11px; }

table.messages td.select { vertical-align: middle; width: 25px; }
table.messages td.avatar { width: 42px; }
table.messages td.from { width: 115px; padding-right: 5px; }

.page_header .messaging_actions { float: right; color: #999; position: relative; top: 5px; }
.page_header .messaging_actions a { font-weight: normal; }

.sender_and_receiver { color: #666; margin-top: 10px; }

table.thread td  { padding-bottom: 20px; padding-top: 10px; border-bottom: 1px solid #E8E8E8; margin-bottom: 10px; }
table.thread { margin-top: 10px; }

/* Ugly old css! Strip this out when we redo FB connect */

#modal_cover { width: 100%; background-color: black; position: absolute; top: 0; left: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 100000; }
  
#modal_window_outer { background-color: #EEE; width: 550px; -moz-border-radius: 16px;
  -webkit-border-radius: 16px; border-radius: 16px; position: absolute; z-index: 100001; }
  
#modal_window_inner { margin: 15px; border: 1px solid #DDD; padding: 10px; background-color: #f5f5f5; }
#modal_window_inner .radio_field .subtext { display: block; margin: 5px 0 10px 20px; font-size: 11px; }
#modal_window_inner .radio_field label { display: inline; }

#modal_window_outer .loading { font-weight: bold; font-size: 120%; color: #444;
  background: url('i/loading.gif') top center no-repeat; padding-top: 36px; text-align: center; }

#modal_window_inner h1 { font-size: 18px; margin-bottom: 10px; color: #666; }  
#modal_window_inner h2 { font-size: 16px; color: #666; }

#modal_window_inner .mini_sign_in .field label { font-size: 13px; width: 130px; margin: 6px 10px 0 0; text-align: right; float: left; }
#modal_window_inner .mini_sign_in .field input { font-size: 13px; float: left; margin-bottom: 5px; width: 165px; }
#modal_window_inner .mini_sign_in { padding: 10px 30px; }
#modal_window_inner .submit { text-align: right; margin-top: 10px; }
#modal_window_inner .forgot_password { text-align: right; margin-right: 30px; }
#modal_window_inner .disabled { background-color: #f5f5f5;}

#modal_window_inner .textarea_field label { font-size: 100%; }
#modal_window_inner .textarea_field textarea { width: 366px; font-size: 11px; height: 75px;}
#modal_window_inner .textarea_field .subtext { padding-left: 0; font-size: 11px; }
#modal_window_inner .personal_message { margin-top: 15px; }
#modal_window_inner .context_text .subject h2 { color: #0096FF;}
#modal_window_inner .context_text .location { margin-bottom: 10px; font-weight: bold; font-size: 11px; color: #55AA00; }
#modal_window_inner .invites_sent { font-weight: bold; font-size: 120%; color: #444; height: 185px; padding-top: 180px; text-align: center;}



#nav h4 { font-size: 14px; color: #333; padding-bottom: 8px; border-bottom: 1px solid #E8E8E8; margin: 20px 0 8px; }
#nav .section li { padding: 5px 0; }
#nav .section { margin-bottom: 10px; }

#nav .home h4 { border: 0; }

#nav .current_person .avatar { float: left; }
#nav .current_person .details { font-weight: bold; overflow: hidden; }
#nav .current_person .details .name { margin-left: 58px; font-size: 14px; color: #333; }

#nav .profile li { padding-left: 24px; background-image: url('i/icons.png'); }

#nav .profile .questions { background-position: 20px 399px; }
#nav .profile .answers { background-position: 45px 374px; }
#nav .profile .favorites { background-position: 70px 349px; }
#nav .profile .messages { background-position: 120px 299px; }
#nav .profile .interests { background-position: 145px 274px; }
#nav .profile .places { background-position: 95px 324px; }
#nav .profile .summary { background-position: 170px 249px; }
#nav .profile .settings { background-position: 195px 224px; } 

/* Model errors and errors*/
.error,
#errorExplanation 
  { color: #E20909; border: 1px solid #EDD9D9; background-color: #FCE5E5; margin-bottom: 10px; padding: 10px; }
#errorExplanation p { font-size: 14px; font-weight: bold;  }
#errorExplanation ul li { margin: 10px 0 0 20px; }


/* Ajax returned model errors */
.inline_error { color: #E20909; border: 1px solid #EDD9D9; background-color: #FCE5E5; margin: 10px 0; padding: 10px 10px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.inline_error li { margin-bottom: 10px; }

/* Popup notice */
.popup_notice { background-color: #FFAC50; padding: 10px; color: white; font-size: 14px; width: 200px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.popup_notice a { color: white; font-size: 16px; text-decoration: underline; font-weight: bold; }


/* Notifications */
.alert_unread_answer_count,
.alert_unread_message_count,
.alert_unread_answer,
.alert_unread_message
  { background-color: #FA9E25; font-weight: bold; color: white; }
  
.alert_unread_answer_count,
.alert_unread_message_count
  {  padding: 0 4px; font-size: 11px; }
  
.alert_unread_answer,
.alert_unread_message
  { font-size: 11px; }
  
.alert_unread_answer { text-align: center; padding: 1px 0; margin-bottom: 5px; }
.alert_unread_message { padding: 0 5px;}

#nav .alert_unread_answer_count,
#nav .alert_unread_message_count
  {  position: relative; top: -3px; }

.aside .answer_count .alert_unread_answer_count { position: absolute; top: -1px; right: -8px; }

.no_results_notice,
.notice,
.notifications,
.get_started_notice
  { border:1px solid #D4E7EB; background-color: #E5F8FC; padding: 10px; color: #666; margin-bottom: 20px; }
.notifications li { margin-bottom: 10px; padding-left: 22px; background-image: url('i/icons.png'); background-repeat: no-repeat; }
.notifications .new_answer { background-position: -355px -30px; }
.notifications .new_favorite_answer { background-position: -330px -55px; }
.notifications .new_message { background-position: -280px -105px; }
.notifications form { display: block; text-align: right; }
.notifications .count { background-color: #FA9E25; font-weight: bold; color: white; padding: 0 4px; }

.notice p { margin-top: 10px; }

.get_started_notice h4,
.notifications h4 
  { font-size: 14px; margin-bottom: 10px; }
  
/* get started notices */
.get_started_notice p { margin-top: 10px; }
.get_started_notice ul li { margin-top: 5px; list-style-type: disc; margin-left: 15px;}
.get_started_notice img.favoriting_instructions { display: block; margin: 10px auto 0; border: 1px solid #D4E7EB; }

/* Where are you going notice */
.where_are_you_going_notice {}
.where_are_you_going_notice h4 { font-weight: bold; color: #666; font-size: 24px; line-height: 22px; letter-spacing: -1px; }
.where_are_you_going_notice p { color: #ABABAB; font-size: 14px; line-height: 18px; font-weight: bold; margin-top: 10px; letter-spacing: -1px; }


/* Profile header */
.profile_header { overflow: hidden; margin-bottom: 20px; }
.profile_info .profile_header { border-bottom: 1px solid #BBB; padding-bottom: 10px; }
.profile_header a { font-weight: normal; }
.profile_header .avatar { float: left; }
.profile_header .person { color: #999; margin-left: 80px; }
.profile_header .person .from { margin: 5px 0; }

/* Profile summary */
.top_questions,
.top_answers,
.top_favorites
 { margin-bottom: 20px; }
 
.profile_info strong { }

/* Map profile page */
.profile_info { overflow: hidden; }
.profile_info .about { margin-bottom: 10px; }

.profile_info .about,
.profile_info .living_in,
.profile_info .website,
.profile_info .member_since
  { margin-bottom: 5px; }

.profile_details { margin-bottom: 20px; }
.profile_info .profile_details strong { color: #666; float: left; }
.profile_info .profile_details p { margin-left: 80px; }

.profile_info .interests { margin: 20px 0; }

.profile_info h4 { margin-bottom: 10px; font-size: 14px; }

/* Places */
#profile_map { height: 250px; }
.reload_link { text-align: right; margin-top: 10px; }
.reload_link a { font-weight: normal; }

.place_lives, 
.places_lived, 
.places_visited
  { margin-bottom: 20px; }

.place_lives h4, 
.places_lived h4, 
.places_visited h4
  { font-size: 14px; margin-bottom: 10px; }

.places_lived .places, 
.places_visited .places
  { margin-top: 10px; }
  
.places_lived .places li, 
.places_visited .places li
  { margin-bottom: 5px; }
  
.place_lives .change { font-weight: normal; }

/* Manage interests*/
.manage_interests h4 { margin-bottom: 10px; }
.manage_interests .topics { margin-bottom: 20px; }

/* Any non standard progressive enhancement goes in here */

/* Forms fields - rounded corners and inner shadows */
.field input[type='text'],
.field input[type='password'],
.field textarea
  { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: .75px .75px 3px #c8c8c8 inset; -webkit-box-shadow: 1px 1px 3px #c8c8c8 inset; }
  
.field .read_only { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: .75px .75px 3px #c8c8c8 inset; -webkit-box-shadow: 1px 1px 3px #c8c8c8 inset; }

.sidebar_search,
.inline_search
  { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: .75px .75px 3px #c8c8c8 inset; -webkit-box-shadow: 1px 1px 3px #c8c8c8 inset; }
  
/* Asides */
.aside .answer_count { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }

.aside .answer_count,
.aside .answer_rating,
.question .aside .favorite
  { background-image: -webkit-gradient(linear, left bottom, left top, from(#F2F2F2), to(#F9F9F9)); background-image: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #F9F9F9); }  

.aside .answer_rating { -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.answers .aside .rate_answer { background-image: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #FAFAFA); background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F2F2F2)); -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.question .aside .view_count { background-image: -moz-linear-gradient(100% 100% 90deg, #919191 78%, #767676 100%); background-image: -webkit-gradient(linear, 0 0, 0 22%, from(#767676), to(#919191)); -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }

.question .aside .open_question { -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;}

/* Topics */
.manage_interests .your_interests input,
.manage_interests .recommended_interests input,
.topics a { -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Notices*/
.no_results_notice,
.get_started_notice,
.notice,
.notifications,
.error,
.errorExplanation,
.alert_unread_answer,
.alert_unread_message
{ -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.notifications .count,
.alert_unread_answer_count,
.alert_unread_message_count 
  { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
  
/* Messages */
.messages th { background-image: -moz-linear-gradient(100% 100% 90deg, #F2F2F2, #FAFAFA); background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F2F2F2)); }

/* Add to places ive been */
.page_header .add_to_places.editing { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-box-shadow: .75px .75px 3px #c8c8c8; }

/* Autocompleter */
ul.autocomplete { -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-box-shadow: .75px .75px 3px #c8c8c8; }

/* Auth */
.prompt_for_auth { -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* For questions and answers */
.time_ago { color: #666; white-space: nowrap; font-size: 11px; }
.question .person,
.answer .person
  { color: #666; font-size: 11px; }

.question p,
.answer p
  { padding-bottom: 10px; }

/* Aside */
.aside { text-align: center; }
.aside strong { font-size: 18px; font-weight: normal; display: block; line-height: 0.8em; padding-top: 0.2em; }
.aside .positive { color: #70B600; }

.aside .answer_count,
.aside .answer_rating 
  { background-color: #F7F7F7; color: #666; border: 1px solid #E8E8E8; padding: 2px 0; position: relative; }

.question .aside .statistics { font-size: 11px; }

.question .aside .open_question { color: #A9A9A9; }

.question .aside .view_count { background-color: #919191; color: #E3E3E3; padding: 2px; }

.question .aside .favorite { margin-top: 5px; background-color: #F7F7F7; }

/* IE fix */
.question .aside .favorite form div input { display: block; }

.answers .aside { width: 50px; float: left; }
.answers .aside input { width: 100%; }
.answers .aside .rate_answer { height: 36px; background-color: #F7F7F7; color: #666; border: 1px solid #E8E8E8; padding-right:16px; position: relative; color: #CDCDCD; }
.answers .aside .rate_answer .current_rating { font-size: 18px; line-height: 36px; }
.answers .aside .ratings { position: absolute; width: 16px; top: 1px; right: 4px; }
.answers .aside .ratings .rating { margin-bottom: 4px; line-height: 0; }

/* Generic for question & question list */
.recent_activity { margin-bottom: 20px; }
.question { overflow: hidden; padding-bottom: 20px; margin-top: 10px; border-bottom: 1px solid #E8E8E8; }
.question .aside { width: 50px; float: left; }
.question .details { margin-left: 60px; }

.question .subject { padding-bottom: 8px; }
.question .subject h1,
.question .subject h2 
  { display: inline; }

/* Question show page */
.question .actions,
.answers .actions
  { float: right; }

/* Answers */
ul.answers { margin-top: 10px; }
.answers .answer { padding: 10px 0 25px; border-bottom: 1px solid #E8E8E8; }
.answers .answer .details { margin-left: 60px; }
.answers .time_ago { font-size: 11px; }

/* Answering */
.answer_question { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #BBB; }
.answer_question .add_to_my_places { float: left; padding-left: 16px; margin-top: 5px; background-image: url('i/icons.png'); background-position: 93px 320px; font-weight: bold; font-size: 14px; color: #666; background-repeat: none; }
.answer_question .add_to_my_places label { display: inline; font-size: 12px; font-weight: normal; }
.answer_question .add_to_my_places input { margin-left: 20px; }

/* Related Questions */
.related_questions { border-bottom: 1px solid #BBB; }
.related_questions ul { margin-top: 10px; }
.related_questions li { padding-bottom: 10px; }
.related_questions .related { font-size: 14px; }

/* Map on question show */
.map #browse_map { margin-top: 10px; }

/* Answer with question */
/* Overflow hidden fixes IE7 issue */
.answers .answer_with_question { padding-bottom: 20px; margin-top: 10px; border-bottom: 1px solid #E8E8E8; overflow: hidden; }
.answers .answer_with_question .details { margin-left: 60px; }

/* Search */
.search_location { margin-bottom: 5px; }
.search_location h1 { display: inline; }
.search_location .change_location { font-weight: normal; }
.inline_search { margin-bottom: 20px; }
.result_info { color: #666; }

/* Closely related */
.closely_related_questions { margin-bottom: 20px; }
.closely_related_questions .similar_question_match { margin-bottom: 5px; }
.closely_related_questions h4 { margin-bottom: 5px; font-size: 14px; }
.closely_related_questions .answer_count { font-size: 11px; color: #666; }

/* Question suggestions */
.question .pass { text-align: right; margin-top: 10px; }

/* Share */
.share_question { padding-bottom: 5px; }
.share_question ul { overflow: hidden; margin-top: 10px; }
.share_question ul li { float: left; margin-right: 10px; font-size: 11px; line-height: 20px; margin-bottom: 5px; }
.share_question ul li img { float: left; margin-right: 5px; }

/* Actions */
.actions form { margin-left: 5px; }

/* Profile settings */
.edit_person .avatar { float: left; margin-right: 10px; }

.topics { overflow: hidden; margin-bottom: 5px; font-size: 12px; white-space: nowrap; }
.topics a {  padding: 5px 10px; display: block; float: left; margin: 0 5px 5px 0; }
.topics a { background-color: #FBF4E9; color: #E3B863; }

.topics li { float: left; margin: 0 5px 5px 0;}
/* Managing interests */
/*.manage_interests .recommended_interests form 
  { float: left; display: block; }*/

.welcome { margin-bottom: 25px }

.welcome .welcome_header,
.welcome .welcome_tag_line
  { font-weight: bold; color: #666; font-size: 24px; line-height: 22px; letter-spacing: -1px; }

.welcome .welcome_tag_line { margin-top: 5px; }

.welcome .welcome_content { color: #ABABAB; font-size: 14px; line-height: 18px; font-weight: bold; margin-top: 10px; letter-spacing: -1px;}

.welcome .learn_more 
  { color: #666; font-size: 11px; margin-top: 10px; }

.welcome .learn_more a
  { font-weight: normal; }