/*
	alt_mon.css	v:0.0.1		d:Apr 2021	the beteljuice
	Last modified: 20 Apr 2021

*/

/*  for beteljuice 'TABLE' style */
.daytable {
min-width: 700px;
width: 100%;
border-collapse: collapse;
font-weight: bold;
background-color: #FFFFFF;
font-family: verdana !important;
color: black;
}

.daytable td {
font-size: 80%;
vertical-align: top;
/* width: 9%; */
text-align: right;
border: 1px solid black;
padding: 4px;
cursor: pointer;
font-family: verdana !important;
}

.daytable .head {
color: #ffffff;
font-size: 90%;
background-color: #808080;
vertical-align: middle;
border: 1px solid black;
line-height: 120%;
text-align: center;
cursor: auto;
padding: 0px;
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.daytable .hi {
border-bottom: 0px;
}

.daytable .lo {
/* border-top-style: dashed; */
border-top: 0px;
}

.daytable .mon {
border-right: 0px;
font-size: 90%;
vertical-align: middle;
text-align: left;
padding-left: 10px;
/* width: 4%; */
/* width: 40px; */
background-color: #6B6B6B;
color: #ffffff;
cursor: auto;
}

.daytable .mon2 {
border-left: 0px;
font-size: 70%;
vertical-align: middle;
/* width: 4%; */
/* width: 40px; */
background-color: #6B6B6B;
color: #ffffff;
cursor: auto;
}

/* for TABLEs mouseovers */
.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:2px solid blue; /*Border around tooltip*/
border-radius: 15px;
background:white;
z-index:3000;
font-size: 10pt;
}

.stickytooltip .stickystatus{ /*Style for footer bar within tooltip - not being used */
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}

.atip, .atip td {
font-family: arial, sans-serif;
line-height: 1.2;
}

/* the option buttons */
.mon_nav {
    text-align: left;
    border: 1px solid #000000;
    border-radius: 10px 10px 10px 10px; /* NOT IE8 and below */
    padding: 2px 5px 2px 5px;
    color: #000000;
    background-color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

/* nav button link */
a.mon_nav:visited {
    color: #000000;
}
a.mon_nav {
    color: #000000;
}

/* if you would prefer the highligh OUTSIDE the button, remove the word 'inset' */
/* nav button hover color - NOT IE8 and below */
a.mon_nav:hover {
    box-shadow: inset 0 0 7px #007EBF;
    text-decoration: none;
    color: #000000;
}

/* if you would prefer the highligh OUTSIDE the button, remove the word 'inset' */
/* highlight selected year or month button - NOT IE8 and below */
._selected {
    box-shadow: inset 0 0 7px #FF0000; /* red */
}