/*******************************/
/* Updated Doxpop Stylesheet   */
/*******************************/

/*****************************
* basic rules for everything *
******************************/
body {
  color: #000000;
  background-color: #FFFFFF; 
  font-size: medium;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px;
  width: 100%;
}

table {
  border: 0pt black none;
  text-align: left;
/*  border-collapse: collapse;
 *  width: auto;  
 *  padding: 3px;
 *  This was messing up some other pages, so I'm removing it 
 *  for now. */
}

label {
  font-weight: bold;
}

a:link {
  color: #0000FF;
}

a:visited {
  color: #6633AA;
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #0E4694;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 1em;
  margin-bottom: .5em;
}

h1 {
  font-weight: normal;
  font-size: X-large;
}

h2 {
  font-weight: normal;
  font-size: large;
}

h3 {
  font-weight: bolder;
  font-size: medium;
}

h4, h5, h6 {
  font-weight: normal;
  font-size: medium;
}

pre {
  font-family: "Lucida Console", monospace;
  font-size: medium;
  margin: 0px;
  margin-left: 3px;
}

.DP-ContentArea {
  margin: 3px;
  padding: 3px;
}

/* styles for the header */
.DP-Header {
  width: 100%;
  background-color: #F1F1F1;
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 0.2em;
  padding-top: 0.3em;
  margin-bottom: .5em;
}

.DP-Header table {
  table-layout: auto;
  width: 100%;
  height: 48px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
  border-spacing: 2px;
}

.DP-HeaderNav {
  vertical-align: top;
  padding: .5rem 1rem;

  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}

.DP-HeaderLogo {
  justify-self: center;
}

.DP-Header {
  line-height: 1.42857143;
}

.DP-Header th,
.DP-Header td {
  padding: 1px;
}

.DP-NoJavascript {
  font-size: small;
  background-color: #F1F1F1;
  text-align: center;
  padding: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #FEFEFE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ABABAB;
}

#emptyLogo {
  position: absolute;
  top: 0;
  left: 50%;
  width: 180px;
  height: 53px;
  margin: 0 auto;
  padding: 0px;
}

#emptyLogo a {
  position: relative;
  left: -90px;
}

#headerLogin {
  text-align: right;
  float: left;
}

#headerLogin table {
  width: auto;
}

.header-login-btn {
  margin: 0;
  font: inherit;
  color: inherit;
  font-family: inherit;
  font-size: 12px;
  cursor: pointer;
}

.DP-WelcomeBox {
  font-size: small;
  margin: 3px;
  text-align: left;
  padding-left: 10px;
  vertical-align: middle;
  padding-bottom: 1em;
}

.DP-WelcomeBox a {
  font-size: x-small;
  font-weight: normal;
}

.DP-TextFieldLogin {
  width: 8em;
  border: 1px solid #878787;
  font-size:x-small;
}

.DP-Header td.DP-SubscribeBox {
  padding-left: 15px;
  font-size: small;
  font-weight: bold;
}

#tabs > ul, #tabs > ul > li {
  all: unset;
}

.DP-TabRight {
  all: unset;
  position: relative;
  top: 1px;
}

.DP-TabLeft > a, .DP-TabRight > a {
  color: white !important;
  font-size: small;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #0c8729;
  text-decoration: none !important;
  padding: 1px 6px;
}

#current.DP-TabLeft > a , #current.DP-TabRight > a {
  background-color: #144F99;
}

.DP-TabLeft > a {
  float: left;
  margin-left: 1rem;
}

.DP-TabRight > a {
  margin-right: 1rem;
}

.DP-TitleBar {
  background-color: #144F99;
  border-bottom: 5px solid #144F99;
  border-top: 1px solid #144F99;
  clear: both;
  padding-bottom: 1px;
  padding-top: 4px;
}

.DP-TitleBar td {
  padding-right: 5px;
}

.DP-SectionTitle {
  color: #FFFFFF;
  font-size: large;
  padding-left: 14px;
  vertical-align: middle;
}

.DP-SectionTitle a {
  color:#F3F3F3;
  text-decoration: underline;
}

.DP-SectionSmall {
  color: #FFFFFF;
  font-size: small;
  vertical-align: middle;
}

.DP-AlertBox {
  font-size: small;
  background-color: #FFFA86;
  text-align: center;
  color: #000000;
  padding: 1px;
  border-bottom: 1px solid #CDCDCD;
}

.DP-AlertBox a {
  color: #144F99;
}

.DP-SubNav {
  background-position: right top;
  border-bottom: 1px solid #CDCDCD;
  padding-left: 19px;
  padding-bottom: 6px;
  padding-top: 8px;
  background-color: #0c8729;
}

.DP-SubNav td {
  margin-bottom: 6px;
  padding-right: 20px;
}

.DP-SubNav td a, .DP-SubNav td a:visited {
  display: list-item;
  font-size: small;
  color: white;
  list-style-type: disclosure-closed;
  margin-left: 10px;
}

.DP-NavigationPane {
  background: url(../images/bottom.gif) #144F99 no-repeat scroll right bottom;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  color: #FFFFFF;
  padding: 0px;
  float: left;
  text-indent: -1em;
}

.DP-NavigationPane a, .DP-NavigationPane a:visited {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
}

.DP-NavigationPane a:hover {
  text-decoration: underline;
  color: #FFFFFF;
  background-color: #0c8729;
}

