@charset "utf-8";
/* CBC global includes */
@import "/i/o/globalnav/v10/css/globalnav.css"; 
@import "/includes/footer/footer-v07b.css";
@import "/includes/ads/ads.css";
@import "/video/css/embeddedplaylist.css"; 

/* CBC GLOBAL HEADER, NAV, AND FOOTER
-----------------------------------------------------------------------------------*/
#globalnav {
	width: 986px !important; 
	margin: 0 auto 0 auto;
	padding: 0;
}
#gn {
	height: auto;	
}
#gn.v10 {
	padding-bottom: 0 !important;	
}
#gnwrap {
	margin: 0 auto;
}
#gnav {
	background-color: transparent !important;	
	height: 38px !important;
}
#gn-adww {
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px !important;
}
#gn-tabs li {
	padding-bottom: 10px !important;	
}
#gn-tabs li a {
	padding-top: 16px !important;	
}
#gn-logo {
	padding-top: 12px !important;	
	padding-bottom: 12px !important;	
	background-color: #CCCCCC !important;
}
#gn-links {
	padding-top: 8px !important;	
	padding-bottom: 20px !important;	
	background-color: #CCCCCC !important;
}	

#footer.v10 {
	margin: 0 auto 0 auto !important;
	border: none;
	border-bottom: 1px solid #818181; 
}

/* BROWSER RESET STYLES
   This creates a standard baseline that reduces cross-browser issues
-----------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

body#audioPlayerpop {
background-image:none !important; 
background-color:#fff !important;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}


/* LAYOUT GRID CONTAINERS
-----------------------------------------------------------------------------------*/
.container_12 {
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
	width: 960px;
	min-height: 850px;
	background-color: white;
}
.alpha {
	margin-left: 0 !important;
	margin-right: 20px !important;
}
.omega {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}
.container_12 .grid_1 {
	width:60px;
}
.container_12 .grid_2 {
	width:140px;
}
.container_12 .grid_3 {
	width:220px;
}
.container_12 .grid_4 {
	width:300px;
	background-color: transparent;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	border: none;
}
.container_12 .grid_8 .grid_4 {
	padding-left: 0;
	padding-top: 0;
	border-left: 0;
	margin-right: 0;
}
.container_12 .grid_5 {
	width:380px;
}
.container_12 .grid_6 {
	width:460px;
	margin: 0 0 5px 0;
	padding: 10px 10px 5px 10px;
}
.container_12 .grid_7 {
	width:540px;
}
.container_12 .grid_8 {
	width:620px;
	background-color: transparent;
	margin: 0 0 5px 0;
	padding: 10px 10px 5px 10px;
}
.container_12 .grid_8 .full-entry {
	width: 600px;
	padding: 10px;
	margin: 0;
}
.container_12 .grid_9 {
	width:700px;
}
.container_12 .grid_10 {
	width:780px;
}
.container_12 .grid_11 {
	width:860px;
}
.container_12 .grid_12 {
	width:940px;
}

/* BODY AND MAIN PAGE CONTAINER
-----------------------------------------------------------------------------------*/
body {
	background-color: #578ea9 !important; /* should exactly match bottom of background image below */
	background-image: url(/ideas/images/ideas-bg.jpg);
	background-position: center 0 !important;
	background-repeat: no-repeat;
	min-height: 800px;
}
#page_container {
	background-color: #fff;
	width:986px;
	border: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


#page_container .entry-container {clear:both; line-height:18px;}

#page_container .entry-content div {line-height:18px}

#page_container .entry-content {overflow: hidden;}


/* HELPER CLASSES TO CLEAR FLOATED ELEMENTS
-----------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* DEFAULT SITE-WIDE FONT STYLES
   These are overidden selectively below in special cases
-----------------------------------------------------------------------------------*/
body { 
	font-family: Arial, Helvetica, sans-serif;	/* default site font face */
}
.container_12 p { /* body paragraphs */
	/*font-size: 12px;*/
	line-height: 18px;
	color: #000;
	padding: 0;
	margin: 7px 0 7px 0;
}
.container_12 a, /* text links including platform playlist "more" links */
.tpPlaylist .kickmore a { 
	color: #37497c;
	text-decoration: none;	
font-weight:bold;
}
.container_12 a:hover { /* text links on mouseover */
	text-decoration: underline;	
}
.container_12 h1 { /* page top headings */
	font-size: 24px;
	line-height: 24px;
	color: #000;
	width: 600px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
}
.container_12 h2 { /* page sub-headings */
	font-size: 30px;
	line-height: 30px;
	color: #37497c;
	font-weight: bold;
	padding-top: 5px;
}

.container_12 h2.entry-head-title {color:#000;}
.container_12 h3,
.container_12 h3 a { /* widget headers */
	font-size: 16px;
	line-height: 16px;	
	color: #37497c;
	font-weight: bold;
}

.container_12 h3.widgetTitle,
.container_12 h3.widgetTitle a { /* widget headers */
	font-size: 16px;
	line-height: 16px;	
	color: #000;
	font-weight: bold;
margin-bottom:15px;
}

.container_12 h4 {
	font-size: 14px;
	line-height: 14px;
	color: #333333;	
	font-weight: bold;
padding-bottom:8px;	
}
.container_12 h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: black;
}
.container_12 h6 {
	font-size: 12px;
	line-height: 16px;
	color: #818181;
	font-weight: bold;
}

.container_12 div.grid_8 ul {
        list-style:disc inside none; 
        margin-left:2px;
}

/* SITE NAVIGATION BAR
-----------------------------------------------------------------------------------*/
#pnav {
	background-color: white;
/*	margin: 0 auto 1px auto; */
	padding: 0;
	border: none;
}
div.pnav {
	width:986px;
	margin:auto;
	clear:both;
	height:45px;
}
#pnav ul {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 960px;
	list-style: none inside none;
	text-align: center;
	overflow: hidden;
}
#pnav li {
	display:inline;
	margin: 0;
	padding: 0 10px 0 9px;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	background-image: url(http://www.cbc.ca/radio/shows/nav_divider.png);
	background-position: top right;
	background-repeat: no-repeat;
	font-weight: bold;
	overflow: hidden;
}
#pnav li.last {
	background-image: none;
}
#pnav a, #pnav a:visited {
	color:#6c6c6c;
	text-decoration: none;
}
#pnav li.currpage a { /* style of current page link */
	color: black;	
}
#pnav a:hover { /* style of links on mouseover */
	color: black;
	text-decoration: underline;
}

/* MOVABLE TYPE MODULES
-----------------------------------------------------------------------------------*/

/* module - sponsors bar */
#sponsors {
	width: 960px;
	height: 60px;
	margin: 4px auto 0 auto !important;
	padding: 0 !important;
	overflow: hidden;
	background-color: white;
	text-align: center !important;
	clear: both;
}
#sponsors img {
	float: left;
	height: 50px;
	margin: 5px 10px 0 10px;
	padding: 0;
	border: none;
	text-decoration: none;
	overflow: hidden;
}
#sponsors a, #sponsors a:hover {
	text-decoration: none !important;		
}
/* module - site header */
#site_header {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
	position: relative;
	/*background-image: url("images/site-background.jpg"); */
	background-position: center -195px;		 
}
#site_header .clickable-logo {
	float: left;
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;

	cursor: pointer;
	text-decoration: none;
}
#site_header .clickable-logo a {
	text-decoration: none;	
}
/* module - show ID box */
#site_header .show_id_box {
	width: 300px;
	height: 110px;
	position: relative;
	float: right;
	background-color: transparent;
	padding: 45px 22px;
	margin: 0;
	text-align: right;
}
#site_header .show_id_box h2.airtime {
	font-size: 14px;
	line-height: 16px;
	text-transform:uppercase;
	color: #757575 !important;
	background-color: transparent !important;
	width: 100% !important;
	float: right;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: right;	
}
#site_header .show_id_box img.button_watch_latest {
	margin: 15px 0 0 0;
	padding: 0;
	border: 0;
	float: right;
}

/* module - rotator - basic container initialization styles only
					  (See rotator-styles.css for complete rotator styling)  */
#rotator {
	width: 620px;
	height: 250px;
	padding: 0;
	margin: 0 0 10px 0;
	background: #fff url(/i/o/cbc/v10/gfx/loading.gif) no-repeat 50%;		
}
#rotator ul, #rotator div {
	display: none;	
}

