@charset "UTF-8";
/* 900px wide version */

#table_container {
	width: 900px;
	margin: 10px auto;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #F67400;
}

#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: 65px;
	text-align: center; /* was right */
	padding: 3px 2px 3px 0px;
}

.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;} /* was #F5E0CC , color added */
#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: 20px;
	color: #F67400;
	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;
	margin-top: 20px;
	}

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


#sun_note, #sun_note2 {
	position: relative;
	top: -8px; 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'); /* grey cross-hatch */
	font-weight: bold;
	color: white;
}
.poss{
	background-color: #f5ffc4; /* lemon */
}
.real {
	background-color: #FFD700; /* orange */
}