* { margin: 0; padding: 0; }
body { font: 90% Verdana, Arial, Sans-Serif; line-height: 1.5em; background: #999; color: #444; }
a { COLOR: #3344B0; text-decoration: none; }
a:visited {COLOR: #4560E0; text-decoration: none;}
a:hover {COLOR: #333; text-decoration: underline;}
h1 { font-family: georgia, serif; font-size: 2.3em; margin: 20px 0; line-height: 0.8em;}
h2 { font-family: georgia, serif; font-size: 1.7em; font-weight: bold; margin: 0 0 0.2em; padding: 10px 0 3px; }
h3 { padding-left: 0px; color: #000; font-size: 1.1em; line-height: 1.5em; }
ul {  list-style-type: circle; padding: 0; margin: 0 0 10px 20px;}
ul.discstyle { list-style-type: disc; padding: 0; margin: 0 0 10px 20px;}
ul.squarestyle { list-style-type: square; padding: 0; margin: 0 0 10px 20px;}
ol {  list-style-type: decimal; padding: 0; margin: 0 0 10px 20px;}
li { list-style-position: outside;}
p { margin: 5px 0 10px 0;  text-align: justify; }
img { border: none; width: auto; max-width: 100%;height: auto;}

/* ------------------------------------------------------ */
/*             Page Structure               */
/* ------------------------------------------------------ */

#mainframe { 
  padding: 10px 10px 3px 10px; 
  max-width: 762px; 
  margin: 10px auto; 
  background: #fff;
  border: 3px solid #BBB;  
  width: auto;
}

#header {
height: auto;
text-align: right;
font-weight: bold;
border: 1px solid #DDDDC0;
font-size: 0.8em;
position: relative;
}

#header #top {
	position: absolute;
	top: 1%;
  right: 13pt;
}


#header #bottom {
	position: absolute;
	top: 80%;
  right: 13pt;
}


@media (max-width: 600px) {
  #left {
    display: none;
  }
  
  #main {
    width: 100%
  }

  #topmenu {
	display: block;
  }
}

@media (min-width: 601px) {
  #left {
    display: block;
	width: 20% 
  }
  
  #main {
    width: 78%
  }
  
  #topmenu {
	display: none;
  }
}

#topmenu {
	width: 100%;
}

#topmenu ul {
  font-size: 0.8em; 
  float: left; 
  background: #EEEED2;
  display: table;
  table-layout: fixed;
  padding: 0; margin: 0; width: 100%;
  border-bottom: 1px solid #DDDDC0;
}

#topmenu li { list-style-type: none;  border-right: 1px solid #DDDDC0; display: table-cell}
#topmenu li:first-child { border-left: 1px solid #DDDDC0}
#topmenu ul li { color: #2f4170; font-weight:bold; text-align: center}


#left {
  font-size: 0.8em; 
  float: left; 
  width: 19.73%;
  background: #DEE5F5;
  margin-bottom: 10px; 
  margin-top: 20px;
  border: 1px solid #AFBBDD;
}

#left ul { padding: 0; margin: 0; }
#left li { list-style-type: none;  padding: 5px 0 5px 10px; border-top: 1px solid #AFBBDD; }
#left li:first-child { border-top: none; }
#left ul li a { color: #2f4170; font-weight:bold; }

#main { 
  margin-bottom: 10px; 
  float: right; 
  padding: 0 0.9% 10px 0.9%; 
  margin-top: 20px;
}

/* ------------------------------------------------------ */
/*             List of editors                */
/* ------------------------------------------------------ */

/* Two column format for the list of editors: OR 2008-10-13 */
#listofeditors h2 {clear:both; margin-top: 1em; margin-bottom: 10pt; line-height: 120%}
#listofeditors li {float:left; width: calc(50% - 1.5em); margin-left: 1.5em;}
#listofeditors ul {margin-top: 1em; margin-bottom: 4em;}
#listofeditors {font-size: 14px; }


/* ------------------------------------------------------ */
/*             List of authors                */
/* ------------------------------------------------------ */

/* Two column format for the list of authors: OR 2008-05-31 */
#listofauthors {font-size: 12pt}
#listofauthors h2 {clear:both; margin-top: 5pt; margin-bottom: 15pt;}
#listofauthors li {float:left; width:45%; margin-left:1em;}
#listofauthors ul {margin-top: -12pt; margin-bottom: 0pt;}

/* ------------------------------------------------------ */
/*                List of articles (in volume, category, by author, etc.)    */
/* ------------------------------------------------------ */