/* MOVABLE TYPE WIDGETS
-----------------------------------------------------------------------------------*/

/* default widget styles */
.widget {
	margin-bottom: 10px;
	border: none;
	background-color: #fafafa;
	border-bottom: 1px solid #f3f3f3;
	padding-top: 0;
}
.container_12 h3.widget-header {
	width: 290px;
	margin: 0 0 5px 0;
	padding: 2px 5px 3px 5px;
}
.container_12 h3.smaller {
	font-size: 14px;
}
.container_12 .widget-header a,
.container_12 .grid_8 .widget-header a {
	text-decoration: none;
}
.container_12 .widget-header a:hover {
	text-decoration: underline !important;
}
.container_12 .grid_8 .widget-header a:hover {
	text-decoration: none;
}
.widget h4 {
	color: black;	
}
.widget p {
	width: 280px;
	padding: 0 10px 10px 10px;
	margin: 0;
}
p a, .widget p a {
	text-decoration: none;
}
p a:hover, .widget p a:hover {
	text-decoration: underline;	
}
.widget .dateline {
	color: #3cbaec;
	font-size: 10px;
	line-height: 12px;
	padding-top: 10px;
}
.widget .more {
	padding-bottom: 8px;
	padding-top: 9px;
	padding-left: 5px;
	text-align: left;
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
}
.widget .more a {
	text-decoration: none;
}
.widget .more a:hover {
	text-decoration: underline;
}

/* widget - ad box */
.ad_box {
	margin: 0 0 10px 0;
	padding: 0;
	width: 300px;
	height: auto;
	overflow: hidden;
	background-color: transparent;
}
.ad_box .ad-label {
	width: 100%;
	height: 11px;
	margin: 2px 0 2px 0;
	background-image: url(http://www.cbc.ca/radio/shows/advertisement-label.gif);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0;
	border: 0;
}
.ad300x250 {
	width:300px;
	margin: 0;
	padding: 0;
	background-image: none; 
}

/* widget - blog excerpts */
.blog_excerpts {
	padding: 0;
	margin: 0 0 10px 0;
}
.blog_excerpts h3 {
	margin-bottom: 5px !important;	
}
.blog_excerpts h5 {
	margin: 0 !important;
	padding: 0 0 0 10px !important;
	line-height: 18px;
	width: 290px;
}
.blog_excerpts a {
	text-decoration: none;
}
.blog_excerpts h5 a,
.blog_excerpts .blogmore a {
	color: #2b2b2b;
}
.widget .blogexcerpt_container {
	padding: 11px 0 0 0;
	margin: 0;
	border: none;
	background-color: transparent;
	border-bottom: 1px solid #f3f3f3;
}
.widget .blogexcerpt_container:hover {
	background-color: #EEEEEE;
	cursor: pointer;
}
.widget .blogexcerpt {
	padding-bottom: 10px;
	margin-bottom: 0px;
	height: 20px !important;
	font-size: 11px;
	line-height: 15px;
	color: #6b6b6b;
	overflow: hidden;
}
.widget .blogexcerpt_container  .blogmore {
	width: 94%;
	text-align: right;
	font-size: 11px;
	color: black;
	font-weight: bold;
}

/* widget - google search */
.google_search {
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: none;
	height: 27px;
}
.google_search input {
	width: 218px;
	height: 20px;
	border: 1px solid #f1f1f1;
	font-size: 12px;
	line-height: 15px;
	padding: 2px;
	margin: 0 5px 0 0;
	float: left;
}
.google_search img {
	float: right;
	height: 25px;
	width: auto;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/* widget - stay connected */
.stay_connected {
	position: relative;
	overflow: visible;
	height: auto;
	width: 300px;
	color: black;
}
.stay_connected .fb-like {
	width: 290px;
	height: 60px;
	margin: 8px 0 5px 10px;
	padding: 00
	clear: both;
}
.stay_connected .fb-like iframe {
	overflow: visible;	
}
.stay_connected a, .stay_connected a:visited {
	/*color: white;*/
	text-decoration: none;
}
.stay_connected a:hover {
	text-decoration: underline;
}
.stay_connected .social_links {
	clear: both;
	width: 300px;
	height: 45px;
	padding: 5px 0;
	margin: 0;
}
.stay_connected .social_links .link {
	float: left;
	width: 35px;
	margin: 0 15px 0 0;
	padding: 0;
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	color: #1f5f88;
}
.stay_connected .social_links .lastlink {
 	margin-right: 0 !important;
}
.stay_connected .social_links .link img {
	width: 31px;
	height: 32px;
	padding: 0;
	margin: 0;
	border: none;
}
.stay_connected .social_links .link {
	text-decoration: none !important;
}

/* widget - large promos */
.large_promo {
	height: 175px;	
}
/* widget - small promos */
.small_promo {
	height: 100px;	
}

/* widget - video playlist */
.video_playlist .tpPlaylist {
	width: 300px !important;
	background-color: transparent;
}
.video_playlist #tpPlaylistContent {
	height: 355px;
}
.video_playlist .tpPlaylist .tpClips .title {
	color: #010101;
	font-size: 12px;
	line-height: 14px;
	height: 16px;
	overflow: hidden;
}
.video_playlist .tpPlaylist .tpClips .desc {
	color: #6b6b6b !important;	
	font-size: 11px;
	line-height: 13px;
	height: 28px;
}
.video_playlist .tpPlaylist .tpClips img {
	width: 113px;
	height: 62px;
}
.video_playlist .tpPlaylist .tpClips .cta img {
	width: 64px;
	height: 21px;
}
.video_playlist .tpPlaylist .tpClips .cta {
	background-image: none;
	padding-left: 0 !important;
}
.video_playlist .tpPlaylist .tpClips .cta .livenow {
	font-size: 10px !important;
	line-height: 20px;
	padding: 0 4px 0 4px !important;
	margin: 0 !important;
	float: right;
	font-weight: bold;	
}
.video_playlist .tpPlaylist .tpClips .cta .livelater {
	font-size: 9px;
	line-height: 20px;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	float: right;
}
.video_playlist .tpPlaylist .tpClips .cta img {
	border: none;
	margin: 0 30px 0 0;
	padding: 0;
}
.video_playlist .tpPlaylist .tpClips .cta em {
	margin-top: 5px;
	line-height: 23px;
	font-weight: bold;
}
.video_playlist .tpPlaylist .tpClips a {
	border-bottom: 1px solid #f2f2f2;
	text-deocration: none;
	position: relative;
	height: 62px;
}
.video_playlist .tpPlaylist .tpClips a:hover {
	background-color: #f2f2f2;	
	text-decoration: none;
}
.video_playlist .tpPlaylist .kickmore {
	padding: 11px 0 7px 5px;	
	color: 37497c;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
}
.video_playlist .tpPlaylist .kickmore a,
.video_playlist .tpPlaylist .kickmore span {
	font-size: 13px;
	line-height: 18px;		
}
.video_playlist .tpPlaylist .kickmore a:hover {
	text-decoration: underline;	
}


/* BLOG AND CAST ENTRY FOOTER LINKS
-----------------------------------------------------------------------------------*/
div.entrylinks {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 10px 0 5px 0;
	overflow: hidden;
}
div.entrylinks .comments-link {
	float: left;
	margin: 3px 10px 0 0;
	padding: 0;
}
div.entrylinks .twitter-share-button {
	float: left;
	margin: 1px 10px 0 0;
	padding: 0;
	cursor: pointer !important;
}
div.entrylinks .facebook-like-button {
	float: left;
	width: 300px;
	margin: 0 10px 0 0;
	padding: 0;
}

/* SITE PAGES (BOTH INDEX TEMPLATES AND MT PAGES)
-----------------------------------------------------------------------------------*/

/* page - about the show */
.display-air-time {
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: left;
	font-weight: bold;
	color: black;
}
/* page - episodes */
#page_episodes .container_12 {
	min-height: 2500px;		
}
.tpPlayer {
	width:inherit; /* 620px;*/
	height: 349px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
}
.tpPlaylist {
	width:inherit; /* 620px;*/
	background-color: transparent;
	background: #fff url(/i/o/cbc/v10/gfx/loading.gif) no-repeat 50% 10%;	
}
.tpClips,
.tpClips a,
.tpClips .title,
.tpClips .airdate,
.tpClips .desc,
.tpClips .cta,
.tpClips .cta .dur,
.tpPlaylist .kickmore {
	color: 37497c !important;	
}
.tpPlaylist .airdate {
	display: block;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
	padding-bottom: 5px;
}
.tpPlaylist .kickmore a {
	font-size: 12px !important;
	font-weight: normal !important;
}
.tpPlaylist .kickmore a span {
	color: black;	
	font-size: 12px !important;
	font-weight: normal !important;	
}
.tpClips .cta {
	background-image: url(http://www.cbc.ca/radio/shows/small_play.gif);	
}
.tpClips img {
	width: 220px;
	height: 124px;
	float: left;
}
.tpClips .title {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}
.tpPlaylist .tpClips .desc {
	font-size: 12px;
	line-height: 17px;	
	font-weight: normal;
}
.tpPlaylist .tpClips .meta {
	height: auto;	
}
.tpClips .cta, 
.tpClips .cta em, 
.tpClips .cta em.dur { 
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
} 
.tpClips .cta em.dur {
	padding-left: 0 !important;
}

.tpPlaylist .tpClips a {
	height: auto;
	background-color: white;
	display: block;
	clear: both;
}
.tpPlaylist .tpClips .episode_right {
	width: 365px;
	min-height: 125px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.tpPlaylist .tpClips a:hover {
	background-color: #f2f2f2;	
	text-decoration: none;
}
.tpPlaylist .kickmore,
.tpPlaylist .kickmore a,
.tpPlaylist .kickmore a span {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}
.tpPlaylist .kickmore a:hover {
	text-decoration: underline;	
}
.tpPlaylistTabs {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.tpPlaylistTabs ul li.sort {
	display: none !important;	
}

/*
.tpPlaylistTabs li.tab1, 
.tpPlaylistTabs li.tab2,
.tpPlaylistTabs li.tab3, 
.tpPlaylistTabs li.tab4 {
	margin-right: 10px !important;
	background-color: transparent !important;
    background-image: url("images/video_tab_off.png");
	background-repeat: repeat-x !important;
	background-position: bottom center !important;
}


.tpPlaylistTabs li.tab1 a, 
.tpPlaylistTabs li.tab2 a,
.tpPlaylistTabs li.tab3 a, 
.tpPlaylistTabs li.tab4 a {
	background-color: transparent !important;
	color: white !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	text-decoration: none !important;
}
*/

.container_12 .grid_8 .tpPlaylist .tpPlaylistTabs ul.tab1 li.tab1, 
.container_12 .grid_8 .tpPlaylist .tpPlaylistTabs ul.tab2 li.tab2, 
.container_12 .grid_8 .tpPlaylist .tpPlaylistTabs ul.tab3 li.tab3, 
.container_12 .grid_8 .tpPlaylist .tpPlaylistTabs ul.tab4 li.tab4 {
    background-image: url("http://www.cbc.ca/radio/shows/video_tab_on.png");
}

/* page - photos */
#page_photos .container_12 .grid_8 h1 {
	background-color: transparent;
	font-size: 33px;
	line-height: 40px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	color: black;
}
#page_photos .container_12 .grid_8 h2 {
	background-color: transparent;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
	color: black;	
}

/* page - blog index */
#page_blog h1 {
	clear: both;	
}
#page_blog h1 span#blog-head {
	width: 300px;
	float: left;
}
#page_blog h1 span#page-summary {
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
	width: 150px;
	float: right;
	color: white !important;
	font-size: 14px;
	text-align: right;
	text-transform: uppercase;
}
#page_blog .blog_entry {
	width: 600px;
	height: auto;
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #f3f3f3;
}
#page_blog .blog_entry img.blog_thumb{
	float: left;
	margin: 5px 10px 0 0;
	padding: 0;
	border: 0;
}
#page_blog .blog_entry h2 {
	margin-top: 10px;
}
#page_blog .blog_entry .dateline {
	color: black;
	font-size: 12px;
	line-height: 14px;
	padding-top: 0;
}
#page_blog .moreblogs {
	padding-left: 10px !important;	
}
#page_blog #page-links {
	width: 600px;
	height: 20px;
	padding: 0;
	margin: 10px 0 10px 10px;
	font-size: 13px;
}
#page_blog #page-links div.previous {
	float: left;
	width: 100px;
	height: 20px;
	padding 0;
	margin: 0;
	text-align: left;
}
#page_blog #page-links div.pagelinks {
	float: left;
	width: 380px;
	padding: 0 5px 0 5px;
	margin: 0;
	text-align: center;
}
#page_blog #page-links div.next {
	float: right;
	width: 100px;
	height: 20px;
	padding 0;
	margin: 0;	
	text-align: right;
}
#page_blog #page-content {
	background: #fff url(/i/o/cbc/v10/gfx/loading.gif) no-repeat 50%;
	min-height: 300px;
}

