/********************************************

BASIC CSS
This Page is For All HTML pages
Contains layout and header/footer

********************************************/



/********************************************
BASIC LAYOUT
********************************************/

* {margin: 0; padding: 0}
img {border:none;}
#thePage{}

body {
	font: 11px Verdana, Helvetica, sans-serif; 
	color: #333333;
	padding-bottom:0px;
	}
	
/* body#music	{background:#670099 url("../img/bg_footerLogo.gif") no-repeat bottom center;} */
/* body#music	{background:#670099 url("../img/bg_top2.png") repeat-x top center;} */
body#music	{background:#1A73CF url("../img/bg_bot.png") repeat-x bottom center;}
#dehaTop {background:#1A73CF url("../img/bg_dehaTop.png") repeat-x top center;}
a, a:link, a:visited {color:#3333CC;text-decoration: none;}
a:focus, a:link:hover, a:visited:hover, a:active  {text-decoration: underline;}

#ticker{
	height:22px;
}

h1{
font: 11px Verdana, Helvetica, sans-serif;
display:none;
}

pre {
 overflow: hidden;
  overflow-x: scroll;
}

#header{
	position: relative;
	width: 940px; 
	margin-left: auto; 
	margin-right: auto;
	margin-top:0px;
	display:block;
	cursor:default;
}

#logo{
display:none;
}
#home_button a{position:absolute;display:block;width:120px; height:40px;}
#flash_header{
display:block;
width:940px;
}

#main_body{
	width:100%;
	background-color:#ffffff;
	z-index:99;
	padding-bottom:10px;
}

#main_body:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
#main_body{display: inline-block;background-color:#ffffff;}

#bot_wrapper{
	width: 940px; 
	margin-left: auto; 
	margin-right: auto;
	background-color:#ffffff;
	z-index:100;
}

#nav_wrapper{
	width: 100%;
	
	background:transparent url("../img/bg_navi.png") repeat-x 0px 7px;
	}

#navigation{
	width: 940px; 
	margin-left: auto; 
	margin-right: auto;
	position: relative;
}

#left_column{
width:185px;
float:left;
}

#advertising_column{
width:160px;
float:right;
margin-top:0px;
}

#advertising_column #sponsor p{font: 9px/12px Verdana, Helvetica, sans-serif;padding-bottom:9px;margin-top:0px;display:block;}
#advertising_column .promos{margin-top:14px;}


#left_column .content{margin: 0px;padding-bottom:10px;}

#main_section{width:576px;float:left;}
#main_section .content{margin: 0px 0px 0px 19px;}
#main_content{width:391px;float:left;margin-right:0px;}
#main_content .content{	margin: 0px 19px 0px 19px;}
#secondary_content{width:185px;float:right;}
#secondary_content .content{width:185px;margin: 0px;}


.error #main_content .content{padding-bottom:20px;}

/***************************************************
		photos
*****************************************************/

.story_image{
width:auto;
float:left;
margin:3px 10px 5px 0;
}

.story_image .caption{
margin:4px 0px 0px 0px;
padding:0px;
font: 10px/12px Verdana, Helvetica, sans-serif;
color:#999999;
text-align:left;
}

.mini_photos div,
#coming_to_kcrw_photos div{
margin:0px 1px 1px 0px;
width:55px;
float:left;
}

.mini_photos div.pic3,
.mini_photos div.pic6,
.mini_photos div.pic9,
.mini_photos div.pic12,
#coming_to_kcrw_photos div.pic3,
#coming_to_kcrw_photos div.pic6,
#coming_to_kcrw_photos div.pic9,
#coming_to_kcrw_photos div.pic12
{
margin:0px 0px 1px 0px;
}


.mini_photos:after,
#coming_to_kcrw_photos:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
.mini_photos,
#coming_to_kcrw_photos{display: inline-block;} 


.show_image{
height:42px;
width:57px;
float:left; 
margin-right:8px;
margin-bottom:4px;
background:transparent url("../img/show_image_basic_bg.gif") no-repeat bottom right;
}

#news .show_image{background:transparent url("../img/show_image_news_bg.gif") no-repeat bottom right;}
#music .show_image{background:transparent url("../img/show_image_music_bg.gif") no-repeat bottom right;}
/***************************************************
		Header
*****************************************************/
#channel_selector{height:52px;}
#channel_selector #channel_buttons a{display:block;width:112px; height:22px;}
#channel_selector span{display:none;}
#channel_selector .info{font: 10px/21px Verdana, Helvetica, sans-serif;text-align:left; width:auto;color:#ffffff;margin-left:285px;}

#channel_selector #user_info{float:right; width:auto;padding-top:5px;}
#channel_selector .login{font: 10px/21px Verdana, Helvetica, sans-serif;text-align:right; width:auto;color:#99FF00;}
#channel_selector .login a{color:#99FF00;}


#channel_selector #channel_buttons{padding-left:209px; padding-top:0px;}

#channel_selector .timezone{font: 10px/21px Verdana, Helvetica, sans-serif;text-align:right; width:auto;color:#ff66cc}
#channel_selector .timezone a{color:#ff66cc; padding-left:15px; background:transparent url("../img/icon_b_timezone.gif") no-repeat left center}

