/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
	margin: 0;
	background: grey;
	}
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#content {
	width: 1000px;
	background: white;
	margin-left: auto;
	margin-right: auto;
	font-size: .9em;
	}


header {
	display: block;
	}

nav {
	display: block;
	padding: 5px 0px 5px 0px;
	background: red;
	}

section {
	display: block;
	float: left;
	width: 950px;
	padding-bottom: 2em;
	margin-left: 2em;
	}

aside {
	display: block;
	float: right;
	}

footer {
	display: block;
	background: black;
	color: white;
	font-size: .8em;
	}

#main {
	min-height: 20em;
	margin: 1em 1em 2em 1em;
	}

#browse_sub_form #slider {
	width: 300px;
	height: 1em;
	display: block;
	position: relative;
	top: -1.25em;
	left: 250px;
	}

#browse_sub_form #slider_label {
	border: 0;
	padding: 0;
	position: relative;
	top: -2.6em;
	left: 575px;
	display: inline;
	}

#slider div.ui-slider-range.ui-widget-header {
    background: red;
}

.coin_link {
	float: right;
	left: -415px;
	position: relative;
	}

.clickable {
	cursor: pointer;
	}

/* table sorter pager */


/* link styles */

a {
	text-decoration: none;
	}

nav a {
	color: white;
	}

nav a:hover {
	color: black;
	}

nav a.active {
	color: grey;
	}

/*styles for dropdown menu */

ul.topnav {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.topnav li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 2em;
	}

ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 2em;;
	top: 1em;
	background: red;
	margin: 0;
	padding: 0 0 1em 0;
	z-index: 500;
	display: none;
	float: left;
	}

ul.subnav li{
	margin: 0;
	padding-top: .5em;
	width: 170px;
	clear: both;
}

/*styles for object display*/

.float_left {
	float: left;
	width: 45%;
	}

.float_right {
	float: right;
	width: 45%;
	}

img.thumb {
	width: 100px;
	}

img.public_image {
	border: 1px solid black;
	display: block;
	}

.map {
	float: right;
	}

.caption {
	display: block;
	font-size: 90%;
	padding-bottom: 1em;
	width: 400px;
	text-align: left;
	}

/*View Styles*/
span.itemhead {
	color: red;
	display: block;
	font-weight:bold;
}

span.itemhead2 {
	color: red;
	margin-left: 15px;
}
span.entry {
	color: #000000;
	margin-left: 15px;
	display: block;
	padding-bottom: .8em;
}

span.no-indent {
	margin-left: 0px;
	}

span.entry a {
	font-weight:normal;
}

.float_left .item .itemhead{
	display: inline;
	}

.float_left .item .entry {
	display: inline;
	}

.image_item .entry {
	display: inline;
	}

.portrait {
	float: right;
	margin-right: 275px;
	}

.highlight {
	font-weight: bold;
	}

.text_snippet {
	padding-bottom: 1em;
	}

/*xml styles*/

*[data-rend='indent2'] {
    margin-left: 10px;
}

*[data-rend='indent4'] {
    margin-left: 20px;
}

*[data-rend='indent8'] {
    margin-left: 50px;
}

*[data-rend='indent12'] {
    margin-left: 80px;
}

*[data-rend='indent16'] {
    margin-left: 140px;
}

*[data-rend='italic'] {
	font-style: italic;
	}

*[data-rend='normal'] {
	font-style: normal;
	}

*[data-rend='sup'] {
	font-size: 11px;
	vertical-align: top;
	}

*[data-rend='center'] {
display: block;
text-align: center;
	margin-bottom: -1em;
	}

*[data-rend='right'] {
display: block;
	text-align: right;
	}

*[data-place='margin'] {
    display: block;
    float: right;
    width: 350px;
    margin-right: -300px;
    border: none;
    text-align: left;
}


#text {
  display: block;
  font-family: Junicode;
  font-size: 14pt;
  margin-left: 25pt;
  margin-top: 15pt;
  margin-bottom: 15pt;
  text-align: left;
      line-height: 1.1;
  width: 600px;
}


