/* sticky.css
 *
 * Styles and formats specifically for use with the sticky plugin module.
 * 
 */

 
/*--- Define font faces for the sticky tabs. ---*/

@font-face {
  font-family: BitstreamSans;
  src: url('/pub/fonts/bitstream-vera/Vera.ttf');
}

@font-face {
  font-family: BitstreamSans;
  src: url('/pub/fonts/bitstream-vera/VeraBd.ttf');
  font-weight: bold;
}

@font-face {
  font-family: BitstreamSans;
  src: url('/pub/fonts/bitstream-vera/VeraIt.ttf');
  font-style: italic;
}

@font-face {
  font-family: BitstreamSans;
  src: url('/pub/fonts/bitstream-vera/VeraBI.ttf');
  font-weight: bold;
  font-style: italic;
}
 
/* ---- Basic Sticky Notes ---- */
 
div.plg-stickynote {
  font-size: 0.85em;
  color: #444;
  width: 1.5in;
  min-height: 0.7in;
  background-color: #ffffdf; 
  text-align: left;
  padding: 4px 6px 4px 6px;
  line-height: 1.25;
  box-shadow: 2px 2px 3px #AAA;
  
}

/* Predefined styles for the <stickynote>. */

div.plg-stickynote.large {
  width: 2.5in;
  min-height: 1in;
  font-size: 0.9em;
}

div.plg-stickynote.blue {
  background-color: #d7f0ff;
}

div.plg-stickynote.green {
  background-color: #e6ffe6;
}

div.plg-stickynote.yellow {
  background-color: #ffffdf;  
}

div.plg-stickynote.orange {
  background-color: #ffe4c9;  
}

div.plg-stickynote.purple {
  background-color: #e6e6ff;  
}




/* ---- Sticky Note Tabs ---- */

div.plg-stickytab {
  font-size: 12px;
  float: right;
  width: 1.75in;
  min-height: 0.55in;
  background-color: #f5f5dc; 
  margin: 4px 0px 8px 15px;
  text-align: center;
  border-right: 7px solid #0080F0; /*#0f4374;*/ 
  border-radius: 8px 0px 0px 8px; /* 0px 8px 8px 0px;*/  
  padding: 4px;
  line-height: 1.25;
}

div.plg-stickytab p {
  text-align: left;
}

div.plg-stickytab .header {
  display: flex;
}

div.plg-stickytab div.title {
  font-size: 1.1em; /*13.33px;*/
  font-family: BitstreamSans, arial, helvetica, Verdana, sans-serif;
  color: black;
  font-weight: bold;
  text-align: left;
  padding-top: 3px;
  margin-bottom: 5px;
  min-height: 20px;
  text-align: center;
  width: 100%;
}

div.plg-stickytab div.icon {
  display: inline-block;
  width: 24px;
  height: 100%;
  float: left;
}

div.plg-stickytab img.icon {
  width: 20px;
  height: 20px; 
  padding-right: 8px;
}

div.plg-stickytab div.tabbody {
  margin: 4px;
  text-align: left;
  font-size: 12px;
  font-family: BitstreamSans, arial, helvetica, Verdana, sans-serif;  
}


/* Predefined styles for the <stickytab>. */

div.plg-stickytab.green {
  border-right-color: #00E070;  
}

div.plg-stickytab.red {
  border-right-color: #F00040;  
}

div.plg-stickytab.yellow {
  border-right-color: yellow;  
}

div.plg-stickytab.orange {
  border-right-color: orange;  
}

div.plg-stickytab.purple {
  border-right-color: #E070E0;  
}


/* ---- Specialized sticky tabs. ---- */

/* <command > */
div.plg-stickytab.cmdtab img.icon {
  width: 26px;
  height: 26px; 
  padding-right: 8px;
}

div.plg-stickytab.cmdtab {
  border-right: 7px solid #007aa3; /*#55308d;*/ /*#780373; */ /*#13755b;*/  
}

div.plg-stickytab.cmdtab .title {
  color: #1F5353;
}


/* <function > */
div.plg-stickytab.fncttab img.icon {
  width: 26px;
  height: 26px; 
  padding-right: 8px;
}

div.plg-stickytab.fncttab {
  border-right: 7px solid #0080F0; /*#13755b;*/  
}

div.plg-stickytab.fncttab .title {
  color: #0080F0;
}

/* <module > */
div.plg-stickytab.modtab img.icon {
  width: 28px;
  height: 28px; 
  padding-right: 8px;
}

div.plg-stickytab.modtab div.icon {
  height: auto;
  float: right;
  display: block;
  width: 32px;
}

div.plg-stickytab.modtab div.header {
  display: block;
}

div.plg-stickytab.modtab {
  border-right: 7px solid #116b53; /*#13755b;*/  
  min-height: 2ex;
  width: auto;
  min-width: 1.2in;  
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-radius: 6px 0px 0px 6px; 
}

div.plg-stickytab.modtab .title {
  color: black; /*#13755b;*/
  padding-top: 6px;
  padding-left: 1ex;
  padding-right: 1ex;
  min-height: 1ex;
  margin-bottom: 1px;
  display: inline-block;
  width: auto;
}

/* <action > */
div.plg-stickytab.actiontab img.icon {
  width: 26px;
  height: 26px; 
  padding-right: 8px;
}

div.plg-stickytab.actiontab {
  border-right: 7px solid #9c2c21; /*#13755b;*/  
}

div.plg-stickytab.actiontab .title {
  color: #9c2c21;
}

/* <runtime > */
div.plg-stickytab.algsticky {
  border-right: 7px solid #0f4374;   
}

div.plg-stickytab.algsticky .title {
  color: #0f4374;
}

div.plg-stickytab.algsticky img.icon {
  width: 26px;
  height: 26px; 
  padding-right: 5px;
}


div.plg-stickytab.algsticky .tabbody {
  font-family: serif;    
}

div.plg-stickytab.algsticky div.cases {
  text-align: right;
  padding-right: 2px;  
}


div.plg-stickytab.algsticky .type {
  font-style: italic;  
  font-size: 9pt;
  margin-top: 0px;
}

div.plg-stickytab.algsticky math {
  font-size: 12pt;
}