/* page - music index */
#page_music h1 {
	clear: both;	
}
#page_music h1 span#music-head {
	width: 300px;
	float: left;
}
#page_music h1 span#page-summary {
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
	width: 150px;
	float: right;
	color: white !important;
	font-size: 14px;
	text-align: right;
	text-transform: uppercase;
}
#page_music .music_entry {
	width: 600px;
	height: auto;
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #f3f3f3;
}
#page_music .music_entry img.music_thumb{
	float: left;
	margin: 5px 10px 0 0;
	padding: 0;
	border: 0;
}
#page_music .music_entry h2 {
	margin-top: 10px;
}
#page_music .music_entry .dateline {
	color: black;
	font-size: 12px;
	line-height: 14px;
	padding-top: 0;
}
#page_music .moremusics {
	padding-left: 10px !important;	
}
#page_music #page-links {
	width: 600px;
	height: 20px;
	padding: 0;
	margin: 10px 0 10px 10px;
	font-size: 13px;
}
#page_music #page-links div.previous {
	float: left;
	width: 100px;
	height: 20px;
	padding 0;
	margin: 0;
	text-align: left;
}
#page_music #page-links div.pagelinks {
	float: left;
	width: 380px;
	padding: 0 5px 0 5px;
	margin: 0;
	text-align: center;
}
#page_music #page-links div.next {
	float: right;
	width: 100px;
	height: 20px;
	padding 0;
	margin: 0;	
	text-align: right;
}
#page_music #page-content {
	background: #fff url(/i/o/cbc/v10/gfx/loading.gif) no-repeat 50%;
	min-height: 300px;
}

/* page - cast index and full entry pages */
#page_cast .cast_entry {
	width: 600px;
	height: auto;
	padding: 10px;
	margin: 0 0 10px 0;
}
#page_cast div.entrylinks {
	width: 430px;
}
#page_cast .cast_entry .cast_thumb {
	width:150px;
	float: left;
	border: 0;
	margin: 0 10px 10px 0;
	padding: 0;
}
#page_cast cast_entry .more-link {
	font-weight: bold;	
}
#page_cast .cast_entry .dateline {
	color: black;
	font-size: 12px;
	line-height: 14px;
	padding-top: 10px;
}
.castnav {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 10px 0 10px 7px;
}
#page_entry_cast .castnav {
	margin-bottom: 0;	
}
#page_entry_cast .full-entry {
	padding-top: 0;	
}
.castnav a {
	outline-style: none;	
}
.castnav img.castlink {
	border: 0;
	padding: 3px;
	border: 0;
	margin: 0 5px 0 0;
	outline-style: none;
}
.castnav img.castlink:hover {
	border: 3px solid #818181;	
	padding: 0;
}
.castnav img.current {
	border: 3px solid black !important;	
	padding: 0;
}

/* page - contest - including contestapp style overrides */
#page_contest #contest_instructions {
	margin: -10px 0 10px 10px
}
#page_contest #contest-login-wrapper {
	margin: 0 0 10px 10px
}
#page_contest form.entercontest {
	width: 500px;
	background-color: transparent;
	border: none;
	padding-left: 0;
	margin-left: 10px;
	margin-top: -10px;
	display: none;
}
#page_contest .leftcol {
	width: 240px;
	float: left;
	text-align: left;
}
#page_contest .rightcol {
	width: 240px;
	float: right;
	text-align: left;
}
#page_contest .entercontest input[type="text"] {
	width: 160px;
	height: 15px;
	padding: 2px;
	font-size: 11px;
	color: black;
	border: 1px solid black;
}
#page_contest form.entercontest p {
	margin: 0;
	padding: 2px 0 0 0;
}
#page_contest form.entercontest p.error {
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}
#page_contest form.entercontest #overallError {
	background-color: transparent;
	border: none;
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;	
}
#page_contest form.entercontest .clear {
	height: 12px !important;	
}
#page_contest .contest_entry {
	width: 600px;
	height: auto;
	padding: 10px 0 0 10px;
	margin: 0 0 10px 0;
}
#page_contest .contest_entry .contest_thumb {
	width:150px;
	float: left;
	border: 0;
	margin: 0 10px 0 0;
	padding: 0;
}
#page_contest .contest_entry .more-link {
	font-weight: bold;	
}
#page_contest .contest-closed {
	color: #AA0000;
	font-weight: bold;
}