.note[data-type='original'] {
    display: block;
    font-style: italic;
    font-size: 12pt;
    float: right;
    width: 350px;
    margin-right: -380px;
    border: none;
    color: #000000;
    text-align: left;
}



.note[data-type='donorlist'] {
    display: block;
    font-style: italic;
    font-size: 12pt;
    float: right;
    width: 350px;
    margin-right: -380px;
    border: none;
    color: #000000;
    text-align: left;
    clear: right;
}


.seg[data-type='annotation'] {
     color: #5566ff;
     cursor: pointer
}

.seg[data-type='gloss'] {
     color: #5566ff;
     cursor: pointer
}

.note[data-type='editorial'] {
    display: block;
    font-style: italic;
    font-size: 12pt;
    float: right;
    width: 350px;
    margin-right: -380px;
    border: none;
    color: #000000;
    text-align: left;
    clear: right;
}




.seg[data-type='annotation'] .note[data-type='editorial'] {
        display: none
}

.div[data-type='label'] .pb {
    display: block;
}

.seg[data-type='annotation']:hover .note[data-type='editorial'] {
    display: block;
    font-size: 10pt;
    float: right;
    width: 350px;
    margin-right: -400px;
    border: thin solid rgb(0,0,0);
    padding: 10px;
    color: #000000;
    text-align: left;
    background-color: white;
    clear: right;
}


.seg[data-type='gloss'] .note[data-type='editorial'] {
        display: none
}

.seg[data-type='gloss']:hover .note[data-type='editorial'] {
    display: block;
    font-size: 10pt;
    float: right;
    width: 350px;
    margin-right: -400px;
    border: thin solid rgb(0,0,0);
    padding: 10px;
    color: #000000;
    text-align: left;
    background-color: white;
    clear: right;
}

.pb {
    display: block;
    padding-top:24pt;
    text-align:right;
    font-style:normal;

}

.pb:before {
    content: "[ page ";
}

.pb:after {
    content: "]";
}

.fw[data-type='pageNum'] {
    display: block;
    text-align: center;
    clear: both;
}

.fw[data-type='catch']{
	float: right;
}

.fw[data-type='runningTitle'] {
    display:block;
    text-align: center;
    padding: 12pt ;
}

.fw[data-type='sig'] + .fw[data-type='catch'] {
	display: inline;
	text-align: right;
	position: relative;
	top: -1.2em;
	color: black;
	}

.fw[data-type='sig'] {
    display:block;
    text-align: center;
}

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

.msItem:before {
    content: "item: ";
}


.msItem {
    display:block;
    padding-bottom: 12pt;
    margin-left: 10px;
}


.q[data-type='block'] {
    display: block;
    padding: 2pt;
}



.page:before {
    content: "[page:] ";
}

.page {
    display: block;
    text-align: right;
    padding-bottom: 22pt;
}



.unclear {
}

.head {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 120%;
    color: grey;
    padding-bottom: 6pt;
    padding-top: 22pt;
}

.normal {
    font-style: normal;
}

.reg-letter {
    color: rgb(80%, 10%, 10%);
}

.reg-unclear {
    color: gray;
    text-decoration: underline;
}

#teiHeader {
display: block;
font-family: "Andron Corpus",Georgia, Times;
  font-size: 12pt;
  margin-left: 25pt;
  margin-top: 15pt;
  margin-bottom: 15pt;
  text-align: left;
  width: 480pt;
}



#titleStmttitle {
    display: block;
    font-weight: 600;
    font-variant: small-caps;
    font-size: 140%;
    padding-top: 12pt;
    padding-bottom: 6pt;
    color: gray;
}

.author:before {
    display: block;
    font-weight: 600;
    font-variant: small-caps;
    font-size: 120%;
    padding-top: 6pt;
}
.author:after {
    content: ". ";
}

.respStmt {
	display: block;
	}

