/* ##################### */
/*      LINK STYLES      */
/* ##################### */

.PopularTag:link { margin-bottom: 10px; text-decoration: none; padding-bottom: 2px;	}
.PopularTag:visited { color: #0063DC; text-decoration: none; }
.PopularTag:hover { color: #ffffff; text-decoration: none; background: #0063DC;	}
.PopularTag:active { color: #ffffff; text-decoration: none; background: #FF0084; }


.TagsBox { margin: 15px; padding: 15px; border: solid 1px #eee; background: #f5f5f5; }

/* styles for the images that float on the thumbnail pages */

div.float {
  float: left;
  width: 220px; 
  height: 260px;
  }

.centeredImage     {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  }

.picCaption {
  text-align: center;
  margin-block-start: 0.2em;
  }

div.container {
  border: 2px dashed #333;
  background-color: #ffe;
  }

div.spacer {
  clear: both;
  }

/* styles for headings, used various places... */
/* toptitle is used for the top title/breadcrumb line */
div.toptitle {
    display:block;
    float:left;
    width: 75%;
    font-style: italic;
    font-weight: bold;
    font-size: 1.5em;
    padding-bottom: 10px;
   }

/* instructionlineleft is used for the instructions, etc. */
div.instructionlineleft
{
    display:block;
    float:left;
    text-align: left;
    padding-left: 5px;
    color: white;
}

/* instructionlineright is used for the instructions, etc. */
div.instructionlineright
{
    display: block;
    padding-right: 5px;
    text-align: right;
    color: white;
}

.fullwidthcontainer
{
	height: 2em;
	position: relative;
}

div.rightalign
{
  display: flex;
  justify-content: right;
  align-items: center;
  height: 2em;
}

div.leftalign
{
    display:float;
    float:left;
}

/* for pages that have a summary.txt, this style is applied. */
.summary
{
  font-size: 1.2em;
}

/* for showing/hiding the login and registration form */
div.toggle-div {
  transition: 1s ease-out;
  height: 85px;
  overflow: hidden;
}

div.hidden {
  height: 0;
}

.Latest
{
  display: block;
  float: left;
  font-size: 1.2em;
  font-weight: normal;
  padding-right: 10px;
  padding-top: .5em;
}

.LatestTime
{
  display: block;
  float: right;
  font-size: .7em;
  font-weight: normal;
  padding-right: 10px;
  padding-top: 1.2em;
}

.NavTable {
  padding-top: .5em;
  padding-left: 10px;
}

.MonthHeader
{
    text-align: left;
    padding-left: 5px;
    color: white;
}

/* spiffy rounded corners, from http://www.spiffycorners.com/ */
/* 
   Note that the actual ThemeColor in the config is ignored, and the color of the bars, etc. are
   actually defined here. TODO - use the ThemeColor and calculate the different colors needed
   for the rounded corner anti-aliasing depending on the base color, defined in the base .spiffy style
   */
   
   
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#2254D3}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #9fb5ec;
  border-right:1px solid #9fb5ec;
  background:#597ede}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e8edfa;
  border-right:1px solid #e8edfa;
  background:#4b74db}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #4b74db;
  border-right:1px solid #4b74db;}
.spiffy4{
  border-left:1px solid #9fb5ec;
  border-right:1px solid #9fb5ec}
.spiffy5{
  border-left:1px solid #597ede;
  border-right:1px solid #597ede}
.spiffyfg{
  background:#2254D3}



.footer
{
  text-align: center;
  font-size: .5em;
}