@charset "UTF-8";
/*	silveracorn.nz MXUI website - Version MX_2.1.1 - 5-Jul-2020
	MX version 3086
	900px wide version FOR MX UI Style Website */

body {
    padding-top: 158px;
}

#table_container {
   width: 900px; /* was 872px */
   margin: 0 auto;
   padding-bottom: 10px;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 10pt;
   color: #000;
}

#table_container table {
   border:10px solid #DDD;
   border-bottom-width: 20px;
/*   border-radius: 20px; */
   border-spacing: 0px 0px;
}

#table_container table td,table th {
   background-color:  #FFF; /* white - stop 'empty' cells being transparent */
   width: 80px;
   text-align: center; /* was right */
/*   padding: 3px 2px 3px 0px; */
/*   padding: 2px 2px 1px 0px; */ /* reduce white space between rows */
   padding: 1px 2px 0px 0px; /* reduce white space between rows */
}

.right {
   text-align: right; /* for far left column */
}

#table_container table th {
   background-color:  #DDD;
}

#table_container .box { outline: 2px solid white; cursor: pointer;}
#table_container .box2 { outline: 2px solid red; cursor: pointer;} /* for hourssun bargraph */
#table_container .highlight { background-color: #8499A7; cursor: pointer; color: white;}
#table_container .smallfont { font-size: 60%;}
#table_container .zerovalue { color: #999999;} 
#table_container .topborder { border-top: 2px solid black;} 
#table_container .bottomborder { border-bottom: 2px solid black;} 
#table_container .rightborder { border-right: 2px solid black;} 
#table_container .center { text-align: center;} 
#table_container .nondate {background-color: #DDD;}
#table_container .seasonal1 {border-right: 2px solid black; text-align: center; font-size: 180%;}
#table_container .seasonal2 {text-align: center; font-size: 180%;}
#table_container .seasonal3 {border-right: 2px solid black;}

#table_container .format_note {
   text-align: left;
   background-color: #DDD;
   font-size: 100%;
}

#table_name .table_title {
   padding: 10px;
   border: 2px solid #B0C4DE;
/*   border-radius: 5px; */ /* 10 px */
   box-shadow: 2px 2px 2px -1px  #B0C4DE;
   color: #FFF;
/*   color: #000;
   font-weight: bold; */
}
#table_name {
   position: relative;
   top: 10px;
   margin-bottom; -10px;
   font-size: 28px;
   text-align: center;
}

#table_menu { 
   text-align: center;
/*   margin-bottom: 10px; */
   }

#table_menu ul {
   list-style-type: none;
   font-size: 100%;
   font-weight: bold;
   margin-left: 0px;
   margin-bottom: -10px;
   text-transform: none;
   padding: 5px 0px;
}

#table_menu li {
   display: inline-block;
   margin-right: 13px;
   margin-bottom: 10px;
   padding: 2px 5px 2px 5px;
   border: 1px solid #999999;
   background-color: #FFF;
/*   border-radius: 5px; */
   box-shadow: 3px 3px 3px #B0C4DE;
   font-size: 10pt;
}

#table_menu li:hover{
   box-shadow: 3px 3px 3px #2020FF;
}

#table_menu .picked {
   box-shadow: 3px 3px 3px #FF2020;
}

#table_menu a { text-decoration: none; color: #333333;}
#table_menu a:hover { color: #0000FF;}
#table_year { width: 80px;}

#table_container select {
   padding: 3px;
   margin: 0;
/*   border-radius:4px; */
   background: #ffffff;
   color:#000;
   border:none;
   outline:none;
   display: inline-block;
   cursor:pointer;
}

#gilliam {
   position: relative;
   top: 10px;
}

.meterCont {
   position: relative;
   height: 16px;
   background-color: black;
   background-image: url('hatch2.jpg');
}

.meterBar {
   display: block;
   height: 16px;
   position: absolute;
   overflow: hidden;
   right: 0px;
}

.meterTxt {
   display: block;
   position: absolute;
   right:  0px;
}

/* careful ! - Only changed sections are shown */ 

#sun_note, #sun_note2 {
    position: relative;
    top: -3px;
    text-align: left;
    margin-left: 10px;
    height: 18px;
    color: white; /* NEW for black pages */
}

.poss {
    background-color: #f5ffc4;
    color: black; /* NEW */
}

.real {
    background-color: #FFD700;
    color: black; /* NEW */
}
/* NEW - "Getting Data ..." */
#gilliam h1{
	color: red;
}
/*
#sun_note {
   position: relative;
   top: -3px;
   text-align: left;
   margin-left: 10px;
   height: 18px;
   background: lightgrey;
}
#sun_note2 {
   position: relative;
   top: -3px;
   text-align: left;
   margin-left: 10px;
   height: 18px;
}
*/

#sun_note span, #sun_note2 span {
   height: 18px;
   padding: 0px 10px 2px 10px;
}

/* sun hours bar graph and 'key;' colours */
.night{
   background-image: url('hatch2.jpg');
   font-weight: bold;
   color: white;
}

.poss{
	background-color: #f5ffc4; /* lemon */
}

.real {
	background-color: #FFD700; /* orange */
}