#channel_selector{background:transparent url("../img/header_b_logo.gif") no-repeat 10px 11px;}
#channel_selector #live_button{width:112px; height:22px; background:transparent url("../img/channel1_b_live.gif") no-repeat 0 0;float:left;margin-right:2px;}
#channel_selector #music_button{width:112px; height:22px; background:transparent url("../img/channel1_b_music.gif") no-repeat 0 0;float:left;margin-right:2px;}
#channel_selector #news_button{width:112px; height:22px; background:transparent url("../img/channel1_b_news.gif") no-repeat 0 0;float:left;margin-right:2px;}
#channel_selector #mykcrw_button{width:112px; height:22px; background:transparent url("../img/channel1_b_mykcrw.gif") no-repeat 0 0;float:left;margin-right:2px;}
#channel_selector #mykcrw_button{display:none;}
#channel_selector #live_button a:hover,
#channel_selector #live_button a.on{background:transparent url("../img/channel1_b_live_sel.gif") no-repeat 0 0;}
#channel_selector #music_button a:hover,
#channel_selector #music_button a.on{background:transparent url("../img/channel1_b_music_sel.gif") no-repeat 0 0;}
#channel_selector #news_button a:hover,
#channel_selector #news_button a.on{background:transparent url("../img/channel1_b_news_sel.gif") no-repeat 0 0;}
#channel_selector #mykcrw_button a:hover,
#channel_selector #mykcrw_button a.on{background:transparent url("../img/channel1_b_mykcrw_sel.gif") no-repeat 0 0;}


#music #channel_selector .timezone{color:#CC66FF}
#music #channel_selector .timezone a{color:#CC66FF; background:transparent url("../img/icon_m_timezone.gif") no-repeat left center}

#music #channel_selector{background:transparent url("../img/header_m_logo.gif") no-repeat 10px 11px;}
#music #channel_selector #live_button{width:112px; height:22px; background:transparent url("../img/channel1_m_live.gif") no-repeat 0 0;float:left;margin-right:2px;}
#music #channel_selector #music_button{width:112px; height:22px; background:transparent url("../img/channel1_m_music.gif") no-repeat 0 0;float:left;margin-right:2px;}
#music #channel_selector #news_button{width:112px; height:22px; background:transparent url("../img/channel1_m_news.gif") no-repeat 0 0;float:left;margin-right:2px;}
#music #channel_selector #mykcrw_button{width:112px; height:22px; background:transparent url("../img/channel1_m_mykcrw.gif") no-repeat 0 0;float:left;margin-right:2px;}

#music #channel_selector #live_button a:hover,
#music #channel_selector #live_button a.on{background:transparent url("../img/channel1_m_live_sel.gif") no-repeat 0 0;}
#music #channel_selector #music_button a:hover,
#music #channel_selector #music_button a.on{background:transparent url("../img/channel1_m_music_sel.gif") no-repeat 0 0;}
#music #channel_selector #news_button a:hover,
#music #channel_selector #news_button a.on{background:transparent url("../img/channel1_m_news_sel.gif") no-repeat 0 0;}
#music #channel_selector #mykcrw_button a:hover,
#music #channel_selector #mykcrw_button a.on{background:transparent url("../img/channel1_m_mykcrw_sel.gif") no-repeat 0 0;}


#news #channel_selector .timezone{color:#99CC00}
#news #channel_selector .timezone a{color:#99CC00; background:transparent url("../img/icon_n_timezone.gif") no-repeat left center}

#news #channel_selector{background:transparent url("../img/header_n_logo.gif") no-repeat 10px 11px;}
#news #channel_selector #live_button{width:112px; height:22px; background:transparent url("../img/channel1_n_live.gif") no-repeat 0 0;float:left;margin-right:2px;}
#news #channel_selector #music_button{width:112px; height:22px; background:transparent url("../img/channel1_n_music.gif") no-repeat 0 0;float:left;margin-right:2px;}
#news #channel_selector #news_button{width:112px; height:22px; background:transparent url("../img/channel1_n_news.gif") no-repeat 0 0;float:left;margin-right:2px;}
#news #channel_selector #mykcrw_button{width:112px; height:22px; background:transparent url("../img/channel1_n_mykcrw.gif") no-repeat 0 0;float:left;margin-right:2px;}

#news #channel_selector #live_button a:hover,
#news #channel_selector #live_button a.on{background:transparent url("../img/channel1_n_live_sel.gif") no-repeat 0 0;}
#news #channel_selector #music_button a:hover,
#news #channel_selector #music_button a.on{background:transparent url("../img/channel1_n_music_sel.gif") no-repeat 0 0;}
#news #channel_selector #news_button a:hover,
#news #channel_selector #news_button a.on{background:transparent url("../img/channel1_n_news_sel.gif") no-repeat 0 0;}
#news #channel_selector #mykcrw_button a:hover,
#news #channel_selector #mykcrw_button a.on{background:transparent url("../img/channel1_n_mykcrw_sel.gif") no-repeat 0 0;}

a.on div{width:112px; height:22px;background:transparent url("../img/graph.gif") no-repeat 4px 4px;}
a.off div{background:none}







