@import url("reset.css");

/* ------------------------ */
/* ---- GLOBAL STYLING ---- */
/* ------------------------ */

/* TOC
	1. Base
	2. Global
	3. C-Frame
		3.1. Header
		3.2. Main Nav
		3.3. Body
		3.4. Footer
		3.5. Secure Left Nav
		3.6. Ads
		3.7. Fancybox Inline Overlays
		3.8. Search Results
	4. (pages.css)
	5. (users.css)
		5.10. Profile Overlay
	6. (encounters.css)
	7. (links.css)
		7.1. Add Overlay
	8. (encountergrams.css)
	9. (inquiries.css)
	10. (discussions.css)
	11. (messages.css)
	12. (abouts.css)
	13. (plans.css)
		13.3. Expired Free Overlay
		13.4. Partner Only Overlay
		13.5. Premium Only Overlay
		13.8. Welcome Free Overlay
	14. (updates.css)
	15. (notifications.css)
	16. (maps.css)
		16.3. Add Encounter to Maps Overlay
		16.8. Add Encounters to Map Overlay
	17. (searches.css)
	18. (basicmaps.css)
	19. (basicpins.css)
*/

/* 1. Base
------------------------------------------------ */

body {
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	position: relative;
}

body#facebook_layout {
	background: none;
}

/* 2. Global
------------------------------------------------ */

body#tinymce {
	background-color: #fff;
}

.clear {
	clear: both;
}

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

a {
	color: #0059a7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #f7a65e;
	font-size: 2.2em;
	font-weight: bold;
	margin: 10px 0px;
}

h2 {
	color: #0059a7;
	font-size: 1.6em;
	font-weight: bold;
	margin: 10px 0px;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 10px 0px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

pre.visual_code {
	background-color: #333;
	border-radius: 10px;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 15px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.message {
	color: #ff0000;
	font-weight: bold;
}

.orange {
	color: #f7a65e;
}

.blue {
	color: #0059a7;
}

.orange_action_button {
	background-color: #f7a65e;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 1.6em;
	font-weight: bold;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px #999;
}

.orange_action_button:hover {
	background-color: #f5892a;
	text-decoration: none;
}

.orange_action_button:active {
	box-shadow: inset 0px 0px 4px #000;
}

.small_orange_action_button {
	background-color: #f7a65e;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px 7px 5px 7px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px #999;
}

.small_orange_action_button:hover {
	background-color: #f5892a;
	text-decoration: none;
}

.small_orange_action_button:active {
	box-shadow: inset 0px 0px 4px #000;
}

.blue_action_button {
	background-color: #4587d9;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 15px 8px 15px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px #444;
}

.blue_action_button:hover {
	background-color: #2469bf;
	text-decoration: none;
}

.blue_action_button:active {
	box-shadow: inset 0px 0px 4px #000;
}

.small_blue_action_button {
	background-color: #4587d9;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px 7px 5px 7px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px #444;
}

.small_blue_action_button:hover {
	background-color: #2469bf;
	text-decoration: none;
}

.small_blue_action_button:active {
	box-shadow: inset 0px 0px 4px #000;
}

.green_action_button {
	background-color: #39b53d;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 15px 8px 15px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px #444;
}

.green_action_button:hover {
	background-color: #2d9230;
	text-decoration: none;
}

.green_action_button:active {
	box-shadow: inset 0px 0px 4px #000;
}

.small_green_action_button {
	background-color: #39b53d;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px 7px 5px 7px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px #444;
}

.small_green_action_button:hover {
	background-color: #2d9230;
	text-decoration: none;
}

.small_green_action_button:active {
	box-shadow: inset 0px 0px 4px #000;
}

.fancybox-outer .info {
	margin-top: 15px;
	min-height: 51px;
	position: relative;
	z-index: 8041;
}

.fancybox-outer .info .user_data {
	float: left;
	width: 50%;
}

.fancybox-outer .info .user_data .photo {
	float: left;
	height: 50px;
	margin-right: 15px;
	width: 50px;
}

.fancybox-outer .info .user_data .data {
	float: left;
	width: 200px;
}

.fancybox-outer .info .user_data .data .name {
	font-size: 1.4em;
	font-weight: bold;
	padding: 5px 0px;
}

.fancybox-outer .info .user_data .data .date {
	color: #999;
	font-size: 1.2em;
}

.fancybox-outer .info .user_data .data .camera {
	color: #ccc;
	font-size: 1.0em;
	margin-top: 5px;
}

.fancybox-outer .info .caption {
	float: left;
	font-size: 1.4em;
	line-height: 1.2em;
	text-align: right;
	width: 50%;
}

.fancybox-outer .edit {
	border: 1px solid #ccc;
	border-radius: 5px;
	display: none;
	margin-top: 15px;
	padding: 15px 15px 5px 15px;
	position: relative;
	z-index: 8041;
}

.fancybox-outer .edit .small_orange_action_button {
	cursor: pointer;
	margin-bottom: 10px;
}

.fancybox-outer .edit .edit_caption_container {
	float: left;
	width: 84%;
}

.fancybox-outer .edit .edit_caption_container input {
	margin: 0px 15px 10px 0px;
	width: 75%;
}

.fancybox-outer .edit .edit_caption_container .status_container {
	display: none;
	font-size: 1.2em;
	font-weight: bold;
}

.fancybox-outer .edit .edit_delete_container {
	float: right;
	text-align: right;
	width: 16%;
}

#content .like_container span {
	cursor: pointer;
	display: inline-block;
	position: relative;
}

#content .like_container span:hover ul.who_likes_it_container {
	display: block;
}

