/* network - request management */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* -------------------------------------------- */
/* -------------------------------------------- */
/* dash & global ------------------------------ */

body{
	font-family: "Verdana", "Helvetica", sans-serif;
}

#container{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#net-primary{
	width:820px;
	float:left;
}


#net-secondary{
	width:175px;
	float:right;
}

#net-filters{
	width:100%;
}
#net-filters table {width: 100%;}
#net-filters table td {padding: 0 8px 12px 0px;}
	

	.filter{
		float:left;
		clear: both;
	}

		.filter p{
			font-size:12px;
			font-weight:bold;
			color:#c4c4c4;
			margin-top:0;
		}

			.filter p label{
				color:#666666;
			}

.export{
	float:right;
	background:#efefef;
	border:1px solid #a3a3a3;
}

	.export p{
		margin:0;
		padding:4px;
		color:#666666;
		font-weight:bold;
		font-size:11px;
	}

	.export img{
		vertical-align:middle;
	}

.tool-head	{
	float: left;
	margin-bottom: 8px;
}

.tool-head h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #3c3b3a;
	text-transform: uppercase;
}

.net-section{
}

	.net-section h1{
		font-size:14px;
		text-transform:uppercase;
		font-weight:bold;
		color:#999999;
		margin:0 0 5px 0;
	}

	.net-details{
		width:100%;
	}

		.net-total{
			float:left;
			width:300px;
			color:#adadad;
			font-size:12px;
		}

		.net-actions{
			float:right;
			width:200px;
			text-align:right;
		}

			.net-actions img{
				vertical-align: middle;
			}

			.net-actions a{
				color:#386f8e;
				font-size:11px;
			}
		

	.net-data{
		width:100%;
		margin:8px 0 30px 0;
		border: solid 1px #eeeeee;
	}

		.net-data th{
			background:#a2a2a2;
			color:#dadada;
			font-size:11px;
			font-weight:bold;
			padding:6px 0;
		}

		.net-data td{
			color:#666666;
			font-size:10px;
			line-height:14px;
			padding:6px 0px 2px 0px;
		}

			.net-data .checkbox{
				text-align:center;
				font-size:9px;
				color:#493a27;
				width:6%;
				padding-bottom: 0;
				border-bottom: #ffffff 1px solid;
			}

			.net-data .reqid{
				text-align:left;
				width:19%;
				padding-left:5px;
				border-bottom: #eeeeee 1px solid;
			}

				.net-data td.reqid{
				vertical-align: top;

				}

				.net-data .reqid a{
					text-decoration:underline;
					font-weight:bold;
					color:#666666;
				}


			.net-data .supp{
				text-align:left;
				width:22%;
				border-bottom: #eeeeee 1px solid;
				vertical-align: top;
			}

				.net-data .suppN {
					font-weight:bold;
					color:#386f8e;
					font-size:11px;
					text-transform: uppercase;
					padding-bottom: 4px;
				}

			.net-data .desc{
				text-align:left;
				width:25%;
				border-bottom: #eeeeee 1px solid;
			}
			.net-data .descN {
				color:#1c1c1c;
			}
			.net-data .eanN {
				padding-bottom: 4px;
			}

			.net-data .contact{
				text-align:center;
				width:8%;
				border-bottom: #eeeeee 1px solid;
			}

				.net-data .contact img{
					display:block;
					margin-left:auto;
					margin-right:auto;
				}


			.net-data .source{
				text-align:left;
				width:20%;
				position:relative;
				border-bottom: #eeeeee 1px solid;
			}

				.net-close-btn{
					position:absolute;
					top:12px;
					right:10px;
				}

		.head-pipe {color: #b4b4b4;}

		/* batch specific */
		.net-data.batch td{
			padding-bottom:10px;
			padding-top:10px;
		}

		.net-data .batch-time{
			width:15%;
			text-align:left;
			padding-left:5px;
		}

			.net-data td.batch-time{
				padding:0 5px 0 5px;
			}

		.net-data .batch-id{
			width:10%;
			text-align:center;
		}

			.net-data td.batch-id{
				/*padding-top:2px;*/
			}

		.net-data .batch-format{
			width:35%;
			text-align:left;
			padding:5px 0;
		}

			.net-data .batch-format a{
				font-weight:bold;
				color:#386f8e;
				font-size:11px;
			}

		.net-data .batch-status{
			text-align:center;
			width:12%;
		}

		.net-data .batch-msg{
			text-align:left;
			width:18%;
		}

			.net-data td.batch-msg{
				padding-right:5px;
			}

		.net-data .batch-status-time{
			width:12%;
			text-align:left;
			padding:0;
		}

		.net-data .batch-download{
			text-align:center;
			width:3%;
		}


.net-portlet{
	margin-bottom:40px;
	font-size:11px;
	color:#666666;
}
	
	/* request import */
	.net-report{
		padding:5px;
	}

		.net-report select{
			width:100%;
			font-size:9px;
			padding:3px 0;
		}

		.net-report input[type="file"]{
			margin-top:15px;
			color:#493a27;
			font-size:9px;
		}

		.net-report p{
			margin:20px 0;
		}

			.net-report p a{
				font-size:10px;
				color:#493a27;
			}

		.net-report p.form-options{
			text-align:right;
		}


	div.divide{
		width:100%;
		height:1px;
		background:#bdbdbd;
		margin:20px 0 0 0;
	}

	.net-report a.batch-mgmt{
		display:block;
		float:right;
		background:#efefef;
		border:1px solid #a3a3a3;
		color:#736759;
		padding:5px;
		margin:12px 0;
		text-decoration:none;
	}

	.net-analytics{
		padding:5px;
	}

		.net-analytics img{
			display:block;
			margin-left:auto;
			margin-right:auto;
			max-width:100%;
		}

		.net-analytics p{
			margin:3px 0 0 0;
			color:#666666;
			padding:5px;
		}

			.net-analytics p span{
				font-weight:bold;
				float:right;
				color:#000000;
			}

			.net-analytics p.completed{
				background:#74706a;
			}

			.net-analytics p.supplier-ready{
				background:#dbd2e9;
			}

			.net-analytics p.ready-enrich{
				background:#f1c7b2;
			}

			.net-analytics p.non-enriched{
				background:#e6f4f5;
			}

			.net-analytics p.totals{
				margin:10px 0 5px 0;
			}



	.net-legend{
		padding:5px;
	}

		.net-legend p{
			font-size:9px;
			color:#493a2d;
		}

			.net-legend p span{
				display:block;
				width:45px;
				float:left;
				margin-right:5px;
				text-align:center;
				padding:3px 0;
			}
				.net-legend p span.unsent{
					background:#e6f4f5;
				}

				.net-legend p span.waiting{
					background:#c9d8ee;
				}

				.net-legend p span.suppready{
					background:#dbd2e9;
				}

				.net-legend p span.readyenrichment{
					background:#f1c7b2;
				}

				.net-legend p span.awaiting{
					background:#fefbc3;
				}

				.net-legend p span.completed{
					background:#74706a;
				}

				.net-legend p span.inactive{
					background:#cccccc;
				}

				.net-legend p span.err{
					background:#ff7560;
				}
#statusLegend table {margin-top: 4px;}
#statusLegend table td 	{padding-top:3px; padding-bottom: 3px;}
/* ----------------------------- */
/*popups */


/* request management popup */

#request-mgmt-popup{
	width:auto;
	position:relative;
	xborder:1px solid #c0c0c0;
}

	#request-mgmt-popup a.close{
		position:absolute;
		top:8px;
		right:8px;
		cursor:pointer;
		z-index:1000;
	}

	#request-mgmt-popup h1{
		font-size:12px;
		font-weight:bold;
		color:#333333;
		text-transform:uppercase;
		margin:10px;
	}

	#request-mgmt-popup h2{
		position:relative;
		width:95%;
		margin:5px auto 10px auto;
		background:#e8e8e8;
		color:#000000;
		font-size:11px;
		padding:8px;
		font-weight:normal;
		text-transform:uppercase;
	}

	#request-mgmt-popup input[type="text"],
	#request-mgmt-popup input[type="date"],
	#request-mgmt-popup select{
		margin:0 0 8px 0;
		font-size:10px;
		width:180px;
	}
	
	#request-mgmt-popup #fromDate,
	#request-mgmt-popup #toDate{
		width:80px;
	}


	#request-mgmt-popup input[type="checkbox"]{
		margin:2px 0 0 0;
		vertical-align:middle;
	}

	#request-mgmt-popup input[type="date"]{
		width:auto !important;
	}

	.request-mgmt-actions{
		text-align:right;
		padding:0 5px 8px 0;
	}

		.request-mgmt-actions input{
			cursor:pointer;
			font-size:11px;
			text-transform: uppercase;
			background:#efefef;
			border:1px solid #a3a3a3;
			color:#b53524;
		}

	#request-mgmt-popup .net-toggle{
		position:absolute;
		right:5px;
		top:8px;
	}

		#request-mgmt-popup a.collapse{
			display:block;
			width:14px;
			height:14px;
			background:url('toggle_collapse.jpg');
		}

		#request-mgmt-popup a.expand{
			display:block;
			width:14px;
			height:14px;
			background:url('toggle_expand.jpg');
		}


