html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
:focus {outline: 0}
body {line-height: 1; color: black; background: white}
ol, ul {list-style: none}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a {text-decoration: none}
body {font-size:70%; background-color: #FCFCFC; color: #000; font-family: arial, verdana, san-serif; background-image: url('/images/sidebar_bg.gif'); background-repeat: repeat-y}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block;}
.clearfix {display:block;}
a.action {color: #000; text-decoration: underline}
a.action:hover {text-decoration: none}
h3 {font-size: 2em; font-weight: bold; color: #006179; margin-bottom: 1em}
h4 {font-size: 1.5em; font-weight: bold; color: #006179; margin-bottom: 1em}
table.data {width: 100%; border-collapse: collapse; margin-bottom: 1em; font-size: 1.2em}
table.data th {border-bottom: 1px solid #535353; background-color: #70839D; color:#fff; padding: 0.4em; text-align: left; font-weight:normal}
table.data td {border-bottom: 1px solid #CCC; padding: 0.4em; line-height: 1.2em}
div.message {margin: 0 0 1em 0; padding: 1em 1em 0 1em; font-size: 1.1em; position: relative}
div.message p {margin-bottom: 1em; line-height: 1.5}
div.information {background-color: #E5EDF7; border: 1px solid #A7C6E9; margin: 1em 1em 0 1em}
div.error {border-top: 1px dashed #F00; border-bottom: 1px dashed #F00; background-image: url(/images/shading/error.png); border: 1px solid red}
div.message em {font-weight: bold}
#flash_messages {border: 1px solid #000; background-color: #EEE; font-size: 2em; -moz-border-radius: 15px; text-align: center; position: absolute}
#flash_messages p {margin: 0; padding: 0.5em}
ol.list, ul.list {margin-bottom: 1em}
ul.list li, ol.list li {padding: 3px; font-size: 1.2em}
ol.list li {list-style-type: decimal; margin-left: 2em}
ul.bulleted li, ol.bulleted li {background-image: url(/images/bullets/bullet_blue.png); background-repeat: no-repeat; background-position: center left; padding-left: 18px; margin-bottom: 0.5em; line-height: 16px}
.tags .level_1 {font-size: 1.0em}
.tags .level_2 {font-size: 1.2em}
.tags .level_3 {font-size: 1.4em}
.tags .level_4 {font-size: 1.6em}
.tags .level_5 {font-size: 1.8em}
.pagination {width:100%; background-color:#E6F7D1; border:1px solid #CDCDCD; border-left: none; border-right: none; text-align:center; font-size:1.4em; position:relative; padding:0.5em 0}
.EmailContactMethod, .PagerContactMethod, .MobileContactMethod {padding-left: 26px; background-image: url('/images/icons/email.png'); background-position: 2px 0; background-repeat: no-repeat}
.EmailContactMethod {background-image: url('/images/icons/email.png')}
.MobileContactMethod {background-image: url('/images/icons/phone.png')}
.PagerContactMethod {background-image: url('/images/icons/pager.png')}
#header {background-color: #535353; padding: 0.5em; color: #FFF; letter-spacing: 0.1em}
#header {position: relative}
#header a {color: #FFF; font-weight: bold}
#header h1 a {font-size: 1.3em}
#header ul {position: absolute; top: 0.5em; right: 1em}
#header li {display: inline; border-right: 1px solid #FFF; font-size: 1em; letter-spacing: 0.1em; padding-left: 0.6em; padding-right: 0.1em; line-height: 1.3em}
#header li.last {border-right: none}
#footer {padding: 1em 0 2em 0; text-align: center; color: #000; border-top: 1px solid #A7C6E9; clear: both; margin: 0 20px 0 220px}
#footer a {color: #000}
#footer strong {font-weight: bold}
#contents_wrap {position: relative}
#contents {margin-left: 200px; background-color: #FFF; padding-bottom: 20px; min-height: 600px; position: relative}
#page_header .title {background-color: #F2F2F2; padding: 1em; position: relative; border-bottom: 1px solid #CDCDCD}
#page_header .feed {display: block; width: 24px; height: 24px; background-image: url(/images/icons/feed-icon-24x24.png); padding: 0; border: none; position: absolute; bottom: 0; left: 0}
#page_header h3 {font-size: 3em; color: #6E6E6E; padding: 0; position: relative; margin-bottom: 0}
#page_header h3.with_feed {padding-left: 1em}
#page_header .feed b {position: absolute; left: -999px; top: -999px}
#page_header .description {border: none; color: #6E6E6E; font-size: 1.3em; padding: 0.5em 0 0 0}
#page_header .description a.action {font-size: 0.8em}
#page_header .more_channel_description p {margin-top: 0.5em}
#page_header .tags {color: #6E6E6E; font-size: 1em; padding: 0.7em 0 0.1em 0}
#page_header #channel_views {position: absolute; bottom: -1px; right: 0; z-index: 1000}
#page_header #channel_views li {font-size: 1.25em; display: block; float: left; margin-right: 0.5em; padding: 1px 1px 0 1px}
#page_header #channel_views li:hover {border: 1px solid #CDCDCD; border-bottom: none; background-color: #FFF; padding: 0}
#page_header #channel_views li.current {padding: 0; border: 1px solid #CDCDCD; border-bottom: none; background-color: #E6F7D1}
#page_header #channel_views a {color: #6E6E6E; display: block; padding: 0.5em}
#page_header #channel_views li:hover a {color: #000}
#page_header #channel_views li.current a {color: #000}
#page_header #user_actions, #page_header #admin_actions {background-color: #E6F7D1; position: relative}
#page_header #admin_actions {border-top: 1px solid #CDCDCD}
#page_header #user_actions {padding: 0.5em 1em}
#user_actions .subscriptions {float:left; font-size:1.2em}
#user_actions .subscriptions h4, #user_actions .subscriptions form, #user_actions .subscriptions label {display:inline; font-size:1em; font-weight:normal}
#user_actions .subscriptions h4 {display:inline; color:#000; font-weight:bold}
#user_actions .subscriptions p {font-style: italic; padding:0.2em 0}
#user_actions .subscriptions label {}
#user_actions .show {float: right}
#user_actions .show a {margin-left: 1em}
#user_actions .join_information {display:block; background-color:#FF0000; color:#fff; padding:0.5em; font-size:1.4em; margin-bottom: 0.3em}
#admin_actions .manage_channel a {color: #000; background-color: #E3F3B3; border: 1px solid #000; padding: 0.1em 0.5em; margin-right: 0.5em; font-size: 1.2em}
#admin_actions .manage_channel a.new {background-color: #C2E37B; font-weight: bold}
#admin_actions .manage_channel {float: left; padding: 1em 0em 1em 1em}
#admin_actions .manage_members {float: left; border-left: 1px solid #9DB8C0; padding: 1em 1em 1em 2.6em; background-image: url(/images/icons/user.png); background-position: 0.5em center; background-repeat: no-repeat}
#admin_actions .manage_members a {color: #000; border-bottom: 1px solid #000}
#admin_actions .manage_members a:hover {border-color: #E6F7D1}
#channel_footer {padding: 0.75em; background-color: #E6F7D1}
#channel_map {height: 100%}
.attachments h5 {border-bottom: 1px solid #999999; padding-left: 2em; background-repeat: no-repeat; background-position: center left; line-height: 20px}
.attachments h5 {background-image: url(/images/icons/attach.png)}
.full_content li.attachment {clear: left}
li.attachment {line-height: 16px; margin: 0 0.5em 0.5em 0.5em}
li.attachment a.preview {display: none}
li.attachment a {color: #000; font-size: 0.8em; text-decoration: underline; padding: 0 0.5em 0 25px; background-repeat: no-repeat; background-position: center left; line-height: 16px; display: block; float: left}
li.attachment .size {color: #666; font-size: 0.8em}
ll_content li.attachment a:hover {text-decoration: none}
.attachments li.jpg a, .attachments li.png a, .attachments li.gif a {background-image: url(/images/icons/filetypes/image.png)}
.attachments li.wmv a, .attachments li.mov a, .attachments li.mpg a {background-image: url(/images/icons/filetypes/movie.png)}
.attachments li.doc a, .attachments li.docx a, .attachments li.txt a {background-image: url(/images/icons/filetypes/word.png)}
.attachments li.pdf a {background-image: url(/images/icons/filetypes/acrobat.png)}
.attachments li.zip a {background-image: url(/images/icons/filetypes/zip.png)}
.attachments li.ppt a {background-image: url(/images/icons/filetypes/powerpoint.png)}
.attachments li.xls a, .attachments li.xlsx a, .attachments li.csv a {background-image: url(/images/icons/filetypes/excel.png)}
.mobile_contact_method label, .pager_contact_method label, .email_contact_method label {clear: left}
.mobile_contact_method .address, .pager_contact_method .address, .email_contact_method .address {background-repeat: no-repeat; background-position: top left; padding: 0 0.5em 0 2.5em; float: left; line-height: 16px}
.mobile_contact_method .address {background-image: url(/images/icons/phone.png)}
.pager_contact_method .address {background-image: url(/images/icons/pager.png)}
.email_contact_method .address {background-image: url(/images/icons/email.png)}
#subscriptions {padding: 1em}
#subscriptions label {font-weight: bold; font-size: 1em}
#subscriptions .saving label .address {background-image: url(/images/icons/working.gif)}
#subscriptions .unconfirmed {border-bottom: 1px solid #CCC; margin-bottom: 0.5em}
#subscriptions .unconfirmed ul {padding-top: 0.5em}
#subscriptions .unconfirmed li {margin-bottom: 0.5em}
#subscriptions .unconfirmed em {background-color: #F00; color: #FFF; padding: 0.2em; font-weight: bold}
#subscriptions a.button, #subscriptions button {margin-right: 0.5em}
#subscriptions .actions a.action {float: left; margin: 14px 0.5em 0 0}
#subscriptions .checkbox {float: left}
#channels_section.show_action #subscriptions {background-color: #E6F7CF; border-top: 1px solid #CDCDCD}
.channel_preview #subscriptions {border: 1px solid #CCC; background-color: #EEE; margin: 1em 0}
.channel_preview #subscriptions .form_row {padding: 0.5em}
.channel_preview #subscriptions .actions {}
#map_search_form {text-align: center}
#map_search_form input {width: 90%; font-size: 1em}
.clear {clear: both; line-height: 0}
.simplebutton {border: 1px solid #aaaaaa; padding: 2px; margin: 5px}
#update_your_profile {min-width:1000px}
#member_confirmation_of_terms {width:10px}
div.input-footer {padding:20px 10px 10px 10px}
div.input-footer p {padding:2px 0}
#article_list col.permalink {width: 2.5em}
#article_list col.has_map {width: 2.8em}
#article_list col.date_published {width: 10em}
#article_list tr.read td {color: #AAA; background-color: #fcfcfc}
#article_list tr.loading td {background-color: #E5EDF7}
#article_list em.update {background-color: #F00; color: #FFF; padding: 0.5em}
#article_list span.update {background-color: #F00; color: #FFF; padding: 0.5em; float: left; display: block; margin-right: 1em}
#article_list tr.read em.update {background-color: #CCC}
#article_list tr.selected td.title span {display: none}
#article_list td.permalink {vertical-align: middle; padding: 0.4em 0.83em 0.4em 0.4em}
#article_list td.permalink a {display: block; width: 15px; height: 15px; background-repeat: no-repeat; background-image: url(/images/icons/link.png)}
#article_list td.permalink a b {display: none}
#article_list td.has_map {vertical-align: middle; padding: 0.4em 0.83em 0.4em 0.4em}
#article_list td.has_map span {display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url(/images/icons/map.png)}
#article_list td.has_map span b {display: none}
#article_list td.title a {font-weight: bold; color: #000; line-height: 1.2}
#article_list td.title {color: #7784B3}
#article_list tr.read td.title a {font-weight: normal; color: #666}
#article_list tr.selected td, #article_list tr.selected td.title a {background-color: #FEFEE1; color: #000; font-weight: bold}
#article_list tr.selected td.title em.update {font-weight: normal}
#article_list table {font-size: 1.2em; line-height: 1.2em}
.main_article .map img {float: left; width: 180px; height: 180px; border: 1px solid #CCCCCC; margin-right: 10px}
#article_list .main_article {width: 100%; border: 0; border-top: 1px solid #A7C6E9; border-bottom: 1px dotted #A7C6E9}
#article_list .main_article td {vertical-align: baseline}
#article_list .main_article .title {font-weight: bold; font-size: 2.0em; padding: 1em 1em 1em 10px}
#article_list .main_article .date_published {font-weight: bold; width: 10em}
#article_list .main_article td {padding-left: 10px; padding-bottom: 10px}
#article_list .other_articles {width: 100%}
#article_list .other_articles .header {color: #999; background-color: #ddeef9; font-size: 1.5em}
#article_list .other_articles .header td {border-bottom: 1px solid #A7C6E9; font-weight: bold; padding: 5px; text-align: center}
#article_list .other_articles .channels {vertical-align: top; padding: 0}
#article_list .other_articles .channels ul {margin: 0}
#article_list .other_articles .channels li {list-style-type: disc; margin-left: 2em; line-height: 1.5}
#article_list .title h2 {padding-top: 4px; float: left}
#article_list .title h2 a {line-height: 1.2}
#article_list .clearfix {clear: left}
#article_list .title span.date {display: block; float: right; font-weight: bold; color: black}
#article_list .other_articles .left {border-right: 1px dotted #A7C6E9; width: 60%; padding: 0}
#article_list .other_articles .left table.inner_articles {border: none; padding: 0; margin: 0; width: 100%}
#article_list .other_articles .left table .left {border-right: none; border-bottom: 1px solid #A7C6E9; font-size: 0.8em; padding: 1em}
#article_list .other_articles .left table .left .edit_links {font-size: 1.1em}
#article_list .other_articles .highlight {background-color: #FEFEE1}
table.data td.full_content {padding: 0; white-space: normal}
.full_content .content {padding: 0.5em; position: relative}
.full_content .title {padding: 0.5em 0 1em 0}
.full_content .title h2 {font-size: 1.5em; font-weight: bold}
.full_content .title p {text-align: right; font-size: 0.9em; color: #000000}
.full_content .body {float:left; width: 75%}
.full_content .status {font-size: 0.9em}
.full_content .without_map {width: 100%}
.full_content .body p {margin-bottom: 1em; line-height: 1.5}
.full_content .body .update {font-size: 0.8em; padding: 0.625em 0.625em 0.625em 21px; background-image: url(/images/icons/page_white_stack.png); background-repeat: no-repeat; background-position: left center}
.full_content .maplet {float:right; width: 100px; height: 100px; border: 1px solid #CCC; overflow: hidden}
.full_content .map {width: 250px; height: 250px; position: absolute; top: 1em; right: 1em; border: 1px solid #CCC}
.full_content .map_info {float: right; border: 1px solid #999; background-color: #FAFAFA; min-height: 250px; padding: 1em 270px 1em 1em; position: relative; width: 15em}
#articles_section.show_action .full_content .map_info {float: none; min-height: 0; padding: 0.5em 0.5em 0 0.5em; position: relative; width: auto; margin-top: 0.5em}
.full_content .meta {background-color: #F5F5F0; padding: 0.5em 0.5em 0 1em; border-bottom: 2px solid #000}
div.edit_links {padding-top: 10px}
.full_content .meta a, .edit_links a {font-size: 0.8em; color: #000}
.full_content .geo, .full_content .dimensions {display: none}
.full_content .marker, .full_content .feature {}
.full_content .marker .description, .full_content .feature .description {border: none; font-size: 0.8em}
.full_content .feature img, .full_content .marker img {float: left; margin-right: 0.5em; width: 16px; height: 16px}
.full_content .marker .content, .full_content .feature .content {margin: 0 0 0 21px; padding: 0}
.full_content .marker .title, .full_content .feature .title {display: block; font-size: 0.9em; margin: 0 0 0.25em 0; font-weight: bold}
#articles_section .full_content .marker, #articles_section .full_content .feature {cursor: pointer}
#articles_section .full_content .marker:hover, #articles_section .full_content .feature:hover, #articles_section .full_content .over {background-color: #E1ECFE; border-color: #BBD4F6}
.full_content #send_to_friend form label {font-size:1em; display:inline}
.full_content #send_to_friend form input {font-size:1em}
.full_content h5 {font-weight: bold; margin-bottom: 0.5em}
.email_friend_window textarea {width: 20em}
#update_to_row, #title_row, #delivery_methods, #contents_row, #article_channels, #attachments {border-bottom: 1px solid #CCC}
textarea#article_contents {height: 20em}
#article_map_container {padding: 1em}
#article_map {border: 1px solid #CCCCCC; height: 400px; margin-right: 210px}
#article_map_sidebar {float: right; width: 200px}
#article_map_features .feature, #article_map_features .marker {padding: 0.5em; border-bottom: 1px solid #E1ECFE; border-top: 1px solid #FFF; cursor: pointer}
#article_map_features .feature {padding-left: 2.5em; background-repeat: no-repeat; background-position: 0.5em 0.5em}
#article_map_features .line {background-image: url(/images/icons/line.gif)}
#article_map_features .polygon {background-image: url(/images/icons/polygon.gif)}
#article_map_features .feature:hover, #article_map_features .marker:hover, #article_map_features .over {background-color: #E1ECFE; border-color: #BBD4F6}
#article_map_features span {display: none}
#article_map_features .feature h4, #article_map_features .marker h4 {margin: 0; font-size: 1em}
#article_map_features .marker img {margin-right: 5px; width: 16px; height: 16px}
#article_map_markers .marker {margin: 1em 0 0 1em; cursor: pointer; border: 1px solid #FFF}
#article_map_markers {border-bottom: 1px solid #CCC; padding-bottom: 1em}
#article_map_markers span {display: none}
#article_map_markers li {float: left; height: 45px; overflow: hidden}
#article_map_markers img:hover {background-color: #CCCCCC}
#article_map_markers img.selected {background-color: #BBD0EC}
#article_area_map {height: 100%}
#article_content_fields .tags li {display: inline; cursor: pointer}
#article_area_container {padding: 1em}
#article_area_map {border: 1px solid #CCCCCC; height: 400px}
#article_methods_preview, #article_channels_preview {font-size: 1.2em}
#article_methods_preview p, #article_channels_preview p {margin-bottom: 1em}
#article_methods_preview ul, #article_channels_preview ul {margin-bottom: 1em}
#article_methods_preview li, #article_channels_preview li {margin-left: 2em; list-style-type: disc; line-height: 1.2}
#add_attachment_container li {padding-bottom: 0.5em}
input.attachment_browse {width: auto}
#add_attachment_container .attachment {margin-bottom: 1em}
#add_attachment_container .form_row {padding: 0.5em 1em}
#add_attachment_container label.inline {display: block; float: left; width: 10em; padding: 0.3em 0}
#add_attachment_container .checkbox label.inline {display: inline; float: none; width: auto; padding: 0}
#add_attachment_container .formError {padding-left: 8em}
.attachment_preview_window {text-align: center}
#page_header .description p {margin-bottom: 0.5em}
#map_fields {padding: 1em}
#bounding_box_map {height: 400px; border: 1px solid #CCC}
.navbar{ background-color: #E6F7D1}
.navbar p{ padding:0.5em}
form#channel_search {padding: 1em; text-align:right}
form#channel_search .form_row {padding: 0; margin: 0}
.navbar input.search {width: 10.5em}
#channel_type_list {width: 13em; background-color: #f7f7f7; height: 100%; overflow:scroll}
#channel_type_list h4 {font-size: 1.2em; color: #333; padding: 1em; margin: 0}
#channel_type_list ul {margin-left: 1em; line-height: 1.5em; font-size: 1.2em}
#channel_type_list li.current {font-weight: bold}
#channel_type_list a {color: #3B5998}
#channel_type_list strong {font-weight: bold}
.navbar .right {float: right; margin: 1em}
#channel_members_navbar .left {float: left; margin: 1em}
#manage_groups {margin: 1em; font-size: 1.2em}
#manage_groups p {background-color:#E5EDF7; border:1px solid #A7C6E9; margin:0pt; margin-bottom: 1.5em; padding:1em; line-height: 1.5em}
table#manage_groups_list{ width: 100%; font-size: 1.3em}
table#manage_groups_list tr td {padding: 0.5em}
table#manage_groups_list tr td.title_column_header, table#manage_groups_list tr td.title_column {border-bottom: 1px solid #CCCCCC}
table#manage_groups_list tr td.title_column {border-left: 1px solid #CCCCCC}
table#manage_groups_list tr td.email_column {width: 15%; text-align: center; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
table#manage_groups_list tr td.mobile_column {width: 15%; text-align: center; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
table#manage_groups_list tr td.pager_column {width: 15%; text-align: center; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
table#manage_groups_list tr td.remove_column {width: 20%; text-align: center; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
table#manage_groups_list tr.even {background-color: #E5EDF7}
table#manage_groups_list tr td a.button {display: inline}
table#channel_list col.logo{ width: 70px}
table#channel_list col.details{ width:100%}
table#channel_list col.membership{ width:7em}
table#channel_list col.notifications{ width:35px}
table#channel_list{ }
table#channel_list col.logo{ width: 70px}
table#channel_list col.details{ width:100%}
table#channel_list col.membership{ width:7em}
table#channel_list col.notifications{ width:35px}
table#channel_list th{ background-color:#fff; text-align:center; border-bottom: 1px solid #CCC}
table#channel_list h5, table#channel_list h5 a{ color:#7185B2; font-weight:bold}
table#channel_list a.logo{ padding:0 5px; float:left}
table#channel_list a.logo{ }
table#channel_list p.meta, table#channel_list p.meta a, table#channel_list p.tags{ color:#666}
table#channel_list p.meta a{ text-decoration:underline}
table#channel_list p.tags a{ color:#7185B2}
table#channel_list td{ white-space: normal; overflow: auto}
table#channel_list td.notifications{ border: 1px solid #CCC; text-align: center}
table#channel_list td.notifications img{ cursor: pointer}
table#channel_list td.notifications_no_membership{ border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC}
table#channel_list td.unconfirmed{ background-color: #FFF8F8}
table#channel_list a:hover{ text-decoration:underline}
a.positive{ }
a.negative{ color:#FF0000}
.row {overflow: hidden; border-bottom: 1px dashed #DDD}
.channel_preview {line-height: 1.4em; padding: 1em .5em; width: 48%; float: left; padding-bottom: 1000px; margin-bottom: -1000px}
.left .channel_preview {border-right: 1px dashed #DDD}
.channel_preview .meta .button {margin-bottom: 10px}
.channel_preview_header h3{ margin: 8px 0; font-size: 1.5em; line-height: 1em}
.channel_preview_header{ padding:0 0 5px 0}
.channel_preview_content {margin-left: 70px}
.channel_preview_content .description {overflow: hidden}
.channel_preview_content .meta p {margin-bottom: 5px}
.channel_preview .logo{ float:left; clear:left; width:50px; padding:0 10px; text-align:right; padding-top:0.3em}
.channel_preview h5 {font-size:1.3em; padding:0.3em 10px}
.new_method_form, .edit_method_form {border: 1px solid #999; background-color:#E6F7D1; margin:1%}
.new_method_form .form_row, .edit_method_form .form_row {padding:0.2em}
.new_method_form label, .edit_method_form label {font-size:1em; font-weight:normal; float:left; width:5em}
.new_method_form select, .edit_method_form select {width:auto}
ul.contact_methods, #add_contact_method {font-size: 1.1em}
ul.contact_methods li {border: 1px solid #A7C6E9; background-color:#E5EDF7; margin: 1em; padding: 1.5em}
ul.contact_methods li.unconfirmed {border: 1px solid #FF0101; background-color: #FFD9D9}
ul.contact_methods li.unconfirmed em {font-weight: bold; font-size: 1.2em}
#add_contact_method {border: 1px solid #CAED9C; background-color: #DEF6B0; margin: 1em; padding: 1.5em}
#add_contact_method select {width: auto}
ul.contact_methods table {width: 98%}
ul.contact_methods input, #add_contact_method input {padding-left: 0.3em}
ul.contact_methods li .address_column {vertical-align: middle; width: 40%}
ul.contact_methods li .address_column .address {font-size: 1.4em; vertical-align: middle}
ul.contact_methods li .code {vertical-align: middle; margin-left: 2em; width: 45%}
ul.contact_methods li .code input {width:10em}
ul.contact_methods li button, #add_contact_method button {display: inline; float: none}
#add_contact_method #contact_method_fields {display: inline}
ul.contact_methods li .actions {vertical-align: middle; margin-left: 2em; width: 15%; line-height: 1.5em}
ul.contact_methods p {clear:both; margin-bottom: 0.5em; line-height: 1.5em}
.contact_method_actions {padding-left: 1.5em}
#contact_methods_preview #contact_methods_box {padding: 0.5em; padding-bottom: 0pt}
#contact_methods_preview #contact_methods_box table {margin-bottom: 0.5em; font-size: 1.1em; width: 100%}
#contact_methods_preview #contact_methods_box table.unconfirmedied {background-color: #FFD5D5; border: 1px solid #FF0101}
#contact_methods_preview #contact_methods_box table tr td {padding: 0.8em; vertical-align: middle}
#contact_methods_preview #contact_methods_box table tr td.header {text-align: center}
#contact_methods_preview #contact_methods_box table tr td.label {font-size: 1.1em}
#contact_methods_preview #contact_methods_box table tr td.verify {text-align: right}
#contact_methods .confirmed li {line-height: 16px; margin-top: 0.5em}
#contact_methods .group_count{ color:#444}
#contact_methods .manage {margin-top: 0.5em}
a#tabular_results {padding: 1em 1em 1em 2.6em; background-image: url(/images/icons/tabular.png); background-position: 0.5em center; background-repeat: no-repeat; color: #000; text-decoration: underline; margin-left: 1em; margin-top: 1em}
#delivery_chart {float: left; border: 1px solid #CCC; margin: 1em; width: 400px}
table.delivery_results {padding: 0; white-space: normal; font-size: 1.1em; margin: 1em; background-color: #F7F3F7; border: 1px solid #A5C7EF}
table.delivery_results tr {border-bottom: 1px solid #A5C7EF}
table.delivery_results td {padding: 1em; border-bottom: 1px solid #A5C7EF}
table.delivery_results td.label {padding-right: 1em; font-weight: bold}
table.delivery_results td.value {font-weight: normal}
table.delivery_results td.no_border {border-bottom: none}
table.delivery_results li {margin-left: 2em; list-style-type: disc; line-height: 1.2}
#deliveries_data col.state {width: 5em}
#deliveries_data col.name {width: 10em}
#deliveries_data col.method {width: 15em}
#deliveries_data col.delivered_on {width: 10em}
form {position: relative}
form:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
form {display:inline-block;}
form {display:block;}
* html form {height:1px;}
.form_row {padding: 1em}
.form_footer .contents {padding: 0.5em}
.form_footer button {display: inline; float: none}
.form_footer a.action {}
fieldset {border-top: 1px solid #999}
fieldset.even {background-color: #f7f7f7}
fieldset h4 {font-weight: normal; font-size: 2em; padding: 10px 1em; color: #666; margin: 0; background-image: url(/images/icons/blog_arrow_right.png); background-repeat: no-repeat; background-position: 3px 0.6em}
fieldset .form_row {padding-left:2em}
fieldset label {font-size:1em; padding:5px 0; letter-spacing:0}
fieldset input {padding:2px}
input {border: 1px solid #CCC; width: 20em; font-size: 1.5em; font-family: verdana, sans-serif}
span.fake_input {font-size: 1.5em; font-family: verdana, sans-serif}
textarea {height: 10em; border: 1px solid #CCC; width: 100%; font-size: 1.5em; font-family: verdana, sans-serif}
select {border: 1px solid #CCC; width: 21em; font-size: 1.5em}
.date_time select {width: auto}
input.checkbox {border: none}
.checkboxes input, input.checkbox, input.button, .checkbox input {width: auto}
ul.checkboxes li {padding: 0.5em 0}
input.search {background: #FFF url('/images/icons/search.gif') no-repeat 2px center; padding-left:20px}
input.submit {background-color: #88F22F; background-image: url(/images/buttons/create_bg.png); background-repeat: repeat-x; background-position: top left; font-weight: bold; letter-spacing: 0.1em; color: #034601}
input.submit:hover {background-image: url(/images/buttons/create_bg.png)}
.form_row.checkbox .fieldWithErrors {float: left}
.fieldWithErrors input, .fieldWithErrors textarea, textarea.too_long {border: 1px solid #F00}
form label {font-size: 1.8em; font-weight: bold; color: #333333; letter-spacing: 0.1em; display: block; margin-bottom: 0.2em; position: relative}
form label .description {color: #999999; border: none; font-size: 0.8em}
form label.inline {font-size: 1em}
form label.inline, form label.checkbox {display: inline}
form .checkboxes label, form label.checkbox {font-size: 1em; display: inline; font-weight: normal; padding-left: 0.5em}
form label.select_all {padding: 0.5em 0; font-weight: bold; display: block; margin: 0}
form label.select_all input {padding-right: 0.5em}
.formError {font-size: 1.3em; color: #F00; margin-top: 0.3em; font-weight: bold; font-style: italic}
.form_row p.label_description {color: #888; font-size: 1em; font-style: normal; margin-right: 1em; margin-bottom: 1em}
.form_row p.input_description {color: #888; font-size: 1em}
.form_row a.action {margin-left: 0.5em; line-height: 23px}
.button {margin: 0; padding: 0; border: none; background-image: url(/images/buttons/buttons.png); background-repeat: no-repeat; background-color: transparent; background-position: right -896px; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 25px; margin-right: 0px; padding-right: 10px; text-decoration: none; font-weight: bold}
.button:hover {background-position: right -924px}
button.button:hover {background-position: right -923px}
button.button {padding: 0 8px 0 0; height: 26px; background-position: right -895px}
button.button span {margin-top: -1px}
a.button {margin-top: 1px}
.button span {background: transparent url(/images/buttons/buttons.png) no-repeat; background-repeat: no-repeat; display: block; line-height: 15px; padding: 5px 0 6px 10px; white-space:nowrap}
.button:hover span {background-position: 0 -28px}
.section_header .button, p.actions .button {margin-right: 0.5em}
button.subscription span, a.subscription span, button.add span, a.add span, button.accept span, a.accept span, button.reject span, a.reject span, button.go span, a.go span, button.find span, a.find span {padding-left: 25px}
button.add span, a.add span {background-position: 0 -56px}
button.add:hover span, a.add:hover span {background-position: 0 -84px}
button.subscription span, a.subscription span {background-position: 0 -112px}
button.subscription:hover span, a.subscription:hover span {background-position: 0 -140px}
button.accept span, a.accept span {background-position: 0 -168px}
button.accept:hover span, a.accept:hover span {background-position: 0 -196px}
button.reject span, a.reject span {background-position: 0 -224px}
button.reject:hover span, a.reject:hover span {background-position: 0 -252px}
button.go span, a.go span {background-position: 0 -616px}
button.go:hover span, a.go:hover span {background-position: 0 -644px}
button.find span, a.find span {background-position: 0 -672px}
button.find:hover span, a.find:hover span {background-position: 0 -700px}
#home_page_contents_container {padding: 1em}
#page_header .banner {padding: 1em 1em 0 1em; background-color: #E6F7D1; border-bottom: 1px solid #A7C6E9; margin-bottom: 1em; line-height: 1.5}
#page_header .banner p {font-size: 1.2em; font-weight: bold; letter-spacing: 0.05em; padding-bottom: 1em}
#page_header .progress {float: right}
#users_section.home_action h4, #users_section.home_action h2 {font-size:1.5em; color: #fff; padding: 0.25em 0.5em}
#users_section.home_action h4 {background-color: #97A38B; margin:0}
#users_section.home_action h2 {background-color: #97A38B}
#users_section.home_action h5{ font-size:1.4em; padding-top:0.5em}
#users_section.home_action h5 a {color:#6074A1; text-decoration:underline}
#latest_system_article {padding: 1em 0.5em}
#latest_system_article p, #more_groups p {padding: 0.45em 0; line-height: 1.5; font-size: 1.1em}
#users_section .contents h5 {font-size: 1.4em}
#users_section .contents h5 a {color: #6D84B4; text-decoration:underline}
#account_details {background-color: #F5FFEA; border: 1px solid #CCC}
#account_details a{ color:#000; text-decoration:underline; font-weight:bold}
#account_details a.button{ color:#333; text-decoration:none; font-weight:normal; margin:0.5em 0}
#account_details .container {width: 50%; float: left}
#account_details p {font-size: 1.1em; padding: 0.3em; line-height: 1.3; margin: 0.5em}
#account_details .help_docs ul {padding: 0.5em}
.pending_invites{ margin-bottom:0.5em; padding:0.5em}
#more_groups .box_contents, #recent_messages .box_contents {padding:0 0.5em}
#group_info {padding-bottom: 1em; margin: 1em 0; border: 1px solid #CCC}
#recent_messages, #more_groups {width:50%; float:left}
#recent_messages.full {width: auto}
#more_groups .logo{ float:right}
#recent_messages table{ width:100%; margin:0}
#recent_messages table td{ font-size: 1em; line-height: 1.2; color: #333; border-bottom: 1px solid #CCC}
#recent_messages table td.title{ padding:0.1em 0.5em}
#recent_messages table col.date {width:7em;}
#recent_messages a{ color:#333}
#recent_messages a:hover{ color:#000; text-decoration:underline}
#your_account strong {font-weight: bold}
#locations .no_locations, #invites form {background-color:#FFDFCA; padding:0.1em 0pt}
#invites form {padding: 0.5em}
#invites_form #email_preview{ background-color: #FFFFEF; width:30%; float:right; padding:1%; margin:0.5%; color:#333}
#invites_form #email_preview p{ padding:0.5em 0}
#invites_form #email_preview h3{ color:#333; font-weight:normal}
#invites_form #email_preview strong{ font-weight:bold}
#invites_form div.form_row{ width:62%; padding:0; margin:1em 0 1em 1%}
#invite_not_logged_in h2{ text-align:center; font-size:2em; margin:1em 1em 0.5em}
#invite_not_logged_in p{ text-align:center; margin:1em; font-size:1.3em}
.invite_boxes{ position: relative; width:55em; margin:auto}
#invite_not_logged_in .invite_box{ width:22em; border: 0.3em solid #999; text-align:center; padding:1em; margin:2em 0}
#invite_not_logged_in .invite_box.login{ float:left}
#invite_not_logged_in .invite_box.create_account{ float:right}
#invite_not_logged_in .invite_box h3{ margin:0.5em}
#locations .no_locations, #contact_methods .no_contact_methods {padding: 0.5em}
#account_details input {width: 50%}
#contact_methods_box .unconfirmed {border: 1px solid #F00; padding: 0.5em; background-color: #FFCCCC}
#sessions_section #login_container form {padding: 1em 2.5em 2em 2em; width: 30em}
#sessions_section .message {margin: 1em 0}
#channel_members_map {height: 100%}
#channel_members_list .channel_member {border-bottom: 1px solid #E1ECFE; border-top: 1px solid #FFF}
#channel_members_list .channel_member h4 {margin: 0; padding: 0.4em; font-size: 1.2em}
#channel_members_list .location {padding: 0.5em; cursor: pointer}
#channel_members_list .location:hover, #channel_members_list .over {background-color: #E1ECFE; border-color: #BBD4F6}
#channel_members_list .location h4 {font-size: 1em; padding: 0}
#channel_members_list .channel_member .geo {display: none}
.channel_access_request {border: 1px solid #999; margin: 1em; padding: 1em; position: relative}
.channel_access_request .description p {margin-bottom: 0.5em}
.channel_access_request form {float: left}
#request_access_form, #invite_code_form{ width:47.5%; margin:10px; border: 1px solid #999; padding-bottom:1em}
#request_access_form{ float:left; margin-right:0}
#invite_code_form{ float:right; margin-left:0}
.help{ background-color: #E6F7D1; font-size:1.5em; padding:0.5em; line-height:1.5em}
.description strong{ font-weight:bold}
#channel_access_requests{ position:relative; display:block}
#channel_info{ padding:1em}
#channel_info p{ padding:1em 0}
.errorExplanation{ background-color:#FAA; color:#000; line-height:1.5em; padding:1em}
.errorExplanation h2{ text-decoration:underline}
.notification_status{ clear:left}
#invite_show_page{ padding:2em}
#invite_show_page .action_buttons{ margin:1em 0}
#invite_show_page .action_buttons .button{ margin:1em}
#pages_section.contact_action form {width: 50%; margin-bottom: 2em; padding-bottom: 1em; border: 1px solid #CCC; background-color: #EEE}
#pages_section .contents {padding: 1em}
#pages_section.index_action .contents {clear: both}
#pages_section .contents h4 {color: #FF3A41; font-weight: bold; margin: 1em 0 0 0 ; font-size: 2em; letter-spacing: 0.1em}
#pages_section .contents h4.first {margin: 0}
#pages_section .contents h5 {font-weight: bold; margin: 0.5em 0 0 0 ; font-size: 1.5em; letter-spacing: 0.1em}
#pages_section .contents a {text-decoration: underline}
#pages_section .contents a:hover {text-decoration: none}
#pages_section .contents h4 a, #pages_section .contents h4 a:hover, #pages_section .contents h4 a:visited {color: #FF3A41; text-decoration: none}
#pages_section .contents p {font-size: 1.4em; line-height: 1.5; padding: 0.5em 0}
#pages_section .contents li {font-size: 1.4em; line-height: 1.5}
#pages_section .contents em {background: #ffc; padding: 0.1em 0; line-height: 1.7em; color: #333}
#pages_section .contents ul.toc {list-style-type: disc; list-style-position: inside}
#pages_section .contents ul.toc li a {color: #000}
#pages_section .paypal input {width: 145px; height: 47px; border: none; margin-top: 0.5em; margin-bottom: 1em}
#pages_section .what {padding-top: 1em}
#pages_section .what img {float: left}
#pages_section .what .content {margin-left: 250px}
#sidebar {font-size: 1em; width: 200px; background-repeat: repeat-x; background-position: bottom left; position: absolute; top: 0px; left: 0px}
#navigation {padding-top: 0.5em}
#creation {background-color: #DEF6B0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-image: url(/images/shading/sidebar_creation_background.png); background-repeat: repeat-x; background-position: bottom left}
#sidebar a {color: #000; font-size: 1.2em}
#sidebar li a {display: block; padding: 0.5em 0 0.75em 2.5em; background-repeat: no-repeat; background-position: 0.5em center}
#sidebar li:hover, #sidebar li.hover {background-color: #D0D0E3}
#creation li:hover, #creation li.hover {background-color: #B7E776}
#sidebar .home a {background-image: url(/images/icons/home.png)}
#sidebar .login a {background-image: url(/images/icons/user_go.png)}
#sidebar .join a {background-image: url(/images/icons/user_add.png)}
#sidebar .all a {background-image: url(/images/icons/all.png)}
#sidebar .starred a {background-image: url(/images/icons/star_on.gif)}
#sidebar .new_channel a {background-image: url(/images/icons/add.png)}
#sidebar .new_article a {background-image: url(/images/icons/pencil.png)}
#sidebar .find_channels a {background-image: url(/images/icons/search.png)}
#channels h3 {padding-left: 0.4em; font-size: 1.2em; margin: 0; padding: 0.5em 0 0.75em 0.4em; color: #000; border-bottom: 1px solid #BDCEE1}
#channels p.empty {font-size: 1.2em; padding: 0.5em 0 0.75em 0.4em}
#channels p.empty a {font-size: 1em; text-decoration: underline}
#channels li {border-bottom: 1px solid #BDCEE1}
#channels li a {padding-left: 0.5em; color: #000}
#channels li.empty a {color: #666; font-weight: normal}
#channels li.selected {background-image: url(/images/shading/selected_channel_background.png); background-repeat: repeat-x; background-position: top left; background-color: #D3D3E6}
#channels li.selected a {padding-bottom: 0.5em}
#channels li.selected p {padding: 0.2em 0.2em 0.75em 0.5em; font-size: 1em}
#actions {text-align: center; font-size: 0.8em; border-top: 1px solid #ADCBFC; padding: 0.5em 0}
#actions a {color: #000; border-bottom: 1px solid #000}
#actions a:hover {border-color: #E1ECFE}
#sidebar form {padding: 0 0.5em 0.5em 0.5em}
#sidebar form input {font-size: 1.2em; padding: 3px 0 3px 2em; width: 11.5em}
body#pages_section.index_action {background-image: none; background-color: #FFF}
body#pages_section.index_action #contents, body#pages_section.index_action #footer {margin: 0}
#page_header .welcome {background-color: #E5EDF7; margin: 0; padding: 1em 1em 0 1em; border-bottom: 1px solid #A7C6E9}
#page_header .welcome h4 {font-weight: bold; font-size: 1.2em}
#information_notice {border: 1px solid #F00; margin: 1em 1em 0 1em }
#information_notice p {padding: 0.5em; text-align: center; background-color: #FAA}
#information_notice a {font-size: 1.5em}
#home_page_contents {padding-top: 1em; width: 900px; margin: auto}
#pages_section.index_action h2 {background-image: url(/images/trans_bg.png); font-size: 3em; font-family: 'gill sans mt', sans-serif; padding: 0 0 0.3em 0; color:#003366; width:11em; padding:0.2em; border-left: 10px solid #000066; margin:0 0 0 10px; float:left}
#pages_section.index_action #home_banner {background-image: url(/images/home_bg.png); background-repeat: no-repeat; min-height: 373px; margin-bottom: 1em}
#pages_section.index_action #login_container {margin:10px 10px 0 0; float: right; background-image: url(/images/trans_bg.png); padding-bottom: 1em}
#pages_section.index_action #login_container h3, #pages_section.index_action #login_container h4{ font-size: 2em; font-family: 'gill sans mt', sans-serif; margin:0; padding:10px 10px 0 10px; color:#243F4F}
#pages_section.index_action #login_container h3{ color:#C00}
#pages_section.index_action h4 a, #sessions_section.new_action h4 a{ color:#243F4F; text-decoration: underline}
#pages_section.index_action h4, #sessions_section.new_action h4{ font-weight:normal}
#pages_section.index_action #login_container label, #sessions_section.new_action #login_container label {font-weight: normal; font-size: 1.2em}
#pages_section.index_action #login_container input, #sessions_section.new_action #login_container input {font-size: 2.5em; width: 12em; color:#666}
#pages_section.index_action #login_container input.checkbox, #sessions_section.new_action #login_container input.checkbox {width: auto}
#pages_section.index_action #login_container .form_row, #sessions_section.new_action #login_container .form_row {padding: 0.7em 1em 0 1em}
#pages_section.index_action #login_container .form_row a, #sessions_section.new_action #login_container .form_row a {text-decoration: none}
#pages_section.index_action #login_container .form_row a:hover, #sessions_section.new_action #login_container .form_row a:hover {text-decoration: underline}
#pages_section.index_action #login_container .actions, #sessions_section.new_action #login_container .actions {font-size: 1.2em}
#pages_section.index_action #login_container a.action, #sessions_section.new_action #login_container a.action {margin: 0}
#home_description {width:500px; float:left; text-align: center}
#why_register, #recent_alerts {line-height: 1.5em; width: 370px; float: right; margin-bottom: 1em}
.authority_logo{ padding: 0 7px}
#pages_section.index_action h4{ color:#333; font-weight:bold; font-size:1.5em}
#home_description h4{ border-bottom: 1px solid #333; padding-bottom:0.4em}
#home_description img{ margin-top: 10px}
#why_register #why_register_header {border-bottom: 1px solid #999999; padding-bottom: 0.7em; margin-bottom: 0.8em}
#why_register #why_register_header h3 {color: #990000; margin: 0pt}
#why_register #why_register_header #faq {float: right; font-size: 1.4em; color: #000; vertical-align: bottom}
#why_register #why_register_header #faq a, #why_register #why_register_header #faq a:visited {background-color: #FFFF99; display: block; font-weight: bold; padding: 1px 3px; color: #000}
#why_register h4, #recent_alerts h4 {font-size: 1.1667em; line-height: 1.286em; margin-bottom: 0.5em}
#why_register p, #recent_alerts p {margin-bottom: 1em}
#why_register p, #recent_alerts p, #home_description p {font-size: 1.1em; line-height: 1.5}
#recent_alerts h3 {color: #990000; border-bottom: 1px solid #999999; padding-bottom: 0.5em; margin-bottom: 0.3em}
#recent_alerts ul li {font-size: 1.1em; line-height: 1.5}
#recent_alerts ul li a, #recent_alerts ul li a:visited {color #000}
#home_description p{ font-size:1.4em}
#pages_section.index_action ol{ list-style: decimal inside; font-size:1.4em}
#pages_section.index_action ol li p{ padding-left:2em}
#pages_section.index_action ol p{ font-size:0.8em}
#pages_section.index_action ol h4{ font-size:1em; display:inline; padding-left:0}
ul.tab_menu {border-bottom: 1px solid #CCC; margin: 1em 0}
ul.tab_menu li {float: left}
ul.tab_menu li a {display: block; float: left; padding: 0.25em 0.5em; margin: 0 0 0 0.5em; font-size: 1.2em; border: 1px solid #BBB; border-bottom: none; background-color: #CCC; color: #000}
ul.tab_menu li a:hover {background-color: #EEE}
ul.tab_menu li.current a {background-color: #FFF; border-color: #CCC}