/*
 *  Contains general styles used throughout the 'legal' section, and are not specific to a particular subsection.
 */


/**
 *  Individual case summary blocks for the second level legal (e.g. 'Canada vs Patrick Fox', 'USA vs Patrick Fox' pages).
 */

/*  Case Summary > Heading Section  */
section.case_summary  div.case_heading {
	display: grid;
	grid-template-columns: auto 150px;
	grid-template-rows: auto;
	border-style:		none;
	padding:			1px 0px;
	margin:				0px;
	font-size:			10pt;
}
section.case_summary  div.case_heading > div.name {
	grid-column: 1 / 2;
	font-weight: bold;
}
section.case_summary  div.case_heading > div.arrest_date {
	grid-column: 2 / 3;
}
section.case_summary  div.case_heading + div.subsection {
	border-style: none;
}

/*  Case Summary > Charges Section  */
section.case_summary  div.charges {
	display: grid;
	grid-template-columns: 80px auto;
	margin-bottom: 4px;
}

/*  List of charges on the indictment for the given case.  */
section.case_summary  div.charges  ul.charges {
	list-style-type: none;
	margin-left: 0px;
}
section.case_summary  div.charges  ul.charges > li.count {
	display: grid;
	grid-template-columns: 80px auto;
	padding-bottom: 0px;
}
section.case_summary  div.charges  ul.charges > li.count + li.count {
	padding-top: 4px;
}
section.case_summary  div.charges  ul.charges > li.count  div.allegation,
section.case_summary  div.charges  ul.charges > li.count  div.verdict {
	display: grid;
	grid-template-columns: 80px auto;
}

section.case_summary  div.sentence,
section.case_summary  div.comments {
	display: grid;
	grid-template-columns: 80px auto;
	margin-bottom: 4px;
}

section.case_summary  div.case_info {
	margin-bottom: 4px;
}
section.case_summary  div.case_info > div.label {
	display:	table-cell;
	width:		80px;
}
section.case_summary  div.case_info > div.content {
	display:	table-cell;
}
section.case_summary  div.more_about {
	text-align: center;
	margin-top: 1em;
}



/*
 *	Styles for the 'Synopsis' box at the top of each case page.
 */

/*	The synopsis boxes on the individual case home pages has a section before the synopsis narrative. */
section#synopsis  div.case_points_blk {
	border-bottom: 1px solid #1b3d54;
	margin-bottom: 1.5em;
	padding-bottom: 0em;
}

/*	Default styles for labels within the synopsis box. */
section#synopsis.case  div.label { width: 80px; }

section#synopsis.case  div.content  ul { list-style-type: none; margin: 0 0 0 0.5em; }
section#synopsis.case  div.content  ul > li { padding: 0px; }

section#synopsis.case  div.case_number { display: table-cell; }
section#synopsis.case  div.arrest_date { display: table-cell; text-align: right; }

/*  Charges Block  */
section#synopsis.case  div.charges_blk { display: table; width: 100%; margin: 0px 0px 8px 0px; }
section#synopsis.case  div.charges_blk > div.label { display: block; width: 100%; border-bottom: 1px dotted Black; }
section#synopsis.case  div.charges_blk > div.content { display: table; }
section#synopsis.case  div.charges_blk > div.content > ul.charges {  }
section#synopsis.case  div.charges_blk > div.content > ul.charges > li.charge { display: table; padding: 0px; margin: 0px 0px 2px 0px; }
section#synopsis.case  div.charges_blk > div.content > ul.charges > li.charge > div.label { display: table-cell; }
section#synopsis.case  div.charges_blk > div.content > ul.charges > li.charge > div.content { display: table-cell; }
section#synopsis.case  div.charges_blk > div.content > ul.charges > li.charge > div.content > ul.charge_info { padding: 0px; margin: 0px; }
section#synopsis.case  div.charges_blk > div.content > ul.charges > li.charge > div.content > ul.charge_info > li.charge_info { padding: 0px; margin: 0px; }
section#synopsis.case  div.charges_blk > div.content > ul.charges > li.charge > div.content > ul.charge_info > li.charge_info > div.label { display: table-cell; }
section#synopsis.case  div.charges_blk > div.content > ul.charges > li.charge > div.content > ul.charge_info > li.charge_info > div.content { display: table-cell; }


/*  Trial Block  */
section#synopsis.case  div.trial_blk { display: block; width: 100%; margin: 0px 0px 8px 0px; }
section#synopsis.case  div.trial_blk > div.label { display: block; width: 100%; border-bottom: 1px dotted Black; }
section#synopsis.case  div.trial_blk > div.content { display: block; margin: 0px 0px 0px 20px; }
section#synopsis.case  div.trial_blk > div.content > div.court_blk { /*display: grid; grid-template-columns: auto 225px;*/ }
section#synopsis.case  div.trial_blk > div.content > div.court_blk > div.court_info { display: grid; grid-template-columns: 80px auto; }

section#synopsis.case  div.trial_blk > div.content > div.judge_blk {  }
section#synopsis.case  div.trial_blk > div.content > div.judge_blk > div.judge_info { display: grid; grid-template-columns: 80px auto; }
section#synopsis.case  div.trial_blk > div.content > div.judge_blk > div.judge_info > div.label { width: initial; }
section#synopsis.case  div.trial_blk > div.content > div.judge_blk > div.judge_info > div.content {  }

section#synopsis.case  div.trial_blk > div.content > div.prsctr_blk { display: table; width: 100%; }
section#synopsis.case  div.trial_blk > div.content > div.prsctr_blk > div.prsctr_info { display: grid; grid-template-columns: 80px auto; }


