/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* typography.css */
body {
  line-height: 1.5; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

blockquote:before, blockquote:after {
  content: ""; }

q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: none; }

body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #111; }

h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }

h2 {
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em;
  height: 1.25em; }

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-size: 1em;
  font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

p {
  margin: 0 0 1.5em; }
  p img {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
    p img.right {
      float: right;
      margin: 1.5em 0 1.5em 1.5em; }

a {
  color: #009;
  text-decoration: underline; }
  a:focus, a:hover {
    color: #000; }

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

dfn {
  font-style: italic;
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #aaa; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666; }

pre, code {
  margin: 1.5em 0;
  white-space: pre; }

pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul, ol {
  margin: 0 1.5em 1.5em 1.5em; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }
  dl dt {
    font-weight: bold; }

dd {
  margin-left: 1.5em; }

th {
  font-weight: bold; }

tr.even td {
  background: #E5ECF9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.quiet {
  color: #666; }

.loud {
  color: #000; }

.highlight {
  background: #ff0; }

.added {
  background: #060;
  color: #fff; }

.removed {
  background: #900;
  color: #fff; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

.float-right {
  float: right; }

.only-print {
  display: none; }

/* Body & Global */
body {
  background-color: #eee;
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px; }

.hide {
  display: none; }

.info {
  color: #888; }
  .info a {
    color: #888; }

.container {
  margin: 0 auto; }

.code {
  width: 100%;
  border: 1px dashed #ccc;
  background-color: #eee; }

#content {
  padding: 1.5em 1em; }
  #content h1, #content h2, #content h3 {
    color: #333;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff; }
  #content h1 {
    font-size: 2em; }
  #content h2 {
    font-size: 1.4em;
    font-weight: normal;
    color: #555;
    margin-bottom: 0.3em;
    padding: 0.3em 0.6em;
    background-color: #ddd;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 2px 2px 0; }
  #content h3 {
    font-size: 1.2em;
    margin-bottom: 0.2em; }
  #content .box h1, #content .box h2, #content .box h3 {
    text-shadow: none; }

.blue {
  color: #6c90bc; }

.orange {
  color: #ff8800; }

span.cancel {
  font-size: 85%; }
  span.cancel a {
    color: #900; }

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

.subtitle {
  font-size: 60%;
  font-weight: normal;
  color: #aaa;
  padding-left: 1em;
  text-shadow: 0 1px 1px #fff; }

.feed-link {
  float: right; }

/* Breadcrumbs */
ul#breadcrumbs {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
  background-color: #ddd;
  padding: 4px 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px; }
  ul#breadcrumbs li {
    float: left;
    padding-right: 15px;
    margin-right: 10px;
    line-height: 22px;
    background: transparent url("/images/breadcrumb-divider.png") scroll no-repeat top right;
    color: #999;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px; }
    ul#breadcrumbs li a {
      color: #666;
      text-decoration: none; }
      ul#breadcrumbs li a:hover {
        text-decoration: underline; }
    ul#breadcrumbs li.last {
      margin-right: 0;
      padding-right: 0;
      background: none; }

/* Submenu */
#submenu {
  margin: 0;
  float: right;
  text-align: right; }
  #submenu a {
    margin-left: 0.5em;
    border: 1px solid #bbb;
    background: #c9c9c9 url("/images/button-background.png") scroll repeat-x top left;
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #555;
    text-shadow: 0 1px 0 #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px; }
    #submenu a:hover {
      border-color: #999; }

/* Header */
#header {
  background: #89abd5 url("/images/header-background.png") scroll repeat-x bottom left;
  color: #fff;
  position: relative;
  padding: 10px 10px 0 10px;
  z-index: 10; }
  #header #login {
    float: right;
    color: #fff; }
    #header #login a {
      color: #fff; }
  #header #title {
    font-size: 38px;
    font-weight: normal;
    color: #fff;
    font-family: Georgia, Serif; }
    #header #title a {
      color: #fff;
      text-decoration: none; }

/* Admin Menu */
#admin-menu {
  background: #333 url("/images/header-background.png") scroll repeat-x bottom left;
  padding: 3px 10px;
  color: #eee;
  border-bottom: 1px solid #111;
  text-shadow: 0 -1px 0 #000;
  font-size: 12px; }
  #admin-menu a {
    color: #eee; }

#current-customer-form {
  float: right; }
  #current-customer-form form {
    margin: 0; }

