/* Indentation instead of line shifts for sibling paragraphs. */
p + p { text-indent:2em; margin-top:-1.5em; }
form p + p  { text-indent: 0; } /* Don't want this in forms. */


/* For great looking type, use this code instead of asdf:
   <span class="alt">asdf</span>
   Best used on prepositions and ampersands. */

.alt {
    color: #666;
    font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
    font-style: italic;
    font-weight: normal;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark).
   (You may have to change this value depending on your font size). */

.dquo { margin-left: -.5em; }


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to
   follow the 1.5x vertical rhythm -- the line-height is too much.

   Using this class, it reduces your font size and line-height so that for
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
    font-size: 10px;
    line-height: 1.44em;
    margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */

.caps {
    font-variant: small-caps;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-size:1.2em;
    line-height:1%;
    font-weight:bold;
    padding:0 2px;
}

body {
    background-color: #f3eed8;
    color:					  #352d27;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

p {
    text-indent: 0;
}

blockquote {
    border-bottom:			3px solid #af9980;
    color:					#241c16;
    font-style:				normal;
    font-size:				90%;
    padding:				0 0 1em 0;
    margin:					0 0 4px 0;
}

blockquote p {
    margin: 0;
}

.visible_cite {
    margin-left:	0;
}

.visible_cite cite {
    font-size:	90%;
    font-style:	normal;
}

.visible_cite sup {
    margin-left:	-0.4em;
    font-size: 		70%;
}


.see_also {
    font-size:		90%;
}


.entry_number {
    float:			left;
    margin-left:	-45px;
    margin-top:		-7px;
    font-size:		300%;
    color:			#af9980
}



a.footnote_ref {
    font-size:		95%;
    color:			#6E90A3;
    padding:		0 0.3em 0 0.3em;
    margin-left:	-0.3em;
}

a.footnote_ref:hover {
    background-color:	#427600;
    color:				white;
    text-decoration:	none;
}


hr {
    background:	#f3eed8;
    color:		  #f3eed8;
}

div.colborder {
    border-right:1px solid #cbbfa8;
}

h1 {
    color:			 #58361c;
    margin:      0 0 1em 0;
    font-weight: bold;
}

h2 {
    /*font-size:		1.8em;*/
    line-height:	1.1em;
    /*margin-bottom:	0.3em;*/
    line-height:	1.1em;
    color:			#58361c;
    font-weight:	bold;
}

strong {
    font-weight:	bold;
    color:			#241c16;
}

.print_only {
    display: none;
}

.half_quiet {
    color:			#6E90A3;
}

/*
 * Anchors
 */
a {
    font-weight:		bold;
    text-decoration:	none;
    color:				#004276;
}

a:hover {
    text-decoration: underline;
    color:           #427600;
}

.quiet a, a.quiet {
    color:	#6E90A3; /*#37688f;*/
}

.quiet a:hover, a:hover.quiet {
    color:	#427600;
}

.prev_next a {
    color:	#37688f;
}

.prev_next a:hover {
    color:	#427600;
}



ul {
    list-style-type: none;
}


#main_search {
    width: 340px;
    font-size: 110%;

}


.ors_text h2 {
    margin-bottom: 0.5em;
    line-height:   1.3em;
}

.ors_text p {
    text-indent:    0;
    line-height:    1.8em;
    margin-bottom:     15px;
    padding:        0;
}

.ors_text p.outline_level_1 {
    text-indent:    0;
    margin: 15px 0 0 2em;
}

.ors_text p.outline_level_2 {
    text-indent:    0em;
    margin: 0.8em 0 0 4em;
}

.ors_text p.outline_level_3 {
    text-indent:    0;
    margin: 0.8em 0 0 6em;
}

.ors_text p.outline_level_4 {
    text-indent:    0;
    margin: 0.8em 0 0 8em;
}

.ors_text ul {
    margin: 0 0 3em 0;
}

.ors_text li {
    margin-bottom:	1em;
    font-size:		120%;
}



.outline_heading_1 {
    color: #241c16;
    font-weight: bold;
    font-size:   110%;
    display: block;
    float: left;
    width: 2em;
    margin-left: -2em;
}

.outline_heading_2 {
    color: #241c16;
    font-weight: bold;
    font-size:   105%;
    display: block;
    float: left;
    width: 2em;
    margin-left: -2em;
}

.outline_heading_3 {
    color: #241c16;
    font-weight: bold;
    font-size:   100%;
    display: block;
    float: left;
    width: 2em;
    margin-left: -2em;
}

