/* 
	I provide styles for the forecast tables (currently only used on the landing_economics page, but will later be used on the forecast_page)
	All css selectors should be prefixed with table.forecast to namespace them.
	
	Any styles that are specific to portlets using forecast tables, should be placed in their own files and namespaced accordingly.
	
	Styles for the region dropdown widget are inherited from css/widgets/menu.css and over-written where necessary
*/

table.forecast {
	background-color: #FDFBF5;
	border: 1px solid #C0BDAC;
	width: 100%;
}



/* table head styles */
table.forecast-table-tabs {
	width: 100%;
}
table.forecast thead tr.main-heading th,
table.forecast-table-tabs th {
	background-image: url("../../images/calendar-header.png");
	background-repeat: repeat-x;
}
table.forecast-table-tabs th:hover {
	background: #74635B;
	overflow: hidden;
}
.forecast-table-tabs th {
	padding: 5px;
	border: 1px solid #C0BDAC;
	border-bottom: none;
}

table.forecast thead tr.main-heading th,
table.forecast-table-tabs th a{
	color: white;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}

table.forecast thead {
	white-space: nowrap;
}

table.forecast thead tr {
	border-bottom: 1px solid #c0bdac;
}

table.forecast thead tr.sub-heading th {
	color: #3D281C;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 5px 15px;
}

table.forecast thead tr.sub-heading th img.left-shift,
table.forecast thead tr.sub-heading th img.right-shift {
	cursor: pointer;
	padding: 0 5px;
}

/* table body styles */
table.forecast tbody tr.group-row:hover {
	background: #FCD99C !important;
}

table.forecast tbody tr.group-row:hover td
,table.forecast tbody tr.group-row:hover a {
	color: #222 !important;	
}

table.forecast th
,table.forecast td
,table.forecast span {
	cursor: default;
}

table.forecast tbody tr.group-row:nth-child(2n)
,table.forecast tbody tr.sub-highlight-even {
	background: white;
}

table.forecast tbody tr td {
	color: #666;
	font-size: 10px;
	padding: 2px 0;
	text-align: center;
}

table.forecast tbody tr td.first-cell {/* first cell in row */
	padding-left: 15px;
	text-align: left;
}


table.forecast tbody tr.sub-highlight-even.parent-open {/* remove highlight bg color when open */
	background-color: transparent;
}

table.forecast tbody tr td.first-cell a {
	color: #666;
	text-decoration: none;
}
table.forecast tbody tr td.first-cell a:hover {
	text-decoration: underline;
}

table.forecast tbody tr.group,
table.forecast tbody tr.first-country,
table.forecast tbody tr.first-highlight-country,
table.forecast tbody tr.row-header {
	border-top: 1px solid #C0BDAC;
}

table.forecast tbody tr.first-highlight-country.parent-open {
	border-top-width: 0;
}


table.forecast tbody tr.row-header.has-children td.first-cell {
	background-image: url("../../images/right-black.png");
	background-position: 5px center;
	background-repeat: no-repeat;
}

table.forecast tbody tr.row-header.open td.first-cell {
	background-image: url("../../images/down-black.png");
}

table.forecast tbody tr.has-children td {
	cursor: pointer !important;
}

table.forecast tbody tr.non-highlight {
	display: none; /* initially hide non-highlighted rows */
}

table.forecast tbody tr td.data-cell {
	background-position: right center;
	background-repeat: no-repeat;
	color: #54301A;
	padding-right: 10px;
	text-align: right;
}
table.forecast tbody tr td.data-cell.change-up {
	background-image: url("../../images/aero_upwardtrends_small.png");
	color: green;
}
table.forecast tbody tr td.data-cell.change-down {
	background-image: url("../../images/aero_downwardtrends_small.png");
	color: red;
}

table.forecast .group
{
	border-bottom: 1px solid #C0BDAC;
}

table.forecast .group.has-children 
,table.forecast tbody tr.row-header
,table.forecast tbody tr.row-header.open td{
	background: #EBE6DC;
}

table.forecast .group.has-children {
	cursor: pointer;
}

