/*
	This CSS file is to style the Therapeutic Products Pipeline
*/

.pipeline_wrapper {
	border-collapse: separate;
	border-spacing: 2px;
}

.pipeline_title > h4 {
 	text-align: center;
}

.pipeline_wrapper > caption > h4 {
 	text-align: center;
}

.pipeline_header > th > p {
	width: 4em;
	-moz-transform: rotate(300deg);  /* FF3.5/3.6 */
	-o-transform: rotate(300deg);  /* Opera 10.5 */
	-webkit-transform: rotate(300deg);  /* Saf3.1+ */
	transform: rotate(300deg);
}

.pipeline_body > div > p {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	transform: rotate(330deg);
}

.lead_optimization {
	padding-left:25px;
}

.pipeline_product_name > a {
    font-weight: bold;
}

.pipeline_body > td  > p{
	width: 4em;
	height: 0.5em;
}

@media only screen and (max-width: 770px)  {
		
	.pipeline_wrapper {
		border-collapse: separate;
		border-spacing: 2px;
	}
	
	.pipeline_header > th > p {
		width: 1.5em;
		-moz-transform: rotate(275deg);  /* FF3.5/3.6 */
		-o-transform: rotate(275deg);  /* Opera 10.5 */
		-webkit-transform: rotate(275deg);  /* Saf3.1+ */
		transform: rotate(275deg);
	}

	.pipeline_body > td  > p{
		width: 1.5em;
		height: 0.1em;
	}

	.lead_optimization {
		padding-left:0px;
	}
		
	.pipeline_body > div > p {
		text-align: left;
		font-size: 8px;
		transform: rotate(275deg);
	}
	
}