@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";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* 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 !important;
	border: none;
	border-bottom: 1px solid #818181;
}
header.global-header {
  display: block;
  position: relative;
  width: 100%;
  background-color: #1a1a1a;
}
footer.global-footer {
  display: block;
  position: relative;
  width: 100%;
  background-color: #1e1e1e;
}

/* 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, video, audio, section, article, header, footer {
	margin:0;
	padding:0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; zoom:1; margin: 0; padding: 0; }

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 20px auto;
	padding: 0 0 10px 0;
	width: 949px;
	min-height: 1210px;
	background-color: transparent;
}
.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: right;
	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: 0px 19px 0 0;
	padding: 0 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;
}
.container_12 .grid_7 {
	width: 540px;
}
.container_12 .grid_8 {
	width: 630px;
	min-height: 1194px;
	background-color: white;
	border-radius: 0 0 12px 12px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	position: relative;
	z-index: 999;
}
.container_12 .grid_8,
.container_12 .grid_8 p {
/* .container_12 .grid_8 div { */
	font-size: 14px;
	line-height: 18px;
	color: #444444;
	margin: 0;
	padding: 0;
}
.container_12 .grid_8 blockquote {
	width: 90%;
	font-style: italic;
}
.container_12 .grid_8 blockquote p,
.container_12 .grid_8 blockquote div {
	width: 70%;
}
.container_12 .grid_8 .body-content {
	margin: 0;
	padding: 0;
}
.container_12 .body-content p {
/* .container_12 .body-content div { */
	margin: 10px;
	width: 610px;
}
.container_12 .sidebar {
	background-color: transparent;
	border-radius: 0 0 0 0;
}
.container_12 .grid_8 h2.main-heading {
	background: transparent url(http://www.cbc.ca/overtherainbow/images/header-bg.png) top left no-repeat;
	width: 620px;
	height: 38px;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 3px #161616;
	padding: 3px 0 1px 10px;
	margin: 10px 0 8px 0;
}
.container_12 .grid_8 .full-entry {
	width: 600px;
	padding: 10px;
	margin: 0;
}
.container_12 .grid_8 .full-entry ol.numbers {
	list-style:decimal !important;
	list-style-position: outside !important;
	margin: 5px 0px 5px 20px;
	line-height: 14px;
}
.container_12 .grid_8 .full-entry ol.numbers ol.roman {
	list-style:lower-roman !important;
	list-style-position:outside !important;
	margin: 5px 0px 5px 35px;
	line-height: 14px;

}
.container_12 .grid_8 .full-entry li {
	padding-left: 14px;
	margin-bottom: 10px;
	
}
.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: #5ea9d1 url(http://www.cbc.ca/overtherainbow/images/site_bg_2.jpg) top center no-repeat;
}

body#page_entry_behind-the-curtain{
background-image: url(http://www.cbc.ca/overtherainbow/images/site_bg_behind-the-curtain.jpg);
background-position: center 138px;
}

body#page_diaries,
body#page_entry_dorothy-diary{
background-image: url(http://www.cbc.ca/overtherainbow/images/site_bg_diaries.jpg);
background-position: center 138px;
}

#page_container {
	background-color: #fff;
	width: 986px;
	border: none;
	margin: -5px auto 0 auto;
	padding: 0;
	position: relative;
	z-index:1;
}


/* HELPER CLASSES TO CLEAR FLOATED ELEMENTS
-----------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	padding: 0;
	margin: 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: 'Open Sans', Arial, Helvetica, sans-serif;	/* default site font face */
}
#site_wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 2;
}

.container_12 p { /* body paragraphs */
	font-size: 12px;
	line-height: 19px;
	color: #181818;
	padding: 0;
	margin: 7px 0 7px 0;

}
.container_12 a, /* text links including platform playlist "more" links */
.tpPlaylist .kickmore a { 
	color: #008899;
	text-decoration: none;	
}
.container_12 a:hover { /* text links on mouseover */
	text-decoration: none;	
}
.container_12 h1 { /* page top headings */
	font-size: 26px;
	line-height: 32px;
	color: black;
	padding: 5px 0 5px 0;
	width: 600px;
	margin: 0;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}
.container_12 h2 { /* page sub-headings */
	font-size: 16px;
	line-height: 22px;
	color: #282828;
	font-weight: bold;
	padding-top: 5px;
	background: #fff;
}
.container_12 h3,
.container_12 h3 a { /* widget headers */
	background-color: none;	
	font-size: 17px;
	line-height: 20px;	
	color: black;
	font-weight: bold;
}
.container_12 h4 {
	width: 600px;;
	font-size: 16px;
	line-height: 22px;
	background-color: #DDDDDD;
	color: #282828;	
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin: 10px 0 10px -10px;	
}
.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;
}



/* SITE NAVIGATION BAR
-----------------------------------------------------------------------------------*/
#pnav {
	width: 986px;
	height: auto;
	background-color: transparent;
	/*border-top: 1px dotted #001527;
	border-bottom: 1px dotted #001527;*/
	margin: 0 auto 0px auto;
	padding: 0;
}
#pnav ul {
	margin: 0;
	padding: 1px 0 1px 10px;
	width: 976px;
	height: auto;
	list-style: none inside none;
	text-align: left;
	overflow: hidden;
	-moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
     border-radius: 5px 5px 0 0;
	/*Background Opacity setup */
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	
}
#pnav li {
	display: block;
	width: auto;
	float: left;
	margin: 1px 1px 1px 0;
	padding: 0 !important;
	font-size: 15px;
	line-height: 15px;
	height: 33px;
	text-transform: uppercase;
	font-weight: bold;
	overflow: hidden;
	color: #001527;
}
#pnav li.last {
	background-image: none;
}
#pnav li.currpage,
#pnav li:hover {
	background-color: #fff;
}
#pnav a, #pnav a:visited {
	color: #fff;
	font-weight: bold !important;
	text-decoration: none;
	display: block;
	padding: 8px 12px 8px 12px;
	width: 100%;
	height: 100%;
}
#pnav li.currpage a { 
	color: #000;	
}
#pnav a:hover { 
	text-decoration: none;
	color: #000;
}

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