.DP-NavigationPane a.highlight {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #0c8729;
  margin-right: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.DP-NavigationPane a.highlight:hover {
  text-decoration: none;
}

.DP-RegionBox {
  font-size: small;
  margin: 3px;
  float: right;
  clear: both;
}

.DP-Odometer, .DP-Odometer a, .DP-Odometer a:hover, .DP-Odometer a:visited {
  cursor: pointer;
  text-decoration: none;
}

div.DP-Odometer{
  margin: 3px;
  position: relative;
}

/* Styles for the footer */
.DP-Footer {
  clear: both;
  text-align: center;
  background-image: url(../images/footer_logo_line.gif);
  background-position: left top;
  background-repeat: repeat-x;
  color: #666666;
  font-size: small;
  padding-bottom: 10px;
}

.DP-FooterLinks {
  margin-bottom: 5px;
  font-weight: bold;
}


/* Basic text styles */

.DP-Hint {
  font-size: x-small;
  font-weight: normal;
  color: #666666;
}

.DP-ErrorText {
  text-align: center;
  font-weight: bold;
  color: #FF0000;
}

.DP-MessageText {
  font-weight: bold;
  color: #0C8C2A;
}

.DP-Warning {
  color: #CC0000;
  font-weight: bolder;
}

.DP-PageLabel {
  font-size: x-large;
  text-align: center;
}

.DP-InfoText {
  font-size: small;
  font-weight: normal;
}

.DP-Example {
  font-size: small;
  color: #414141;
  margin-top: 0;
}

.DP-TextBlock {
  background-color: #FFFFFF;
  font-size: medium;
  font-weight: normal;
  text-align: left;
}

/******************************
* Styles for forms and tables *
*******************************/

/* right now, only used for the list of plans. Could be
 * useful in a more generic sense, in which case it might
 * make more sense to call it something else */

.DP-PlanTable {
  border-collapse: collapse;
}

.DP-PlanTable th, .DP-PlanTable tr td {
  border: solid #808080 1px;  
  padding: 3px;
}

.DP-TabularData .DP-TableHeader {
  vertical-align: bottom;
  text-align: center;
  background: #EEEEEE;
}

.DP-TabularData .DP-TableHeader th {
  padding-bottom: 0.1em;
  border-bottom: 1px solid black;
}

.DP-TabularData td {
  vertical-align: top;
}

.DP-Tint0 {
  background: #FFFFFF;
}

.DP-Tint1 {
  background: #E8EEE9;
}

.DP-Rec-Tint0 {
  background: #F0F0FF;
}

.DP-Rec-Tint1 {
  background: #E8EEE9;
}

.DP-Number {
  text-align: right;
}

.DP-DollarValue {
  text-align: right;
}

.DP-Text {
  text-align: left;
}

.DP-TabularData {
  font-style: normal;
}

.DP-TabularData td {
  font-weight: normal;
}

/* What could we call this besides DisplayTable? Perhaps SingleRecordTable, or
 * something equivalent? */
.DP-DisplayTable {
  font-style: normal;
  font-size: medium;
  vertical-align: top;
}

.DP-DisplayTable tr th {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

/* If we'll be using this kind of table for other things than just forms,
 * we should probably rename it. */
.DP-FormTable {
  font-style: normal;
  font-size: small;
  vertical-align: top;
}

.DP-FormTable td {
  vertical-align: bottom;
}

.DP-FormTable label {
  font-weight: bold;
}

.DP-FormCheckbox {
  vertical-align: middle;
  padding: 0.2em;
}

.DP-FormCheckbox label {
  font-weight: normal;
  font-style: normal;
  font-size: medium;
  color: #000000;
  text-align: left;
}

.DP-CourtListTable, .DP-RecorderListTable {
  border-collapse: collapse;
  font-size: 0.8em;
}

.DP-CourtListTable tr td, .DP-CourtListTable tr th {
  border-bottom: 1px solid gray;
  margin: 0px;
  padding: 1px;
}

.DP-RecorderListTable tr td, .DP-RecorderListTable tr th {
  border-bottom: 1px solid gray;
  padding: 1px;
  margin: 0px;
}

.DP-SimpleListTable {
  border-collapse: collapse;
}

.DP-SimpleListTable tr td, .DP-SimpleListTable tr th {
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  padding: 2px;
  margin: 0px;
}

.DP-FormSubmit {
  padding: 0.2em;
  text-align: center;
}

.DP-FormCancel {
  padding: 0.1em;
  text-align: center;
}

.DP-IECorrectedTable {
  width: auto;
}

/* OverLib stuff */
.DP-PopupTable, .DP-PopupTable table {
   font-size: x-small;
}

.DP-PopupTable th {
  font-weight: bold;
}



/*******************
 * Boxes & Borders *
 * *****************/

/* boxes for grouping fields */
.DP-GroupBorder {
  background-color: #E8E8E8;
  padding: 5px 8px;
}

.DP-SubLabel {
  font-size: large;
  font-weight: bold;
  text-align: center;
}

.DP-GroupBorderLabel {
  font-size: medium;
  font-weight: bold;
}

.DP-GroupBorder .DP-ForegroundBox {
  background-color: #FFFFFF;
  padding: 3px;
}

/* Shadow Boxes */
.DP-ShadowBoxGreen {
  background-color: #F6F9EF;
  border: solid #0C8C2A 1px;
  font-size: small;
  color: #414141;
  margin: 5px 5px 10px 5px;
  padding: 5px;
  position: relative; /* Fix for IE6 rendering bug */
  zoom: 1; /* Fix for IE bug */
}

.DP-ShadowBoxGreen .DP-BoxHeader {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #0c8729;
  border: solid #0c8729 1px;
  padding: 5px;
  margin: -5px -5px 5px -5px;
}

.DP-ShadowBoxGreen .DP-SubHeader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: bold;
  color: #0C8C2A;
  padding-bottom: 3px;
}

.DP-ShadowBoxGreen a.DP-SubHeader:visited {
  color: #5F8D00;
}

.DP-ShadowBoxGreen a.DP-ImageLink {
  margin-right: 6px;
  margin-bottom: 6px;
  border: solid #0C8C2A 1px;
  display: block;
}

.DP-ShadowBoxGreen a.DP-ImageLink:hover {
  border: solid #F6F9EF 1px;
}

.DP-ImageLink img {
  display: block;
}

.DP-ShadowBoxBlue {
  background-color: #EDF4FB;
  border: solid #144F99 1px;
  font-size: small;
  color: #414141;
  margin: 5px 5px 10px 5px;
  padding: 5px;
  position: relative; /* Fix for IE6 rendering bug */
  zoom: 1; /* Fix for IE bug */
}

.DP-ShadowBoxBlue .DP-BoxHeader {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #144F99;
  border: solid #144F99 1px;
  padding: 5px;
  margin: -5px -5px 5px -5px;
}

.DP-ShadowBoxRed {
  background-color: #F8EFEF;
  border: solid #8B0000 1px;
  font-size: small;
  color: #414141;
  margin: 5px 5px 10px 5px;
  padding: 5px;
  position: relative; /* Fix for IE6 rendering bug */
  zoom: 1; /* Fix for IE bug */
}

.DP-ShadowBoxRed .DP-BoxHeader {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #8B0000;
  border: solid #8B0000 1px;
  padding: 5px;
  margin: -5px -5px 5px -5px;
}

.DP-ShadowBoxOrange {
  background-color: #FFFAEF;
  border: solid #FC9700 1px;
  font-size: small;
  color: #414141;
  margin: 5px 5px 10px 5px;
  padding: 5px;
  position: relative; /* Fix for IE6 rendering bug */
  zoom: 1; /* Fix for IE bug */
}

.DP-ShadowBoxOrange .DP-BoxHeader {
  color: #FFFFFF;
  background-color: #FC9700;
  font-weight: bold;
  border: solid #FC9700 1px;
  padding: 5px;
  margin: -5px -5px 5px -5px;
}

 /* InfoBoxes */
 .DP-InfoBox {
   background-color: #C4D4FF;
   margin: 0.2em;
   font-size: small;
   border: 2px solid #C4D4FF;
 }

.DP-InfoBox .DP-Heading {
  background-color: #C4D4FF;
  text-align: left;
  font-size: medium;
  font-weight: normal;
  color: #000044;
}

.DP-InfoBox .DP-ForegroundBox {
  background-color: #FFFFFF;
  margin: 2px;
}

.DP-InfoBox .DP-Tint1 {
  background-color: #EEEEEE;
}

.DP-InfoBox .DP-Footnote {
  text-align: right;
  margin-right: 0.5em;
  background-color: #C4D4FF;
  font-size: small;
  font-weight: normal;
}

.DP-SplashFeatureBox {
  font-size: small;
  color: #414141;
  margin: 5px 5px 10px 5px;
}


/*************************
 * Super user pages      *
 *************************/

.DP-InactiveRow td, .DP-InactiveRow a:link, .DP-InactiveRow a:visited {
  color: #666666;
}

/*******************
 * QuickTips & FAQ *
 *******************/
.DP-FAQHeader {
  display: block;
  color: #0E4694;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: large;
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-decoration: none;
}

/*************** 
 * Legal Stuff *
 * *************/

.DP-Legal {
  font-family: Times New Roman, Times, serif;
  font-size: medium;
  font-weight: normal;
  text-align: left;
}

.DP-LegalHeading {
  font-weight: bold;
}

.DP-LegalDetailBox {
  background-color: #EEEEEE;
  margin: 8px 40px 12px;
}

.DP-LegalBoilerplateBox {
  margin-bottom: 8px;
  margin-top: 8px;
}

/******************
 * Press Releases *
 ******************/

.DP-PressRelease {
  font-size: x-small;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.DP-PressRelease a:link {
  color: #232323;
}

.DP-PressRelease a:visited {
  color: #636363;
}

a.DP-MoreInfoLink {
  clear: both;
  float: right;
  text-align: right;
  white-space: nowrap;
  font-size: small;
  color: #0000EE;
}

a.DP-MoreInfoLink:visited {
  color: #6633AA;
}

/*********************
 * Welcome tab stuff *
 *********************/

.DP-ShadowBoxGreen .DP-Highlight {
  color: #008800;
}

.DP-ShadowBoxGreen dt {
  color: #006600;
  font-weight: bold;
}

.DP-TestimonialBox {
  font-family: Times New Roman, Times, serif;
  font-size: medium;
  float: left;
  margin: 0.5em;
}

.DP-TestimonialBox .DP-Highlight {
  color: #0C8C2A;
  font-weight: bold;
}

.DP-TestimonialBox .DP-Citation {
  float: right;
  font-weight: bold;
  font-style: italic;
  margin-top: 0.5em;
}

/*******************
 * Court Pages     *
 *******************/

.DP-CourtWelcomeText {
  font-size: 90%;
  padding: 0.5em;
}

.DP-PartnerCourtsDetail {
  margin-left: 1em;
  margin-bottom: 10px;
  font-size: small;
  float: left;
}

.DP-PartnerCourtsDetail .DP-TabularData {
  border-collapse: collapse;
}

.DP-PartnerCourtsDetail .DP-TabularData td, .DP-PartnerCourtsDetail .DP-TabularData th {
  border: 1px solid black;
  padding: 2px;
}

.DP-CountyList p {
  margin: 3px 5px 0px 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
}

.DP-CountyList .DP-New {
  font-size: small;
  vertical-align: text-top;
  color: #8B0000;
}

.DP-CountyList .DP-Soon {
  font-size: small;
  vertical-align: text-top;
  color: #0C8C2A;
}

.DP-CountyList .DP-Historical {
  font-size: small;
  vertical-align: text-top;
  color: #000000;
}

.DP-RegionBox {
  font-size: small;
  margin: 3px;
  float: right;
  clear: both;
}

.DP-CaseNumber, .DP-CaseCourt {
  color: #333333;
  font-size: large;
  font-weight: bold;
}

.DP-CaseName {
  color: #333333;
  font-size: large;
}

.DP-CaseFileDate {
  color: #333333;
  font-size: medium;
}

.DP-CaseText {
  color: #333333;
  font-size: medium;
}

.DP-CasePrint {
  font-size: medium;
  margin-top: 5px;
}

.DP-CaseDetailLogo {
  font-size: medium;
  padding-bottom: 10px;
}

.DP-CourtDetailNotFound, .DP-RecorderDetailNotFound {
  margin-left: 25px;
}

.DP-PartyListTable, .DP-CourtDetailsTable, .DP-CourtFinancialTable, .DP-RecorderDetailsTable {
  margin-left: 25px;
  width: 94%;
  font-size: medium;
  color: #000000;
  background-color: #F8FFF9;
  border: 1px solid #1C7E24;
  border-collapse: collapse;
}

.DP-PartyListTable td {
  border-top: 1px solid #1C7E24;
  width: 50%;
}

@media print {
  .DP-CaseDetailsBody {
    font-size: small;
  }
  .DP-PartyListTable, .DP-CourtDetailsTable, .DP-CourtFinancialTable {
    font-size: small;
  }
  .DP-CaseDetailsBody pre {
    font-size: small;
  }
  .DP-NonPrintable {
    display: none;
  }

  .DP-PartyListTable a {
    color: #000000;
    text-decoration: none;
  }
  
  #navPane-td {
  	width: 0% !important;
  }
}

.DP-CourtDetailsTable th {
  text-align: right;
  vertical-align: top;
  padding-right: 0.5em;
  width: 20%;
}
.DP-CourtDetailsTable td {
  text-align: left;
  width: 80%;
}

.DP-PartyListTable td, .DP-CourtDetailsTable td, .DP-CourtFinancialTable td {
  vertical-align: top;
}

.DP-CourtDetailsTable .DP-Time {
  font-size: small;
  font-weight: bold;
}

.DP-CourtFinancialTable {
  font-size: x-small;
}

.DP-CourtFinancialTable th {
  text-align: center;
  border-bottom: 2px solid #000000;
}

.DP-CourtFinancialTable td {
  border-right: 1px solid #666666;
}

.DP-CourtFinancialTable .DP-Tint0 {
  background-color: #F8FFF9;
}

.DP-CourtFinancialTable .DP-Tint1 {
  background-color: #E8EEE9;
}


.DP-ChargeCount {
  font-weight: bold;
}

.DP-SearchButton {
  font-size: smaller;
}

.DP-SearchResultsTable .DP-Tint0 {
  background-color: #EEEEFF;
}

.DP-SearchResultsTable .DP-Tint1 {
  background-color: #FFFFFF;
}

.DP-SearchResultsTable a {
  font-size: medium;
}

.DP-SearchResultsTable th {
  text-align: center;
  padding: 0.2em;
}

.DP-SearchResultsTable td {
  padding: 0.2em;
}

.DP-AdvancedSearchTable, .DP-AdvancedSearchTable a {
  font-size: small;
}

.DP-ListNavigation {
  font-weight: bold;
}

.DP-MessageBox {
  border: 1px solid;
  padding: 5px;
  margin: 5px;
  background-color: #eee;
}


/*******************
 * Recorder Pages  *
 *******************/

.DP-RecorderWelcomeText {
  font-size: 90%;
  padding: 0.5em;
}

td.DP-PreviewCell {
  border: 1px solid #CCCCCC;
  width: 100px;
}

td.DP-PreviewCell img {
  width: 208px;
  height: 343px;
  background-repeat: no-repeat;
  background-image: url( ../images/image_loading.jpg);
}

.DP-DocumentLinks a {
  font-size: 15px;
}

.DP-RecorderResultsTable td {
  vertical-align: top;
}

.DP-DocumentList th {
  text-align: center;
}

.DP-DocumentList td {
  vertical-align: top;
  padding: 0.2em;
}

.DP-DocumentList .DP-Tint1 {
  background-color: #FFFFFF;
}

.DP-DocumentList .DP-Tint0 {
  background-color: #EEEEFF;
}

.DP-DocumentSubHeading {
  text-align: center;
  font-weight: bold;
}


/*******************
*  New Info Pages  *
*******************/

div.DP-infomain {
  margin: 2%;
}

.DP-infomain dt {
  font-weight: bold;
  color: #0E4694;
}

.DP-infomain dd {
  margin-bottom: 1em;
  margin-left: 1.5em;
}


/*******************
 * Other           *
 *******************/


.DP-Clue {
  background:#FFFFCC url(hint.gif) no-repeat scroll -10px 5px;
  border:1px solid #CC9933;
  display:none;
  margin-left:6px; 
  padding:0.5em;
  position:absolute;
  width:250px;
  font-size: small;
  z-index: 1;
}

.DP-Clue .DP-CluePointer {
  position: absolute;
  left: -10px;
  width: 10px;
  height: 19px;
  background: url(hint.gif) left top no-repeat;
  top: 0px;
}

.DP-OldDocument {
  color: #666666;
}

.DP-Note {
  font-weight: bold;
  font-size: medium;
}

.DP-Center {
  margin-left: auto;
  margin-right: auto;
}

.HeaderDetailRight {
  float: right; 
  padding-right: 15px; 
  text-align: right;
}

/* This is meant to be used with a heading, usually h3 
   to keep the heading from overlapping other elements
   on the detail pages */
.DetailHeading {
  clear: both;
}

/* Help section styles */
.DP-BreadCrumbs {
  font-size: x-small;
  color: #777777;
  float: left;
}

.SubtopicTitle {
}

.SubtopicCaption {
  font-size: small;
  font-style: italic;
}

.HelpTimestamp {
  float: right;
  margin-top: 1em;
  font-size: x-small;
  font-style: italic;
  color: #777777;
}

/* Styles for the plain header */
.DP-PlainHeaderTop {
  text-align: center;
}

.DP-PlainTitleBar {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 1em;
  padding-right: 0;
  background-color: #144F99;
  color: #ffffff;
  font-size: large;
  vertical-align: middle;
}

/* Styles for LoginSteps */
.DP-LoginStepContent {
  padding-left: 1em;
  padding-right: 1em;
}

.DP-InstructionDiv {
/*  display: block; */
  background-color: #edf4fb;
  border: 1px solid #e0e0ff;
  margin-top: 0.25em;
  margin-bottom: 1em;
  padding: 0.25em;
/*  width: 40em;
  height: 10em;*/
}

.DP-InstructionDiv ol {
  padding-bottom: 0.5em;
}

.DP-TextToCopy {
  font-size: smaller;
  font-weight: bold
}

.DP-New {
  color: #f80000;
}

.DP-CalendarLegendLinks {
  font-size: small; 
  font-weight: bold; 
  text-align: right; 
  padding-right: 3px;
}

/* Custom CSS for our Feedburner news section */

.feedburnerFeedBlock li {
  font-size: x-small;
  list-style-type: none;
}

.feedburnerFeedBlock span {
  position: relative;
  left: -30px;
}

.feedburnerFeedBlock .date {
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
  position: relative;
  left: -30px;
  top: 0px;
}

.feedburnerFeedBlock #creditfooter {
  float: right;
  width: 25%;
}

