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

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

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



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

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

html,body {
    font:11px Verdana,Helvetica,sans-serif;
    color:#000;
    min-width:959px;
	background:transparent url(/normal_bg1.jpg) repeat-x top center;
	padding-bottom:0px;
}
	
body#news {background:#336600 url(/news_bg1.jpg) repeat-x top center;}
body#music	{background:#670099 url(/music_bg1.jpg) 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-size: 11px;
display:none;
}
*/
pre {
 overflow: hidden;
  overflow-x: scroll;
}

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

}

#logo{
display:none;
}
#home_button a{position:absolute;display:block;width:120px; height:40px;}
#flash_header{
display:block;
width:940px;
}
#home-page-date {
    display: none;
}
#main_body{
	width:100%;
	background-color:#ffffff;
	z-index:99;
}

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

#bot_wrapper{
	width: 959px; 
	margin-left: auto; 
	margin-right: auto;
	background-color:transparent;
	z-index:100;
    padding: 0;
    overflow: hidden;
}

#nav_wrapper{
	width: 100%;
	height:25px;
    margin-top: 7px;
	background:transparent url(/navigation_bg.gif) repeat-x 0px 0px;
	}

#navigation{
	width: 959px; 
	margin-left: auto; 
	margin-right: auto;
	/*position: relative;*/
}

#left_column{
background:#E1E1E1;
width: 190px;
float:left;
padding-top: 15px;
}

#left_column .portlet, #left_column .promo,
#advertising_column .portlet, #advertising_column .promo {
    margin: 0 auto;
    width: 185px;
}

#left_column .box_top, #left_column .box_bot, #advertising_column .box_bot, #advertising_column .box_top {
    display: none;
}
#left_column .box, #advertising_column .box {
    border: none;
}
#left_column table td, #advertising_column table td {
    border: none;
}

.fringe_landing #left_column {
    background-color: transparent;
}
#advertising_column{
width:190px;
float:right;
margin-top:0px;
padding-top: 15px;
background:#EDEDED;
}

#advertising_column .promos{margin-top:0;}

#advertising_column #sponsor {
     margin:0 0 0 8px;
     background: url(http://www.kcrw.com/site_images/promos/brought-banner.gif) no-repeat;
     padding:0 0 0 10px;
     overflow: hidden;
     width:185px;
     text-align: left;
 }
#advertising_column #sponsor img{ display:block;}
#advertising_column #sponsor p {
    text-align:center;
    color:#666;
    font-size:9px;
    line-height:15px;
    padding:0 33px 0 0;
    margin: 0;
}

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

#main_body #main_section,
#main_body #bot_wrapper .content.NoMainSection,
#main_body #bot_wrapper #main_content.NoMainSection {padding-top: 15px;}
#main_section{width:576px;float:left;}
#main_section .content{margin: 0px 8px 0px 11px;}
#main_content{width:383px;float:left;margin-right:0px;}
#main_content .content{	margin: 0px 19px 0px 11px;}
#secondary_content{width:185px;float:right;margin-right:8px;}
#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-size:10px;line-height:12px;
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(/show_image_basic_bg.gif) no-repeat bottom right;
}

#news .show_image{background:transparent url(/show_image_news_bg.gif) no-repeat bottom right;}
#music .show_image{background:transparent url(/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-size:10px;line-height:21px;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-size:10px;line-height:21px;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-size:10px;line-height:21px;text-align:right; width:auto;color:#ff66cc}
#channel_selector .timezone a{color:#ff66cc; padding-left:15px; background:transparent url(/icon_b_timezone.gif) no-repeat left center}

#channel_selector{background:transparent url(/header_b_logo.gif) no-repeat 10px 11px;}
#channel_selector #live_button{width:112px; height:22px; background:transparent url(/pink_on-air.gif) no-repeat 0 0;float:left;margin-right:2px;}
#channel_selector #music_button{width:112px; height:22px; background:transparent url(/pink_all-music.gif) no-repeat 0 0;float:left;margin-right:2px;}
#channel_selector #news_button{width:112px; height:22px; background:transparent url(/pink_all-news.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(/pink_on-air_over.gif) no-repeat 0 0;}
#channel_selector #music_button a:hover,
#channel_selector #music_button a.on{background:transparent url(/pink_all-music_over.gif) no-repeat 0 0;}
#channel_selector #news_button a:hover,
#channel_selector #news_button a.on{background:transparent url(/pink_all-news_over.gif) no-repeat 0 0;}

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