.outline_heading_4 {
    color: #241c16;
    font-weight: bold;
    font-size:   95%;
    display: block;
    float: left;
    width: 2em;
    margin-left: -2em;
}




.search_hit {
    font-size: 120%;
    line-height: 125%;
    padding-bottom: .5em;
}

.search_hit a {
    font-weight:	bold;
}

.annotation {
}

div.annotation_pinpoint span.annotation {
    display:none;
}

div.annotation_pinpoint {
    text-align: center;
    font-size:  100%;
    margin-bottom: 1em;
}

a.badlink {
    color: #822;
}


/*
 * For the search pagination
 */
.pagination {
    padding: 3px;
    margin: -5px 3px 3px 3px;
    font-weight: bold;
}

.pagination > a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
    color: #195686;
}

.pagination > a:hover, .pagination > a:active {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #195686;
    background-color: #195686;
    color:				white;
}

.pagination > .current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #444;
    background-color: #444;
    color:				white;
}

.pagination > .disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
    display: none;
}

.pagination_info {
    color:			#241c16;
    font-weight:	bold;
}



/*
 * Bar chart
 */
div.bar_chart {
}

div.bar_chart_item {
    margin-bottom:		4px;
    height:				20px;
    background-color:	#88a6bd;
    text-align: left;
}

div.bar_chart_item_data {
    height:				20px;
    background-color:	#195686; /* was #28608c; */
    border-right:		1px #7893a7 solid;
}
div.bar_chart_item_active {
    margin-bottom:		4px;
    height:				20px;
    background-color:	#a6bd88;
    text-align:			left;
}

div.bar_chart_item_data_active {
    height:				20px;
    background-color:	#568619;
    border-right:		1px #899c70 solid;
}

div.bar_chart_item_label {
    color:	 white;
    margin:	 -20px 0 0 0;

    /* Handle long Title names */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bar_chart_item_label > a {
    font-weight: normal;
    color:	 white;
    height:	 20px;
    padding:	 0 4px 0 4px;
}

.bar_chart_item_label > a:hover {
    text-decoration: none;
    background:	     #b7d392;
}



a.more_like_this {
    font-size:			80%;
    color: #af9980;
    text-decoration: underline;
}
a.more_like_this:hover {
    text-decoration: underline;
    color:           #427600;
}



/*
 * Purely semantic markup
 */
span.connecting_or, span.connecting_and, span.connecting_and_or {
    color: 			black;
    font-weight:	bold;
    letter-spacing: 0.05em;
}



.ors_annotation {
    padding:			.5em 0;
    margin:				0;
}

.ors_annotation p {
    font-size:		110%;
    margin-top:		1em;
    text-indent:	0em;
}

.ors_annotation h2 {
    padding:		0;
    font-weight:	bold;
    font-size:		130%;
    text-align:		left;
}

.ors_annotation h3 {
    font-weight:	bold;
    color:			#241c16;
    font-size:		110%;
    margin:			2em 0 0 0;
}

.ors_annotation > p > a, .ors_annotation > ul > li > a {
    font-weight:		bold;
    text-decoration:	none;
    color:				#004276;
    line-height:		1.1em;
}

.ors_annotation a:hover {
    text-decoration: underline;
    color:           #427600;
}



div.secondary_source > div > a.title {
    font-size:			115%;
    font-weight:		bold;
    text-decoration:	underline;
    color:				#004276;
    line-height:		1.3em;
}

div.secondary_source > div > a.title:hover {
    text-decoration:	underline;
    color:				#427600;
}

div.secondary_source > .author {
    margin-top:		0.2em;
    font-weight:	bold;
    color:			#af9980;
    line-height:	1.2em;
}

div.secondary_source > div.excerpt {
    margin-top:		0.3em;
    line-height:	1.6em;
    font-size:		110%;
}


.tab-content {
   margin-left:0;
   padding-left:0;
   padding-top: 0.5em;
}


div.ad_box {
    height: 50px;
    width:	100px;
    border:	1px #af9980 dotted;
    margin: 0 0 20px 0;
}


#sub_chapter_nav {
    font-family:	"trebuchet ms";
    font-size:		85%;
    /*line-height:	1.4em;*/
}

#sub_chapter_nav > ul {
    list-style:			none;
    display:			block;
    margin:				0;
    padding:			0;
    background-color:	#f3eed8;
}