#content .like_container span ul.who_likes_it_container {
	background-color: #4587d9;
	border: 1px solid #ccc;
	border-radius: 5px;
	bottom: 30px;
	color: #fff;
	display: none;
	list-style: none;
	margin: 0px;
	padding: 10px;
	position: absolute;
	text-align: center;
	text-shadow: 0px -1px #444;
	width: auto;
	z-index: 599;
}
	
#content .like_container span ul.who_likes_it_container:after {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #4587d9;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	bottom: -6px;
	content: '';
	height: 10px;
	left: 20px;
	margin-left: -5px;
	position: absolute;
	transform: rotate(45deg);
	width: 10px;
}

#content .like_container span ul.who_likes_it_container li {
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.1em;
	white-space: nowrap;
}


/* 3. C-Frame
------------------------------------------------ */

#facebook_layout #content {
	margin-bottom: 15px;
	min-height: 300px;
	padding: 15px;
	position: relative;
	width: 880px;
}


/* 3.1. C-Frame > Header
------------------------------------------------ */

header {
	background-image: url('/img/global/background.png'), url('/img/global/background_repeat.png');
	background-position: center -50px, 0 -50px;
	background-repeat: no-repeat, repeat-x;
	margin: 0px auto -15px auto;
	z-index: 600;
}

body.homepage header {
	background-image: url('/img/homepage/background.png'), url('/img/homepage/background_repeat.png');
	background-position: center top, 0 0;
	background-repeat: no-repeat, repeat-x;
	height: 675px;
	margin: 0px auto;
}

header #header_content_container {
	background: url('/img/global/header_background.png') no-repeat center -50px;
	height: 85px;
	margin: 0px auto;
	padding: 0px 15px;
	position: relative;
	width: 1220px;
}

body.homepage header #header_content_container {
	background: url('/img/homepage/homepage_background.png') no-repeat center 0;
	height: 675px;
}

header #logo_and_text {
	float: left;
	margin: 0px;
	width: 290px;
}

header #logo_and_text a {
	display: block;
	height: 70px;
	width: 290px;
}

header #header_nav {
	float: right;
	margin: 10px 0px 0px 0px;
	text-align: right;
	width: auto;
}


/* 3.2. C-Frame > Main Nav
------------------------------------------------ */

header #header_nav #welcome {
	float: right;
	width: auto;
}

header #header_nav #welcome #profile_photo {
	float: right;
	margin: 0px 0px 0px 10px;
	width: 50px;
}

header #header_nav #welcome #login {
	float: right;
	margin: 15px 0px 10px 10px;
	width: auto;
}

header #header_nav #welcome #salutation {
	color: #fff;
	float: right;
	padding-top: 18px;
	position: relative;
	width: auto;
}