/*  Appeals Block  */
section#synopsis.case  div.appeal_blk { width: 100%; margin: 0px 0px 8px 0px; }
section#synopsis.case  div.appeal_blk > div.label { display: block; width: 100%; border-bottom: 1px dotted Black; }
section#synopsis.case  div.appeal_blk > div.content { margin: 0px 0px 0px 20px; }
/*	There may be multiple levels of appeal, so each appeal goes into it's own list item. */
section#synopsis.case  div.appeal_blk > div.content > ul.appeals { padding: 0px; margin: 0px; }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal {  }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal + li { margin-top: 1em; border-top: 1px dotted Gray; }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal  div.court_blk {  }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal  div.court_blk > div.court_info { display: grid; grid-template-columns: 80px auto; }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal  div.judge_blk {  }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal  div.judge_blk > div.judge_info { display: grid; grid-template-columns: 80px auto; }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal  div.prsctr_blk {  }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal  div.prsctr_blk > div.prsctr_info { display: grid; grid-template-columns: 80px auto; }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal  div.disp_blk {  }
section#synopsis.case  div.appeal_blk > div.content > ul.appeals > li.appeal  div.disp_blk > div.disp_info { display: grid; grid-template-columns: 80px auto; }


/**
 *  Common styling for the 'Narrative' sections.
 */
section#the_narrative  ul > li + li,
section#the_narrative  ol > li + li {
	margin-top: 1em;
}

/**
 *	Common styling for the 'Charges' narrative sections.
 */

/*	Within the Charges section of a case narrative, the 'Count' sections and headings should be simple/plain. */
section#nrtv_charges  section.count {
}
section#nrtv_charges  section.count {
	background-color: transparent;
	box-shadow: none;
}

section#nrtv_charges  section.h4.count > h4 {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid Black;
	text-shadow: none;
	text-decoration: none;
	color: Black;
	padding: 0px 0px;
	margin: 2px 0px;
	box-shadow: none;
	font-size: 11pt;
}


/**
 *	The artifacts lists.
 */
ul.artifacts { list-style-type: none; margin: 0px; }
ul.artifacts > li { /*padding: 0px 0px 6px 0px;*/ margin-bottom: 1em; }
ul.artifacts > li > div > div.label { vertical-align: top; }

ul.artifacts > li > div.summary_blk {
	display: grid;
	grid-template-columns: 80px auto 80px;
	width: 100%;
	border-top: 1px solid #7395a9;
	background-color: rgba(115,149,169,0.25);
}
ul.artifacts > li > div.summary_blk > div.date {  }
ul.artifacts > li > div.summary_blk > div.desc { font-weight: bold; }
ul.artifacts > li > div.summary_blk > div.pdf { text-align: right; }


ul.artifacts > li > div.citation_blk,
ul.artifacts > li > div.ruling_blk,
ul.artifacts > li > div.parties_blk,
ul.artifacts > li > div.comments_blk,
ul.artifacts > li > div.media_blk,
ul.artifacts > li > div.attachments_blk,
ul.artifacts > li > div.source_blk
{
	margin-left: 20px;
	display: grid;
	grid-template-columns: 100px auto;
}

ul.artifacts > li > div.parties_blk > div.content > div.party_detail { display: table; }
ul.artifacts > li > div.parties_blk > div.content > div.party_detail > div.label { display: table-cell; width: 100px; }
ul.artifacts > li > div.parties_blk > div.content > div.party_detail > div.content { display: table-cell; }

ul.artifacts > li > div.media_blk > div.content > div.media_detail { border-top: 1px solid #7395a9; padding: 0px 0px 6px 0px; }
ul.artifacts > li > div.media_blk > div.content > div.media_detail > audio,
ul.artifacts > li > div.media_blk > div.content > div.media_detail > video { width: 100%; }


ul.artifacts > li > div.source_blk > div.content > ul.sources {
	list-style-type: none;
	margin: 0px;
}
ul.artifacts > li > div.source_blk > div.content > ul.sources > li {
	padding: 0px;
}




/* 
 *  A "fillable field" refers to a field in a hard-copy form, which a person typically hand writes
 *  the information.  This can also be used to represent something like a signature line.
 */
div.fld_blank,
span.fld_blank {
	display: inline-block;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: black;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}
/*
 *  An inline container for a blank/fillable field with a brief text description under it.
 */
div.fld_blank_desc,
span.fld_blank_desc {
	display: inline-block;
	vertical-align: top;
}
/*  When a fld_blank is contained in a fld_blank_desc it must use block display rather than
 *  inline-block display, so that the description text appears below it.  */
div.fld_blank_desc > div.fld_blank,
span.fld_blank_desc > div.fld_blank {
	display: block;
}
div.fld_blank_desc > div.desc,
span.fld_blank_desc > div.desc {
	display: block;
	text-align: center;
	font-size: 9pt;
}


div.notary_blk {
	width: 300px;
	margin: 2em 0em;
}
div.notary_blk > span.city_fld {
	width: 10em;
}
div.notary_blk > span.day_fld {
	width: 5em;
}
div.notary_blk > span.month_fld {
	width: 9em;
}


/**
 *	For simple transcript excerpt formatting, within a blockquote.
 */
blockquote.tr_excerpt {  }
/*  Old styling - replace with below  */
blockquote.tr_excerpt  div.entry { display: table; }
blockquote.tr_excerpt  div.entry > div.spkr { display: table-cell; width: 75px; }
blockquote.tr_excerpt  div.entry > div.stmt { display: table-cell; }
/*  New styling  */
blockquote.tr_excerpt  div.tr_entry {
	display: grid;
	grid-template-columns: 100px auto;
}
blockquote.tr_excerpt  div.tr_entry > div.spkr {  }
blockquote.tr_excerpt  div.tr_entry > div.stmt {  }