/* Financial Planning HTML Style for Gallery */ 

.imageContainer {
	margin: 0 4px;	
}
.galleryImage{
	margin-bottom: 10px;	
}
/* showcase css */
#showcase {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 490px; /* important */
	height: 236px; /* important */
	margin: 0 0px;
    background: url("/pccgprefix/images/financial-planning/carousal_bg.jpg") no-repeat;
}
.carouselHeader {
	text-indent:-9999px;
	position:relative;
	left:10px;
	height:20px;
	display:block;
	*top:10px;

}
#carouselHeader1 {
    background: url("/pccgprefix/images/financial-planning/helpful_tool_of_interest.png") no-repeat;
}

.carouselHeaderFR {
	text-indent:-9999px;
	position:relative;
	left:10px;
	height:20px;
	display:block;
	*top:10px;

}
#carouselHeader1FR {
    background: url("/pccgprefix/images/financial-planning/helpful_tool_of_interest_fr.png") no-repeat;
}
#showcase_frame {position: relative}
#showcase_previous {float: left;}
#showcase_next {float: right;}
#showcase_content {
	position: absolute;
	top: 0;
	margin-left: 20px;
	width: 142px;
}
#showcase_content
#showcase_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#showcase_content .showcase_item, #showcase_content .showcase_item .imageContainer{
	margin-left: 0px;
}


	#showcase_content {
		width: 5418px;
		left: -69px;
    	margin-left: 26px;
    	margin-top: 46px;
    	padding-left: 40px;
	}
	#container_bd #showcase ul li {
		display: block;
		float: left;
	}
#container_bd #showcase #toolsAndResourcesBox ul li img {
	display: block;
	border:none;
}
#toolsAndResourcesBox {
	width: 460px;
	padding: 15px;
}
#previous  {
     float: left;
	 padding-right:10px;	
	 *padding-right:12px;	
}
div#previous a img {
	border:none;
}
#next  {
     position: absolute;
     width: 35px;
	 top: 55px;
	 left: 0px;	
    display: block;
    left: 495px;
    top: 55px;
     *position: relative;	
	 *top: -105px;
	 *left: 140px;

}

#pageNo {
    color: #1E87CF;
    display: block;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    left: 268px;
    letter-spacing: 1px;
    position: absolute;
    top: 167px;
    width: 40px;
}
#next  {
     position: absolute;
     width: 35px;
	 top: 55px;
	 left: 0px;	
    display: block;
    left: 495px;
    top: 55px;
     *position: relative;	
	 *top: -105px;
	 *left: 140px;

}

 div.imageContainer a {
	 position:relative;
 }
.spanTitle {
    display: inline-block;
    font-size: 11px;
    left: 10px;
    position: absolute;
    top: 110px;
    width: 100px;
    z-index: 12;
	color: #999;
	text-decoration:none;
}
#showcase_content {
	left: 37px;
    margin: 0;
	padding:0;
    position: absolute;
    top: 45px;
    width: 420px;
}
#previous {
    float: none;
    left: 5px;
    padding-right: 0;
    position: absolute;
	background:url(/pccgprefix/images/financial-planning/previous.gif) no-repeat;
	display:block;
}
#next {
    display: block;
    left: 450px;
    position: absolute;
    width: 35px;
	background:url(/pccgprefix/images/financial-planning/next.gif) no-repeat;
}
#previous,#next {
	cursor:pointer;
	top: 90px;
	height:45px;
	width:30px;
}
#previous:hover,#next:hover {
	/*add style here for hover effect*/
}
#pageNo {
    left: 210px;
    position: absolute;
    top: 212px;
    width: 90px;
    z-index: 1;
}
ul#showcase_content li.showcase_item div.imageContainer a span {
	color: #777777;
    display: inline-block;
    font-size: 11px;
    left: 10px;
    position: absolute;
    text-decoration: none;
    top: 110px;
    width: 100px;
    z-index: 12;
}
.showcase_item {
	display:none !important;
}
.showLi {
	display:block !important;
}
.disable_prev {
	background-image:url(/pccgprefix/images/financial-planning/previous-off.png) !important;
	cursor:default !important;
	
}
.disable_next {
	background-image:url(/pccgprefix/images/financial-planning/next-off.png) !important;
	cursor:default !important;
}
div.imageContainer a {
	cursor:pointer;
}

/* CSS Overrides for Video Overlay */
#videoOverlay { display:none; position:relative; background:#fff;  }

#videoOverlay a.closeButton, #videoOverlayCS a.closeButton { position:absolute; right:25px; top:16px; padding-right:14px; background:url(/pccgprefix/images/x_close.gif) no-repeat right center; color:#0079c1; font-weight:bold; float:right; text-decoration:none; outline:none; }
#videoOverlayCS a.closeButton {right:120px; top:17px; padding-right:14px; }

#videoOverlayCTA div.whiteButton { padding-right: 14px; }
#videoOverlayCaption a.closedCaption { padding-left: 13px; }

.ui-widget-overlay  { position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; background-color: #bfd2e4; background-repeat: repeat-x;  background-attachment: scroll; background-position: 50% 50%; opacity: 0.75; background-image: none;}
.ui-dialog { width: 733px !important; }
.ui-dialog .ui-dialog-titlebar { display:none;  }
.ui-widget-content  { background:none; border:none; }
.ui-dialog .ui-widget-content  { height:583px !important; width:520px;  }
#videoWrapper { width:707px; overflow:hidden; margin:auto; margin-top:38px; }
#videoOverlayCTA { float:right; margin:10px 40px 0 0; /* position:absolute; right:60px; bottom:45px;*/ }
#videoOverlayCaption { float:left; margin:10px 0 0 40px; }

/* iPad Video Overlay Styles */
#video .videoNav a { display:block; float:left; width:138px; color:#0079C1; text-align:center; font-weight:bold; border:1px solid #d8d8d8; padding:7px 0; text-decoration:none; }
#video .videoNav a span { display:block; font-weight:normal; }
#video .videoNav a.selected { background:#0079C1; color:#FFF; }
#html5VideoWrapper { background:#f2f5fa; padding:20px 40px; border:1px solid #d8d8d8; clear:both; }

/* Financial Planning edits */

#videoOverlayCS {
	margin: 0 auto;
}
.ui-widget-content {
	text-align: center;
	overflow: visible !important;
}