/* Menu */
#menu {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  z-index: 10; }
  #menu ul {
    margin: 0;
    padding: 0; }
  #menu li {
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
    display: block;
    float: left;
    background-color: #6183ad;
    position: relative; }
    #menu li.with-submenu {
      padding-right: 8px;
      background-image: url("/images/arrow-down.png");
      background-position: right 50%;
      background-repeat: no-repeat; }
    #menu li a, #menu li span {
      color: #fff;
      font-size: 10pt;
      background: transparent url("/stylesheets/icons/cog.png") scroll no-repeat 6px 50%;
      padding: 5px 10px 5px 26px;
      display: block;
      text-decoration: none; }
    #menu li a:hover {
      text-decoration: underline; }
  #menu.dashboards li#nav_dashboard a,
  #menu.stations li#nav_stations a,
  #menu.ui li#nav_dashboard a,
  #menu.alerts li#nav_alerts a,
  #menu.diagnostics li#nav_diagnostics a,
  #menu.users li#nav_users a,
  #menu.sensors li#nav_stations a,
  #menu.diagrams li#nav_diagrams a,
  #menu.graphs li#nav_graphs a,
  #menu.settings li#nav_settings a,
  #menu.linear_interpolations li#nav_stations a,
  #menu.units li#nav_settings a,
  #menu.intervals li#nav_settings a,
  #menu.annotations li#nav_stations a,
  #menu.diagnostics li#nav_diagnostics a,
  #menu.alert_destinations li#nav_stations a,
  #menu.alert_rules_new li#nav_stations a,
  #menu.alert_rules_edit li#nav_stations a,
  #menu.alert_rules_update li#nav_stations a,
  #menu.alert_rules_create li#nav_stations a,
  #menu.alert_rules_index li#nav_dashboard a,
  #menu.collectors li#nav_collectors a,
  #menu.collector_logs li#nav_collectors a,
  #menu.maps li#nav_maps a,
  #menu.collector_data_points li#nav_collectors a,
  #menu.categories li#nav_settings a,
  #menu.setup_templates li#nav_settings a {
    background-color: #eee;
    color: #000; }
  #menu.ivr li#nav_stations a {
    background-color: transparent;
    color: #fff; }
  #menu li#nav_dashboard a {
    background-image: url("/stylesheets/icons/house.png"); }
  #menu li#nav_stations a {
    background-image: url("/stylesheets/icons/transmit.png"); }
  #menu li#nav_graphs a {
    background-image: url("/stylesheets/icons/chart_bar.png"); }
  #menu li#nav_maps a {
    background-image: url("/stylesheets/icons/map.png"); }
  #menu li#nav_diagrams a {
    background-image: url("/stylesheets/icons/chart_organisation.png"); }
  #menu li#nav_webcams a {
    background-image: url("/stylesheets/icons/webcam.png"); }
  #menu li#nav_diagnostics a {
    background-image: url("/stylesheets/icons/wrench_orange.png"); }
  #menu li#nav_users a {
    background-image: url("/stylesheets/icons/group.png"); }
  #menu li#nav_collectors a {
    background-image: url("/stylesheets/icons/plugin.png"); }
  #menu li#nav_settings a {
    background-image: url("/stylesheets/icons/cog.png"); }
  #menu li#nav_more span {
    background-image: url("/stylesheets/icons/folder.png"); }
  #menu li#nav_snotel a {
    background-image: url("/stylesheets/icons/weather_snow.png"); }
  #menu li#nav_ivr a {
    background-image: url("/stylesheets/icons/phone.png"); }
  #menu .submenu {
    display: none;
    z-index: 10;
    width: 160px;
    position: absolute;
    top: 28px;
    left: 0; }
    #menu .submenu li {
      width: 100%;
      margin-top: 0px;
      background-image: url("/images/bottom-shadow.png");
      background-repeat: repeat-x;
      background-position: bottom left; }

/* Flash Messages */
#flash .flash {
  border: 1px solid #ccc;
  background: #fff url("/stylesheets/icons/information.png") scroll no-repeat 5px 50%;
  color: #527aab;
  padding: 5px 10px 5px 25px;
  width: 90%;
  margin: 0 auto 1em auto;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; }
#flash .error {
  color: #c2462c;
  background-image: url("/stylesheets/icons/exclamation.png"); }

/* Forms */
.field {
  margin-bottom: 1em; }

label {
  line-height: 20px; }

input.checkbox {
  float: left; }
input.small {
  width: 85px;
  margin-bottom: 0; }

/* Custom Content */
.box-group {
  margin-bottom: 2em; }
  .box-group .box {
    margin-left: 2em; }

