.stack {
  position: relative;
  background-color: #fff;
}
.stack > *:not(.active) {
  display: none;
}
.logo {
  position: absolute;
  top: 30px;
  right: 50px;
}
.app .navbar .nav.progress-nav >li,
.app .navbar .nav.progress-nav >li.active {
  background-image: url("/media/img/progress-nav.png");
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 25px;
  height: 40px;
}
.app .navbar .nav.progress-nav >li >a,
.app .navbar .nav.progress-nav >li.active >a {
  cursor: pointer;
}
.app .navbar .nav.progress-nav >li.last,
.app .navbar .nav.progress-nav .brand {
  background-image: none;
}
.app .navbar .nav.progress-nav .brand {
  padding: 0 0 0 0;
  margin: 0;
  line-height: 20px;
  height: 20px;
}
.app .navbar .nav.progress-nav .brand a {
  padding-left: 0;
}
.app .navbar .nav.progress-nav >li.disabled >a,
.app .navbar .nav.progress-nav >li.disabled >a:hover {
  cursor: help;
  color: #aaa !important;
}
.navbar .nav > li > a {
  padding: 10px 5px 10px 5px;
}
.popover * {
  font-weight: normal;
  font-size: 14px !important;
}
.popover-content {
  display: none;
}
[rel="tooltip"] {
  cursor: help;
}
body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  color: #222;
  background-color: #ddd;
}
.app {
  padding-top: 40px;
}
.app.print {
  padding-top: 0;
}
h3 {
  font-size: 20px;
}
.invalid {
  background-color: #fee !important;
  border-color: #fcc !important;
}
.clear {
  clear: both;
}
.number {
  text-align: right;
}
.remove {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.remove {
  width: 16px;
  height: 16px;
}
.edit {
  display: none;
}
.editing>.edit {
  display: block;
}
.editing>.view {
  display: none;
}
.content {
  border-bottom: 5px solid #888;
  background-color: #fff;
  margin: 0;
  padding: 20px;
  min-width: 1024px;
}
input.title {
  font-size: 24px;
  line-height: 24px;
  height: 30px;
}
.flash-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 0;
  right: 0;
  z-index: 10000;
}
.flash-wrapper .flash {
  position: relative;
}
.flash-wrapper .flash .alert {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25px;
  margin: 0;
}
.objectives,
#grid {
  *: user-select: none;;
}
.objectives h2,
#grid h2 {
  font-size: 20px;
}
.objectives h2.lt,
#grid h2.lt {
  width: 400px;
  float: left;
}
.objectives input-webkit-input-placeholder,
#grid input-webkit-input-placeholder {
  font-style: italic;
}
.objectives .items,
#grid .items {
  list-style: none;
}
.objectives .count span,
#grid .count span {
  font-weight: bold;
}
.profile-list,
.scenario-list {
  position: relative;
}
.profile-list .title,
.scenario-list .title,
.profile-list .desc,
.scenario-list .desc,
.profile-list button,
.scenario-list button {
  cursor: pointer;
}
.profile-list .title,
.scenario-list .title {
  margin-top: 3px;
  margin-left: 35px;
  font-size: 18px;
}
.profile-list .desc,
.scenario-list .desc {
  margin-top: 8px;
}
.profile-list .symbol,
.scenario-list .symbol {
  font-size: 30px;
}
.profile-list .items,
.scenario-list .items {
  overflow: auto;
}
.profile-list .items >.item,
.scenario-list .items >.item {
  border-bottom: 1px solid #d2d2d1;
}
.profile-list .item,
.scenario-list .item {
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.profile-list .item.active,
.scenario-list .item.active {
  color: #fff;
  text-shadow: 0 -1px 1px #46677f;
  background: #7bb5db;
  background: -webkit-gradient(linear, left top, left bottom, from(#7bb5db), to(#4775b8));
  background: -moz-linear-gradient(top, #7bb5db, #4775b8);
  background: linear-gradient(top, #7bb5db, #4775b8);
  border-bottom-color: #609fd0;
  -moz-box-shadow: inset 0 2px 2px #4775b8;
  -webkit-box-shadow: inset 0 2px 2px #4775b8;
  -moz-box-shadow: inset 0 2px 2px #4775b8;
  -webkit-box-shadow: inset 0 2px 2px #4775b8;
  box-shadow: inset 0 2px 2px #4775b8;
}
html.ie8 .profile-list .item.active,
html.ie8 .scenario-list .item.active,
html.ie7 .profile-list .item.active,
html.ie7 .scenario-list .item.active,
html.ie6 .profile-list .item.active,
html.ie6 .scenario-list .item.active {
  border: 2px solid 0 2px 2px #4775b8;
}
.profile-list footer,
.scenario-list footer {
  padding: 6px;
  border-top: 1px solid #c5c5c5;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedfe0));
  background: -moz-linear-gradient(top, #fff, #dedfe0);
  background: linear-gradient(top, #fff, #dedfe0);
  -moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
  box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
  text-align: right;
}
html.ie8 .profile-list footer,
html.ie8 .scenario-list footer,
html.ie7 .profile-list footer,
html.ie7 .scenario-list footer,
html.ie6 .profile-list footer,
html.ie6 .scenario-list footer {
  border: 2px solid rgba(0,0,0,0.1);
}
.profile-list .item,
.scenario-list .item {
  marin-top: 3px;
  padding-top: 6px;
  border-top: 1px solid #ddd;
}
.profile-list .buttons,
.scenario-list .buttons {
  position: absolute;
  top: 5px;
  right: 5px;
}
.objectives .view {
  background-color: #eee;
  background-image: url("/media/img/grip.png");
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  color: #888;
  font-size: 18px;
  width: 400px;
  position: relative;
  margin-bottom: 3px;
  padding: 5px 5px 5px 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  cursor: move;
}
.objectives .chosen .view {
  background-color: #fff;
  border-color: 1px solid #006400;
  color: #006400;
}
.objectives .items {
  margin: 0;
}
.objectives input[type="text"] {
  width: 400px;
  font-size: 18px;
  line-height: 1.4em;
  border: 0;
  outline: none;
  padding: 6px;
  margin-left: 20px;
  border: 1px solid #999;
  -moz-box-shadow: rgba(0,0,0,0.2) 0 1px 2px 0 inset;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 2px 0 inset;
  box-shadow: rgba(0,0,0,0.2) 0 1px 2px 0 inset;
}
html.ie8 .objectives input[type="text"],
html.ie7 .objectives input[type="text"],
html.ie6 .objectives input[type="text"] {
  border: 2px solid inset;
}
.calendar-body {
  width: 800px;
}
ul.months-wrap li {
  list-style: none;
  display: block;
  float: left;
  width: 8.2%;
}
.seasons {
  line-height: 7px;
  font-size: 7px;
  width: 190px;
}
.linear-calendar .season-wrap {
  background-color: #f4f4f4;
  background-image: url("/media/img/vertical-rule.png");
  background-repeat: repeat;
  height: 20px;
  position: relative;
  border: 1px solid #ddd;
}
.linear-calendar .season-wrap label {
  position: absolute;
  top: 0;
  left: 0;
}
.linear-calendar .season-wrap .season {
  position: absolute;
  height: 20px;
  opacity: 0.5;
  top: 0;
}
.linear-calendar .season-wrap .seasontype-1 {
  background-color: #008000;
}
.linear-calendar .season-wrap .seasontype-2 {
  background-color: #00f;
}
tr.totalrow {
  border-top-style: double;
  border-top-color: #000;
  font-weight: bold;
}
tr.subheaderrow {
  font-weight: bold;
}
tr.subheaderrow td {
  padding-top: 15px;
}
td.right {
  text-align: right;
}
td.center {
  text-align: center;
}
table thead th {
  text-align: center !important;
}
.superheader th {
  border-right: 1px solid #000;
}
.close-print {
  position: absolute;
  top: 10px;
  right: 10px;
  display: none;
}
.by-level h3 {
  color: #fff;
  padding: 0 0 0 10px;
  font-weight: normal;
  font-size: 22px;
}
.by-level .graphic {
  font-size: 12px;
  padding: 0 6px 0 6px;
  line-height: 18px;
  margin-right: 6px;
}
.report-indicators.print .btn,
.report-indicators-visual.print .btn,
.report-economics.print .btn,
.report-seasons.print .btn {
  display: none;
}
.report-indicators.print .close-print,
.report-indicators-visual.print .close-print,
.report-economics.print .close-print,
.report-seasons.print .close-print {
  display: block;
}
.d3-chart .bar {
  fill: #4682b4;
}
.d3-chart .axis text {
  font: 10px sans-serif;
}
.d3-chart .axis path,
.d3-chart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.d3-chart .x.axis path {
  display: none;
}
.swatch {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
table.layout-grid th,
table.layout-grid td {
  font-size: 20px;
}
table.layout-grid th p,
table.layout-grid td p {
  font-size: 14px;
  margin: 10px 0 0 40px;
}
table.layout-grid td {
  vertical-align: middle;
  text-align: center;
}
table.layout-grid td * {
  margin: 0 auto;
}
.text-helper {
  position: fixed;
  padding: 20px;
  background-color: #fff;
  margin: 10px;
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  display: none;
  z-index: 3000;
}
html.ie8 .text-helper,
html.ie7 .text-helper,
html.ie6 .text-helper {
  border: 2px solid rgba(0,0,0,0.5);
}
.report-indicators-visual .legends,
.donut-detail .legends {
  position: absolute;
  width: 180px;
  bottom: 0;
  top: 150px;
}
.report-indicators-visual .legends .legend,
.donut-detail .legends .legend {
  height: 200px;
}
.report-indicators-visual .legends .legend-item,
.donut-detail .legends .legend-item {
  height: 28px;
  padding: 10px 2px 2px 2px;
  margin: 2px;
  text-align: center;
  color: #fff;
}
.report-indicators-visual .donut-label,
.donut-detail .donut-label {
  position: absolute;
  width: 80px;
  font-size: 12px;
}
.report-indicators-visual .holder,
.donut-detail .holder {
  position: relative;
}
.report-indicators-visual .holder {
  margin-left: 200px;
}
.risk-table {
  width: 100%;
  border-collapse: separate;
}
.risk-table th {
  font-size: 11px;
}
.risk-table .risk-cell {
  width: 8%;
  margin: 3px;
  position: relative;
}
.risk-table .fishery-name {
  font-size: 10px;
  text-wrap: none;
}
.risk-table .risk-level {
  position: absolute;
  background-image: url("/media/img/risk-hilite.png");
  background-position: 0 -4px;
  background-repeat: no-repeat;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
html.ie8 .risk-table .risk-level,
html.ie7 .risk-table .risk-level,
html.ie6 .risk-table .risk-level {
  border: 2px solid rgba(0,0,0,0.3);
}
.risk-level0 {
  background-color: #aaa;
}
.risk-level1,
.risk-level101,
.risk-level201,
.risk-level301 {
  background-color: #008000;
}
.risk-level2,
.risk-level102,
.risk-level202,
.risk-level302 {
  background-color: #ff0;
}
.risk-level3,
.risk-level103,
.risk-level203,
.risk-level303 {
  background-color: #ffa500;
}
.risk-level4,
.risk-level104,
.risk-level204,
.risk-level304 {
  background-color: #f00;
}
.fdm-tabs {
  top: 40px;
  left: 0;
  right: 0;
  background-color: #f4f4f4;
}
.fdm-tabs a {
  cursor: pointer;
}
/*
.nav-tabs
  padding-top 8px
  margin 0 5px 0 5px
  li a
    text-decoration none
    color #888
    font-size 12px
  li.active a
    color black
*/
.boats .grid-row {
  padding-bottom: 50px;
}
.boats .fixed-footer {
  bottom: 0;
  right: 0;
  height: 80px;
  left: 0;
  padding: 10px;
  position: fixed;
  background-color: #fff;
}
.boats .boat {
  background-image: url("/media/img/boat-icon.png");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 75px 23px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  min-height: 100px;
  padding: 65px 5px 20px 5px;
  position: relative;
  float: left;
  margin: 5px;
  -moz-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.3);
  box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.3);
  font-size: 11px;
  width: 180px;
}
html.ie8 .boats .boat,
html.ie7 .boats .boat,
html.ie6 .boats .boat {
  border: 2px solid rgba(0,0,0,0.3);
}
.boats .boat .view,
.boats .boat .edit {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
}
.boats .boat .name,
.boats .boat .type,
.boats .boat .num,
.boats .boat .ownership {
  position: absolute;
  font-size: 18px;
}
.boats .boat .index {
  margin-top: 5px;
  margin-left: 5px;
}
.boats .boat .num {
  left: 5px;
  top: 5px;
}
.boats .boat .name {
  max-width: 150px;
  overflow: hidden;
  right: 5px;
  top: 5px;
  font-size: 14px;
}
.boats .boat .type {
  right: 5px;
  top: 30px;
}
.boats .boat .ownership {
  left: 5px;
  bottom: 5px;
  font-size: 12px;
  color: #888;
}
.boats .boat .edit input {
  font-size: 12px;
}
.boats .boat .edit [name="numBoatsThisOption"] {
  width: 25px;
}
.boats .boat .edit [name="name"],
.boats .boat .edit select {
  width: 100px;
}
.boats .boat .edit select {
  position: absolute;
  bottom: 0;
}
.boats .boat .remove {
  right: 2px;
}
.boats .boat .boat-row .header {
  width: 60px;
  float: left;
  clear: left;
}
.boats .boat p {
  margin: 0;
  padding: 0;
}
.boats .boat .licence_choices {
  position: absolute;
}
.boats .boat .remove {
  bottom: 3px;
  right: 3px;
  top: auto;
  left: auto;
  font-size: 14px;
}
.boats .licence {
  z-index: 1;
  cursor: pointer;
  margin: 0 20px 0 0;
  background-color: #fff;
}
.boats .licence .title {
  overflow: hidden;
}
.boats .licence .details {
  font-style: italic;
  color: #888;
}
.boats .licence * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  margin: 0;
}
.boats .full {
  padding: 2px 5px;
  margin: 5px;
  border: 1px solid #e0e0e0;
  -moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 4px 1px;
  -webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 4px 1px;
  box-shadow: rgba(0,0,0,0.3) 1px 1px 4px 1px;
  background-color: #fff;
  z-index: 2;
}
html.ie8 .boats .full,
html.ie7 .boats .full,
html.ie6 .boats .full {
  border: 2px solid 1px;
}
.boats .mini {
  border-top: 1px solid #ccc;
  overflow: hidden;
  position: relative;
  font-size: 11px;
}
.boats .mini .unchoose {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: 3px;
  right: 0;
}
.boats .header {
  font-weight: bold;
}
.boats .super-header {
  font-size: 12px;
  font-style: italic;
  padding-left: -10px;
  text-decoration: underline;
}
.licencechoices-wrapper {
  width: 200px;
  left: 0;
}
.boatoptions-wrapper {
  left: 220px;
  right: 0;
}
.boatoptions-wrapper .tabs-wrapper ul {
  margin-bottom: 0;
}
.boatoptions-wrapper .white-bg {
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.boatoptions-wrapper,
.licencechoices-wrapper {
  position: fixed;
  top: 40px;
  bottom: 100px;
  overflow: scroll;
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #f4f4f4;
  -moz-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.2);
  box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.2);
}
html.ie8 .boatoptions-wrapper,
html.ie8 .licencechoices-wrapper,
html.ie7 .boatoptions-wrapper,
html.ie7 .licencechoices-wrapper,
html.ie6 .boatoptions-wrapper,
html.ie6 .licencechoices-wrapper {
  border: 2px solid rgba(0,0,0,0.2);
}
#money {
  color: #686;
  position: fixed;
  top: 43px;
  right: 3px;
  background-color: #fff;
  -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 10px 2px 10px;
  opacity: 0.8;
}
html.ie8 #money,
html.ie7 #money,
html.ie6 #money {
  border: 2px solid rgba(0,0,0,0.2);
}
.licences {
  min-width: 1280px;
}
.licences .licence-explorer {
  position: fixed;
  z-index: 900;
  bottom: 0;
  top: 40px;
  left: 0;
  width: 260px;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
  overflow: hidden;
}
html.ie8 .licences .licence-explorer,
html.ie7 .licences .licence-explorer,
html.ie6 .licences .licence-explorer {
  border: 2px solid rgba(0,0,0,0.1);
}
.licences .licence-explorer h3 {
  padding-left: 8px;
}
.licences .licence-explorer .licence-chooser {
  position: fixed;
  top: 80px;
  bottom: 0;
  width: 250px;
  overflow: auto;
  padding: 0 0 0 5px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}
.licences .licence-explorer .licence-chooser .licence-list {
  width: 230px;
}
.licences .licence-explorer .licence-chooser .licence-list .item {
  border-bottom: 1px solid #ccc;
}
.licences .licence-explorer .licence-chooser .licence-list .item .name {
  padding: 5px 30px 5px 30px;
  overflow: hidden;
}
.licences .licence-explorer .licence-chooser .licence-list .item .info,
.licences .licence-explorer .licence-chooser .licence-list .item .add {
  position: absolute;
  top: 4px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  font-size: 22px;
}
.licences .licence-explorer .licence-chooser .licence-list .item .info:hover,
.licences .licence-explorer .licence-chooser .licence-list .item .add:hover {
  color: #000;
}
.licences .licence-explorer .licence-chooser .licence-list .item .info {
  left: 0;
}
.licences .licence-explorer .licence-chooser .licence-list .item .add {
  right: 0;
}
.licences .tabs-wrapper {
  position: fixed;
  padding: 0;
  z-index: 8;
  right: 0;
  left: 0px;
  padding-left: 260px;
  background-color: #fff;
  top: 40px;
}
.licences .content {
  position: absolute;
  top: 0;
  left: 260px;
  padding: 5px 0 5px 10px;
}
p.aside {
  font-style: italic;
  color: #aaa;
}
.item {
  position: relative;
  color: #777;
}
.item span {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.item .remove {
  right: 1px;
  top: 1px;
}
.item .item:hover .remove {
  display: block;
}
#grid header,
#grid footer {
  padding: 0;
  margin: 0;
}
#grid {
  min-width: 1920px;
  padding: 80px 0 0 0;
}
#grid .column {
  height: 20px;
  float: left;
  border-right: 1px solid #ccc;
  overflow: hidden;
}
#grid .column div {
  height: 20px;
  padding: 0 2px 0 2px;
}
#grid .column[data-column-id="boat_indexes"] {
  overflow: auto;
}
#grid header,
#grid header .column {
  height: 40px;
}
#grid header .column {
  border-right: 1px solid #fff;
}
#grid header,
#grid footer {
  padding: 0 0 0 40px;
}
#grid header {
  overflow: hidden;
  position: fixed;
  z-index: 100;
  top: 85px;
  color: #fff;
  background: #7bb5db;
  background: -webkit-gradient(linear, left top, left bottom, from(#7bb5db), to(#4775b8));
  background: -moz-linear-gradient(top, #7bb5db, #4775b8);
  background: linear-gradient(top, #7bb5db, #4775b8);
}
#grid header a {
  color: #fff;
}
#grid header .toggle-all {
  position: absolute;
  font-size: 16px;
  top: 5px;
  left: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
#grid footer {
  border-bottom: 1px solid #ccc;
  height: 20px;
}
#grid .items >.item span {
  padding-left: 2px;
}
#grid .items .grid-row {
  height: 20px;
  padding: 0 25px 0 0;
}
#grid .override {
  color: #00f;
}
#grid .user {
  color: #00f;
}
#grid .static {
  background-color: #eee;
}
#grid .calculated {
  color: #000;
}
#grid .label {
  font-weight: bold;
  color: #888;
}
#grid .right {
  text-align: right;
}
#grid [data-point-ids],
#grid [data-help] {
  position: relative;
}
#grid [data-point-ids]:after,
#grid [data-help]:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 3px solid #f00;
  border-bottom-color: transparent;
  border-left-color: transparent;
  top: 0;
  right: 0;
}
#grid .subrow,
#grid .grid-row {
  border-bottom: 1px solid #ddd;
  font-size: 11px;
}
#grid input,
#grid select {
  text-align: right;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 1px;
  padding: 1px;
  border: 0;
  background: #ff9;
  display: block;
  width: 95%;
}
#grid .footing {
  font-weight: bold;
}
#grid .heading {
  text-align: center;
  display: table-cell;
  vertical-align: bottom;
}
#grid .gutter {
  float: left;
  width: 37px;
  font-size: 10px;
  padding: 0 0 0 3px;
}
#grid .toggle {
  cursor: pointer;
}
#grid .remove {
  left: 30px;
  right: auto;
}
#grid .info {
  cursor: pointer;
  left: 15px;
  top: 0;
  position: absolute;
}
.metadata-panel {
  display: none;
  position: fixed;
  right: 5px;
  bottom: 5px;
  left: 600px;
  height: 180px;
  background-color: #fff;
  padding: 5px;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
html.ie8 .metadata-panel,
html.ie7 .metadata-panel,
html.ie6 .metadata-panel {
  border: 2px solid rgba(0,0,0,0.3);
}
#metadata-panel-textarea {
  display: block;
  box-sizing: border-box;
  border: 1px solid gray;
  border-radius: 5px;
  width: 100%;
  height: 60px;
}
.licencechoice {
  margin-top: 3px;
  border-top: 1px solid #ddd;
  color: #000;
}
.fishchoice {
  padding: 0 0 0 40px;
  font-size: 90%;
}
.column {
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
}
.charts {
  height: 560px;
  width: 650px;
  position: relative;
}
.charts .chart {
  height: 240px;
  width: 320px;
}
.charts .chart-wrapper {
  position: absolute;
  width: 320px;
  height: 280px;
}
.charts .chart-desc {
  font-size: 10px;
  color: #888;
}
.licence-dialog {
  overflow: auto;
  width: 750px;
  bottom: 25px;
  left: 300px;
  top: 50px;
}
.licence-dialog .modal-header,
.licence-dialog .modal-footer {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
}
.licence-dialog .modal-header {
  top: 0;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ddd;
}
.licence-dialog .modal-footer {
  bottom: 0;
}
.licence-dialog .modal-body {
  padding: 10px 10px 10px 10px;
  top: 55px;
  bottom: 60px;
  position: absolute;
}
.licence-dialog .indicator h5,
.licence-dialog .indicator h4 {
  padding: 5px;
  border: 5px solid #000;
  margin: 0;
  color: #fff;
  text-shadow: 0 0 3px #000;
}
.licence-dialog .indicator .inactive {
  color: #f4f4f4;
  text-shadow: 0 0 3px #444;
  font-weight: normal;
  padding: 5px;
  margin: 5px;
  border-width: 0;
}
.legend-line {
  margin-left: 10px;
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #000;
}
.dialog-el.print .modal {
  top: 0;
  left: 280px;
  right: -280px;
  width: 100%;
  bottom: 0;
}
.dialog-el.print .modal .modal-footer {
  display: none;
}
.alert .help_close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.alert {
  color: #000;
  max-width: 1000px;
}
.help_close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.help_close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
.series-priority-container {
  margin-bottom: 16px;
}
.series-search-container .select-series {
  font-size: 18px;
  padding: 8px 16px;
  width: 100px;
}
.series-search-container .search {
  padding: 7px;
  margin-right: 8px;
  width: 290px;
}
.series-search-container datalist {
  max-height: 400px;
  overflow-y: auto;
}
.series-priority-container .items {
  margin-top: 16px;
}
.series-priority-container .series-prioritized {
  position: relative;
  font-size: 18px;
  margin-bottom: 8px;
  max-width: 400px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 8px;
  background-color: #eee;
  color: #888;
}
.series-priority-container .remove {
  top: 4px;
  right: 4px;
}
.metadata-panel-header {
  position: relative;
}
.metadata-panel-header .header-text {
  margin-left: 4px;
}
.metadata-panel-header .header-close {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 4px;
  cursor: pointer;
  font-size: 12px;
  color: rgb(214, 68, 68);
}