/* TOC
	6. Encounters
		6.1. Admin Creations
		6.2. Admin Types
		6.3. Create
		6.4. Created
		6.5. Edit
		6.6. Embed Overlay
		6.7. Facebook Recent Pins
		6.8. Index
		6.9. Lat Lon Start Overlay
		6.10. Nearby
		6.11. Overlay
		6.12. Search
		6.13. View
*/

/* 6. Encounters
------------------------------------------------ */

#pin_keys {
	border: 1px solid #ccc;
	border-radius: 0px 0px 5px 5px;
	font-size: 1.2em;
	padding: 10px;
}

#pin_keys .pin_key {
	display: inline-block;
	margin-right: 10px;
}

#pin_keys .pin_key:first-child {
	display: block;
	margin-top: 5px;
}

#pin_keys .pin_key span {
	position: relative;
	top: -7px;
}


/* 6.1. Encounters > Admin Creations
------------------------------------------------ */

#encounters_admin_creations_container {
	float: left;
	width: 1020px;
}

#encounters_admin_creations_container #chart_div {
	height: 700px;
	margin-top: 50px;
	width: 1020px;
}


/* 6.2. Encounters > Admin Types
------------------------------------------------ */

#encounters_admin_types_container {
	float: left;
	width: 1020px;
}

#encounters_admin_types_container #chart_div {
	height: 700px;
	margin-top: 50px;
	width: 1020px;
}


/* 6.3. Encounters > Create
------------------------------------------------ */

#encounters_create_container h2 .small_orange_action_button {
	font-size: 0.75em;
	margin-left: 25px;
}

#encounters_create_container #encounter_map_container {
	float: left;
	margin-top: 20px;
	width: 880px;
}

#encounters_create_container #encounter_map_container #encounter_map {
	height: 700px;
	width: 880px;
}

#creation_container {
	float: left;
	margin: 20px 0px 0px 25px;
	position: relative;
	width: 315px;
}

#creation_container h2 {
	margin: 0px;
	padding: 10px 0px;
}

#creation_container p {
	font-size: 1.4em;
	line-height: 1.2em;
}

#creation_container .create_step_container {
	display: none;
	height: 700px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 315px;
}

#creation_container .create_step_container.current {
	display: block;
}

#creation_container #locate_click_button,
#creation_container #drop_click_button,
#creation_container #address_click_button,
#creation_container #photo_click_button {
	margin-bottom: 10px;
}

#creation_container #step_address {
	height: 700px;
	position: relative;
}

#creation_container #step_address #address_guess_container {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	display: none;
	margin-top: 20px;
	overflow: hidden;
	padding: 10px;
	position: relative;
	width: 292px;
}

#creation_container #step_address #address_guess_container #guess_title {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 5px;
}

#creation_container #step_address #address_guess_container #pin_this_click_button {
	position: absolute;
	right: 5px;
	top: 5px;
}

#creation_container #step_address #address_guess_container #dynamic_address_container {
	height: 48px;
}

#creation_container #step_address #address_guess_container #dynamic_address_container div {
	font-size: 1.4em;
	line-height: 1.2em;
}

#creation_container #step_address #address_previous_click_button {
	bottom: 0px;
	left: 0px;
	position: absolute;
}

#creation_container #step_address #address_next_click_button {
	bottom: 0px;
	display: none;
	position: absolute;
	right: 0px;
}

#creation_container #step_address #reason_sub_id_container {
	display: none;
}

#creation_container #step_info #info_previous_click_button {
	bottom: 0px;
	left: 0px;
	position: absolute;
}

#creation_container #step_info #info_next_click_button {
	bottom: 0px;
	position: absolute;
	right: 0px;
}

#creation_container #step_map #maps_container {
	border: 1px solid #ccc;
	max-height: 330px;
	overflow-y: auto;
	padding: 5px;	
}

#creation_container #step_map #new_map_container {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 20px;
	padding: 10px 10px 40px 10px;
	position: relative;
}

#creation_container #step_map #new_map_container .input input {
	color: #999;
	width: 280px;
}

#creation_container #step_map #new_map_container .select {
	float: left;
	margin: 10px 0px;
	width: 145px;
}

#creation_container #step_map #new_map_container .select select {
	width: 130px;
}

#creation_container #step_map #new_map_container a {
	bottom: 10px;
	position: absolute;
	right: 10px;
}

