/*** colors  
6eb1fb lt blue
0d0e5c dk blue

#fff 
#eb040d red
24201F dk grey
*/

/*** FOR THE FCK EDITOR ***/
body {
	padding:0px;
	margin:0px;
	background: #fff;
}

/*** FOR THE PUBLIC SIDE ***/
body#publicBody {
	padding: 0px;
	margin: 0px auto;
}

/* Generic non-heading text styles */
body, p, td, ul, ol, .body, .defaultBody {
	font: 12px arial, Verdana, 'trebuchet ms', sans-serif;
	color: #000;
}

strong {
	font-style: normal;
	font-weight: bold;
}

p
{
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

/* Generic heading styling */
h1, h2, h3, h4, h5, h6, .pageTitle, .title, .subTitle, .header, th, .tableHeader  {
	font-family: arial, Verdana, 'trebuchet ms', sans-serif;
	color: #eb040d;
	font-weight: bold;
}

h1.pageTitle {

	font-size: 18px;
	/*line-height: 35px;*/
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	top: 0px;
	left: 0px;
}

h2, .title  {
	font-size: 16px;
}

h3, .subTitle {
	font-size: 14px;
}

h4, .header {
	font-size: 12px;
}

.alt_color
{
color: #eb040d;
}

.connector_ads_advertisement_text
{
text-align: left;
position: relative;
top: 0px;
left: 5px;
font-size: 9px;
color: #424242;
}


/*** LIST STYLING ***/
/***** turn ON all bullets by default....this is the only way to get bullets to appear in the FCK editor... *****/
ul
{
list-style: disc;
padding: 20px;
}

ol
{
list-style: decimal;
padding: 20px;
}

/***** now turn OFF bullets by default on the PUBLIC side... *********/
#publicBody ol, #publicBody ul
{
list-style: none;
padding: 0px;
}

/***** now turn on bullets only in the content area (so any client made lists appear correctly... *********/
#mainContent ul
{
list-style: disc;
padding: 20px;
}

#mainContent ol
{
list-style: decimal;
padding: 20px;
}

#mainContent ol li, #mainContent ul li
{

padding-bottom: 5px;
}



/*** AUTO TABLE STYLES....set to main content width minus any padding!! ***/
#autoTable, .autoTable
{
/*width: 650px;*/
}

th, .tableHeader 
{
padding: 5px; 
}

table.autoTable td { padding:5px; }
/*******************/



.highlight { color: #eb040d; }

/* Link Styling (usually overidden for menus) */
a { color: #eb040d; text-decoration: none; }
a:link { color: #eb040d; }
a:visited { color: #eb040d; }
a:active { color: #eb040d; }
a:hover { color: #eb040d; }

a img {
	border:0;
}
hr { color: black; height: 1px; }

form { padding:0; margin:0; }
label { display:block; }


/* Navigation Styles */

/*** FLYOUT MENU 3 ***/

/* main styles */
#flyout 
{
height: 30px;
padding:0; 
margin:0; 
list-style:none; 
font: 14px/25px arial, sans-serif; 
position:relative; 
z-index:200; 
background:transparent;
margin: 0 auto;
border: 0px solid green;
display: inline-block;
}

#flyout ul {padding:0; margin:0; list-style:none; float:left;}
#flyout li {float:left;padding-left: 20px;border-right:0px solid #FFF;background:url(i/nav_divider.jpg) top left no-repeat;}
#flyout li.last {border-bottom:1px solid #FFF;} /* for the last style if desired */
/* a hack for  IE6 */
* html #flyout li li {float:left;}

/* rollover styles */
#flyout li a {display:block; float:left; color:#fff; padding:0px 0px 0px 0px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#flyout li a.down {background:#fff;} /* add down arrow background image if designed */

/*** SECOND LEVEL ***/
#flyout li ul {
background-color: #0d0e5c;
border-top: 1px solid #fff; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
border-left: 1px solid #fff; 
text-align: left;
}

#flyout li ul li {
border-top: 0px solid #017FD4; 
border-right: 0px solid #017FD4; 
border-bottom: 0px solid #017FD4; 
border-left: 0px solid #017FD4; 
width: 100%;
background-image: none;
padding-left: 0px;
}

#flyout li li a {color: #fff; font-size: 12px; display:block; height:20px; line-height:20px; float:none; padding:0 25px 0 5px; font-weight:bold;}
#flyout li li a.fly {background:url(right.gif) top right no-repeat red;} /* add right arrow background image to show lower */

#flyout li:hover {position:relative; z-index:300;}
#flyout li.wecreate_hover {position:relative; z-index:300;}
#flyout li.wecreate_hover a {color:#FFF;}


#flyout li li.wecreate_hover a {color:#FFF; background-color:#da251c;}

#flyout li:hover ul {left:0; top:24px; z-index:500;}
#flyout li.wecreate_hover ul {left:0; top:23px; z-index:500;}

#flyout ul {position:absolute; left:-9999px; top:-9999px;}
* html #flyout ul {width:2px;}

/* show next level */
#flyout li:hover li:hover > ul {left:0px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#flyout li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#flyout li:hover > a {color:#FFF;}

/* ROLLOVER BG COLOR... */
#flyout li li:hover > a {color:#fff; background-color:#da251c;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover a
{color:#fff; background-color:#902318;}

#flyout li.wecreate_hover li.wecreate_hover li a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li a,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li a,
{color:#FFF; background-color:#902318;}

/* show next level */
#flyout li.wecreate_hover li.wecreate_hover ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover ul
{left:100%; margin-left:0; top:-1px;}

/* keep further levels hidden */
#flyout li.wecreate_hover ul ul,
#flyout li.wecreate_hover li.wecreate_hover ul ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover ul ul,
#flyout li.wecreate_hover li.wecreate_hover li.wecreate_hover li.wecreate_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


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

#footerNav {
	
	/*background:#EEE;*/
	text-align: center;
	border: 0px solid #ffffff;
	float: right;
	margin-right: 20px;
	
}

#footer ul li {
 display:inline;
}

#footerNav ul li a{	
	padding: 0px 5px;
	font: 12px arial, helvetica, geneva, sans-serif;
	color: #fff;
	list-style: none;	
}

#footerNav ul li a:hover {
	color: #fff;
}



/*** MAIN LAYOUT ***/

#container
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
background:transparent url('i/cflz_bg.jpg') top center no-repeat;
background-color: #6eb1fb;
}

	#container_2
	{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	border: 0px solid #000000;
	}	
		
		
			#masthead {
			border: 0px solid #fff;
			background-image: url(i/CFLZ_01.jpg);
			background-repeat: no-repeat;	
			position:relative; /* so that everything inside can be absolute*/
			width: 1000px;
			height: 360px;	
			z-index: 20;
			}
		
				#leaderboard {
				position: absolute;
				top: 13px;
				left: 8px;
				border: 0px solid #fff;
				width: 728px;
				height: 90px;	
				z-index: 80;
				}			
				
				
				#mini_login_form_container
				{		
				position: absolute;
				left: 740px;
				top: 34px;						
				border: 0px solid #fff;
				width: 257px;						
				padding: 0px;	
				display: block;											
				}			
				
				#logo 
				{
				border: 0px solid #fff;
				position: absolute;
				left: -39px;
				top: 51px;
				width: 530px; 
				height: 281px; 									
				z-index: 50;				
				background-image: url(i/logo_for_site.png);
				background-repeat: no-repeat;	
				}	
				
				#logo_link 
				{
				border: 0px solid #fff;
				position: absolute;
				left: -20px;
				top: 110px;
				width: 250px; 
				height: 150px; 					
				cursor: hand;	
				z-index: 70;					
				}						
			
				#onAir {
				border: 0px solid #fff;
				position: absolute;
				left: 749px;
				top: 135px;
				width: 246px; 
				height: 98px;					
				overflow: hidden;
				
				background-image: url(i/on_air_bg.jpg);
				background-repeat: no-repeat;	
				}
				
					.onAirImage {
					width: 246px; 
					height: 98px;
					display: block;
					cursor: hand;
					}
				
				#listen_live
				{
					position: absolute;
					left: 750px;
					top: 240px;
					width: 245px;
					height: 90px;	
					overflow: hidden;
					border: 0px solid #fff;
					cursor: hand;	
				}
				
				/*.listen_live_image
				{
					width: 169px;
					height: 28px;		
					background-image: url(i/listen_live.jpg);
					background-repeat: no-repeat;			
					display: block;		
				}*/
				
				#up_next {
					border: 1px solid #fff;
					position: absolute;
					left: 738px;
					top: 378px;
					width: 179px; 
					height: 43px; 
					background: #fff;	
					overflow: hidden;
					
					display: none;
					}
				
					.upNextImage {
					width: 179px; 
					height: 43px; 
					display: block;
					cursor: hand;
					background: #990;
					}
				
				#rotatingArtist
				{
				border: 0px solid #fff;
				position: absolute;
				left: 213px;
				top: 113px;
				width: 521px; 
				height: 219px; 					
				overflow: hidden;
				
				/*background-image: url(i/artist_image_temp.jpg);
				background-repeat: no-repeat;*/
				}
					
				.rotatingArtistImage {
				width: 742px; 
				height: 222px; 
				display: block;
				cursor: hand;
				}
				
				#nav_container
				{
				position: absolute;
				left: 0px;
				top: 334px;	
				border: 0px solid #fff;
				padding-left: 10px;
				text-align: left;
				}
				
					#nav_container_padding
					{
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 0px;
					}
		
		
		#contentContainer {
		border-top: 0px solid #fff;
		vertical-align: top;
		width: 1000px;
		min-height: 400px;
		background-image: url(i/bg_tiling.jpg);
		background-repeat: repeat-y;
		overflow: visible;
		padding-top: 0px;	
		}	
		
			#cycler_and_content_container
			{
			border: 0px solid #fff;			
			width: 1000px;
			height: 300px;
			/*background-color: #24201F;*/
			overflow: visible;
			padding-top: 0px;	
			}
		
				#image_cycler_container
				{
				float: left;				
				/*width: 650px;
				height: 290px;*/
				margin: 5px;
				background-color: #000;
				border: 0px solid #fff;
				display: block;
				}	
				
				#top_content_container
				{
				float: left;	
				position: relative;
				top: 5px;			
				padding-top: 0px;
				padding-bottom: 0px;
				width: 343px;
				height: 290px;
				background-color: #0d0e5c;
				margin: 0px;
				border: 0px solid red;	
				display: block;	
				color: #fff;	
				overflow: hidden;		
				}	
				
					#top_content_container p
					{					
					margin: 0px;
					padding: 0px;
					}					
		
				#sidebar1 {
				position: relative;
				text-align: left;
				width: 200px;
				float: left;
				border: 0px solid red;
				left: 0px;
				color: #fff;
				border-top: 0px solid #fff;
				}
			
					#sidebar1_padding
					{
					padding-left: 5px;
					padding-right: 0px;
					padding-top: 0px;
					}
					
						/*#secondary_nav_container
						{
						border: 0px solid #fff;
						width: 300px;
						text-align: left;
						background-color: #000;						
						}
						
							#secondary_nav_container_padding
							{
							padding-left: 0px;
							padding-right: 0px;
							margin-bottom: 5px;
							}*/				
											
							
						#left_column_content
						{			
						text-align: left;
						padding-top: 5px;
						padding-bottom: 5px;
						margin-top: 5px;
						margin-bottom: 5px;
						width: 191px;
						background-color: #0d0e5c;						
						}	
						
							#left_column_content_padding
							{
							padding-left: 5px;
							padding-right: 5px;
							}
							
											
						#polls_container
						{			
						text-align: center;
						padding-top: 5px;
						padding-bottom: 5px;
						margin-bottom: 5px;
						width: 191px;
						background-color: #0d0e5c;						
						}	
						
						#weather_container
						{			
						text-align: left;
						padding-top: 5px;
						padding-bottom: 5px;						
						margin-bottom: 5px;
						width: 191px;
						background-color: #0d0e5c;											
						}	
						
			
				#mainContent
				{
				position: relative;
				border: 0px solid red;
				width: 600px;
				float: left;
				padding: 0px;	
				left: 0px;					
				}
				
				
					.main_content_padding
					{
					padding-left: 15px;
					padding-right: 15px;
					text-align: left;					
					}				
					
															
									
		#right_sidebar
		{
		position: relative;
		left: 0px;
		width: 200px;
		float: left;
		text-align: left;
		border-top: 0px solid #fff;
		color: #fff;
		}
		
			#right_sidebar_padding
			{
			padding-left: 0px;
			padding-right: 0px;
			}
				
			#sidebar_local_link {
			position: relative;
			left: 0px;
			top: 10px;
			width: 185px; 
			height: 33px; 		
			overflow: hidden;
			border: 0px solid #fff;			
			background-image: url(i/connector_local.png);
			background-repeat: no-repeat;	
			display: block;
			margin: 0 auto;
			
			display: none;
			}		
				
			#skyscraper {
			position: relative;
			left: 0px;
			top: 5px;
			border: 1px solid #000;				
			width: 160px;
			height: 600px;	
			margin: 0 auto;		
			/*background-image: url(i/skyscraper.jpg);
			background-repeat: no-repeat;		*/
			}
			
		
		#footer {
		width: 1000px;
		height: 287px;
		clear: both;		
		background-image: url(i/cflz_footer_bg.jpg);
		background-repeat: no-repeat;	
		position: relative;
		text-align: center;
		border: 0px solid #fff;
		}
	
				#footer_nav_container
				{	
					position: relative;					
					top: 190px;					
					padding-top: 0px;
					border: 0px solid #fff;	
					text-align: left;	
					width: 400px;
					margin: 0 auto;		
					display: block;			 				
				}
				
				
				#footer_text_container
				{
					clear: both;
					position: relative;					
					top: 200px;
					color: #ffffff;
					font: 13px arial, helvetica, geneva, sans-serif;	
					border: 0px solid #fff;
					padding-top: 10px;
					padding-top: 10px;
					text-align: center;
					width: 1000px;
					
				}
				
				#connector_local_link {
				position: absolute;
				left: 20px;
				top: 195px;
				width: 190px; 
				height: 45px; 		
				overflow: hidden;
				border: 0px solid #fff;											
				}
	

