/* forecasting worksheet table */

.fsc_table {
	width:100%;margin-top:0px;font-size:10px;border-right:1px solid #666666;border-bottom:1px solid #666666;
}
	
.fsc_table thead tr td {
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	background-color:#C41E3A; background-color:#889b62;
	padding:2px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	vertical-align:bottom;
}

.fsc_labelcell {
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	padding-left:2px; padding-right:2px;
	padding-top:0px; padding-bottom:0px;
	text-align:right;
	vertical-align:middle;
}

.section .fsc_labelcell table tr td { vertical-align:middle;padding-bottom:0px;}
.section .fsc_labelcell table tr td.right input { height:13px; }
.section .fsc_labelcell table tr td.right label { position:relative; top:2px; }
.fsc_labelcell .left { text-align:left; font-weight:bold;}
.fsc_labelcell .right { text-align:right;}


/* data cells */
.fsc_datacell{
	border-left:1px solid #666666;
	border-top:1px solid #666666;
	padding:2px;
	text-align:right;
	vertical-align:middle;
}

.fsc_actual {
	background-color:#CCCCCC; padding-right:3px;
}

.fsc_forecast {
	background-color:#FFA90b; padding-right:1px; padding-left:1px;
}

.fsc_forecast_feb {
	background-color:#FDE168; padding-right:1px; padding-left:1px;
}

.fsc_forecast_fpb {
	background-color:steelblue; padding-right:1px; padding-left:1px;
}

.fsc_forecast input { text-align:right; height:12px; width:46px; font-size:7pt;  }

.fsc_annual {
	background-color:#A7E3E4;
}

.fsc_legend { margin:0px auto; }
.fsc_legend td { width:25%; text-align:left; white-space:nowrap; padding-right:10px;  }
.fsc_legend span { display:inline-block; height:16px; width: 20px; margin-right:4px; border:1px solid silver; }

.fsc_change {
	background-color:#CCCCCC;
}

.fsc_options { padding:5px; height:20px; }
.fsc_buttons { padding:5px; text-align:right; }
.fsc_buttons input { margin-left:10px;  }