.DP-SocialIcons {
  float: left;
  width: 75%;
}

table.sortable {
  border: none ;
  border-spacing: 0px;
  width: 100%;
}

.sortable td, .sortable th {
  margin: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 7px;
  padding-left: 7px;
  vertical-align: text-top;
}

.sortable tr.Headings {
  background-color: #e5e5e5;
}

.sortable tr.Headings th {
  text-align: left ;
}

.sortable tr.Row1 {
  background-color: #e5e5e5;
}

.sortable tr.Row0 {
  background-color: #FFFFFF;
}

table.sortable tbody tr:nth-child(2n) {
  background: #e5e5e5;
}

table.sortable tbody tr:nth-child(2n+1) {
  background: #FFF;
}

table.sortable tbody tr:hover {
  background: #CDCDFF;
}

table.sortable th {
/*  border-left: 1px solid #bbb;*/
/*  border: 1px solid #777777;*/
/*  border-radius: 1.5em;*/
}
table.sortable tbody td {
  border-left: 1px dashed #bbb;
}
table.sortable th:first-child, table.sortable tbody td:first-child {
  border-left: none;
}

.DP-SearchResultsHeader {
  border: 1px solid #c5c5c5;
  border-radius: 0.5em;
  cursor: pointer;
  padding-right: 20px;
}