#music #channel_selector{background:transparent url(/header_m_logo.gif) no-repeat 10px 11px;}
#music #channel_selector #live_button{width:112px; height:22px; background:transparent url(/purple_on-air.gif) no-repeat 0 0;float:left;margin-right:2px;}
#music #channel_selector #music_button{width:112px; height:22px; background:transparent url(/purple_all-music.gif) no-repeat 0 0;float:left;margin-right:2px;}
#music #channel_selector #news_button{width:112px; height:22px; background:transparent url(/purple_all-news.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(/purple_on-air_over.gif) no-repeat 0 0;}
#music #channel_selector #music_button a:hover,
#music #channel_selector #music_button a.on{background:transparent url(/purple_all-music_over.gif) no-repeat 0 0;}
#music #channel_selector #news_button a:hover,
#music #channel_selector #news_button a.on{background:transparent url(/purple_all-news_over.gif) no-repeat 0 0;}


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

#news #channel_selector{background:transparent url(/header_n_logo.gif) no-repeat 10px 11px;}
#news #channel_selector #live_button{width:112px; height:22px; background:transparent url(/green_on-air.gif) no-repeat 0 0;float:left;margin-right:2px;}
#news #channel_selector #music_button{width:112px; height:22px; background:transparent url(/green_all-music.gif) no-repeat 0 0;float:left;margin-right:2px;}
#news #channel_selector #news_button{width:112px; height:22px; background:transparent url(/green_all-news.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(/green_on-air_over.gif) no-repeat 0 0;}
#news #channel_selector #music_button a:hover,
#news #channel_selector #music_button a.on{background:transparent url(/green_all-music_over.gif) no-repeat 0 0;}
#news #channel_selector #news_button a:hover,
#news #channel_selector #news_button a.on{background:transparent url(/green_all-news_over.gif) no-repeat 0 0;}

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







/***************************************************
		FOOTER
*****************************************************/
#footer_wrapper{
display:block;
background:transparent url(/footer_normal_bg.gif) repeat-x top center;
clear:both;
height:53px;
}

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

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


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

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

#footer #copy{
font-size: 10px;
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-size: 10px;
padding-left:9px;
color: #99FF00;
background: url(/icon_top.gif) no-repeat left center;
}


/* BASIC STYLES */
p{
margin:0px 0px 10px 0px;
padding:0;
font-size: 11px;
}

.page_links{
font-size: 10px;
margin:3px 0px 15px 0px;
color:#3333CC;
}

.PortletTitle, h3.PortletTitle, #main_section h3.PortletTitle,
#secondary_content h3.PortletTitle {
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color:#990066;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 5px 0;
}

h1, h2 {
    padding: 10px 0px 0px 0px;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    color:#990066;
    z-index:100;
}
h1 {font-size: 15px; line-height: 16px;}
h2 {font-size: 9px; line-height: 9px;}
h3 {font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;}
#music h2, #music h1 {color:#660099;}
#news h2, #news h1 {color:#669900;}
#news #main_content h2, #news #main_content h1 {color:#669900;}
#music #main_content h2, #music #main_content h1 {color:#660099;}
.program #main_section .content h4 a {color:#990066;}
#music .program #main_section .content h4 a {color:#660099;}
#news .program #main_section .content h4 a {color:#669900;}
h1.HiddenHeader {text-indent: -9999px;}

.box h2{font-weight:bold;font-size:13px;line-height:16px;padding:0 0 10px 0;}
.box h1{font-weight:bold;font-size:13px;line-height:16px;padding:0 0 10px 0;}

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

div#section_title{
    padding: 0 0 6px 9px;
    line-height: 16px;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color:#990066;
}
div#section_title a, div#page_title a {color:#990066;}
#music div#section_title, #music div#section_title a, #music div#page_title a {color:#660099;}
#news div#section_title, #news div#section_title a, #news div#page_title a {color:#669900;}
div#section_title a:hover, div#page_title a:hover {
    text-decoration: none;
    border: none;
}

