/* scaffold  CSS */
a {
  color: #00c;
  text-decoration: none;
  font-weight: 600;
}

a:visited {
  color: #00c;
  text-decoration: none;
}

a:hover {
  color: #ccc;
  background-color: #000;
  text-decoration: none;
}

#wide_container {
  position: absolute;
  top: 5px;
  width: 99%;
}

#fixed_container {
  position: absolute;
  top: 5px;
  width: 980px;
}

#container {
  position: absolute;
  top: 5px;
  width: 99%;
}

#columns {
  width: 100%;
  background: Maroon;
  color: Purple;
}

#main {
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  background: white;
}

td.DataItem a {
  font-weight: 400;
}

tr.line0 > td.DataItem > p {
  margin: 0.5em;
}

/* these two lines give me a fixed header banner, but then menus don't work in IE */
/* so hide them from IE with the null comment hack at the beginning of the line  JRH */
html > body div#banner {
  position: fixed;
  top: 0px;
  left: 8px;
  z-index: 100;
}

html > body div#columns {
  position: absolute;
  top: 49px;
  z-index: 0;
}

#banner {
  background: #483D8B;
  color: #cc9;
  height: 51px;
  width: 99%;
  border-bottom: 2px solid;
}

#banner a {
  color: #ccc;
  text-decoration: none;
}

#banner a:visited {
  color: #ccc;
  text-decoration: none;
}

#banner a:hover {
  color: #000;
  background-color: #ccc;
  text-decoration: none;
}

#banner .banner_logo {
  position: absolute;
  top: 0px;
  left: 0px;
}

#banner .banner_demo {
  position: absolute;
  top: 0px;
  left: 250px;
  color: #f00;
  font-weight: 800;
  font-size: 32px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#banner .banner_title {
  position: absolute;
  top: 0px;
  left: 60px;
  font: small-caps 40px/40px "Times New Romain", serif;
  font-weight: 600;
}

#banner .banner_slogan {
  position: absolute;
  top: 33px;
  left: 90px;
  color: #cc9;
  font: small-caps 16px/16px "Times New Romain", serif;
}

#banner .banner_menu {
  position: relative;
  float: right;
  top: 34px;
  color: #fff;
  padding: 0px 50px 0px 0px;
}

#login-form {
  margin: 50px 50px 50px 50px;
}

#login-form td.value input {
  width: 20em;
}

#login-form th.submit {
  background-color: white;
}

#login-form th.submit input {
  font-weight: bold;
}

#memo {
  margin: 50px 50px 50px 50px;
}

#memo a {
  font-weight: 600;
}

.fieldWithErrors, .field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

td div.fieldWithErrors, td div.field_with_errors {
  padding: 2px;
  background-color: red;
  display: inline-block;
}

#ErrorExplanation {
  width: 600px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.RegularText {
  COLOR: black;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

div.NotBold {
  font-weight: 500;
}

BODY, TABLE, TD, TH, TR, FORM, DIV, TEXTAREA, BUTTON, P, OL, UL, LI {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: black;
}

BODY, TABLE, TD, TH, TR, DIV, BUTTON {
  font-weight: bold;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
}

#datediv1 tr {
  background-color: #FFFFFF;
}

#datediv1 td {
  padding: 0px 0px 0px 0px;
}

#datediv1 * {
  font-family: arial;
  font-size: 8pt;
  font-weight: 500;
}

tr {
  background-color: #ccc;
}

td {
  padding: 1px 7px 1px 5px;
}

tr.White {
  background: #fff;
}

tr.Line0 {
  background: #dec;
}

#tr.Line1 {
  background: #cdb;
}

tr.Line1 {
  background: #dec;
}

tr.Line2 {
  background: #ab9;
}

tr.Line3 {
  background: #89b;
}

td.DataItem {
  font-weight: 500;
}

th.DataItem {
  font-weight: 500;
  text-align: left;
}

th {
  text-align: left;
  background-color: white;
}

tr.FieldLabel {
  background-color: #ccc;
}

td.RequiredFieldLabel {
  background-color: #ccc;
  color: red;
  text-decoration: underline;
}

td.FieldLabel {
  TEXT-INDENT: 2px;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none;
  font-weight: 600;
  font-size: 11px;
  padding: 1px 7px 1px 5px;
  background-color: #ccc;
}

tr.SectionLabel {
  background-color: #eee6cf;
}

td.SectionLabel {
  font-weight: 600;
  TEXT-TRANSFORM: capitalize;
  COLOR: #2c4a6e;
  TEXT-INDENT: 2px;
  BACKGROUND-COLOR: #eee6cf;
  TEXT-ALIGN: left;
}