.sorttable_default {
  background-image: url(../images/tablesort_ascdesc.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.sorttable_sorted {
  background-image: url(../images/tablesort_asc.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.sorttable_sorted_reverse {
  background-image: url(../images/tablesort_desc.gif);
  background-repeat: no-repeat;
  background-position: right;
}

table.sortable th.sorttable_default,
table.sortable th.sorttable_sorted,
table.sortable th.sorttable_sorted_reverse {
  padding-right: 20px;
}

/* Replace an element's background with a loading gif */
.loading {
  background-color: #fff;
  background-image: url("../images/loadingSpinner.gif");
  background-position:right center;
  background-repeat: no-repeat;
}

.gray-border {
  border: 1px solid #ccc;
}

/*************/
/* Fees Page */
/*************/
table.apiplans {
  background-color: #FFFFFF;
  padding: 3px;
  font-style: normal;
  font-size: small;
  vertical-align: top;
}

.DP-PlanTable {
  border-collapse: collapse;
}

.DP-PlanTable th, .DP-PlanTable tr td {
  border: solid #808080 1px;  
  padding: 3px;
}

td.apipricing {
  text-align: right;
  width: 3em;
  font-weight: bold;
}

.hiddensubscription {
  display: none;
}

#toggleplans {
  padding-left: 1em;
  cursor: pointer;
  color: blue;
  text-align: right;
  font-weight: bold;
  text-decoration: underline;
  border: none;
  background-color: white;
  vertical-align: center;
}


/***************/
/* New Buttons */
/***************/

.actionbutton {
  background-color: #0c8c2a; /* For super old browsers */
  background: -webkit-linear-gradient(#24983f, #0b7e26); /* For Safari and old Chrome */
  background: -o-linear-gradient(#24983f, #0b7e26); /* For Opera */
  background: -moz-linear-gradient(#24983f, #0b7e26); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#24983f, #0b7e26); /* Standard syntax */
  -pie-background: linear-gradient(#24983f, #0b7e26); /* For IE 6-8 */
  behavior: url(/htc/PIE.htc);
  border: 1px solid #0a7022;
  -moz-border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  -webkit-border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  color: white;
  cursor: pointer;
  /* font-size: x-small; */
}

.ui-dialog-buttonset .actionbutton { /* this is here because of the jQuery UI */
  background-color: #0c8c2a; /* For super old browsers */
  background: -webkit-linear-gradient(#24983f, #0b7e26); /* For Safari and old Chrome */
  background: -o-linear-gradient(#24983f, #0b7e26); /* For Opera */
  background: -moz-linear-gradient(#24983f, #0b7e26); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#24983f, #0b7e26); /* Standard syntax */
  -pie-background: linear-gradient(#24983f, #0b7e26); /* For IE 6-8 */
  behavior: url(/htc/PIE.htc);
  border: 1px solid #0a7022;
  -moz-border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  -webkit-border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  color: white;
  cursor: pointer;
  /* font-size: x-small; */
}

.actionbutton:disabled {
  /* Using the HSB color picker here: www.w3schools.com/tags/ref_colorpicker.asp,
     take the background color (not gradient) from the active action button and
     take the saturation from 91% to 35% and the brightness from 55% to 75%. The
     border is two shades darker than the background. */
  /* background: #7cbf8b; */
  background: hsl(134, 30%, 80%);
  border-color: hsl(133, 21%, 70%);
  cursor: default;
}

.actionbutton:hover:not(:disabled) {
  border-color: black;
}

.actionbutton:active:not(:disabled) {
  border-color: #053811;
  box-shadow: 0px 1px #0c8c2a inset;
}

.DP-EditIconButton {
  background: url("../images/pencil_icon.svg"), linear-gradient(#24983f, #0b7e26);
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
  width: 20px;
}

.ie .DP-EditIconButton {
  background: url("../images/pencil_icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #0c8c2a;
  height: 20px;
  width: 20px;
}

.DP-DeleteIconButton {
  background: url("../images/trash_icon.svg"), linear-gradient(#24983f, #0b7e26); 
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
  width: 20px;
}

.ie .DP-DeleteIconButton {
  background: url("../images/trash_icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #0c8c2a;
  height: 20px;
  width: 20px;
}

.infobutton {
  background-color: #f8f8f8; /* For IE 9 and earlier */
  background: -webkit-linear-gradient(#fafafa, #f6f6f6); /* For Safari and old Chrome */
  background: -o-linear-gradient(#fafafa, #f6f6f6); /* For Opera */
  background: -moz-linear-gradient(#fafafa, #f6f6f6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fafafa, #f6f6f6); /* Standard syntax */
  border: 1px solid #cfcfcf;
  border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  cursor: pointer;
}

.infobutton:hover {
  /* color: #505050; */
  border-color: #aaa;
}

.infobutton:active {
  color: #000000;
  border-color: #afafaf;
  box-shadow: 0px 1px #f0f0f0 inset;
}

/**********************/
/* New E-Filing Stuff */
/**********************/

.DP-EfilingDiv {
  font-size: medium;
  color: black;
  border-collapse: collapse;
}

.DP-DocumentsTable {
  border-collapse: collapse;
  margin-top: 0.2em;
  width: 100%;
}

.DP-DocumentsTable td {
  padding: 0.2em 0.4em;
}

.DP-DocumentsTable th {
  border-bottom: 1px solid black;
  border-right: none;
  border-left: none;
  padding: 0.2em;
}

.DP-DocumentsTableTopMargin {
  margin-top: 0.2em;
}

.DP-PopupTable {
  font-size: small;
}

.DP-PopupTable table {
  border-collapse: collapse;
}

.DP-PopupTable table td {
  font-size: small;
  padding: 0px;
}

.DP-PopupTable tr:nth-child(2n) {
  background: #e5e5e5;
}

.DP-PopupTable tr:nth-child(2n+1) {
  background: #FFF;
}

.DP-DocumentTitlesTable tr:nth-child(2n+1) {
  background: inherit;
}

.DP-DocumentTitlesTable tr:nth-child(2n) {
  background: inherit;
}

.DP-StatusButton {
  background-color: #f8f8f8; /* For IE 9 and earlier */
  background: -webkit-linear-gradient(#fafafa, #f6f6f6); /* For Safari and old Chrome */
  background: -o-linear-gradient(#fafafa, #f6f6f6); /* For Opera */
  background: -moz-linear-gradient(#fafafa, #f6f6f6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fafafa, #f6f6f6); /* Standard syntax */
  border: 1px solid #cfcfcf;
  border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  cursor: pointer;
  text-decoration: underline;
}

.DP-StatusButtonAccepted {
  color: #0c8c2a;
}

.DP-StatusButtonSubmitted {
  color: #cc9900
}

.DP-StatusButtonRejected {
  color: red;
}

.DP-StatusNoButton {
  border: none;
  background: none;
}

.DP-HelpButton {
  border-radius: 500px;
  border: 1px solid blue;
  background-color: blue;
  color: white;
  font-weight: 800;
  font-size: 110%;
  width: 24px;
  height: 24px;
  padding: 1px 1px 2px 1px;
  cursor: pointer;
}

.DP-SmallHelpButton {
  border-radius: 500px;
  border: none;
  background-color: blue;
  color: white;
  font-weight: 700;
  font-size: 105%;
  width: 18px;
  height: 18px;
  padding: 0.5px 0.5px 0.5px 0.5px;
  cursor: pointer;
}

.DP-ClueHeading {
  color: #0E4694;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-size: medium;
  padding: none;
  margin-top: -0.2em;
  margin-bottom: 0.5em;
}

.DP-Note {
  font-weight: normal;
  font-style: italic;
  font-size: small;
}

.DP-MinuteEntryDocumentsTable {
  margin-left: -0.5em;
}

.DP-MinuteEntryDocumentsTable td {
  width: auto;
  padding: 0px 0.5em;
}

.DP-DownArrow {
  margin-bottom: -0.1em;
}

.DP-AddDocument input, .DP-AddDocument select {
  margin: 5px;
}

.DP-ServiceResultsRecipient {
  color: white;
  background-color: #484848;
  font-weight: bold;
  font-size: large;
  cursor: pointer;
}

.DP-ServiceResultsForm {
  font-size: small;
}

.DP-ServiceResultsForm p, .DP-ServiceResultsForm form input, .DP-ServiceResultsForm textarea {
  margin: 0.5em;
}

.DP-ServiceResultsForm p {
  padding: none;
}

.DP-ServiceResultsForm:nth-child(odd) {
  background: #e5e5e5;
}

.DP-ServiceResultsForm:nth-child(even) {
  background: white;
}

.DP-ServiceResultsForm h3 {
  font-size: 105%;
  font-weight: bold;
  margin: 0px 0.5em 0.5em;
  padding-top: 0.5em;
  color: black;
}

.DP-ServiceResultsForm hr {
  margin: 0px;
}

.DP-ClickedText {
  color: auto;
  font-style: auto;
}

.DP-Popup {
  font-size: small;
  padding: 0 .4em;
  min-width: 300px;
}

.DP-Popup h3 {
  color: inherit;
}

.DP-Popup input, .DP-Popup textarea, .DP-Popup p, .DP-Popup select {
 margin: 0.5em 0px;
}

.DP-NewAddress {
  background-color: #dfffdf;
}

.DP-ServiceOptionsSetWidth {
  width: 20em;
}

.DP-BoldUnderline {
  font-weight: bold;
  text-decoration: underline;
}

.DP-DropDownWidth {
 max-width: 20em;
 overflow: hidden;
 text-overflow: ellipsis;
}

.DP-PrintingOptionsRadio {
 position: relative;
 top: -1.4em;
}

.DP-AlertText {
 color: red;
 font-style: italic;
}

.DP-ADRFullWidth {
 width: 35em;
}

.DP-ADRHalfWidth {
 width: 27em;
}

.DP-ADRLabelDiv {
 width: 7em;
 text-decoration: underline;
 font-weight: bold;
 float: left;
 clear: both;
}

.DP-BoldHR {
 border: 1px solid black;
}

#submissionSuccessful {
 background-color: #F8FFF9;
}

#AddDocumentUpload {
 width: 0;
 height: 0;
 border: 0px solid white;
 padding: 0;
 margin: 0;
 display: none;
}

.DP-Success {
 color: green;
}

.DP-Message {
 color: #075396;
}

.DP-Failure {
 color: red;
}

.DP-MyCaseSearchContainer {
 float: left;
 margin: 0 0 .5em .5em;
}

.DP-MyCaseLabel {
 float: left;
 width: 11em;
}

.DP-MyCaseSearchContainer select {
  margin: 0px;
}

.MessageDiv {
  margin: .5em auto .5em auto;
  text-align: center;
}

table .Active {
  background: url("../images/checkmark_icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  height: 16px;
  width: 16px;
}

.ie table .Active {
  background: url("../images/checkmark_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 16px;
  width: 16px;
}

table .Inactive {
  background: url("../images/inactive_icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  height: 16px;
  width: 16px;
}

.ie table .Inactive {
  background: url("../images/inactive_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 16px;
  width: 16px;
}

html.busy, html.busy * {
  cursor: wait !important;
}

.FirmAdminTableDiv {
  overflow: auto;
  margin-top: 0.5em;
}

table.FirmAdmin {
  border-spacing: 0px;
  border-collapse: collapse;
}

table.FirmAdmin td {
  padding: 2px 4px;
  max-width: 20em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.FirmAdmin th {
  font-size: small;
  font-weight: bold;
  background-color: #ccc;
  padding: 0px 4px;
}

table.FirmAdmin div.Admin {
  background: url("../images/key_icon.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 16px;
  width: 16px;
}

.ie table.FirmAdmin div.Admin {
  background: url("../images/key_icon.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 16px;
  width: 16px;
}

div.InactiveUser {
  background: url("../images/inactive_user.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 18px;
  width: 18px;
}

div.FilingRestricted {
  background: url("../images/filing_restricted.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 18px;
  width: 18px;
}

.DP-Popup .FirmAdminFormTable input, .DP-Popup .FirmAdminFormTable select {
  margin: 0.25em;
}

.FirmAdminFormTable td:first-child:not([colspan]),
.UserAdminFormTable td:first-child {
  text-align: right;
}

.UserAdminFormTable td.textalignleft {
  text-align: left;
}

.S-TextInput {
  width: 4em;
}

.M-TextInput {
  width: 12em;
}

.L-TextInput {
  width: 18em;
}

.FirmAdminSearchDiv {
  border: 1px solid #ccddcc;
  margin: 0.5em 0px;
  padding: 0.25em;
  display: none;
}

.ButtonPane {
  margin-top: 0.3em;
}

.ButtonPane button {
  margin: 2px 4px 2px 0px;
}

.DP-Popup ul {
  margin: 0.25em;
}

#NotifPrefsDiv .SeparatorDiv {
  padding-top: 0.6em;
}

label.Disabled,
span.Disabled,
p.Disabled,
div.Disabled,
.ExplanationText.Disabled {
  color: #bbb;
}

.ExplanationText {
  font-style: italic;
  font-size: x-small;
  color: #505356;
}

.ExplanationText.MessageDiv {
  font-size: inherit;
}

table.StripeyTable tr:nth-child(2n) {
  background: #e5e5e5;
}

table.StripeyTable tr:nth-child(2n+1) {
  background: white;
}

table.StripeyTable th, table.StripeyTable td {
  padding: 0.4em 0.6em;
}

.CenteringDiv {
  margin: 0px auto;
}

#FamdeSearchResultsTable {
  margin: 0px auto;
  width: 98%;
}

#FCDContent #CaseTitle {
  font-size: 150%;
  font-weight: bold;
  text-decoration: underline;
}

#FCDContent #FamdeCaseHeader {
  background-color: #0c8c2a;
  color: white;
  padding: 0.25em;
}

#FCDContent #CaseInfo {
  font-size: 105%;
}

#FCDContent .Section {
  margin: 0.5em;
}

#FCDContent .MainSectionHeader {
  margin: 0.5em 0;
  padding: 0.25em;
  font-weight: bold;
  background-color: #ddeeff;
  font-size: 120%;
}

#FCDContent .MainSection {
  max-width: 600px;
}

#FCDContent .SubSection {
  clear: left;
}

#FCDContent .SubSection:not(:last-child) {
  padding-bottom: .5em;
  margin-bottom: 0;
  border-bottom: 1px dashed gray;
}

#FCDContent .SubSectionHeader {
  font-size: 105%;
  font-weight: bold;
}

#FCDContent .ParticipantHalf,
#FCDContent .AttorneyHalf {
  width: 19em;
}

#FCDContent .ParticipantRole {
  font-weight: bold;
  font-size: 90%;
}

#FCDContent .ParticipantHalf.BorderRight {
  margin-right: 5px;
  border-right: 1px solid gray;
  padding-right: 5px;
}

#FCDContent .AttorneyHalf.BorderLeft {
  margin-left: 5px;
  border-left: 1px solid gray;
  padding-left: 5px;
}

#ServiceContactsDiv, #SubsequentFilingDiv {
  margin-left: 1em;
}

#NewFamdeAccountContentDiv label {
  font-weight: normal;
}

table.RightAlignedLabels td:first-child:not([colspan]) {
  text-align: right;
}

#FilingPopupTable td {
  vertical-align: top;
  white-space: nowrap;
}

table.BoldLabels td:first-child {
  font-weight: bold;
}

table.NoBorders {
  border-collapse: collapse;
}

tr.TotalRow {
  background-color: #e5e5e5;
}

button#FamdeLink {
  font-size: medium;
  padding: 0.25em 0.75em;
}

a.DP-PlainLink {
  color: inherit;
}

.DP-Link {
  all: unset;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.DP-NotStampedLink {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-style: italic;
}

.CustomParagraph {
  margin: 1px 1px 0.75em;
  text-align: justify;
}

.material-icons.md-18 {
  font-size: 18px;
}

.adjust-md-visibility-position {
  position: relative;
  top: 0.2em;
  margin-top: -0.2em;
}

.material-icons.password-toggle-visible {
  font-size: 1.5em;
  position: relative;
  top: 0.2em;
  margin-top: -0.2em;
}

#header-toggle-pw {
  position: relative;
  top: 0.2em;
}

#header-toggle-pw .material-icons.password-toggle-visible {
  font-size: 1.1em;
  top: 0;
  margin-top: 0;
}

.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.69);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

.DP-DarkBlue {
  color: #144f99;
}

.DP-Blue {
  color: blue;
}

.FirmAdminSearchDiv div {
  padding: 2px;
}

#ParticipantsTable tr {
  border-bottom: 1px solid rgba(0,0,0,0.26);
}

#FCDContent p {
  margin: 5px;
  font-size: 15px;
}

#FilingInfo .location-element {
  display: inline-block;
}

#FeeInfoDiv > div {
  display: inline-block;
  padding: 0 30px 10px 0;
}

#FilingFeesDiv table {
  padding: 0 0 10px 0;
}

#EditParticipantForm th {
  text-align: right;
}

#EditParticipantForm td {
  text-align: left;
}