/* Masthead Related Things */
/*#stationLogo {
	width: 1000px;
	height: 137px;		
	display: block;
}

.stationLogoImage {
	width: 1000px; 
	height: 137px; 
	display: block;
	cursor: hand;
	background-image: url(i/cflz_02.jpg);
}*/






/*** LOGIN FORM ***/

/*sidebar login form stuff*/
#loginButton
{
font: 12px/20px arial, Verdana, 'trebuchet ms', sans-serif;
cursor: hand;
padding: 0px;
margin-top: 5px;
color: #424242;
position: absolute;
left: 200px;
top: 60px;
}

#loginMiniForm
{
position: relative;
top: 0px;
left: 10px;
border: 0px solid #EE8823;
padding: 0px;
width: 245px;
color: white;
font-size: 11px;
line-height: 15px;
}

#loginMiniForm a
{
color: #fff;
}

a#logoutButton 
{
color: #fff;
}

#wrapper_logo
{
text-align: center;
padding-top: 5px;
height: 25px;

display: none;
}

#password
{
margin-bottom: 2px;
}

#wrapper_logo_padding
{
padding-top: 0px;
}

#wrapper_logo_padding h3
{
color: #EE8823;

}

#wrapper_padding
{
padding: 5px;
}

.autoFormText
{
padding-bottom: 0px;
}

