/* 
*	TELUS Music & Radio 
*	Main CSS 
*	by antoinepratte|apratte@lvlstudio.com
*	06.09.12
*/

* body {
background:none;}

/*********************************************************************
* Tabs
**********************************************************************/
.tabs-global {
	list-style:none;
	float:left;
	background:url(/global20/images/background-tabs-img.gif) repeat-x bottom left;
	padding:0 0 0 3px;
	margin:22px 0 5px 0;
	width:630px;
}

.tabs-global li {	
	float: left;
	height:20px;
	margin:0 2px 0 0 ;
	padding:0 0 0 12px ;
	-margin-bottom:-5px;
}

.tabs-global li.tabs-img-off {
	background:url(/global20/images/nav-tab-left.gif) no-repeat top left;
}

.tabs-global li.tabs-img-on {
	background:url(/global20/images/nav-tab-left-current.gif) no-repeat top left;
}

.tabs-global li.tabs-img-current {
	background:url(/global20/images/nav-tab-left-current.gif) no-repeat top left;
}
 
.tabs-global li a:link, .tabs-global li a:visited, .tabs-global li a:hover, .tabs-global li a:active {		
	color:#49166D;
	cursor:pointer;
	display: block;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	height:20px;
	padding: 3px 12px 2px 0px;
	text-decoration: none;
}

.tabs-global li.tabs-img-off a:link, .tabs-global li.tabs-img-off a:visited, .tabs-global li.tabs-img-off a:hover {	
	background:url(/global20/images/nav-tab-right.gif) no-repeat top right;
}

.tabs-global li.tabs-img-on a:link, .tabs-global li.tabs-img-on a:visited, .tabs-global li.tabs-img-on a:hover {	
	background:url(/global20/images/nav-tab-right-current.gif) no-repeat top right;
	color:#49166D;
	cursor:default;
}



.radio-table  {
color:#787878;
margin: 30px 0 20px 25px;
width: 600px;
}

.radio-table  a:link, .link-info a:visited {
	color:#49166D;
	font-weight:normal;
}

.radio-table  a:hover{
	color:#787878;
	font-weight:normal;
}

img { border:none }