/* page - games  */
#page_games .game_entry {
	width: 100%;
	height: auto;
	float: left;
	margin: 5px 0 5px 0;
	padding: 0;
}
#page_games .game_entry img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#page_entry_game .full-entry {
	padding: 10px 10px 10px 0;
}
#page_entry_game .gamebox {
	min-height: 400px;	
	background: #fff url(/i/o/cbc/v10/gfx/loading.gif) no-repeat 50%;	
}

/* page - community */
#page_community .tabs {
	width: 300px;
	height: 30px;
	padding: 0;
	margin: 10px 0 10px 0;
	float: left;
}
#page_community .tabs .tab {
	width: auto;
	height: 29px;
	background-color: transparent !important;
    background-image: url("http://www.cbc.ca/radio/shows/video_tab_off.png");
    background-position: center bottom !important;
    background-repeat: repeat-x !important;
    margin: 0 5px 0 0 !important;		
	padding: 0 10px 0 10px;
	float: left;
	color: white;
	cursor: pointer;
    font-weight: bold;
    text-decoration: none !important;
    text-transform: uppercase;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;	
}
#page_community .tabs .current {
    background-image: url("http://www.cbc.ca/radio/shows/video_tab_on.png");
}
#page_community  #twitter-login {
	float: left;
	margin: 0;
}
#page_community .find-us {
	width: 175px;
	height: 50px;
	padding: 10px 0 0 0;
	margin: 0;
	float: right;
}
#page_community .twtr-widget h3 {
	display: none;	
}
#page_community .disclaimer {
	font-size: 10px;
	color: #BBBBBB;
	padding: 0;
	margin: 10px 0 10px 0;
}
#page_community #pforums, 
#page_community #pfbody {
	width: 620px;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#page_community #pforums table {
	width: 620px !important;
	margin-right: 0;
}

/* PLUCK COMMENTS
-----------------------------------------------------------------------------------*/

#socialcomments {
	/*padding: 10px 0 0 0;*/
/*	margin: 0 0 10px 10px;*/
margin-top:20px;
/*	border-top: 3px solid #cecece; */
	font-family: Arial, Helvetica, sans-serif !important; /* becomes default for all pluck comment fonts */
/*	background: white url(/i/o/cbc/v10/gfx/loading.gif) no-repeat 50%;	*/
	min-height: 250px;
}
#socialcomments-submit {
	background-color: white; /* should be same as #socialcomments background color */	
	padding-top: 0 !important;
	margin-top: 0 !important;
}
#socialcomments-submit h4,
#articlecomments h4 {
	margin-top: 0 !important;
	padding-top: 30px !important;
}	
#articlecomments {
	margin-left: 0;
	padding-left: 0;
}
#socialcomments h4,
#mt-comments h2 {
	margin: 20px 0 5px 0 !important;
	padding: 0 0 0 20px !important;
	background-image: url(http://www.cbc.ca/radio/shows/speech_bubble.gif) !important;
	background-position: 0px 4px !important;
	background-repeat: no-repeat !important;
	background-color: transparent;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #2b2b2b;
}
#socialcomments a {
	color: black;	
}

/* MOVABLE TYPE COMMENTS
-----------------------------------------------------------------------------------*/

#mt-comments {
	width: 600px;
	margin-left: 20px;
}
#mt-comments .mandatory {
	color: #CC0000;
	font-weight: bold;
}
#mt-comments .comment div {
	background-image: none;	
}
#mt-comments .disclaimer {
	margin-left: 0;	
}
#mt-comments #comments-open-data div,
#mt-comments #comments-open-text {
	margin: 15px 0 0 0;	
}
#mt-comments .inner .comment-info {
	width: 130px;
	float: left;
	border-right: 1px solid #cccccc;
}
#mt-comments .inner .comment-info .posteddate {
	color: #aaaaaa;
	font-size: 10px;
	line-height: 12px;
}
#mt-comments .inner .comment-content {
	width: 450px;
	float: right;
}




/* MW - NEW RADIO TEMPLATE CSS STARTS */

/* TABS
-----------------------------------------------------------------------------------*/

div.wrap-AirTimes { 
    width:300px;
    text-align:left;
}

div.wrap-ContentAirTimes {
    padding-top:3px;
    padding-bottom:10px;
    background-color:#fff;
    min-height:77px;
font-size:11px;

}

div.wrap-ContentAirTimes img {
float:left;
padding-right:10px;
padding-bottom:5px;
}

div.titleAirTimes {
    height:25px;
    line-height:25px;
    padding-left:5px;
    background-color:#635675;
    color:#fff;
    font-size:14px;
}

div.titleAirTimes h4 {
    font-weight:bold;
}


/* TABS - REGULAR SIZED */

.radiotabs.sqtabs {
    border-bottom: 1px solid #C4C4C4;
margin-bottom:12px;
}
.radiotabs.sqtabs ul {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 30px;
    list-style-type: none;
    margin: 0 0 -1px;
    padding: 0;
}
.radiotabs.sqtabs ul li {
    float: left;
}
.radiotabs.sqtabs li a {
    border: 0 solid #FFFFFF;
}
.radiotabs.sqtabs ul li.tab1 a, .radiotabs.sqtabs ul li.tab2 a, .radiotabs.sqtabs ul li.tab3 a, .radiotabs.sqtabs ul li.tab4 a, .radiotabs.sqtabs ul li.tab5 a {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #C4C4C4;
    color: #37497c;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    margin: 0;
    padding: 8px 14px 6px 15px;
    text-decoration: none;
}
.radiotabs.sqtabs ul li a:hover {
    background-color: #C4C4C4;
    color: #37497c;
}
.radiotabs.sqtabs ul li a.last {
    border-right: 1px solid #C4C4C4;
}
.radiotabs.sqtabs ul li.tab1 {
    padding-left: 10px;
}
.radiotabs.sqtabs ul li.tab2 {
    padding-left: 5px;
}
.radiotabs.sqtabs ul.tab1 li.tab1 a, .radiotabs.sqtabs ul.tab2 li.tab2 a, .radiotabs.sqtabs ul.tab3 li.tab3 a, .radiotabs.sqtabs ul.tab4 li.tab4 a, .radiotabs.sqtabs ul.tab5 li.tab5 a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C4C4C4 #C4C4C4 #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    padding: 8px 14px 6px 15px;
}
.radiotabs.sqtabs ul.tab4 li.tab4 a.last {
    padding-right: 15px;
}


/* TABS - SMALL SIZED */

.radiotabs-small.sqtabs {
    border-bottom: 1px solid #C4C4C4;
    margin-bottom:12px;
    padding-top:4px;
}
.radiotabs-small.sqtabs ul {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    list-style-type: none;
    margin: 0 0 -1px;
    padding: 0;
}
.radiotabs-small.sqtabs ul li {
    float: left;
}
.radiotabs-small.sqtabs li a {
    border: 0 solid #FFFFFF;
}
.radiotabs-small.sqtabs ul li.tab1 a, .radiotabs-small.sqtabs ul li.tab2 a, .radiotabs-small.sqtabs ul li.tab3 a, .radiotabs-small.sqtabs ul li.tab4 a, .radiotabs-small.sqtabs ul li.tab5 a {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #C4C4C4;
    color: #37497c;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 14px;
    margin: 0;
    padding: 3px 9px 1px 10px;
    text-decoration: none;
}
.radiotabs-small.sqtabs ul li a:hover {
    background-color: #C4C4C4;
    color: #37497c;
}
.radiotabs-small.sqtabs ul li a.last {
    border-right: 1px solid #C4C4C4;
}
.radiotabs-small.sqtabs ul li.tab1 {
    padding-left: 6px;
}
.radiotabs-small.sqtabs ul li.tab2, .radiotabs-small.sqtabs ul li.tab3, .radiotabs-small.sqtabs ul li.tab4 {
    padding-left: 2px;
}
.radiotabs-small.sqtabs ul.tab1 li.tab1 a, .radiotabs-small.sqtabs ul.tab2 li.tab2 a, .radiotabs-small.sqtabs ul.tab3 li.tab3 a, .radiotabs-small.sqtabs ul.tab4 li.tab4 a, .radiotabs-small.sqtabs ul.tab5 li.tab5 a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C4C4C4 #C4C4C4 #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #000000;
/*    padding: 8px 14px 6px 15px; */
}
.radiotabs-small.sqtabs ul.tab4 li.tab4 a.last {
    padding-right: 15px;
}