/***************************************************
		FOOTER
*****************************************************/
#footer_wrapper{
display:block;
clear:both;
height:253px;
margin-top:0px;
width:100%;
}

#music #footer_wrapper{background:transparent url("../img/footer_music_bg.gif") repeat-x top center;}

#footer{
	display:block;
	width: 940px; 
	padding-top:24px;
	margin-left: auto; 
	margin-right: auto;
	position: relative;
}


#footer .links{
	float:left;
	width:auto;
	line-height:10px;
	border:0px;
	font: 10px Verdana, Helvetica, sans-serif;
	color: #99FF00;
	padding: 7px 10px 7px 10px;
}

#footer .links a{
	color: #99FF00;
}

#footer #copy{
font: 10px Verdana, Helvetica, sans-serif;
float:left;
width:auto;
height:20px;
padding: 7px 10px 7px 100px;
color: #ffffff;

}

#footer #top_page{
float:right;
width:auto;
height:20px;
padding: 7px 10px 7px 10px;

}

#top_page a{
font: 10px Verdana, Helvetica, sans-serif;
padding-left:9px;
color: #99FF00;
background: url("../img/icon_top.gif") no-repeat left center;
}


/* BASIC STYLES */
p{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
font: 11px Verdana, Helvetica, sans-serif;
}

.page_links{
font: 10px Verdana, Helvetica, sans-serif;
margin:3px 0px 15px 0px;
color:#3333CC;
}


h2{padding: 10px 0px 0px 0px;
font: 9px/9px Verdana, Helvetica, sans-serif;
font-weight:bold;
color:#990066;
z-index:100;}
#music h2 {color:#660099;}
#news #main_content h2 {color:#669900;}
#music #main_content h2 {color:#660099;}

.box h2{font:bold 13px/16px Verdana, Helvetica, sans-serif;padding-bottom:10px;}

#secondary_content h2{padding: 0px 0px 10px 0px; margin:0px;text-align:left;}

h2#section_title{padding: 15px 0px 11px 9px;height:9px;}
h2#page_title{padding: 15px 0px 11px 9px;height:9px; font-family:Verdana, Helvetica, sans-serif; font-size:14px;}
h2#page_subtitle{text-align:left; padding: 15px 9px 11px 9px;height:9px;}

#music .landing h2#page_title{padding: 15px 0px 11px 28px;}

h2.first{margin-top:0px; padding-top:0px}


#main_section h3 {
	font: 11px Verdana, Helvetica, sans-serif;
	color:#990066;
	display:block;
	font-weight:bold;
	margin-bottom:10px;
	
	}
	

#news #main_section h3 {color:#669900;}
#music #main_section h3 {color:#660099;}


#left_column h3 {
	font: 11px Verdana, Helvetica, sans-serif;
	color:#990066;
	display:block;
	/*text-transform:uppercase;*/
	font-weight:bold;
	margin-top:0px;
	
	}
#news #left_column h3 {color:#669900;}
#music #left_column h3 {color:#660099;}


#secondary_content h3{
font: 10px Verdana, Helvetica, sans-serif;
font-weight:bold;
text-transform:capitalize;
margin:0px;
padding:15px 0px 6px 0px;
color:#990066;
}

#news #secondary_content h3 {color:#669900;}
#music #secondary_content h3 {color:#660099;}

h3.first{margin-top:0px; padding-top:0px}
#secondary_content h3.first{margin-top:0px; padding-top:0px}
#main_section h3.first{margin-top:0px; padding-top:0px}

h3 .info{
font: 10px Verdana, Helvetica, sans-serif;
font-weight:normal;
color:#7a7a7a;
}

#secondary_content p{
font: 10px Verdana, Helvetica, sans-serif;
color:#7A7A7A;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}

#secondary_content li{
font: 10px Verdana, Helvetica, sans-serif;
color:#7A7A7A;
}

#secondary_content p strong{
color:#7A7A7A;
font-weight:bold;
}


#secondary_content h3.first{
margin:0px 0px 0px 0px;
padding-bottom:6px;
}








#main_content h4{
	font: 11px Verdana, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
}

#secondary_content h4{
font: 10px Verdana, Helvetica, sans-serif;
font-weight:bold;
text-transform:capitalize;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#333333;
}

ul.links,ul.guests{ margin-top:none;padding-bottom:0px;margin-bottom:0px;}

ul.links li{
font: 10px/13px Verdana, Helvetica, sans-serif;
padding-left:16px;
list-style: none;
background:transparent url("../img/icon_link.gif") no-repeat 0px 3px;
}

#main_content ul.guests li{
font: 11px/15px Verdana, Helvetica, sans-serif;
padding-left:0px;
list-style: none;
padding-bottom:10px;
}

#main_content ul.links li{
font: 11px/15px Verdana, Helvetica, sans-serif;
padding-left:16px;
list-style: none;
background:transparent url("../img/icon_link.gif") no-repeat 0px 3px;
}


