@media all {
    /* helper */
    .mb-5 {
      margin-bottom: 5px;
    }
    .mb-10 {
      margin-bottom: 10px;
    }
    .mb-20 {
      margin-bottom: 20px;
    }
    .lht-24 {
      line-height: 24px;
    }
    .key{
    	color: #000;
    	padding: 0 14px 0 0;
    	text-align: right;
    	font-weight: bold;
    	width: 80px;
    	vertical-align: top;
    }
    .val {
    	color: #333;
    	vertical-align: bottom;
    }

    #obit-content .beigeboxHome {
        margin: 1.5em 0;
        padding: 0;
        border-bottom: 2px solid #eae8dc;
    }


    #ssdi-content td{
        padding: 0 0 0.6em;
    }
    #ssdi-content td.key {
        padding-right: 1em;
        width: 10.5em;
    }

    #ssdiSide {
        float: left;
        width: 270px;
        margin: 0 0 20px 60px;
        padding: 1em;
        position: relative;
        border: 2px solid silver;
    }

    #no-results, #ssdi-disclaimer {
        background: #f3f3f3;
        border: solid 1px #d9d9d9;
    }

    #ssdi-disclaimer {
        margin: 2em;
        max-width: 500px;
        border-radius: 7px;
        padding: 1em;
    }
    .ascii_art {
        margin: 0 12px;
    }

    .text-heavy {
        padding: 0 0px;  /* margin to left of left column - originally 12px */
    }

    .ssdi-table {
        max-width: 500px;
        margin: 0 0 0 50px;
        display: block;
    }

    .ssdi-head {
        display: block;
        margin: 1em 0 0.7em;
        font-weight: bold;
    }
    .ssdi-content td {
        padding: 0 0 0.6em;
    }

    .ssdiLinks h4 {
        color: #4C6E01;
        text-align: center;
    }
    .ssdiLinks li {
        margin: 0 0 0 1.6em;
        list-style: disc;
    }
    .ssdiLinks li a {
        display: block;
        padding: 0.3em 0 0.5em;
    }



    #obit-content {
    	/* background:#EAE8DC; */	/* OBIT default background color */
    }

    .obit {
	   line-height: 1.7em;
    }
    .obit  .heading-lines h2 {
	    font-size: 2em;
        //font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-family: verdana,arial,sans-serif;
        line-height: 1.4em;
        margin-top: 1em;
        color: #333;
        font-weight: 400;
    }
    .obit .heading-lines h4 {
	    font-size: 1.3em;
        //font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-family: verdana,arial,sans-serif;
        font-weight: 400;
        padding-top: 4px;
    }
    .obit .pub-info img{
        padding: 0 0 2px 0;
    }

    .obit .key {
	    padding: 0;
    }
    .obit .heading-lines {
        margin: 1.5em 0 0 2em;
    }

    .obit .article {
        margin: 0 0 0 2em;
    }

    .nofs .article {
        width:85%;
    }


    .obit .pub-info {
	    margin: 1.5em 1em 1.5em 2em;
	    max-width: 424px;
    }
    .obit .copyright {
	    margin: 3em 0 1em;
	    color: #777;   // font color
	    line-height: 1.7em;
    }

    .page-doc-ssdi h2 {
    	margin: 1em 0 0.7em;
    }

    /* THREE-Column layout based on: http://matthewjamestaylor.com/blog/perfect-3-column.htm */

    /* column container */
    .colmask {
    	position:relative;	/* This fixes the IE7 overflow hidden bug */
    	clear:both;
    	float:left;
    	width:100%;			/* width of whole page */
    	overflow:hidden;	/* This chops off any overhanging divs */
    	margin-top:8px;
    }
    /* common column settings */
    .colright,
    .colmid,
    .colleft {
    	float:left;
    	width:100%;			/* width of page */
    	position:relative;
    }
    .col1,
    .col2,
    .col3 {
    	float:left;
    	position:relative;
    	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
    							only padding top and bottom is included here, make it whatever value you need */
    	overflow:hidden;
    }
    /* 3 Column settings */
    .threecol {
    	//background:#ddd;	/* right column background color */
    }
    .threecol .colmid {
    	right:23%;			/* width of the right column */
    	background:#fff;	/* center column background color */
    	box-shadow: 4px 4px 5px 0px rgba(170,170,170,.5);
    	margin-bottom: 26px;
    }
    .threecol .colleft {
    	right:52%;			/* width of the middle column */
    }
    .fs .threecol .col1 {       /* CENTER COLUMN */
    	width:46%;			/* width of center column content (column width minus padding on either side) */
    	left:100%;			/* 100% plus left padding of center column */
    }
    .nofs .threecol .col1 {       /* CENTER COLUMN */
    	width:75%;			/* width of center column content (column width minus padding on either side) */
    	left:75%;			/* 75% plus left padding of center column */
    }
    .threecol .col2 {       /* LEFT COLUMN */
    	width:23%;			/* Width of left column content (column width minus padding on either side) */
    	left:29%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    }
    .fs .threecol .col3 {       /* RIGHT COLUMN */
    	width:21%;			/* Width of right column content (column width minus padding on either side) */
    	left:85%;			/* Please make note of the brackets here:
    						(100% - left column width) plus (center column left and right padding)
    						plus (left column left and right padding) plus (right column left padding) */
    }

    .nofs .threecol .col3 {       /* RIGHT COLUMN */
    	width:21%;			/* Width of right column content (column width minus padding on either side) */
    	left:78%;			/* Please make note of the brackets here:
    						(100% - left column width) plus (center column left and right padding)
    						plus (left column left and right padding) plus (right column left padding) */
    }

    .citerecord {
        //font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-family: verdana,arial,sans-serif;
        background:#f4f7fb;	/* "cite this record" background color */
    	margin-top: 24px;
    	padding: 1em 0em 1em 2em;
    }
    .citerecord h4 {
        font-size: 1em;
        //font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-family: verdana,arial,sans-serif;
        color:#999;	/* font color */
        font-weight: 400;
    }

    .born-died {
    	background:#f4f7fb;	/* "born / died" background color */
    }
    .born-died h4 {
        font-size: 1em;
        //font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-family: verdana,arial,sans-serif;
        color:#999;	/* font background color */
        font-weight: 400;

    }

    .born-died-born {
    	padding: 2em 1em 1em 2em;
        line-height: 1.4em;
    }
    .born-died-died {
    	padding: 1em 1em 2em 2em;
        line-height: 1.4em;
    }

    .family {
    	padding: 1em 1em 1em 2em;
    	line-height: 1.4;
    }
    .family h4{
        padding: 1.1em 0em .3em 0em;
        font-size: .95em;
        font-weight: bolder;
        //font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-family: verdana,arial,sans-serif;
        color:#999;	/* font color */
    }
    .spouse-children
    .parents-siblings
    .extended-family {
        color:#999;	/* font color */
    	line-height: 1.4;
    }
    .relation-ship {
        font-weight: bold;
        color:#759347;			/* font color */
        font-style: italic;
        font-size: .8em;
        text-transform: lowercase;
    }
    .relation-name {
        font-size: .9em;
    }

    .file-actions {
      display: table;
    }

    .file-actions ul {
      padding: .5em;
    }

    .file-actions li {
      display: table-row;
      padding: .5em;
    }

    .file-actions .action-icon,
    .file-actions .action-descr {
      display: table-cell;
      width: 30px;
      vertical-align: middle;
      padding: 1em 1em 0 0;
    }

    .action-descr a {
        text-decoration: none;
    }

    .file-actions .action-descr {
        width: 80px;
        //font-weight: bold;
        color: #999;  /* font color */
    }

}