/* module - site header */
#site_header_wrapper {
	width: 100%;
	height: 285px;
	/*background: transparent url(http://www.cbc.ca/overtherainbow/images/site-bg-top.jpg) top center no-repeat;*/
	margin: 0 auto;
	padding: 0;
	overflow: visible;
}
#site_header {
width: 988px;
	height: 340px;
	margin: 0 auto -242px auto;
	padding: 0;
	background-color: transparent;	
	position: relative;
	overflow: visible;
}
#site_header a {
	text-decoration: none !important;
}
#site_header #show_logo {
	float: left;
	padding: 0;
	margin: 10px 30px 0 0;
	border: none;
	cursor: pointer;
  	width: 350px;
  	height: 143px;
  	height: auto;
}
#site_header #show_info {
	float: left;
	padding: 0;
	margin: 10px 20px 0 0;
	border: none;
/*width: 385px;*/
  	height: auto;
}
#site_header #show_info iframe {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
#site_header #show_info h2 {
	font-size: 25px;
	line-height: 25px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	text-shadow: 2px 2px 2px #222222;
	margin-top: 30px;
}
#site_header #show_info p {
	font-size: 10px;
	line-height: 22px;
	color: white;
	font-weight: bold;
	text-shadow: 2px 2px 2px #222222;
	margin: 2px 0 3px 0;
	padding: 0;
}
#site_header #show_info p.airtime2 {
	font-size: 16px !important;
}
#site_header #show_info p a {
	font-size: 12px;
	color: white;
}
#site_header #show_info p.watch-latest {
	background: rgba(0,136,153,0.5);
	width: 210px;
	text-align: center;
	text-transform: uppercase;
	padding: 1px 6px;
	margin: 5px 0 5px 0;
	border-radius: 4px 4px 4px 4px;
	color: white;
	text-shadow: 1px 1px 1px #222222;
	position: relative;
	z-index: 98;
}
#site_header #show_info p.watch-latest a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 99;
}
#site_header #show_sponsors {
	float: right;
	padding: 0;
	margin: 15px 0 0 0;
	border: none;
	cursor: pointer;
/*width: 140px;*/
  	height: auto;
}
#site_header #show_sponsors a {
	text-decoration: none !important;
}
#site_header #show_sponsors p {
	margin: 5px 0 12px 0;
	padding: 0;
}
#site_header #show_sponsors img {
	height: auto;
	width: auto;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
}
/* site footer */
#site_footer_wrapper {
	width: 100%;
	height: auto;
	/*background: transparent url(http://www.cbc.ca/overtherainbow/images/site-bg-bot.jpg) top center no-repeat;*/
	margin: 0 auto;
	padding: 0;
	overflow: visible;
}
#site_footer {
	width: 949px;
	height: 546px;
	margin: -540px auto 0 auto;
	padding: 0;
	background-color: transparent;	
	position: relative;
	overflow: visible;
}

nav.site-nav {
	display: block;
	position: relative;
	width: 986px;
	height: auto;
	margin: -86px auto 0 auto;
	padding: 0;
}

/* module - show ID box */
#site_header .show_id_box {
	width: 100%;
	height: auto;
	position: absolute;
	background-color: transparent;
	padding: 0;
	margin: 203px auto 0 auto;
	text-align: center;
}
#site_header .show_id_box h2.airtime {
	font-size: 14px;
	line-height: 16px;
	text-transform:uppercase;
	color: #000 !important;
	background-color: transparent !important;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#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: #ffffff;
	border: none;
	padding-top: 0;
}
.sidebar .widget {
	border: none;
	margin: 0 0 15px 0;
	/*padding-top: 10px;
	padding-bottom: 10px;*/
}
.container_12 h3.widget-header {
	width: 290px;
	margin: 0 0 5px 0;
	padding: 2px 5px 3px 0px;
}
.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: none !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: none;	
}
.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: none;
}



/* 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(images/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 - daryn jones tout */
.daryn_jones_tout {
	padding-left: 5px;
	margin: 0px 0px 10px 0px;
	background-image:url(images/daryn_jones_tout_bg.jpg);
	background-position:center center;
	background-repeat: no-repeat;
	
}

.pollwidget {
	margin-bottom: 10px;!important;	
	
}


/* 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: none;
}
.stay_connected .social_links {
	clear: both;
	width: 280px;
	height: 56px;
	padding: 10px 0 10px 20px;
	margin: 0;
}
.stay_connected .social_links .link {
	float: left;
	width: 35px;
	margin: 0 38px 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;	
}

.about {
	width: 610px;
	height: auto;
	padding:10px 0 0 10px;
border-radius:10px;
}

.about p {
	width: 600px;
	height: auto;
	padding: 0 10px 10px 0px;
}
	
/* 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;
}
.video_playlist .tpPlaylist .tpClips .cta .livenow {
	font-size: 10px;
	line-height: 20px;
	padding: 0 4px 0 4px;
	margin: 0;
	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: black;
	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: none;	
}


/* BLOG AND CAST ENTRY FOOTER LINKS
-----------------------------------------------------------------------------------*/
div.entrylinks {
	width: 96%;
	height: 23px;
	margin: 10px 0 5px 0;
	overflow: hidden;
	background-color: #f1f1f1;
	padding: 5px 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
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: 620px;
	height: 400px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
}
.tpPlaylist {
	width: 620px;
	min-height: 300px;
	background-color: transparent;
	background: #fff url(/i/o/cbc/v10/gfx/loading.gif) no-repeat 50%;	
}
.tpClips,
.tpClips a,
.tpClips .title,
.tpClips .airdate,
.tpClips .desc,
.tpClips .cta,
.tpClips .cta .dur,
.tpPlaylist .kickmore {
	color: #2b2b2b !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(images/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;
}

