.verticalText-wrapper {
	height: 180px;
	width: 100%;  
	margin: 0px auto;
	border: 1px solid #949494;  background-color: #EFEFEF;
	position: relative;
	overflow: hidden;
}

.verticalText-wrapper.slanted {
	height: 140px;  /* we intentionally set it low to clip the bottom of the boxes. */
}

.verticalText
{
	display: block;
	position: absolute;
	margin-top: -10px;
	
	text-align: left;
 
    width: 179px; height: 15px;

	/* Safari */
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 10% 75%;

	/* Firefox */
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 10% 75%;

	/* Opera */
	-o-transform: rotate(-90deg);
	-o-transform-origin: 10% 75%;

	/* CSS3 
	transform: rotate(-90deg);
	transform-origin: 10% 75%;*/

    zoom: 1; 
}

tfoot .verticalText{
	/* Safari */
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 3% 0%;

	/* Firefox */
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 3% 0%;

	/* Opera */
	-o-transform: rotate(-90deg);
	-o-transform-origin: 3% 0%;

	/* CSS3 */
	transform: rotate(-90deg);
	transform-origin: 3% 0%;
}

thead .verticalText{
    margin-top: 10px;
    /* Safari */
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 3% 0%;

    /* Firefox */
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 3% 0%;

    /* Opera */
    -o-transform: rotate(-90deg);
    -o-transform-origin: 3% 0%;

    /* CSS3 */
    transform: rotate(-90deg);
    transform-origin: 3% 0%;
}


.processStatus th{}
.processStatus th .text{height: 31px; vertical-align: middle; padding: 67px 0;}
.processStatus th .sortBtn{}
.processTable thead {
	position: fixed;
}

.slanted .verticalText
{        
	
	margin-top: 60px; /* this will cut off the top slanted part of the box - the bottom clipping is done through the wrapper */
	
	/* Safari */
	-webkit-transform: rotate(-60deg);

	/* Firefox */
	-moz-transform: rotate(-60deg);

	/* Opera */
	-o-transform: rotate(-60deg);

	/* CSS3 */
	transform: rotate(-60deg);
}