header #header_nav #welcome #salutation #alerts_container {
	position: absolute;
	right: 25px;
	top: 0px;
	z-index: 998;
}

header #header_nav #welcome #salutation .name {
	font-size: 1.4em;
	line-height: 1.4em;
}

header #header_nav #welcome #salutation #account_settings_menu_button {
	color: #fff;
	cursor: pointer;
	font-size: 1.4em;
	padding-right: 15px;
}

header #header_nav #welcome #salutation #account_settings_menu_button span.arrow {
	position: relative;
	top: -2px;
}

header #header_nav #welcome #salutation #account_settings_menu_button span.ajax_notification_count {
	display: inline-block;
	background-color: #ccc;
	border-radius: 3px;	
	color: #666;
	font-size: 1.0em;
	margin-right: 10px;
	padding: 2px 5px;
	text-shadow: none;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #fff;
	color: #0059a7;
	display: none;
	padding: 15px;
	position: absolute;
	right: -1px;
	top: 2px;
	width: auto;
	z-index: 999;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container .name {
	cursor: pointer;
	position: relative;
	white-space: nowrap;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container .name span {
	position: relative;
	top: -2px;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul {
	list-style-type: none;
	margin: 15px 5px 0px -5px;
	text-align: left;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul li a {
	display: inline-block;
	font-size: 1.2em;
	padding: 5px;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul li a.count_container {
	width: 100%;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul li a:hover {
	background-color: #f5892a;
	border-radius: 3px;
	color: #fff;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul li a:active {
	box-shadow: inset 0px 0px 4px #000;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul li a span.count {
	background-color: #f5892a;
	border-radius: 3px;
	color: #fff;
	float: right;
	font-weight: bold;
	margin: -2px 0px;
	padding: 2px 4px;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul li a span.notification_count {
	background-color: #ccc;
	color: #666;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul li a span.count span.inner_count {
	line-height: 1.2em;
}

header #header_nav #welcome #salutation #account_settings_drop_down_container ul li a div.count_label {
	float: left;
	margin-top: 1px;
}

header #header_nav #nav_links {
	float: right;
	margin: 5px 30px 0px 0px;
	width: auto;
}

header #header_nav #nav_links #icon_nav {
	float: right;
	text-align: center;
	width: 140px;
}

header #header_nav #nav_links #icon_nav #nav_label {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 3px;
	width: 140px;
}

header #header_nav #nav_links #main_nav {
	float: right;
	width: auto;
}

header #header_nav #nav_links #main_nav > div {
	display: inline-block;
	margin: 9px -4px 0px 0px;
	position: relative;
}

header #header_nav #nav_links #main_nav div a.small_blue_action_button {
	border: 1px solid #bbb;
	border-radius: 0px;
}

header #header_nav #nav_links #main_nav div a.small_green_action_button {
	border: 1px solid #bbb;
	border-radius: 0px;
}

header #header_nav #nav_links #main_nav div:first-child > a {
	border-radius: 5px 0px 0px 5px;
}

header #header_nav #nav_links #main_nav div:last-child > a {
	border-radius: 0px 5px 5px 0px;
}

header #header_nav #nav_links #main_nav div a.small_orange_action_button {
	padding: 7px 7px 6px 7px;
}

header #header_nav #nav_links #main_nav > div > a span {
	position: relative;
	top: -1px;
}

header #header_nav #nav_links #main_nav > div a.small_blue_action_button.active {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #2469bf;
	padding-bottom: 6px;
	text-shadow: none;
}

header #header_nav #nav_links #main_nav > div ul {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 0px 0px 5px 5px;
	color: #0059a7;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 15px;
	position: absolute;
	right: 0px;
	text-align: left;
	top: 25px;
	width: auto;
	z-index: 998;
}

header #header_nav #nav_links #main_nav > div#notifications ul {
	left: auto;
	right: -60px;
}

header #header_nav #nav_links #main_nav > div#notifications ul {
	padding: 15px 0px;
}

header #header_nav #nav_links #main_nav > div ul li.sub_header {
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px;
	margin: 15px 0px 0px -5px;
}

