/* default style file for SticiGui text.
   Copyright 2006-2017 P.B. Stark, statistics.berkeley.edu/~stark 10/27/2017.
   All rights reserved.
*/


body {
    background-color: #ffffff;
    counter-reset: fncounter;
    counter-reset: h1counter;
}

h1,h2 {
    font-family: helvetica, arial, 'sans serif';
    text-align: center;
    margin-top: 2em;
}

h1.compact {
    margin-top: 0;
}

h2.toc_entry {
    font-family: helvetica, arial, 'sans serif';
    font-variant: small-caps;
    font-size: 105%;
    text-align: left;
}    

h3,h4,h5,h6 {
    font-family: helvetica, arial, 'sans serif';
    text-align: left;
    margin-left: 5%;
    margin-top: 2em;
    margin-right:  0em;
    padding-right: 0em;
    /* display: run-in;  ELIMINATED FOR VIDEOS */
}

blockquote {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-left: 10%;
    margin-right: 10%;
}

p,table,li,dl,address {
    font-family: helvetica, arial, 'sans serif';
    margin-left: 5%;
    margin-right: 5%;
}

dd {
    font-family: helvetica, arial, 'sans serif';
    margin-left: 5%;
    margin-right: 0%;
    font-size: 80%;
}

fieldset.narrow {
    font-family: helvetica, arial, 'sans serif';
    margin-left: 5%;
    margin-right: 5%;
}

legend {
    font-family: helvetica, arial, 'sans serif';
    font-size: 80%;
}

ul.noBullet {
    list-style-type: none;
    font-family: helvetica, arial, 'sans serif';
    margin-left: -3em;
    margin-right: 0em;
    font-size: 90%;
}

ul.noBulletExtraSpace {
    list-style-type: none;
    font-family: helvetica, arial, 'sans serif';
    margin-left: -3em;
    margin-right: 0em;
    margin-bottom: 1em;
    font-size: 100%;
}

ul.noBulletExtraSpace li {
    margin-bottom: 1em;
}

p,li,th,td {
    font-size: 100%;
    line-height: 150%;
}

p.inline {
    display: inline;
    margin-left: 0;
    margin-right: 0;
}

div.boxContents {
    text-align: center;
    line-height: 2em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5%;
    margin-top: 5%;
    padding-bottom: 10px;
}

p.boxTickets {
    text-align: center;
    display: inline;
    padding: 10px 10px 10px 10px;
    color: #000000;
    background: #aaaaaa;
    border: solid #888888;
    border-width: thick;
    border-style: outset;
    line-height: 4em;
}

p.boxLabel {
    text-align: center;
    font-variant: small-caps;
    padding-top: 10%;
    color: #000055;
}

p.math {
    font-family: helvetica, arial, 'sans serif';
    color: #000085;  // compliant against #ffffff and #eeffee
    text-align: center;
    font-style: italic;
}

p.inlineMath {
    font-family: helvetica, arial, 'sans serif';
    text-align: center;
    font-style: italic;
    display: inline;
}

p.figure {
    font-family: helvetica, arial, 'sans serif';
    text-align: center;
}

p.center {
    font-family: helvetica, arial, 'sans serif';
    text-align: center;
}

p.big {
    font-family: helvetica, arial, 'sans serif';
    text-align: left;
    font-size: 130%;
}

p.bigCenter {
    font-family: helvetica, arial, 'sans serif';
    text-align: center;
    font-size: 130%;
}

p.example {
    font-family: helvetica, arial, 'sans serif';
    margin-left: 10%;
    margin-right: 10%;
    font-style: italic;
}

table.dataTable {
    font-family: helvetica, arial, 'sans serif';
    font-size: 80%;
    margin-left: 3%;
    margin-right: 3%;
    border: solid #555555;
}

