.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
body {margin: 0 auto; width: 1024px; font-family: Georgia, "Times New Roman", Times, serif; background: #DBDBDB; color: #333}
a {text-decoration: none; color: #333}
p, div, form {margin: 0; padding: 0}
input[type=checkbox], input[type=radio] {margin: 0; vertical-align: middle}
h1 {margin-top: 0; margin-bottom: 4px}
h2 {margin-top: 0; margin-bottom: 4px; font-size: 21px; font-weight: normal}
h3 {margin-top: 0; margin-bottom: 4px; font-weight: normal}
label {vertical-align: middle}
.button {background: #690; color: white; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; padding: 3px 7px; text-align: center; text-transform: lowercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px}
a.button {padding: 4px 7px}
.button:hover {background: #77b200}
input.button[type=submit] {border: none}
.top {background: #303030}
.menu {float: left; width: 650px}
.menu a {float: left; font-size: 18px; font-weight: normal; padding: 8px 15px; display: block; cursor: pointer}
.menu a.selected {background: #666}
.menu .divider {float: left; background: url('/images/menu_div.gif') repeat-y; width: 1px; height: 37px}
.actions {padding-top: 11px; padding-right: 16px; float: right}
.actions {font-family: Arial, Helvetica, sans-serif; font-size: 11px}
.actions .links {font-weight: bold}
.actions .links a {margin: 0 4px}
.actions .links img {margin-bottom: 3px; margin-right: 2px; vertical-align: middle; border: 0px}
.nav {background: #303030; color: white}
.nav a {color: white}
#login_box {position: absolute; padding: 8px 18px; margin-top: 4px; background: #666; border: 1px solid #999; font-weight: normal}
#login_box p {margin-bottom: 6px}
#login_box p.last {margin-bottom: 0}
#login_box p.field {text-align: right}
#login_box input {font-size: 11px}
#login_box input[type=submit] {margin-left: 10px}
#login_box a {font-weight: normal}
.access_denied {color: #800000; font-size: 24px; padding: 25px}
.footer {background: white; padding: 0 12px 10px}
.footer, .footer a {color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 10px}
.footer p {font-family: Arial, Helvetica, sans-serif; float: left; margin-right: 10px}
body > .content {padding: 12px; background: white}
.hdiv {background: url('/images/home_hdiv.gif') repeat-x; height: 1px}
.vdiv {background: url('/images/home_vdiv.gif') repeat-y; width: 1px}
#requester_spinner {vertical-align: middle; margin-left: 5px; border: none}
.button.waiting {background-color: #909888}
#errorExplanation {border: 2px solid #ff8080; padding: 7px; margin-bottom: 20px; background-color: #ffd0d0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
#errorExplanation h2 {text-align: left; font-weight: bold !important; font-size: 20px !important; padding: 5px 5px 5px 15px; font-size: 12px; margin: 5px 0px !important; color: #833}
#errorExplanation p {color: #333; padding: 10px 15px 5px !important; margin: 0px !important; font-size: 15px !important}
#errorExplanation ul {margin: 10px 5px 5px !important}
#errorExplanation ul li {font-size: 13px; list-style: disc; margin-left: 10px; margin-top: 2px}
#header UL LI A {color: #E5E5E5}
#header UL LI A:hover {text-decoration: none}
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #000!important}
#MB_overlay[id] {position: fixed}
#MB_window {position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 11}
#MB_window[id] {position: fixed!important}
#MB_frame {position: relative; background-color: #ffffff;height: 100%}
#MB_content {padding: 20px; overflow: auto; position:relative}
#MB_caption {float: left; font-weight: normal; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left; line-height: 18px; font-size: 18px; color: #000; width: 80%}
#MB_close {float: right; display: block; padding: 1px 8px; font-weight: bold; font-size: 32px; line-height: 32px; text-decoration: none}
#MB_close:hover {background: transparent; color: #000}
#MB_loading {width: 50px; height: 50px; margin: auto; background: transparent url(../images/spinners/spinner.gif) 50% 0 no-repeat}
#MB_frame {padding-bottom: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_window {background-color: white; color: #000; -webkit-box-shadow: 0 8px 64px #000; -moz-box-shadow: 0 0 64px #000; box-shadow: 0 0 64px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_content {border-top: 1px solid #F9F9F9}
#MB_header {background-color: #e5e5e5; border-bottom: 1px solid #CCC}
#MB_header a {color: black}
.MB_alert {margin: 10px 0; text-align: center}
#thumbBox {background-color: #252525}
.hmModalWindow #small_map {border: 1px solid #fff; height: 260px; margin: 0px 0 10px; overflow: hidden; width: 385px; margin-top: 0; float: left}
#edit_marker_form #small_map {width: 365px}
.hmModalWindow #marker_actions {float: right; width: 233px; background: transparent url(/images/home_hdiv.gif) repeat-x scroll top left; color: black}
.hmModalWindow #marker_actions > a, .hmModalWindow #marker_actions > span > a {display: block; background: transparent url(/images/home_hdiv.gif) repeat-x scroll bottom left; padding: 7px 3px; font-size: 13px; text-transform: capitalize; color: black}
.hmModalWindow #marker_actions > a:hover, .hmModalWindow #marker_actions > span > a:hover {color: #669900}
.hmModalWindow #marker_actions a.subscription_link {text-align: left; font-weight: normal}
.hmModalWindow .static_marker_properties {color: black}
.hmModalWindow .marker_property {margin: 15px 0px; font-size: 13px}
.hmModalWindow .marker_property > label {font-weight: bold}
.hmModalWindow .marker_property > p, .hmModalWindow .marker_property > div.html_property {margin-top: 4px}
.hmModalWindow .html_property object {margin: 0 auto; display: block}
.hmModalWindow .html_property {line-height: 18px; margin-right: 19px}
.hmModalWindow .marker_property input[type=text] {width: 75%}
.hmModalWindow .marker_properties_left {float: left; width: 370px}
.hmModalWindow .marker_properties_right {float: right; width: 240px}
.hmModalWindow .marker_properties_right .marker_property {margin: 0px 0px 16px}
.hmModalWindow .marker_properties_right.editable .marker_property {margin: 0px 0px 8px}
.hmModalWindow .marker_properties_right textarea {width: 240px; height: 48px; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 17px}
.hmModalWindow .marker_properties_right #lookup_address {display: block; margin: 10px 40px}
.hmModalWindow .marker_properties_right .latlng {float: left; width: 120px}
.hmModalWindow .marker_properties_right .latlng input {width: 90%}
.hmModalWindow .caption {font-size: 12px; color: #444}
.hmModalWindow .marker_property .caption, .hmModalWindow .modal_dialog_field .caption {margin-left: 3px; vertical-align: middle}
.hmModalWindow .please_log_in {margin-left: 4px; margin-top: 15px; font-size: 13px}
.hmModalWindow #marker_actions .please_log_in a {display: inline; background: none; color: #690; text-transform: none; font-size: 13px; padding: 0px}
.hmModalWindow #marker_actions .please_log_in a:hover {text-decoration: underline}
.hmModalWindow #marker_actions img.locked {vertical-align: middle; margin-top: -4px}
#add_markers_to_maps {margin: 15px 0px}
#add_markers_to_maps p, #add_markers_to_maps div {margin: 6px 0px}
.hmModalWindow #add_markers_to_maps .map_group {margin-top: 13px}
#add_markers_to_maps .map_group label {font-style: italic; font-weight: normal}
#add_markers_to_maps .map_entry label {font-weight: normal; vertical-align: baseline}
#add_markers_to_maps .map_entry label.disabled {color: #888}
#add_markers_to_maps .map_entry img {vertical-align: middle; margin-top: -4px}
#add_markers_to_maps .map_entry input {margin-right: 4px}
#add_markers_to_maps .shared_maps_info {margin: 5px 0px 12px; font-size: 12px}
#map_modalbox checkbox {margin: 4px 0px}
#map_modalbox label.marker_name {font-size: 12px; margin-left: 4px; vertical-align: baseline; font-weight: normal}
#map_modalbox .on_off {margin-left: 5px}
#map_modalbox .on_off a {color: #669900; font-weight: bold}
#map_modalbox .assigned_markers {margin-top: 5px}
#map_modalbox .assigned_markers p {margin: 1px 0px}
.modal_dialog_field {margin: 0px 0px 15px}
.modal_dialog_field label {font-weight: bold; font-size: 13px}
.modal_dialog_field input[type=text] {width: 90%}
.modal_dialog_field > p {margin-top: 4px}
.modal_dialog_field textarea {width: 95%; height: 200px; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 17px}
.hmModalWindow .modal_dialog_field textarea.tiny_mce {width: 95%}
.new_message .notice {font-weight: bold; color: green; font-size: 9pt}
.new_message .errors {font-weight: bold; color: red; font-size: 9pt}
.hmModalWindow .submit {float: left; width: 200px; margin: 10px}
.hmModalWindow form #requester_spinner {margin-top: 13px; margin-left: 0px}
.hmModalWindow .button.waiting {background-color: #909888}
.hmModalWindow .subscription_form {font-size: 11px; margin-right: 0px; margin-top: -2px; background-color: white}
.hmModalWindow .subscription_form a.submit {float: none}
#habitatmap_iframe {background-color: white; margin: 20px; margin-right: 10px; width: auto}
html, body {height: 100%}
.humanMsg {font: normal 20px/35px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; position: fixed; top: 280px; left: 23%; width: 50%; color: white; background-color: #444; text-align: center; opacity: 0.9; z-index: 100000; border: 2px solid #222; padding: 10px; padding-left: 50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-position: 13px center; background-repeat: no-repeat}
.humanMsg .round {border-left: solid 2px white; border-right: solid 2px white; font-size: 1px; height: 2px}
.humanMsg p {padding: .3em; display: inline}
.humanMsg a {display: none}
.humanMsg.info {background-image: url(/images/icons/info_icon.png)}
.humanMsg.warning {background-image: url(/images/icons/warning_icon.png)}
.humanMsg.error {background-image: url(/images/icons/error_icon.png)}
#humanMsgLog {font: normal 10px Helvetica, Arial, Sans-Serif; color: white; position: fixed; bottom: 0; left: 0; width: 100%; max-height: 200px; z-index: 10000}
#humanMsgLog p {position: relative; left: 50%; width: 200px; margin: 0; margin-left: -100px; padding: 0 10px; line-height: 20px; background: #333; text-align: center; white-space: pre; cursor: pointer; bottom: 0}
#humanMsgLog p:hover {background: #222}
#humanMsgLog ul {background: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x; margin: 0; padding: 0; position: relative; max-height: 180px; overflow: auto}
#humanMsgLog ul li {color: #555; font-size: 12px; list-style-type: none; border-bottom: 1px solid #ddd; line-height: 40px; padding: 0 20px; position: relative; overflow: hidden; white-space: pre}
#humanMsgLog ul li:hover {background: #f2f2f2}
#humanMsgLog ul li:first-child {margin-top: 1px}
#humanMsgLog ul li .error {color: orangered}
#humanMsgLog ul li .indent {position: absolute; top: 0; left: 100px; margin-right: 200px; height: inherit}
div#share_object_page {font-size: 11pt; margin: 10px}
div#share_object_page label {color: black}
div#share_object_page p {margin: 8px 0px}
div#share_object_page p.buttons {vertical-align: top}
div#share_object_page p.buttons * {vertical-align: top}
div#share_object_page p.comment, div#share_object_page div.message_body {font-size: 10pt}
div#share_object_page textarea {margin: 5px 0px}
#share_dialog {margin: 10px; font-size: 10pt}
#share_dialog label {color: black; vertical-align: baseline; margin-right: 3px}
#share_dialog .disabled {color: #808080}
#share_dialog span.disabled {font-size: 12px; vertical-align: baseline}
#share_dialog p {margin: 5px 0px}
#share_dialog a {color: #669900; font-weight: bold}
#share_dialog a:hover {text-decoration: underline}
#share_dialog hr {margin: 10px 0px 15px}
#share_dialog input[type=text] {font-size: 10pt}
#share_dialog input[type=radio] {vertical-align: bottom; margin-right: 2px; margin-bottom: 1px}
#share_dialog #permalink {width: 95%; margin-top: 5px}
#share_dialog #share_object_page {margin: 0px}
#share_dialog #widget {width: 525px; height: 360px; margin: 0px auto}
#share_dialog #embed_map {width: 525px; height: 339px; overflow: hidden}
#share_dialog .map_arrow {position: absolute; cursor: default}
#share_dialog #embed_form p.key {margin: 30px 40px 0px}
#share_dialog #embed_form #google_key {margin-top: 5px; width: 100%}
#share_dialog #embed_form p.key * {vertical-align: baseline}
#share_dialog #embed_form label {font-weight: bold}
#share_dialog #embed_code {margin: 10px 40px 0px}
#share_dialog #embed_code textarea {font-family: monospace; font-size: 9pt; height: 80px; margin-top: 5px; width: 100%}
.subscription_form {border: 1px solid #aaa; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; padding: 5px; padding-right: 0px; white-space: nowrap}
.subscription_form select {margin: 0px 2px 0px 4px}
.subscription_form .button, #MB_window .subscription_form .button {margin-left: 3px; padding: 2px 6px}
.subscription_form .waiting {display: none}
.subscription_form #requester_spinner {margin-top: 0px; margin-left: 7px}
.subscription_form, .subscription_form * {vertical-align: baseline}