hr{border-top:1px solid #ffcc66; border-bottom:0px; border-left:0px; border-right:0px;margin-top:10px;padding-bottom:10px;}

#music hr{border-top:1px solid #99cccc; border-bottom:0px; border-left:0px; border-right:0px;margin-top:10px;padding-bottom:10px;}

#news hr{border-top:1px solid #cccc33; border-bottom:0px; border-left:0px; border-right:0px;margin-top:10px;padding-bottom:10px;}}




.warning{
	font: bold 10px Verdana, Helvetica, sans-serif;
	color:#cc0000;
	padding-left:15px;
	margin-left:10px;
	background:transparent url("../img/icon_warning.gif") no-repeat 0px 0px;
}


/* tables */


table tr{
vertical-align:top;
}

/*********************************************
MINI CALENDAR
****************************************************/
#home table.mini_calendar{margin-bottom:10px;}

table.mini_calendar th{
	text-align:center;
		padding-top:3px;
	padding-bottom:3px;
}

table.mini_calendar td{
	text-align:center;
	padding:0px;
	width:27px;
}

#music table.mini_calendar th{background-color:#C4E6E6;color:#333333;}

#music table.mini_calendar td.nav{background-color:#ffffff; padding:0;}
#music table.mini_calendar td.nav2{background-color:#ffffff; padding:0;}
#music table.mini_calendar td.today{background-color:#660099;}
#music table.mini_calendar td.today a{color:#ffffff;font-weight:bold;}

#music .mini_calendar a{
	display:block;
	padding-top:3px;
	padding-bottom:3px;}
#music .mini_calendar a:hover{text-decoration:none; background-color:#C4E6E6;}



.mini_calendar .nav select{
	height:17px;
	font: 11px/16px Verdana, Helvetica, sans-serif;
	color: #4A4A4A;
	background-color:#ffffff;
}


.mini_calendar .button{width:auto;float:left;display:block;}

.mini_calendar .drop_month{width:83px;}
.mini_calendar .drop_year{width:82px;}
/* ICONS */

a.more{
/*display:block;*/
padding-left:7px;
background:transparent url("../img/icon_more.gif") no-repeat 0px 2px;
font-weight:bold;
}

#secondary_content .more{
font: 10px Verdana, Helvetica, sans-serif;
font-weight:bold;
}

p.more{
margin-top:0px;
}

.links{
color:#7a7a7a;
font: 10px Verdana, Helvetica, sans-serif;
}

.links .listen {
font: 10px Verdana, Helvetica, sans-serif;
background:transparent url("../img/icon_listen.gif") no-repeat center left;
padding-left:13px;
padding-right:5px;
}

.links .itunes{
font: 10px Verdana, Helvetica, sans-serif;
background:transparent url("../img/icon_itunes.gif") no-repeat center left;
padding-left:13px;
padding-right:5px;
}

.links .watch{
font: 10px Verdana, Helvetica, sans-serif;
background:transparent url("../img/icon_watch.gif") no-repeat center left;
padding-left:13px;
padding-right:5px;
}

.links .mykcrw{
font: 10px Verdana, Helvetica, sans-serif;
background:transparent url("../img/icon_mykcrw.gif") no-repeat center left;
padding-left:14px;
padding-right:5px;
}

.links .podcast{
font: 10px Verdana, Helvetica, sans-serif;
padding-left:23px;
padding-right:5px;
}

.links .download{
font: 10px Verdana, Helvetica, sans-serif;
background:transparent url("../img/icon_mp3.gif") no-repeat center left;
padding-left:23px;
padding-right:5px;
}



.date{color:#cc00cc; font-weight:normal;}


.icon{
	margin-left:4px;
	vertical-align:middle;
}

.send_to_friend{
	margin-bottom:8px;
	padding-left:9px;
}
.send_to_friend a{
font: 10px Verdana, Helvetica, sans-serif;
background:transparent url("../img/icon_send.gif") no-repeat center left;
padding-left:22px;
}

/*----------------------- */
/*   		 SEARCH AREA 		  */
/*----------------------- */

#search_area{
margin-bottom:0px;
width:167px;
clear:both;
padding-top:19px;
}

#search_table{
margin-bottom:0px;
width:167px;

}

#search_table:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
#search_table{display: inline-block;} 

#search_box{
	width:120px;
	height:16px;
	line-height:14px;
	border:0px;
	font: 10px Verdana, Helvetica, sans-serif;

	padding: 3px 0px 0px 10px;

}

#search_area a{
		background: transparent url("../img/search_dots.gif") no-repeat top left;
		font: 9px Verdana, Helvetica, sans-serif;
		margin: 10px 0px 0px 0px;
		padding-top:8px;
		display:block;
	
}

.search_textbox{
	width:142px;
	float:left;
}

.search_button{
	width:25px;
	float:left;
}

#search_area h3{display:none;}


#search_area{background: transparent url("../img/search_kcrw_basic.gif") no-repeat top left;}
#search_box, 
#search_table{background-color:#FFDF85;}
.search_textbox{background-color:#FFDF85;}
.search_button{background-color:#990066;}

#news #search_area{background: transparent url("../img/search_kcrw_news.gif") no-repeat top left;}
#news #search_box, 
#news #search_table{background-color:#EAEA6E;}
#news .search_textbox{background-color:#EAEA6E;}
#news .search_button{background-color:#669900;}

#music #search_area{background: transparent url("../img/search_kcrw_music.gif") no-repeat top left;}
#music #search_box, 
#music #search_table{background-color:#C4E6E6;}
#music .search_textbox{background-color:#C4E6E6;}
#music .search_button{background-color:#660099;}


#left_column .information{
	padding:0px 9px 0px 9px;
}

#left_column .information p{
	font: 10px Verdana, Helvetica, sans-serif;
	color:#7A7A7A;
	margin-top:15px;
}