.tpPlaylist .tpClips a {
	border: none;
	height: 125px;
	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: none;	
}
.tpPlaylistTabs {
	padding-top: 0 !important;
	padding-bottom: 5px !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("images/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;
}

/* photo gallery page*/
.container_12 .body-content div.cbc_imagegallery_large {
	margin: 0 !important;
	padding: 0 !important;
	width: 620px !important;
	border-left: 5px solid #1a1a1a !important;
	border-right: 5px solid #1a1a1a !important;
}

/* 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: 0px 0 0px 0;
	/*border-bottom: 1px solid #f3f3f3;*/
}

#page_entry_blog .mt-image-center {
    border: 5px solid white;
    -moz-box-shadow: 0 0 5px #000000;
    -webkit-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;	
}

#page_blog .blog_entry img.blog_thumb{
	float: left;
	margin: 5px 10px 0 0;
	padding: 0;
	border: 0;
	width: 200px;
	height: 100px;
	border: 5px solid white;
    -moz-box-shadow: 0 0 5px #000000;
    -webkit-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
}
#page_blog .blog_entry h2 {
	margin-top: 0px;
	padding-top:0px;
}
#page_blog .blog_entry .dateline {
	color: black;
	font-size: 12px;
	line-height: 14px;
	padding-top: 0;
	margin: 0px;
}
#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_blog .blogexcerpt {
	height: auto;
	line-height: 14px;
	margin-bottom: 30px;
	min-height: 65px;
}

div.gig-comments-commentBox {
	margin-top: 5px !important;
}

#page_entry_blog div.page-header h4 {
	background: none;
	color: #090;
	font-size: 30px;
	width: 420px;
	line-height: 32px;
	margin: 10px 0px 0px -3px;
}

#page_entry_blog .page-header .entrylinks, 
#page_entry_webisodes .page-header .entrylinks, 
#page_entry_episodes .page-header .entrylinks {
	background: none;
}

/* 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("images/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("images/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;
	border-top: 1px 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(images/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;
}

/* MOVABLE TYPE COMMENTS
-----------------------------------------------------------------------------------*/
h2.gigya-comments-heading {
	padding-left: 0px;	
}
.gig-comments-container {
	padding: 0px !important;
	width: 590px;	
}

/* FILE MOBILE IFRAME
-----------------------------------------------------------------------------------*/
#filemobile {
	width: 619px;
        margin: 10px 0 10px -3px;
}
#filemobile2 {
	width: 986px;
}

/* CUSTOMIZATION FOR VIDEO PLAYLISTS
-----------------------------------------------------------------------------------*/

.page-header .entrylinks {
	width: 170px;
	height: 62px;
	padding: 0;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	display: block;
	position: relative;
	float: right;
}

.page-header .entrylinks .comments-link {
	float: left;
	margin: 3px 10px 0 0;
	padding: 0;
}
.page-header .entrylinks .twitter-share-button {
	float: left;
	margin: 0px 7px 0 0;
	padding: 0;
	cursor: pointer !important;
}
.page-header .entrylinks .facebook-like-button {
	float: left;
	width: 48px;
	margin: 0 5px 0 0;
	padding: 0;
}
/* Entry - Video */

.video_thumbs {
	display: block;
	position: relative;
	width: 620px;
	height: auto;
	padding: 0;
	float: left;
}

.kickmore {
	display: block;
	position: relative;
	float: left;
	clear: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-align: right;
	padding: 5px;
	width: 630px;
	border-bottom: 1px solid #CCC;
}
.kickmore a {
	color: #000;
	text-decoration: none;
}
.kickmore a:hover {
	color: #000;
	background-color: #ffe618;
	text-decoration: none;
}

a.video_image {
	display: block;
	position: relative;
	float: left;
	height: 85px;
	width: 149px;
	cursor: pointer;
	text-decoration: none !important;
}
a.video_image img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 85px;
	width: 149px;
	z-index: 1;
}
a.video_image .overlay_arrow {
	display: block;
	position: absolute;
	bottom: 3px;
	right: 3px;
	height: 25px;
	width: 25px;
	background: url(images/video_arrow_overlay.png) top left no-repeat;
	z-index: 10;
}
a.video_image .overlay_video_text {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 65px;
	width: 129px;
	padding: 10px;
	background: url(images/video_text_overlay.png) top left;
	z-index: 17;
	color: #fff;
	text-decoration: none !important;
}
a.video_image .overlay_video_text .overlay_video_title {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none !important;
}
a.video_image .overlay_video_text .overlay_video_body {
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	text-decoration: none !important;
}
a.video_image:hover .overlay_video_text .overlay_video_body, a.video_image:hover .overlay_video_text .overlay_video_title {
	text-decoration: none !important;
}
a.video_image:hover .overlay_video_text, a.video_image.odd:hover .overlay_video_text, a.video_image.even:hover .overlay_video_text {
	display: block;
	text-decoration: none !important;
}
a.video_image.odd {
	margin: 0px 1px 2px 0px;
}
a.video_image.even {
	margin: 0px 0px 2px 1px;
}
a.video_image.thumb {
	margin: 0px 6px 6px 0px;
}