#creation_container #step_map #map_previous_click_button {
	bottom: 0px;
	left: 0px;
	position: absolute;
}

#creation_container #step_map #map_next_click_button {
	bottom: 0px;
	position: absolute;
	right: 0px;
}

#creation_container #step_description #description_previous_click_button {
	bottom: 0px;
	left: 0px;
	position: absolute;
}

#creation_container #step_description #description_next_click_button {
	bottom: 0px;
	position: absolute;
	right: 0px;
}

#creation_container form .input {
	margin-bottom: 15px;
	position: relative;
}

#creation_container form #step_map .input {
	margin-bottom: 0px;
}

#creation_container form .input label,
#creation_container form #step_map label {
	color: #333;
	display: block;
	font-size: 1.4em;
	padding: 5px 10px 5px 0px;
}

#creation_container form .input input {
	border: 1px solid #999;
	display: block;
	font-size: 1.4em;
	padding: 5px;
	width: 300px;
}

#creation_container form #step_info .checkbox {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
}

#creation_container form .checkbox input {
	border: none;
	display: inline-block;
	margin-right: 15px;
	padding: 0px;
	width: auto;
}

#creation_container form .checkbox label,
#creation_container form #step_map .checkbox label {
	display: inline-block;
	width: auto;
}

#creation_container form .input select {
	border: 1px solid #999;
	display: block;
	font-size: 1.2em;
	padding: 3px;
	width: 312px;
}

#creation_container form .input select optgroup {
	margin-top: 5px;
}

#creation_container form .important_container .input select {
	width: 100%;
}

#creation_container form .input .ui-datepicker-trigger {
	cursor: pointer;
	left: 5px;
	position: relative;
	top: 4px;
}

#creation_container form .input ul#zip_results {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px #fff;
	display: none;
	list-style: none;
	margin: 0px;
	padding: 5px 10px;
	position: absolute;
	top: 49px;
	width: 290px;
	z-index: 8007;
}

#creation_container form .input ul#zip_results li a {
	color: #000;
	display: inline-block;
	padding: 5px;
	text-decoration: none;
}

#creation_container form .input ul#zip_results li a:hover {
	background-color: #f5892a;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
}

#creation_container form .input ul#zip_results li a:active {
	box-shadow: inset 0px 0px 4px #000;
}

#creation_container form .date select {
	border: 1px solid #999;
	display: inline-block;
	font-size: 1.2em;
	padding: 3px;
	width: auto;
}

#creation_container form #reason_sub_id_container {
	display: none;
	margin-left: 20px;
}

#creation_container form #reason_sub_id_container .input select {
	width: 292px;
}

#creation_container form .textarea label {
	margin-bottom: 10px;
}

#creation_container form .textarea textarea {
	height: 400px;
	width: 300px;
}

#creation_container form .submit {
	display: none;
}

#creation_container form .form_error,
#creation_container form .error-message {
	color: #bd1a00;
	display: none;
	font-size: 1.2em;
	margin-top: 5px;
}

#creation_container form .error-message {
	display: block;
}

#creation_container form .form_error img {
	left: 260px;
	position: absolute;
	top: 22px;
}

#creation_container .message {
	color: #bd1a00;
	font-size: 1.4em;
	text-align: center;
}


/* 6.4. Encounters > Created
------------------------------------------------ */

#encounters_created_container #encounter_map_container {
	float: left;
	margin-top: 20px;
	width: 855px;
}

#encounters_created_container #encounter_map_container #encounter_map {
	height: 600px;
	width: 855px;
}

#created_container {
	float: left;
	margin: 20px 0px 0px 50px;
	position: relative;
	width: 315px;
}

#created_container h2 {
	margin: 0px;
	padding: 10px 0px;
}

#created_container p {
	font-size: 1.4em;
	line-height: 1.2em;
}

#created_container .created_step_container {
	display: none;
	height: 600px;
	left: 0px;
	position: absolute
	top: 0px;
}

#created_container .created_step_container.current {
	display: block;
}

#created_container #step_photos {
	height: 600px;
	position: relative;
}

#created_container #step_photos div.photos_container {
	height: 500px;
	margin-top: 10px;
	overflow: auto;
}

#created_container #step_photos div.photos_container p {
	font-size: 1.2em;
}

#created_container #step_photos div.photos_container a {
	border: 1px solid #ccc;
	display: block;
	float: left;
	height: 85px;
	margin: 6px;
	padding: 0px;
	width: 85px;
}