#menu_bottom {margin-top:15px;text-align:center;color:#666666;clear:both;}
#menu_bottom img {vertical-align:middle;}
#menu_bottom a {font-size:11px;color:#666666;}
#menu_bottom a:hover {font-size:11px;color:#666666;}
#copyright {margin-top:5px;margin-bottom:20px;text-align:center;color:#666666;}
#copyright img {vertical-align:middle;}
#menu_top_link {float:left;width:360px;height:30px;}
#menu_top_feature {float:right;clear:right;width:190px;height:30px;text-align:right; line-height:30px;}
.menu_top_link a {text-decoration:none;color:#333333;outline:none;}
.menu_top_link a:hover {text-decoration:underline;color:#333333;}

/* Tab visibility */
.tab_visible {clear:both;}
.tab_hidden {display:none;}
/* ------------------------------------------------------------------------------ */


td {
	border:1px solid #f0f0e7;
	color:#787878;
	padding:4px 10px 2px 10px;
}

.radio-table td {
	padding:4px 10px 2px 10px;
}

th {
	border:1px solid #f0f0e7;
	text-align:center;
	background:#747274;
	padding:5px;
	color:#fff;
	font-weight:bold;	
}

th a:link, th a:visited, th a:hover, th a:active {
	color:#fff;
}


#iprBody
{
	background: url(../images/bodyBg.gif) repeat-x;
}

#iprTopAd
{

}

.iprTopAdContainer
{
	width:951px;
	height:90px;
	margin:12px;
	clear:both;
	float:left;
}
* html iprTopAdContainer { margin:12px 6px 12px 6px; padding:0px; }

.iprBannerAd
{
	width:728px;
	height:90px;
	float:left;
	padding:0px;
	margin: 0px 12px 0px 0px;
}
* html .iprBannerAd { padding:0px; margin: 0px 6px 0px 0px; }

.iprSecondAd
{
	width: 211px;
	text-align:right;
	height:90px;
	float:left;
	margin:0px;
	padding:0px;
}
* html .iprSecondAd { padding:0px; margin:0px; }

#iprContainer
{
	width:975px;
	height:auto;
	padding:0px;
	text-align:left;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.iprHeader
{
	width:975px;
	height:107px;
	padding:0px;
	margin: 0px auto 0px auto;
}
.iprHeaderLogo
{
	width:154px;
	padding:0px 0px 0px 20px;
	margin:0px;
	text-align:left;
	float:left;
}
* html .iprHeaderLogo { margin:0px; padding: 0px 0px 0px 15px; }

.iprHomeNav
{
	width:80px;
	padding:0px 0px 0px 10px;
	margin:0px;
	float:left;
	clear:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #9273A7;
}
* html .iprHomeNav { padding: 0px 0px 0px 10px; margin:0px }

.iprHomeNav a
{
	color: #5D5D5D;
	text-decoration:none;
}
.iprHomeNav a:hover{text-decoration:underline;}

.iprQuickNav
{
	width:119px;
	float:left;
	clear:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}
* html .iprQuickNav { margin:0px 0px 0px 0px; padding:0px; }

#iprQuickNavDropDown
{
	width:119px;
	border: #D2D2D2 solid 1px;
}

.iprSearch
{
	width:541px;
	margin:0px;
	padding:0px;
	float:left;
}
* html .iprSearch { margin:0px; padding:0px; }
.iprSubTitle, .iprSubTitleTellUs
{
width:100%;
	height:25px;
	margin:0px;
	padding:0px;
	text-align:left;
	background:url(../images/ipradio/bg_nav_music.gif)
}

.iprSubTitle
{
padding-top:0px;
}


.iprSubTitleTellUs
{
	width:668px;
	float:left;
	clear:both;
}
* html .iprSubTitleTellUs { margin:0px; padding: 0px;}

.iprTellUsContainer 
{
	width:668px;
	height:101px;
	float:left;
	clear:left;
	margin:0px 0px 7px 0px;
	padding:0px;
	background:url(../images/ipradio/leftGradient.gif) repeat-y;
}
* html .iprTellUsContainer { margin:0px 0px 7px 0px; padding:0px; }

.iprTellUs
{
	height:78px;
	width:648px;
	margin:0px;
	padding:0px 0px 0px 20px;
}
.iprTellUs img {
	float:left;
	margin:0px 20px 0px 0px;
}
* html .iprTellUs img { margin:0px 20px 0px 0px; }

.iprTellUsWordContainer
{
	float:left;
	width:300px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
* html .iprTellUsWordContainer { margin:0px 0px 0px 10px; padding:0px; }

.iprTellUsWordContainer ul
{
    margin-top: 0px;
    padding: 0;
}

.iprTellUsWriteUs
{
	width: 100px;
	height:36px;
	float:left;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7C3A97;
	line-height:30px;
}
* html iprTellUsWriteUs { margin:0px; padding:0px; }

.iprTellUsWriteUs a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#7C3A97;
	text-decoration: none;
}

.iprTellUsWriteUs img { border:none; }

.iprTellUsWording
{
	float:left;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	/*color: #959595;*/
	font-size: 11px;
	line-height: 14px;
	height:16px;
	width:145px;
	color:#66CC00;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
* html .iprTellUsWording { margin:0px 5px 0px 0px; padding: 0px; }

.iprTellUsWording span { color: #959595; }

.iprTellUsSeparator
{
	float:left;
	height:36px;
	width:2px;
	background-color: #F2F2F2;
	margin: 0px 10px 0px 0px;
	padding:0px;
}
* html .iprTellUsSeparator { margin: 0px 10px 0px 0px; padding: 0px; }

.iprTellUsSeparator a:hover { text-decoration:underline; }

.iprSubTitle img, .iprSubTitleTellUs img
{
	
}

#iprPlayerDownload {
	width:275px;
	height:96px;
	float:left;
	padding:5px 0px 0px 20px;
	margin:0px 0px 0px 10px;
	background:url(../images/ipradio/dlBg.gif) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #5B5B5B;
}
* html #iprPlayerDownload { padding:5px 0px 0px 20px; margin:0px 0px 0px 12px; }

#iprPlayerDownload img{
	margin:0px 0px 8px 0px;
}

.iprPlayerDownloadPic {
	float:left;
	clear:none;
	width:95px;
	padding:0px;
	margin:9px 0px 0px 0px;
}

.iprPlayerDownloadPic img{
	border:none;
}



/*lists in tabs*/
.iprStationList
{
	height:202px;
	float:left;
	margin:0 0 25px 0;
	padding:0px;
	text-align:left;
}
* html iprStationList { margin:0px; padding:0px; }

.iprStationTableList
{
	width:975px;
	float:left;
	margin:0px;
	padding:0px;
	text-align:left;
	/*clear:both;*/
}
* html iprStationTableList { margin:0px; padding:0px; }

.iprListLeftImage
{
	height:177px;
	width:246px;
	margin:0px;
	padding:25px 20px 0px 0px;
	text-align:right;
	float:left;
	clear:left;
	background:url(../images/ipradio/leftPicBg.gif) repeat-y;
}
* html .iprListLeftImage { margin:0px; padding:25px 20px 0px 0px; }

.iprListLeftImage p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#464646;
	margin:0px 0px 10px 0px;
	padding:0px;
}



.iprStaffListCol1, .iprStaffListCol1 a {
	width:133px;
	height:18px;
	padding:0px 0px 0px 10px;
	margin:0px;
	float:left;
	clear:none;
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#86489d;
    overflow:hidden;
}
.iprStaffListCol2, .iprStaffListCol2 a {
	width:144px;
	height:18px;
	padding:0px 0px 0px 10px;
	margin:0px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration:none;
	color: #767676; 
}
.iprStaffListCol3, .iprStaffListCol3 a {
	width:105px;
	height:18px;
	padding:0px 0px 0px 10px;
	margin:0px;
	float:left;
	clear:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	font-size: 11px;
	color: #767676; 
}
.iprStaffListCol4, .iprStaffListCol4 a {
	height:18px;
	padding:0px 0px 0px 10px;
	margin:0px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:none;
	font-size: 11px;
	color: #767676;  
}
.iprStaffListCol5, .iprStaffListCol5 a {
	width:50px;
	height:18px;
	text-align:right;
	padding:0px;
	margin:0px;
	clear:right;
	float:left;
	text-decoration:none;
}
.iprStaffListCol5 img {	margin:0px 45px 0px 0px; }
.iprStaffListCol1 a:hover, .iprStaffListCol2 a:hover, .iprStaffListCol3 a:hover, .iprStaffListCol4 a:hover, .iprStaffListCol5 a:hover {}


.iprListCol1, .iprListCol, .iprListCol4
{
	height:18px;
	padding:0px 0px 0px 10px;
	margin:0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#86489d;
}
.iprListCol1 a, .iprListCol a, .iprListCol4 a, .iprStaffListCol1 a, .iprStaffListCol2 a, .iprStaffListCol3 a, .iprStaffListCol4 a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#86489d;
	text-decoration:underline;
}

.iprListCol1{ width: 134px; }
.iprListCol{ width:158px; }
.iprListCol4{ width: 217px;}

.iprListCol1 a:hover, .iprListCol a:hover, .iprListCol4 a:hover { text-decoration:underline; }
* html .iprLisCol5 img { margin: 0px 45px 0px 0px; }
* html .iprStaffListCol1,* html .iprStaffListCol2,* html .iprStaffListCol3,* html .iprStaffListCol4, * html .iprListCol1,* html .iprListCol,* html .iprListCol4  { margin:0px; padding: 0px 0px 0px 10px; }
* html .iprStaffListCol5, * html iprListCol5{ margin:0px; padding: 0px; }

.iprListLeftImage img { margin-bottom:10px; }

.iprListContainer
{
	height:202px;
	width:600px;
	margin:0px;
	padding:0px;
	float:left;
}
* html .iprListContainer { margin:0px; padding:0px; }

.iprListTableContainer
{
	width:600px;
	
	margin:0px;
	padding:0px;
	float:left;
}
* html .iprListTableContainer{margin:0px;padding:0px;}
.iprListContainerTable {}

.iprListOddLine, .iprListEvenLine
{
	width:inherit;
	height:18px;
	padding:0px;
	margin:0px;
	clear:both;
	background-color:#FFFFFF;
	text-align: left;
}
.iprListOddLine { background:url(../images/ipradio/listOddBg.gif) no-repeat;}
.iprListEvenLine { background:url(../images/ipradio/listEvenBg.gif) no-repeat;}

/* silver screen area classes*/

#iprSilverScreenContainer
{
	width:975px;
	height: 370px;
	margin: 0px 0px 6px 0px;
	padding: 0px;
}

.iprSScreenTop
{
	width:975px;
	height:12px;
	margin:0px;
	padding:0px;
	background: url(../images/ipradio/bboardTop.gif) no-repeat;
}
.iprSScreenHead
{
	width:975px;
	height:66px;
	padding:14px 0px 0px 0px;
	margin:0px;
	background: url(../images/ipradio/bboardHead.gif) no-repeat;
}
.iprSScreenContentSide
{
	width:2px;
	height: 290px;
	margin:0px;
	padding:0px;
	float:left;
	background: #7C3A97;
}
* html .iprSScreenContentSide { margin:0px; padding:0px; }

.iprSScreenContentWrapper
{
	width:975px;
	height: 290px;
	margin: 0px;
	padding: 0px;
	background-color:#7C3A97;
	clear:both;
}
* html ipSScreenContentWrapper { height:290px; margin:0px; padding:0px;}

.iprSScreenContent
{
	width: 971px;
	height: 290px;
	margin:0px 2px 0px 2px;
	padding:0px;
	float:left;
	clear:both;
	text-align:center;
	background:url(../images/ipradio/bboardBg.gif) repeat-x;
}
* html .iprSScreenContent { margin:0px 1px 0px 1px; padding:0px; }

.iprSScreenBottom
{
	width:975px;
	height:4px;
	background:url(../images/ipradio/bboardBottom.gif) no-repeat;
	margin:0px;
	padding: 0px;
}

#iprSScreenTabs
{
	width:inherit;
	height:42px;
	margin:0px;
	padding:0px;
	background: url(../images/ipradio/tabsRadioOn.gif) no-repeat;
}

.iprSScreenFirstTab
{
	float:left;
	clear:left;
	padding:0px;
	margin:12px 0px 0px 17px;
	width:147px;
	height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
}
* html .iprSScreenFirstTab { padding:0px; margin:12px 0px 0px 8px; }

/*.iprSScreenFirstTab a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}*/

.iprSScreenSingleTab
{
	float:left;
	clear:none;
	padding:0px;
	margin:12px 0px 0px 12px;
	width:147px;
	height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
}
* html .iprSScreenSingleTab { padding:0px; margin:12px 0px 0px 12px; }

.iprSScreenSingleTab a, .iprSScreenFirstTab a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}
.iprSScreenSingleTab a:hover, .iprSScreenFirstTab a:hover { text-decoration:underline; }