#ParticipantDiv table {
  border-collapse: collapse;
}

#ParticipantDiv table th {
  border-bottom: 1px solid #000;
  padding: 0 10px;
}

#ParticipantDiv table td{
  padding: 3px 10px;
}

.edit-participant {
  text-decoration: underline;
  cursor: pointer;
}

.edit-participant:hover {
  text-decoration: none;
}

#FilingFeesDiv th {
  text-align: right;
}

#FilingFeesDiv td {
  text-align: left;
}

#ResumeMessage {
  display: inline;
  float: right;
  font-size: 14px;
  padding-right: 5px;
}

#FCDContent .cb {
  float: left;
  clear: left;
  width: 4%;
  margin: .5em 0;
}

#FCDContent .cblabel {
  float: left;
  width: 96%;
  margin: .5em 0;
}

#FCDContent .cblabel label {
  font-weight: normal;
}

#FCDContent #confirm-checkboxes {
  display: block;
}

#FCDContent #confirm-checkboxes:after {
  content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;  
}

#RecordedDocBookPageNumTable td:not(:first-child) {
  padding: 0 0 0 1em;
}

.MaxWidthContainer {
  word-wrap: break-word;
  max-width: 700px;
}

.EnvelopeRow > td {
  font-weight: bold;
}

.FilingTable,
.FilingTable * {
  border-collapse: collapse;
  border: 0px;
}