table.dataTable th {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

table.dataTable td {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

table.truthTable {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-left: 3%;
    margin-right: 3%;
    border: solid #0000FF;
}

table.truthTable th {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

table.truthTable td {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

table.truthTable caption {
    font-weight: bold;
}

div.loginStub {
    position: fixed;
    top: 0;
    left: 95%;
    width: 5%;
    height: 1.2em;
    margin: 1px;
    border-left: solid #000000;
    border-bottom: solid #000000;
    border-width: 2px;
    background: #ddffdd;
    color: #003300;
    font-family: helvetica, arial, 'sans serif';
    text-decoration: none;
    font-variant: small-caps;
    font-stretch: wider;
    font-weight: bold;
    z-index: 7;
}

#loginStub a {
    display: block;
    text-decoration: none;
    font-variant: small-caps;
    width: 11.5em;
}

div.loginBox {
    position: fixed;
    width: 90%;
    height: 1.5em;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background: #ddffdd;
    font-family: helvetica, arial, 'sans serif';
    text-decoration: none;
    color: #000000;
    top: 0;
    left: 10%;
    margin: 1px;
    padding: 2px;
    text-align: center;
    z-index: 8;
}

div.boxModel {
    display: block;
    font-family: helvetica, arial, 'sans serif';
    font-size: 120%;
    min-height: 6em;
    margin-top: 1.5em;
    margin-left: 35%;
    margin-right: 35%;
    margin-bottom: 2em;
    border-width: thick;
    border-top: none;
    border-left: solid #000000;
    border-right: solid #000000;
    border-bottom: solid #000000;
    background: #eeeeff;
}

div.problem {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-top: 1.5em;
    margin-left: 10%;
    margin-right: 10%;
    border: solid #009900;
    background: #f5fff5; 
}

div.indent {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-top: 1.5em;
    margin-bottom: 1em;
    margin-left: 5%;
    margin-right: 5%;
}

div.code {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-top: 1.5em;
    margin-left: 10%;
    margin-right: 10%;
    border: solid #0066ff;
    background: #eeeedd; // ok with black and blue
}


div.table {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2em;
    margin-top: 2em;
    border: solid #000099;
    background: #ccccff;
}

div.plainTable {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2em;
    margin-top: 2em;
}

div.assignmentTable {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2em;
    margin-top: 2em;
    border: solid #0000ff;
}

div.example {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-top: 1.5em;
    margin-left: 10%;
    margin-right: 10%;
    border: solid #0000ff;
    background: #f6f6ff; // OK with #000000, #000085, #
}

div.caption {
    font-family: helvetica, arial, 'sans serif';
    font-size: 120%;
    font-weight: bold;
    color: #000099; // OK against #eeeeff
    margin-left: 0%;
    margin-right: 5%;
    text-align: left;
}

div.figure {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    border: solid #808080;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
}

div.solution {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    color: #000099;
    margin-left: 5%;
    margin-right: 5%;
    display: block;
}

div.solutionLink {
    font-family: helvetica, arial, 'sans serif';
    font-size: 85%;
    color: #000099;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
}

div.solLink {
    font-family: helvetica, arial, 'sans serif';
    font-size: 85%;
    color: #000099;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
}

div.callout {
    font-family: helvetica, arial, 'sans serif';
    font-size: 105%;
    font-weight: bold;
    border: solid #ff0000;
    background: #ffefef; // OK with #000099
    margin-left: 10%;
    margin-right: 10%;
    padding:     2% 0% 2% 0%;
    text-align: left;
}

div.threeColumnLeft {
    font-family: helvetica, arial, 'sans serif';
    font-size:   95%;
    font-weight: normal;
    width:       30%;
    padding:     0% 1% 2% 0%;
    float:       left;
}

div.threeColumnMiddle {
    font-family:  helvetica, arial, 'sans serif';
    font-size:    95%;
    font-weight:  normal;
    padding:      1% 0% 0% 0%;
    margin-left:  34%;
    margin-right: 34%;
}

div.threeColumnRight {
    font-family: helvetica, arial, 'sans serif';
    font-size:   95%;
    font-weight: normal;
    padding:     0% 0% 2% 1%;
    width:       30%;
    float:       right;
}

div.columnFooter {
    font-family: helvetica, arial, 'sans serif';
    clear: both;
}

div.chapter {
    opacity:0.9;
    margin-top:5em;
    margin-right: 5%;
    margin-left: 5%;
    position: static;
    float: left;
    z-index:1;
}

div.coursePage {
    opacity:0.9;
    margin-top:5em;
    margin-right: 0%;
    margin-left: 12%;
    position: static;
    float:left;
    z-index:1;
}

div.floatMenuLeft {
    font-family: helvetica, arial, 'sans serif';
    font-size: 80%;
    margin-left: 0%;
    margin-right: 0%;
    text-align: left;
    float: left;
    border-right: #333366;
    position: fixed;
}

div.floatMenuTop {
    font-family: helvetica, arial, 'sans serif';
    font-size: 80%;
    margin-left: 0%;
    margin-right: 0%;
    padding: 0.2em 0.2em 0.2em 0.2em;
    text-align: left;
    color: black;
    position:fixed;
    top:0;
    left:0;
    opacity:1;
    clear: both;
    background-color: #cccccc; // OK with black
    border-bottom: solid #ffffff;
    border-width: thin;
}

div.floatMenuTopSplitLeft {
    font-family: helvetica, arial, 'sans serif';
    font-size: 100%;
    margin-left: 0%;
    margin-right: 90%;
    padding: 0em 1em 0em 0.2em;
    text-align: left;
    color: black;
    position:fixed;
    top:0;
    left:0;
    opacity:1;
    clear: both;
    border-right: solid #00000f;
    border-width: thin;
}

div.floatMenuTopSplitRight {
    font-family: helvetica, arial, 'sans serif';
    font-size: 80%;
    margin-left: 90%;
    margin-right: 0%;
    padding: 0.2em 0.2em 0.2em 0.2em;
    text-align: right;
    color: black;
    position:fixed;
    top:0;
    right:0;
    opacity:1;
    clear: both;
    background-color: #dddccc; // OK with black but not with blue
    border-bottom: solid #ffffff;
    border-width: thin;
}

div.solution {
    font-family: helvetica, arial, 'sans serif';
    font-size: 85%;
    color: #000099;
    margin-left: 0%;
    margin-right: 0%;
    display: none;
}

.glossDialog {
    font-family: helvetica, arial, 'sans serif';
    font-size: 95%;
}


h1,h2,h3 {
    color:#000000;
}

h3.exercise {
    text-align: left;
    font-size: 100%;
    font-stretch: wider;
}

hr {
    height: 3px;
    color:#000000;
    width: 70%;
    text-align:center;
}


a:link    {
    color:#0000ff;
    text-decoration: none;
}

a:visited {color:#000fff}
a:active  {color:#ff0033}
a:hover, a:focus   {
    color: #000000;
    background: #c0c0c0; // OK with #000000
}

a.glossRef:link {
    color:#004400;
    text-decoration: none;
    font-variant: small-caps;
    font-stretch: wider;
    font-weight: bold;
    font-size: 105%;
}

a.glossRef:visited {
    color:#106070;
}

a.glossRef:after {
     content: "  link to definition in glossary";
     position: absolute;
     left: -10000px;
     top:auto;
     width: 1px;
     height: 1px;
     overflow: hidden;
}

a.fnLink:link {
    color: #300030;
    background-color: #ddf;
    padding: 1px 1px;
    margin: auto 3px auto 0px;
    text-align: center; 
    text-decoration: none;
    border: 1px solid #339;
    border-radius: 25px;
    display: inline-block;
    font-size: 60%;
}

a.fnLink:after {
     content: "  link to footnote";
     position: absolute;
     left: -10000px;
     top:auto;
     width: 1px;
     height: 1px;
     overflow: hidden;
}

a.fnLink:visited {
    background-color: #ddf;
    color: #300030;
}

a.solLink:link {
    color: #300055;
    background-color: #ddf;
    padding: 3px 3px;
    margin: auto 3px auto 0px;
    text-align: center; 
    text-decoration: none;
    border: 1px solid #339;
    border-radius: 25px;
    display: inline-block;
    font-size: 100%;
}

a.solLink:visited {
     color:#300055;
}

a.chapterLink:link {
     text-decoration:none;
     color: #000085;
}

a.chapterLink:visited {
     text-decoration:none;
     color: #000085;
}

a.chapterLink:hover {
     text-decoration:none;
     color: #000099;
     background: silver;
}

span.ansSpan {
     color:  #000088;
     font-size: 85%;
     margin-left: 0%;
}

span.defSpan {
     font-size: 100%;
}

span.appCtrlName {
     font-stretch: wider;
     color:  #800000;
     font-size: 100%;
     margin-left: 0%;
}

span.chapterCite {
     font-weight: bold;
     font-variant: small-caps;
     font-stretch: wider;
     color:  #000085;
     font-size: 100%;
}

span.calloutCaption {
    font-family: helvetica, arial, 'sans serif';
    font-size: 120%;
    font-weight: bold;
    color: #000000;
}

span.math {
    font-family: helvetica, arial, 'sans serif';
    color:  #000085;
    text-align: center;
    font-weight: bold;
}

span.example {
    font-family: helvetica, arial, 'sans serif';
    font-style: italic;
}

span.qSpan {
    font-family: helvetica, arial, 'sans serif';
    color: #004400; 
}

span.termOfArt {
    color: #034;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 105%;
    font-stretch: wider;
}


.footnote {
    font-family: helvetica, arial, 'sans serif';
    color: #000000;
    background-color: #ddf;
    border: solid #339;
    font-size: 85%;
    margin-left: 6.03%;
    margin-right: 6.03%;
    margin-top: 1em;
    margin-bottom: 1em;
    display: none;
}

.footnoteLink, .fnLink {
    font-family: helvetica, arial, 'sans serif';
    color: #800080;
    font-size: 90%;
}

pre { 
    font-family: monospace; 
}

span.big {
   font-size: 120%;
}

/*  CSS for "scriptlets"   */

.scriptlet {
    border: solid #600060;
    font-size: 100%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1em;
    margin-bottom: 1em;
}

/*   CSS for drawing charts   */

div.chart {
    position:         relative;
    clear:            both;
    display:          block;
    width:            90%;
    min-height:       25em;
    height:           auto !important;
    font-family:      helvetica, arial, 'sans serif';
    font-size:        100%;
    text-align:       center;
    margin:           auto;
}

div.chartCaption {
    font-family:      helvetica, arial, 'sans serif';
    font-size:        120%;
    font-weight:      bold;
    text-align:       center;
    margin:           auto;
    margin-bottom:    2em;
}

div.horizontalPipe {    
    z-index:          0;
    font-family:      helvetica, arial, 'sans serif';
    font-size:        60%;
    color:            #ffffff;
    background-color: #000099;
    border:           none;
    margin:           auto;
    text-align:       center;
}

div.verticalPipe {    
    z-index:          0;
    font-family:      helvetica, arial, 'sans serif';
    font-size:        60%;
    color:            #ffffff;
    background-color: #000099;
    border:           none;
    margin:           auto;
    text-align:       center;
}

a.chart {
    display:          block;
    color:            #000000;
    background-color: #f0f0ff;
    text-decoration:  none;
}

a.chart:hover {
    color:            #900000;
    background-color: #f0f0ff;
    text-decoration:  none;
}

/* New ARIA-friendly menu nav */
        .nav,
        .nav ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
/* Top level nav */
        .nav {
            float: left;
            margin: 20px 0;
            background: #888;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#999));
            background-image: -moz-linear-gradient(top, #DDD, #999);
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
            -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
            box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        }

/* mega menu list */
    .nav-menu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 15;
        opacity: 1;
        background: #ddd;
    }

    /* a top level navigation item in the mega menu */
    .nav-item {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
        border: 1px solid #555;
        font-family: helvetica, arial, 'sans serif';
        font-variant: small-caps;
        font-size: 75%;
    }

    /* first descendant link within a top level navigation item */
    .nav-item > a {
        position: relative;
        display: inline-block;
        padding: 0.5em 1em;
        margin: 0 0 -1px 0;
        border: 1px solid transparent;
    }

    /* focus/open states of first descendant link within a top level 
       navigation item */
    .nav-item > a:focus,
    .nav-item > a.open {
        border: 1px solid #dedede;
    }

    /* open state of first descendant link within a top level 
       navigation item */
    .nav-item > a.open {
        background-color: #fff;
        border-bottom: none;
        z-index: 1;
    }

    /* sub-navigation panel */
    .sub-nav {
        position: absolute;
        display: none;
        top: 2.6em;
        margin-top: -1px;
        padding: 0.5em 1em;
        border: 1px solid #dedede;
        background-color: #fff;
    }

    /* sub-navigation panel open state */
    .sub-nav.open {
        display: block;
    }

    /* list of items within sub-navigation panel */
    .sub-nav ul {
        display: inline-block;
        vertical-align: top;
        margin: 0 1em 0 0;
        padding: 0;
    }

    /* list item within sub-navigation panel */
    .sub-nav li {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

/* end ARIA menus */

/* ARIA accordion notes */

.minimalist-accordion__panel[aria-hidden=true] {
  display: none;
}

.minimalist-accordion__header {
  display: block;
}

/* title opened */
.minimalist-accordion__header[aria-expanded="true"]:before {
  content: "- ";
}
/* title closed */
.minimalist-accordion__header[aria-expanded="false"]:before {
  content: "+ ";
}

/* title selected */
.minimalist-accordion__header[aria-selected="true"]:after {
  content: " (sel)";
}
/* title non selected */
.minimalist-accordion__header[aria-selected="false"]:after {
  content: " (unselc)";
}

/* end ARIA accordian notes */

ul.videogroup  {
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
}
ul.videogroup li {
    display:inline-block;
    padding:0 20px 0 0;
    margin:0;
}

/* Applet CSS */

div.histogram {
  width: 620px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}

div.scatterplot {
  width: 640px;
  height: 380px;
  margin-left: auto;
  margin-right: auto;
}

div.lln {
  width: 600px;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
}

div.venn3_diagram {
  width: 800px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
}

div.venn_diagram {
  width: 600px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
}

div.curvehilite {
  width: 620px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}
div.ci {
  width: 800px;
  height: 400px;
  margin-left: auto;
  margin-right: auto;
}
div.sampledist {
  width: 640px;
  height: 330px;
  margin-left: auto;
  margin-right: auto;
}
.stici {
  font-family: helvetica, arial, 'sans serif'
}
/*   PRINTING   */

@media print {
  body{
    background-color:#FFFFFF;
    background-image:none;
    color:#000000
  }
  #navMenu{ display:none;}
  #chapterMenu{ display: none;}
  .footnote {
    font-family: helvetica, arial, 'sans serif';
    color: #000000;
    background-color: #ffddff;
    border: solid #600060;
    font-size: 85%;
    margin-left: 6.03%;
    margin-right: 6.03%;
    margin-top: 1em;
    margin-bottom: 1em;
    display: inline;
  }
}