/*
// silveracorn.nz MXUI website - Version MX_2.1.1 - 5-Jul-2020
// MX version 3086
 * for beteljuice 'TABLE' style
*/
body {
    padding-top: 158px;
}
.daytable {
   width: 850px;
   /* width: 670px; */
   border-collapse: collapse;
   font-weight: bold;
   background-color: #DCDCDC;   /* background-color: #FFFFFF; betel original */
   color: #000000;    /* Added BCJKiwi for MXUI style website */
   font-family: Verdana, Helvetica, sans-serif;
}

.daytable td {
   font-size: 80%;
   vertical-align: top;
   /* width: 9%; */
   text-align: right;
   border: 1px solid black;
   padding: 4px;
   cursor: pointer;
}

.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{
   color: black;
   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;
}

.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;
}

/* container for LISTS style nav buttons */
.mon_nav_container {
   font-family: lucida console, courier new, courier, monospace;
   font-size: 10pt;
   font-weight: bold;
   line-height: 2.2;
   text-align: center;
   text-decoration: none;
}

/* the nav buttons */
.mon_nav {
   text-align: left;
   border: 1px solid #000000;
/*    border-radius: 10px 10px 10px 10px; */ /* NOT IE8 and below -!!-  BCJKiwi - Rectangle boxes without rounded corners */
   padding: 5px 10px 5px 10px; /* BCJKiwi was 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;
   background-color: #DCDCDC;    /* Added BCJKiwi for MXUI style website */
}

/* if you would prefer the highlight 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;
   background-color: #DCDCDC;    /* Added BCJKiwi for MXUI style website */
}

/* if you would prefer the highlight 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 */
}


/* additional css for LIST view - Over ride MX defaults*/
.tableseparator_temp {
   font-size: 90%;
   font-weight: 400;
   background-color: #6B6B6B;;
   color: #FFFFFF;
   padding: .5em;
   letter-spacing: .1em;
}
.tableseparator_rainfall {
   font-size: 90%;
   font-weight: 400;
   background-color: #6B6B6B;;
   color: #FFFFFF;
   padding: .5em;
   letter-spacing: .1em;
}
.tableseparator_wind{
   font-size: 90%;
   font-weight: 400;
   background-color: #6B6B6B;;
   color: #FFFFFF;
   padding: .5em;
   letter-spacing: .1em;
}
.tableseparator_pressure {
   font-size: 90%;
   font-weight: 400;
   background-color: #6B6B6B;;
   color: #FFFFFF;
   padding: .5em;
   letter-spacing: .1em;
}
td {
   color: #222222;
}

.td_temperature_data {
   background-color: #DCDCDC;
}
.td_rainfall_data {

   background-color: #DCDCDC;
}
.td_wind_data {
   background-color: #DCDCDC;
}

.td_pressure_data {
   background-color: #DCDCDC;
}