/* 
	I provide styles for the forecast portlet
	All css selectors should be prefixed with forecast-portlet to namespace them.
	
	The majority of styles for this portlet are inherited from css/plugins/forecast-table.css
	
	Styles for the region dropdown widget are inherited from css/widgets/menu.css and over-written where necessary
*/

article.portlet.forecast .menu.forecast-menu {border-bottom:none; background:none;}

.region-forecast .forecast_tables thead {
	border-top: 2px solid #c0bdac;
}

/*
.region-forecast .forecast_tables thead .label {
	margin-left: 15px !important;
}

.region-forecast .forecast_tables thead .arrow {
	position: relative;
}
*/

.region-forecast .forecast_tables thead th.title {
	width: auto;
}

.region-forecast .forecast_tables thead td.value {
	text-align: center;
	font-size: 10px;
	padding: 2px 0;
}

.region-forecast .forecast_tables thead td.area {
	padding: 3px 3px 3px 15px;
	color: #666;
	width: 150px;
}

.region-forecast .forecast_tables tbody tr.group-row td.value.y1:hover span,
.region-forecast .forecast_tables tbody tr.group-row td.value.y2:hover span,
.region-forecast .forecast_tables tbody tr.group-row td.value.y3:hover span {
	color: #fff;
	*color: #000;
	*background-color: #eee;
}

.region-forecast .forecast_tables tbody tr.group-head td {
	background-color: #F8F5E8;
	border-top: 1px solid #E4E1D2;
	border-radius: 2px;
	-moz-border-radius: 2px;
	cursor: pointer;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	color: #969178;
	background-image: linear-gradient(top, rgb(253, 251, 238) 14%, rgb(229, 225, 213) 85% );
	background-image: -o-linear-gradient(top, rgb(253, 251, 238) 14%, rgb(229, 225, 213) 85% );
	background-image: -moz-linear-gradient(top, rgb(253, 251, 238) 14%, rgb(229, 225, 213) 85% );
	background-image: -webkit-linear-gradient(top, rgb(253, 251, 238) 14%, rgb(229, 225, 213) 85% );
	background-image: -ms-linear-gradient(top, rgb(253, 251, 238) 14%, rgb(229, 225, 213) 85% );
	font-size: 80%;
	text-align: left;
	opacity: .7;
}

.region-forecast .forecast_tables tbody tr.group-head.closed td {
	border-top: 1px solid #c0bdac;
	opacity: 1;
}


.region-forecast .forecast_tables tbody tr.group-row.foldable {
	display: none;
}

.region-forecast .widget.menu {
	width: 240px;
	float: none;
	margin: 1px auto 5px auto;
}

.region-forecast .widget.menu .menu-header .menu-text {
	color: #3d281c;
	font-size: 10px;
}