/* request detail */

#request-detail-popup{
	width:480px;
	xborder:2px solid #cccccc;
	font-size:10px;
	line-height:14px;
	color:#666666;
}

	.request-primary{
		xborder:1px solid red;
		float:left;
		width:40%;
		padding-left:8px;
		margin-bottom:10px;
	}

	.request-secondary{
		xborder:1px solid blue;
		float:right;
		width:53%;
		padding-right:8px;
	}

		/*.request-primary p, .request-secondary p{
			line-height:24px;
		}*/

			.request-primary div span, .request-secondary div span{
				color:#000000;
				font-weight:bold;
			}

	.net-request-details{
		clear:both;
		margin-left:auto;
		margin-right:auto;
		border-top:1px solid #e5e5e5;
		padding:8px;
		xpadding-top:10px;
		margin-top:20px;
	}

		.net-request-details div{
			margin-bottom:2px;
		}

			.net-request-details div span{
				color:#000000;
			}

	#interaction-history{
		clear:both;
		width:100%;
		margin:0px auto;
		xborder-left:1px solid #e4e4e4;
		xborder-right: 1px solid #e4e4e4;
		xborder-top: 1px solid #e4e4e4;
		xborder-bottom:3px solid #d2d2d2;
	}

		.interaction-record{
			width:100%;
			xbox-sizing:border-box;
			padding:0px 8px 8px 8px;
			xborder-bottom:1px solid #d2d2d2;
		}

			.interaction-record:last-child{
				border-bottom:0;
			}

		.interaction-record h2{
			color:#000000;
			font-size:10px;
			font-weight:bold;
			margin:8px 0;
		}

		.interaction-record p{
			margin:0;
			line-height:12px;
		}

			.interaction-record p span{
				color:#000000;
			}
			