td.SectionLabel span.show_hide {
  font-weight: 400;
  font-size: 0.9em;
}

td.SectionLabel span.show_hide a {
  font-weight: 400;
  font-size: 0.9em;
}

table.simple {
  BORDER-RIGHT: #eee6cf 0px ridge;
  PADDING-RIGHT: 0px;
  BORDER-TOP: #eee6cf 0px ridge;
  PADDING-LEFT: 0px;
  VISIBILITY: visible;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  OVERFLOW: auto;
  BORDER-LEFT: #eee6cf 0px ridge;
  PADDING-TOP: 0px;
  BORDER-BOTTOM: #eee6cf 0px ridge;
  width: 100%;
}

table.boxed {
  BORDER-RIGHT: #eee6cf 1px ridge;
  PADDING-RIGHT: 0px;
  BORDER-TOP: #eee6cf 1px ridge;
  PADDING-LEFT: 0px;
  VISIBILITY: visible;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  OVERFLOW: auto;
  BORDER-LEFT: #eee6cf 1px ridge;
  PADDING-TOP: 0px;
  BORDER-BOTTOM: #eee6cf 1px ridge;
  width: 100%;
}

table.boxed-auto {
  BORDER-RIGHT: #eee6cf 1px ridge;
  PADDING-RIGHT: 0px;
  BORDER-TOP: #eee6cf 1px ridge;
  PADDING-LEFT: 0px;
  VISIBILITY: visible;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  OVERFLOW: auto;
  BORDER-LEFT: #eee6cf 1px ridge;
  PADDING-TOP: 0px;
  BORDER-BOTTOM: #eee6cf 1px ridge;
  width: auto;
}

FIELDSET {
  BORDER-RIGHT: #eee6cf 1px ridge;
  PADDING-RIGHT: 0px;
  BORDER-TOP: #eee6cf 1px ridge;
  PADDING-LEFT: 0px;
  VISIBILITY: visible;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  OVERFLOW: auto;
  BORDER-LEFT: #eee6cf 1px ridge;
  WIDTH: 100%;
  PADDING-TOP: 0px;
  BORDER-BOTTOM: #eee6cf 1px ridge;
}

.FieldLabelText {
  TEXT-INDENT: 2px;
  BACKGROUND-COLOR: #c6c6c6;
  TEXT-ALIGN: left;
}

.ContentDivHeader {
  TEXT-TRANSFORM: capitalize;
  COLOR: #2c4a6e;
  TEXT-INDENT: 2px;
  BACKGROUND-COLOR: #eee6cf;
  TEXT-ALIGN: left;
}

.ContentDiv {
  WIDTH: 100%;
  TEXT-ALIGN: left;
}

div.ContentDivBoxed {
  TEXT-ALIGN: left;
  BORDER-RIGHT: #eee6cf 1px ridge;
  PADDING-RIGHT: 0px;
  BORDER-TOP: #eee6cf 1px ridge;
  PADDING-LEFT: 0px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  OVERFLOW: auto;
  BORDER-LEFT: #eee6cf 1px ridge;
  PADDING-TOP: 0px;
  BORDER-BOTTOM: #eee6cf 1px ridge;
}

.StatusBar {
  WIDTH: 100%;
}

.StatusBarTextTop {
  COLOR: #2c4971;
  background-color: white;
  font-style: italic;
  font-weight: 300;
}

.StatusBarTextBottom {
  background-color: white;
}

.DataTextRow {
  TEXT-TRANSFORM: capitalize;
  BACKGROUND-COLOR: #ccffcc;
}

.DataTextRow2 {
  TEXT-TRANSFORM: capitalize;
  BACKGROUND-COLOR: white;
}

.DataText {
  TEXT-TRANSFORM: none;
  TEXT-INDENT: 2px;
}

.DataTextLink {
  FONT-WEIGHT: normal;
  FONT-SIZE: 12px;
  COLOR: #0033cc;
  TEXT-INDENT: 2px;
  TEXT-DECORATION: none;
}

.DataTextLinkBold {
  FONT-WEIGHT: 600;
  COLOR: #0033cc;
  TEXT-INDENT: 2px;
  TEXT-DECORATION: none;
}

.TableBorder {
  BORDER-RIGHT: black 1px solid;
  BORDER-TOP: black 1px solid;
  BORDER-LEFT: black 1px solid;
  BORDER-BOTTOM: black 1px solid;
}