.iprSSTitle
{
	width:185px;
	margin-left:38px;
	padding:0px;
	height: 23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: visible;
	height: 67px;
}

#iprSScreenLeftCol
{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 386px;
	height: 290px;
	/*height: 290px;*/
}
* html #iprSScreenLeftCol { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
* html #iprSScreenLeftCol img
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


#iprSScreenMidCol, #iprSScreenMidColFR
{
	float:left;
	width: 266px;
	height:290px;
	margin: 0px 0px 0px 9px;
	padding:0px 0px 0px 0px;
	background:url(../images/ipradio/en/popBoard.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #464646;
	text-align:left;
}
* html #iprSScreenMidCol, * html #iprSScreenMidColFR { margin: 0px 0px 0px 9px; padding:0px; }

#iprSScreenMidColFR
{
	background:url(../images/ipradio/fr/popBoard.gif) no-repeat;
}

#iprSScreenMidCol a, #iprSScreenMidColFR a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #464646;
	text-decoration: none;
}
#iprSScreenMidCol a:hover, #iprSScreenMidColFR a:hover { text-decoration:underline; }

#iprSScreenMidCol li
{
	list-style-type:square;
}

#iprPopMusic
{
	margin:53px 0px 0px 70px;
	height: 130px;
}
#iprPopTalk
{
	margin: 23px 0px 0px 70px;
	height: 70px;
}

