/* General */

/* Override body text left-right justify, to the li default */
li {
	text-align: left;
}

/* Bold links in list items; do not bold links in sublists */
ul.list-bold-links > li > a,
ol.list-bold-links > li > a {
	font-weight: 600;
}

ol.justify > li {
	text-align: justify !important;
}

/* END: General */


/* Padded Lists (add some pad between list items) */

/*
	Overall, lists have no vertical padding, to keep them compact. But sometimes, padding is desired, e.g.,
	to set off child lists, or to separate lists with verbose li's.
	(See rules-forms/forms and jbcc/jbcc-statutes,-rules-policies.aspx for an examples.)

	These classes enable you to get the desired padding.
	
	It may be better to make vertical padding that default, and override for compact lists, but much content has already been
	entered and formatted at the time this work was done, and we were too close to launch. We may change it later.
	
	Apply pad-list class to the ul or ol, to get top and bottom padding on the list.
	Apply pad-list-top   to the ul or ol, to get only top padding on the list.
	Apply pad-list-top   to the ul or ol, to get only bottom padding on the list.
	Apply pad-list-items to the ul or ol, to get top and bottom padding on each list item within the list.
*/
ul.pad-list, ol.pad-list {
	margin-top: 1em;
	margin-bottom: 1.5em;
}
ul.pad-list-top, ol.pad-list-top {
	margin-top: 1em;
}
ul.pad-list-bottom, ol.pad-list-bottom {
	margin-bottom: 1.5em;
}
ul.pad-list-items > li, ol.pad-list-items > li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
ul.pad-list-items > li:first-of-type, ul.pad-list-items > li:last-of-type,
ol.pad-list-items > li:first-of-type, ol.pad-list-items > li:last-of-type{
	margin-top: 0;
	margin-bottom: 0;
}
/* END: Padded Lists */


/* Multi-Column Lists */

ul.list2Col, ul.list3Col, ul.list4Col, ul.list5Col, ul.list6Col,
ol.list2Col, ol.list3Col, ol.list4Col, ol.list5Col, ol.list6Col {
	display: inline-block;
}

ul.list2Col, ul.list3Col, ul.list4Col, ul.list5Col, ul.list6Col  {
  /* width: 100%; */
  /* margin-bottom: 20px; */
  overflow: hidden;
  /* border-top: 1px solid #ccc; */
}

.list2Col li, .list3Col li, .list4Col li, .list5Col li, .list6Col li {
  line-height: 1.5em;
  /* border-bottom: 1px solid #ccc; */
  float: left;
  display: inline;

 list-style:none;
}

ul.list2Col li:before, ul.list3Col li:before, ul.list4Col li:before,
ul.list5Col li:before, ul.list6Col li:before {
 content: '\2022';
 margin-right: 0.5em;
}

.list2Col li	{ width:50%;}
.list3Col li	{ width:33.333%; }
.list4Col li	{ width:25%; }
.list5Col li	{ width:20%; }
.list6Col li	{ width:16.666%; }


/* Multi-Column Lists solution 2 */
/* allow room for 3 columns */
.list2Col2 ul {
    width: 30em;
 }
/* float & allow room for the widest item */
list2Col2 ul li {
    float: left;
    width: 10em;
}
/* stop the float */
.list2Col2 br {
    clear: left;
}
/* separate the list from subsequent markup */
div.list2Col2 {
    margin-bottom: 1em;
}
/*
ul.tabs li {
 list-style:none;
 float:left;
}
ul.tabs li:before {
 content:'\ffed';
 margin-right:0.5em;
}
*/
/* End: Multi-Column Lists */


/* Multi-Column Pseudo Lists */
div.pseudo-ul div.row-fluid div[class*="span"] > span.pseudo-li::before {
	content: "\2022";
}
div.pseudo-ul div.row-fluid div[class*="span"] a,
div.pseudo-ul div.row-fluid div[class*="span"] span {
	padding-left: .5em;
}
div.compact-rows div.row-fluid div[class*="span"] {
    min-height: 1.4em;
}
/* END: Multi-Column Pseudo Lists */

/* Heading 2s rendered as ordered list */

ol.ol-h2 {
	counter-reset: iterator;
	margin-left: 0;
}
ol.ol-h2 > li {
	display: block;
}
ol.ol-h2 > li:before {
    font-size: 1.5em;
    line-height: 1.4em;
	font-weight: 600;
    text-align: left;
    color: #9d0000;
    margin: 14px 0;
	content: counter(iterator) ". ";
	counter-increment: iterator;
}
ol.ol-h2 > li > h2 {
	display: inline;
}
ol.ol-h2 > li > p {
    margin: 14px 0 10px 0;
}

/*	Ordered lists allow you to specify the type of the iterator (list-style-type), e.g., decimal, lower-alpha, and lower-roman,
	but not what follows the iterator, e.g., a parenthesis. A period always follows the iterator.
	These styles get around that, and allow us to specify that a parenthesis instead of a period, appear after the iterator.

	Apply the ol-custom-iterator class (this sets the spacing), and one of the oother
	classes, which formats the iterator by type and adds delimiters, e.g., single or double parentheses.
*/
ol.ol-custom-iterator {
  counter-reset: iterator;
  margin-left: 0;
  padding-left: 0;
}
ol.ol-custom-iterator > li {
  display: block;
  margin-left: 2em;
}
ol.ol-custom-iterator > li:before {
  display: inline-block;
  width: 2em;
  margin-left: -2em;
}
ol.ol-custom-iterator-decimal-single-paren > li:before {
  content: counter(iterator) ") ";
  counter-increment: iterator;
}
ol.ol-custom-iterator-lower-alpha-single-paren > li:before {
  content: counter(iterator, lower-alpha) ") ";
  counter-increment: iterator;
}
ol.ol-custom-iterator-upper-alpha-single-paren > li:before {
  content: counter(iterator, upper-alpha) ") ";
  counter-increment: iterator;
}
ol.ol-custom-iterator-decimal-double-paren > li:before {
  content: "(" counter(iterator) ") ";
  counter-increment: iterator;
}
ol.ol-custom-iterator-lower-alpha-double-paren > li:before {
  content: "(" counter(iterator, lower-alpha) ") ";
  counter-increment: iterator;
}
ol.ol-custom-iterator-upper-alpha-double-paren > li:before {
  content: "(" counter(iterator, upper-alpha) ") ";
  counter-increment: iterator;
}