td.DateField img {
  color: #FFF;
  border-style: none;
}

td.DateField a {
  color: #22b;
  border-style: none;
  font-weight: 500;
}

td.DateField a:link img {
  border-style: none;
}

td.DateField a:visited img {
  border-style: none;
}

td.DateField INPUT {
  width: auto;
}

td.InputField INPUT {
  width: 100%;
}

INPUT {
  TEXT-TRANSFORM: none;
}

input[disabled=disabled] {
  background: white;
  color: black;
  cursor: default;
}

INPUT.LegalNumber {
  TEXT-TRANSFORM: uppercase;
}

BUTTON {
  BORDER-RIGHT: #006395 1px solid;
  BORDER-TOP: #006395 1px solid;
  BORDER-LEFT: #006395 1px solid;
  BORDER-BOTTOM: #006395 1px solid;
  BACKGROUND-COLOR: #e6e5c7;
}

.ButtonCell {
  BORDER-RIGHT: #28426d double;
  PADDING-RIGHT: 12px;
  BORDER-TOP: #28426d double;
  PADDING-LEFT: 12px;
  FONT-WEIGHT: 600;
  FONT-SIZE: 12px;
  BORDER-LEFT: #28426d double;
  WIDTH: 20%;
  COLOR: #efefd7;
  BORDER-BOTTOM: #28426d double;
  HEIGHT: 12px;
  BACKGROUND-COLOR: #28426d;
  TEXT-ALIGN: center;
  TEXT-DECORATION: none;
}

.ButtonText {
  COLOR: #efefd7;
  TEXT-DECORATION: none;
}

.ButtonTextHOV {
  COLOR: white;
  TEXT-DECORATION: none;
}

p.help_msg {
  width: 500px;
  background-color: white;
  font-weight: 500;
  border: 1px solid #888;
  margin: 0 0 15px 0;
  padding: 5px;
}

div.auto_complete {
  position: absolute;
  width: 600px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

div.person_info {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 3px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

div.person_info_right {
  position: absolute;
  right: 10px;
  width: 500px;
  background-color: white;
  border: 3px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

div.note_dropdown {
  position: absolute;
  width: 700px;
  background-color: white;
  border: 3px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

div.event_note_dropdown {
  position: absolute;
  width: 500px;
  left: 300px;
  background-color: white;
  border: 3px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

div.evidence_note_dropdown {
  position: absolute;
  right: 30px;
  width: 500px;
  background-color: white;
  border: 3px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

div.dx_dropdown {
  position: absolute;
  left: 150px;
  width: 800px;
  background-color: white;
  border: 3px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

div.dx_wider {
  width: 1024px;
}

div.short_note_dropdown {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 3px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 99999;
}

ul.charges li.selected {
  background-color: #aab;
}

li.charge {
  list-style-type: none;
}

li.charge div.key {
  font-size: 1px;
  width: 30px;
  visibility: hidden;
}

li.charge span.hidden {
  font-size: 1px;
  visibility: hidden;
}

li.charge div.title {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.2em;
  margin-left: 30px;
}

li.charge div.statute {
  font-size: 10px;
  color: #444;
  margin-left: 50px;
}

#list {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  list-style-type: none;
  width: 250px;
}

#list li {
  margin: 0;
  margin-bottom: 4px;
  padding: 5px;
  border: 1px solid #888;
  cursor: move;
}

.button_link0 {
  color: #0000CC;
  background: #dec;
  padding: 0;
  border: 0;
}

.button_link1 {
  color: #0000CC;
  background: #dec;
  padding: 0;
  border: 0;
}

.button_link2 {
  color: #0000CC;
  background: #ab9;
  padding: 0;
  border: 0;
}

.button_link3 {
  color: #0000CC;
  background: #89b;
  padding: 0;
  border: 0;
}

.button_link4 {
  color: #ee0000;
  font-weight: 900;
  background: #dec;
  padding: 0;
  border: 0;
}

td INPUT.button_link0 {
  width: auto;
}

td INPUT.button_link1 {
  width: auto;
}

td INPUT.button_link2 {
  width: auto;
}

td INPUT.button_link3 {
  width: auto;
}

/* pulldown type-ahead code for IE */
/* JRH 12/23/2006
SELECT {
	BEHAVIOR: url("/stylesheets/Select.htc");
}
*/
#nav, #nav ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1em;
}

#nav li a {
  display: block;
  padding: 1px 3px 6px 3px;
  text-align: center;
  width: 100%;
  font-size: 12px;
}

#nav li { /* all list items */
  float: left;
  width: 7em; /* width needed or else Opera goes nuts (spacing of items on bar) */
}

/* second-level lists */
#nav li ul {
  position: absolute;
  background: purple;
  color: black;
  width: 11em;
  display: none;
}

#nav li ul li {
  width: 100%;
}