div#page_title {
    padding: 0 0 6px 9px;
    line-height: 16px;
    color: #990066;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
#music div#page_title {color:#660099;}
#news div#page_title {color:#669900;}
#music .landing div#page_title {padding: 0px 0px 16px 20px;}
div#page_title h1 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 15px;
}
div#page_title h1.ImageReplaced {
    margin: 1px 0px 5px 0px;
}

h2#page_subtitle{
    text-align:left;
    padding: 14px 0 6px 9px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 5px;
}
#music h2#page_subtitle {color:#660099;}
#news h2#page_subtitle {color:#669900;}

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

/* Program Page Blog Styling */
#program-blog {padding-bottom:7px;}
#music #program-blog {background-color: #C4E6E6;}
#etc #program-blog {background-color: #FFDF85;}
#news #program-blog {background-color: #EFEF92;}
#music #program-blog h3 {background-color:#C4E6E6; color:#660099;}
#etc #program-blog h3 {background-color:#FFDF85; color:#990066;}
#news #program-blog h3 {background-color:#EFEF92; color:#669900;}
#program-blog #blog-post {margin-left:5px; margin-right:5px;}
#program-blog #blog-post .BlogPostWrapper {padding-left: 10px; padding-right:10px;}
#music #program-blog #blog-post {background-color:#E2FAFA;}
#etc #program-blog #blog-post {background-color:#FFF5BA;}
#news #program-blog #blog-post {background-color:#FDFDC7;}
#program-blog #blog-post p {font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;}
#music #program-blog #blog-post p {background: #E2FAFA;}
#etc #program-blog #blog-post p {background: #FFF5BA;}
#news #program-blog #blog-post p {background: #FDFDC7;}
#program-blog h4 {color:#3333CC; margin-top:2px; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:14px;}

#main_section h3 {
	font-size: 11px;
	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-size: 11px;
	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-size: 10px;
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-size: 10px;
font-weight:normal;
color:#7a7a7a;
}

#secondary_content p{
font-size: 10px;
color:#7A7A7A;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}

#secondary_content li{
font-size: 10px;
color:#7A7A7A;
}

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


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

h4 {
    font-size: 100%;
}

#main_section .content h4, #main_content h4{
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
}

#secondary_content h4{
font-size: 10px;
font-weight:bold;
text-transform:capitalize;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#333333;
}

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

ul.links li{
font-size: 10px;
line-height: 13px;
padding-left:16px;
list-style: none;
background:transparent url(/icon_link.gif) no-repeat 0px 3px;
}

#main_content ul.guests li{
font-size:11px;line-height:15px;
padding-left:0px;
list-style: none;
padding-bottom:10px;
}

#main_content ul.links li{
font-size:11px;line-height:15px;
padding-left:16px;
list-style: none;
background:transparent url(/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;
	color:#cc0000;
	padding-left:15px;
	margin-left:10px;
	background:transparent url(/icon_warning.gif) no-repeat 0px 0px;
}


/* tables */


table{
width:100%;
font-size: 10px;
margin:0px;
padding:0px;
}

table tr{
vertical-align:top;
}
table th{
background-color:#FFDF85;
color:#990066;
font-weight:normal;
text-align:left;
margin:0px;
padding:5px;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}

table td{
/*20070531 SKWM disable for http://www.kcrw.com/events/world-music-festival
 what else uses this ?
background-color:#fff1bb;
 */
margin:0px;
padding:5px;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}

table tr.odd td{
background-color:#f2f2e4;
}

#music table th{background-color:#C4E6E6; color:#660099;}
#music table td{background-color:#E2FAFA}
#music table tr.odd td{background-color:#f5f7ed}





