/*=============================================================
  Filename: calendar-30.css

  Style Sheet for historical calendar.

  Date    Description                                       By
  -------|-------------------------------------------------|---
  28Nov07 Fifth draft                                       ARC
  30Nov07 Support Object oriented Calendar                  ARC
  03Dec07 Support for multi country date table              ARC
  08Jul08 bugfix background none removed                    ARC
  19Oct09 fixed sel-country to be wider for long names      ARC
  19Sep10 adjust widths for fallback fonts                  ARC
  12Oct10 fix dates table row height                        ARC
  22May14 tidy up selBtnImg appearance                      ARC
  11May15 Use CSS styling not images for arrows             ARC
  25Apr18 Use Arial font                                    ARC
  26Apr18 Inculde DDmenu.css content                        ARC
 ==============================================================*/

.calendar {
  position: relative;
  border-collapse: separate;
  border-spacing: 3px;
  padding: 0;
  margin: 0;
  font-size: 11px;
  line-height: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  background-color: #565;  /* #dfe2e6; */
}

.dates {
  background-color: whitesmoke;
  text-align: center;
}

.dates .monthName {      /*  January, February ... */
  color: #303030;
  font-size: 1.6em;
  font-weight: bold;
  background-color: silver;
}

.dates th {     /* Mon, Tue, Wed ... */
  font-weight: normal;
}

.dates tr {
  height: 2.0em;
}

.dates td {     /* 1,2,3, ... */
  font-weight: bold;
  width: 2.3em;
  padding: 0.2em 0;
}

.calendar .dates a {
  color: black;
  text-decoration: none;
  padding: 0.2em;
}

table.equDate {
  display: block;
  width: 500px;
  font-size: 1.2em;
  font-weight: bold; 
  margin: 0.5em auto;
  border-collapse: separate;
  border-spacing: 2px;
  text-align: center;
}

table.equDate tr {
  height: 1.5em;
}

table.equDate th {
  text-align: right;
  padding-right: 1em;
}

table.equDate td {
  text-align: center;
  padding: 0 0.5em;
  background-color: white;
  border: 1px solid black;
  letter-spacing: 1px; 
}

table.equDate td.lbl {
  text-align: right;
  background-color: transparent;
  border: 0;
  padding-right: 1em;
  font-weight: normal;
  letter-spacing: 0;
}

#calHeader {
  display:grid; 
  grid-template-columns: 5fr 3fr; 
  margin: 0.5em;
}

.ddHolder {
  margin: 0 0 0 auto;
  font-size: 14px;
}

.ddHolder .buttonLink {
  width: 1.6em;
  float: left;   /* buts up to right of input */
}

.ddSelected {
  display: grid;
  grid-template-columns: 1fr 1.6em;
  grid-template-rows: 1fr 1fr; 

  position: relative;
  box-sizing: content-box;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  width: 4.6em;
  height: 1.2em; 
  padding: 0 0.3em 0.15em 0.3em;
  margin: -1px 0 0 0;
  border-top: 2px solid #aaaaaa;
  border-left: 2px solid #aaaaaa;
  border-right: 2px solid #f0f0e0;
  border-bottom: 2px solid #f0f0e0;
  border-radius: 3px; 
  text-align: center;
  float: left;
}

.ddmenu {
  position: relative;
  display: block;
  height: 1.5em;   
  width: 1.5em;    /* just a place holder and parent, not actually visible */
	padding: 0;
	border: 0;
  background-color: transparent;
	z-index: 5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  background-color: transparent; 
}

.ddmenu ul, .ddmenu ul li {
	margin: 0;
	padding: 0;
	border: 0;
}

.ddmenu .daddy {
	background-image: url("Images/arrowRightSmall.gif");
	background-position: 96% 50%;
	background-repeat: no-repeat;
}

.ddmenu ul {
  position: absolute;
  display: block;
  top: 28px;
  left: 0px;
  width: 95px;   /* Width of Top Level Menu */
	border: 1px solid #606060;
	background-color: white;
  list-style: none;
}

.ddmenu ul ul {
  display: none;
	top: 13px;        /* down a little */
  left: 78px;      /* off to the right */
}

.ddmenu ul ul ul {
  display: none;
  width: 80px;     /* make it narrower, no arrows to accomodate */
}

.ddmenu li {
  padding: 0;
  background-color: transparent;
}

.ddmenu a {
  display: block;
  height: 26px;
  color: black;
  text-decoration: none;
  font-size: 18px;
  font-weight: normal;
  line-height: 23px;
  vertical-align: middle;
  text-align: center;
  padding: 0;
  border: 0;
  margin: 0;
}

.ddmenu ul ul li {
	padding: 0;
}

.ddmenu a:hover {
	background-color: #687288;
	color: white;
}

.ddmenu li:hover ul ul,    .ddmenu li.over ul ul,
.ddmenu li:hover ul ul ul, .ddmenu li.over ul ul ul {
  display: none;
}

.ddmenu li:hover ul,       .ddmenu li.over ul,
.ddmenu li li:hover ul,    .ddmenu li li.over ul,
.ddmenu li li li:hover ul, .ddmenu li li li.over ul {
  display: block;
}