#left_column .information li{
	font: 10px Verdana, Helvetica, sans-serif;
	color:#7A7A7A;
}

#left_column .information .key{
font: 10px/10px Verdana, Helvetica, sans-serif;
display:block;
margin-bottom:5px;
}
#left_column .information .key img{margin-top:1px;}

/*********************************************
Promos
****************************************************/

.promos{margin-top:20px;margin-bottom:15px;font:10px Verdana, Helvetica, sans-serif;color:#7a7a7a;}

#secondary_content .promos{margin-top:0px;}
.promo{margin-bottom:10px;}

#secondary_content .google_ad{
padding:9px;
background: transparent url("../img/dotted_line.gif") no-repeat top center;

}

/****************************************************
       BOXES
****************************************************/


.box{
width:auto;
border-left:1px solid #FFCC66;
border-right:1px solid #FFCC66;
padding:0px 8px 0px 8px;
overflow: visible;
}

.box_content{
width:717px;
border-left:1px solid #99CCCC;
border-right:1px solid #99CCCC;
padding:0px 8px 0px 8px;
overflow: visible;
}


/* \*/

* html .box {
	he\ight: 1%;
}

* html .box p {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
}
/* */

.box:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; }
.box{display: block;}
#box_spacer{clear:both; font: 1px/1px Verdana, Helvetica, sans-serif;}

.box_top{
background:#ffffff url("../img/boxtop_b_2lg.gif") no-repeat bottom left;
height:9px;
width:557px;
font: 4px/5px Verdana, Helvetica, sans-serif;
clear:both;
}

.box_top_content{
background:#ffffff url("../img/boxtop_b_735.gif") no-repeat bottom left;
height:9px;
width:735px;
font: 4px/5px Verdana, Helvetica, sans-serif;
clear:both;
}

.box_bot_content{
background:#ffffff url("../img/boxtbot_b_735.gif") no-repeat top left;
height:9px;
width:735px;
margin-bottom:15px;
}

.box_bot{
background:#ffffff url("../img/boxbot_b_2lg.gif") no-repeat top left;
height:9px;
width:557px;
margin-bottom:15px;
}

#left_column .box_top,
#secondary_content .box_top{
background:#ffffff url("../img/boxtop_b_sm.gif") no-repeat bottom left;
height:9px;
width:185px;
font: 4px/5px Verdana, Helvetica, sans-serif;
}

#left_column .box_bot,
#secondary_content .box_bot{
background:#ffffff url("../img/boxbot_b_sm.gif") no-repeat top left;
height:9px;
width:185px;
margin-bottom:15px;
}

#main_content .box_top{
background:#ffffff url("../img/boxtop_b_lg.gif") no-repeat bottom left;
height:9px;
width:353px;
font: 4px/5px Verdana, Helvetica, sans-serif;
}

#main_content .box_bot{
background:#ffffff url("../img/boxbot_b_lg.gif") no-repeat top left;
height:9px;
width:353px;
margin-bottom:15px;
}



#news .box{border-left:1px solid #CCCC33; border-right:1px solid #CCCC33;}
#news #secondary_content .box_top{background:#ffffff url("../img/boxtop_n_sm.gif") no-repeat bottom left;}
#news #secondary_content .box_bot{background:#ffffff url("../img/boxbot_n_sm.gif") no-repeat top left;}
#news #left_column .box_top{background:#ffffff url("../img/boxtop_n_sm.gif") no-repeat bottom left;}
#news #left_column .box_bot{background:#ffffff url("../img/boxbot_n_sm.gif") no-repeat top left;}
#news .box_top{background:#ffffff url("../img/boxtop_n_557.gif") no-repeat bottom left;}
#news .box_bot{background:#ffffff url("../img/boxbot_n_557.gif") no-repeat top left;}
#news #main_content .box_top{background:#ffffff url("../img/boxtop_n_lg.gif") no-repeat bottom left;}
#news #main_content .box_bot{background:#ffffff url("../img/boxbot_n_lg.gif") no-repeat top left;}


#music .box{border-left:1px solid #9AC6C6; border-right:1px solid #9AC6C6;}
#music .box_main{width:531px; border-left:1px solid #9AC6C6; border-right:1px solid #9AC6C6;}
#music .box_top{background:#ffffff url("../img/boxtop_m_2lg.gif") no-repeat bottom left;}
#music .box_bot{background:#ffffff url("../img/boxbot_m_2lg.gif") no-repeat top left;}
#music #left_column .box_top,
#music #secondary_content .box_top{background:#ffffff url("../img/boxtop_m_sm.gif") no-repeat bottom left;}
#music #left_column .box_bot,
#music #secondary_content .box_bot{background:#ffffff url("../img/boxbot_m_sm.gif") no-repeat top left;}
#music #main_content .box_top{background:#ffffff url("../img/boxtop_m_lg.gif") no-repeat bottom left;}
#music #main_content .box_bot{background:#ffffff url("../img/boxbot_m_lg.gif") no-repeat top left;}
#music #main_content .box_main_top{width:532px; height:9px; background:#ffffff url("../img/boxtop_main_lg.gif") no-repeat bottom left;}
#music #main_content .box_main_bot{width:532px; height:9px; background:#ffffff url("../img/boxbot_main_lg.gif") no-repeat top left;}