header #header_nav #nav_links #main_nav > div ul li a {
	display: inline-block;
	font-size: 1.2em;
	padding: 5px;
	margin-left: -5px;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
}

header #header_nav #nav_links #main_nav > div ul li a.count_container {
	width: 100%;
}

header #header_nav #nav_links #main_nav > div ul li a:hover {
	background-color: #f5892a;
	border-radius: 3px;
	color: #fff;
}

header #header_nav #nav_links #main_nav > div ul li a:active {
	box-shadow: inset 0px 0px 4px #000;
}

header #header_nav #nav_links #main_nav > div ul li a span.count {
	background-color: #f5892a;
	border-radius: 3px;
	color: #fff;
	float: right;
	font-weight: bold;
	margin: -2px 0px;
	padding: 2px 4px;
}

header #header_nav #nav_links #main_nav > div ul li a span.count span.inner_count {
	line-height: 1.2em;
}

header #header_nav #nav_links #main_nav > div ul li a div.count_label {
	float: left;
	margin-top: 1px;
}

header #header_nav #nav_links #account_action_links {
	float: right;
	width: 150px;
}

header #header_nav #nav_links #account_create_link {
	float: right;
	margin: 3px 0px 0px 50px;
	width: auto;
}

header #header_nav #nav_links #account_action_links .account_action_links {
	margin: 8px 0px 0px 0px;
}


/* 3.3. C-Frame > Body
------------------------------------------------ */

#content {
	margin: 0px auto 15px auto;
	min-height: 300px;
	padding: 15px;
	position: relative;
	width: 1220px;
}

ol, ul {
	list-style-type: decimal;
	margin-left: 40px;
}

#content ol li,
#content ul li {
	font-size: 1.2em;
	margin: 5px 0px;
}

#content ol li p,
#content ul li p {
	font-size: 1.0em;
}

.info_window_container {
	height: 300px;
	position: relative;
	width: 400px;
}

.info_window_container .establishment {
	color: #999;
	font-weight: bold;
	margin-bottom: 2px;
}

.info_window_container .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.info_window_container .title div {
	margin-bottom: 15px;
}

.info_window_container .icon_lock_private {
	bottom: 0px;
	position: absolute;
	right: 0px;
	z-index: 1;
}

.info_window_container .date {
	font-size: 12px;
	line-height: 14px;
}

.info_window_container .address {
	font-size: 12px;
	line-height: 14px;
}

.info_window_container .cohort {
	font-size: 12px;
	line-height: 14px;
}

.info_window_container .reason {
	font-size: 12px;
	line-height: 14px;
}

.info_window_container .desc {
	font-size: 12px;
	height: 133px;
	line-height: 14px;
	margin: 5px 0px;
	overflow-y: auto;
	word-wrap: break-word;
}

.info_window_container .desc p {
	font-size: 1.0em;
}

.info_window_container .actions {
	border-top: 1px solid #ccc;
	bottom: 5px;
	padding-top: 8px;
	position: absolute;
	width: 100%;
}

.info_window_container .actions a {
	color: #3d59ab;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin: 8px 15px 0px 0px;
	text-decoration: underline;
}

.info_window_container .actions a.read_encountergram {
	font-weight: bold;
}

.info_window_container .info_window_multiple_header {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.info_window_container .info_window_multiple_container {
	max-height: 267px;
	overflow-y: auto;
}

.info_window_container .info_window_multiple_container .info_window_multiple_item {
	border-bottom: 1px solid #eee;
	cursor: pointer;
	padding: 5px 0px;
}

.info_window_container .info_window_multiple_container .info_window_multiple_item .icon {
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 21px;
}

.info_window_container .info_window_multiple_container .info_window_multiple_item .name {
	float: left;
	font-size: 12px;
	line-height: 21px;
	width: 350px;
}

.small_info_window_container {
	height: 100px;
	position: relative;
	width: 300px;
}

.small_info_window_container .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.small_info_window_container .title div {
	margin-bottom: 15px;
}

.small_info_window_container .address {
	font-size: 12px;
	line-height: 14px;
}

.small_info_window_container .actions {
	border-top: 1px solid #ccc;
	bottom: 5px;
	padding-top: 8px;
	position: absolute;
	width: 100%;
}

.small_info_window_container .actions a {
	color: #3d59ab;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin: 8px 15px 0px 0px;
	text-decoration: underline;
}

#content .overview_link {
	background: url('/img/icons/help.png') no-repeat 0 0;
	font-size: 1.4em;
	font-weight: bold;
	min-height: 16px;
	padding: 1px 0px 0px 20px;
	position: absolute;
	right: 25px;
	top: 25px;
}