#iprSScreenRightCol
{
	float:left;
	margin:0px 0px 0px 9px;
	padding:0px 0px 0px 0px;
	/*height:290px;*/
	width: 299px;
	height: 290px;
}
* html #iprSScreenRightCol { margin:0px 0px 0px 9px; padding:0px; }

#iprSScreenRightAd
{
	width:299px;
	height:248px;
	margin:0px 0px 3px 0px;
	padding:0px;
}

#iprSScreenRightMiniAd, #iprSScreenRightMiniAd a
{
	width:299px;
	height:39px;
	margin:0px;
	padding:0px;
	text-align:left;
	color:#FFFFFF;
	font-size:11px;
}
#iprSScreenRightMiniAd img
{
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
}


.iprHeaderTop
{
	height:28px;
	margin:0px 0px 25px 0px;
	text-align:right;
	width: 975px;
}
.iprHeaderBottom
{
	height:54px;
}

#iprSectionsList
{
	clear:both;
	width:975px;
	height:119px;
	/*background:url(../images/ipradio/en/bottomBg.jpg) no-repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	line-height: 14px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#iprSectionsList a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c4c;
	line-height: 14px;
	text-decoration:none;
}
#iprSectionsList a:hover { color:#9966CC; }


.iprSectListCol1
{
	padding:0px;
	margin:36px 0px 0px 27px;
	width: 117px;
	height:75px;
	float:left;
	clear:left;
}
* html .iprSectListCol1 { padding:0px; margin:36px 0px 0px 14px; }

.iprSectListCol
{
	padding:0px;
	margin:36px 0px 0px 8px;
	width:118px;
	height:75px;
	float:left;
	clear:none;
}
* html .iprSectListCol { padding:0px; margin:36px 0px 0px 8px; }

.iprSectListCol1 li, .iprSectListCol li
{
	list-style-type:none;
	list-style-position:inside;
}

#iprSearchBottom
{
	float:left;
	clear:right;
	width:288px;
	height:45px;
	margin:10px 0px 0px 0px;
	padding:0px;
}
.iprSearchAreaBottom
{
	width:214px;
	height:14px;
	margin:0px;
	padding:0px;
	clear:both;
	text-align:center;
}

.iprSearchBoxBottom
{
	/*width:162px;*/
	margin:0px;
	padding:0px;
	float:left;
	clear:left;
}

.iprSearchBtnBottom
{
	width:52px;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;

}
* html iprSearchBtnBottom { margin:0px 5px 0px 0px; padding:0px; }

#iprBottomSearchInput
{
	border: solid 1px #D7D7D7;
	width:162px;
}

.iprHeadBottomLeft
{
	width:434px;
	height:inherit;
	float:left;
	clear:left;
	margin:0px;
	padding:0px;
}
.iprHeadBottomLeft { margin:0px; padding:0px; width:429px; }

.hidden {display:none;}

.visible {display:table;}

#title_goto {float:left;margin:0px;padding:0px}

#title_goto_box {position:absolute;z-index:1;width:335px;padding:5px;background:#f2f2f2;border:1px solid #999999; text-align:left;}

#title_goto_box .threecols {float:left;padding-left:8px;font-size:13px;}

#title_goto_box a {color:#7c3a97;}