.cta-patch {
	width: 100%;
	color: #ccc;
	font-family: helvetica, arial, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	font-weight: normal;
	padding: 4px;
	zoom: 1;
}

.cta-patch span { white-space: nowrap; zoom: 1; }								/* Force IE to apply hasLayout - download icon may vanish otherwise */
.cta-patch img { vertical-align: middle; border: none; }

.cta-patch a {
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;															/* Make sure IE displays 'hand' cursor for download link */
	cursor: hand;
}

.cta-patch .offscreen { position: absolute; text-indent: -9999px; }
.cta-patch .hidden { display: none; }

.cta-patch a span { text-decoration: none; font-weight: normal; }
.cta-patch a:hover span { text-decoration: underline; border: none; }

/* Patch colour variations - need to specify cta-patch class and desired colour class */
/* e.g. <div class="cta-patch cta-patch-white"> */

.cta-patch-black { background-color: #000; }
.cta-patch-white { background-color: #fff; }
.cta-patch-transparent {
	background: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);		/* Use filter for opacity in IE */
	zoom: 1;						/* Force 'hasLayout' otherwise opacity filter is not applied to <div> */
}

.cta-patch-black { color: #ccc; }
.cta-patch-white, .cta-patch-transparent { color: #999; }
.cta-patch-black a span { color: #fff; }
.cta-patch-white a span, .cta-patch-transparent a span { color: #000; }
.cta-patch-black a:hover span { background-color: #000; }
.cta-patch-white a:hover span, .cta-patch-transparent a:hover span { background-color: #fff; }

.cta-patch-black .icon.download {
	background: url(/staticarchive/a74cf11a25b8a7c5372dc25110cec679c0b209bb.gif) left center no-repeat;
	padding-left: 20px;
}

.cta-patch-white .icon.download, .cta-patch-transparent .icon.download {
	background: url(/staticarchive/8f6e6a8be0984b9b71bf1e96f6880a2347737b54.gif) left center no-repeat;
	padding-left: 20px;
}

.cta-patch-black .icon.watch {
	background: url(/staticarchive/5d050e76bce361571a07bef91d64781faf026798.gif) left center no-repeat;
	padding-left: 20px;
}

.cta-patch-white .icon.watch, .cta-patch-transparent .icon.watch {
	background: url(/staticarchive/52982c46ca0998233564f3bac747d3921db9d741.gif) left center no-repeat;
	padding-left: 20px;
}