@media print {

  @page
  {
  size: 210mm 297mm;
  margin: 10mm;
  }
  .alert
    {
    display: none;
    height: 0;
    }
  .navbar
    {
    display: block;
    }
  .navbar-default
    {
    border: none;
    }
  ul.menu
    {
    display: none;
    }
  button.navbar-toggle
    {
    display: none;
    }
  a[href]:after
    {
    content: "";
    }
  .label
    {
    margin-right: 2px !important;
    }
  .value
    {
    font-style: normal;
    margin-right: 10px !important;
    }
/*
    #link .value
    {
    /-* Does not work! *-/
/-*    overflow-x: hidden!important;
    display: inline-block;
    white-space: nowrap!important;
*-/    }
*/
  .title
    {
    margin-top: .5em;
    }
  #printer_friendly_branding
    {
    background: url() no-repeat;
    }
  #printer_friendly_citation {
    margin-left: 30px;
    line-height: 1.5em;
  }
  #printer_friendly_citation #citation h2
    {
    font-size: 1.5em!important;
    font-weight: 700!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    }
  /* Hide NBAPI log if present */
  #nbapiLog,
  .sticky-table,
  .messages {
    display: none;
  }
  .clear {
    clear: both;
    width:100%;
    height: 0px;
}
  .meta
    {
    margin: .5em 0;
    display: block;
    width: 100%;
    height:auto;
    overflow:auto;
    }
  .meta:after
    {
    content: "";
    display: block;
    width: 100%;
    }
  .meta h3
    {
    margin: 0 .5em .25em 0;
    font-size: .8em !important;
    display: inline;
    float: left;
    }
  .copyright
    {
    margin-top: .5em;
    font-size: .8em;
    text-align: center;
    }
  #printer_friendly_citation
    {
    display: block;
    margin-bottom: 1em;
    width: 100%;
    height: auto;
    }
  #printer_friendly_image
    {
    margin-top: 1em;
    text-align: center;
    display: block;
    }
  img
    {
    /* Image sizing in the CSS did not work for both IE and the rest of
     * the browsers. Image sized in nb_openseadragon.js
     * (find detectIE function)
     */
    }
  .img-responsive
    {
/*    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
*/    }

/* ASCII document control hidding */
    .pane-nb-storage-save-article-page-form,
    .pane-menu-menu-my-folder-menu,
    .pane-menu-menu-development-links,
    .pane-nb-storage-save-to-folder-page-form,
    #print-ascii-button,
    #share-ascii-button
      {
      display: none;
      }
  .page-doc
    {
    margin: 0 1em;
    }

    #ssdiSide { display: none !important; }
    nav.breadcrumb { display: none !important; }
}