.listofarticles table
{
border: 4px;
border-collapse: collapse;
border-spacing: 1px;
}

.listofarticles table td
{
padding: 4px;
border: 0px #fff solid;
border-width: 2px 0px 0px 0px;
}

.shadeeven {
  background-color: #EEEEEE;
}

.shadeodd {
  background-color: #DDDDDD;
}

.shadebackmaterial {
  background-color: #CCCCCC;
}

.articlesticker, .shortsticker, .gradsurveysticker, .miniarticlesticker, .notesticker, .motwanispecissuesticker, .aprxrand12specissuesticker, .aprxrand13specissuesticker, .aprxrand14specissuesticker, .aprxrand15specissuesticker, .aprxrand16specissuesticker, .aprxrand19specissuesticker, .ccc16specissuesticker, .ccc17specissuesticker, .ccc18specissuesticker, .ccc19specissuesticker, .ccc20specissuesticker, .ccc21specissuesticker, .ccc21specissuesticker, .booleanspecissuesticker, .booleanspecissuenotesticker, .researchsurveysticker, .backmaterialsticker {
  vertical-align: bottom;
}

.articlesticker { 
  background-color: #5E2605;   /*Vandykebrown: was BB7733 then AA6633 */
}

.shortsticker {
  background-color: #802A2A;   /* was CC8844, DD9955, then BB8877 */
}

.researchsurveysticker { /* OR: 2010/9/15: Added research surveys */
  background-color: #3B5E2B;  /* olive3b: LB 13-03-12 changed #A59A2A;  */
}

.notesticker { /* OR: 2009/5/18 Added notes */
  background-color: #8B4726; /* sienna4: prev: #FFBBBB;  */
}
.gradsurveysticker {
  background-color: #55FF55;
}

.miniarticlesticker {
  background-color: #FFBBBB;
}

.motwanispecissuesticker {  /* LB 2013-03-12 changed from CC4000 rusty */
  background-color: #9E0508;  /* burgundy */
}

.aprxrand12specissuesticker {   /* LB 2013-03-12 changed from #00FF00 green */
  background-color: #B23AEE;    /* dark-orchid: violet */
}

.aprxrand13specissuesticker {   /* OR 2014-11-13 a random color! */ 
  background-color: #F18340;          /* orange-brownish */
}

.aprxrand14specissuesticker {   /* LB 2016-07-05 */ /* crimson */
  background-color: #DC143C;    
}

.aprxrand15specissuesticker {   /* LB 2016-07-05 */ /* chocolate */
  background-color: #D2691E;    
}

.aprxrand16specissuesticker {   /* LB 2021-09-18 */ 
  background-color: #F18340;          /* orange-brownish */
}

.rand18specissuesticker {   /* LB 2021-11-28 */ 
  background-color: #D2691E;    /* chocolate */
}

.aprxrand19specissuesticker {   /* LB 2021-09-18 */ /* crimson */
  background-color: #DC143C;    
}

.ccc16specissuesticker {   /* LB 2016-07-05 */ /* blue-violet */
  background-color: #8E44AD;    
}

.ccc17specissuesticker {   /* LB 2019-10-21 */ /* purple */
  background-color: #800080;    
}

.ccc18specissuesticker {   /* LB 2019-10-21 */ /* indigo */
  background-color: #4B0082;    
}

.ccc19specissuesticker {   /* LB 2020-08-13 */ /* bright navy */
  background-color: #4535A8;
}

.ccc20specissuesticker {   /* LB 2021-09-18 */ /* purple */
  background-color: #800080;    

}

.ccc21specissuesticker {   /* LB 2021-09-18 */ /* indigo */
  background-color: #4B0082;    
}

.ccc22specissuesticker {   /* LB 2021-09-18 */ /* dark grey */
    background-color: #703188;
}

.booleanspecissuesticker {  /* LB 2013-03-12 */
  background-color: #3A5FCD;    /* royal blue */
}

.booleanspecissuenotesticker { /* LB 2013-03-12 */
  background-color: #007FFF;    /* slate blue (lighter) */
}

.backmaterialsticker {
  background-color: #000080;
}

.hascommentssymbol {
  color: #FFBBBB;
  font-size: 100%;
  text-align: center;
}


.tocline1  { 
 font-size:  11pt;  /* 8, 13pt;/*  /* 16pt */
 font-weight: bold;
}

