/********** General **********/

* {
}

html {
    font-size: 12px;
    font-family: Helvetica, arial, sans-serif;
}

body {
    background: #fff;
    color: #444;
    padding: 0;
    margin: 0;
}

img {
    border: none;
}

h1 {
    color: #555;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 6px;
}

h2 {
    color: #555;
    font-size: 130%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 6px;
}

h3 {
    color: #555;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 6px;
}

p {
    margin: 5px 0px;
}

a, a:link, a:visited {
    color: #139cea;
    text-decoration: underline;
}

a:hover {
    color: #3979b3;
}

blockquote {
    margin: 4px 0;
    padding: 0 0 0 15px;
    border-left: 3px double #e5e5e5;
}

ul {
}

li {
    list-style-image: none;
}

fieldset {
    position: relative;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 455px;
}

fieldset legend {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
}

fieldset fieldset {
    position: relative;
    margin: 10px 0;
    padding: 0;
    border: 0;
}

fieldset ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

fieldset > ul {
    padding: 10px;
}

table {
    border-collapse: collapse; 
}

tr.even {
    background-color: #ddd;
}

tr.odd {
}

td, th {
    padding: 4px;
}

hr {
    margin: 6px 0px;
    height: 2px;
    border: none;
    background-color: #000;
}

input[type=text],
input[type=password] {
}

.hidden {
    display: none;
}

.clearbr {
    clear: both;
}

.label {
    font-size: 110%;
    color: #777;
    font-weight: bold;
    margin-top: 10px;
}

.help {
    font-size: 110%;
    color: #555;
    font-style: italic;
}

#logo {
    margin: 0 10px
}

.admin_element_label {
    font-weight: bold;
}

.errormsg {
    font-size: 120%;
    color: red;
}

/*********** Login Form ***********/

.signup-form,
.login-form,
.lost-username-form,
.resend-validation-form,
.lost-password-form  {
    position: relative;
    background: #eee;
    margin: 20px auto;
    padding: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 475px;
}

.actions {
    position: relative;
    margin: 5px auto;
    padding: 0;
    width: 475px;
}

.signup-form input[type=text],
.signup-form input[type=password],
.lost-username-form input[type=text],
.lost-username-form input[type=password],
.resend-validation-form input[type=text],
.resend-validation-form input[type=password],
.lost-password-form input[type=text],
.lost-password-form input[type=password],
.login-form input[type=text],
.login-form input[type=password] {
    font-size: 150%;
    width: 95%;
    border: 1px solid #aaa;
    padding: 5px;
    color: #777;
    box-shadow: inset 2px 2px 2px #aaa;
    -moz-box-shadow: inset 2px 2px 2px #aaa;
    -webkit-box-shadow: inset 2px 2px 2px #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

td.login-form-left {
    position: relative;
    width: 66%;
    padding: 15px;
    border-right: 1px solid #ccc;
    vertical-align: middle;
}

td.login-form-right {
    position: relative;
    width: 33%;
    padding: 15px;
    vertical-align: middle;
}

td.full {
    width: 100%;
    position: relative;
    padding: 15px;
    vertical-align: middle;
}

.info {
    position: relative;
    background: #eee;
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.info-container {
    margin: 10px auto;
    width: 475px;
}

.user-info-container {
    text-align: right;
}

.user-info {
    position: relative;
    padding: 0 10px;
    font-size: 110%;
    font-weight: bold;
}


/********** Page **********/

div#page_header {
    padding: 10px 0;
}

/************ Header ************/

/************* Navigation Bar *************/

/********** Content type section **********/ /* MainMenu */
#nav-container {
    background: #666;
    font-weight: normal;
    position: relative;
    z-index: 99;
}

ul#nav,
#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav a {
    margin: 0;
    background: #666;
    display: block;
    text-decoration: none;
    color: #ddd;
    position: relative;
    padding: 5px 10px;
}

#nav li {
    margin: 0;
    padding: 0;
    white-space: nowrap; 
    color: #ddd;
    position: relative;
    border-right: 1px solid #fff;
}

#nav > li {
    float: left;
}

#nav li ul { /* second-level lists */
    position: absolute;
/*    width: 14.4em;*/
    left: -999em;
    font-weight: normal;
    border: 1px #fff solid;
}

#nav li:hover ul {
    left: auto;
}

#nav a:hover {
    color: #eee;
    background: #888;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
    left: auto;
}

#nav li:hover,
#nav li.sfhover {
  background: #999;
}

/********** Page Sections **********/

div#left_area {
    float: left;
    width: 180px;
}

div#right_area {
    float: right;
    width: 200px;
}