/* page specific boxes */

#etc .landing #main_section #main_content .box{border-left:1px solid #FFDF85; border-right:1px solid #FFDF85; background:#FFDF85;}
#etc .landing #main_section #main_content .box_top{background:url("../img/boxtop_b_lg_c.gif") no-repeat bottom left;}
#etc .landing #main_section #main_content .box_bot{background:#ffffff url("../img/boxbot_b_lg_c.gif") no-repeat top left;}

#music .landing #main_section #main_content .box{border-left:1px solid #C4E6E6; border-right:1px solid #C4E6E6; background:#C4E6E6;}
#music .landing #main_section #main_content .box_top{background:url("../img/boxtop_m_lg_c.gif") no-repeat top left;}
#music .landing #main_section #main_content .box_bot{background:#ffffff url("../img/boxbot_m_lg_c.gif") no-repeat top left;}

#news .landing #main_content .box{border-left:1px solid #EFEF92; border-right:1px solid #EFEF92; background:#EFEF92;}
#news .landing #main_section #main_content .box_top{background:url("../img/boxtop_n_lg_c.gif") no-repeat top left;}
#news .landing #main_section #main_content .box_bot{background:#ffffff url("../img/boxbot_n_lg_c.gif") no-repeat top left;}

/*playlist_landing*/
#music .playlist_landing #main_section #main_content .box_top{width:325px;background:url("../img/boxtop_m_playlist1.gif") no-repeat top left;}
#music .playlist_landing #main_section #main_content .box_bot{width:325px;background:#ffffff url("../img/boxbot_m_playlist1.gif") no-repeat top left;}

#music .playlist_landing #main_section #secondary_content .box_top{width:213px;background:url("../img/boxtop_m_playlist2.gif") no-repeat top left;}
#music .playlist_landing #main_section #secondary_content .box_bot{width:213px;background:#ffffff url("../img/boxbot_m_playlist2.gif") no-repeat top left;}
#music .playlist_landing #main_section #secondary_content .box{width:auto;}

/*archive_landing*/
#archive .archive_landing #main_content .box_top,
#archive .archive_landing #secondary_content .box_top{ width:373px;background:url("../img/boxtop_b_373.gif") no-repeat top left;}
#archive .archive_landing #main_content .box_bot,
#archive .archive_landing #secondary_content .box_bot{
width:373px;background:#ffffff url("../img/boxbot_b_373.gif") no-repeat top left;}

#archive .archive_landing #main_content .box,
#archive .archive_landing #secondary_content .box{width:auto;}

/*podcast landing*/
#podcasts .landing #main_section .music_highlight .box_top{
width:177px;background:url("../img/boxtop_music_pod.gif") no-repeat top left;}
#podcasts .landing #main_section .music_highlight .box_bot{
width:177px;background:url("../img/boxbot_music_pod.gif") no-repeat top left;}
#podcasts .landing #main_section .music_highlight .box{
width:auto;border-left:1px solid #e1e1ff; border-right:1px solid #e1e1ff; background:#e1e1ff;padding:0px 6px 0px 8px;}

#podcasts .landing #main_section .news_highlight .box_top{
width:177px;background:url("../img/boxtop_news_pod.gif") no-repeat top left;}
#podcasts .landing #main_section .news_highlight .box_bot{
width:177px;background:url("../img/boxbot_news_pod.gif") no-repeat top left;}
#podcasts .landing #main_section .news_highlight .box{
width:auto;border-left:1px solid #E1F0B3; border-right:1px solid #E1F0B3; background:#E1F0B3;padding:0px 6px 0px 8px;}

#podcasts .landing #main_section .others_highlight .box_top{
width:177px;background:url("../img/boxtop_others_pod.gif") no-repeat top left;}
#podcasts .landing #main_section .others_highlight .box_bot{
width:177px;background:url("../img/boxbot_others_pod.gif") no-repeat top left;}
#podcasts .landing #main_section .others_highlight .box{
width:auto;border-left:1px solid #FFE3FF; border-right:1px solid #FFE3FF; background:#FFE3FF;padding:0px 6px 0px 8px;}

/* fringe beneftis landing */

.fringe_landing #left_column .box_top,
.fringe_landing #left_column .box_top{ width:279px;background:url("../img/boxtop_b_279.gif") no-repeat top left;}
.fringe_landing #left_column .box_bot,
.fringe_landing #left_column .box_bot{
width:279px;background:#ffffff url("../img/boxbot_b_279.gif") no-repeat top left;}

.fringe_landing #left_column .box{width:auto;}

.fringe_landing #main_section .box_top,
.fringe_landing #main_section .box_top{ width:466px;background:url("../img/boxtop_b_466.gif") no-repeat top left;}
.fringe_landing #main_section .box_bot,
.fringe_landing #main_section .box_bot{
width:466px;background:#ffffff url("../img/boxbot_b_466.gif") no-repeat top left;}