.tocline2  { 
 font-size: 11pt;  /* 9, 13pt; */   /*15pt;*/  /* 18pt; */
 font-weight: bolder;
}

.tocline3  { 
 font-size: 12pt;   /* 10, 14pt; */  /*15pt;*/ /* 18pt; */
}




/* ------------------------------------------------------ */
/*                About the author   */
/* ------------------------------------------------------ */



.aboutauthor { /* Style for about the author stuff */
 padding: 20px;
 margin: 10px;
 background-color: #F0F0F0;
 border: #C0C0C0 1px solid;
 overflow: hidden;
}

.aboutauthor .photo img { /* OR 2010/09/26: add border for author images */
 border: 2px solid #C0C0C0;
 margin: 3px; /* to make sure text doesn't touch the image */
}

.aboutauthor .photo { 
 float: right;
 text-align: center;
 font-size: 80%; 
 margin: 4px 4px 4px 9px; /* to make sure text doesn't touch the image */
}

.aboutauthor .contact { /* OR 2010/09/26: different style for contant info */
 /* font-family: monospace; */
}

.aboutauthor .deceasedauthor { 
 padding: 5px;
 border: 4px black solid;
 /* margin: 0 0 5px; */
 /* float: left; */ /* to ensure that the box does not extend beyond the name */ 
 line-height: 250%;
}



.aboutauthor .bio { 
 padding-top: 20px;
 text-align: justify;
}

.aboutauthor .footnote { 
 font-size: 80%;
}


.volumebullet { /* Style to display volume bullets on "articles" page */
 font-size: 130%;
 font-weight: bolder;
 line-height: 1.5em;
}



/* ------------------------------------------------------ */
/*                Article page   */
/* ------------------------------------------------------ */

#articletopline {
   font-size: 110%;
   font-weight: bolder;
}

#authorline { /* Style of line "by <authornames>" */
 font-size: 1.4em;
 line-height: 1.3em;
 font-family: Georgia, "Times New Roman", Serif;
}

#authornames { /* Style to display author names */
 font-style:italic;
}

#articlecommenton { /* Style to display the "comments on" line */
  margin-left:  3em;
  text-indent: -3em;
  margin-top: 10px;
}

#articledates { /* Style to display the published/received/etc. dates */
  margin: 5px 0;
}


.hang { /* All but first line goes in 3em to the right */
  margin-left:  3em;
  text-indent: -3em;
}

#articletitle {
  font-size: 1.8em;
  line-height: 1.2em;
  padding: 10px 0 10px;
  font-family: Georgia, "Times New Roman", Serif;
}

/* 2009/5/23: Copyright text in bottom of article pages */
#copyright {
  font-size: 75%;
}

/* 2009/5/24: DOI text in bottom of article pages */
#doi {
  font-size: 75%;
}

#authorlinefootnote {
  font-size: 75%;
}

/* 2012/03/24: For Motwani special issue */

#specialissueforeword .deceasedphoto img { 
 border: 7px solid #000000;
 margin: 3px; /* to make sure text doesn't touch the image */
}

#specialissueforeword .deceasedphoto { 
 float: right;
 text-align: center;
 font-size: 80%; 
 margin: 4px 4px 4px 20px; /* to make sure text doesn't touch the image */
}


img#articlepdficon {
  float: right; 
}


/* ------------------------------------------------------ */
/*                Misc   */
/* ------------------------------------------------------ */

/* Title of page */

#title { 
   font-weight: bold; 
   font-size: 2.3em; 
   margin: 0 0 20px 0; 
   text-align: center; 
   line-height: 1.3em; 
   font-family: georgia, serif;
}
	
/* Subtitle, e.g., in foreword to Motwani special issue */
#subtitle { 
   font-weight: bold; 
   font-size: 1.5em; 
   margin: 0 0 20px 0; 
   text-align: center; 
   line-height: 1.3em; 
   font-family: georgia, serif;
   font-variant: small-caps;
}
	

#dedication {
   font-family: georgia,"Times New Roman",serif; 
   font-size: 1.5em; 
   font-style: italic; 
   text-align: right; 
   line-height: 1.2em;   
   width: 80%;
   padding-left: 15%;
}

#authorsignature {
   text-align: right;
   margin: 20px 0px 20px 0px
}


#lastupdated {
   text-align: right;
}

img.emailimage {
   position: relative; 
   top: 4px;
}

hr {
   margin: 1em 0 1em 0;
   width: 100%;
   border-top: 2px solid #444444;
}