table.dataTable .FilingTable,
table.dataTable .FilingTable tbody tr,
table.dataTable .FilingTable thead tr {
  background-color: inherit;
  font-size: 98%;
}

table tbody tr td .FilingTable > thead > tr > th {
  font-weight: normal;
  font-style: italic;
  border-bottom: 2px solid #ccc;
}

table.dataTable tbody tr td.FilingCell {
  border-bottom: 2px solid #999;
}

table.dataTable tbody tr.FilingRow,
table.dataTable tbody tr.FilingRow:hover,
table.dataTable.order-column tbody tr.FilingRow > .sorting_1,
table.dataTable.order-column tbody tr.FilingRow > .sorting_1:hover,
table.dataTable.order-column tbody tr.FilingRow > .sorting_2,
table.dataTable.order-column tbody tr.FilingRow > .sorting_2:hover,
table.dataTable.order-column tbody tr.FilingRow > .sorting_3,
table.dataTable.order-column tbody tr.FilingRow > .sorting_3:hover {
  background-color: hsl(0, 0%, 96%);
  border-top: 1px solid #ddd;
}

.AddAttorneyTable {
  border-collapse: collapse;
  border-spacing: 0;
}

.AddAttorneyTable tr:not(:last-child) {
  border-bottom: 1px solid gray;
}