#created_container #step_photos #more_next_click_button {
	bottom: 0px;
	position: absolute;
	right: 0px;
}

#created_container #step_more a {
	margin-bottom: 10px;
}

#created_container #step_more #photos_previous_click_button {
	bottom: 0px;
	left: 0px;
	position: absolute;
}

#created_container #step_more #share_icons_container {
	margin-bottom: 40px;
}

#created_container #step_more #share_icons_container p {
	font-size: 1.6em;
	font-weight: bold;
}

#created_container #step_more #more_done_click_button {
	bottom: 0px;
	margin: 0px;
	position: absolute;
	right: 0px;
}

#created_container form .form_error,
#created_container form .error-message {
	color: #bd1a00;
	display: none;
	font-size: 1.2em;
	margin-top: 5px;
}

#created_container form .error-message {
	display: block;
}

#created_container form .form_error img {
	left: 260px;
	position: absolute;
	top: 22px;
}

#created_container .message {
	color: #bd1a00;
	font-size: 1.4em;
	text-align: center;
}


/* 6.5. Encounters > Edit
------------------------------------------------ */

#encounters_edit_container #encounter_map_container {
	float: left;
	margin-top: 20px;
	width: 880px;
}

#encounters_edit_container #encounter_map_container #encounter_map {
	height: 700px;
	width: 880px;
}

#encounters_edit_container #step_address #address_next_click_button {
	display: block;
}


/* 6.6. Encounters > Embed Overlay
------------------------------------------------ */

#maps_embed_overlay_container {
	font-size: 1.2em;
	width: 700px;
}

#maps_embed_overlay_container li {
	line-height: 1.4em;
}

#maps_embed_overlay_container li li {
	font-size: 1.0em;
}

#maps_embed_overlay_container pre.visual_code {
	font-size: 1.2em;
	margin: 15px 0px 35px 0px;
}

#maps_embed_overlay_container p {
	font-size: 1.0em;
}


/* 6.7. Encounters > Facebook Recent Pins
------------------------------------------------ */

#encounters_fb_recent_pins_container #map_container {
	width: 770px;
}

#encounters_fb_recent_pins_container #map_container #view_map {
	height: 600px;
	width: 770px;
}

#encounters_fb_recent_pins_container #create_button_container {
	margin-top: 25px;
	text-align: center;
}


/* 6.8. Encounters > Index
------------------------------------------------ */

#encounters_index_container .map_ad_container {
	margin-top: 20px;
}

#encounters_index_container #encounter_map_container {
	float: left;
	margin: 20px 0px 20px 0px;
	width: 975px;
}

#encounters_index_container #encounter_map_container.ad_width {
	float: left;
	margin: 20px 0px 20px 0px;
	width: 790px;
}

#encounters_index_container #encounter_map_container .pin_checkboxes {
	border: 1px solid #ccc;
	border-radius: 5px 5px 0px 0px;
	padding: 5px;
	position: relative;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .label {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .checkbox {
	display: inline-block;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .checkbox label {
	font-size: 12px;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .menu_pins_container {
	display: inline-block;
	position: relative;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .menu_pins_container .menu_pins_button {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .menu_pins_container .menu_pins_options {
	background-color: #fff;
	border: 1px solid #ccc;
	display: none;
	left: -16px;
	padding: 8px 15px 9px 15px;
	position: absolute;
	top: -9px;
	width: 300px;
	z-index: 1000;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .menu_pins_container .links_scroll_container {
	border: 1px solid #ccc;
	left: -6px;
	margin: 5px -12px 0px 0px;
	max-height: 500px;
	overflow: auto;
	padding: 5px 0px 5px 5px;
	position: relative;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .menu_pins_container .menu_pins_options .checkbox {
	display: block;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .menu_pins_container .menu_pins_options .checkbox label {
	padding-left: 5px;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .menu_pins_container .menu_pins_options .menu_pins_button {
	margin-bottom: 5px;
}

#encounters_index_container #encounter_map_container #links_pin_container {
	margin: 0px 10px;
}

#encounters_index_container #encounter_map_container #my_maps_container {
	margin: 0px 10px;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .loading {
	display: none;
	position: absolute;
	right: 5px;
	top: 7px;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .loading img {
	margin-left: 3px;
}

#encounters_index_container #encounter_map_container .pin_checkboxes .loading span {
	font-weight: bold;
	position: relative;
	top: -4px;
}

#encounters_index_container #encounter_map_container #dashboard_map {
	height: 600px;
	width: 975px;
}

#encounters_index_container #encounter_map_container.ad_width #dashboard_map {
	width: 790px;
}

#encounters_index_container #encounter_map_container #move_click_button {
	margin: 20px 0px 10px 0px;
}

#encounter_begin {
	float: left;
	margin: 20px 0px 0px 25px;
	position: relative;
	width: 220px;
}

#encounter_begin p {
	font-size: 1.4em;
	line-height: 1.2em;
}

#encounter_begin .orange_action_button {
	margin: 10px 0px;
}

#encounter_begin #encounter_begin_edit_help {
	margin-top: 280px;
}

#encounter_begin .important_container {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 10px;
	text-align: center;
}