#sourceDesc:before {
    content: "Source: ";
    display: block;
    font-weight: 600;
    font-variant: small-caps;
    font-size: 120%;
    padding-top: 6pt;
}

.sourceDesctitle {
    display: inline;
    font-style: italic;
}

.sourceDesctitleArt {
    font-style: normal;
}

.sourceDesctitleJournal:after {
    content: " ";
}

.sourceDesctitleJournal {
    font-style: italic;
}


.sourceDesctitle:after {
    content: ". ";
}
.sourceDesc bibl date:after  {
    content: ". ";
}

.extent:after {
    content: ". ";
}

.measure:after {
    content: ". ";
}

.biblScope:after {
    content: ". ";
}

.settlement {
    display: none;
}

.institution {
    display: none;
}

.collection {
    display: none;
}

.idno {
    display: none;
}
.msName:after {
    content: "."
}


.locus:after {
    content: ".";
}

.msItem {
    display: block;
    padding-top: 16pt;
}
.title {
    display: inline;
}

.physDesc {
    display: block;
    padding-top: 20pt;
}

.physDesc:before {
    content: "Physical description: ";
    font-weight: 600;
}
.handDesc {
    display: block;
}

.origDate {
    display: block;
}
.origDate:after {
    content: ".";
}
.origPlace {
    display: none;
}


.pubPlace {
    display: inline;
}
.pubPlace:after {
    content: ": ";
}
.publisher {
    display: inline;
}
.publisher:after {
    content: ", ";
}
.pubdate:after {
    content: ". ";
}

#notesStmt:before {
    content: "Source document: ";
    display: block;
    font-weight: 600;
    font-variant: small-caps;
    font-size: 120%;
    padding-top: 6pt;
}

#respStmt .name:after {
    content: ", "
}

#publicationStmt {
    display: block;
    padding-top: 6pt;
}


.resp {
	font-style: italic;
	display: inline;
}

.note[data-type='orig'] {
    display: inline;
    float: right;
    width: 250px;
    color: #000000;
    margin-right: -300px;
    text-align: left;
    font-size: 70%;
    line-height: 1.0;
    text-indent: 0;
    clear: right;
}


.poem {
    display: block;
    padding-bottom: 15pt;
}

.line {
	display: block;
	}



.lineno {
    display: block;
    float: right;
    width: 250px;
    margin-right: -300px;
    text-align: left;
}



  .sic {
display: none;
  }



  .expan {
 display: none;
  }

  .abbr {

  }


  .add:before {
      content: "^"
  }


  .add:after {
      content: "^"
  }

  .orig {
      display: none;
  }

  .del {
      text-decoration: line-through;
  }

.gap .desc:before {
    content: "[  ";
}

.gap .desc:after {
    content: " ]";
}

body {
    padding-bottom: 300pt;
}

.unclear {
  text-decoration: underline
}

/* FOR handling objects temporarily*/

.ab[data-type='item'] {
    display: block;
    padding: 0;
}


/* COINS */

.ab[data-type='number']:after {
    content: ".";
}

.ab[data-type='number'] {
    display: inline;
}

.ab[data-type='comment'] {
display: block;
padding-top: 5px;
}

.figDesc {

}

.div[data-type='coin'] {
    display: block;
    padding-bottom: 25px;
}


.id {
    display: none;
}


/* XSL is now making these into a proper html table

.table {
	border-collapse: collapse;
}

.row {
    display: block;

}

.cell[data-n='1'] {
	margin-left: 0px;
}

.cell[data-n='2'] {
	margin-left: 70px;
}

.cell[data-n='3'] {
	margin-left: 70px;
}
*/
.seg[data-type='reverse'] {
    display:block;
}

.seg[data-type='reverse']:before {
    content: "reverse: ";
}

*[data-lang='la'] {

}

*[data-lang='gr'] {

}


/* TEMPORARY FOR BARGRAVE LABELS */

.div[data-type='label'] {
    display: block;
    padding: 20px;
}

.item {
	display: block;
	clear: both;
	}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}