/* MISC SETTINGS
----------------------------------------------------------------------------------*/

.cbccomments .score strong {
color:#fff;
background-color:#37497c;
}

.tpPlaylist {
width:auto;
}

a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#000; border:1px solid #000; color:#fff;}

h3.mid-text {
margin-bottom:10px;
margin-top:20px;
color:#000;
}

p.toppromotitle {
font-size:11px;
font-weight:bold;
color:#000;
margin:0;
padding:0;
text-transform:uppercase;
}

div.rt-relatedlinks ul {
list-style:disc;
 list-style-position: inside;
}

h1.innerPage {
margin-bottom:20px;
margin-top:10px;
width:inherit;
}

p.imageCaption {
    color: #666;
    font-size: 11px;
    min-height:20px;
    border-bottom:1px solid #c4c4c4;
/*     margin-bottom:20px; */
margin-top:-2px;
    padding-bottom:5px;
}

div.featuredPost, div.topPromo {
    border-bottom:3px solid #c4c4c4;
    margin-bottom:15px;
}

div.blogPosts {
    border-bottom:1px solid #c4c4c4;
    margin-bottom:20px;
padding-bottom:13px;
}

div.rt-topPodcast {
padding-bottom:20px;
}


div.rt-divLine {
width:620px;border-bottom:1px solid #ccc;margin-bottom:20px;
}

p.rt-dateline, .rt-dateline {
    color: #666666;
    font-size:11px;
}

p.rt-Listen {
    border-top:1px dotted #ccc;
    padding-top:8px;
    font-weight:bold;
}

p.rt-ListenLarge {
    background-image:url('http://www.cbc.ca/radio/shows/button_listenlarge.png');
    background-repeat: no-repeat;
    font-weight:bold;
    line-height:30px;
    width:95px;
    float:right;
    margin:0 0 13px 20px;
    clear:right;
}

p.rt-ListenLarge a {
    display:block;
    padding-left:45px;
}

div.rt-FeaturedImage {
    float:right;
    margin:0 0 10px 20px;
}
/* Show only to IE7 */
*:first-child+html div.rt-FeaturedImage {
margin:0 0 0 5px;
}

div.rt-FeaturedImage img {
margin-bottom:10px;
}


div.rt-widget {
    border-top:5px solid #c4c4c4;
    padding-top:8px;
    color:#666666;
}

div.rt-widget p {
	color: #666666;
}

div.rt-NowPlaying {
    background-color:#f2f2f2;
    border-left:1px solid #d7d7d7;
    padding:5px 0 0 10px;
    height:50px;
    float:right;
}

