/* Site-wide */


/* 
body {
    background-color: white;
    padding-left: 16px;
    padding-right: 16px;
    font-family: Georgia, serif;
}
 */
a:link {
    color: #8A2BA2;
}
a {
    text-decoration: none;
}
/* 
div.breadcrumbXX {
    font-size: small;
    font-family: helvetica;
    padding-top: 10px;
    padding-bottom: 10px;
}
 */

div.xmash {
    font-size: small;
}
.cite {
    border: 1px solid lightblue;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 90%;
    text-decoration: none;
}
.cite2 {
    border: 1px solid lightblue;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 90%;
    text-decoration: none;
    font-weight: bold;
    background-color: yellow;
}
.zourcelist li {
    padding-bottom: 1ex;
}
.oddz_and_endz li {
    padding-bottom: 0.75ex;
}
.seebelowbox{
    border: 1px solid lightblue;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 90%;
    text-decoration: none;
    font-weight: bold;
    background-color: lightblue;
}
.comment {
    font-style: italic;
    font-weight: bold;
}
.commentt {
    color: #a33;
}

#organ_prez {
    margin-top: 20px;
}
#organ_prez > th {
    background-color: tan;
    font-size: 50px;
}

/* 
h1.prezpage{
    text-align: center;
    margin-top: 0px;
    margin-bottom: -1px;
    padding-top: .1em;
    padding-bottom: 8px;
    font-size: 20px;
    font-weight: normal;
}
h1.prezpage > em{
    font-weight: bold;
    font-size: 40px;
    font-style: normal;
}
.hackcell {
    font-size: x-small;
    color: gray;
    text-align: left;
}
.prez_navarrows {
    float: right;
}
.prez_years_pad {
    margin-top: 1ex;
}
.prez_construction {
    font-weight: bold;
    font-size: 14px;
    background-xcolor: #fff2e7;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    margin-top: 1ex;
}
 */
.prez_toc_major {
    font-weight: bold;
}
.sectionheader {
    font-weight: bold;
    font-size: x-large;
    margin-bottom: 15px;
    width: 100%;
    border-top: 1px solid black;
    margin-top: 16px;
    padding-top: 16px;
}

.pubmedbutton {     // From: https://stackoverflow.com/questions/1243507/rounded-corners-in-a-css-table-cell-layout
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:27px;
	-webkit-border-radius:27px;
	border-radius:27px;
	border:2px solid #dcdcdc;
	display:inline-block;
	color:#7a2e7a;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.pubmedbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.pubmedbutton:active {
	position:relative;
	top:1px;
}
.pubmed_button_surround {
    padding-top: 6px;
}
.maladytilexx {
    font-family: "Trebuchet MS";
    font-size: 15px;
    font-weight: normal;
    border-radius: 19px; /* Standard */
    -o-border-radius: 19px; /* Opera 10.x */
    -moz-border-radius: 19px; /* Mozilla/Firefox */
    -icab-border-radius: 19px; /* iCab */
    -khtml-border-radius: 19px; /* KHTML/Konqueror */
    -webkit-border-radius: 19px; /* Webkit/Safari/Chrome/etcetera */
}
/* 
.incumbentYxx {
}
.incumbentNxx {
    border: 1px dotted black;
}
.incumbentN_colorxx {
    background-colxor: #fafaff;
    background-ycolor: #efe;
    background-zcolor: lightblue;
    background-color: #fff2e7;
}
.incumbentY_colorxx {
    background-colorx: #ffffe6;
    background-ycolor: #fcc;
    background-zcolor: #fea;
    background-gcolor: #c06014;
    background-color: #de8642;
}
 */
.status_none_of_the_above{
    background-color: #ffffe0;  // yellowish
}

/* 
.prez_index_side_table {
    border: 1px solid #3366cc;
}
.prez_index_side_table td {
    font-size: small;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}
.prez_index_side_table th {
    background-color: #e0d0b0;
    text-align: center;
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}
 */

.source_booktitle {
    font-style: italic;
}
.source_xtra {
    font-color: #eee;
}
.source_rating {
    margin-top: 20px;
    margin-bottom: 6px;
}
.source_comment {
    margin-top: 2px;
}
.source_amzn {
    margin-left: 1ex;
    margin-right: 1ex;
    border: 1px solid lightgray;
    font-size: 60%;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 3px;
}
.source_amzn img {
    padding-right: 5px;
    margin-left: 2px;
    vertical-align: bottom;
    border: 0px;
}
# Smaller vertical separation at bottom of Presidents, vs. dedicated bibliography pages.
.source_list li {
    margin-top: 8px;
}
.source_bibliog li {
    margin-top: 16px;
}

.mccainNavbar { border: 1px solid #B2B2B2; background: #FBFAF4; }
.mccainNavcell { padding: 1px 16px 1px 16px; font-size: 0.75em;  }

/* ================== Prez and More ================== */

.systemcell {
    color: black;
    text-align: center;
    padding: 5px 0;
    border-radius: 12px;
    zzfont-size: 85%;
    border: 2px solid black;
    padding-top: 6px;
    vertical-align: top;
    font-family: sans-serif;
}
.systemcell div {               {# text inside systemcell #}
    padding-top: 4px;
}
.narratcell {
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: top;
}
.incumbent_aye {
    background-color: #de8642;
}
.incumbent_nay {
    background-color: #fff2e7;
}

/* ================== Prez and More -- Mobile size ================== */

/* Mobile first.  Sizing approach is from:
   https://stackoverflow.com/questions/63715275/collapse-a-responsive-table-layout-using-divs-to-2-columns-on-small-screens
*/
.ifwide_then_tablerow {
    display: grid;
    /* grid-template-columns: 30% auto; */
}
.leftsizer {
    width: 100%;
}
#navarrows1 {}
#navarrows2 {
    display: none;
}
#mobile_upper {
    display: block;
}
#tablet_upper {
    display: none;
}
/* ================== Prez and More -- Tablet size ================== */
/*
   Ultra-wide screens are handled by media-query that wraps the < masterwrap >
   div in the < skeleton_page > template.  The width-value in this media query
   is driven by (a) the width of the President's name in the space between the
   T-shirt ad and the presidential portrait ("Washington" being the longest),
   and, to a lesser extent, (b) the width of the malady lines.
   */
@media screen and (min-width: 649px) {
    .ifwide_then_table {
        display: table;
        width: 100%;
    }
    .ifwide_then_tablebody {
        display: table-row-group;
    }
    .ifwide_then_tablerow {
        display: table-row;
        margin-top: 40px;
    }
    .leftsizer {
        height: 100%;
        display: table-cell;
        width: 120px;
    }
    .rightsizer {
        display: table-cell;
    }
    #navarrows1 {
        display: none;
    }
    #navarrows2 {
        display: inline-block;
        float: right;
    }
    #mobile_upper {
        display: none;
    }
    #tablet_upper {
        display: block;
    }
}

/* ================== Mad Cow ================== */

.madcow_banner {
    padding-bottom: 36px;
    padding-top: 12px;
}
/* ================== Astronauts ================== */

.astro_dead {
    background-color: #ccc;
}
.astro_country {
    font-size: small;
    margin-top: 4px;
    text-transform: uppercase;
}