#mini_login_form_container .autoFormText label
{
text-align: right;
float: left;
width: 65px;
}

#mini_login_form_container .autoFormPassword label
{
text-align: right;
float: left;
width: 65px;
}


#mini_login_form_container #autoFormText .autoFormInputs
{

}

.autoFormPassword{
clear: both;
}

#forgot_password_container
{
position: absolute;
left: 70px;
top: 62px;
height: 31px;
background-image: url(i/login_header.jpg);
background-repeat: no-repeat;
margin-top: 0px;
padding: 5px;
text-align: right;
line-height: 13px;
color: #017FD4;
}

#forgot_password_container a
{
color: #fff;
}

#loginMiniForm #email, #loginMiniForm #password
{
width: 156px;
height: 14px;
}

.mini_login_welcome
{
font-size: 14px;
font-weight: bold;
}

.mini_login_welcome a
{
color: #fff;
}

/*** main login page form ***/
/*** this style also controls all default autoform 'submit' btns...***/
.autoFormInputs .button
{
font: 12px/20px arial, Verdana, 'trebuchet ms', sans-serif;
cursor: hand;
}

.button {
/*border:0px solid #333;
padding: 0px;
margin: 0px;
text-decoration:none;*/
}

div.req-notice span
{
/*font: 24px/24px arial, verdana, helvetica, geneva, sans-serif;	*/
color: red;
}