div.rt-MostRecentPodcast a.download {
	display: block;
	float: left;
	font-size: 12px;
	border: 1px solid #a9a9a9;
	color: #37497c;
	padding: 5px 15px;
	background-image: url(http://www.cbc.ca/radio/portal/img/download_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

span.rt-runtime {
    color: #333333;
    font-size:11px;
}

div.rt-relatedlinks {
    border-top:1px solid #a9a9a9;
    margin-top:20px;
    padding-top:8px;
}

div.rt-relatedlinks a {
    line-height:16px;
    font-weight:bold;
}

div.rt-comments {
    clear:both;
    width:600px;
border-top:3px solid #ccc;
margin-top:30px;
padding-top:5px;
}

p.rt-viewallentries {
	border-top:1px dotted #d9d9d9;
    font-weight:bold;
    margin-top:15px;
    padding-top:15px;
}

div.rt-archiveColumn {
    margin-top:20px;
    background-color:#f2f2f2;
    border-top:4px solid #c4c4c4;
    padding:5px;
}

div.rt-archiveColumnPlaylist {
    margin-top:20px;
    background-color:#f2f2f2;
    border:1px solid #c4c4c4;
    padding:10px;
    font-size:14px;
}

div.rt-playerBox {
    margin-top:20px;
    background-color:#f2f2f2;
    border:1px solid #c4c4c4;
    padding:7px;
    font-size:14px;
    width:320px;
}

div.rt-searchWrap {
float:right;
width:266px;
background-color:#635675;
height:45px;
}

div.rt-clickablelogo {
float:left;
clear:both;
position:absolute;
}

input.rt-searchfield {
float:left;height:29px;font-size:12px;color:#999999;font-style:italic; width:210px;
}

/* SPRITES
----------------------------------------------------------------------------------*/

#sprite-podcast {
 width: 258px;
 height: 28px;
 background: url(http://www.cbc.ca/radio/shows/subscribe-icons.png);
padding: 0;
 position: relative;
}
#sprite-podcast li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#sprite-podcast li, #sprite-podcast a {height: 28px; display: block;}

#sprite-itunes {left: 0; width: 88px;}
#sprite-myyahoo {left: 88px; width: 113px;}
#sprite-rss {left: 201px; width: 53px;}


/* RADIO BRAND BAR
-----------------------------------------------------------------------------------*/
div.wrap-radioBrandBar {
	width:986px;
    height:55px;
    background-color:#fff;
    margin:0 auto;
    padding:0;
}


div.ListenButton {
    margin-top:145px;
    margin-left:6px;
    float:left;
    width:193px;
    height:15px;
position:absolute;
    padding:5px;
    background-color:#37497c; 

/*    background-color:rgba(0,0,0,0.5); */

    opacity:0.75;
    filter:alpha(opacity=75); /* For IE8 and earlier */

}

div.ListenButtonText {
    margin-top:150px;
    margin-left:20px;
    float:left;
    position:absolute;
}

div.ListenButtonText a {
    color: #fff;
    font-weight: bold;
  padding: 10px 10px 10px 20px;
}


.listenLink {background:url(http://www.cbc.ca/radio/shows/icon_play.png) no-repeat center right; display:inline; padding-right:20px;}

.listenCTA {background:url(http://www.cbc.ca/radio/shows/icon_play.png) no-repeat center left; display:inline; padding-left:20px;}


.listenLatest {background:url(http://www.cbc.ca/radio/shows/icon_white-listen.png) no-repeat center left; display:inline; padding-left:20px;}

div.ListenButtonText {
/*  margin-left: 20px;
  margin-top: 150px; */
}




.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}





/*-------------------------------------------------*/
/* NOW PLAYING MODULE
/*-------------------------------------------------*/




/* NAVIGATION */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iPad-Anywidth2.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

.menuNav {
height:45px;
background:#635675;
padding-left:20px;
float:left;width:700px
/*
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
*/
}

.menuNav ul {margin:0; padding:0; list-style:none; white-space:nowrap; position:relative;}
.menuNav > ul {float:left;}

.menuNav ul ul {position:absolute; left:-9999px;}
.menuNav > ul > li {float:left; display:block; position:relative;}

.menuNav ul ul {background:#fff; padding:10px 0; 
/*-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;*/
}
.menuNav > ul > li > ul {
background-color:#37497c;
color:#fff;
border-top:0;
/*
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
*/
}

.menuNav a {display:block; font-size:14px; color:#fff; line-height:45px; text-decoration:none; padding:0 10px 0 10px;}
.menuNav > ul > li > a {float:left; text-transform:capitalize; color:#fff;}
.menuNav ul ul li a {line-height:30px;}

.menuNav ul li:hover > ul {left:0; top:45px;}
.menuNav ul ul li:hover > ul {left:100%; top:auto; margin:-31px 0 0 -10px;}
.menuNav li.left:hover > ul {left:auto; right:0; top:45px;}
.menuNav li.left ul li:hover > ul {left:auto; right:100%; top:auto; margin:-31px -10px 0 0;}

.menuNav li.left ul a {text-align:right; padding:0 15px 0 30px;}

.menuNav li a.fly {background:transparent url(images/arrow.gif) no-repeat right center;}
.menuNav li.left ul a.fly {background:transparent url(images/arrowl.gif) no-repeat left center;}

.menuNav > ul li:hover > a {background-color:#37497c;}
.menuNav ul ul li:hover > a,
.menuNav ul ul li:hover > a.fly {background-color:#635675; color:#fff;}

.menuNav > ul > li.close {display:none; position:absolute; left:0; top:-35px; width:100%; height:25px; background:none;}
.menuNav > ul > li.close a {width:100%; padding:0; text-indent:15px; background:#036; color:#fff;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}



/* PAGINATION
-----------------------------------------------------------------------------------*/

#page-links a, #page-links strong {
  background-color: #E5E5E5;
  border: 1px solid #B9B9B9;
  color: #37497c;
  float: left;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 2px;
  padding: 3px 5px;
  text-decoration: none;
}


#page-links strong {
  color: #333333;
  float: left;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 2px;
  padding: 3px 5px;
  text-decoration: none;
}
#pagination a, .alt_page_navigation a {
  background-color: #E5E5E5;
  border: 1px solid #B9B9B9;
  color: #006972;
  float: left;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 2px;
  padding: 3px 5px;
  text-decoration: none;
}
span.current {
  color: #333333;
  float: left;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 2px;
  padding: 3px 5px;
  text-decoration: none;
}

#page_blog #page-links div.pagelinks {
  float: left;
  margin: 0;
  padding: 0 5px;
  text-align: center;
  width: auto;
}


#page_blog #page-links div.previous {
  float: left;
  height: 20px;
  margin: 0;
  text-align: left;
  width: auto;
}

#page_blog #page-links div.next {
  float: left;
  height: 20px;
  margin: 0;
  text-align: right;
  width: auto;
}





/* PLAYLIST TEST */


.tpPlaylist {
  background-color: #fff;
}



.tpPlaylistTabs ul {
  border-bottom: 1px solid #CCCCCC;
  display: block;
  height: 30px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}

.tpPlaylistTabs ul li {
  display: inline;
  height: 24px;
  padding: 5px 0 0;
}

.tpPlaylistTabs ul li {
 border-color: #ccc;
border-style: solid;
border-width: 1px 1px 0;
float: left;
margin: 0 5px 0 0;
background:#e6e6e6;
}


.tpPlaylistTabs ul li a {
  color: #054d7d !important;
}


.tpPlaylistTabs ul.tab1 li.tab1, .tpPlaylistTabs ul.tab2 li.tab2 {
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #CCCCCC;
  height: 25px;
  margin-bottom: -1px;
  position: relative;
  z-index: 4;
}

.tpPlaylistTabs ul.tab1 li.tab1 a, .tpPlaylistTabs ul.tab2 li.tab2 a {
  background: none repeat scroll 0 0 white;
  color: black;
  font-weight: bold;
  position: relative;
  top: 1px;
}

#header a {
 }

.tpPlaylistTabs {
  padding-top: 5px;
background:none repeat scroll 0 0 #eee;
}

.tpPlaylistTabs ul li.sort {
  color: #000000;
  height: 20px;
  padding: 5px 4px 0;
border:none;
background:#eee;
margin-top:5px;
}

.tpPlaylistTabs ul li a {
 background: none repeat scroll 0 0 #e6e6e6;
  display: block;
 padding: 4px 10px 0;
  text-align: center;
  text-decoration: none;
}


.tpClips .title {
  color: #40568f;
}

.tpClips .desc {
  display: block;
  font-size: 11px;
  line-height: 15px; color:#666;
}

.tpClips a:hover {
  background-color: #eee;
}

.tpClips a {
  border-bottom-color: #ccc;
}

.tpClips .cta {
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 13px;
  line-height: 14px;
  margin-top: 1px;
  padding-left: 23px;
}

.tpClips .cta {
  background: url("/video/imgs/small_play.gif") no-repeat scroll 0 2px transparent;
  color: #40568f;
}



/* FORM STYLES */
.contact p {
    margin: 15px 0;
}
.contact #announcements {
    background-color: #FFFFCC;
    margin-bottom: 15px;
    padding: 20px;
}
.contact #announcements ul {
    color: #336699;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.contact #announcements li {
    margin: 0;
    padding-bottom: 15px;
}
.contact #announcements #more {
    margin: 10px 0 0 10px;
}
.contact li em span {
}
.contact #contact-info {
    width: 590px;
}
.contact #telephone-number, .contact #fax-number {
    display: inline;
    float: left;
    padding-right: 50px;
}
.contact #telephone-number ul, .contact #fax-number ul {
    margin: 0;
    padding: 0 0 0 15px;
}
.contact #telephone-number li.odd, .contact #fax-number li.odd {
    font-weight: bold;
    list-style-type: none;
    padding-bottom: 15px;
}
.contact #mail {
    display: inline;
    float: left;
}
ul.mail {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.mail li.even {
    font-weight: bold;
    padding-top: 15px;
}
.contact #form {
    color: #302F2F;
    font: bold 14px Arial,Helvetica,sans-serif;
}
.contact #form a {
    color: #000000;
    font: 12px Arial,Helvetica,sans-serif;
}
.contact #form a:hover {
    text-decoration: underline;
}
.contact #form .form-section, label {
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 0;
}
#contact-info h2, #form h2, #form h2.mid-text {
    font: bold 15px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 10px 0 0;
}
#form h2 .form-section h2 {
    color: #2F2F2F;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 10px 0 6px 18px;
}
.form-section h2.required {
    background: url("/contact/includes/img/required.gif") no-repeat scroll 2px 9px transparent;
    color: #2F2F2F;
    margin: 0;
    padding: 10px 0 6px 18px !important;
}
.required, .form-section label.required {
    background: url("/contact/includes/img/required.gif") no-repeat scroll 2px -1px transparent;
    margin: 0;
    padding-left: 18px;
}
.form-section label.not-required {
    padding-left: 18px;
}
.form-col {
    display: block;
    margin: 0;
}
.col-section {
    display: block;
    float: left;
    padding: 5px 0;
    width: 283px;
}
.form-section input.text {
    width: 255px;
}
.form-section input {
    background-color: #ECECEC;
    border: 1px solid #BBBBBB;
    display: block;
    margin: 5px 0 0 18px;
    vertical-align: baseline;
    width: 540px;
padding:5px;
}
.form-section input.onselect {
    border: 2px solid #BBBBBB !important;
}
.form-section label.not-required {
    padding-left: 18px;
}
.col-section .form-section {
    display: block;
    float: left;
}
.form-col ul {
    color: #666666;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.form-col li input {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    display: inline;
    margin: 0 0 0 18px;
    padding: 0;
}
.form-section input.date {
    border: 1px solid #FFFFFF;
}
.form-col li label {
    color: #302F2F;
    font: 12px/19px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px;
}
.form-section select {
    background-color: #ECECEC;
    border: 1px solid #BBBBBB;
    color: #302F2F;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 5px 0 0 18px;
    padding: 0;
}
.form-section select option.selected {
    color: #666666;
    font: 12px Arial,Helvetica,sans-serif;
}
.form-section textarea {
    background-color: #ECECEC;
    border: 1px solid #BBBBBB;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0 0 10px 18px;
    width: 540px;
}
.form-section input:focus, .form-section textarea:focus {
    border: 1px solid #37497c !important;
}
form {
    padding: 0 0 10px;
}
#form p {
    font: 12px Arial,Helvetica,sans-serif;
}
#form p.form {
    margin: 0;
    padding: 0;
}
#submit-btn {
    background: none repeat scroll 0 50% #37497c;
    border: 1px solid #ECECEC;
    color: #FFFFFF;
    display: inline;
    font: bold 12px Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 10px 17px 0;
    width: 80px;
}
#reset-btn {
    background: none repeat scroll 0 50% #999999;
    border: 1px solid #ECECEC;
    color: #FFFFFF;
    display: inline;
    font: bold 12px Arial,Helvetica,sans-serif;
    height: 30px;
    margin: 10px 0 0;
    width: 80px;
}
.label-fix {
    margin-left: 30px;
}
.emptybox {
    display: block;
    height: 50px;
    width: 180px;
}

/* PROMO STYLES  */
.promo-container {
/*  height: 126px; */
  padding: 0;
  width: 620px;}