#search_map_container {
	float: left;
	margin: 20px 0px 20px 0px;
	position: relative;
	width: 885px;
}

#search_map_container.ad_width {
	width: 700px;
}

#search_map_container #search_map {
	height: 600px;
	width: 885px;
}

#search_map_container.ad_width #search_map {
	width: 700px;
}

#search_matches_container {
	float: left;
	margin: 20px 0px;
	padding: 0px 10px 0px 25px;
	width: 300px;
}

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

#search_matches_container #search_matches_scroll_container {
	border: 1px solid #ccc;
	height: 467px;
	overflow-y: auto;
	padding: 15px;
}

#search_matches_container .search_match_container {
	border-bottom: 1px solid #ccc;
	min-height: 40px;
	padding: 5px 0px;
}

#search_matches_container .search_match_container .letter {
	float: left;
	font-size: 1.8em;
	font-weight: bold;
	padding: 10px 10px 0px 0px;
	width: 30px;
}

#search_matches_container .search_match_container .match_info {
	float: left;
	width: 213px;
}

#search_matches_container .search_match_container .match_info div {
	font-size: 1.2em;
	margin-bottom: 5px;
}

#search_matches_container .search_match_container .match_info .establishment_name {
	font-weight: bold;
}

#search_matches_container #begin_click_button {
	margin-bottom: 20px;
}

#search_container {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	display: none;
	float: left;
	padding: 20px 25px;
	position: absolute;
	right: 0px;
	top: 80px;
	width: 270px;
	z-index: 10;
}

#search_container #search_form {
	position: relative;
	width: 270px;
}

#search_container #search_form p {
	width: 225px;
}

#search_form form .input {
	margin-bottom: 10px;
	position: relative;
}

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

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

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

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

#search_form form .input.checkbox {
	margin-top: 10px;
}

#search_form form .input.checkbox input {
	display: inline;
	width: 15px;
}

#search_form form .input.checkbox label {
	display: inline;
	padding: 0px;
}

#search_form form .input .ui-datepicker-trigger {
	bottom: 4px;
	cursor: pointer;
	left: 235px;
	position: absolute;
}

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

#search_form form .submit {
	display: none;
}

#search_form form .form_error,
#search_form form .error-message {
	color: #bd1a00;
	display: none;
	font-size: 1.1em;
}

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

#search_form form .form_error img {
	left: 175px;
	position: absolute;
	top: 22px;
}

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

#search_form #cancel_click_button {
	color: #000;
	font-size: 12px;
	height: 15px;
	left: 240px;
	position: absolute;
	top: 0px;
	width: 60px;
}

#search_form #cancel_click_button img {
	position: relative;
	top: 1px;
}

#search_form #reset_click_button {
	margin-top: 10px;
}


/* 3.4. C-Frame > Footer
------------------------------------------------ */

footer {
	margin: 0px auto;
	padding: 15px;
	width: 1220px;
}

footer #share_icons {
	float: left;
	margin-top: 36px;
	position: relative;
	width: 920px;
}

footer #share_icons .fb_container {
	height: 25px;
	margin-bottom: 5px;
}

footer #share_icons .sharethis_container {
	height: 25px;
	margin-bottom: 5px;
}

footer #share_icons .sharethis_container .st_sharethis_custom {
	background: url('/img/social/icons/sharethis.png') no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 25px;
	width: 25px;
}

footer #share_icons .twitter_container {
	height: 25px;
}

footer .footer_lists {
	float: right;
	text-align: right;
	width: 150px;
}

footer .footer_lists ul {
	list-style-type: none;
	margin: 0px 0px 15px 0px;
}

footer .footer_lists ul.abouts {
	list-style-type: none;
	margin: 36px 0px 15px 0px;
}