.request-criteria tr td:first-child{
	xpadding-left:30px;
	xvertical-align:top;
}

/* status highlights */
span.status {
	xborder:1px solid red;
	padding: 3px 20px;
}

.un{
	background:#8ad1d6;
}

.pir{
	background:#eb7f60;
}

.pfa{
	background:#dbdd90;
}

.air{
	background:#f9c2b2;
}

.afr{
	background:#f2f0b5;
}

.ws{
	background:#d2eaeb;
}

.cepd{
	background:#76706a;
	color: #90e436;
}

.cus {
	background:#76706a;
	color: #fefbc3;
}

.cd{
	background:#cccccc;
	color: #a7a39d;
}

.cr, .cnr{
	background:#cccccc;
	color: #a7a39d;
}

.in{
	background:#cccccc;
}

.err{
	background:#ff7560;
}

.gs1_logo{ height:16px;vertical-align:middle; padding-right: 2px;}

/* -------------------------------------------- */
/* -------------------------------------------- */
/* analytics portlet ------------------------------ */

.pdr-ap-drop {padding: 10px 6px 0px 6px; text-align: center;}
.pdr-ap-drop select {font-size: 1.2em;}
table.pdr-ap	{width: 100%; margin-bottom: 10px; border-spacing: 0px;}
.pdr-ap td {color: #333333; font-size: 1em; xxpadding: 1px 6px;}
.pdr-ap-left {float:left;width: 47%; line-height: 20px; text-align: right; padding-right: 4px; color: #000000; text-transform: uppercase; font-weight: bold;}
.pdr-ap-right {float:left; width: 50%;line-height: 20px;text-align: left; font-weight: bold; text-transform: uppercase;}
.pdr-ap-s {color: #666666; padding-bottom: 6px;} 


td.pdr-ap-unsent {background-color: #b0edf0;width: 100%; }
.pdr-ap-unsent-h {background-color: #84d0d4; padding: 3px 0px 3px 0px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 1em; width: 100%;}
.pdr-ap-unsent-d {padding: 6px 0px 6px 0px; text-align: center; font-size: 1.1em; width: 100%;}
td.pdr-ap-inprog {background-color: #daf2f3;width: 100%; border-top: 4px solid #ffffff; }
.pdr-ap-inprog-h {background-color: #b5d9da; padding: 3px 0px 3px 0px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 1em; width: 100%;}
.pdr-ap-inprog-d {padding: 6px 0px 6px 0px; text-align: center; font-size: 1.1em; width: 100%;}
td.pdr-ap-compl {background-color: #e2f2c2;width: 100%; border-top: 4px solid #ffffff; }
.pdr-ap-compl-h {background-color: #c9e099; padding: 3px 0px 3px 0px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 1em; width: 100%;}
.pdr-ap-compl-d {padding: 6px 0px 6px 0px; text-align: center; font-size: 1.1em; width: 100%;}
td.pdr-ap-enrich {background-color: #e6f0e1;width: 100%;}
.pdr-ap-enrich-h {background-color: #76706a; color: #82c854; padding: 3px 0px 3px 0px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 1em; width: 100%;}
.pdr-ap-enrich-d {padding: 6px 0px 6px 0px; text-align: center; font-size: 1.1em; width: 100%;}
td.pdr-ap-custom {background-color: #f8f8ee;width: 100%; border-top: 4px solid #ffffff; }
.pdr-ap-custom-h {background-color: #76706a; color: #fefcc5; padding: 3px 0px 3px 0px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 1em; width: 100%;}
.pdr-ap-custom-d {padding: 6px 0px 6px 0px; text-align: center; font-size: 1.1em; width: 100%;}
td.pdr-ap-other {background-color: #e0dedc;width: 100%; border-top: 4px solid #ffffff; }
.pdr-ap-other-h {background-color: #cbcbcb; padding: 3px 0px 3px 0px; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 1em; width: 100%;}
.pdr-ap-other-d {padding: 6px 0px 6px 0px; text-align: center; font-size: 1.1em; width: 100%;}
.pdr-ap-other-left {float:left;width: 52%; line-height: 20px; text-align: right; padding-right: 4px;color: #000000;}
.pdr-ap-other-right {float:left;xwidth: 50%;line-height: 20px;text-align: left;}

/* ------ Format Quick Links Reports ----- */
.quickReport{ padding-bottom:6px; padding-top:4px;cursor:pointer; font-size:11px}
.more.heading{ display:none;}