.promo-content { 
display: inline;
  float: left;
  overflow: hidden;
  width: 124px;
}
.promo-image {height:74px; overflow:hidden;}
.promo-content h3 a {
  display: block;
  font-size: 13px;
  margin-top: 3px;
}
.promo-content p {
  display: block;
  font-weight: bold;
  margin: 0;
  padding-right: 3px;
  text-align: center;
}

.topPromo h1 {margin:12px 0 22px 0;}

div#mobile-alleps {display:inline; padding:7px; }

div#mobile-alleps a {display:block;}

div.entryContent {
font-size:14px !important;
line-height:18px;
}

div.entryContent ol, div.entryContent ul {
	list-style:disc inside none;
}



/* CAPTION FOR IMAGES WITHIN ENTRIES 
-----------------------------------------------------------------------------------*/

div.captionright {
    float:right;
    margin:0 0 10px 20px;
}
/* Show only to IE7 */
*:first-child+html div.captionright {
margin:0 0 0 5px;
}

div.captionleft {
    float:left;
    margin:0 20px 10px 0;
}
/* Show only to IE7 */
*:first-child+html div.captionleft  {
margin:0 0 0 5px;
}

div.captionright img, div.captionleft img {
margin-bottom:10px;
}

div#mediaplayer.kickmod div.tpAudioPlayer div#tpSwf a {
border-right:1px solid #ccc;
background-color:#f5f5f5;
}

/* AVEMBED STYLES
-----------------------------------------------------------------------------------*/
.cbc-avembed-container.audio {
    height:                 121px !important;
color:#000;
}

.cbc-avembed {
    margin:                 0px;
    padding:                0px;
    font-size:              14px;
    font-family:            Arial, sans-serif;
    line-height:            16px;
    
    display:                inline-block;
    position:               relative;
    width:                  100%;
	height:					100%;
    overflow:				hidden;
    
    cursor:                 pointer;
    float:                  none;
    
    background-color:       #ccc;
}

.cbc-avembed .a11y {
    width:                  1px;
    height:                 1px;
    position:               absolute;
    left:                   -9999px;
    top:                    auto;
    overflow:               hidden;
}

.cbc-avembed .avembed-thumbnail, .cbc-avembed .avembed-flashplayer, .cbc-avembed .error_flashversion {
    width:                  100%;
	height:					100%;
    position:               absolute;
    top:                    0px;
    left:                   0px;
	display:				block;
}

.cbc-avembed .avembed-flashplayer {
    z-index:                999;
}

.cbc-avembed .avembed-flash{
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				999;
	width:					100%;
	height:					100%;
}

.cbc-avembed.audio {
    height:                 121px;
    background-color: #F5F5F5;
    border:                 1px solid #ccc;
    overflow:               hidden;
    color:                  #333;
    width: 300px;
background: url("/video/imgs/audioplayer-placeholder.gif") no-repeat scroll -1px transparent;

/*background: url("http://www.cbc.ca/radio_template_2012/images/test-audio-bg2.jpg") no-repeat 100px 0;*/

}

.cbc-avembed.video {
    background-color:       #000;
    color:                  #fff;
}

.cbc-avembed .avembed-description {
    display:                block;
    position:               absolute;
    bottom:                 0px;
    left:                   40px;
    height:                 45px;
    margin:                 0em 0em 0em 1.2em;
    white-space:            nowrap;
    overflow:               hidden;
    width:                  544px;
text-overflow: ellipsis;
color:#fff;
z-index:10;

display:none;
/*width: 244px;*/
}

.cbc-avembed .avembed-description h3 {
    display:                block;
    font-size:              120%;
    height:                 1em;
    overflow:               hidden;
    margin:                 0em;
color: #fff;
text-overflow: ellipsis;

display:none;
}

.cbc-avembed .avembed-playButton {
    font-size:              157%;
    padding-left:           .7em;
    padding-right:          .5em;
    line-height:            2.45;
    width:                  1.1em;
    border-right:           1px solid #2b2b2b;
    color:                  #ddd;
    
    position:               absolute;
    bottom:                 0px;
    left:                   0px;

display:none;
}

.cbc-avembed .avembed-message {
    display:                block;
    position:               absolute;
    bottom:                 0px;
    left:                   0px;
    width:                  100%;
    
    background-color:       #000;
    color:                  #ddd;
    padding:                0em;
    line-height:            3.8;
    border-top:             1px solid #2b2b2b;
    height:                 3.8em;
    
    background:             rgb( 0, 0, 0) transparent;
    background:             rgba( 0, 0, 0, 0 );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}