.video_header {
	display: block;
	position: relative;
	padding: 5px 8px;
	overflow: hidden;
	background-color: #009900;
	color: white;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	/*background:url('images/long_header_bg.png') no-repeat top left;*/
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;	
	text-transform:uppercase;
	font-family:'Ubuntu', sans-serif;
	height:24px;
}

.video_full_desc {
	display: block;
	position: relative;
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 18px;
}
.twitter-follow-button {
  margin: 5px;
}
.twtr-widget {
  margin: 10px 0px;
}

body#page_entry_videos div.page-header h4, .entry_container h4, .page-header h4 {
	background: none;
	color:#009900;
	font-size:30px;
	width: 420px;
	line-height:32px;
}

body#page_entry_videos div.entrylinks {
	margin-bottom:20px;
}

/* widget - entry excerpts */
#entry-excerpts {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
}
#entry-excerpts .hidden {
	display: none;
}
#entry-excerpts .entry-summary {
	width: 100%;
	margin: 10px 0 20px 0;
}
#entry-excerpts .entry-summary h3 {
	width: 90%;
	font-size: 22px;
	line-height: 25px;
	margin: 10px 0 5px 8px;
	color: #008899;
}
#entry-excerpts .entry-summary img {
	width: 193px;
	height: 124px;
	padding: 6px;
	margin-bottom: 10px;
	margin-left: 8px;
	background-color: white;
	border: 1px solid #dddddd;
	box-shadow: 0px 0px 5px #dddddd;
	float: left;
}
#entry-excerpts .entry-summary .right {
	width: 392px;
	height: auto;
	float: right;
	padding: 0 10px 0 0;
	margin: 0;
}
#entry-excerpts .entry-summary .right p {
	font-size: 13px;
	line-height: 17px;
	color: #444444;
	margin: 0;
	padding: 0;
	width: 97%;
}
#entry-excerpts a {
	color: #008899;
}
#entry-excerpts .entry-footer {
	clear: both;
	float: none;
	width: 587px;
	height: 15px;
	font-size: 13px;
	line-height: 15px;
	text-align: left;
	margin: 20px 0 10px 0;
	padding: 10px 0 12px 0;
	border-top: 1px dotted #bbbbbb;
	border-bottom: 1px dotted #bbbbbb;
	margin-right: 12px;	
	padding-left: 43px;
	background: #f8f8f8 url(http://www.cbc.ca/overtherainbow/images/blog-icon.png) 8px 10px no-repeat;
}
#entry-excerpts .video {
	background-image: url(http://www.cbc.ca/overtherainbow/images/tv-icon.png);
	background-position: 8px 7px;
}
#entry-excerpts .photo {
	background-image: url(http://www.cbc.ca/overtherainbow/images/image-icon.png);
}
#entry-excerpts .entry-footer span {
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}
#entry-excerpts .entry-footer span.entry-date {
	color: #888888;
}
#entry-excerpts .entry-footer span.entry-shares {
	float: right;
}
#entry-excerpts #more-entries {
	width: 120px;
	height: 18px;
	padding: 2px 10px 2px 2px;
	border-radius: 4px 4px 4px 4px;
	color: white;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
	margin: 5px 0 10px 240px;
	text-align: center;
	cursor: pointer;
	background: #146cb4 url(http://www.cbc.ca/overtherainbow/images/double-arrow-dn.png) 84px 4px no-repeat;
}
#entry-excerpts #more-entries a {
	color: white !important;
	display: block;
	width: 100%;
	height: 100%;
}
/* Dorothy Vote Boxes */
#vote-boxes {
	width: 120%;
	margin: 0 0 20px 0;
	padding: 0;
	position: relative;
        display: none;
}
#vote-boxes > div {
	width: 106px;
	height: 108px;
	border-radius: 8px;
	box-shadow: 1px 2px 2px #222222;
	padding: 0;
	margin: 55px 25px 19px 0;
	float: left;
	background-color: transparent;
	background-position: left 4px;
	background-repeat: no-repeat;
	position: relative;
	opacity: 1.0;
	background-size: 100%;
}
#vote-boxes > div.noright {
	margin-right: 0 !important;
}
#vote-boxes > div div.overlay {
	display: none;
}
#vote-boxes > div.eliminated {
	opacity: 0.6;
}
#vote-boxes > div.eliminated div.overlay {
	width: 106px;
	height: 108px;
	border-radius: 8px;	
	position: absolute;
	top: 0;
	left: 0;
	background-color: #888888;
	opacity: 0.3;
	z-index: 9;
	display: block;
}
#vote-boxes > div p.name {
	width: 100%;
	height: 25px;
	background-color: transparent;
	color: black;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	left: 0;
	top: -26px;
	padding: 0;
	display: none;
}
#vote-boxes > div p.vote {
	width: 80px;
	height: 20px;
	border-radius: 16px 16px 16px 16px;
	position: absolute;
	left: 14px;
	bottom: -10px;
	padding: 1px 0 1px 0;
	margin: 0;
	font-size: 18px;
	line-height: 18px;
	color: white;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px #222222;
	box-shadow: 2px 2px 2px #222222;
	background-image: linear-gradient(bottom, rgb(175,1,1) 17%, rgb(206,6,9) 59%, rgb(245,12,15) 80%);
	background-image: -o-linear-gradient(bottom, rgb(175,1,1) 17%, rgb(206,6,9) 59%, rgb(245,12,15) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(175,1,1) 17%, rgb(206,6,9) 59%, rgb(245,12,15) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(175,1,1) 17%, rgb(206,6,9) 59%, rgb(245,12,15) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(175,1,1) 17%, rgb(206,6,9) 59%, rgb(245,12,15) 80%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, rgb(175,1,1)),
		color-stop(0.59, rgb(206,6,9)),
		color-stop(0.8, rgb(245,12,15))
	);	
}
#vote-boxes > div.eliminated p.name {
	opacity: 0.4;
}
#vote-boxes > div.eliminated p.vote {
	display: none;
}
#vote-boxes > div p.vote span.minus {
	display: none;
	width: 22%;
	float: left;
	text-align: center;
	cursor: pointer;
}
#vote-boxes > div p.vote span.plus {
	display: none;
	width: 22%;
	float: right;
	text-align: center;
	margin-top: 3px;
	cursor: pointer;
}
#vote-boxes > div p.vote span.numvotes {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 2px;
}
#vote-boxes > div:hover {
	width: 136px;
	height: 139px;
	margin: 40px 10px 3px -15px;
	box-shadow: 0 -0 5px #0000dd;
}
#vote-boxes > div.noright:hover {
	margin-right: 0 !important;
}
#vote-boxes > div.eliminated:hover {
	width: 106px;
	height: 108px;
	margin: 55px 25px 19px 0;
	box-shadow: 1px 2px 2px #222222;
}
#vote-boxes > div:hover p.vote {
	width: 122px;
	left: 6px;
	height: 25px;
	font-size: 22px;
}
#vote-boxes > div:hover p.vote span.minus,
#vote-boxes > div:hover p.vote span.plus {
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#vote-boxes > div:hover p.vote span.numvotes {
	width: 56%;
}
#vote-boxes #vote-help {
	color: #146cb4;
	background-color: transparent;
	font-size: 13px;
	line-height: 18px;
	margin: 5px 0 5px 0;
	padding: 0;
	font-weight: bold;
	width: 400px;
}
#vote-boxes #votes-left {
	position: absolute;
	top: 10px;
	right: 150px;
	width: 90px;
	height: 70px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	color: #222222;
	padding: 10px;
	background-color: rgba(250, 250, 210, 0.7);
	box-shadow: 2px 2px 3px #222222;
	border-radius: 12px 12px 12px 12px;
}
#vote-boxes #votes-left #num-votes-left {
	display: block;
	font-size: 40px;
	line-height: 40px;
	color: #cc0000;
	font-weight: bold;
	text-shadow: 2px 2px 2px #222222;
}
#vote-boxes #vote-submit {
	width: 632px;
	height: 45px;
	margin: 20px 0 15px 0;
	clear: both;
	float: none;
	padding 0;
	text-align: center;
	color: #146CB4;
}
#vote-boxes #vote-submit input {
	width: 100px;
	height: 42px;
	padding: 2px 22px 2px 22px;
	margin: 0;
	border: 1px solid black;
	border-radius: 8px 8px 8px 8px;
	float: right;
	text-align: center;
	color: white;
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;	
	cursor: pointer;
	background-image: linear-gradient(bottom, rgb(50,50,50) 17%, rgb(90,90,90) 59%, rgb(110,110,110) 80%);
	background-image: -o-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(90,90,90) 59%, rgb(110,110,110) 80%);
	background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(90,90,90) 59%, rgb(110,110,110) 80%);
	background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(90,90,90) 59%, rgb(110,110,110) 80%);
	background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 17%, rgb(90,90,90) 59%, rgb(110,110,110) 80%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.17, rgb(50,50,50)),
		color-stop(0.59, rgb(90,90,90)),
		color-stop(0.8, rgb(110,110,110))
	);
}
/* Widget - Broadcast Counter */
#broadcast-counter {
	width: 633px;
	height: 103px;
	background: transparent url(http://www.cbc.ca/overtherainbow/images/clock-bg.png) top left no-repeat;
	padding: 0;
	margin: 5px 0 20px -3px;	
}
#broadcast-counter p.label {
	width: 378px;
	height: 47px;
	float: left;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
	color: white;
	text-shadow: 2px 2px 3px #161616;
	text-align: center;
	margin: 16px 10px 0 2px;
	padding: 0;
}
#broadcast-counter p.countdown {
	width: 220px;
	height: auto;
	float: left;
	font-size: 35px;
	line-height: 35px;
	color: white;
	text-align: white;
	font-weight: bold;
	margin: 12px 0 0 0;
}
#broadcast-counter p.countdown span {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 5px;
	text-align: center;
}
#broadcast-counter p.countdown span.num {
	background: transparent url(http://www.cbc.ca/overtherainbow/images/clock-digit.png) top left no-repeat;
	width: 41px;
	height: 41px;
	margin-right: 3px;
	padding-top: 7px;
}
#broadcast-counter p.countdown span.colon {
	background-color: transparent;
	width: 5px;
	padding: 5px 2px 0 0;
	height: auto;
}
#broadcast-counter p.watch {
	clear: both;
	float: none;
	background-color: black;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	text-align: left;	
	margin: -1px 0 0 4px;
	padding: 5px 0 5px 52px;
	width: 576px;
	border-radius: 0 0 7px 7px;
}
#broadcast-counter p.watch a {
	color: white !important;
}
/* sidebar user profile */
#sidebar-user-profile {
	margin-bottom: 0;
	margin-top: 5px;
	padding-bottom: 0;
	background: #E4F7FF;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
}