#nav li ul li a {
  text-align: left;
  padding: 6px 0px 6px 12px;
  width: 92%;
  font-size: 14px;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul {
  display: block;
}

div.nav-menu {
  position: absolute;
  width: 10em;
  background-color: blue;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
  z-index: 999;
}

td.aws {
  border-color: #ECECEC;
  border-left-width: 0px;
  border-right-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 1px;
  font: 11px verdana, arial, helvetica, sans-serif;
  text-align: left;
  color: #000000;
  padding: 0px;
}

div.tree_container {
  TEXT-ALIGN: left;
  BORDER: #eee6cf 1px ridge;
  PADDING: 0 0 10px 0;
  MARGIN: 0px;
  OVERFLOW: auto;
}

div.tree_category {
  font-weight: 600;
  COLOR: #2c4a6e;
  TEXT-INDENT: 10px;
  BACKGROUND-COLOR: #eee6cf;
  TEXT-ALIGN: left;
  margin: 0px;
  padding: 2px;
  border: 0px solid #888;
}

div.tree_section {
  background: #fff;
  margin: 0px;
  padding: 0 0 0 50px;
  border: 1px solid #fff;
}

ul.tree_ul {
  padding: 4px 0 0 0;
  margin: 0;
  list-style: none;
  line-height: 1.1em;
}

li.tree_li {
  text-align: left;
  padding: 1px 0px 4px 30px;
}

td.tree_td {
  background: #fff;
  font-weight: 500;
  vertical-align: top;
}

span.show_hide, span.show_hide a {
  font-weight: 400;
  font-size: 0.9em;
}

.template_link {
  color: #0000CC;
  background: #fff;
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 12px;
}

#tabnav {
  height: 20px;
  margin: 0;
  padding-left: 6px;
  background: url("/assets/tab_bottom-eeaf9823.gif") repeat-x bottom;
}

#tabnav li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

#tabnav a:link, #tabnav a:visited {
  float: left;
  background: #f3f3f3;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  padding: 2px 6px 2px 6px;
  margin-right: 11px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #66f;
}

#tabnav a:link.active, #tabnav a:visited.active {
  border-bottom: 2px solid #fff;
  background: #fff;
  color: #000;
}

#tabnav a:hover {
  background: #fff;
}

.inline {
  display: inline;
}

table > tr > td form, table > tr > th form {
  margin: 0;
}

form.inline-form {
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.DataItem input {
  font-weight: 400;
  font-size: 12px;
}

table.compact td.DataItem {
  vertical-align: top;
}

table.compact td.DataItem form {
  margin-bottom: 0;
}

.DataItem input {
  font-weight: 400;
  font-size: 12px;
}

.error-message {
  border: 1px solid #888;
  background: #f3f3f3;
  width: 500px;
  margin: auto;
  padding: 2em;
}

.error-message h1 {
  padding-top: 0em;
  padding-bottom: 1em;
}

ul.no-bullets {
  list-style: none;
  padding-left: 0;
}

.mobile {
  background: #EEE;
  color: #cc9;
  height: auto;
}
.mobile #ErrorExplanation {
  width: 95%;
}
.mobile #main {
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 50px;
  padding-left: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  background: white;
}
.mobile #container {
  position: relative;
  margin: 0;
  height: auto;
  width: 100%;
  margin: 0;
}
.mobile #banner {
  background: #483D8B;
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  height: auto;
  clear: both;
}
.mobile #banner img {
  max-width: 100%;
}
.mobile #banner #banner-menu {
  background: #483D8B;
  clear: both;
  margin: 1em 0.5em 0.5em 0.5em;
}
.mobile #banner #banner-menu #server-info {
  padding: 0.5em;
  display: inline;
  color: red;
}
.mobile #banner #banner-menu #top-menu {
  float: right;
  margin-right: 2em;
  text-align: right;
}
.mobile #banner .banner_logo {
  position: relative;
  top: 0px;
  left: 0px;
}
.mobile #banner .banner_demo {
  position: relative;
  top: 0px;
  left: 0px;
  color: white;
  font-weight: 800;
  font-size: 32px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
.mobile #banner .banner_menu {
  float: right;
  border: 1px solid red;
  position: relative;
  float: none;
  color: #fff;
  padding: 0px;
}
.mobile #banner .banner_menu ul {
  display: inline;
}
.mobile #banner .banner_menu ul li {
  display: inline;
}