.fringe_landing #main_section .box{width:auto;}


/* BIG BOXES */
#archive .box_top{background:transparent url("../img/boxtop_b_3lg.gif") no-repeat bottom left;width:761px;height:9px;}
#archive .box_bot{background:#ffffff url("../img/boxbot_b_3lg.gif") no-repeat top left;width:761px;}
#archive .box{margin-top:0px; padding-top:0px;}

.search_results .box_top{background:transparent url("../img/boxtop_b_3lg.gif") no-repeat bottom left;width:761px;height:9px;}
.search_results .box_bot{background:#ffffff url("../img/boxbot_b_3lg.gif") no-repeat top left;width:761px;}
.search_results .box{margin-top:0px; padding-top:0px;}

.fringe_listing .box_top{background:transparent url("../img/boxtop_b_3lg.gif") no-repeat bottom left;width:761px;height:9px;}
.fringe_listing  .box_bot{background:#ffffff url("../img/boxbot_b_3lg.gif") no-repeat top left;width:761px;}
.fringe_listing  .box{margin-top:0px; padding-top:0px;}

.calendar .box_top,
.program_schedule #main_section .box_top, .drive_vol_form #main_section .box_top {
background:transparent url("../img/boxtop_b_3lg.gif") no-repeat bottom left;
width:761px;
height:29px;
margin-top:-20px;}

.calendar .box_bot,
.program_schedule .box_bot, .drive_vol_form .box_bot {
background:#ffffff url("../img/boxbot_b_3lg.gif") no-repeat top left;
width:761px;}
.calendar .box,
.program_schedule .box, .drive_vol_form .box {clear:both}
.calendar #main_section,
.program_schedule #main_section, .drive_vol_form #main_section{width:761px;float:none;}
.calendar #main_section .content,
.program_schedule #main_section .content, .drive_vol_form #main_section .content{margin: 0px;}




/* BOX NAVIGATION */

#main_content .content .box_top_nav .box_top {height:29px;margin:0px;padding:0px;}
#main_content .content .box_navigation{margin:0px;padding:0px;clear:both;padding-top:19px;padding-bottom:1px;}
#main_content .content .box_navigation .box_nav{height:21px;}
.box_nav{ margin-right:0px;}
.content .box_nav li{

height:21px;
display:block;
float:left;
list-style: none;
margin:0px;
padding:0px;
padding-left:1px;

}

.box_nav li a,
.box_nav li strong{
padding-top:6px;
padding-bottom:5px;
text-align:center;
	display:block;
	font: 10px/10px Verdana, Helvetica, sans-serif;

}

.box_nav li strong{
font-weight:normal;
color:#990066;}

/* page specific box navigation */
#music .box_nav li{width:167px;}
#music .box_nav li.box_nav_first{width:167px;padding-left:0px;}
#music .box_nav li a{background-color:#C4E6E6} 
#music .box_nav li strong{color:#ffffff;background-color:#660099;}

#news .box_nav li{width:167px;}
#news .box_nav li.box_nav_first{width:167px;padding-left:0px;}
#news .box_nav li a{} 
#news .box_nav li strong{color:#ffffff;background-color:#669900;}

#etc .program .box_nav li{width:167px;}
#etc .program .box_nav li.box_nav_first{width:167px;padding-left:0px;}
#etc .program .box_nav li a{background-color:#FFCC66} 
#etc .program .box_nav li strong{color:#ffffff;background-color:#990066;}

#now_playing .box_nav li{width:111px;}
#now_playing .box_nav li.box_nav_first{width:111px;padding-left:0px;}
#now_playing .box_nav li a{background-color:#FFCC66} 
#now_playing .box_nav li strong{color:#ffffff;background-color:#990066;}

#next_previous .box_nav li{width:111px;}
#next_previous .box_nav li.box_nav_first{width:111px;padding-left:0px;}
#next_previous .box_nav li a{background-color:#FFCC66} 
#next_previous .box_nav li strong{color:#ffffff;background-color:#990066;}
#main_content .content #next_previous .box_navigation{padding-top:9px;}

#events .box_nav{padding-bottom:1px;}
#events .box_nav li{width:247px;}
#events .box_nav li.box_nav_first{width:246px;padding-left:0px;}
#events .box_nav li a{background-color:#FFCC66}  
#events .box_nav li strong{color:#ffffff;background-color:#990066;}
#events .box_nav li.no_tab{background-color:#ffdf85;border-left:1px solid #ffffff;}


.program_schedule .box_nav li{width:247px;}
.program_schedule .box_nav li.box_nav_first{width:246px;padding-left:0px;}
.program_schedule .box_nav li a{background-color:#FFCC66} 
.program_schedule .box_nav li strong{color:#ffffff;background-color:#990066;}
/* manage section */
.box.skin_switch h4{padding-bottom:5px;margin-top:0px;}

.skin_switcher{display:block;
	padding: 5px 0px 5px 13px;
	background: #FFDF85 url("../img/arrow_nav_news.gif") no-repeat 5px 6px;
	border-bottom:1px solid #ffffff;
	font-weight:bold;
}
#news .skin_switcher{background: #eaea6e url("../img/arrow_nav_news.gif") no-repeat 5px 6px;}
#music .skin_switcher{background: #C4E6E6 url("../img/arrow_nav_news.gif") no-repeat 5px 6px;}

.skin_switcher:hover{background-color: #FFEEAA;text-decoration:none;}
#news .skin_switcher:hover{background-color: #FAFAB3;text-decoration:none;}
#music .skin_switcher:hover{background-color: #E2FAFA;text-decoration:none;}

/*login form */
.the_login_form .info{padding-bottom:10px;}
.the_login_form fieldset{border:none;}
.the_login_form legend{display:none;}
.field{margin-top:10px;}
.the_login_form .info,
.the_login_form .formHelp{font: 10px Verdana, Helvetica, sans-serif;
color:#7A7A7A;}

.the_login_form label{font: 11px Verdana, Helvetica, sans-serif;
	color:#990066;
	display:block;font-weight:bold;}
.the_login_form .field{margin-top:10px;}
.the_login_form .formRememberName{float:left; margin-right:5px;}
.the_login_form .formControls{padding-top:10px;}

/* 2007/06/05 SKWM */
/* events/world-music-festival */
#world_music_festival table {width:557px;}
#world_music_festival table td {border:none;}

.portalMessage {
    background-color: #FFA500; 
    background-image: url("../img/info_icon.gif"); 
    background-position: 5px 50%; 
    background-repeat: no-repeat; 
    border: 1px solid #FFA500; 
    font-weight: bold; 
    margin: 0.5em 0em; 
    padding: 0.5em 1em 0.5em 3em;
    vertical-align:middle;
    }

/* Overlay */
#overlay-ad {
    display: none;
    width: 720px;
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -360px;
    background-color: white;
    border: 1px solid #000000;
    z-index: 2501;
}

#overlay-ad table {
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    empty-cells: show;
    border: none;
    text-align: center;
    width: 100%;
}

#overlay-ad table td {
    padding: 0;
    border: none;
}

#overlay-ad table img {
    border: none;
}

td #overlay-ad-slot {
    width: 100%;
}
    
#overlay-ad .promo {
    margin: 0;
}