footer .footer_lists ul li {
	margin-bottom: 5px;
}

footer .footer_lists ul li a {
	font-size: 1.2em;
}

footer .footer_lists div {
	font-size: 1.2em;
	margin-top: 10px;
}


/* 3.5. C-Frame > Secure Left Nav
------------------------------------------------ */

#secure_left_nav_container {
	float: left;
	min-height: 1px;
	width: 200px;
}

#secure_left_nav_container ul {
	list-style-type: none;
	margin-left: 0px;
}

#content #secure_left_nav_container ul li {
	font-size: 1.4em;
	padding: 0px;
}

#content #secure_left_nav_container ul li.sub_header {
	color: #0059a7;
	font-weight: bold;
	margin-top: 25px;
}

#content #secure_left_nav_container ul li.sub_header:first-child {
	margin-top: 5px;
}

#secure_left_nav_container ul li a {
	display: inline-block;
	padding: 7px;
	text-decoration: none;
}

#secure_left_nav_container ul li a:hover {
	background-color: #f5892a;
	border-radius: 3px;
	color: #fff;
}

#secure_left_nav_container ul li a:active {
	box-shadow: inset 0px 0px 4px #000;
}

#secure_left_nav_container ul li.current a {
	color: #000;
	font-weight: bold;
}


/* 3.6. C-Frame > Ads
------------------------------------------------ */

.map_ad_container {
	float: left;
	width: 185px;
}


/* 3.7. C-Frame > Fancybox Inline Overlays
------------------------------------------------ */

.fancybox_inline_overlay {
	display: none;
	padding-bottom: 100px;
	width: 500px;
}

.fancybox_inline_overlay h1 {
	margin-bottom: 15px;
}

.fancybox_inline_overlay .cta_container {
	border-top: 1px solid #ccc;
	bottom: 0px;
	padding-top: 15px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.fancybox_inline_overlay .cta_container a {
	margin: 0px 5px;
}


/* 3.8. C-Frame > Search Results
------------------------------------------------ */

#global_search_container {
	background: transparent url('/img/global/linen_bg.png') repeat fixed 0 0;
	box-shadow: inset 0px 0px 10px #000;
	display: none;
	height: 100px;
	position: relative;
	margin-top: -100px;
}

#global_search_container #global_search_close_click_button {
	border-radius: 0px 0px 0px 10px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#global_search_container #global_search_form_container {
	margin: 0px auto;
	padding-top: 30px;
	position: relative;
	width: 800px;
}

#global_search_container #global_search_form_container .input {
	width: 800px;
}

#global_search_container #global_search_form_container .input input {
	border: none;
	border-radius: 5px;
	color: #ccc;
	font-size: 1.4em;
	padding: 10px 100px 10px 10px;
	box-shadow: inset 0px 0px 5px #ccc;
	width: 688px;
}

#global_search_container #global_search_form_container .small_orange_action_button {
	position: absolute;
	right: 9px;
	top: 39px;
}

#global_search_container #global_search_form_container .submit input {
	display: none;
}


/* 5.10. Users > Profile Overlay
------------------------------------------------ */

#users_profile_overlay_container {
	height: 225px;
	width: 500px;
}

#users_profile_overlay_container #cta_container {
	margin-top: 25px;
	text-align: center;
}


/* 7.1. Links > Add Overlay
------------------------------------------------ */

#links_add_overlay_container {
	width: 700px;
}

#links_add_overlay_container #encounter_details {
	margin: 0px 0px 50px 50px;
}

#links_add_overlay_container form .input {
	margin-bottom: 25px;
	position: relative;
}

#links_add_overlay_container form .input label {
	color: #333;
	display: block;
	font-size: 1.2em;
	margin-bottom: 20px;
}

#links_add_overlay_container form .input textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 10px;
	width: 650px;
}

#links_add_overlay_container form .submit {
	display: none;
}

#links_add_overlay_container form .orange_action_button {
	margin-left: 250px;
}

#links_add_overlay_container #send_click_button {
	margin-bottom: 50px;
}


/* 13.3. Plans > Expired Free Overlay
------------------------------------------------ */

#plans_expired_free_overlay_container {
	height: 200px;
	width: 500px;
}