.full-length {
  width: 100%;
}

.no-wrap {
  white-space: nowrap;
}

.no-wrap form {
  display: inline;
}

.footer {
  color: #ccc;
  text-align: right;
  background: maroon;
  width: 100%;
}

.footer-action {
  float: right;
  margin-right: 5px;
  margin-left: 5px;
  height: 22px;
  margin-top: 2px;
}

#fileupload {
  border: 1px solid red;
  width: 100%;
  height: 100px;
}

.btn {
  border: 1px solid blue;
  height: 30px;
  width: 200px;
}

.bar {
  background-color: darkblue;
  height: 18px;
}

.ui-dialog {
  background: white;
  border: 1px solid #CCC;
  left: 0;
  outline: 0 none;
  padding: 0 !important;
  position: absolute;
  top: 200px;
  box-shadow: 3px 3px 10px #888;
}

#success {
  padding: 0;
  margin: 0;
}

.ui-dialog .ui-dialog-content {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  overflow: auto;
  position: relative;
  padding: 0 !important;
}

.ui-widget-header {
  background: #CCC;
  color: black;
}

.ui-dialog-buttonset {
  text-align: right;
  width: 100%;
  padding: 1px;
}

button.ui-button {
  position: relative;
  right: 0px;
  background-color: #CCC;
  color: black;
  padding: 6px;
  margin: 4px;
}

.ui-button.ui-dialog-titlebar-close {
  display: none;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.1em 0.5em;
}

.drop {
  background-color: #EEE;
  padding: 40px 50px;
  margin-bottom: 30px;
  border: 20px solid #EEE;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  color: #7f858a;
}

.drop input {
  display: none;
}

.drop a {
  color: #CCC;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  margin-top: 12px;
  line-height: 1;
}

.drop a:hover {
  background-color: #EEE;
  color: darkblue;
}

#upload-errors {
  margin-top: 2em;
  background-color: rgba(255, 0, 0, 0.2);
  width: 50%;
  border: 2px solid red;
  padding: 1em;
  padding-bottom: 12px;
  margin-bottom: 20px;
  display: none;
  border: 1px solid red;
  margin: auto;
  text-align: left;
}

.hidden-input {
  display: none;
}

.dialog-content {
  padding: 2em;
  border: 2px solid #CCC;
}

.cpYearNavigation, .cpMonthNavigation {
  background-color: #C0C0C0;
  text-align: center;
  vertical-align: center;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText {
  font-family: arial;
  font-size: 8pt;
}

TD.cpDayColumnHeader {
  text-align: right;
  border: solid thin #C0C0C0;
  border-width: 0px 0px 1px 0px;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
  text-align: right;
  text-decoration: none;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
  color: #D0D0D0;
  text-align: right;
  text-decoration: line-through;
}

.cpCurrentMonthDate, .cpCurrentDate {
  color: #000000;
}

.cpOtherMonthDate {
  color: #808080;
}

TD.cpCurrentDate {
  color: white;
  background-color: #C0C0C0;
  border-width: 1px;
  border: solid thin #800000;
}

TD.cpCurrentDateDisabled {
  border-width: 1px;
  border: solid thin #FFAAAA;
}

TD.cpTodayText, TD.cpTodayTextDisabled {
  border: solid thin #C0C0C0;
  border-width: 1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled {
  height: 20px;
}

A.cpTodayText {
  color: black;
}

.cpTodayTextDisabled {
  color: #D0D0D0;
}

.cpBorder {
  border: solid thin #808080;
}

span[name=tracker_plugin_status]:before {
  content: "";
  background-image: url("/assets/wifi-ea84f3f0.png");
  background-repeat: no-repeat;
  display: inline-block;
  width: 128px;
  height: 20px;
  background-size: 28px auto;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  padding-left: 30px;
  text-align: left;
}
span[name=tracker_plugin_status].supported::before {
  content: "supported";
  background-position: 0px -47px;
}
span[name=tracker_plugin_status].not-supported::before {
  content: "not supported";
  background-position: 0px -70px;
}
span[name=tracker_plugin_status].native-connected::before {
  content: "connected";
  background-position: 0px -1px;
}
span[name=tracker_plugin_status].native-not-connected::before {
  content: "not connected";
  background-position: 0px -24px;
}

.hidden {
  display: none;
}

.short-width {
  width: 400px;
}

.no-border {
  border: 0px !important;
}