﻿body
{
	font-family: tahoma, verdana, arial;
	background-color: #0A1941;
	height: 100%;
}

*
{
	margin: 0px;
	padding: 0px;
	border: 0px;		
}

br{line-height: 10px;}

h1{display: none;}

a{outline: none;}

#divWrapper
{
	position: relative;
	float: left;
	margin-left: -483px;
	left: 50%;	
	width: 966px;	
	background-color: #ffffff;	
}

#divHeader
{
	height: 161px;
	width: 966px;
	background-image: url(../../images/header-back.gif);
}

#divAccessibility
{
	position: absolute;
	color: #7985A1;
	font-size: 0.6em;
	top: 12px;
	left: 67px;
}

#divAccessibility a
{
	color: #7985A1;
	text-decoration: none;
}

#divAccessibility a:hover{color: #48B8D2;}

#divDateTime
{
	position: absolute;
	top: 46px;
	left: 415px;
}

#divDateTime p
{
	color: #48B8D2;
	font-size: 0.65em;
	font-weight: bold;
}

.spnWhite{color: #ffffff;}

#divCurrentShow
{
    float: left;
    width: 341px;
    position: absolute;
    left: 625px;
    top: 39px;    
}

#divCurrentShowDetails
{
    float: left;
    margin: 28px 0 0 0;
    width: 208px;
}        

.pShowName{line-height: 11px;}
.pShowName a{font-size: 0.75em;color: #0a1941; font-weight: bold;text-decoration: none;}
.pShowTime{line-height: 11px;}
.pShowTime a{font-size: 0.6em;text-transform: uppercase;color: #0a1941;text-decoration: none;}
.pShowDesc{line-height: 11px;}
.pShowDesc a{font-size: 0.7em;color: #000000;text-decoration: none;}

* html .pShowName{line-height: 13px;}
*:first-child+html .pShowName{line-height: 13px;}
* html .pShowTime{line-height: 13px;}
*:first-child+html .pShowTime{line-height: 13px;}
* html .pShowDesc{line-height: 13px;}
*:first-child+html .pShowDesc{line-height: 13px;}

.pShowName a:hover{color: #cc3333;}
.pShowTime a:hover{color: #cc3333;}
.pShowDesc a:hover{color: #cc3333;}

#divListenNowShowLink
{
    background-image: url(../../images/listen-now.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
}

#divListenNowShowLink a{font-size: 0.7em; color: #cc3333;margin: 0 0 0 18px;text-decoration: none;}
#divListenNowShowLink a:hover{color: #0a1941;}

#ctl00_kcfmHeader_lnkListenNow
{
	position: absolute;
	top: 138px;
	left: 32px;
	font-size: 0.7em;
	color: #0A1941;
	text-decoration: none;
}

#ctl00_kcfmHeader_lnkListenNow:hover{color: #41B6D1;}

#ctl00_kcfmHeader_lnkListenAgain
{
	position: absolute;
	top: 138px;
	left: 123px;
	font-size: 0.7em;
	color: #0A1941;
	text-decoration: none;
}
#ctl00_kcfmHeader_lnkListenAgain:hover{color: #41B6D1;}

#ctl00_kcfmHeader_lnkPodcasts
{
	position: absolute;
	top: 138px;
	left: 224px;
	font-size: 0.7em;
	color: #0A1941;
	text-decoration: none;
}
#ctl00_kcfmHeader_lnkPodcasts:hover{color: #41B6D1;}

/*
FOR WHEN THE OTHER TWO ARE IMPLEMENTED
#ctl00_kcfmHeader_lnkRSSFeeds
{
	position: absolute;
	top: 138px;
	left: 314px;
	font-size: 0.7em;
	color: #0A1941;
	text-decoration: none;
}*/

#ctl00_kcfmHeader_lnkRSSFeeds
{
	position: absolute;
	top: 138px;
	left: 128px;
	font-size: 0.7em;
	color: #0A1941;
	text-decoration: none;
}

#ctl00_kcfmHeader_lnkRSSFeeds:hover{color: #41B6D1;}

/* TO REMOVE THE FLICKER */
.clsListenAgainPanel
{
    height:0px;
    overflow: hidden;	
}

#divListenLivePanel
{
    height:93px;
    overflow: hidden;
    background-image: url(../../images/ListenDropBack.gif);
}

#divListenNowLeft{float: left;margin: 18px 34px 0 12px;}

#divListenNowInstructions{float: left; margin: 15px 24px 0 0; width: 500px; }
#divListenNowInstructions h3{font-size: 0.85em;color: #0A1941;}
#divListenNowInstructions #pListenNowInstructions{font-size: 0.7em;}
#divListenNowInstructions #pListenNowNotWorking{font-size: 0.6em;margin: 13px 0 0 0;}
#divListenNowInstructions #pListenNowNotWorking a{text-decoration: none;color: #41B6D1;}
#divListenNowInstructions #pListenNowNotWorking a:hover{color: #0A1941;}
#divListenNowInstructions img{float: right;}

#pCloseMedia{margin: 8px 20px 0 0;}
* html #pCloseMedia{margin: 15px 20px 0 0;}
*:first-child+html #pCloseMedia{margin: 15px 20px 0 0;}

#divListenNowLeft a{font-size: 0.7em;text-decoration: none;color: #0A1941;padding: 20px 0 0 0;}
#divListenNowLeft a:hover{font-size: 0.7em;text-decoration: none;color: #41B6D1;}

#divWhatsNext{margin: 13px 12px 0 0;}
#divWhatsNext #pListenNowOnNext{font-size: 0.7em; color: #cc3333;}
.spnListenNowOnNextDJ{color: #0A1941;}
#pListenNowOnNextSchedule{font-size: 0.7em; color: #0A1941;font-weight: bold;}
#pListenNowOnNextSchedule a{text-decoration: none; color: #41B6D1;font-weight: normal;}
#pListenNowOnNextSchedule a:hover{color: #0A1941;}

.pNextShowName{line-height: 11px;}
.pNextShowName a{font-size: 0.7em;color: #0a1941; font-weight: bold; text-decoration: none;}
.pNextShowName a:hover{color: #cc3333;}
.pNextShowDesc{line-height: 11px;}
.pNextShowDesc a{font-size: 0.7em;color: #000000;text-decoration: none;}
.pNextShowDesc a:hover{color: #cc3333;}

* html .pNextShowName{line-height: 13px;}
*:first-child+html .pNextShowName{line-height: 13px;}
* html .pNextShowDesc{line-height: 13px;}
*:first-child+html .pNextShowDesc{line-height: 13px;}

#divRSSPanel
{
    height:93px;
    overflow: hidden;
    background-image: url(../../images/rss-back.gif);	
}

#divRSSLeft
{
	width: 227px;
	float: left;
	background-image: url(../../images/rss-left-back.gif);	
	padding: 20px 10px 0 70px;	
}

#divRSSLeft h4{font-size: 0.8em;}
#divRSSLeft p{font-size: 0.65em;}

#divRSSMiddle
{
	width: 290px;
	float: left;
	background-image: url(../../images/rss-mid-back.gif);	
	padding: 20px 18px 0 9px;		
}

#divRSSMiddle h4{font-size: 0.8em;}
#divRSSMiddle p{font-size: 0.65em;}

#divRSSRight
{
	width: 300px;
	float: left;
	padding: 17px 15px 0 0;
}

#divRSSRight h4{font-size: 0.8em;}
#divRSSRight p{font-size: 0.65em;}

#divRSSFeedsLeft{float: left;margin: 5px 20px 0 0;}
#divRSSFeedsRight{float: left;margin: 5px 0 0 0;}

#divRSSRight #divRSSFeedsLeft ul{display: block; list-style: none;}
#divRSSRight #divRSSFeedsLeft ul li
{
	display: block; 
	list-style: none; 
	font-size: 0.6em;
	font-weight: bold;
	line-height: 12px;
	color: #0A1941;
	background-image: url(../../images/rss-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0 0 0 10px;
}

#divRSSRight #divRSSFeedsRight ul{display: block; list-style: none;padding: 0 0 5px 0;}
#divRSSRight #divRSSFeedsRight ul li
{
	display: block; 
	list-style: none; 
	font-size: 0.6em;
	font-weight: bold;
	line-height: 12px;
	color: #0A1941;
	background-image: url(../../images/rss-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0 0 0 10px;
}

#divRSSRight ul li a{text-decoration: none;color: #0a1941;}
#divRSSRight ul li a:hover{color: #E85C1E;}

#divCloseRSS {float:left;font-size: 0.7em;margin: 15px 0 0 55px;}
#divCloseRSS a{text-decoration: none;color: #E85C1E;}
#divCloseRSS a:hover{color: #0a1941;}

#divPodcastsPanel
{
    height:93px;
    overflow: hidden;
    background-image: url(../../images/PodcastsDropBack.gif);	
}

#divPodcastsLeft
{
	width: 227px;
	float: left;
	background-image: url(../../images/podcasts-left-back.gif);	
	padding: 20px 10px 0 70px;	
}
#divPodcastsLeft h4{font-size: 0.8em;}
#divPodcastsLeft p{font-size: 0.65em;}

#divPodcastsMiddle
{
	width: 290px;
	float: left;
	background-image: url(../../images/podcasts-mid-back.gif);	
	padding: 20px 18px 0 9px;		
}

#divPodcastsMiddle h4{font-size: 0.8em;}
#divPodcastsMiddle p{font-size: 0.65em;}

#divPodcastRight
{
	width: 300px;
	float: left;
	padding: 20px 15px 0 0;
}

#divPodcastRight h4{font-size: 0.8em;}
#divPodcastRight p{font-size: 0.65em;}

#divLatestPodcastImg{float: left;padding: 20px 10px 0 0;}
#divLatestPodcastDetails{float: left;padding: 20px 10px 0 0; width: 240px;}
#divLatestPodcastDetails h4{font-size: 0.7em;}
#divLatestPodcastDetails p{font-size: 0.65em;}
#divLatestPodcastDetails a{color: #7829C2; text-decoration: none;}
#divLatestPodcastDetails a:hover{color: #0A1941;}

#divAllPodcasts{float: left; font-size: 0.65em; margin: 12px 0 0 0;}
#divAllPodcasts a{color: #2A3133; text-decoration: none;}
#divAllPodcasts a:hover{color:#ff0000;}

#divClosePodcasts{ float: right;font-size: 0.65em; margin: 12px 0 0 0;}
#divClosePodcasts a{color: #2A3133; text-decoration: none;}
#divClosePodcasts a:hover{color:#ff0000;}

#divBody
{
	width: 966px;
	background-color: #ffffff;
	height: 100%;
	background-image: url(../../images/body-back.gif);
	background-repeat: repeat-y;
	background-position: 0 10px;
	margin: 5px 0 10px 0;
	float: left;
}

* html #divBody{margin: 5px 0 0 0;}
*:first-child+html #divBody{margin: 5px 0 0 0;}

#divMenu
{
	float: left;
	margin: 0 10px 0 12px;
	width: 153px;
	background-color: #ffffff;
}

* html #divMenu{margin: 0 10px 0 6px;}

#divMenu ul
{
    display: block;        
}   

#divMenu li
{
    display: block;
    list-style: none;
    font-size: 0.7em;
    line-height: 18px;
}

#divMenu #liHome
{
    margin: 0 0 2px 0;
    padding: 2px 0 3px 8px;
    background-color: #0A1941;
    color: #ffffff;
}    

#divMenu #liNews
{
    margin: 0 0 2px 0;
    padding: 2px 0 3px 8px;
    background-color: #990033;
    color: #ffffff;
}    

#divMenu #liSport
{
    margin: 0 0 2px 0;
    padding: 2px 0 3px 8px;
    background-color: #66cc00;
    color: #ffffff;
}

#divMenu #liMusic
{
    margin: 0 0 2px 0;
    padding: 2px 0 3px 8px;
    background-color: #cc3333;
    color: #ffffff;
}

#divMenu #liTravel
{
    margin: 0 0 2px 0;
    padding: 2px 0 3px 8px;
    background-color: #86903c;
    color: #ffffff;
}

#divMenu #liWeather
{
    margin: 0 0 2px 0;
    padding: 2px 0 3px 8px;
    background-color: #ffcc00;
    color: #ffffff;
}

#divMenu .clsMenuItem
{
    margin: 0 0 2px 0;
    padding: 2px 0 3px 8px;
    background-color: #48b8d2;
    color: #ffffff;
}

#divMenu a{text-decoration: none; color: #ffffff;}
#divMenu a:hover{color: #0A1941;}
#divMenu #liHome a:hover{color: #ff0000;}

#divVote
{
    font-size: 0.7em;
    background-color: #48B8D2;
    width: 153px;
    margin: 0 0 2px 0;
}

#divMenu #divEmailSignUp
{
    background-image: url(../../images/kcfm-email-signup.gif);
    width: 153px;
    height: 132px;  
    margin: -55px 0 0 0;
}

#divBodyContent
{
	float: left;
	width: 622px;
	margin: 0 10px 0 0;	
}

#divAds
{
	float: left;
	background-color: #D4D4D4;
	width: 137px;
	margin: 0 0 12px 0;
	padding: 10px 0 0 0;
}

* html #divAds{width: 145px}

#divAds h2
{
    display: none;
}   

#divAds img{margin: 0 10px 10px 14px;}
* html #divAds img{margin: 0 10px 10px 13px;}

#divFooter
{
	width: 966px;
	background-image: url(../../images/footer-blank.gif);
	height: 66px;
	clear: both;
	margin: 10px 0 0 0;
}

#divFooter img{margin: 0 0 0 10px;}
#divFooter #imgKC{margin: 0 0 0 455px;}

#divW3CFooter
{
    background-color: #0A1941;  
    font-size: 0.6em; 
    padding: 10px 0 20px 0;    
    color: #48b8d2;
}

#divLeftW3C
{
    float: left;
    background-color: #0A1941;
}

#divRightW3C   
{
    float: right;
    background-color: #0A1941;
}

#divRightW3C a{color: #48b8d2; text-decoration: none;}
#divRightW3C a:hover{color: #ffffff;}

#divEventCalendarContainer
{
    width: 622px;
    height: 155px;
    background: #48b8d2;
    margin: 10px 0 0 0;
    background-image: url(../../images/event-calendar-back.gif);
}

#divPromotionBannerAds{margin: 8px 0 0 12px;}

#divPodcastsHeader
{
    width: 623px;
    height: 75px;
    background-image: url(../../images/podcasts-header.gif);
    background-repeat: no-repeat;
}    

#divPodcastsHeader h2{display: none}
#divPodcastsContent table td{width: 300px}

#divVideosHeader
{
    width: 623px;
    height: 75px;
    background-image: url(../../images/video-header.gif);
    background-repeat: no-repeat;
}    

#divVideosHeader h2{display: none}

/* AG 2010/02/23 - Top 100 Singles */

#divContent {
    padding: 20px;
}

#divContent h2 {
    margin-bottom: 20px;
}

#divContent p {
    margin-bottom: 20px;
    font-size: 10pt;
    line-height: 150%;
}

#divContent dl {
    margin-bottom: 10px;
    font-size: 13px;
}

#divContent dl dt {
    float: left;
    width: 100px;
    padding: 6px 10px 0 0;
    text-align: right;
}

#divContent dl dd {
    margin-bottom: 10px;
}

#divContent dl dd input {
    width: 300px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 13px;
}

#divContent .inpSubmit {
    margin-left: 110px;
    padding: 5px 20px;
    border: 1px solid #ccc;
    font-size: 13px;
}

#divContent .pMessage {
    font-weight: bold;
}