/*

----------------------------------------------------------------------

  Blimp video (advertising) section styles.

----------------------------------------------------------------------

*/

sup {

	vertical-align: top;

	font-size: 8px;

}

div.mp_pageHeadline {

	margin: 0px 10px;

	padding: 5px;

	background-color: #ffcc33;

	color: #330066;

	font-weight: bold;

	font-size: 14px;

}



div.mp_breadcrumbs {

	padding: 10px 10px 0px 10px;

}



div.mp_dialog {

	padding-bottom: 10px;

}

div.mp_dialog_top {

	background: url('/img/blimpVideo/dialog_top.jpg') no-repeat top left;

}

div.mp_dialog_middle {

	background: url('/img/blimpVideo/dialog_middle.jpg') repeat-y top left;

}

div.mp_dialog_bottom {

	background: url('/img/blimpVideo/dialog_bottom.jpg') no-repeat bottom left;

}

div.mp_dialog_content {

	padding: 16px 0px 40px 24px;

	color: white;

}



div.mp_column1 {

	float: left;

	width: 409px;

	text-align: center;

}

div.mp_column1 a:link,

div.mp_column1 a:visited,

div.mp_column1 a:active,

div.mp_column1 a:hover {

	color: white;

	text-decoration: underline;

}



div.mp_column2 {

	padding-left: 410px;

}



div.mp_clear {

	clear: left;

}



#mp_flashVideo {

	width: 410px;

	height: 275px;

}



#mp_surveyLink {

	margin-top: 7px;

	margin-bottom: 7px;

}



#mp_nonFlashVideoLink {

}



div.mp_sideList {

	width: 280px;

	height: 240px;

	border-left: solid 1px rgb( 15, 25, 76 );

	border-top: solid 1px rgb( 15, 25, 76 );

	border-right: solid 1px rgb( 37, 48, 113 );

	border-bottom: solid 1px rgb( 37, 48, 113 );

	background: rgb( 29, 39, 109 ) url('/img/blimpVideo/videoListBg.jpg') repeat-x top left;

	overflow: auto;

	overflow-x: hidden;

	overflow-y: auto;

}



div.mp_sideList div.mp_sideList_sectionHeader  {

	padding: 3px 0px 3px 8px;

	font-weight: bold;

}



div.mp_gyLogo {

	padding: 30px 24px 0px 0px;

	text-align: center;

}



/* ---------- Video List. ---------- */



div.mp_sideList ul.mp_videoList {

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}



div.mp_sideList ul.mp_videoList li {

	padding: 8px 0px;

	background-image: url('/cfmx/web/gygarage/img/charity/videoListItemBg.gif');

	background-position: left bottom;

	background-repeat: repeat-x;

}



div.mp_sideList ul.mp_videoList li.mp_videoListItem_over {

	background-color: rgb( 19, 31, 102 );

}



div.mp_sideList ul.mp_videoList li.mp_videoListItem_selected {

	background-color: rgb( 0, 15, 82 );

}



div.mp_sideList ul.mp_videoList li div.mp_videoThumb {

	float: left;

	width: 90px;

	padding: 0px 5px;

}



div.mp_sideList ul.mp_videoList li div.mp_videoTitle {

	display: inline;

	padding-right: 5px;

}

div.mp_sideList ul li div.mp_videoTitle,

div.mp_sideList ul li div.mp_videoTitle a:link,

div.mp_sideList ul li div.mp_videoTitle a:visited,

div.mp_sideList ul li div.mp_videoTitle a:active,

div.mp_sideList ul li div.mp_videoTitle a:hover {

	color: #ffcc00;

	text-decoration: underline;

}



div.mp_sideList ul.mp_videoList li div.mp_videoDate {

	display: inline;

}



div.mp_sideList ul.mp_videoList li div.mp_desc_short,

div.mp_sideList ul.mp_videoList li div.mp_desc_long {

	font-size: 11px;

	margin-left: 100px;

}

div.mp_sideList ul.mp_videoList li div.mp_desc_short a:link,

div.mp_sideList ul.mp_videoList li div.mp_desc_short a:visited,

div.mp_sideList ul.mp_videoList li div.mp_desc_short a:active,

div.mp_sideList ul.mp_videoList li div.mp_desc_short a:hover,

div.mp_sideList ul.mp_videoList li div.mp_desc_long a:link,

div.mp_sideList ul.mp_videoList li div.mp_desc_long a:visited,

div.mp_sideList ul.mp_videoList li div.mp_desc_long a:active,

div.mp_sideList ul.mp_videoList li div.mp_desc_long a:hover {

	font-size: 11px;

	color: white;

	text-decoration: underline;

}

div.mp_sideList ul.mp_videoList li div.mp_desc_short {

	padding: 0px 3px 5px 0px;

}

div.mp_sideList ul.mp_videoList li div.mp_desc_long {

	display: none; /* Hide the long description by default. */

	padding: 0px 3px 10px 0px;

}



div.mp_sideList ul.mp_videoList li.mp_listClearItem {

	padding: 0px;

	background: none;

	font-size: 1px;

}



/* ---------- Photo List. ---------- */



div.mp_sideList ul.mp_photoList {

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}

div.mp_sideList ul.mp_photoList li {

	float: left;

	padding: 0px 0px 0px 5px;

}



div.mp_sideList ul.mp_photoList li.mp_listClearItem {

	padding: 0px;

	background: none;

	font-size: 1px;

}