#sidebar-user-profile #oldbrowser {
	display: none;
}
/*#sidebar-user-profile #user-profile img {
	width: 64px;
	height: auto;
	float: left;
	margin: 8px 5px 0 0;
	padding: 6px;
	background-color: white;
	border: 1px solid #cccccc;
}*/
#sidebar-user-profile #user-profile .right {
	width: 200px;
	height: auto;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}
#sidebar-user-profile #user-profile h3 {
	margin: 5px 0 5px 0;
	font-size: 14px;
	line-height: 16px;
}
#sidebar-user-profile #user-profile p {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
}
#sidebar-user-profile #user-profile p.votes {
	position: absolute;
	top: 56px;
	right: 2px;
	width: 60px;
	height: 100px;
	text-align: center;
}
#sidebar-user-profile #user-profile p.votes #vote-total {
	display: block;
	width: 49px;
	height: 56px;
	padding: 3px 0 0 0;
	margin: 5px 0 2px 5px;
	background: transparent url(http://www.cbc.ca/overtherainbow/images/vote-circle.png) top left no-repeat;
	font-size: 30px;
	line-height: 50px;
	font-weight: bold;
	color: white;
	text-align: center;
}
#sidebar-user-profile #logout-link,
#sidebar-user-profile #edit-link {
	cursor: pointer;
	color: #008899;
}
/* sidebar user & community activity */
#sidebar-user-activity,
#sidebar-community-activity {
	padding: 10px 0 0 0;
	margin: 10 0 0 0;
	/* border-top: 1px dotted #161616; */
	width: 290px;
	display: none; /* reveal on login */
}
#sidebar-community-activity {
	border: none;
}
#sidebar-user-activity .content p,
#sidebar-community-activity .content p {
	margin: 4px 0 4px 0;
	width: 278px;
	height: 39px;
	padding: 2px 0  0 8px;	
	font-size: 13px;
	line-height: 15px;
}
#sidebar-user-activity .content p {
	height: auto;
}
#sidebar-community-activity .content p img {
	float: left;
	width: 30px;
	height: auto;
	margin: 1px 10px 3px 5px;
}
#sidebar-user-activity p span.activity,
#sidebar-community-activity p span.activity {
	font-weight: bold;
}
/* sidebar oz community */
#sidebar-oz-community {
	height: auto;
	margin 5px 5px 0 -10px;
	display: none; /* reveal on login */
}
#sidebar-oz-community td.guild_icon div,
#profile-guild-icon {
	width: 27px;
	height: 27px;
	margin: 5px 0 5px 10px;
	padding: 0;
	border: none;
	background: transparent url(images/guild-icons.png) 0 0 no-repeat;
}
#sidebar-oz-community td div#lolipop_icon,
#profile-guild-icon.guild2 {
	background-position: 0 -27px;
}
#sidebar-oz-community td div#emerald_icon,
#profile-guild-icon.guild3 {
	background-position: 0 -54px;
}
#sidebar-oz-community td div#elite_icon,
#profile-guild-icon.guild4 {
	background-position: 0 -81px;
}
#sidebar-oz-community td.guild_name {
	color: #161616;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	text-align: left;
}
#sidebar-oz-community td.guild_count {
	color: #161616;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}