table.forecast tbody tr.row-header td.first-cell
,table.forecast .group.has-children td:first-child {
	color: #321B0F !important;
	font-weight: bold;
}

	
	table.forecast .group.has-children:hover td {
		background: #E0DBCF;	
	}
	
	table.forecast .group.has-children:active  td {
		background: #F0EEEA;	
	}


table.forecast .group td:first-child
,table.forecast .group-row  td:first-child {
	text-align: left;
}

.forecastFooter {
	color: #54301A;
    font-size: 11px;
    margin-top: 2px;
}

b.aero-blu-lef
,b.aero-blu-rig
,b.aero-upwardtrends
,b.aero-downwardtrends {
	width: 16px;
	height: 8px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
}

b.aero-blu-lef
,b.aero-blu-rig {
	cursor: pointer
}

b.aero-blu-lef {
	background-image: url("../../images/aero_blu_lef.gif");
}

b.aero-blu-rig {
	background-image: url("../../images/aero_blu_rig.gif");
}


b.aero-upwardtrends {
	background-image: url("../../images/aero_upwardtrends_small.png");
}

b.aero-downwardtrends {
	background-image: url("../../images/aero_downwardtrends_small.png");
}


.forecast_tables {
	font-family: arial;
}

.forecast_tables thead th,.forecast_tables tbody td.value {
	text-align: center;
}

.forecast_tables .borderRight {
	border-right: 1px solid #c0bdac;
}

.forecast_tables .borderLeft {
	border-left: 1px solid #c0bdac;
}

.forecast_tables tr.odd {
	background: #fffdf2;
}

.forecast_tables tr.even {
	background: #f4f2e6;
}

.forecast_tables a {
	outline: none;
}

.forecast_tables table {
	display: inline-table;
	border-bottom: 1px solid #c0bdac;
}

.forecast_tables thead th {
	height: 30px;
	font-size: 10px;
	font-weight: bold;
}

.forecast_tables tbody td {
	height: 15px;
	line-height: 15px;
	padding: 2px 0px;
	color: #785205;
	font-size: 10px;
}

.forecast_tables thead th.headerTitle {
	background: #dbd7cf;
	color: #3d281c;
	font-weight: bold;
	border-top: 1px solid #c0bdac;
}

.forecast_tables thead th.title {
	background: #f1efec;
	color: #3d281c;
	width: 36px;
}

.forecast_tables thead th.lastChange
,.forecast_tables thead th.nextChange
,.forecast_tables td.lastChange
,.forecast_tables td.nextChange
,.forecast_tables td.nextMeeting  {
	white-space: nowrap;
}

.forecast_tables thead th.headerTitle 
,.forecast_tables thead th.title {
	vertical-align: middle;
}

.forecast_tables thead th.area,.forecast_tables thead th.region {
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
	min-width: 160px;
}

.forecast_tables tbody td.area {
	padding-left: 15px;
	color: #666;
	width: 150px;
}

.forecast_tables tbody td.region {
	padding-left: 15px;
	color: #666;
	text-align: left;
	max-width: 150px;
	padding-right: 8px;
	white-space: nowrap;
}

.forecast_tables tbody tr.has-children td.area
,.forecast_tables tbody tr.has-children td.region {
	padding-left: 0;
}

.forecast_tables tbody td.region b {
	font-weight: bold;
}

.forecast_tables tbody td.region span.ind {
	padding-left: 10px;
}

.forecast_tables thead .left_shift {
	padding-right: 5px;
}

.forecast_tables tbody .label {
	margin-left: 15px !important;
}

.forecast_tables tbody .liner {
	position: relative;
}

.forecast_tables thead .right_shift {
	padding-left: 5px;
}

.forecast_tables .arrow {
	position: absolute;
	left: 4px;
	top: 6px;
	width: 7px;
	height: 4px;
	background: url('../../images/down-black.png') no-repeat;
}

.forecast_tables .up {
	left: 6px;
	top: 4px;
	width: 4px;
	height: 7px;
	background: url('../../images/right-black.png') no-repeat;
}


.hide {
	display: none;
}


/* colgroup styles */
table.forecast colgroup.year{
	background-color: #FFF2E6 !important;
	border: 1px solid #C0BDAC;
}