@charset "UTF-8";
/*******************************************************************************************
 * Default CSS for TEI markup. Color and structure are broken apart for reskinning purposes
 *******************************************************************************************/
 
 /***************************
 *    Colors and Backgrounds
 ****************************/
 /****************
 Default Content
*****************/
.tei-content{
    color:#000;
}
/*********************************************
 * Errors
 *********************************************/
/* Error, unknown rend attribute*/
.tei_error,
.tei_rend_unknown{
    color:red;
    background-color:black;
}
/* Red text */
.tei_red{
    color:red;
    background-color:transparent;
}

/*********************************************
 * Cross Reference
 *********************************************/
/* structure indicating a organization, place, person etc.*/
.ref_orgname,
.ref_persname,
.ref_placename{
}
/* attribute attached to an entity with an entry in the corresponding master entity list*/
.ref_persname_known,
.ref_place_known,
.ref_event_known,
.ref_orgname_known{
    color:#0a416b; /* An indicator that the item is a link?   May not need coloring, or should be colored by link? */
}
/* attribute attached to an entity not found in the corresponding master entity list*/
.ref_persname_unknown,
.ref_place_unknown,
.ref_event_unknown,
.ref_orgname_unknown{
    /*color:red; */ /* These should be color only in the validation view */
}
/*********************************************
 * Entity information boxes
 *********************************************/
/* The popup entity information box */
.ref_popup{
    border-color: black;
    background-color:#fff;
    color:#000;
}
/* The title are of the info box*/
.ref_popup_title{
    border-bottom-color: #aaa;
    background-color: #eee;
}

/* The close button of the info box */
.ref_popup_close{
    background-color:#fff;
    background-image:url("icons-18-black.png");
    background-position:-71px center;
    background-repeat:no-repeat;
    border-color: #aaa;
}
.ref_popup_close:hover{
    background-color:#bbb;
}

/*********************************************
 * Document Structure
 *********************************************/
#tei-body{
    color:#000;
}
/* TEI div headings */
#tei-body h1,
#tei-body h2,
#tei-body h3,
#tei-body h4,
#tei-body h5,
#tei-body h6{
    color:black;
    background-color:inherit;
}
/*********************************************
 * Multi-line additions
 *********************************************/
/* Container for a multi-line addition */
.tei_multi_add{
    border-color: gray;
    background-color: #eee;
}
/* Location box for a multi-line addition */
.tei_multi_add .tei_add_place{
    color:#800;
    background-color:#eee;
    border-bottom-color: gray;
}
/* Location text in a multi-line addition */
.tei_multi_add .tei_add_place .tei_add_place{
    color:#800;
}
/*********************************************
 * Single line additions
 *********************************************/
/* Added text */
.tei_added_text{
    /*color: green;*/
}
/* Location text */
.tei_add_place .tei_add_place{
    color:#777;
}
/*********************************************
 * Deletions
 *********************************************/
/* Deleted text */
.tei_del{
    border-color: red;
    background-image: url("yellow_stripe.png");
}

.tei_del * {
    background: transparent;
}

.tei_del > * {
    border: none;
}

.tei_del .tei_added_text {
    border-color:red;
}
/*********************************************
 * Fundamental Typography
 *********************************************/
.tei_inline_note{
    color:#66f;
}
/*********************************************
 * Page Breaks
 *********************************************/
.tei_page_break div{
    color:#576972; /*#0a416b;*/
    background-color:#f1f1f1;
}
.tei_page_break .page_header{
    background-color:#ddd;
}

/********************
*    Images
*********************/
#tei-body .page-image {
    background-color: transparent;
}
/*********************************************
 * Semantic Marks
 *********************************************/
/* Catchwords (formatting uncertain - PLM 2/18/14) */
.tei_catchword{
    background-color:transparent;
}
/***********************************************
 * Transcription impediments
 ***********************************************/
/* Damage */
.tei_damage{
    background-color:#cc8;
}
/*********************************************
 * Tables
 *********************************************/
/** 
    Clearly tables will need additional properties to control
    their layout and appearance -- PLM 9/24/13 
*/
/* Container for a TEI encoded table */
.tei_table{
    border-color:black;
}
.tei_table td{
    border-top-color:black;
}
/************************
*    Structure
*************************/

