.vfPortfolioHt {
	height: 				433px;
	overflow: 				hidden;
}


#controlPanel {
	position: 				relative;
	top: 					0px;
	left: 					3px;
	width: 					688px;
	height: 				150px;
	overflow: 				hidden;
	margin: 				10px 0px 0px 0px;
	padding: 				0px;
}

#jobList {
	z-index: 				3;
	position: 				absolute; 
	top: 					0px;
	left: 					0px;
	width: 					688px;
	height: 				433px;
	overflow: 				hidden;
	margin: 				0px;
	padding: 				0px;
}

#jobList div
{
	display: 				inline;
	list-style-type: 		none;
	position: 				relative;
}

img.thumbNailImg {
	position: 				absolute;
	top: 					5px;
	left: 					5px;
	width: 					150px;
	height: 				150px;
	margin: 				0px;
}

div.thumbNailLabel {
	position: 				absolute;
	top: 					162px;
	left: 					3px;
	padding: 				5px 5px 5px 5px;
	margin: 				0px;
	border: 				none;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				10px;
	font-style: 			normal;
	font-weight: 			bold;
	text-decoration: 		none;
	color: 					#FFFFFF;
	font-style:				oblique;
	text-align: 			center;
	background-image: 		url('/img/portfolio_page/thumbLabelBack.png');
	background-repeat: 		no-repeat;
	display: 				block !important;
	width: 					150px !important;
	height: 				33px !important;
}

.thumbClass {
	position: 				relative;
	width: 					160px;
	height: 				200px;
	clear: 					none;
	float: 					left;
	margin: 				10px 0px 0px 10px;
	display: 				block;
	cursor: 				pointer;
	padding: 				0px;
}

.thumbClass:hover {
	background-image: 		url('/img/portfolio_page/thumbBack2Over.png');
	background-position: 	0px 0px;
	background-repeat: 		no-repeat;
}

#showdetailsMask {
	z-index: 				4;
	position: 				absolute; 
	top: 					0px;
	left: 					0px;
	width: 					688px;
	height: 				433px;
	margin: 				0px;
	padding: 				0px;
	overflow: 				hidden;
	background-image: 		url('/img/global/objects/popupBackTrans.png');
	display: 				none;
        -moz-border-radius:                     15px;
        border-radius:                          15px;
}

#showdetails {
	z-index: 				5;
	position: 				absolute; 
	top: 					25px;
	left: 					30px;
	width: 					638px;
	height: 				373px;
	margin: 				0px;
	padding: 				0px;
	overflow: 				hidden;
	display: 				none;
}

#showDetailsTitle, #showDetailsClose, #showDetailsLeft, #showDetailsRight, #showDetailsBottom {
	position: 				absolute;
	display: 				block;
	margin: 				0px;
	padding: 				0px;
	font-family:			        Verdana, Arial, Helvetica, sans-serif;
}

#showDetailsTitle {
	color: 					#FFFFFF;
	font-size: 				12px;
	font-weight: 			        bold;
	font-style: 			        oblique;
	top: 					15px;
	left: 					10px;
	width: 					280px;
	height: 				20px;
}
#showDetailsClose {
	top: 					0px;
	right: 					0px;
	width: 					40px;
	height: 				40px;
	cursor: 				pointer;
}
#showDetailsClose:hover {
	background-image: 		url('/img/global/objects/popupCloseTrans.png');
}
#showDetailsLeft {
	top: 					45px;
	left: 					10px;
	width: 					170px;
	height: 				270px;
}
#showDetailsRight {
	position: 				absolute;
	top: 					45px;
	right: 					20px;
	width: 					426px;
	height: 				270px;
        text-align: justify;
}
#showDetailsRightInside {
	position: 				absolute;
	font-size: 				11px;
        line-height:                            1.3em;
	color: 					#DDD;
	top: 					10px;
	left: 					10px;
	width: 					419px;
        height:                                 253px;
        overflow:                               hidden;
}
#showDetailsBottom {
	top: 					330px;
	left: 					12px;
	width: 					614px;
	height: 				33px;
}
#showDetailsLeft img {
	position: 				relative;
	height: 				150px;
}