#sub_chapter_nav > ul > li {
    display:			block;
    font-weight:		bold;
    margin:				0;
    padding:			0;
}

#sub_chapter_nav > ul > li > a {
    display:			block;
    text-decoration:	none;
    margin:				0;
    padding:			10px 8px 10px 8px;
    border-bottom:		1px dotted #af9980;
    border-right:		1px dotted #af9980;
}

#sub_chapter_nav > ul > li > a:hover {
    text-decoration:	none;
    background-color:	#427600;
    color:				white;
}

#sub_chapter_nav .active_tab {
    margin:				0;
    padding:			10px 8px 10px 8px;
    color:				#f3eed8;
    background-color:	#58361c;
    border-bottom:		1px dotted #af9980;
    border-right:		1px dotted #af9980;
}




.section_citation {
    padding:			15px;
    margin:				20px;
    background-color:	#eee;
    border:				2px solid #ddd;
}



table.subchapter {
    font-size: 105%;
    line-height: 1.3em;
    margin: 0;
}

table.subchapter .number {
    padding-right: 0;
    margin-right: 0;
}

table.subchapter .icon {
    padding-right: 0;
    margin-right: 0;
    width: 12px;
}



/*
 * Glossary term page
 */
ul.glossary_entries {
    margin-left: 0;
}

ul.glossary_entries li {
    margin-bottom:	50px;
}

h1.glossary_term {
    font-weight:	bold;
    margin-bottom:	1em;
    line-height:	1.2em;
}


/*
 * Glossary index pages
 */
ul.glossary_term_list li {
    line-height:	1.1em;
    margin-bottom:	1em;
    /* Hanging indent */
    margin-left:	0.7em;
    text-indent:	-0.7em;
}



h1.page-header {
    text-align: center;
}

h1.section_title {
    font-size: 170%;
}

.section_title ul {
    font-size:  	 60%;
    line-height:	 1.2em;
    margin-bottom: 0;
    margin-left:		-0.5em;
    text-indent:		-0.8em;
}

.section_title li {
    line-height:   1.2em;
    margin-top:		 0.5em;
    margin-bottom: 0em;
}

.section_title div.main {
    margin-top:	0.2em;
}


.bullet {
    color: #af9980;
}

div.quiet, span.quiet, p.quiet, li.quiet, h1.quiet, h2.quiet, h3.quiet, h4.quiet {
    color: #af9980;
}

.alt {
    color: #58361c;
}



table.ors_section_list {
    margin: 0;
    line-height: 1.3em;
}

table.ors_section_list td {
    padding: 1em 0 0 0;
}

table.ors_section_list td.number {
    padding-right: .5em;
}


td.number {
    width: 1em;
    vertical-align: top;
    text-align: right;
}


div.header {
    width:				100%;
    height:				80px;
    margin:				0 0 6px 0;
    background-image:		url(/images/brown-matte.jpg);
    background-repeat:		no-repeat;
    background-position:	top center;
    background-color:		#2e1f13;
}

div.header div.container {
    /*	background-image:	url(/images/header-background.jpg);
	background-color:	#2e1f13;
	background-repeat:	no-repeat;
	background-position: top center;
   */
    height:					100%;
}



.secondary_search_input {
    width:				150px;
    background-color:	#f3eed8;
    border:				2px solid #af9980;
    font-size:			95%;
}

.secondary_search_button {
}

.secondary_search {
    top:			-8px;
    height:			25px;
    position:		relative;
}

.secondary_search form {
    position:		absolute;
    top:			50%;
    height:			30px;
    margin-top:		-15px;
    line-height:	30px;
    right:			0;
}




#horizontal_nav {
    font-family:	"trebuchet ms";
    font-size:          92%;
    line-height:	1.4em;
    margin:		0 0 4em 0;
}

#horizontal_nav > ul {
    margin:           2em 0 0 0;
    padding:          0;
    background-color: #f3eed8;
    text-align:       center;
}

#horizontal_nav > ul > li {
    display: inline-block;
    line-height: 3.5em;
}

#horizontal_nav > ul > li > a {
    text-decoration: none;
    margin:	     0;
    padding:	     .5em 1em .5em 1em;
    border:	     1px dotted #af9980;
}

#horizontal_nav > ul > li > a:hover {
    text-decoration:	none;
    background-color:	#427600;
    color:		white;
    border:		1px solid #427600;
}

#letternav-active-tab {
    color:		#f3eed8;
    background-color:	#58361c;
    border:		1px solid #58361c;
    font-weight:        bold;
    margin:	     0;
    padding:	     .5em 1em .5em 1em;
}



