/* ================================================================ */
/* basic text structures                                            */
/* ================================================================ */
#body.controls #main { padding: 0;}
/* note: padding % calculated w.r.t. total width 
    ==> $('#main').css('padding') * (100 / $('#body.controls #main').css('width')
    e.g.: 2% * (100 / 77%) = 1.298701298701299%
*/
#body.controls .content { padding: 2em 1.298701298701299%;}
#body.controls #controls { padding-top: 0; padding-bottom: 0;}
#body.controls .content { padding-top: 0; padding-bottom: 0;}
#body.controls #main { float: right; width: 77%; margin-left: 1%; }
#body.controls #leftcol{ float: left; width: 20%; }

#main {
  font-size:1.125rem;
  line-height:1.625;
}

/* **************************************************************** */
/* headings                                                         */
/* **************************************************************** */
h1     {
    font-family:'Calluna', serif;
	color: #202020;/*#CCCC99;*//*#0066CC;*/ /*#99CCFF;*/
}
h3     { 
	color: #202020;
}

/* **************************************************************** */
/* sidebar                                                          */
/* **************************************************************** */
#dashboard {
    height: 100%;
}
div.TOC {
    margin: 3px 0 3px 1em;
    padding:2px;
}
div.TOC.notes {
    border-top: 1px dotted grey;
}
#dashboard button.export {
    border: none;
    background: none;
}
#simpleSearch > div {
  margin-bottom: 1em;
}
#searchPane .header {
    font-weight: bold;
    display: block;
}
#searchform  #search {
background:url(../images/search.gif) no-repeat center;
cursor:pointer;
border: none;
width: 2em;
text-indent:  -1000em;
}
div#controls {
    color: white;
    background-color: #689AD3; /*#999966; */ /*#FA4A52;*/
}

/* ================================================================ */
/* page elements                                                    */
/* ================================================================ */
/* paragraphs: <p> => <div class="p"> */
div.p, div.lg {
    margin: 1.33em 0;
    color:#555;
	}
div.epigraph {
    font-style: italic;
    text-align: right;
}
.current, .current a {
    color: white;
    font-weight: bold;
    background-color: #FA4A52;
}
.TOC.current a {
  color: white;
}
.fixed  {
  position:fixed;
  top: 0;
}
div.img {
  position:relative;
  /* width: 400px; */
  margin: 2em auto;
  text-align:center;
}
div.img img {
  margin-bottom: 1em;
}
img.block {
  margin-top: 1em;
  margin-bottom: 1em;
}
span.figDesc {
    display: block;
}
.active {
  background-color: yellow;
}
.noteBibl {
    color: grey;
}
.noteBibl:before {
    content: '(';
}
.noteBibl:after {
    content: ')';
}
table.label {
  	margin: 1.12em 0;
	  padding-left: 10px;
    background-color: white;
	}
table.label td { 
    padding: 0.5em;
    font-style: normal;
}

/* **************************************************************** */
/* documentation search                                             */
/* **************************************************************** */
div.search-result {
  width:100%;
/*  clear:both;
*/}
div.search-result-content {
  margin-left:3em;
  clear:right;
}
.hit {
  font-weight: bold;
  color:#FA4A52;
}
.current .hit {
    color: white;
}
table.KWIC td {
	padding: .2em;	
}
td.prev {
	text-align: right;
}
td.hit {
	text-align: center;
}

/* **************************************************************** */
/* visually higlighted fragments                                    */
/* **************************************************************** */
/* deletions: <del> => <span class="del"> */
/* sublinear fragments ==> <span class="sub"> */
.sub {
	vertical-align: sub;
	}
/* supralinear fragments ==> <span class="sup"> */
.sup {
	vertical-align: super;
	}
/* underlined fragments ==> <span class="underline"> */
.underline {
	text-decoration: underline;
	}
.underline_red {
	text-decoration: underline;
	color:#FA4A52;
	}
/* italic fragments ==> <span class="italic"> */
span.italic {
	font-style: italic;
	}
/* bold fragments ==> <span class="bold"> */
span.bold {
	font-weight: bold;
	}
/* smallcaps fragments ==> <span class="smallcaps"> */
span.smallcaps {
/*	font-size: smaller;*/
	text-transform: uppercase;
	}
	
/* **************************************************************** */
/* links and anchors                                                */
/* **************************************************************** */
a.note {
	cursor: text;
	text-decoration: none;
	}
a.link, a.legendlink, a.alignlegendlink, a.searchlegendlink, 
a.textsize, a.freqLink, a.closer, a.makescreen, a.hider, a.notelink,
a.fignav, a.glosslink, a.applink, a.textnav, a.appsigil, a.update,
a.displayer {
	color: #1590E5; /*#FA4A52*/;
	text-decoration: none;
	}
.hidden {
    display:none;
}
.permalink {
  opacity: .2;
}
*:hover > .permalink {
  opacity: 1;
}
/* **************************************************************** */
/* structural highlighting                                          */
/* **************************************************************** */
.display {
	position: relative;
	visibility: hidden;
	color: #FA4A52;
        }
.code { font-family: Courier;}
span.term { font-style: italic;}
.label { font-style: italic; }
.pre {white-space: pre-wrap;}

/* **************************************************************** */
/* JQuery.ui overrides                                              */
/* **************************************************************** */
input.ui-button {
    padding: 0.2em;
}
.ui-accordion .ui-accordion-content {
    padding: 1em;
}
.ui-sortable-helper {
    border: dotted 1px #FA4A52;
}
.ui-state-highlight { 
  height: 1.5em; 
  line-height: 1.2em; 
  padding: 0 2em;
}
.ui-widget {
    font-size: 0.9em;
}