/*********************************************
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-size:11px;line-height:16px;
	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(/icon_more.gif) no-repeat 0px 2px;
font-weight:bold;
}

#secondary_content .more{
font-size: 10px;
font-weight:bold;
}

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

.links{
color:#7a7a7a;
font-size: 10px;
}

.links .listen {
font-size: 10px;
background:transparent url(/icon_listen.gif) no-repeat center left;
padding-left:13px;
padding-right:5px;
}

.links .itunes{
font-size: 10px;
background:transparent url(/icon_itunes.gif) no-repeat center left;
padding-left:13px;
padding-right:5px;
}

.links .watch{
font-size: 10px;
background:transparent url(/icon_watch.gif) no-repeat center left;
padding-left:13px;
padding-right:5px;
}

.links .mykcrw{
font-size: 10px;
background:transparent url(/icon_mykcrw.gif) no-repeat center left;
padding-left:14px;
padding-right:5px;
}

.links .podcast{
font-size: 10px;
padding-left:23px;
padding-right:5px;
}

.links .download{
font-size: 10px;
background:transparent url(/icon_download.gif) no-repeat center left;
padding-left:23px;
padding-right:5px;
}



.date {
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    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-size: 10px;
background:transparent url(/icon_send.gif) no-repeat center left;
padding-left:22px;
}

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

#search_area{
margin-bottom:0px;
width:auto;
clear:both;
}

#search_area .PortletTitle {
    color: #990066;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 5px 0;
}

#search_table{
margin-bottom:0px;
width: auto;
}

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

#search_box, #searchGadget {
	width:120px;
	height:16px;
	line-height:14px;
	border:0px;
	font-size: 10px;
	padding: 3px 0px 0px 10px;
}

#search_area a{
    background: transparent url(/search_dots.gif) no-repeat top left;
    font-size: 9px;
    margin: 10px 0px 0px 0px;
    padding-top:8px;
    display:block;	
}

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

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

#search-container {
    float:right;
    position: absolute;
    bottom: 10px;
    right: 1px;
}
#search_area h3{display:none;}

#search_box,
#searchGadget,
#search_table{background-color:transparent;}
.search_textbox{background-color:white /*#FFDF85*/;}
.search_button{background-color: #990066;}
.searchbox {background-color: #A2006E;}

#news #search_area .PortletTitle {color:#669900;}
#news #search_box,
#news #searchGadget,
#news .search_textbox{background-color:white /*#EAEA6E*/;}
#news .search_button{background-color: #669900;}
#news .searchbox {background-color: #336600;}

#music #search_area .PortletTitle {color:#660099;}
#music #search_box,
#music #searchGadget,
#music .search_textbox{background-color:white /*#C4E6E6*/;}
#music .search_button{background-color: #660099;}
#music .searchbox {background-color: #670099;}

/* adjustments for the searchbox, which is the one at top right */
.searchbox #search_area {
  margin: 0;
}
.searchbox_textbox{
	width:141px;
  border-top:thin solid #990066;
  border-left:thin solid #990066;
  border-bottom:thin solid #990066;
}
#news .searchbox_textbox{
	width:141px;
  border-top:thin solid #669900;
  border-left:thin solid #669900;
  border-bottom:thin solid #669900;
}
#music .searchbox_textbox{
	width:141px;
  border-top:thin solid #660099;
  border-left:thin solid #660099;
  border-bottom:thin solid #660099;
}
.searchbox {
    width:170px;
    height: 21px;
}
.searchbox form, .searchbox fieldset{
    margin:0;
    padding:0;
    border:0;
}
#search_area .search {
    width: 100%;
}
.search .button{
    float:left;
    margin:2px 0 0 2px;
}
#searchGadget{
    float:right;
    padding:0;
    height:14px;
    line-height:14px;
    background-color: white;
    width: 150px;
    color: #808080;
    font-size: 11px;
}
#search-inner.LSBox {
    background-color: white;
    padding:3px 2px;
}
.LSResult {
    padding-top:2px;
    top:2px;
}

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

#left_column .information p{
	font-size: 10px;
	color:#7A7A7A;
	margin-top:15px;
}

#left_column .information li{
	font-size: 10px;
	color:#7A7A7A;
}

#left_column .information .key{
font-size:10px;line-height:10px;
display:block;
margin-bottom:5px;
}
#left_column .information .key img{margin-top:1px;}

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

.promos{margin-top:20px;margin-bottom:15px;font-size:10px;color:#7a7a7a;}

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

#secondary_content .google_ad{
padding:9px;
background: transparent url(/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;
}

/* \*/

* 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-size:1px;line-height:1px;}

.box_top{
background:#ffffff url(/boxtop_b_2lg.gif) no-repeat bottom left;
height:9px;
width:557px;
font-size:4px;line-height:5px;
clear:both;
}