/*
 * Glossary Sources
 */

#glossary-search-form {
    margin-top: 30px;
    text-align: center;
}

div.glossary_source_box {
    margin-top:			0.8em;
    margin-bottom:		1.4em;
}

div.glossary_source_box h3 {
    margin-bottom:		.2em;
}

div.glossary_source_box .details {
    margin-left:		20px;
    line-height:		1.3em;
}



p.citation_paragraph {
    text-indent:	-.5em;
    margin:			0 0 1em 0;
}

/*
a.glossary_xref {
	font-weight:	normal;
	border-bottom:	1px dotted;
}

a.glossary_xref:hover {
	text-decoration: none;
}

*/


/*
 * Styling search results
 */
#main_search_results > ul {
    margin: 0;
}

#main_search_results .glossary_source {
    font-size: 85%;
}

#secondary_search_results {

}

#secondary_search_results ul {
    margin: 0;
}

#secondary_search_results li {
    line-height: 1em;
    padding-bottom: 0.5em;
}



img.cc_logo {
    float: left; border-width:0; margin-right: 1em;
}


/* Sign in styles */

.sign_in_button a {
    font-size:			150%;
    text-decoration:	none;
    padding:			.5em 2em;
    border:				1px dotted #af9980;
    background-color:	#004276;
    color:				white;
}

.sign_in_button a:hover {
    text-decoration:	none;
    border:				1px solid #427600;
    background-color:	green;
    color:				white;
}

.sign_in_button p {
    margin-top:			1.3em;
    font-size:			110%;
}

div.sign_in_button {
    width:			300px;
    margin:				0 auto 0 auto;
    padding:			15px 0 1px 0;
    background-color:	#f3eed8;
}





.rpx_popup_table { width: 440px; }

/* A highlighted style for dynamic data. */
.dynamic {
    font-weight:	bold;
    color:			#241c16;
}


.research_trail > ul {
    margin-bottom:	1.5em;
    margin-left:	0;
}

.research_trail > ul > li {
    margin-bottom: 1.5em;
}

.research_trail > h3 {
    margin-bottom: .5em;
}



#mybar > .box {
    background-color:	#f3eed8;
    padding:			5px 0 8px 8px;
    margin-right:		-20px;
    margin-top:			15px;
    font-size:			92%;
    line-height:		1.4em;
    border-left:		1px solid #af9980;
}

#mybar > .box > h2 {
    text-align: 	left;
    margin-bottom:	.5em;
    color:			#58361c;
}

#mybar > .box li {
    font-family:		"trebuchet ms", "georgia";
}




.loud {
    color: #316500;
}



.signed_in_indicator {
    color: #cbbfa8;
    float: right;
    margin-top: -40px;
    margin-right:	-10px;
    padding:0;
}

.signed_in_indicator a {
    text-decoration:	underline;
    color:				#9fbcd5;
    font-weight:		normal;
    padding:			5px 2px;
}

.signed_in_indicator a:hover {
    text-decoration:	none;
    color:				#241c16;
    background-color:	#9fbcd5;
}

.match {
    font-weight: bold;
    font-size:   105%;
    color:       #241c16;
}

div.notice_box {
    background-color: #bbd;
    padding: 20px;
    margin: 60px
}

div.callout {
    font-size:			90%;
    background-color:	#8eabc4;
    padding:			1em;
}



.statute_text h2 {
    margin-bottom: 0.5em;
    line-height:   1.3em;
}

.statute_text p {
    /*	text-indent:    1em;
     */	font-size:      120%;
	line-height:    1.8em;
	margin-top:     15px;
	padding:        0;
}

.statute_text p.outline_level_1 {
    text-indent:    0;
    margin: 15px 0 0 2em;
}

.statute_text p.outline_level_2 {
    text-indent:    0em;
    margin: 0.8em 0 0 4em;
}

.statute_text p.outline_level_3 {
    text-indent:    0;
    margin: 0.8em 0 0 6em;
}

.statute_text p.outline_level_4 {
    text-indent:    0;
    margin: 0.8em 0 0 8em;
}

.statute_text ul {
    margin: 0 0 3em 0;
}

.statute_text li {
    margin-bottom:	1em;
    font-size:		120%;
}

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




img.photo {
    border:		1px #af9980 solid;
    background:	#faf5df;
    padding:	4px;
}

img.photo-a {
    border: 0;
    padding: 0;
}

