/*
* GRID -------------------------------------------------------
*/
.box{
	float: left;
	width: 100%;
}

.block{
	display: block;
}

.left{
	float: left;
}

.left-block{
	display: block;
	float: left;
}

.right{
	float: right;
}

.align-right{
	text-align: right;
}

.align-center{
	text-align: center;
}

.font-0{
	font-size: 0;
	line-height: 0;
}

.center{
	width: 1020px;
	max-width: 98%;
	margin-right: auto;
	margin-left: auto;
}

.box-96-center{
	width: 96%;
	margin: 0 auto;
}

.box-78{
	float: left;
	width: 78%;
}

.box-80{
	float: left;
	width: 80%;
}

.box-20{
	float: left;
	width: 20%;
}

.hidden{
	display: none;
}

.relative{
	position: relative;
}

.absolute{
	position: absolute;
}

.pointer{
	cursor: pointer;
}

.border-box{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.clear{
	clear: both;
}


/*
* SKINS: lists, menus -------------------------------------------------------
*/

.vmenu{
	margin: 0;
	padding: 0;
	list-style: none;
}

.hmenu{
	margin: 0;
	padding: 0;
	list-style: none;
}

.hmenu li{
	float: left;
}

/*
* SLKINS: icons, special characters
*/
.diams,
.white-1em{
	color: #fff;
	font-size: 1em;
}








/*
* JPLIST: common styles
*/
.jplist{
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	background: #efefef;
	border-color: #cccccc;
   border-style: solid;
   border-width: 0 1px 0px 1px;
}

.jplist .jplist-no-results{
	display: none;
}

.jplist .jplist-no-results p{
	text-align: center;
	padding: 0.6em 0;
}

/*
* JPLIST: panel styles
*/

.jplist .panel {
float: left;
width: 100%;
padding: 0;
background-color: #e4e4e4!important;
  border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
height: 41px;
margin: 0;

}


.jplist .panel-top{
	border-radius: 0.3em 0.3em 0 0;
}

.jplist .panel-bottom{
	border-radius: 0 0 0.3em 0.3em;
}

/*
* JPLIST: filters
*/
.jplist .filter{
	float: left;
	margin: 0.6em 0 0 0;
}

.jplist .filter input {
display: block;
float: left;
width: 160px;
padding-left: 10px;
height: 22px;
margin: 2px 0 0 7px;
border: 1px solid #bfbfbf;
border-radius: 4px;
}

.jplist .search-title{
	float: left;
	margin-left: 10px;
}

.jplist .filter-btn{
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	color: #fff;
	background-color: #1E87AA;
	border-radius: 3px;
	padding: 1px 5px;
}

/*
* JPLIST: pagination
*/
.jplist .pagingprev,
.jplist .pagingmid,
.jplist .pagingnext{
	float: left;
    margin: 5px;
}

.jplist .paging{
	float: left;
	margin: 0.6em 0.6em 0 1.25em;
}

.jplist .paging span{
	cursor: pointer;
	margin: 0 0.3em 0 0;
	color: #115278;
   font-weight: bold;

}

.jplist .paging  span.current{
	 color: #111111;
    font-weight: bold;
	 float: none!important;
}

.jplist .paging-results{
/*	float: left;
	margin: 0.6em 0 0 1.25em;*/
	    color: #111111;
    float: left;
    font-weight: bold;
    margin: 0.6em 0 0 1.25em;
    padding: 5px;
}

/*
* JPLIST: dropdowns
*/
.jplist .drop-down{
	float: left;
	width: 130px;
	height: 1.3em;
	   margin: 0.8em 0 0 1em;
	/*margin: 0.6em 0 0 1.25em;
	border: 1px solid #aaa;*/
}


.jplist .drop-down .panel {
    background: url("https://www.cbc.ca/radio/podcasts/legacyfiles/img/jplist-down-f.png") no-repeat scroll 100% 50% #FFFFFF;
    border: 1px solid #BDBDBD;
    cursor: pointer;
    float: left;
    height: 20px;
    line-height: 1.3em;
    margin: 0;
    overflow: hidden;
    padding: 3px 0 0 5px;
    width: 170px;
}



   .jplist .pers{
	width: 90px;

}

   .jplist .cats{
	width: 190px;
	margin-right: 10px;
}



   .jplist .cats .panel{
	width: 190px;
	/*background-color: #ffffff;
	background-image: none !important; */
}



   .jplist .pers .panel{
	width: 90px;
}


.jplist .drop-down:hover .panel{
	background: #fff url('https://www.cbc.ca/radio/podcasts/legacyfiles/img/jplist-down-fo.png') no-repeat 100% 50%;
}

.jplist .drop-down ul{

	position: relative;
	top: 0px;
	left: -1px;
	z-index: 1000;

	width: 130px;
	display: none;
	overflow: hidden;

	background-color: #fff;
	border: 1px solid #ccc;

	padding: 0;
	margin: 0;

	list-style: none;
	border-radius: 0 0 3px 3px;
}

.jplist .drop-down ul li{
	padding: 0 0 0 0.3em;
	cursor: pointer;
	width: 130px;
	height: 20px;
	float: left;
	background-color: #fff;
}

.jplist .drop-down ul li:hover{
	background-color: #444;
	color: #fff;
}

.jplist .hidden{
	display: none;
}

/**
* media queries for iphone
*/
@media only screen and (max-width: 500px){
	#social{
		width: 30%;
	}

	h1{
		width: 70%;
		line-height: 1.5em;
	}

	.diams{
		display: none;
	}
}


.jplist .az {
width: 75px;
margin-right: 10px;
}

.jplist .az .panel{
	border: 1px solid #cccccc;
	width: 75px;
}

.jplist .az ul{
width: 75px;

}

.jplist .az ul li{
	width: 75px;
	height: 20px;
}


.jplist .cats ul{
width: 186px;

}

.jplist .cats ul li{
	width: 190px;
	height: 20px;
}


#connect ul li, #connect ul li.googleplus  {
    margin-top: 0px !important;
}

.dropdownheader {
font-weight: bold;
cursor: default!important;
border-top: 1px solid #CCCCCC;
}


.jplist .drop-down ul li.dropdownheader:hover {
	font-weight: bold;
background-color: #fff;
color: #000;
cursor: default!important;
}


/*
* RESULTS -------------------------------------------------------
*/


div#resultsin li {
display: none;
}

div#resultsin li.active {
display: inline!important;
font-weight: bold;
}

div#resultsin .drop-down .panel,
div#resultsin .drop-down:hover .panel {
background: none!important;
width: auto;
border: 0px;
float: none;
cursor: default;
font-weight: bold;
}

div#resultsin .drop-down, div#resultsall .drop-down {
width: auto;
margin-right: 0px;
float: none;
margin: 0;
height: auto;
}

div.resultsallcon {
width: 160px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}

div#resultsall .panel {
width: 160px;
display: none;
}

div#resultsall .jplist .drop-down ul {
display: block!important;
overflow: visible;
}

div#resultsall ul#alwayson {
display: block!important;
border: 0px;
width: 160px;
margin-top: 3px;
}

div#resultsall ul#alwayson li{
background-color: #EFEFEF;
background-image: url(https://www.cbc.ca/radio/podcasts/legacyfiles/img/gtdlp-button-bg.png);
background-repeat: no-repeat;
display: block;
float: left;
padding: 6px 30px 5px 20px;
color: #0B2B44;
font-weight: bold;
}

div#resultsall ul#alwayson li:hover{
background-color: #EFEFEF;
color: #0B2B44;
text-decoration: underline;
}