div#page_footer {
    text-align: center;
    clear: both;
    margin: 10px auto;
    padding: 10px;
    border-top: 1px solid #ddd;
}


/********** Online Users List *******/
#online_users, #recent_users, #active_users {
    padding: 3px;
    margin: 3px 0px;
/*    border: 1px solid #ddd;*/
}

#online_users label, #recent_users label, #active_users label {
    font-weight: bold;
}

/********** Map **********/

#map_title {
    background-color: #fff;
    border: none;
    padding: 0;
    margin: 5px 0 5px 0;
    font-size: 120%;
    font-weight: bold;
}
#map_toolbox {
    display: none;
    float: right;
}
#map_postalcode_overlay {
    display: none;
    background-color: #fff;
    border: none;
    padding: 0;
/*    font-size: 10px;*/
    font-weight: bold;
    position: absolute;
    z-index: 10;
}
#map_legend {
    background-color: #fff;
    border: none;
    padding: 0;
    padding-top: 2px;
/*    font-size: 10px;*/
    vertical-align: middle;
}
#map_outer_hotspots_list {
    background-color: #fff;
    width: 33%;
    height: 500px;
    overflow: auto;
    float: right;
}
#map_hotspots_list {
    padding: 1px;
}

#map_hotspots_list div {
    margin: 0 0 12px 0;
}

#map_frame {
/*    font-size: 10px;*/
    width: 66%;
    height: 500px;
}

/********** RssAggregator **********/

.fpr_item_title {
    display: inline;
}

.fpr_feed_title {
    display: inline;
}

.fpr_title_date {
    font-weight: lighter;
}

.fpr_title_str {
    display: inline;
}

.fpr_item_title .fpr_title_str {
    font-weight: bold;
}

/*.fpr_list {
    margin: 0em 0em 0em 1em;
    padding: 0em 0em 0em 0em;
}
*/
.fpr_item {
    display: block;
    list-style-type: none;
}

fpr_empty_feeds {
}

.fpr_mouseover {
    display: inline;
}

.fpr_item_link {
}

.fpr_expand_switch {
    text-decoration: none;
}

.fpr_popup_inner_div {
    background-color: #ddd;
    border: 1px solid #aaa;
    padding: 0.5em;
    position: absolute;
    top: 1.5em;
    visibility: hidden;
    z-index: 100;
}

.fpr_popup_inner_div_expanded {
    border: 1px solid #aaa;
    padding: 0.5em;
}

.fpr_popup_outer_div {
    position: relative;
}

.fpr_feed_image {
    float: right;
}

.fpr_text {
    display: block;
}

.fpr_text P {
}

.fpr_enclosure {
    display: inline;
    float: right;
    max-height: 240px;
    max-width: 320px;
}

.fpr_enclosure_inner {
    display: block;
}

.fpr_clear {
    clear: right;
}

.fpr_enclosure_download {
    text-align: center;
}

.fpr_item_metadata {
    float: right;
}


/*********** Listings *************/

#node_list table {
    background-color: inherit;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
}

#node_list th {
    vertical-align: bottom;
    text-align: left;
    background: #eee;
    border-bottom: 1px solid #ddd;
}

#node_list tr {
    background-color: inherit;
    border: none;
/*  border: 1px solid #ddd;*/
}

#node_list tr.even {
    background-color: #eee;
}

#node_list tr.odd {
    background-color: #fff;
}

#node_list td {
    margin: 0;
    text-align: left;
/*  color: #000000;*/
}

#node_list td.status {
/*    width: 15em;*/
    text-align: left;
    font-size: 90%;
}

#hotspot_status table {
    background-color: inherit;
    border-collapse: collapse;
    width: 100%;
}

#hotspot_status th {
    vertical-align: bottom;
    text-align: left;
}

#hotspot_status tr {
    vertical-align: top;
    font-size: 95%;
    font-family: inherit;
    background-color: inherit;
    border: none;
}

#hotspot_status tr.even {
    background-color: #eee;
}

#hotspot_status tr.odd {
    background-color: #ccc;
}


.user_ui_main_outer { /*    display: inline;*/
    color: #000;
    margin: 0;
}

div#login_help {
    float: none;
    margin: 5px;
    border: none;
}

#login_form {
    float: none;
    text-align: left;
}

/*#login_form form {
    padding-left: 0;
}
*/
form.language {
    text-align: left;
}

div.tool_user_info, div.language, form#login_form {
    margin: 5px;
    padding: 0px;
}

div#login_help ul {
    list-style-type: none;
}

div.content {
    margin: 0 auto;
    padding: 10px;
    font-weight: 100%;
}

div.content p {
    padding: 5px 0;
    font-weight: 100%;
}