#opp-container{
	/*width:1190px;*/
	/*width:1020px;*/
	/*width:90%; - this cannot work as its parent is not responding responsively*/
	width:800px;
	margin:40px auto;
	font-family: 'Segoe UI';
	color:#333333;
}

	#opp-container.pdf{
		margin:0 auto;
	}

	

	#opp-container table{
		width:810px;
		border-collapse:collapse;
	}

	#opp-container h2{
		background:#888888;
		color:#ffffff;
		font-size:20px;
		text-transform: uppercase;
		padding:10px 15px;
		margin:0;
		text-align:left;
		font-weight:normal;
	}

	#id table {
		width: 100%;
	}
#opp-main-heading{
	margin-bottom:25px;
}

#opp-container.pdf #opp-main-heading{
	margin-bottom:12px;
}

	#opp-main-heading td#id{
		width:30%;
		padding-left:12px;
	}

	#opp-main-heading td#status{
		width:45%;
	}

	#opp-main-heading td#tools{
		width:26%;
		text-align:right;
		padding-right:12px;
	}

		#opp-email{
			display:inline-block;
			width:35px;
			height:34px;
			background:url('../graphics/opp-icon-email.png') no-repeat;
		}

		#opp-pdf{
			display:inline-block;
			margin-left:8px;
			width:34px;
			height:34px;
			background:url('../graphics/opp-icon-pdf.png') no-repeat;
		}

	#opp-main-heading h1{
		font-family: 'Segoe UI Semibold';
		color:#333333;
		font-size:34px;
		line-height:40px;
		margin:0;
		text-transform: uppercase;
	}

		#opp-main-heading td#status h1{
			background:url('../graphics/top-status.png') left 6px no-repeat;
			padding-left:25px;
		}

			#opp-main-heading td#status h1.active{
				color:#25c6da;
			}

			#opp-main-heading td#status h1.nosale{
				color:#f25844;
			}

			#opp-main-heading td#status h1.pastdue{
				color:#e9ce7f;
			}

			#opp-main-heading td#status h1.atrisk{
				color:#f4b9a4;
			}

			#opp-main-heading td#status h1.sold{
				color:#009688;
			}

			#opp-main-heading td#status h1.lost{
				color:#ff3737;
			}

	/* hide pdf version logo */
	#opp-main-heading td#pdf-logo{
		display:none;
	}

	#opp-main-heading td#tools img{
		margin-left:5px;
	}

/* ------------------------------------------ */
/* ------------------------------------------ */

#opp-personal-data{
	width:100%;
	background:#ebebeb;
	margin-bottom:20px;
}

	#opp-personal-data td#account{
		width:50%;
		padding:12px;
		vertical-align: top;
	}

		#opp-personal-data td#account p{
			font-size:18px;
			margin-top:0;
		}

		#opp-personal-data td#account span{
			display:block;
			font-size:13px;
			text-transform: uppercase;
		}


	#opp-personal-data td#personal-info{
		width:50%;
		padding:12px;
		vertical-align: top;
	}

		#opp-personal-data td:first-child{
			width:115px;
		}

		#opp-personal-data td#personal-info a,
		#opp-personal-data td#personal-info a:link,
		#opp-personal-data td#personal-info a:visited,
		#opp-personal-data td#personal-info a:active,
		#opp-personal-data td#personal-info a:hover{
			color:#cc0000;
			text-decoration: none;
		}

		#opp-personal-data td#personal-info img{
			padding-right:10px;
			max-width:118px;
		}

		#opp-personal-data td#personal-info table{
			width:100%;
		}

		#opp-personal-data table td{
			vertical-align: top;
		}


/* ------------------------------------------ */
/* ------------------------------------------ */


#opp-details{
	width:100%;
}

	#opp-details h2{
		margin-bottom:20px;
	}

	#opp-details td#prod-info{
		width:50%;
		border-top:1px solid #ebebeb;
		border-left:1px solid #ebebeb;
		border-bottom:1px solid #ebebeb;
		padding:12px;
		font-size:18px;

	}

	#opp-details td#prod-imgs{
		width:50%;
		border-top:1px solid #ebebeb;
		border-right:1px solid #ebebeb;
		border-bottom:1px solid #ebebeb;
		padding:12px;
		text-align:right;
	}

		#opp-details td#prod-imgs img{
			margin-left:10px;
			display:inline-block;
			max-width:115px;
			max-height:80px;
		}



