body {
}

/* Climate icon table styling */

.mapInfo
{
	font-family:Arial;
	width:500px;
}

.icon
{
	width:20px;
	height:20px;
}

/* for the report tab */

.climateGuide tr
{
	padding:2px;
}

.climateGuide tr td
{
	font-family:Arial;
}

.iconData
{
	width:30px;	
}


/* The first column in the climate guide legends */
.climateGuideTitle
{
    font-weight:bold;
    font-size:0.7em;
    color : #78b3ce;
    /*background-color: #78b3ce;
    color: #fff;
	border-top: solid 1px #069;
    border-bottom: solid 1px #069;*/
    padding: 2px, 30px, 2px, 2px;
}

/* The month row in the climate guide legends  plus recorded time details. */
.climateGuideText
{
    font-weight:bold;
    font-size:0.8em;
    width:auto;
}


/** If no data found for sunshine **/
.noDataMessage
{
	font-weight:normal;
    font-size:0.8em;
    text-align:center;
}

/** Thanks for the weather guide at the bottom **/
.climateGuideFooter
{
	font-weight:lighter;
    font-size:0.8em;
    text-align:center;
    padding-top:10px;
}

/* Weather guide tab */
.weatherGuideTitle
{
    font-weight:bold;
    font-size:0.8em;
    color : #78b3ce;
    /*background-color: #78b3ce;
    color: #fff;
	border-top: solid 1px #069;
    border-bottom: solid 1px #069;*/
    padding: 2px, 30px, 2px, 2px;
    width:200px;
}



.weatherGuideText
{
    font-weight:bold;
    font-size:0.8em;
    width:450px;

}

.weatherReportIconData
{
	width:40px;
	height:20px;
}
/* Icon size */
.weatherReportIcon
{
	width:20px;
	height:20px;
display:block;

}

/* The text that floats over the windspeed icon */
.weatherDisplayValue
{
	font-size:10px;
	font-weight:normal;
	text-align:center;	
padding:4px 0 0 0;
margin:0 0 0 0;
}

/* The links to switch between the 2 guides */
.climateLinks 
{

text-align:right;
padding:4px 20px 0 0;
}
.climateLinks a
{

text-decoration:underline;
margin:5px 0 0 0;
height:10px;
}
.climateLinks a.selected
{
	font-family:Arial;
	font-size:1.0em;
	text-decoration:none;
border:1px solid #ccc;
padding:2px 4px;


}

.climateLinks a.deselected
{
	font-family:Arial;
	font-size:1.0em;
	font-weight:normal;

padding:2px 4px;
}

.climateLinks a.selected:hover, .climateLinks a.deselected:hover
{
	font-family:Arial;
	font-size:1.0em;
	text-decoration:none;
text-decoration:underline;
cursor: pointer;
}
.climateGuide {
width:600px;
}
/* Float clearing
-----------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

-->