#plans_expired_free_overlay_container #cta_container {
	margin-top: 25px;
	text-align: center;
}


/* 13.4. Plans > Partner Only Overlay
------------------------------------------------ */

#plans_partner_only_overlay_container {
	height: 200px;
	width: 400px;
}

#plans_partner_only_overlay_container #cta_container {
	margin-top: 75px;
	text-align: center;
}

#plans_partner_only_overlay_container #cta_container a {
	margin-right: 15px;
}



/* 13.5. Plans > Premium Only Overlay
------------------------------------------------ */

#plans_premium_only_overlay_container {
	height: 200px;
	width: 400px;
}

#plans_premium_only_overlay_container #cta_container {
	margin-top: 75px;
	text-align: center;
}

#plans_premium_only_overlay_container #cta_container a {
	margin-right: 15px;
}


/* 13.. Plans > Welcome Free Overlay
------------------------------------------------ */

#plans_welcome_free_overlay_container {
	height: 200px;
	width: 500px;
}

#plans_welcome_free_overlay_container #cta_container {
	margin-top: 25px;
	text-align: center;
}


/* 16.3. Maps > Add Encounter to Maps Overlay
------------------------------------------------ */

#maps_add_encounter_to_maps_overlay_container {
	height: 400px;
	width: 800px;
}

#maps_add_encounter_to_maps_overlay_container #map_cancel_click_button {
	position: absolute;
	right: 0px;
	top: 0px;
}

#maps_add_encounter_to_maps_overlay_container #map_save_click_button {
	bottom: 10px;
	left: 335px;
	position: absolute;
}

#maps_add_encounter_to_maps_overlay_container .input {
	margin-bottom: 0px;
}

#maps_add_encounter_to_maps_overlay_container .input.select .checkbox.new_map {
	border-radius: 5px;
	box-shadow: 0px 0px 30px 10px #0059a7;
	display: inline-block;
}

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

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

#maps_add_encounter_to_maps_overlay_container .select select {
	width: 130px;
}

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

#maps_add_encounter_to_maps_overlay_container .checkbox label,
#maps_add_encounter_to_maps_overlay_container .checkbox label {
	display: inline-block;
	width: auto;
}

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

#maps_add_encounter_to_maps_overlay_container #maps_container {
	border: 1px solid #ccc;
	border-radius: 5px;
	float: left;
	margin-right: 50px;
	height: 330px;
	overflow-y: auto;
	padding: 5px;
	width: 400px;
}

#maps_add_encounter_to_maps_overlay_container #new_map_container {
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	float: left;
	padding: 10px 10px 40px 10px;
	position: relative;
	width: 315px;
}

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

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

#maps_add_encounter_to_maps_overlay_container #new_map_container .select select {
	width: 130px;
}

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

#maps_add_encounter_to_maps_overlay_container #add_map_status {
	bottom: 15px;
	font-size: 1.4em;
	font-weight: bold;
	left: 15px;
	position: absolute;
}


/* 16.8. Maps > Add Encounters to Map Overlay
------------------------------------------------ */

#maps_add_encounters_to_map_overlay_container {
	height: 400px;
	width: 800px;
}

#maps_add_encounters_to_map_overlay_container #map_cancel_click_button {
	position: absolute;
	right: 0px;
	top: 0px;
}

#maps_add_encounters_to_map_overlay_container #map_save_click_button {
	bottom: 10px;
	left: 723px;
	position: absolute;
}

#maps_add_encounters_to_map_overlay_container .input {
	margin-bottom: 0px;
}

#maps_add_encounters_to_map_overlay_container .input.select .checkbox.new_map {
	border-radius: 5px;
	box-shadow: 0px 0px 30px 10px #0059a7;
	display: inline-block;
}

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

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

#maps_add_encounters_to_map_overlay_container .select select {
	width: 130px;
}

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

#maps_add_encounters_to_map_overlay_container .checkbox label,
#maps_add_encounters_to_map_overlay_container .checkbox label {
	display: inline-block;
	width: auto;
}

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

#maps_add_encounters_to_map_overlay_container #encounters_container {
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 340px;
	overflow-y: auto;
	width: 798px;
}