.vid-embed .cbc-avembed .avembed-message {    background:             rgba( 0, 0, 0, 0.75 );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";}

.cbc-avembed .avembed-message p {
    margin:                 0em 0em 0em 5em;
    padding:                0em;
    height:                 3.8em;
    overflow:               hidden;
}

.cbc-avembed.audio .avembed-playButton,
.cbc-avembed.audio .avembed-message {
    border-color:           #aaa;
    color:                  #ddd;

/*display:none;*/
}

.cbc-avembed .error_flashversion {
    background-color:       #000;
    padding:                .5em;
    color:                  #fff;
}

.cbc-avembed-container{
height:392px;
width:600px;
}

.vid-embed .cbc-avembed .avembed-description, .vid-embed .cbc-avembed .avembed-description h3, .vid-embed .cbc-avembed .avembed-message, .vid-embed .cbc-avembed .avembed-playButton {display:block;}


/*------ MASSEYS 2013 */

div#masseys-nav { float:left; width:100%; border-bottom:2px solid #bc0000; display:block; margin:0 0 20px 0;}

div#masseys-nav ul {list-style:none; display:block; width:100%;}

div#masseys-nav ul li {list-style:none; display:inline; float:left; }

div#masseys-nav ul li a {color:#bc0000; padding:10px 8px; display:block;}


div#masseys-nav ul li a:hover {background:url(http://www.cbc.ca/ideas/masseys/images/arrow.jpg) no-repeat bottom;}

div#masseys-nav ul li a.activeMass {background:url(http://www.cbc.ca/ideas/masseys/images/arrow.jpg) no-repeat bottom;}

div#masseys-nav ul li.buyaudio {color:#bc0000; float:right; background:url(http://www.cbc.ca/ideas/masseys/images/speaker.jpg) no-repeat left; padding-left:8px;}

div#masseys-intro h2 {color:#000; padding:15px 0; font-size:24px;}

#bloodlaunch {margin:15px 0;}

#videos-masseys h3 {background-color:#bc0000; color:#fff; padding:5px; display:block; margin:0 0 15px 0;}

#video-container, #videos-masseys {display:none;}

/* MASSEYS 2013 - TICKETS STYLES
-----------------------------------------------------------------------------------*/

#massey2013tickets ul {width:600px; list-style:none;}
#massey2013tickets li {width:40%; list-style:none; float:left; padding: 20px 15px; margin-right:30px; border-bottom:solid 1px #666;}
.massey2013promo-box {background: #F6EF7D; padding:10px; margin: 15px 0; min-height:90px;}
.massey2013promo-box .microsite {margin-top:53px;}

#massey2013up-next p {padding:7px 15px 7px 133px;}
#massey2013up-next-square {
background: none repeat scroll 0 0 #EEEA33;
float: left;
font-size: 23px;
font-weight: bold;
height: 68px;
line-height: 24px;
padding: 17px 13px 0;
font-family: arial;
width: 91px;}

#massey2013up-next-square span{font-size:34px;}


#massey_listenbuy .lecture {border-bottom:1px solid #C4C4C4;width:100%;width:620px;height:42px;}
#massey_listenbuy .lecture div {padding-top:12px;float:left;}
#massey_listenbuy .cclistenpopup {background: url(http://www.cbc.ca/radio/shows/icon_play.png) no-repeat center left;display: inline;padding-left: 20px;margin:0;height:auto;line-height:auto;}
#massey_listenbuy .cclistenpopup a {padding-left:0;line-height:auto;}


#masseyListenbuyIpad .lecture {border-bottom:1px solid #C4C4C4;width:100%;width:620px;height:42px;}
#masseyListenbuyIpad .lecture div {padding-top:12px;float:left;}
#masseyListenbuyIpad .cclistenpopup {background: url(http://www.cbc.ca/radio/shows/icon_play.png) no-repeat center left;display: inline;padding-left: 20px;margin:0;height:auto;line-height:auto;}
#masseyListenbuyIpad .cclistenpopup a {padding-left:0;line-height:auto;}

.massey_lecture_title {width:270px;font-weight:bold;}
.massey_listen_now {width:240px;}
.massey_buy {text-align:right;width:100px;}

.masseylast {height:48px;}


img.massey-small-image {margin: 0 20px 20px 0;}
.massey-image2 {margin: 0 20px 20px 0;}

.masseyaudiolink {
display: block;
}

.masseyaudiolinkmob {
display: none;
}

.row1 {height: 332px; display:block;}

.row2 {height: 380px; display:block;}

.row3 {height: 202px; display:block;}

.row4 {height: 153px; display:block;}

.row5 {height: 115px; display:block;}


/* AVEMBED STYLES
-----------------------------------------------------------------------------------*/
.cbc-avembed-container.audio {
    height:                 121px !important;
color:#000;
}

.cbc-avembed {
    margin:                 0px;
    padding:                0px;
    font-size:              14px;
    font-family:            Arial, sans-serif;
    line-height:            16px;
    
    display:                inline-block;
    position:               relative;
    width:                  100%;
	height:					100%;
    overflow:				hidden;
    
    cursor:                 pointer;
    float:                  none;
    
    background-color:       #ccc;
}

.cbc-avembed .a11y {
    width:                  1px;
    height:                 1px;
    position:               absolute;
    left:                   -9999px;
    top:                    auto;
    overflow:               hidden;
}

.cbc-avembed .avembed-thumbnail, .cbc-avembed .avembed-flashplayer, .cbc-avembed .error_flashversion {
    width:                  100%;
	height:					100%;
    position:               absolute;
    top:                    0px;
    left:                   0px;
	display:				block;
}

.cbc-avembed .avembed-flashplayer {
    z-index:                999;
}

.cbc-avembed .avembed-flash{
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				999;
	width:					100%;
	height:					100%;
}

.cbc-avembed.audio {
    height:                 121px;
    background-color: #F5F5F5;
    border:                 1px solid #ccc;
    overflow:               hidden;
    color:                  #333;
    width: 300px;
background: url("/video/imgs/audioplayer-placeholder.gif") no-repeat scroll -1px transparent;

/*background: url("http://www.cbc.ca/radio_template_2012/images/test-audio-bg2.jpg") no-repeat 100px 0;*/

}

.cbc-avembed.video {
    background-color:       #000;
    color:                  #fff;
}

.cbc-avembed .avembed-description {
    display:                block;
    position:               absolute;
    bottom:                 0px;
    left:                   40px;
    height:                 45px;
    margin:                 0em 0em 0em 1.2em;
    white-space:            nowrap;
    overflow:               hidden;
    width:                  544px;
text-overflow: ellipsis;
color:#fff;
z-index:10;

display:none;
/*width: 244px;*/
}

.cbc-avembed .avembed-description h3 {
    display:                block;
    font-size:              120%;
    height:                 1em;
    overflow:               hidden;
    margin:                 0em;
color: #fff;
text-overflow: ellipsis;

display:none;
}

.cbc-avembed .avembed-playButton {
    font-size:              157%;
    padding-left:           .7em;
    padding-right:          .5em;
    line-height:            2.45;
    width:                  1.1em;
    border-right:           1px solid #2b2b2b;
    color:                  #ddd;
    
    position:               absolute;
    bottom:                 0px;
    left:                   0px;

display:none;
}

.cbc-avembed .avembed-message {
    display:                block;
    position:               absolute;
    bottom:                 0px;
    left:                   0px;
    width:                  100%;
    
    background-color:       #000;
    color:                  #ddd;
    padding:                0em;
    line-height:            3.8;
    border-top:             1px solid #2b2b2b;
    height:                 3.8em;
    
    background:             rgb( 0, 0, 0) transparent;
    background:             rgba( 0, 0, 0, 0 );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}

.vid-embed .cbc-avembed .avembed-message {    background:             rgba( 0, 0, 0, 0.75 );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";}

.cbc-avembed .avembed-message p {
    margin:                 0em 0em 0em 5em;
    padding:                0em;
    height:                 3.8em;
    overflow:               hidden;
}

.cbc-avembed.audio .avembed-playButton,
.cbc-avembed.audio .avembed-message {
    border-color:           #aaa;
    color:                  #ddd;

/*display:none;*/
}

.cbc-avembed .error_flashversion {
    background-color:       #000;
    padding:                .5em;
    color:                  #fff;
}

.cbc-avembed-container{
height:350px;
width:620px;
}

.vid-embed .cbc-avembed .avembed-description, .vid-embed .cbc-avembed .avembed-description h3, .vid-embed .cbc-avembed .avembed-message, .vid-embed .cbc-avembed .avembed-playButton {display:block;}



span.hidefordesk { 
display: none; 
}

/*quotes*/

blockquote { font-family: Georgia, serif; font-size: 16px; font-style: italic; width: 500px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #666; 
}
blockquote cite {
color: #666;
font-size: 14px;
display: block;
margin-top: 5px;
text-align:right;
}
blockquote cite:before {
content: "\2003 \2014 \2009";
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}


/*MORE HIGHLIGHTS ETC*/

#morehighlights .morehi {
width: 140px; 
margin: 0 30px 0 0; 
float: left;
}

#morehighlights .morehi img, .mostrec img {
padding: 0 0 10px 0; 
}

/*Curated etc*/

div#morehighlights h4, div#curatedstories h4, div#mostrecents h4, div#samecat h4 {
font-size; 14px;
margin: 0;
}

div#curatedstories, div#mostrecents, div#samecat, div#moreolympics, div#morehighlights {
display: block;
clear: both;
width:100%;
}

div#curatedrecent {
border-bottom: 2px solid #DFDFDF;
margin-bottom: 10px;
border-top: 2px solid #DFDFDF;
margin-top: 10px;
clear: both;
}



div.mostrec, div.curated, div.morehi {
width: 140px; 
margin: 0 30px 15px 0;
float: left;
}
div.curated {height:160px;}

div.curated img, div.mostrec img, div.morehi img{
float:left;
width: 140px; 
height: auto;
}

/*SIDEBARS*/
.rightsidebar{
background: #ffffff;
border: 1px solid #CCC;
padding: 12px;
border-top: 5px solid #37497c; 
width: 140px;
float:right;
margin: 0 0 10px 10px;
}

.leftsidebar {
background: #ffffff;
border: 1px solid #CCC;
padding: 12px;
border-top: 5px solid #37497c; 
width: 140px;
float:left;
margin: 0 10px 10px 0;
}

.rightsidebar h4, .leftsidebar h4  {
color: #000000;
font-size: 16px
}


.rightsidebar a, .leftsidebar a  {
font-weight: normal!important;
position: relative;
left: -6px;
}

.rightsidebar ul, .leftsidebar ul {
list-style-type:square;
list-style-position: outside!important;
margin: 0 0 0 15px!important;
}

.rightsidebar li, .leftsidebar li {
list-style-type:square;
color: #37497c;
padding: 0 0 5px 0;
}


/*blockquotes*/
blockquote { 
font-family: Georgia, serif; 
font-size: 18px; 
font-style: italic; 
width: 93%; 
margin: 20px 0!important;
padding: 10px 20px 20px 20px!important; 
line-height: 1.45; 
position: relative; 
background: #f5f5f5;
border-left: 5px solid #cccccc;
}

blockquote.qu p:before {  
content: open-quote;
font-size: 18px;
 

}  
blockquote.qu p:after {  
content: close-quote;
font-size: 18px;
}  

blockquote cite {
color: #696969;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote p{ 
line-height: 1.6!important; 
}

blockquote.half { 
width: 310px; 
}

/*longtext*/

.longtext {
background: #f5f5f5;
border: 1px solid #CCC;
padding: 10px 20px 20px 20px;
margin: 20px 0 20px 0;
line-height: 24px;
}

.longtext h2 {
font-size: 18px;
margin: 0 0 15px 0;
color: #000000!important
}

.longtext h3 {
font-size: 14px;
margin: 0 0 15px 0;
}

.longtext p {
line-height: 24px;
}
.longtext button {
background: none;
border: none;
color: #5D5D5D;
font-weight: bold;
float: right;
cursor: pointer;
}

.longtext cite {
color: #696969;
display: block;
margin-top: 15px;
font-style: italic;
width: 100%;
text-align: center;
}