.box {
  padding: 1em 1em 0.1em 1em;
  background-color: #fff;
  margin-bottom: 1em;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 2px 2px 0; }
  .box h3 {
    color: #333; }
    .box h3 a {
      color: #333; }

#station_overview {
  width: 48%;
  float: left; }


.station-overview .status {
  line-height: 16px;
  padding-left: 20px;
  background: transparent url("/stylesheets/icons/accept.png") scroll no-repeat top left;
  float: right; }
.station-overview .good {
  color: #208a1b; }
.station-overview .bad {
  background-image: url("/stylesheets/icons/exclamation.png");
  color: #c2462c; }

.station-summary {
  font-size: 110%;
  color: #555;
  padding: 0.5em 0; }
  .station-summary .sensor-count {
    float: left; }
  .station-summary .sensor-updated {
    float: right; }

/* Alerts */
#alerts-overview {
  width: 48%;
  float: right; }
  #alerts-overview #alert-actions {
    color: #999;
    font-size: 12px;
    font-weight: bold;
    float: right;
    line-height: 3em; }

.alert {
  background-color: #ffe;
  margin-bottom: 0.3em;
  padding: 0.4em 1em; }
  .alert p {
    padding: 0;
    margin: 0;
    color: #555;
    font-size: 10px; }
  .alert h3 {
    font-size: 12px !important; }
  .alert .meta {
    font-size: 10px;
    float: right; }

#sensor-alerts-overview .alert-subtitle {
  float: right; }

table.overview {
  margin-bottom: 1em; }
  table.overview th {
    background-color: transparent;
    color: #666;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    text-align: center;
    font-size: 85%;
    padding: 2px 5px; }
  table.overview td {
    text-align: center;
    font-size: 88%;
    padding: 5px 10px; }
    table.overview td.left-align {
      text-align: left; }
    table.overview td.right-align {
      text-align: right; }
  table.overview tr.even td {
    background-color: #f9f9f9; }
  table.overview tr.odd td {
    background-color: #fff; }
table td.label {
  font-weight: bold;
  text-align: right;
  font-size: 90%; }
table.table-list {
  margin-bottom: 1em; }
  table.table-list td {
    padding: 2px 5px; }
    table.table-list td.lable {
      text-align: right; }

#all-users tr td {
  text-align: left; }

ul#alerts {
  clear: both;
  margin: 0;
  padding: 0; }
  ul#alerts li {
    font-size: 90%;
    list-style: none;
    margin: 0 0 5px 0;
    padding: 5px 10px 5px 36px;
    border: 2px solid #f9f2ba;
    background: #fffbd7 url("/stylesheets/icons/error.png") scroll no-repeat 10px 50%; }
  ul#alerts .links {
    float: right; }
    ul#alerts .links a {
      margin-left: 1em; }
  ul#alerts .timestamp {
    color: #777;
    font-size: 90%; }

.sparkline {
  color: #888; }

tr.primary-sensor td {
  font-weight: bold; }

.child-sensor {
  padding-left: 20px;
  background: #fffbd7 url("/stylesheets/icons/arrow_down_right.png") scroll no-repeat 0 50%; }

.for-copying-to-clipboard {
  width: 300px; }

/* Diagram Manager */
#diagram_manager {
  float: left;
  margin-bottom: 1em;
  z-index: 0; }

#placed_objects {
  position: relative; }

