@charset "utf-8";

@page { margin: 5px;} 

/***************************************************************************/
/*   toc     ***************************************************************/
/***************************************************************************/
/* CTT-1176 - Treatment for Rationale
   CTT-1053 - Inline graphic for sidebar label
   CTT-1335 - CSS for learnobj-label and learnobj-text
   CTT-1336 - CSS treatment for biography content in epigraph
   CTT - 1757 - CSS/JS treatment for different "Sidenote" types -10/11/2017
*/

div.toc dl dt {
    font-weight: normal;
}

*.toc p, div.list-of-examples p {
    font: small-caps 105% sans-serif;
    color: #005A9C;
}

*.toc {
    margin-top: 3em;
}

nav#toc li {
	list-style-type:none;
}

nav#toc > ol > li > span > a {
    color: #0000ff
}
nav#toc > ol > li > ol > li > a {
    color: #0033ff
}
nav#toc > ol > li > ol > li > ol > li > a {
    font-size: .9em;
    color: #0066ff;
}
nav#toc > ol > li > ol > li > ol > li > ol > li > a {
    font-size: .9em;
    color: #0099ff
}
nav#toc > ol > li > ol > li > ol > li > ol > li > ol > li > a {
    font-size: .9em;
    color: #0099ff
}
nav#toc > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li  > a {
    font-size: .9em;
    color: #0099ff
}

nav#toc > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > ol > li > a {
    font-size: .9em;
    color: #0099ff
}

/***************************************************************************/
/* Front Matter ***************************************************************/
/***************************************************************************/

.edition {
color: #b03f3b;
}

.publishername {
line-height: 0.3em;
margin-top: 40px;
}

.publisheraddress {
line-height: 0.3em;
margin-bottom: 40px;
}

.name {
font-weight: bold;
}

.role {
font-style: italic;
}

.personname {
font-weight: bold;
}

.excerpt .creator {
border: none;
display: block;
font-family: "Helvetica", san-serif;
font-size: 0.8em;
}

.creator .name {
color: #b03f3b;
}

.creditslist .contributor {
display: block;
margin-top: 5px;
}

.isbn {
line-height: 0.3em;
margin-top: 40px;
}

.runinhead {
font-weight: bold;
}

/***************************************************************************/
/*   Body     **********************************************************/
/***************************************************************************/
/***************************************************************************/

body {
line-height: 1.3em;
font-family: "Droid-Serif", Cambria, "Times New Roman", Times, serif;
}

img {
margin: 0 auto;
max-width: 95%;
max-height: 100%;
height: auto;
page-break-inside: avoid; 
}

.mathexpr  img{
	display:none;
}
/*
img.imagemargin{
margin: 10 auto;
max-width: 95%;
height: auto;
}
*/

h1 {
font-family: "Helvetica", san-serif;
color: #b03f3b;
margin: 0px;
font-size: 1.5em;
page-break-inside: avoid; 
}

h2{
font-family: "Helvetica", san-serif;
color: #FF9733;
margin: 0px;
font-size: 1.3em;
page-break-inside: avoid; 
}

h3{
font-family: "Helvetica", san-serif;
color: #b03f3b;
margin: 0px;
font-size: 1.1em;
page-break-inside: avoid; 
}

/*
li > p {
font-family: "Helvetica", san-serif;
color: #b03f3b;
margin: 0 0 15px 0;
font-size: 1.1em;	
}
*/