.fsc-assistant .section { margin-top:1em; }
.fsc-assistant .section div { padding-left:2em; }
.fsc-assistant .section div.products div.product { padding-left:0px; }
.fsc-assistant .section div.skus { padding-left:2em; }
.fsc-assistant .section div.skus div.sku { padding-left:0px; }
.fsc-assistant .section div.skus div.sku label { font-size:.9em; }
.fsc-assistant .section div.skus div.sku input { height:15px; }
.fsc-assistant .section div.skus { overflow:auto; max-height: 100px; border:1px solid #E0E0E0; padding-top:2px; padding-bottom:2px; }
.fsc-assistant h1 { font-size:1.1em; font-weight:bold; }
.fsc-assistant p { margin:0px; font-style:italic; font-weight:normal; margin-bottom:.5em; }
.fsc-assistant .section div input { text-align:right; }

.fsc-assistant .timeframe { padding-right:1em; }
.fsc-assistant .timeframe table { border: 1px solid silver; }
.fsc-assistant .timeframe table td { border-top:1px solid silver; }
.fsc-assistant .timeframe table tr.first { border-top:none; }

.fsc-assistant .products-container { border:1px solid #E0E0E0; height:150px; overflow: auto; }

.fsc-add-sku-dialog h1 { font-size:1.1em; font-weight: bold; }
.fsc-add-sku-dialog table td { font-size:.9em; }
.fsc-add-sku-dialog table td input { height:15px; }
.fsc-add-sku-dialog table thead td { font-weight:bold }
.fsc-add-sku-dialog table tbody td { padding-left: 4px; }

.fsc-add-sku-dialog div.scrollable { overflow:auto; max-height: 100px; border:1px solid #E0E0E0; padding-top:2px; padding-bottom:2px; }


.tpf-email-recipient-dialog p { font-size: 1.1em; margin-bottom:.5em; margin-top:.5em; }
.tpf-email-recipient-dialog table td.label-col { width: 15px }
.tpf-email-recipient-dialog table input { width: 250px; }
.tpf-email-recipient-dialog label { font-weight:bold; }
.tpf-email-recipient-dialog textarea { width: 400px; height: 75px; margin-bottom:0px; }

.fsc-hidden { display:none; }
.fsc-invisible { visibility:hidden; }

.fsc-findsku label { font-weight:bold; color:black;}
.fsc-findsku input { margin-left:5px; }


.tpf-scope-selector { width:100%; }
.tpf-scope-selector td { width:25%; text-align:center; vertical-align:center; font-weight:bold; font-size:1.1em; background-color:#C41E3A; color:white; padding:2px 0px; cursor:pointer;}
.tpf-scope-selector td.selected { background-color:rgb(51,102,153); cursor:default; }
.tpf-scope-selector td.selection { border:1px solid #cccccc; border-top:none; border-bottom:none; }
.tpf-scope-selector td.left { border-left:none; }
.tpf-scope-selector td.right { border-right:none; }

.tpf-header { text-align:center;}
.tpf-header-with-unit-counts { height:115px;}
.tpf-header .tpf-title-box { display:block; width:100%; text-align:left; padding:10px;}
.tpf-header .tpf-title-box h1 { padding-bottom:.5em; font-size:1.2em;}
.tpf-header .tpf-title-box table.heading { width:550px; }
.tpf-header .tpf-title-box table.heading th { text-align:left; font-weight:bold; padding-right:1em; width:125px;}
.tpf-header .tpf-title-box table.heading tr.subTitle { font-size:1.1em; }
.tpf-header .tpf-title-box table.heading tr.criteriaTitle { font-size:1.1em; }
.tpf-header .tpf-title-box table.heading tr.additionalTitle { font-size:.9em; }
.tpf-header .tpf-title-box table.heading tr.additionalTitle td { padding-top:5px; }
.tpf-header .tpf-title-box table.heading tr.additionalTitle th { padding-top:5px; }
.tpf-header .tpf-title-box img.logo { border:none; width:60px; margin:0px; float:left; clear:none; margin-right:10px; }
.tpf-header .tpf-unit-display { display:inline-block; float:right; clear:none; position:relative; left:-25px; top:-30px; }
.tpf-unit-display { border:1px solid silver; padding:5px; width:125px; margin-top:10px; text-align:center;}
.tpf-header .tpf-unit-display h1 { font-size:1em; xtext-align:center; }
.tpf-unit-display table { width:100%; font-size:1em; margin-top:5px; }
.tpf-unit-display table td.year { font-weight: bold; text-align:right; }
.tpf-unit-display table td.units { font-weight: normal; font-style:italic; text-align:right; }
.tpf-unit-display table td.label { font-weight: normal; font-style:italic; text-align:left; }
.tpf-unit-display table input.unit-input { width:30px; height:7px; text-align:right; margin-left:0px; margin-top:0px; margin-bottom:0px; margin-right:0px; padding-bottom:4px; padding-top:0px; }

#tpf-reportCriteria-portlet-view { border:1px solid silver; }
#tpf-reportCriteria-portlet-view .section h1 { font-size:1em; text-align:center;  }
#tpf-reportCriteria-portlet-view .section {  }
#tpf-reportCriteria-portlet-view .section div { margin:5px; padding:3px; border:1px solid silver; }
#tpf-reportCriteria-portlet-view .section div select { width:100%; margin-top:3px; }
#tpf-reportCriteria-portlet-view .section div div { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0x; border:none; text-align:right; }
#tpf-reportCriteria-portlet-view .section div div label { padding:0px 0px 0px 0px; margin:0px; padding-right:.5em; }
#tpf-reportCriteria-portlet-view .section div div input { padding:0px 0px 0px 0px; margin:0px; }

.tpf-app-container { width:100%;}
.tpf-data-section { margin:0px; padding:5px; margin-top:4px; text-align:center; border:1px solid #CCCCCC;}
.tpf-data-section .title { padding-left:21px; text-align:center; padding-bottom:10px;}
.tpf-data-section .title h1 { font-size:1.4em; }
.tpf-data-section .title h2 { font-size:1.2em; }
.tpf-data-section .title img { float:right; clear:none; width:16px; height:16px; cursor:pointer; border:none; }
.tpf-data-section .title p { font-style:italic; font-size:11px; color:#666666; margin:0px; padding:0px; padding-top:5px; }
.tpf-data-section a { cursor:pointer; }
.tpf-data-section table { width:100%; font-size:1.1em; }
.tpf-data-section table td { padding:2px 1px; }
.tpf-data-section table td.numeric { padding-left:3px; }

.tpf-data-section table thead td { text-align:left; }
.tpf-data-section table thead td.numeric { text-align:center; }
.tpf-data-section table thead td { font-weight:bold; font-size:.9em; vertical-align:bottom;}
.tpf-data-section table thead td.label { text-align:center; border-bottom:1px solid #CCCCCC;}
.tpf-data-section table thead tr.header td { border-bottom:1px solid #CCCCCC; }

.tpf-data-section table tbody td { text-align:left; }
.tpf-data-section table td + td.subject { width:450px; }
.tpf-data-section table td.subject { width:515px; }
.tpf-data-section table tbody td.numeric { text-align:right; white-space:nowrap; padding-right:9px;}

.tpf-data-section table tfoot td { text-align:left; font-weight:bold; padding-top:4px; }
.tpf-data-section table tfoot td.numeric { text-align:right; padding-right:9px; white-space:nowrap;}
.tpf-data-section table tfoot td.label { text-align:right; padding-right:5px; font-size:.9em;}

.tpf-make-a-selection { border: 1px solid #CCCCCC; margin-top:1em; text-align:center; padding:50px 0px;}
.tpf-make-a-selection h1 { font-size:1.4em; }

.tpf-notification-message.hidden { display:none; }
.tpf-notification-message { border:1px solid #CCCCCC; width:100%; padding:0px 5px;}
.tpf-notification-message td.label-col { width: 25px; padding-right:5px; text-align:right; }

.tpf-notification-message td p { font-weight:bold; }
.tpf-notification-message td textarea { margin-left:18px; }


.portlet.tpf-reportCriteria .title h1 { font-size:9px;}

span.ico.forecast-advice {
	margin-left:3px; position:relative; top:3px;
	background-image: url( ../graphics/ico-pendingadvice.png );
	cursor:pointer;
}

span.ico.forecast-assistant {
	background-image: url( ../graphics/ico-forecastassistant.png );
	cursor:pointer;
}

span.ico.add-sku {
	background-image: url( ../graphics/ico-addsku.png );
	cursor:pointer;
}

span.ico.forecast-outreach.active {
	background-image: url( ../graphics/ico-outreach-active.png );
	cursor:pointer;
}
span.ico.forecast-outreach {
	background-image: url( ../graphics/ico-outreach-active.png );
	cursor:pointer;
}