.overlay-title {
    background: url("../img/overlay_titlebar.gif") repeat-x top left;
}

#overlay-fadeout {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
    z-index:2500;
}

/*****************************************************************************/
#main_page {margin:6px 0px 0px 0px;}
#main_part {margin:5px 0px 0px 0px;}
#main_left {float:left; width:207px; height:324px; background:url(../img/bg_main_left.png); padding:11px 14px 11px 18px;}
#main_center {float:left; width:452px; height:346px; background:url(../img/bg_main_center.png);}
#main_right {float:left; width:221px; height:326px; background:url(../img/bg_main_right.png); padding:10px 9px 10px 9px;}
#notice marquee {height:270px; @height:275px;}
#notice a{color:#FFFFFF;}

input.txtSpc {width:189px; height:22px; background:url(../img/bg_txt.png) repeat-x; border:none; font-family:verdana; font-size:11px; color:#000000; line-height:14px; @line-height:19px;}
input.txtSpc3 {width:189px; height:22px; background:url(../img/bg_txt3.png) repeat-x; border:none; font-family:verdana; font-size:11px; color:#000000; line-height:14px; @line-height:19px;}
input.txtSrc {width:144px; height:24px; background:url(../img/bg_txt2.png) repeat-x; border:none; font-family:verdana; font-size:11px; color:#000000; line-height:16px; @line-height:21px; padding-left:5px;}
input.button {width:210px; height:25px; background:url(../img/bg_button.gif) no-repeat; border:none; font-family:verdana; font-size:11px; color:#000099; font-weight:bold; cursor:pointer;}
input.button:hover {background:url(../img/bg_button_h.gif) no-repeat;}
input.logout_button {width:210px; height:25px; background:url(../img/bg_button.gif) no-repeat; border:none; font-family:verdana; font-size:11px; color:#FF0000; font-weight:bold; cursor:pointer;}
input.logout_button:hover {background:url(../img/bg_button_h.gif) no-repeat;}
input.pswdBox {width:189px; height:22px; background:url(../img/bg_txt.png) repeat-x; border:none; font-family:verdana; font-size:11px; color:#000000; line-height:14px; @line-height:19px;}
input.pswdBox2 {width:189px; height:22px; background:url(../img/bg_pswd.png) repeat-x; border:none; font-family:verdana; font-size:11px; color:#000000; line-height:14px; @line-height:19px;}

.line_notice {width:100%; height:1px; margin:2px 0px 4px 0px; @margin:4px 0px 7px 0px;}


a.grey11px:link, a.grey11px:visited, a.grey11px:active {font-family:verdana; font-size:11px; color:#CCCCCC;}
a.grey11px:hover {font-family:verdana; font-size:11px; color:#CCCCCC; text-decoration:underline;}

#footer_wider {float:left; clear:left; width:100%; color:#FFFFFF; margin:30px 0px 0px 0px;}
#footer_wider a {color:#FFFFFF; white-space:nowrap;}
#footer_wider .row {padding:0px 0px 5px 5px;}
#footer_wider .footer_column {float:left; width:20%; margin:0px 0px 0px 30px;}