.diagram {
  border: 1px solid #999; }

.droppable-active {
  border: 1px dotted #999; }

.droppable-hover {
  border: 1px dotted #900; }

.draggable_object {
  cursor: move;
  z-index: 100; }

.old_data {
  background-image: url("/stylesheets/icons/bullet_red.png"); }

#placed_objects div.menu {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: transparent url("/stylesheets/icons/cog.png") no-repeat scroll 50% 50%;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px; }
#placed_objects div.menu-active {
  background-color: #444;
  margin: 0;
  padding: 1px; }

.menu-buttons {
  background-color: #444;
  color: #eee;
  position: absolute;
  top: 18px;
  left: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.30) 3px 3px 3px; }

.diagram-object-with-active-menu {
  z-index: 200; }

.menu-buttons div {
  background: transparent url("/stylesheets/icons/cog.png") no-repeat scroll 2px center;
  padding: 1px 5px 1px 20px;
  font-size: 10px;
  width: auto; }
  .menu-buttons div:hover {
    color: #fff; }
.menu-buttons .remove {
  background-image: url("/stylesheets/icons/cross.png"); }
.menu-buttons .decrease-size {
  background-image: url("/stylesheets/icons/delete.png"); }
.menu-buttons .increase-size {
  background-image: url("/stylesheets/icons/add.png"); }
.menu-buttons .rename {
  background-image: url("/stylesheets/icons/font.png"); }
.menu-buttons .switch {
  background-image: url("/stylesheets/icons/arrow_refresh_small.png"); }

.undraggable .diagram-sensor, .undraggable .diagram-graph {
  color: #999;
  border: 1px solid #e7e7e7;
  background-color: #f7f7f7;
  cursor: default !important; }
.undraggable .quiet {
  color: #ccc; }

.rename-dialog .info {
  font-size: 10px; }

#sensor_manager {
  float: left;
  width: 250px;
  padding-bottom: 1em;
  margin-right: 1em;
  height: 500px;
  overflow: auto; }
  #sensor_manager h3.station {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0.5em;
    margin-top: 1em;
    clear: both;
    padding-left: 16px;
    background: #eee url("/stylesheets/icons/collapsed.png") scroll no-repeat center left;
    border: 1px solid #ccc;
    cursor: pointer; }
  #sensor_manager h3.active {
    background-image: url("/stylesheets/icons/expanded.png"); }
  #sensor_manager div.sensors {
    padding: 0 0 0 10px;
    margin: 0 0 10px 0; }
  #sensor_manager .unplaced-sensor, #sensor_manager .unplaced-graph {
    width: 170px;
    overflow: hidden;
    float: left;
    clear: both; }
  #sensor_manager .unplaced-teacup {
    float: right; }
  #sensor_manager .unplaced-teacup-text {
    float: right; }
  #sensor_manager .teacup-icon {
    display: block;
    width: 33px;
    height: 16px;
    background: transparent url("/images/teacup_icon.png") scroll no-repeat top left; }
  #sensor_manager .teacup-text-icon {
    display: block;
    width: 33px;
    height: 16px;
    background: transparent url("/images/teacup_text_icon.png") scroll no-repeat top left; }
  #sensor_manager .undraggable .teacup-icon {
    background-position: bottom left; }

#diagram_code {
  clear: both; }

.embedded-diagram {
  padding-bottom: 1em; }

#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%; }
  #sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 1.4em;
    height: 18px;
    background-color: #fff;
    border: thin solid #ccc;
    cursor: move; }

/* Login form */
body.login {
  margin-top: 200px; }
  body.login #flash {
    width: 340px;
    margin: 1em auto; }
    body.login #flash .flash {
      border: 1px solid #aaa; }

#login-form-container {
  width: 340px;
  margin: 0 auto;
  border: 3px solid #aaa;
  background: #d8d8d8 url("/images/login-background.png") scroll repeat-x top left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-shadow: 0 1px 1px #fff;
  font-size: 14px; }

#login-form {
  padding: 10px 20px 0 20px; }
  #login-form h1 {
    font-size: 24px;
    text-align: center; }
  #login-form p {
    margin: 1em 0; }
  #login-form input.text {
    width: 285px;
    font-size: 14px;
    padding: 3px 5px; }
  #login-form input#remember_me {
    float: left;
    padding-right: 0.5em; }

/* Footer */
#footer {
  margin-top: 1em;
  text-align: center;
  color: #999;
  font-size: 90%;
  text-shadow: 0 1px 0 #fff; }

/* Linear Interpolations */
div.interpolation-table {
  float: left;
  margin-right: 6em; }
div.interpolation-graph {
  float: left;
  margin-bottom: 1em; }

/* Unit Overview */
span.reading-abnormal {
  color: #c00; }

/* Sidebar */
div.with-sidebar {
  float: left;
  width: 75%; }

#sidebar {
  float: right;
  width: 23%; }

/* Collectors */
#collector-sample-data table {
  margin-bottom: 1em; }
  #collector-sample-data table td {
    padding: 2px 5px; }

#collector-stations-preview table td {
  padding: 5px 0.5em;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

#collector-new-station-input p {
  float: left;
  margin: 0 2em 0 0; }

.collector-sample-data {
  float: left; }

.collector-all-data {
  margin-right: 2em; }

.collector .status, .webcam .status, .cell-logger .status {
  line-height: 16px;
  padding-left: 20px;
  background: transparent url("/stylesheets/icons/accept.png") scroll no-repeat top left;
  float: right; }