.blockquote{
font-size: 100%;
margin: 0 5%;
font-style: italic;
background-color: #f2f2f2;
padding: 20px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.pulledcontent{
font-size: 100%;
margin: 0 5%;
font-style: italic;
background-color: #f2f2f2;
padding: 20px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.epigraph{
font-size: 100%;
margin: 0 5%;
font-style: italic;
font-size: 18px;
background-color: #f2f2f2;
padding: 20px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.epigraph .biographical{
font-size: 80%;
margin: 0 5%;
font-style: italic;
/*font-size: 16px;*/
background-color: #f2f2f2;
padding: 20px;
-moz-border-radius: 10px;
border-radius: 10px;
}

table .inlinegraphic {
display: block;
}

.summary h1{
border-left: 10px solid #137ecc;
color: #fff;
padding: 0 0 2px 8px;
font-size: 130%;
margin: 0px;
background-color: #48A8EE;
line-height: 1.6em;
}

.summary .list{
margin: 0 25px;
}


/***************************************************************************/
/* Side Content ***************************************************************/
/***************************************************************************/

aside {
margin: 10px 0px;
border: 10px solid #f2f2f2;
border-radius: 10px;
background-color: #fff;
padding: 0px 10px 15px 10px;
clear: both;
display: block;
height: auto;
}

.figure {
margin: 10px 0px;
border: 10px solid #f2f2f2;
border-radius: 10px;
background-color: #fff;
padding: 0px 10px 15px 10px;
clear: both;
display: block;
height: auto;
page-break-inside: avoid; 
}

figcaption .shortanswer li{
line-height: 1.0em;
}

.quiztitle{
margin: 0px 0px 0px 0px;
}

.mediacredit {
margin: 5px 10px 0px 10px;
line-height: 14px;
text-align: center;
color: #333;
font-size: 80%;
word-wrap: break-word;
display: inline-block;
width: 100%;
}

p.mediacredit{
	margin: 5px 10px 0px 10px;
	line-height: 14px;
	/*text-align: center;*/
	color: #333;
	font-size: 80%;
	word-wrap: break-word;
	display: inline-block;
	width: 100%;
	text-align: -webkit-match-parent;	
}

.image.margin{
width: 25%;
margin: 0px 0px 5px 20px;
float: right;
text-align: center;
page-break-inside: avoid; 
}

.image.margin p{
width: 100%;
}

.creditbyline {
font-size: 90% !important;
font-style: italic;
text-align: right;
display: block;
}



.xref:first-child{
font-weight: bold;
color: #00609A;
}

.source {
word-wrap: break-word;
}

.source .ref{
text-indent: 0px;
margin-bottom: 0px;
display: inline-block
}

.dialog{
font-size: 100%;
margin: 0 5%;
background-color: #f2f2f2;
padding: 20px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.speech{
line-height: 70%;
margin: 10px;
}

.dialog span+p{
display: inline;
font-weight: normal;
line-height: 1.35em;
}

.speech p {
line-height: 1.35em;
}

.speaker{
margin-right: 5px;
font-weight: bold;
float:left;
}

.speech {
line-height: 1.35em;
}


.versewrapper {
	padding-left:10px;
	margin: 0 100px 15px 115px;
	display: block;
}
 
.versewrapper h3 {
	font-size: 128%;
    line-height: 1.4;
    color: #b03f3b;
    margin-bottom: 10px;
    font-weight: 600;
	text-indent: -30px;

}
 
.versewrapper .lineGroup {
	padding:8px 0;
}
.versewrapper .line {
	text-indent:-12px;
	display:block;
	padding-bottom:4px;
}
.versewrapper .line:after {
	content:"";
}
.content > .versewrapper .line:after {
	clear: none;
}
.versewrapper .linenumber {
	float:left;
	margin-left:-25px;
}

aside .shortanswer ul{
padding: 0px;

}

aside .shortanswer ul li{
line-height: 1.3em;
list-style-type: none;
clear: left;
}

.essay ul, .matchingsection ul, .response ul, .lgitems ul, .matchquestion ul, 
.matchresponse ul, .multiplechoice ul, .shortanswer ul, .truefalse ul, .fillinblank ul
{
list-style-type: none;
}


.questionnumber{
float: left;
padding-right: 6px;	
	
}

aside .excerpt .title{
color: #FF9733;
margin: 10px 0px 0px 0px;
font-size: 1.0em;
}

.note {
margin: 10px 0px;
border: 10px solid #f2f2f2;
border-radius: 10px;
background-color: #fff;
padding: 0px 10px 15px 10px;
clear: both;
display: block;
height: auto;
}

.subtitle{
margin: 0;
color: #000;
}

aside .title{
margin: 10px 0px 10px 0px;
display: block;
width: auto;
font-size: 1.0em;
color: #000;
height: auto;
line-height: 25px;
}

.fixed .label:first-child{
background-color: #FF9733;
border-left: 10px solid #df7300;
color: #fff;
padding: 5px 10px 5px 10px;
clear: left;
margin: 0 12px 0 -20px;
}

.float .label:first-child{
background-color: #FF9733;
border-left: 10px solid #df7300;
color: #fff;
padding: 5px 10px 5px 10px;
clear: left;
margin: 0 12px 0 -20px;
}

.margin .label:first-child{
background-color: #48A8EE;
border-left: 10px solid #137ecc;
color: #fff;
padding: 5px 10px 5px 10px;
clear: left;
margin: 0 12px 0 -20px;
}

.dependent.narrative.margin:first-of-type>.title {
background-color: #48A8EE;
border-left: 10px solid #137ecc;
color: #fff;
padding: 5px 10px 5px 10px;
clear: left;
margin: 10px 12px 0px -20px;
display: inline-block;
width: auto;
height: auto;
}

.dependent.interactive.margin:first-of-type>.title {
background-color: #48A8EE;
border-left: 10px solid #137ecc;
color: #fff;
padding: 5px 10px 5px 10px;
clear: left;
margin: 10px 12px 0px -20px;
display: inline-block;
width: auto;
height: auto;
}

.simplesection .title {
color: #FF9733;
margin: 10px 0px 0px 0px;
font-size: 1.0em;
}

/*
aside .label .inlinegraphic{
	display:inline;
}
*/
/* changing from "none" to "inline" CTT-1053 */
.label .inlinegraphic{
display: inline;
}



/*
.readingpassage{
margin: 10px 0px;
border: 10px solid #f2f2f2;
border-radius: 10px;
background-color: #fff;
padding: 0px 10px 15px 10px;
clear: both;
display: block;
height: auto;
}
*/

.readingpassage{
border: 0;
border-left: 10px solid #f3f3f3;
border-top: 1px dashed #cecece;
border-bottom: 1px dashed #cecece;
background-color: #fff;
padding: 15px;
border-radius: 0;
}

.readingpassage h3{
font-size: 112%;
color: #000;
margin: 0 0 20px 25px;
float: none;
padding: 5px 0 0 0;
margin: 0;
background-color: transparent;
border: 0;
	
}

.readingpassage .introduction{
font-weight: 400;
border-bottom:1px solid #ddd;
margin-bottom:15px;
clear:left;

}

.readingpassage .introduction p {
/*line-height: 1.4;*/
font-family: "Facitweb", Tahoma, Arial, sans-serif;
}
/*
span.fibresponse.correct {
display: none;
background-color: #FBF796;
}
*/
.fibresponse {
	display:inline-block;
	float: none!important;
	border-bottom:1px solid #000;
	width: 100px;
	margin: 0px 8px;
}


.fibresponse.length1 {
	width:30px;
}
.fibresponse.length2 {
	width:60px;
}
.fibresponse.length3{
	width:90px;
}
.fibresponse.length4 {
	width:120px;
}
.fibresponse.length5 {
	width:150px;
}
.fibresponse.length6 {
	border-top:1px solid #000;
	height:2em;
	width:96%;
	margin-top:1em;
}

.image.margin figcaption{
text-align: center;
}

.procedure {
border-top: 1px dashed #cecece;
margin: 0px 15px 0px 15px;
}

.procedure .title{
font-family:  "Helvetica", san-serif;
font-size: .95em;
line-height: 30px;
color: black;
margin-top: -1px;
}

.procedure .label {
font-size: 112%;
line-height: 1.3em;
font-weight: bold;
color: #f9ce4e;
float: left;
background-color: #5c5c5c;
border-left: 10px solid #474546;
padding: 5px 10px;
margin: 0 12px 20px 0;
border-radius: 0;
}

.procedure dependent.narrative.margin .label {
font-size: 112%;
line-height: 1.3em;
font-weight: bold;
color: #f9ce4e;
float: left;
background-color: #5c5c5c;
border-left: 10px solid #474546;
padding: 5px 10px;
margin: 0 12px 20px 0;
border-radius: 0;
}

.procedure .dependent.narrative.margin .title {
font-size: 80%;
background-color: #48A8EE;
border-left: 10px solid #137ecc;
color: #fff;
padding: 0;
clear: left;
margin: 10px 12px 0px -10px;
display: inline-block;
width: auto;
height: auto;
}

.procedure .steps{
margin: 0px 10px;
}

.procedure .condition p{
clear: left;
}

.procedure .condition{
margin: 0px 10px;
}

.example {
margin: 15px;
border-top: 1px dashed #f2f2f2;
border-bottom: 1px dashed #f2f2f2;
border-left: 5px solid#f2f2f2;
padding: 10px;
}

.example .manuallabel {
margin-left: -20px;
}

.example .source{
margin-left: 10px;
font-family: 'Arial', 'Helvetica', sans serif;
font-size: 0.80em;
}

/***************************************************************************/
/* Legal Cases ***************************************************************/
/***************************************************************************/

.case {
margin: 10px 0px;
border-left: 10px solid #f2f2f2;
border-top: 1px dashed #cecece;
border-bottom: 1px dashed #cecece;
background-color: #fff;
padding: 10px 10px 15px 10px;
clear: both;
display: block;
height: auto;
}

.case section .title h4{
margin-left: 10px;
}

.case section .title h3{
margin-left: 10px;
}

.case .title{
margin: 0px 0px 15px -10px;
font-family:  "Helvetica", san-serif;
font-size: .90em;
line-height: 30px;
}

.case .label {
font-size: 112%;
line-height: 1.3em;
font-weight: bold;
color: #f9ce4e;
float: left;
background-color: #5c5c5c;
border-left: 10px solid #474546;
padding: 5px 10px;
margin-right: 10px;
border-radius: 0;
}

.case .legalcitation{
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
line-height: 1.4em;
clear: left;
font-family:  "Helvetica", san-serif;
font-size: .90em;
}

.case .tablewrapper{
border: 0;
margin: 0px 25px;
}

.case aside {
margin: 10px 0px;
border: none;
background-color: #fff;
padding: 0px 10px 15px 10px;
clear: both;
display: block;
height: auto;
}

/***************************************************************************/
/* Lists ***************************************************************/
/***************************************************************************/

ul {
line-height: 1.0em;
}

.learnobjlist{
margin-left:auto;
margin-right:auto;
width: 75%;
line-height: 1.3em;
border-left: 10px solid #f8ebbf;
background-color: #F8F4E9;
clear: right;
margin-bottom: 10px;
padding-bottom: 5px;
}

.learnobjlist .listtitle{
padding: 5px 0px 0px 10px;
margin-bottom: 0px;
}

.learnobjlist ul{
border-left: none;
list-style-type: none;
width: auto;
padding-right: 20px;
margin-bottom: 0px;

}

.learnobjlist ul li{
border-bottom: 1px dashed #f9c95a;
margin-bottom: 10px;
padding-bottom: 10px;
}

ol.learnobjlist li.learnobj{
margin-bottom: 10px;
padding-bottom: 10px;
}

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

li.listpara p{
	text-align: -webkit-match-parent;
	margin-left: 1em;
}
/*
li.listpara p:before {
	content: "1. ";	
}
*/
ol.learnobjlist{
	list-style-type: none;
	counter-reset:itemCounter;
}

ol li.learnobj:before{
	content: counter(itemCounter) ". ";
	counter-increment: itemCounter;
}




.unformatted {
list-style-type: none;
line-height: 1.6em;
margin-right: 40px;
padding-left: 10px;
}

.customized{
margin-top: 0;
clear: left;
padding: 0 0 0 40px;
list-style-type: none;
}

.listtitle {
margin-bottom: 10px;
font-size: 112%;
color: #FF9733;
line-height: 1.4em;
}

.list{
line-height: 1.3em;
}

.customized.list p{
display: inline;
}

.lower-alpha {
list-style-type: lower-alpha;
}

.upper-alpha {
list-style-type: upper-alpha;
}

.lower-roman {
list-style-type: lower-roman;
}

.upper-roman {
list-style-type: upper-roman;
}

.eventslist .eventitem {
line-height: 1.0em;
border-bottom: 1px solid #cdcdcd;
}

.year{
float: left;
margin-right: 20px;
}

.shortdate .year{
float: left;
margin-right: 20px;
}

.longdate .year{
float: left;
width: 100px;
margin-right: 20px;
}

.longdate .eventdescription{
margin-left: 120px !important;
line-height: 18px;
}

.longdate .eventitem{
border-bottom: 1px solid #cdcdcd;
}

.daterange {
width: 100px;
float: left;
margin-right: 20px;
line-height: 12px;
height: auto;
text-align: right;
}

.daterange .year{
width: auto;
margin-right: 0px;
float: none !important;
}

.eventdescription {
margin-left: 56px;
}

.pairedlistentry{
line-height: 1.0em;
}

.pairedlistentry .item1{
float: left;
}

.item1 p{
margin-top: 0px;
}

.pairedlistentry .item2 {
margin-left: 50px;
}

.steps{
list-style-type: none;
}

.eventslistdiv .year {
float: left;
text-align: right;
}

.step .label {
background-color: #ff9733;
color: #fff;
padding: 2px 3px;
margin: 25px;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
float: left;
margin: 0 10px 0 0;
font-size: 96%;
font-weight: normal;
border: 0;
}

.fixed .step .label {
background-color: #ff9733;
color: #fff;
padding: 2px 6px;
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
float: left;
margin: 0 10px 0 0;
font-size: 96%;
font-weight: normal;
border: 0;
}

.step .title h3{
border-bottom: 1px solid #ccc;
line-height: 1.4em;
margin-top: 20px;
height: 22px;
}

.step {
margin: 0px 10px;
}


.learnobjdiv{
padding-bottom: 20px;
}

.learnobjdiv ul{
padding: 0px;
}

.learnobjdiv ul li{
list-style-type: none;
}

.refnotelist .ref{
text-indent: -12px;
margin: 12px 0px 0px 12px;
}

.sourcetitle {
font-style:italic
}

.refnotelist ul{
list-style-type: none;
padding: 0px;
}

.urientry {
line-height: .25em;
}

.uri {
word-wrap: break-word;
line-height: 1.0em;
}

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

.urilistdivlist .urientry {
line-height: 1.0em;
padding-bottom: 10px;
}

.urilistdiv ul{
padding: 0px;
}

.keytermlist ul{
list-style-type: none;
line-height: 1.5em;
padding-left: 12px;
}

.refdivlist .ref{
text-indent:30px;
padding-bottom: 30px;
line-height: 1.0em;
margin: 0;
}

.ref {
text-indent:50px;
line-height: 1.25em;
}

.manuallabel{
float: left;
margin-right: 10px;
}

.pairedlist .item1{
}

.pairedlist .item2{
}

.uridescription{
line-height: 1.0em;
}

.uridescription p{
margin-top: 3px;
}

.margin .learnobj{
background-color: #f6cd50;
border-left: 10px solid #d7b243;
color: #5d2f0e;
font-weight: bold;
padding: 5px 0px 5px 10px;
clear: left;
margin: 0 12px 0 -20px;
line-height: 30px;
}

.learnobj-text{
	display:none;
	width: 25%;
	height: auto;
	border-left: 10px solid #D7B243;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fcde9e;
	color: #666;
	-webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
	padding: 10px;
	z-index:1002;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.learnobj-label{
	font-weight: bold;
	color: #00609A;
	border-bottom: 1px dotted #0081bc;
	cursor: pointer;
}


/*
.learnobj .replacementtext{
font-weight: normal;
color: #000;
padding: 5px 5px 5px 10px;
background-color: #fff;
}
*/
.customized.learnobjlist .learnobj{
margin-bottom: 5px;
padding: 10px 0px 15px 0px;
}

.learnobj .manuallabel{
background-color: #f6cd50;
color: #5d2f0e;
font-weight: bold;
padding: 5px 10px 5px 10px;
float: left;
border-left: 10px solid #d7b243;
}

.excerpt {
border: 1px dashed #cecece;
background-color: #f9f9f9;
border-radius: 4px;
padding: 25px;
}

/***************************************************************************/
/* Tables ***************************************************************/
/***************************************************************************/

table{
font-family: "Helvetica", san-serif;
}

table.frameall {
    border: 1px solid #000;
}

table.framesides {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

table.frametopbot {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

table.framebottom {
    border-bottom: 1px solid #000;
}

table.frametop {
    border-top: 1px solid #000;
}

th{
background-color: #E9E9E9;
font-size: 85%;
padding: 3px;
}

td{
font-size: 75%;
padding: 5px;
vertical-align: top;
}

td.valignbottom, th.valignbottom {
	vertical-align: bottom;
}

td.sidescore, th.sidescore {
    border-right: 1px solid #000;
}

td.underscore, th.underscore {
    border-bottom: 1px solid #696969;
}

tr:nth-child(even){
background-color:#EEF7FC;
}

table .list{
padding: 0px 5px 5px 20px;
}

.tablewrapper .figure {
margin-top: 10px;
border: none;
padding: 0;
}

.tablewrapper {
margin: 10px 0px;
border: 10px solid #f2f2f2;
border-radius: 10px;
background-color: #fff;
padding: 10px 10px 15px 10px;
clear: both;
display: block;
height: auto;
}

.tablewrapper h3 .label{
background-color: #FF9733;
border-left: 10px solid #df7300;
color: #fff;
padding: 5px 10px 5px 10px;
clear: left;
margin: 0 12px 0 -20px;
}

.tablewrapper h3 {
display: block;
width: auto;
font-size: 1.0em;
color: #000;
height: auto;
line-height: 25px;
}

.alignright {
text-align: right;
}

.alignchar {
text-align: right;
}

.aligncenter {
text-align: center;
}

.alignleft {
text-align: left;
}

/***************************************************************************/
/* Quizzes ***************************************************************/
/***************************************************************************/

.truefalse{
line-height: 0.5em;
}

.truefalseresponse{
line-height: 0.5em;
}

.multiplechoiceresponse {
line-height: 0.5em;
}

.shortanswer li{
line-height: 0.5em;
clear: left;
}

.quiz p{
line-height: 1.2em;
}

.matchingsection {
	text-indent:0;
	height:auto;
	width:auto;
	overflow:auto;
	padding:18px 4px 4px;
	background-color:#FFF;
	background-image:none;
}

.matchingsection .matchquestion{
float: left;
width: 40%;
margin-right:12px;
	
}

li.matchingitem{
	list-style-type: none;
}
.matchingsection .matchresponse{
float: left;
width: 40%;
clear:none;
	
}

.fillinblank li{
line-height: 0.5em;
}

.answerHeading{
border: 1px black solid;
margin: 5px;
padding: 0px 2px 0px 2px;
width: auto;
height: auto;
text-indent: 0;
cursor: pointer;
}

div.correct {
display: none;
background-color: #FBF796;
}


/*div.rationale {
display: none;
}
*/

span.correct {
display: none;
background-color: #FBF796;
}

 
div.correct figure{
background-color: #FBF796;
}
 
.essay .rationale{
display: none;
}

.fillinblank .rationale{
display: none;
}

.matchingsection .rationale{
display: none;
}

.truefalse .rationale{
display: none;
}

.multiplechoiceresponse .rationale{
display: none;
}

.subitem.answer .rationale{
display: none;
}

.multiplechoiceresponse .toggleRationale{
display: none;
}
.difficulty1, .difficulty2, .difficulty3 {
	width:16px;
	height:12px;
	float:left;
	font-size: 75%;
	margin-right:4px;
	color:#fff;
	line-height: 1em;
	margin: 1px 15px 0 0;
	padding: 1px 2px;
}

.difficulty1 {
	background: url("../graphics/difficulty1.png") no-repeat scroll top left transparent;
}
.difficulty2 {
	background: url("../graphics/difficulty2.png") no-repeat scroll top left transparent;
}
.difficulty3 {
	background: url("../graphics/difficulty3.png") no-repeat scroll top left transparent;
}

li p .difficulty1 {
	float: none;
	display: inline-block;
}
li > span.difficulty2 + ol {
	clear: none;
}

/***************************************************************************/
/* Photos ***************************************************************/
/***************************************************************************/

.figure h3{
color: #000;
font-size: 1.0em;
}

aside .figure{
border: none;
}

.figureimage{
margin-top: 10px;
display: block;
text-align: center;
}

.figuretitle{
text-align: left;
margin-top: 10px;
font-size: 90%;
color: #000;
}

figcaption {
text-align: left;
padding-top: 0px;
font-size: .9em;
}

.figuretitle h3 .label{
background-color: #FF9733;
border-left: 10px solid #df7300;
color: #fff;
padding: 5px 10px 5px 10px;
clear: left;
margin: 0 12px 0 -20px;
}

.figuretitle h3 {
display: block;
width: auto;
font-size: 1.0em;
color: #000;
height: auto;
line-height: 25px;
}

/***************************************************************************/
/* Styles ***************************************************************/
/***************************************************************************/

.smallcaps {
font-variant:small-caps;
}

.boxed {
border: 1px gray solid;
padding: 0px 2px;
}

.circled {
border: 1px gray solid;
border-radius: 10px;
padding: 0px 2px;
}

.doubleunderscore{
border-bottom: 3px double;
line-height: 1.7em;
}

.cursive {
}

.monofont{
}

.overline{
text-decoration:overline
}

.roman{
font-family: "Times New Roman", serif;
}

.sanserif{
font-family: "Arial","Helvetica",san-serif;
font-size: 0.9em;
}

.strikethrough {
text-decoration:line-through
}

.underscore {
text-decoration:underline
}

.color1{
color: #FF0000;
}

.color2{
color: #0000FF;
}

.color3{
color: #008000;
}

.color4{
color: #800080;
}

.color5{
color: #FFA500;
}

.color6{
color: #FF0000;
}

.highlight1{
background-color: #ECD0E1;
}

.highlight2{
background-color: #CADDDC;
}

.highlight3{
background-color: #DADFBC;
}

.highlight4{
background-color: #C2CBE8;
}

.highlight5{
background-color: #FEDCC6;
}

.highlight6{
background-color: #FCEBC7;
}

/***************************************************************************/
/* Math ***************************************************************/
/***************************************************************************/

.fraction {
display: inline-table;
padding: 0 8px;
vertical-align:middle;
font-size: .80em;
}

.numerator {
border-bottom: 1px solid #000000;
display: table-cell;
text-align: center;
}

.denominator {
display: table-row;
text-align: center;
}




/***************************************************************************/
/* PopUps ***************************************************************/
/***************************************************************************/

/*
span.toggleAnswer:active{
outline: -webkit-focus-ring-color auto 5px;
}
*/


.keytermentry  > .keyterm:not(:last-child){
font-weight: bold;
color: #00609A;
border-bottom: 1px dotted #0081bc;
cursor: pointer;
}

.keytermentry  > .keyterm:last-child{
font-weight: bold;
color: #00609A;
border-bottom: 1px dotted #0081bc;
}


.keytermentry .keytermdef {
display: none;
width: 25%;
height: auto;
border: 5px solid white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #e1e1e1;
color: #666;
-webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
padding: 10px;
z-index:1002;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

}

/*
.keytermentry .keytermdef{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}
*/
a.footnoteref {
text-decoration:none;
}


a.sidenoteref {
   
	content: url("../graphics/info.png") ;
	
}

a.bionoteref {
   
	content: url("../graphics/info_orange.png") ;
	
}
a.histnoteref {
   
	content: url("../graphics/info_green.png") ;
	
}
a.itemnoteref {
   
	content: url("../graphics/info_purple.png") ;
	
}
a.technoteref {
   
	content: url("../graphics/info_red.png") ;
	
}
 
aside.footnote, aside.sidenote {
display: none;
}



aside.footnoteshow, aside.sidenoteshow {
    display: inline-block;
    /*width: 50%;*/
    height: auto;
    border: 5px solid white;
    margin: 0px auto 10px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #e1e1e1;
    color: #666;
    -webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    padding: 10px;
    position: absolute;
    /*left: 25%;*/
    z-index:1002;
}

aside.bionoteshow {
    display: inline-block;
    /*width: 50%;*/
    height: auto;
    width: 280px;
    border: 5px solid white;
    margin: 0px auto 10px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #e1e1e1 !important;
    color: #666;
    -webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    padding: 10px;
    position: absolute;
    /*left: 25%;*/
    z-index:1002;
}
 
.bionoteshow figure
{
background-color: #e1e1e1;
}

.bionoteshow h3
{
background-color: #e1e1e1;
font-size: 112%;
line-height: 1.4;
font-weight: 600!important;
color: #000;
margin: 0 0 0 25px;
display: block;
padding-top: 5px;
}

aside.histnoteshow, aside.technoteshow, aside.itemnoteshow {
    display: inline-block;
    /*width: 50%;*/
    height: auto;
    width: 280px;
    border: 5px solid white;
    margin: 0px auto 10px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #e1e1e1 !important;
    color: #666;
    -webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
    padding: 10px;
    position: absolute;
    /*left: 25%;*/
    z-index:1002;
}

.histnoteshow figure, .technoteshow figure, .itemnoteshow figure
{
background-color: #e1e1e1;
}

.histnoteshow h3, .technoteshow h3, itemnoteshow h3
{
background-color: #e1e1e1;
color: #666666;
font-size: 100%;
letter-spacing: 0;
margin: 0;
padding: 0;
display: inline;

}

.itemnoteshow span.label {
    font-weight: normal;
    color: #AE4D17;
}

.tempSpan {
font-size: 2.1em;
line-height: 2.1em;
display: inline;
}


aside.footnoteshow  span.title{
display:inline;
margin: 10px 0px 10px 0px;
width: auto;
font-size: 1.0em;
color: #666;
height: auto;
line-height: 25px;
float:none;
}

aside.footnoteshow span.year{
margin: 10px 0px 10px 0px;
width: auto;
font-size: 1.0em;
color: #666;
height: auto;
line-height: 25px;
float:none;
}

aside.footnoteshow span.shortdate span.year{
margin: 10px 0px 10px 0px;
width: auto;
font-size: 1.0em;
color: #666;
height: auto;
line-height: 25px;
float:none;
}

aside.footnoteshow span.longdate span.year{
margin: 10px 0px 10px 0px;
width: auto;
font-size: 1.0em;
color: #666;
height: auto;
line-height: 25px;
float:none;
}

.footnote{
font-size: .85em;
line-height: .90em;
word-wrap: break-word;
}

.footnotes sup+p{
display: inline;
}

.footnotes .footnote {
margin: 10px;
}

.footnotes sup{
margin-right: 5px;
}

.footnotes .personname{
font-weight: normal;
}

span.phrase {
	position:relative;
	padding-bottom:1.6em;
	display: inline-block;
	margin: 0 10px;
}
.phrase .bottom {
	position: absolute;
	left:-10px;
	bottom:0;
	width:100%;
	text-align: center;
	padding:0;
	display: inline-block;
	font-weight: normal;
	white-space: nowrap;
}

.phrase .top {
	position: absolute;
	left:-10px;
	top:-20;
	width:100%;
	text-align: center;
	padding:0;
	display: inline-block;
	font-weight: normal;
	white-space: nowrap;
}

/*
span.phrase:first-child{
font-weight: bold;
color: #00609A;
border-bottom: 1px dotted #0081bc;
cursor: pointer;
}

span.phrase  > span.phrase.top.label {
position: absolute;
z-index: 100;	
}
*/

span.space-chars {
display: none;	
}