/*
 * "Feature" displays
 */
table.feature + table.feature {
    margin-top: 2em;
}

table.feature td {
    vertical-align: top;
}

table.feature p {
    font-size: 125%;
}

table.feature h2 {
    font-size: 140%;
}

table.feature img.right {
    margin: 0 0 0 12px;
}

table.feature img.left {
    margin: 0 12px 0 0;
}


/*
 * Amendments
 */
div.amendment {
    padding: 1em;
    background-color: #cbbfa8;
    margin-bottom: 2em;
    margin-top: 2em;
}

div.amendment div.heading {
    text-align: center;
    font-weight: bold;
    font-size: 180%;
}

div.amendment div.effective_date {
    text-align:		center;
    margin-bottom:	1em;
}

div.amendment div.info {
}

div.amendment div.icon {
    float: left;
    margin-right: -25px;
    margin-top:		2px;
}


/*
 * CMS
 */
div.cms, div.cms > div, div.cms > p, div.cms li {
    font-size: 10.5pt;
}

div.cms > p {
    margin: 0 0 1em 0;
    text-indent: 0;
}

div.cms > dl {
    margin-bottom: 1em;
}

div.cms li {
    margin: 0 0 1em 0.5em;
}

div.cms > ul {
    list-style-type: disc;
}

div.cms > h1 {
    font-size: 22pt;
    line-height: 1.1em;
    margin-bottom: 1em;
}

div.cms > h2 {
    font-size: 16pt;
    margin-top: 1em;
}

div.cms > ul.bibliography {
    margin: 0;
    list-style-type: none;
}

div.cms > ul.bibliography > li {
    margin: 0 0 2.5em 0;
}

div.cms > ul.bibliography > li > div.title {
    font-size: 12pt;
    line-height: 1.2em;
    margin-bottom: 0.3em;
}div.prose p, div.prose li {
    font-size: 		1.2em;
    margin-bottom: 	.8em;
}

div.prose ul {
    margin:			0;
}

div.prose h1 {
    font-size: 		3em;
    line-height:	1em;
}

div.prose h2, h2.prose {
    font-size: 		2em;
    border-bottom: 	2px solid #cbbfa8;
    padding:		0;
}

div.prose h2.continued {
    margin-top:		1.5em;
}

div.prose h3 {
    font-size:		1.3em;
}


div.prose_box {
    padding:	0 20px;
    margin:		10px;
}


/* Navigation Bar */

.navbar a {
    font-weight: normal;
}

footer {
    margin-top: 3em;
    text-align: center;
}

footer .copyright {
    margin-top: 1em;
    font-size: 70%;
}


/* Volume Index Page */

#volume-index td {
    padding-bottom: 1.1em;
}

#volume-index .number {
    text-align: right;
    vertical-align: top;
    color: #af9980;
}

#volume-index .name {
    font-size:    110%;
    line-height:  1.4em;
    padding-left: 0.5em;
}

#volume-index aside {
    margin: 0;
    padding: 0 0 0 0.5em;
    color: #af9980;
}


.breadcrumb {
    margin-top: 5px;
    background-color: inherit;
}

.breadcrumb-item img {
    height: 16px;
    vertical-align: text-top;
}

.breadcrumb-item {
    font-size: 90%;
    font-weight: normal;
}

.breadcrumb-item.active {
    color: #af9980;
}

.breadcrumb-item-first::before {
    content: "" !important;
}

.breadcrumb-item::before {
    color: #af9980 !important;
}


/* Mid Node Pages */

.mid-node {
    margin-bottom: 2em;
}

.mid-node.empty {
  margin-bottom: 0.5em;
}

.mid-node h2 {
    font-size: 150%;
}

.mid-node h3 {
  font-size: 110%;
}

.mid-node td {
    padding-bottom: 0.5em;
}

.mid-node .number {
    padding-left: 1em;
    line-height: 1.2em;
}

.mid-node .name {
    padding-left: 0.5em;
    line-height: 1.2em;
}


//
// Section nav tabs
//
.nav-tabs {
    // This does not work for some reason.
    // border-bottom-color: #cbbfa8 !important;
}

a.nav-link {
    font-size: 90%;
    font-weight: normal !important;
    border: 0 !important;
}

.nav-link.active {
    background-color: #cbbfa8 !important;
}

.nav-link.disabled {
    color: #af9980 !important;
}

#glossary-hits {
    margin-bottom: 2em;
}

#content {
  margin-top: 20px;
}