/****************
 Default Content
*****************/
.tei-content{
    font-size:.85em;
    font-style:normal;
    font-weight:normal;
    text-align:left;
    margin:10px 12px 1em 10px;
    padding:.2em 1em;
    width:auto;
}

/*******************************
*    Author and Title Area 
*********************************/
#tei-hdr .tei_main_title, #tei-hdr .tei_author, #tei-hdr .tei_edition_title {
    text-align:center;
}
/*********************************************
 * Cross Reference
 *********************************************/

/* attribute attached to an entity with an entry in the corresponding master entity list*/
.ref_persname_known,
.ref_place_known,
.ref_event_known,
.ref_orgname_known{
    cursor: pointer;
}
/*********************************************
 * Errors
 *********************************************/
/* Error, unknown rend attribute*/
.tei_error,
.tei_rend_unknown{
    border-radius: 4px;
    font-size: 1.5em;
    padding: 0 0.2em;
}

/*********************************************
 * Entity information boxes
 *********************************************/
/* The popup entity information box */
.ref_popup{
    display:none;
    position:absolute;
    width:30em;
    height:15em;
    z-index:-2;
    border-width:1px;
    border-style: solid;
    border-radius: 8px;
}
/* The title are of the info box*/
.ref_popup_title{
    position:relative;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-radius: 8px 8px 0 0;
    padding:0.3em;
    font-weight:bold;
    min-height:24px;
}
/* The close button of the info box */
.ref_popup_close{
    float:right;
    border-width: 1px;
    border-style: solid;
    border-radius:6px;
    height:22px;
    width:22px;
    text-align:center;
    cursor:pointer;
}

/* Container for the content of the info box */
.ref_popup_view{
    position:absolute;
    overflow-y:auto;
    left:0;
    right:0;
    bottom:0;
    padding:0.3em;
    -webkit-overflow-scrolling: touch;
}
/* The info box content (contained within the view) */
.ref_popup_content{
    line-height:1.25em;
}
/* Attribute assigned to a popup window when it is visible */
.ref_popup_displayed{
    display:block;
    /* top & left set by javascript */
    z-index:2;
}
/*********************************************
 * Document Structure
 *********************************************/
#tei-body{
    margin:10px 12px 1em 10px;
    padding:.2em 1em;
    width:auto;
}
/* Bibliography */
.tei_bibliography{
    margin-left:3em;
    text-indent:-3em;
}
/* Basic paragraph in TEI document */
.tei_paragraph{
    margin-top:1em;
    margin-bottom:1em;
    margin-left:1.5em;
    line-height:2.5em;
}

/* TEI Div */
.tei_div{
    /* margin-left: 2em; */
    /* font-family:Verdana, Geneva, sans-serif;*/
    line-height:2.5em;
    margin-top:.5em;
    margin-bottom:.25em;
}
/* TEI div headings */
#tei-body h1,
#tei-body h2,
#tei-body h3,
#tei-body h4,
#tei-body h5,
#tei-body h6{
    padding:0;
    margin:0.5em 0;
    margin-top:1em;
    letter-spacing:normal;
}
/*********************************************
 * Figures
 *********************************************/
/* DOI attached to a figure */
.tei_doi{
    font-size:0.85em
}
/* Container for a figure description */
.tei_figDesc{
    margin:0.25em 1em;
}
/* Label for a figure, within the figDesc container */
.tei_figDesc_label{
    margin:0.25em 0;
}
/* Image produced from an figure's graphic element */
.tei_graphic_inline{
    display:inline;
    border:0;
}
/*********************************************
 * Multi-line additions
 *********************************************/