#showdetails .w {
       width: 					150px;
}

#showdetails .dPag {
        
}

.detailsBtn {
    margin: 2px 7px 0px 7px;
    width: 8px;
    height: 9px;
}

.dNxt { background-image: url('/img/portfolio_page/btn_d_next_off.png'); }
.dPrv { background-image: url('/img/portfolio_page/btn_d_prev_off.png'); }
:hover.dNxt { background-image: url('/img/portfolio_page/btn_d_next_on.png'); }
:hover.dPrv { background-image: url('/img/portfolio_page/btn_d_prev_on.png'); }



.showDetailLabel {
	color: 					#FFFFFF;
	font-weight: 			bold;
	display: 				block;
}

span.showDetailInfo {
	color: 					#CCCCCC;
}

.showDetailInfo a, .detailsLink {
	color: 					#FFCC99;
}
.showDetailInfo a:hover, .detailsLink:hover {
	color: 					#FFFF99;
}
/*
#showDetailBox0 {
	top: 					170px;
}

#showDetailBox1 {
	top: 					200px;
}

#showDetailBox2 {
	top: 					230px;
}

#showDetailBox3 {
	top: 					5px;
}
*/
#pageSelectBox {
	display: 				none;
}

/* Tiny Scrollbar */
#showDetailsRightInside .viewport { width: 400px; height: 250px; overflow: hidden; position: relative; }
#showDetailsRightInside .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#showDetailsRightInside .scrollbar{ background: transparent url(/img/global/scroll/scroll_track.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#showDetailsRightInside .track { background: transparent url(/img/global/scroll/scroll_track_end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#showDetailsRightInside .thumb { background: transparent url(/img/global/scroll/scroll_thumb.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#showDetailsRightInside .thumb .end { background: transparent url(/img/global/scroll/scroll_thumb.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#showDetailsRightInside .disable { display: none; }


/********** Control Panel **********/
/* Pagination */
	#portfolioPagination {
		positon: absolute;
		top: 10px;
		right: 400px;
		width: 300px;
		height: 30px;
		float: right;
	}
	
	#previousCartouche {
		position: relative;
		width: 56px;
		height: 28px;
		float: left;
	}
	
	#pageCartouche {
		position: relative;
		width: 140px;
		height: 28px;
		float: left;
	}
	
	#nextCartouche {
		position: relative;
		width: 56px;
		height: 28px;
		float: left;
	}
	
	div.cartoucheSpacer {
		background-color: #1d5063;
		height: 100%;
		width: 10px;
		float: left;
	}
	
	div.backCartouche {
		background-image: url('/img/global/objects/cartouche_center.gif');
		background-repeat: repeat-x;
	}
	
	div.leftCartouche {
		background-image: url('/img/global/objects/cartouche_left.gif');
		background-position: left;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
	}
	
	div.rightCartouche {
		background-image: url('/img/global/objects/cartouche_right.gif');
		background-position: right;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
	}
	
	div.portfolioPaginationBtn, div.btnStart, div.btnPrevious, div.btnNext, div.btnEnd {
		width: 22px;
		height: 22px;
		padding: 0px;
		margin: 3px 3px 0px 3px;
		text-align: center;
		float: left;
	}
	
	div.portfolioPaginationBtn img, div.btnStart img, div.btnPrevious img, div.btnNext img, div.btnEnd img  {
		position: relative;
		top: 7px;
		display: inline;
	}
           
        .pBtnDorment {
		background-image: url('/img/global/objects/circle_dorment.gif');
		background-repeat: no-repeat;
	}
	
	.pBtnOff {
		background-image: url('/img/global/objects/circle_off.gif');
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	.pBtnOn {
		background-image: url('/img/global/objects/circle_on.gif');
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	:hover.pBtnOff {
		background-image: url('/img/global/objects/circle_over.gif');
		background-repeat: no-repeat;
		cursor: pointer;
	}
/* End Pagination */