.box_bot{
background:#ffffff url(/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(/boxtop_b_sm.gif) no-repeat bottom left;
height:9px;
width:185px;
font-size:4px;line-height:5px;
}

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

#main_content .box_top{
background:#ffffff url(/boxtop_b_lg.gif) no-repeat bottom left;
height:9px;
width:353px;
font-size:4px;line-height:5px;
}

#main_content .box_bot{
background:#ffffff url(/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(/boxtop_n_sm.gif) no-repeat bottom left;}
#news #secondary_content .box_bot{background:#ffffff url(/boxbot_n_sm.gif) no-repeat top left;}
#news #left_column .box_top{background:#ffffff url(/boxtop_n_sm.gif) no-repeat bottom left;}
#news #left_column .box_bot{background:#ffffff url(/boxbot_n_sm.gif) no-repeat top left;}
#news .box_top{background:#ffffff url(/boxtop_n_557.gif) no-repeat bottom left;}
#news .box_bot{background:#ffffff url(/boxbot_n_557.gif) no-repeat top left;}
#news #main_content .box_top{background:#ffffff url(/boxtop_n_lg.gif) no-repeat bottom left;}
#news #main_content .box_bot{background:#ffffff url(/boxbot_n_lg.gif) no-repeat top left;}


#music .box{border-left:1px solid #9AC6C6; border-right:1px solid #9AC6C6;}
#music .box_top{background:#ffffff url(/boxtop_m_2lg.gif) no-repeat bottom left;}
#music .box_bot{background:#ffffff url(/boxbot_m_2lg.gif) no-repeat top left;}
#music #left_column .box_top,
#music #secondary_content .box_top{background:#ffffff url(/boxtop_m_sm.gif) no-repeat bottom left;}
#music #left_column .box_bot,
#music #secondary_content .box_bot{background:#ffffff url(/boxbot_m_sm.gif) no-repeat top left;}
#music #main_content .box_top{background:#ffffff url(/boxtop_m_lg.gif) no-repeat bottom left;}
#music #main_content .box_bot{background:#ffffff url(/boxbot_m_lg.gif) no-repeat top left;}


/* page specific boxes */

#etc .landing #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(/boxtop_b_lg_c.gif) no-repeat bottom left;}
#etc .landing #main_section #main_content .box_bot{background:#ffffff url(/boxbot_b_lg_c.gif) no-repeat top left;}

#music .landing #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(/boxtop_m_lg_c.gif) no-repeat top left;}
#music .landing #main_section #main_content .box_bot{background:#ffffff url(/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(/boxtop_n_lg_c.gif) no-repeat top left;}
#news .landing #main_section #main_content .box_bot{background:#ffffff url(/boxbot_n_lg_c.gif) no-repeat top left;}

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