/* Container for a multi-line addition */
.tei_multi_add{
    display:inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    padding: .3em;
}
/* Location box for a multi-line addition */
.tei_multi_add .tei_add_place{
    display:block;
    line-height:1em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.tei_multi_add .tei_added_text {
    border: none;
    line-height: 1.5em;
}

/*********************************************
 * Single line additions
 *********************************************/
/* Container for a single line addition */
.tei_added_block{
}
/* Container for location and text of addition */
.tei_add_container{
    vertical-align: text-bottom;
}

/* Proofreading caret mark showing insertion point of a single line addition */
.tei_add_pr_mark{
    vertical-align:baseline;
}
/*********************************************
 * Deletions
 *********************************************/
/* Deleted text */
.tei_del{
    padding: .2em .1em;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    text-shadow: 0 0 gray;    
}
/* Deleted text within deletion?  (Possibly unneeded: PLM 2/18/14) */
.tei_del .tei_del{
    text-decoration:line-through;
    border:none;
}
.tei_del .tei_added_text {
    background-image: url("yellow_stripe.png");
}
/*********************************************
 * Paragraphs and indentation
 *********************************************/
/* Paragraph with an indented first line */
div.tei_indent{
    text-indent:3em;
}
/* Div/spans within paragraphs*/
div.tei_indent div,
div.tei_indent span{
    text-indent:0;
}
/* Leader for indented line within a paragraph */
span.tei_indent{
    width:3em;
}
/*********************************************
 * Fundamental Typography
 *********************************************/
/* Block lettering */
.tei_block_letter{
    text-transform:uppercase;
}
/* Bold text */
.tei_bold{
    font-weight:bold;
}
/* Italic text */
.tei_italic{
    font-style:italic;
}
/* Underlined text */
.tei_uline{
    text-decoration:underline;
}
/* Overlined text */
.tei_oline{
    text-decoration:overline;
}

.tei_inline_note{
}
/* Larger text than average */
.tei_large_text{
    font-size:1.2em;
}
/* Smaler text than average */
.tei_small_text{
    font-size:0.83em;
}
/* Superscript text */
.tei_sub{
    position:relative;
    top:0.3em;
    font-size:0.8em;
}
/* Subscript text */
.tei_sup{
    position:relative;
    bottom:0.5em;
    font-size:0.8em;
}
/* Centered text */
.tei_center{
    text-align:center;
}
/* Right justified text */
.tei_right{
    text-align:right;
}
/* Strikethrough/line-through*/
.tei_line_through {
    text-decoration:line-through;
}
/*********************************************
 * Page Breaks
 *********************************************/
.tei_page_break div{
    clear:both;
    font-size:1.2em;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    padding:4px;
    margin-top:1em;
    margin-right:20px;
    margin-bottom:1em;
    margin-left:0;
}
.tei_page_break .page_header{
    width:99%;
    padding:0 0.5em;
}
.tei_page_break hr{
    width:80%;
}
/* Thumbnail page image with links to image viewer*/
.page-image{
    float:right;
    text-align:center;
    margin-right:1%;
    margin-left:1%;
    display:none;
}
.page-image a{
    border:none;
}
.page-image .imageOptions{
    text-align:center;
}
.tei_trailer{
    margin-top:1.5em;
}
/*********************************************
 * Semantic Marks
 *********************************************/
/* Catchwords (formatting uncertain - PLM 2/18/14) */
.tei_catchword{
    font-weight:bold;
}
/* Dates (validation only?  PLM 2/18/14) */
.tei_date{
}
/* Foreign words */
.tei_foreign{
    font-style:italic;
}
/* Title */
.tei_title{
}
/*********************************************
 * Alternate transcriptions
 *********************************************/
/* Representation of all alternatives of text with multiple representations */
.tei_abbr_both,
.tei_reg_both,
.tei_corr_both{
    display:none;
}
/* Original (diplomatic) representation of text with multiple representations */
.tei_abbr_abbr,
.tei_reg_orig,
.tei_corr_orig{
    display:inline;
}
/* Editorially corrected (normalized) representation of text with multiple representations */
.tei_abbr_expan,
.tei_reg_reg,
.tei_corr_corr{
    display:none;
}
/***********************************************
 * Transcription impediments
 ***********************************************/
/* Damage */
.tei_damage{
}
/* Unclear text */
.tei_unclear{
}
.tei_supplied{
}
/***********************************************
 * Lists
 ***********************************************/
/* Ordered and unordered list containers */
.tei_list_ordered,
.tei_list_bulleted{
    display:table;
    padding:1em 0;
}
/* Unlabled (simple) list container */
.tei_list_unlabeled{
    padding:1em 0;
    display:table;
}
/* Container of a single list item */
.tei_list_item{
    display:table-row;
    vertical-align:top;
}
/* List item label */
.tei_list_item_label{
    text-align:right;
    padding-right:0.5em;
}
/* List item content */
.tei_list_item_label,
.tei_list_item_content{
    display:table-cell;
    padding-bottom:1em;
}
/*********************************************
 * Notes
 *********************************************/
/* Container for a note (general) */
.tei_note{
}
/* Identity of person (author) responsible for the note */
.tei_note_resp{
}
/* Type of note */
.tei_note_type{
    font-weight:bold;
}
/* Modified applied to a note that is positioned as a footnote */
.tei_footnote{
    font-size:0.8em;
}
/* Divider between normal page text and footnotes */
hr.tei_footnote_separator{
    text-align:left;
    width:10em;
}
/*********************************************
 * Tables
 *********************************************/
/** 
    Clearly tables will need additional properties to control
    their layout and appearance -- PLM 9/24/13 
*/
/* Container for a TEI encoded table */
.tei_table{
    border-style:solid;
    border-width:1px;
}
/* Row of a table */
.tei_table tr{
    vertical-align:top;
}
/* Cell of a table 
  (added top border for Meadows tables)
 */
.tei_table td{
    padding:1em;
    border-top-style:solid;
    border-top-width:1px;
}
/***********************************************
 * Metadata / Bibliographic Elements
 ***********************************************/
/** Where these items appear in a header should they be formated in
	a transformation or document specific way rather than here in
	the common TEI CSS? -- PLM 9/24/13
*/
.tei_edition_title{
    text-align:center;
}
.tei_fileDesc_id{
    font-weight:bold;
}
.tei_fileDesc_note{
    font-weight:bold;
}
.tei_fileDesc_event{
    font-weight: bold;
}
.tei_titlePage{
    text-align:center;
}
.tei_titleStmt_author{
    text-align:center;
}
.tei_titleStmt_title{
    text-align:center;
    font-style:italic;
}
.tei_sub_title{
    font-size:1.17em;
}
.tei_main_title_part{
    font-size:1.17em;
}
.tei_sub_title_part{
    font-size:1em;
}
#tei-hdr{
    margin-left:3em;
    margin-right:3em;
}
#tei-hdr h1{
    text-align:center;
    font-size:1.17em;
    font-style:italic;
}
#tei-hdr h2{
    text-align:center;
    font-size:1em;
}
#tei-hdr h3{
    text-align:center;
    font-size:0.83em;
}
#tei-hdr h4{
    text-align:center;
}
#tei-hdr p{
    margin-top:0.5em;
    margin-bottom:0.25em;
    line-height:1.5em;
}
#tei-hdr .tei_main_title{
    font-size:1.8em;
}
#tei-hdr .tei_sub_title{
    font-size:1.17em;
}
#tei-hdr .tei_edition_title{
    font-size:1.17em;
}
.tei_main_title_part{
    font-size:1.17em;
    font-weight:normal;
    text-align:center;
}
.tei_sub_title_part{
    font-size:1em;
    font-weight:bold;
    text-align:center;
}
#tei-hdr .tei_author{
    margin-top: .5em;
}
#tei-hdr .tei_note_type{
    font-weight:bold;
}

/******************************
* Responsive Styling
*******************************/

/******************************
* 721px to 800px wide
*******************************/
@media screen and (max-width: 800px) {
    .tei-content{
        margin-left:12px;
    }
}    

/******************************
* 651px to 720px wide
*******************************/
@media screen and (max-width: 720px) {
    .tei-content .tei_div, .tei-content .tei_div .tei_page_break {
        padding: 0;
    }
    .tei-content .tei_div .page_header {
        padding: .5em 0;
    }
}

/******************************
* 581px to 650px wide
*******************************/
@media screen and (max-width: 650px) {
    
    .tei-content{
        font-size:1em;
    }
    .tei-content .page-image {
        float:none;
        margin: 0 auto;
    }
}

/******************************
* 486px to 580px wide
*******************************/
@media screen and (max-width: 580px) {
    .tei-content {
        margin:.2em 0;
    }
    .tei-content{
        padding:.2em .4em;
    }
    .tei-content div{
        padding-left:.5em;
    }
    .tei-content p.label{
        width:130px;
    }
}