.SC_Panel { background-color:#fff !important; }



/*** CONNECTOR ADS ***/

/*** CONNECTOR ADS ***/

#connectorAds
{
position: relative;
left: 10px;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
display: inline-block;
border: 0px solid red;
margin-top: 20px;
}

#connectorAds iframe
{
float: left;
border: 0px solid red;
}
	
	
/*this is here for when a station uploads a swf file for the skyscraper instead of an image...
this div floats over the flash and has the link applied to it*/
#flash_link
{
border: 0px solid #ffffff;
background: transparent url(i/blank.gif);
position: absolute;
width: 728px;
height: 90px;
top: 0px;
left: 0px; 
cursor: hand;
}

/******************************************************
			POINTS CATALOGUE STYLE SECTION		
******************************************************/
.points_catalogue_items th
{
background-color: #171516;
}

.points_catalogue_items .item_photo {
	margin:			3px;
	margin-right:	10px;
	margin-bottom:	10px;
}

.points_catalogue_items h3 {
	font-size:		12px;
	font-weight:	bold;
	margin-bottom:	5px;
}

.points_catalogue_items .cost {
	font-weight:	bold;
}

.points_catalogue_items .quantity {
	font-weight:	bold;
	text-align:		center;
}

/***** EXPERTS *******/

#experts_container
{

}


/***** NOW PLAYING **************/

#now_playing_container
{
position: relative;
top: -3px;
left: 2px;
width: 596px;
height: 121px;			
text-align: center;
padding-top: 0px;
padding-bottom: 1px;
background-image: url(i/now_playing_bg.jpg);
background-repeat: no-repeat;			
display: block;				
}

	#now_playing
	{
	position: absolute;
	left: 121px;
	top: 20px;
	color: #fff;								
	border: 0px solid #fff;			
	display: block;
	text-align: left;				
	}
	
	#recently_played
	{
	position: absolute;
	left: 60px;
	top: 68px;
	color: #fff;								
	border: 0px solid #fff;			
	display: block;	
	text-align: left;	
	}
	
	#instant_request
	{
	position: absolute;
	width: 130px;
	height: 90px;			
	left: 410px;
	top: 10px;
	color: #fff;								
	border: 0px solid red;			
	display: block;	
	text-align: left;	
	cursor: hand;
	}

/***** home page news RSS *******/

#home_news_rss
{
position: relative;
left: 2px;
top: 1px;	
background-color: #0d0e5c;
padding: 0px;
width: 597px;				
text-align: left;
/*background-image: url(i/home_news_rss_center.jpg);
background-repeat: repeat-y;*/
overflow: hidden;
}

#home_news_rss_2
{
position: relative;
left: 0px;	
background-color: #0d0e5c;
padding: 5px 5px 5px 5px;
/*width: 678px;*/
text-align: left;
background-image: url(i/rss_header_tiling.jpg);
background-repeat: repeat-x;
display: block;
}
/*
#home_news_rss h2
{
padding-left: 10px;
padding-bottom: 10px;
color: #fff;
}

#home_news_rss_topper
{
background-image: url(i/home_news_rss_topper.jpg);
background-repeat: no-repeat;
width: 550px;
height: 14px;
}
					
#home_news_rss_bottom
{
background-image: url(i/home_news_rss_bottom.jpg);
background-repeat: no-repeat;
width: 550px;
height: 14px;
}*/

#news_nav
{
position: relative;
left: 0px; 
top: 0px;
border: 0px solid orange;
display: block;
margin-top: 0px;
z-index: 20;
vertical-align: top;
padding-left: 5px;
width: 650px;
}

	#news_nav ul
	{
	border: 0px solid #000;
	list-style: none;
	padding: 0px;
	}

		#news_nav ul li
		{
		text-align: center;
		vertical-align: middle;			
		float: left;
		list-style: none;
		padding: 0px 0px 0px 0px;
		margin-right: 1px;
		}

			#news_nav ul li a
			{
			text-align: center;
			vertical-align: middle;
			font: 11px verdana, helvetica, arial, geneva, sans-serif;
			color: #fff;
			text-decoration: none;
			width: 84px;
			height: 25px;
			line-height: 25px;
			background-image: url(i/rss_nav.jpg);
			background-repeat: no-repeat;
			float: left;
			}


			#news_nav ul li#news_active_tab a, #news_nav ul li a:hover
			{
			color: #211C21;
			background-image: url(i/rss_nav_roll.jpg);
			background-repeat: no-repeat;
			}


#news_block
{
position: relative;
left: 0px; 
clear: left;
border: 0px solid red;
/*: 678px;*/
padding: 0px;
margin: 0px;
color: #424242;
background-color: #fff;
margin-bottom: 5px;
border-bottom: 1px solid #000;
}

	#news_block ul
	{
	list-style: none;
	padding: 0px 5px 0px 5px;
	
	}
	
	#news_block ul li
	{
	list-style: none;
	padding: 10px 0px 0px 0px;
	color: #424242;
	}
	
	#news_block ul li .rss_description
	{	
	color: #424242;
	border-bottom: 1px solid #211C21;
	padding-bottom: 10px;
	}
	
	
#home_table td
{
border: 0px solid #000;
width: 550px;
margin: 0;
padding: 0;
}
	
#rss
{
float: left;
border: 0px solid #000;
width: 275px;
}

#center_content
{
vertical-align: top;
float: left;
border: 0px solid #000;
width: 275px;
}

/*shut down images displayed in rss feed*/
.rss_image
{
display: none;
}
	
	
/*** CONTEST PAGE ***/
.badge img
{
margin-right: 10px;
margin-bottom: 10px;
}


/*** STAFF ***/

.chameleon_staff table
{
border: 0px solid #000;
width: 240px;
}

.chameleon_staff table td
{
vertical-align: top;
border: 0px dotted #000;
}

.chameleon_staff .staff_photo
{
margin: 0px 10px 10px 0px;
border: 1px solid #000;
}