#music .playlist_landing #main_section #secondary_content .box_top{width:213px;background:url(/boxtop_m_playlist2.gif) no-repeat top left;}
#music .playlist_landing #main_section #secondary_content .box_bot{width:213px;background:#ffffff url(/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(/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(/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(/boxtop_music_pod.gif) no-repeat top left;}
#podcasts .landing #main_section .music_highlight .box_bot{
width:177px;background:url(/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(/boxtop_news_pod.gif) no-repeat top left;}
#podcasts .landing #main_section .news_highlight .box_bot{
width:177px;background:url(/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(/boxtop_others_pod.gif) no-repeat top left;}
#podcasts .landing #main_section .others_highlight .box_bot{
width:177px;background:url(/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(/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(/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(/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(/boxbot_b_466.gif) no-repeat top left;}

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


/* BIG BOXES */
#archive .box_top{background:transparent url(/boxtop_b_3lg.gif) no-repeat bottom left;width:761px;height:9px;}
#archive .box_bot{background:#ffffff url(/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(/boxtop_b_3lg.gif) no-repeat bottom left;width:761px;height:9px;}
.search_results .box_bot{background:#ffffff url(/boxbot_b_3lg.gif) no-repeat top left;width:761px;}
.search_results .box{margin-top:0px; padding-top:0px;}

.fringe_listing .box_top{display:none;}
.fringe_listing  .box_bot{display:none;}
.fringe_listing  .box{margin-top:0px; padding-top:0px;border:none;}

.calendar .box_top,
.program_schedule #main_section .box_top, .drive_vol_form #main_section .box_top {
background:transparent url(/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(/boxbot_b_3lg.gif) no-repeat top left;
width:761px;}
.calendar .box,
.program_schedule .box, .drive_vol_form .box {clear:both}
.calendar #main_section,
.search_results #main_section, .program_schedule #main_section, .drive_vol_form #main_section{width:761px;}
.calendar #main_section .content, .archive_landing #main_section .content,
.program_schedule #main_section .content, .drive_vol_form #main_section .content,
.archive_listing #main_section .content, .search_results #main_section .content {margin: 0px;}
.archive_listing #main_section, .archive_landing #main_section {width:761px;}

/* 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:1px;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-size:10px;line-height:10px;

}

.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(/arrow_nav_news.gif) no-repeat 5px 6px;
	border-bottom:1px solid #ffffff;
	font-weight:bold;
}
#news .skin_switcher{background: #eaea6e url(/arrow_nav_news.gif) no-repeat 5px 6px;}
#music .skin_switcher{background: #C4E6E6 url(/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-size: 10px;
color:#7A7A7A;}

.the_login_form label{font-size: 11px;
	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(http://www.kcrw.com/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;
    }

/* LiveSearch styles */
/*
.LSRes
    visibility: visible;
    color: black;
    background-color: white;
    vertical-align: middle;
    display:block;
    list-style-image: none;
    list-style-type: none;
    text-align: left;
    min-width: 16.5em;
    text-transform: none;
    margin-left: 0;
    line-height: 1.1em;
}
*/
#LSHighlight {
    background-color: white;
    border: 1px solid #FFCC66;
    color: black;
}

li.LSRow {
    border: 1px solid white;
    white-space: normal;
    padding:0;
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}

.LSRow a {
    text-decoration: none;
    font-weight:bold;
    white-space:nowrap
}

.LSDescr {
    color: #76797c;
    text-transform: lowercase;
    padding-left:2.1em;
    margin-top:-0.1em;
}

.LSResult {
    position: relative;
    display: none;
    text-align: right;
    padding: 0;
    margin: 0;
    left: 20px;
    top: 8px;
    z-index: 460;
}

.LSShadow {
    position: relative;
    text-align: right;
}

.livesearchContainer {
    background-color: white;
    margin-top: 0;
    padding: 0 !important;
    position: absolute;
    right: 0px;
    /* Currently exposes a rendering bug in Mozilla */
    top: 0;
    white-space: normal;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    visibility: visible;
    text-align: left;
    color: black;
    border: 1px solid #FFCC66;
    width: 185px;
    text-transform: none;
    overflow: hidden;
}

* html .livesearchContainer {
    padding: 1px !important;
    padding-top: 0 !important;
    background-color: #FFCC66;
    border: 0;
}

#livesearchLegend {
    display: none;
    line-height: 23px;
    margin-top: -24px;
    margin-left: 150px;
    border: 1px solid #FFCC66;
    border-bottom: 0;
    background-color: white;
}

* html #livesearchLegend {
    margin-top: -1.9em;
    margin-left: -8px;
    position: relative;
}

/* Workaround for Internet Explorers broken z-index implementation */
.LSIEFix {
    background-color: white;
    padding: 0.5em !important;
    z-index: 500;
}

#LSNothingFound {
    text-align: center;
    padding: 2px;
}

.LSRow img {
    display: none;
}

#LSResult .LSRow a {
    background: none;
    margin: 0;
    padding: 0;
    display: inline;
}

/* Overlay */
#overlay-ad {
    display: none;
    width: 700px;
    position: absolute;
    top: 90px;
    left: 50%;
    background-color: transparent;
    /*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%;
    table-layout: fixed;
}

#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(/overlay_titlebar.gif) repeat-x top left;
    width: 630px;
}

label {
    font-weight: bold;
}
.field {
    top: 0;
    left: 0;
    margin: 0 1em 1em 0;
    clear: both;
}
.field .field {
    margin: 0;
}
.fieldRequired {
    background: url(/required.gif) center left no-repeat;
    padding: 0 0 0 8px;
    color: white;
}
.formHelp {
    font-size: 90%;
    color: #555555;
    margin: 0 0 0.2em 0;
}
.formHelp:hover {
    color: black;
    cursor: default;
}
div.field.error {
    /* Class for error indication in forms */
    background-color: #fdc;
    border: 1px solid #d00;
    padding: 0.5em;
    margin: 0 0 1em 0;
    width: 95%;
}
.field.error .fieldRequired {
    color: #d00;
}