#opp-details-more{
	margin-top:12px;
	margin-bottom:50px;
}
#opp-details-more table{
	width: 	100%;
}

	#opp-details-more.pdf{
			margin-top:12px;
			margin-bottom:12px;
	}
	#opp-details-more td#stats{
		width:49.5%;
		padding:12px 0;
		background:#ebebeb;
	}

	#opp-details-more td#spacer{
		width:10px;
		background:#ffffff;
	}

	#opp-details-more td#stats table{
	
	}

		#opp-details-more td#stats table td{
			border-bottom:1px solid #ffffff;
			font-size:16px;
			padding:5px 0 5px 12px;
			vertical-align: top;
		}

			#opp-details-more td#stats table tr td:first-child{
				width:145px;
			}

			#opp-details-more td#stats table tr:last-child td{
				border-bottom:0;
			}


	#opp-details-more td#action,
	#opp-details-more td#action.active{
		width:49.5%;
		background:#b3ebf2;
		padding: 0;
		vertical-align:top;
	}

		#opp-details-more td#action.nosale{
			background:#f25844;
		}


		#opp-details-more td#action.pastdue{
			background:#e9ce7f;
		}

		#opp-details-more td#action.atrisk{
			background:#f4b9a4;
		}

		#opp-details-more td#action.sold{
			background:#009688;
		}

		#opp-details-more td#action.lost{
			background:#ff3737;
		}


		#opp-details-more td#action table th{
			background:#25c6da;
			color:#000000;
			font-size:16px;
			text-transform: uppercase;
			text-align:left;
			padding:12px 15px;
		}

			#opp-details-more td#action table th.active{
				background:#25c6da;
			}

			#opp-details-more td#action table th.nosale{
				background:#25c6da;
			}

			#opp-details-more td#action table th.pastdue{
				background:#25c6da;
			}

			#opp-details-more td#action table th.atrisk{
				background:#25c6da;
			}

			#opp-details-more td#action table th.sold{
				background:#25c6da;
			}

			#opp-details-more td#action table th.lost{
				background:#25c6da;
			}

		#opp-details-more td#action table td{
			padding:12px 15px;
		}

			#opp-details-more td#action table td ul{
				padding-left:15px;
				list-style-type: square;
			}

/* ------------------------------------------ */
/* ------------------------------------------ */


#opp-history{
}

	#opp-history h2{
		margin-bottom:20px;
	}

	#opp-history tr:nth-child(even){
		background:#ebebeb;
	}

	#opp-history td{
		color:#000000;
		font-size:16px;
		padding:10px 15px;
	}

		#opp-history td:first-child{
			width:125px;
		}

		#opp-history td span{
			font-size:14px;
			font-style:italic;
		}

	#opp-history tr { display: none; }
	#opp-history tr:nth-child(-n+4) { display:table-row; }

	#hist-load{
		min-height:10px;
		margin-top:15px;
		margin-bottom:50px;
	}

		a.load_more{
			display:block;
			width:100%;
			height:27px;
			text-align:right;
			background:url('../graphics/show-more.png') top right no-repeat;
		}

			a.load_more.less{
				background:url('../graphics/show-less.png') top right no-repeat;
			}




/* ------------------------------------------ */
/* ------------------------------------------ */

#opp-statistics{
	border-collapse:separate !important;

}

	#opp-statistics h2{
		margin-bottom:20px;
	}

	#opp-statistics > table, #opp-statistics table{
		border-top:1px solid #ebebeb;
		border-bottom:1px solid #ebebeb;
	}


	#opp-statistics td{
		vertical-align: top;
		text-align:center;
		padding:0;
		border-left:1px solid #ebebeb;
		border-right:1px solid #ebebeb;
	}

	#opp-statistics tr#heading{
		background:#ebebeb;
	}

		#opp-statistics tr#heading td{
			vertical-align:middle;
			padding:15px;
			width:32%;
		}

		#opp-statistics td h3{
			background:#ebebeb;
			text-align:center;
			font-size:16px;
			color:#000000;
		}


	#opp-statistics td.spacer{
		width:2% !important;
		background:#ffffff;
		border:none !important;
		padding:0 !important;
	}


	#opp-statistics .bar-purple, 
	#opp-statistics .bar-yellow,
	#opp-statistics .bar-green{
		/*width:190px;*/
		width:100%;
		height:42px;
		margin-top:20px;
		margin-bottom:5px;
	}

		#opp-statistics .bar-purple p,
		#opp-statistics .bar-yellow p,
		#opp-statistics .bar-green p{
			margin:0;
			text-align:center;
			padding:10px;
			font-size:18px;
			line-height: 20px;
			font-family: 'Segoe UI Semibold';
		}

		#opp-statistics .bar-purple{
			background:#dfdbf7;
		}

		#opp-statistics .bar-yellow{
			background:#fef5ca;
		}

		#opp-statistics .bar-green{
			background:#edf9c3;
		}