.collector .active, .webcam .active, .cell-logger .active {
  color: #208a1b; }
.collector .not-active, .webcam .not-active, .cell-logger .not-active {
  background-image: url("/stylesheets/icons/exclamation.png");
  color: #c2462c; }

.cell-logger .status {
  float: left; }
.cell-logger form.button-to {
  float: left; }

.create-template-form {
  float: right; }

.subsubmenu {
  float: right;
  margin: 1em; }

tr.failure {
  color: #c2462c; }

table#collector-station-columns tr form.new_collector_data_point {
  display: inline; }
  table#collector-station-columns tr form.new_collector_data_point p, table#collector-station-columns tr form.new_collector_data_point label {
    display: inline; }
  table#collector-station-columns tr form.new_collector_data_point p {
    margin-left: 1em; }

#collector-status p.failure, #collector-status p.deactivated {
  color: #c2462c; }

/* Forms */
form .tip {
  margin: 0;
  color: #999;
  font-size: 85%;
  display: block;
  text-shadow: 0 1px 0 #fff; }

/* Clearing Floats */
.clearfix:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix, .container {
  display: inline-block; }

* html .clearfix, * html .container {
  height: 1%; }

.clearfix, .container {
  display: block; }

.clear {
  clear: both; }

.paragraph label {
  display: inline; }

.loggernet-1-file {
  display: none; }

/* Webcams */
.webcam-thumbnail {
  float: left;
  margin: 0 1em 1em 0;
  text-align: center;
  width: 150px; }
  .webcam-thumbnail .date {
    display: block;
    font-size: 80%; }

#webcams .box .thumbnail {
  float: left;
  width: 120px;
  margin: 0 1em 1em 0; }

/* Map Locations */
#save-map-location-status {
  position: absolute;
  left: 1em;
  bottom: 1em;
  font-size: 12px;
  color: #555;
  line-height: 16px; }
  #save-map-location-status img {
    vertical-align: middle; }

#map {
  margin-left: 190px;
  margin-bottom: 1em;
  width: 800px;
  height: 600px;
  border: 1px solid #999; }

#map-locations {
  font-size: 11px;
  float: left; }
  #map-locations ul {
    list-style: none;
    margin: 0;
    width: 180px;
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #fff; }
    #map-locations ul li {
      border-bottom: 1px solid #ccc;
      padding: 3px 5px; }
      #map-locations ul li .delete {
        float: right; }
      #map-locations ul li.odd {
        background-color: #f9f9f9; }
      #map-locations ul li a.map-location-link {
        display: block;
        width: 140px;
        float: left; }
      #map-locations ul li a.delete {
        display: none; }
    #map-locations ul li.hover a.delete {
      display: inline; }
    #map-locations ul a#save-current-map-location {
      font-weight: bold; }

/* Pagination */
.pagination {
  margin-bottom: 1em; }
  .pagination span, .pagination a {
    border: 1px solid #eee;
    background-color: #f6f6f6;
    padding: 2px 5px;
    text-decoration: none; }
  .pagination span.current, .pagination a:hover {
    border-color: #bbb;
    background-color: #eee; }

/* Color Settings */
.color-selected-container {
  padding: 5px;
  margin: 5px;
  float: left; }
  .color-selected-container.selected {
    background: transparent url("/images/color-settings-selected.png") scroll no-repeat center center; }
    .color-selected-container.selected .color-container {
      border-color: #888; }

.color-container {
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  width: 100px;
  height: 58px;
  text-align: center;
  cursor: pointer; }
  .color-container .color-main {
    padding: 25px 0 0 30px; }
    .color-container .color-main .color-sub {
      width: 100%;
      height: 15px; }

/* Stations */
table#interval-data-type-explanation {
  float: right;
  width: 700px;
  font-size: smaller; }
  table#interval-data-type-explanation tr th {
    text-align: center; }
  table#interval-data-type-explanation tr th, table#interval-data-type-explanation tr td {
    border-bottom: 1px solid #ccc; }
  table#interval-data-type-explanation tr td span.example {
    font-style: italic; }

/* User Permissions */
#user-permissions {
  display: inline-block;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  padding: 1em 1em 0 1em;
  background-color: #e8e8e8; }

.disabled {
  color: #777; }

/* Invoices */
.invoice table {
  width: 800px;
  font-size: 14px;
  border-collapse: collapse; }
  .invoice table td {
    border: 1px solid #999;
    padding: 10px 20px; }
    .invoice table td em {
      color: #888; }
  .invoice table td.numeric {
    text-align: right; }
  .invoice table tr.total td {
    font-weight: bold;
    text-align: right; }

/* Edit Graph */
.color-block {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  cursor: pointer; }

.color-selector {
  margin-right: 5px; }