.AddAttorneyTable > thead > tr {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}

.AddAttorneyTable td:first-child {
  padding-right: 1em;
  vertical-align: top;
}

.AddAttorneyTable th:first-child {
  padding-right: 1.5em;
}

.MenuSpacing {
  margin: 5.5px 0 5.5px 0;
}

/* Bulk Filing Elements */
.efm-failure {
  background-color: #ecc !important;
}

.efm-failure .sorting_1 {
  background-color: #ecc !important;
}
.efm-failure .sorting_2 {
  background-color: #dcbbbb !important;
}
.efm-failure .sorting_3 {
  background-color: #caa9a9 !important;
}

.efm-error-box {
  display: inline-block;
  border: 1px solid #d00;
  padding: 10px;
  background-color: #ecc;
}

.embedded-pdf-box {
  border: 1px solid #999;
  padding: 5px 20px 20px 20px;
  margin: 0 0 20px 0;
  width: 1340px;
  background-color: #eee;
}

.embedded-pdf-attachment {
  margin-left: 30px;
}

button[type="submit"] {
  cursor: pointer;
}

button[type="submit"][disabled="disabled"] {
  cursor: default;
  color: rgb(170, 170, 170);
}

/* Move Material icons in-line with button text */
button i {
  vertical-align: bottom;
}

/* Disable Material icons on disabled buttons */
button[disabled="disabled"] i.md-dark  {
  color: rgb(170, 170, 170);
}

#SmtpLogText {
  padding-left: 2em;
}

#SmtpLogText p {
  text-indent: -2em;
}

.mef-loader-outer {
	border: none;
	overflow: hidden;
	background-color: white;
	position: absolute;
	/*height: height of row
	  width: width of row */
}

.mef-loader-bar {
	background-color:hsl(134, 0%, 96%);
	float:left;
	width:30px;
	/* height:117px; height should be double the height of loader-outer*/
	margin-right:50px;
	/* margin-top:-30px; margin-top should be half the height of loader-outer*/
	transform:rotate(45deg);
		-o-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
}