#encounters_overview_overlay_container {
	height: 600px;
	overflow-y: auto;
	width: 900px;
}

#encounters_overview_overlay_container ol + p {
	margin-top: 20px;
}

#encounters_overview_overlay_container ol {
	list-style-type: decimal;
	margin-right: 18px;
}

#encounters_overview_overlay_container ol li {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 5px;
}

#encounters_overview_overlay_container ol li ul {
	list-style-type: disc;
	margin-bottom: 10px;
}

#encounters_overview_overlay_container ol li ul li {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 5px 0px;
}


/* 6.9. Encounters > Lat Lon Start Overlay
------------------------------------------------ */

#encounters_lat_lon_start_overlay .input label {
	color: #333;
	display: block;
	font-size: 1.4em;
	padding: 5px 10px 5px 0px;
}

#encounters_lat_lon_start_overlay .input input {
	border: 1px solid #999;
	display: block;
	font-size: 1.4em;
	padding: 5px;
	width: 300px;
}


/* 6.10. Encounters > Nearby
------------------------------------------------ */

#nearby_map_container {
	float: left;
	margin: 20px 0px 20px 0px;
	position: relative;
	width: 820px;
}

#nearby_map_container #nearby_map {
	height: 600px;
	width: 820px;
}

#nearby_map_container #return_click_button {
	margin: 20px 0px;
}

#nearby_matches_container {
	float: left;
	margin: 20px 0px;
	padding: 0px 25px;
	width: 350px;
}

#nearby_matches_container h2 + p {
	margin-bottom: 20px;
}

#nearby_matches_container #nearby_matches_scroll_container {
	border: 1px solid #ccc;
	height: 432px;
	overflow-y: auto;
	padding: 15px;
}

#nearby_matches_container #nearby_matches_scroll_container .nearby_match_container {
	border-bottom: 1px solid #ccc;
	min-height: 40px;
	padding: 5px 0px;
}

#nearby_matches_container #nearby_matches_scroll_container .nearby_match_container.encounter {
	background: #ccc;
	border-bottom: 1px solid #f5892a;
}

#nearby_matches_container #nearby_matches_scroll_container .nearby_match_container .letter {
	float: left;
	padding: 10px 10px 0px 10px;
	width: 30px;
}

#nearby_matches_container #nearby_matches_scroll_container .nearby_match_container .letter a {
	font-size: 1.8em;
	font-weight: bold;
}

#nearby_matches_container #nearby_matches_scroll_container .nearby_match_container .match_info {
	float: left;
	font-size: 11px;
	width: 260px;
}

#nearby_matches_container #nearby_matches_scroll_container .nearby_match_container .match_info div {
	margin-bottom: 5px;
}

#nearby_matches_container #nearby_matches_scroll_container .nearby_match_container .match_info .establishment_name {
	font-size: 1.2em;
	font-weight: bold;
}


/* 6.11. Encounters > Overlay
------------------------------------------------ */

#overlay_map_container {
	margin: 20px auto;
	position: relative;
	width: 1200px;
}

#overlay_map_container #overlay_map {
	height: 600px;
	width: 1200px;
}


/* 6.12. Encounters > Search
------------------------------------------------ */

#encounters_search_container .map_ad_container {
	margin-top: 20px;
}

#encounters_search_overview_overlay_container {
	height: 400px;
	overflow-y: auto;
	width: 600px;
}


/* 6.13. Encounters > View
------------------------------------------------ */

#view_map_container {
	margin: 20px auto;
	position: relative;
	width: 1200px;
}

#view_map_container #view_map {
	height: 600px;
	width: 1200px;
}