/*
	CBA Media Centre Template
	-------------------------
	This file is create to work inside the Business, Personal and About Us
	templates.
	Born:	22/6/09	
**/
#mediaCentreContain {
	text-align:left;
	color:#666666;
}


#mediaCentreContain #videoSectionWrap { padding:10px 0 0 0; margin:0 0 30px 0; }

/* Video player section
***********************/
#mediaCentreContain #videoContent {
	float:left;
	width:470px;
	text-align:left;
}

#mediaCentreContain #videoContent #videoPlaceHolder {
	width:470px;
	height:264px;
	margin:0 0 10px 0;
	background-color:#000;
}

#mediaCentreContain #videoContent p { margin:0; padding:0 0 0 10px; }

/* Transcript section
**********************/
#mediaCentreContain #videoTranscript {
	float:right;
	width:300px;
	background-color:#f2f2f2;
	text-align:left;
}

#mediaCentreContain #videoTranscript  #videoTranscriptScroll {
	height:190px;
	padding:4px 10px;
	overflow:auto;
	margin:0 0 5px 0;
}

#mediaCentreContain #videoTranscript  #videoTranscriptScroll p {
	margin:0 0 12px 0;
	padding:0;
}

#mediaCentreContain #videoTranscript h2 {
	background:#393939 url(../../images/css/h2TranscriptBgX.gif) top left repeat-x;
	text-align:left;
	padding:6px 10px;
	margin:0 0 3px 0;
}

#mediaCentreContain #videoTranscript a.ctaDownloadTranscript {
	display:block;
	font-size:11px;
	color:#000000;
	background:#e6e6e6 url(../../images/css/navArrowOrange.gif) 10px 11px no-repeat;
	padding:7px 10px 7px 20px;
	text-decoration:none;
}

#mediaCentreContain #videoTranscript a.ctaDownloadTranscript:hover { text-decoration:underline; }


/* More videos list
********************/
#mediaCentreContain #videoListContainer { }

#mediaCentreContain #videoListContainer .videoModule,
#mediaCentreContain #videoListContainer .videoThumb { float:left; }
#mediaCentreContain #videoListContainer .videoModule {
	width:370px;
	margin:0 15px 30px 0;
	display:inline; /* fixes ie6 bug */
}

#mediaCentreContain #videoListContainer .videoThumb { 
	width:142px; 
	min-height:96px;
	height:auto !important;
	height:96px;
}

#mediaCentreContain #videoListContainer p { margin:0 0 15px 0; }

#mediaCentreContain #videoListContainer .videoBlurb {
	float:left;
	width:215px;
	float:right;
	height:auto;
}


/* Typography
*************/
#mediaCentreContain #videoTranscript h2,
#mediaCentreContain #videoListContainer h2 { font-size:1.3em; }
#mediaCentreContain #videoTranscript h2 { color:#fff; }
#mediaCentreContain #videoListContainer h2 { 
	color:#000; 
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	background:url(../../images/css/yellowLine.gif) bottom left no-repeat;
}

#mediaCentreContain #videoListContainer .videoBlurb {}
#mediaCentreContain #videoListContainer .videoBlurb h3 { font-size:1.2em; margin:0 0 7px 0; }
#mediaCentreContain #videoListContainer .videoBlurb h3 span { font-weight:normal; }

#mediaCentreContain #videoListContainer .videoBlurb h3 a { color:#000; font-weight:bold; text-decoration:none; }
#mediaCentreContain #videoListContainer .videoBlurb h3 a:hover { text-decoration:underline; }