/* sidebar oz all stars */
#sidebar-oz-allstars {
	height: auto;
	margin 5px 5px 0 -10px;
	display: none; /* reveal on login */
}
#sidebar-oz-allstars td.photo {
	width: 30px;
	padding-right: 10px;
	padding-left: 10px;
}
#sidebar-oz-allstars td.photo img {
	width: 30px;
	height: auto;
	margin: 5px 0 5px 0;
	padding: 0;
	border: none;
}
#sidebar-oz-allstars td.name {
	color: #161616;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	text-align: left;
}
#sidebar-oz-allstars td.votes {
	color: #161616;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	text-align: right;
	padding-right: 20px;
}
/* sidebar featured challenge */
#sidebar-featured-challenge {
	background: transparent url(http://www.cbc.ca/overtherainbow/images/featured-challenge-box.png) top left no-repeat;
	width: 298px;
	height: 127px;
	padding: 0;
	margin: 0;
	position: relative;
	display: none; /* reveal on login */
}
#sidebar-featured-challenge #featured-challenge-votes {
	position: absolute;
	top: 66px;
	left: 20px;
	font-size: 18px;
	line-height: 18px;
	color: white;
	font-weight: bold;
}
#sidebar-featured-challenge #featured-challenge-desc {
	position: absolute;
	top: 63px;
	left: 72px;
	font-size: 13px;
	line-height: 16px;
	color: #666666;
	font-weight: bold;
	width: 190px;
}
/* featured video */
#featured-video {
	width: 630px;
	height: 334px;
	margin: 0 0 20px 0;
		margin-top: 10px; /* FOR BETA SITE ONLY, REMOVE WHEN VOTE BOXES RETURN TO HOME PAGE */
}
/* login form */
#user-profile {
	height: auto;
	min-height: 120px;
	background: transparent url(http://www.cbc.ca/overtherainbow/images/wait.gif) center center no-repeat;
	padding-left: 10px;
}
#user-profile input.password {
	display: none;
}
#user-profile input.placeholder_password {
	display: block;
}
/* edit profile photo modal */
#profile-photo-form {
	width: 720px;
	height: 500px;
	padding: 10px !important;
	background: white url(http://www.cbc.ca/overtherainbow/images/registration-top-left.png) top left no-repeat;
	display: none;
}
#profile-photo-form div,
#profile-photo-form h3,
#profile-photo-form p {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
#profile-photo-form #my-account-left {
	width: 190px;
	height: 295px;
	position: absolute;
	top: 10px;
	left: 20px;
	padding-top: 190px;
	padding-right: 10px;
	border-right: 1px dotted #333333;
}
#profile-photo-form #my-account-left p {
	display: none;
}
#profile-photo-form #my-account-left p {
	color: #cc0000;
	font-size: 12px;
	line-height: 15px;
}
#profile-photo-form #my-account-left p.head {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	color: black;
}
#profile-photo-form #my-account-right {
	width: 450px;
	height: 540px;
	position: absolute;
	top: 0;
	left: 240px;
}
#change-account-info-container {
	display: inline;
}
#change-account-info-container p {
	width: 100%;
	clear: both;
	float: none;
	height: 23px;
}
#change-account-info-container label {
	display: block;
	width: 155px;
	text-align: right;
	float: left;
	clear: none;
	margin-right: 8px;
	margin-top: 5px;
}
#change-account-save-button {
	margin-left: 165px;
}
#change-account-info-container input[type='text'],
#change-account-info-container input[type='password'] {
	width: 200px;
	height: 20px;
	float: left;
	clear: none;
	margin: 2px 0 5px 0;
	padding: 2px 5px 2px 5px;	
	font-size: 13px;
	line-height: 16px;
	color: #444444;
	background-color: white;
	border: 1px solid #dddddd;
	border-radius: 7px 7px 7px 7px;
}
#change-account-info-container input[type='button'] {
	background-color: #146cb4;
	color: white;
	font-size: 14px;
	line-height: 15px;
	text-transform: uppercase;
	padding: 3px 12px;
	border-radius: 4px 4px 4px 4px;
	border: none;
	box-shadow: none;
	cursor: pointer;	
}
#profile-photo-form h3 {
	font-size: 22px;
	line-height: 25px;
	color: #222222;
	text-transform: uppercase;
	margin: 0 0 0 90px;
	padding-top: 15px;
}
#profile-photo-form p,
#profile-photo-form div {
	margin: 10px 0 10px 90px;
}
#imageUpload label {
	display: none;
}