.mef-loader-animation {
	/* width: 200px more than the width of loader-outer */
	background-color: inherit;
	animation-name:mef-loader-animation;
		-o-animation-name:mef-loader-animation;
		-ms-animation-name:mef-loader-animation;
		-webkit-animation-name:mef-loader-animation;
		-moz-animation-name:mef-loader-animation;
	animation-duration:.5s;
		-o-animation-duration:.5s;
		-ms-animation-duration:.5s;
		-webkit-animation-duration:.5s;
		-moz-animation-duration:.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-timing-function:linear;
		-o-animation-timing-function:linear;
		-ms-animation-timing-function:linear;
		-webkit-animation-timing-function:linear;
		-moz-animation-timing-function:linear;
}

@keyframes mef-loader-animation{
	0%{ margin-left: 0px; }
	100%{ margin-left: -80px; }
}

@-o-keyframes mef-loader-animation{
	0%{ margin-left: 0px; }
	100%{ margin-left: -80px; }
}

@-ms-keyframes mef-loader-animation{
	0%{ margin-left: 0px; }
	100%{ margin-left: -80px; }
}

@-webkit-keyframes mef-loader-animation{
	0%{ margin-left: 0px; }
	100%{ margin-left: -80px; }
}

@-moz-keyframes mef-loader-animation{
	0%{ margin-left: 0px; }
	100%{ margin-left: -80px; }
}

.MefDocOption {
  display: block;
  overflow: hidden;
  word-break: break-all;
}

a.MefDocOption:hover {
  text-decoration: underline;
}

#MefDocumentOptionsPopup {
  font-size: 120%;
  line-height: 1.5;
  text-align: center;
}

#minute-entry-top-note {
  margin-left: 25px;
  font-size: 1em;
}

/*********************/
/* Descriptive Classes */
/*********************/

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.leftalign {
  text-align: left;
}

.rightalign {
  text-align: right;
}

.justify {
  text-align: justify;
}

.displaynone {
  display: none;
}

.displayinline {
  display: inline;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

.clearboth {
  clear: both;
}

.fullwidth {
  width: 100%;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.centeredtext {
  text-align: center;
}

.smalltext {
  font-size: small;
}

.mediumtext {
  font-size: medium;
}

.largetext {
  font-size: large;
}

.xxltext {
  font-size: xx-large;
}

.paddingtop {
  padding-top: 0.5em;
}

.paddingbottom {
  padding-bottom: 0.5em;
}

.paddingleft {
  padding-left: 0.5em;
}

.clickable:not(:disabled) {
  cursor: pointer;
}

.flcl { /*flcl stands for float left clear left*/
  /* FLCL? You're not Fooly Coolying anyone */
  float: left;
  clear: left;
}

.overflowauto {
  overflow: auto;
}

.whitespacepreline {
  white-space: pre-line;
}

.vertalign {
  vertical-align: top;
}

.nowrap {
  display: inline-block;
}


/*
 * Segmented Control Buttons
 */
.segmented-control {
  font-size: 0;
  padding: 0;
}

.segmented-control > button {
  width: auto;
  height: auto;
  text-align: center;
  min-width: 7em;
  color: black;
  font-size: small;
  display: inline-block;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #444;
  cursor: pointer;
  background-color: white;
  padding: .25em .5em;
}
.segmented-control > button:first-child {
  border-top-left-radius: .2em;
  border-bottom-left-radius: .2em;
  border-width: 1px;
}
.segmented-control > button:last-child {
  border-top-right-radius: .2em;
  border-bottom-right-radius: .2em;
}
.segmented-control > button.active {
  color: white;
  background: none;
  background-color: #0c8729;
}

.texttop {
  vertical-align: text-top;
}

.halfwidth {
  width: 50%;
}

.fontweightnormal {
  font-weight: normal;
}

.search-error-message {
  color: #f00;
  font-size: small;
  font-weight: bold;
  margin: 4px 0;
  line-height: normal;
}

.service-contact-attach-highlight {
  background-color: #CEFFCE;
}

.service-contact-detach-highlight {
  background-color: #FFCECE;
}

#skip-to-content {
  z-index: 20;
  border: 0;
  padding: 1rem;
  text-decoration: none;

  color: white;
  background-color: #144F99;

  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
}

#skip-to-content:focus {
  transform: translateY(0%);
}

*:focus-visible {
  outline: 2px transparent solid !important;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #EB6D00, 0 0 0 5px white !important;
  position: relative;
}

a:not([class]):focus-visible {
  outline: 2px solid #EB6D00 !important;
  box-shadow: none !important;
}

#header-login-form {
  display: inline-grid;
  align-items: center;
  gap: 0.125rem 0.125rem;
  font-size: x-small;
}

#header-username-label {
  grid-row: 1;
  grid-column: 1;

  color: #666;
  font-size: x-small;
  text-align: right;
  margin-right: 0.125rem;
}

#header-username-input {
  grid-row: 1;
  grid-column: 2;

  width: 10em;
  border: 1px solid #878787;
  font-size: x-small;
}

#header-password-label {
  grid-row: 2;
  grid-column: 1;

  color: #666;
  font-size: x-small;
  text-align: right;
  margin-right: 0.125rem;
}

#header-password-input {
  grid-row: 2;
  grid-column: 2;

  width: 10em;
  border: 1px solid #878787;
  font-size: x-small;
}

#header-password-toggle {
  grid-row: 2;
  grid-column: 3;

  background-color: #f8f8f8; /* For IE 9 and earlier */
  background: linear-gradient(#fafafa, #f6f6f6);
  border: 1px solid #cfcfcf;
  border-radius: 0.5em; /* CSS 3, not supported in all older browsers */
  cursor: pointer;
  color: #666;
}

#header-password-toggle:active {
  color: black;
  border-color: #afafaf;
  box-shadow: 0px 1px #f0f0f0 inset;
}

#header-password-toggle:hover {
  border-color: #aaa;
}

#header-password-toggle > i.material-icons {
  font-size: 10pt;
}

#header-login-submit {
  grid-row: 3;
  grid-column: 2;
  cursor: pointer;
  font-size: 12px;
}

#header-login-links {
  grid-row-start: 1;
  grid-row-end: 4;
  grid-column: 4;
  justify-self: center;
  margin-left: 1em;
}

#header-login-help {
}

#header-sign-up {
  font-size: small;
  font-weight: bold;
}

.DP-Odometer-Bar {
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: row;
  border: 1px solid black;
}

.DP-Odometer-Segment {
  text-align: center;
  font-size: 7pt;
  flex: 0 0 auto;
  font-weight: bold;
  padding: 3px 0;
}

.DP-Odometer-Segment > a:hover {
  text-decoration: underline;
}