span.error {
    width: auto;
    border: none;
}

#share .box ul {
    text-align: center;
}

#main_content #share .box h3 {
    background-color: transparent !important;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.collage-kcrw-front-page #left_column .promos,
#home #left_column .promos {
    margin: 0;
}
#bottom-slot {
    width: 959px;
    margin: 10px auto 0 auto;
    text-align: center;
    clear: both;
}

.brought-banner {
    text-align: left;
}

/* Full width program pages */
.program .ProgramDescription, .program .ProgramDetails {
    background-color: #FFF5BA;
    padding: 15px;
    margin-bottom: 5px;
    overflow: hidden;
}

.program .ProgramDetails {
    padding-top: 7px;
}

#music.program .ProgramDescription, #music.program .ProgramDetails {background-color: #E2FAFA;}
#news.program .ProgramDescription, #news.program .ProgramDetails {background-color: #FAFAB3;}

.ProgramDescription .links.Podcast {
    float: right;
    clear: both;
    padding-top: 10px;
}

.show_description a.more {
    background-image: none;
}

.program #main_section h3 {
    font-size: 14px;
}

#main_section h3.ShowCategory {
    margin-top: 15px;
}

.program .show .date {
    color: #f56c1b;
    font-size: 10px;
}

.program a.MoreShows {
    clear: both;
    float: right;
    font-weight: bold;
    color: #990066;
    padding-left: 7px;
    background: transparent url(icon_more_pink.gif) no-repeat 0px 2px;
}

#music .program a.MoreShows {color:#660099; background-image:url(icon_more_purple.gif);}
#news .program a.MoreShows {color:#669900; background-image:url(icon_more_green.gif);}

#advertising_column #kcrw_presents_events {
    text-align: left;
    background-color: white;
    width: 180px;
    margin: 0 auto;
    padding: 2px;
}

/* NPR Shows */

#npr-story .StoryImage {
    float: right;
}

#npr-story .main_pic {
    margin-bottom: 10px;
}

#npr-story .date {
    float: left;
    margin-right: 10px;
    color: #f56c1b;
}

#npr-shows .large-show {
    height: auto;
    margin-bottom: 2em;
}

#npr-shows .show_post {
    width: auto;
    position: static;
}

#npr-story .hosted {
    margin: 0 0 10px 0;
}

a.NPRLogo {
    float: right;
}

#main_section .show_post h2, #main_section .show_post h4 {
    padding: 0;
    margin: 0 0 5px 0;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #990066;
}
#music #main_section .show_post h4, #music #main_section .show_post h2 {color:#660099;}
#news #main_section .show_post h4, #news #main_section .show_post h2 {color:#669900;}

.PlayBar {
    overflow: hidden;
    margin-bottom: 10px;
}

a.npr-player {
    display: block;
    text-indent: -9999px;
    background-image: url('icon_listen_withtext.gif');
    width:46px;
    height:11px;
    background-repeat: no-repeat;
}

.program a.npr-player {
    margin: 1px 0 0.5em 0;
}

#npr-story a.npr-player {
    float: left;
}

/* @group rounded-corners images */
.rounded_wrapper {
    position: relative;
}

.rounded_wrapper img {
    border-width: 0;
    border-style: none;
}
    
.rounded_wrapper div {
    height: 7px;
    position: absolute;
    width: 100%;
}

.rounded_wrapper .tl {
    top: 0;
    left: 0;
    background: url(rounded/tl.gif) no-repeat left top;
}

.rounded_wrapper .tr {
    top: 0;
    right: 0;
    background: url(rounded/tr.gif) no-repeat right top;
}

.rounded_wrapper .br {
    bottom: 0;
    right: 0;
    background: url(rounded/br.gif) no-repeat right bottom;
}

.rounded_wrapper .bl {
    bottom: 0;
    left: 0;
    background: url(rounded/bl.gif) no-repeat left bottom;
}
/* @end */