/* register form modal */
#register-form {
	width: 548px;
	min-height: 572px;
	padding: 0;
	background: white url(http://www.cbc.ca/overtherainbow/images/registration-top-left.png) top left no-repeat;
}
#register-form #registerError {
	width: 130px;
	height: auto;
	float: left;
	margin: 120px 10px 0 10px;
}
#register-form #registerError p {
	font-size: 12px;
	line-height: 16px;
	color: #cc0000;
	font-weight: bold;
	display: none;
	padding: 5px 0 5px 0;
	text-align: center;
}
#register-form #registerError p.head {
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	color: #444444;
}
#register-form div.fields {
	width: 350px;
	min-height: 200px;
	float: right;
	margin: 10px;
	padding-left: 20px;
	border-left: 1px dotted #666666;
}
#register-form label {
	display: block;
	width: 140px;
	height: 17px;
	font-size: 14px;
	line-height: 17px;
	color: #444444;
	text-align: left;
	float: none;
	clear: both;
	margin: 5px 5px 0 0;
	padding: 0;
}
#register-form input,
#user-profile form input {
	width: 125px;
	height: 20px;
	float: left;
	margin: 5px 0 5px 10px;
	padding: 2px 5px 2px 5px;	
	font-size: 13px;
	line-height: 16px;
	color: #444444;
	background-color: white;
	border: 1px solid #dddddd;
	border-radius: 7px 7px 7px 7px;
}
#register-form p#termsConditions {
	padding: 12px;
	line-height: 15px;
	clear: both;
	margin: 5px 0 5px 0;
	padding: 0;
	color: #444444;
}
#register-form p#termsConditions a {
	color: #008899 !important;
}
#register-form p#termsConditions input {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: auto;
	height: auto;
}
#user-profile form input {
	clear: both;
	float: none;
	margin: 5px 0 5px 0;
	padding: 2px 5px 2px 10px;
	width: 225px;
}
#user-profile #fb-connect {
	padding: 0;
	margin: 5px 0 5px;
}
#register-form input {
	width: 200px;
	float: none;
	clear: both;
	margin-left: 0;
}
#register-form input[type=submit],
#user-profile form input[type=submit] {
	background-color: #146CB4;
	width: 140px;
	height: 28px;
	padding: 2px 2px 4px 2px;
	border-radius: 6px 6px 6px 6px;
	color: white;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 10px 0;
	text-align: center;
	cursor: pointer;
}
#user-profile #fb-connect {
	width: 194px;
	height: 27px;
	background-color: transparent;
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	clear: both;
	float: none;	
}
#user-profile #fb-connect img {
	width: 194px;
	height: 27px;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: none;
	clear: both;
	float: none;
	cursor: pointer;
}
#register-form h3 {
	clear: both;
	float: none;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	border: none;
	font-size: 24px;
	line-height: 30px;
	color: #444444;
	text-transform: uppercase;
}
#user-profile #profile-image-container {
	width: 64px;
	height: auto;
	float: left;
	margin: 8px 5px 0 0;
	padding: 6px;
	background-color: white;
	border: 1px solid #cccccc;	
	position: relative;
}
#user-profile #profile-image-container img {
	width: 64px;
	height: auto;
	padding: 0;
	margin: 0;
	border: none;
}
#user-profile #profile-image-container #profile-guild-icon {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 0;
	margin: 0;
}
#user-profile #register_link {
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0 !important;
	width: 300px !important;
	height: 70px;
	clear: both;
	float: none;
}
#user-profile #register_link img {
	width: 300px;
	height: 125px;
	border: none;
	margin: 0 !important;
	padding: 1px 0 0 0;
	border-top: 1px dotted #aaaaaa;
	border-radius:  0 0 12px 12px;
}
#user-profile #register_link:hover {
	text-decoration: none;
	cursor: pointer;
}
#register-form {
	display: none;
}
#captchaDiv {
	clear: both; 
	margin: 10px 0 10px -4px;
}
/* modals */
#modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 9998;
}
.modal-content {
	position: absolute;
	z-index: 9999;
}
.modal-content .close-modal {
	width: 24px;
	height: 24px;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 9999;
	cursor: pointer;
}
#loginError {
	font-size: 12px;
	line-height: 14px;
	color: #cc0000;
	font-weight: bold;
	display: none;
	padding: 10px 0 10px 0;
}
/* blog challenge form */
#featured-challenge,
#blog-challenge {
	width: 585px;
	height: auto;
	background: transparent url(http://www.cbc.ca/overtherainbow/images/challenge-bg-corner.jpg) 2px 2px no-repeat;
	border: 2px dashed #999999;	
	border-radius: 7px 7px 7px 7px;
	padding: 2px 2px 12px 2px;
	margin: 10px 0 0 4px;
	position: relative;
}
#blog-challenge {
	display: none;
}
#challenge-footer {
	display: none;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
h4#blog-challenge-throw {
	color: #146cb4;
	background-color: transparent;
	font-size: 13px;
	line-height: 18px;
	margin: 25px 0 25px 0;
	padding: 0;
	font-weight: bold;
}
#challenge-left {
	position: relative;
	float: left;
	margin: 131px 0 0 46px;
	margin: 0;
	padding: 131px 20px 100px 46px;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: white;
	width: 25px;
	height: 25px;
	text-align: center;
	overflow: visible;
	background: transparent url(images/challenge-bg-votes.jpg) 30px 122px no-repeat;
}
#challenge-right {
	position: relative;
	float: left;
	margin: 30px 5px 0 70px;
	width: 405px;
	height: auto;
	min-height: 260px;
	padding: 0;
}
h2#challenge-name {
	position: relative;
	font-size: 34px;
	line-height: 37px;
	font-weight: bold;
	color: #be1d23;
	margin: 0 0 8px 0;
	padding: 0;
}
#challenge-body,
#challenge-won {
	position: relative;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	color: #777777;
	margin: 0;
	padding: 0;
}
#challenge-won {
	display: none;
}
#challenge-body label,
#challenge-won p {
	color: #777777;
	font-size: 13px;
	line-height: 18px;	
}
#challenge-body > label {
	font-weight: bold;
}
#challenge-body input {
	margin: 12px 5px 4px 0 !important;
}
#challenge-body input[type="submit"],
#challenge-body input[type="button"],
#button-another-challenge {
	background-color: #146cb4;
	color: white;
	font-size: 14px;
	line-height: 15px;
	text-transform: uppercase;
	padding: 3px 12px;
	border-radius: 4px 4px 4px 4px;
	border: none;
	box-shadow: none;
	cursor: pointer;
}
#button-another-challenge {
	width: 175px;
	margin-top: 10px;
}
#button-another-challenge a {
	color: white !important;
	text-decoration: none !important;
}
/* level up */
#levelup {
	width: 280px;
	height: 200px;
	padding: 10px 10px 10px 120px;
	background: white url(http://www.cbc.ca/overtherainbow/images/registration-top-left.png) top left no-repeat;
}
#levelup h1 {
	font-size: 22px;
	line-height: 26px;
	color: black;
	font-weight: bold;
	margin-top: 50px;
}

#levelup h2 {
	font-size: 14px;
	line-height: 18px;
	color: black;
	font-weight: bold;
}
#levelup p {
	font-size: 14px;
	line-height: 18px;
	color: #146cb4;
	font-weight: bold;
}
#levelup input {
	width: 100px;
	height: 42px;
	padding: 2px 22px 2px 22px;
	margin: 10px 0 10px 0;
	border: 1px solid black;
	border-radius: 8px 8px 8px 8px;
	float: none;
	clear: both;
	text-align: center;
	color: white;
	font-size: 17px;
	line-height: 17px;
	font-weight: bold;	
	cursor: pointer;
	background-color: black;
}

/* extras */
#extras-columns {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}
#extras-columns .extra {
	margin: 10px 10px 10px 0;
	padding: 0;
	float: left;
	width: 300px;
	height: 170px;
}
#extras-columns .extra h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#extras-columns .extra p {
	cursor: auto;
}
#extras-columns .extra p.more {
	color: white;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	height: 16px;
	width: 60px;
	padding: 2px 10px 5px 10px;
	margin: 10px 0 10px 0;
	text-align: center;
	background-color: #666666;
	border-radius: 4px 4px 4px 4px;
}
#must-login {
	margin: 10px 0 10px 0;
}
#must-login h2 {
	margin: 5px 0 5px 0;
}
#modal-login {
	display: none;
}

div.nikon{
margin-bottom: 10px;
}

div.nikon:last-child{
margin-bottom: 0;
}

.profile-register-now-button {
    background-color: #146CB4; 
    width: 134px; 
    height: 20px; 
    padding: 2px 2px 4px 2px; 
    border-radius: 6px 6px 6px 6px; 
    color: white; 
    font-size: 13px; 
    line-height: 20px; 
    font-weight: bold; 
    text-transform: uppercase; 
    margin: 5px 0 10px 0; 
    text-align: center; 
    cursor: pointer;
}