/*** colors  

#fff 
#E2393C red
*/

/*** 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: #424242;
}

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: #E2393C;
	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: #E2393C;
}

.connector_ads_advertisement_text
{
position: relative;
top: 32px;
/*left: 65px;*/
left: 81px;
font-size: 9px;
color: #424242;
}

.big_box_ads_advertisement_text_1
{
position: relative;
left: 1px;
font-size: 9px;
color: #6f6f6f;

}

.big_box_ads_advertisement_text_2
{
position: relative;
left: 1px;
font-size: 9px;
color: #6f6f6f;
}

/*** 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: #E2393C; }

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

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

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


/* Navigation Styles */

/**** FIRST LEVEL... */
#primaryNav 
{
border: 0px solid #fff;
text-align: left;

}

#primaryNav ul
{
list-style: none;
padding: 0px;
width: 100%;
list-style-position: outside;
}

#primaryNav ul li
{
	float: left;
	list-style: none;	
	padding-left: 5px;
	padding-right: 20px;
	background-image: url(i/cfrn_nav_divider.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

#primaryNav ul li a
{
	display: inline;
	font: bold 15px/25px arial, helvetica, geneva, sans-serif;
	color: #fff;	
}

#primaryNav ul li:hover, #primaryNav ul li a:hover, #primaryNav ul li a.active
{	
	border-left: 0px solid #E2393C;
	border-bottom: 0px solid #E2393C;
	color: #000;
}


/**** SECOND LEVEL...*/

#primaryNav ul li .level1{
	
	padding-left: 10px;		
}

#primaryNav ul li .level1 li a{
	/*display: inline;*/
	font: bold 14px/20px arial, helvetica, geneva, sans-serif;
	/*color: #E2393C;*/
	color: #fff;
	padding-left: 0px;		
}

#primaryNav ul li .level1 li a:hover, #primaryNav ul li .level1 li .active {
	
	color: #E2393C;
}


/****THIRD LEVEL... */

#primaryNav ul li .level2{
	
	padding-left: 20px;
}

#primaryNav ul li .level2 li a{	
	font: bold 11px/20px arial, helvetica, geneva, sans-serif;	
	color: #fff;
	padding-left: 0px;
}

#primaryNav ul li .level2 li a:hover, #primaryNav ul li .level2 li .active {	
	color: #E2393C;
}


/*** SEPARATE SECOND LEVEL NAV ***/
#secondaryNav ul
{
width: 300px;
list-style: none;
padding-left: 5px;
background-color: #000;
margin-top: 5px;
margin-bottom: 5px;
border: 0px solid #fff;
overflow: hidden;
}

#secondaryNav ul.level1 {
    width: 275px;
}

#secondaryNav ul li 
{
 /*display:inline; */
background-image: url(i/cfrn_second_lvl_divider.jpg);
background-position: bottom left;
background-repeat: no-repeat;
}

#secondaryNav ul li a{
	font: bold 14px/30px arial, helvetica, geneva, sans-serif;
	color: #fff;	
	padding-right: 15px;	
}

#secondaryNav ul li a:hover, #secondaryNav ul li .active {
	color: #E2393C;
}


/**** THIRD LEVEL OF A SEPARATE SECOND LEVEL MENU...*/

#secondaryNav ul li .level1 li{
	background-image: none;	
	list-style: disc;
	color: #fff;
}

#secondaryNav ul li .level1{
	
	padding-left: 20px;		
}

#secondaryNav ul li .level1 li a{
	/*display: inline;*/
	font: bold 13px/20px arial, helvetica, geneva, sans-serif;
	/*color: #006AB6;*/
	color: #fff;
	padding-left: 0px;		
}

#secondaryNav ul li .level1 li a:hover, #secondaryNav ul li .level1 li .active {
	
	color: #E2393C;
}


/******** SEPERATE THIRD LEVEL NAV ********/
#thirdNav
{
padding-bottom: 20px; 
border: 0px solid #000000;
}

#thirdNav ul
{
list-style: none;
}

#thirdNav ul li a
{
text-align: center;
vertical-align: middle;
font: 12px/20px arial, verdana, helvetica, geneva, sans-serif;
color: #424242;
text-decoration: none;
border: 0px solid #ffffff;

}

#thirdNav ul li.active a, #thirdNav ul li a:hover
{
color: #e0393e;
}




#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: #424242;
	list-style: none;	
}

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



/*** MAIN LAYOUT ***/

#container
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
background-color: #000;
background-image: url(i/cfrn_bg_tiling.jpg);
background-repeat: repeat-x;
}

	#container_2
	{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	border: 0px solid #000000;
	}	
		
		
			#masthead {
			border: 0px solid #fff;
			background-image: url(i/cfrn_01.jpg);
			background-repeat: no-repeat;	
			position:relative; /* so that everything inside can be absolute*/
			width: 1000px;
			height: 360px;	
			}
		
				#leaderboard {
				position: absolute;
				top: 13px;
				left: 8px;
				border: 0px solid #fff;
				width: 728px;
				height: 90px;	
				}			
				
				
				#mini_login_form_container
				{		
				position: absolute;
				left: 740px;
				top: 34px;						
				border: 0px solid #fff;
				width: 257px;						
				padding: 0px;	
				display: block;											
				}			
				
				
				#logo_link {
					border: 0px solid #fff;
					position: absolute;
					left: 45px;
					top: 120px;
					width: 220px; 
					height: 140px; 					
					cursor: hand;	
					z-index: 50;
				}
			
				#onAir {
					border: 0px solid #fff;
					position: absolute;
					left: 749px;
					top: 136px;
					width: 246px; 
					height: 135px;					
					overflow: hidden;
					
					/*background-image: url(i/cfrn_on_air_temp.jpg);
					background-repeat: no-repeat;	*/
				}
				
					.onAirImage {
						width: 246px; 
						height: 135px;
						display: block;
						cursor: hand;
					}
				
				#listen_live
				{
					position: absolute;
					left: 750px;
					top: 280px;
					width: 245px;
					height: 47px;	
					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: 0px;
					top: 111px;
					width: 744px; 
					height: 222px; 					
					overflow: hidden;
					
					/*background-image: url(i/cfrn_rotating_image_temp.jpg);
					background-repeat: no-repeat;*/
				}
					
				.rotatingArtistImage {
					width: 465px; 
					height: 112px; 
					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: 0px solid #fff;
		vertical-align: top;
		width: 1000px;
		min-height: 400px;
		background-image: url(i/cfrn_02_tiling.jpg);
		background-repeat: repeat-y;
		overflow: visible;
		padding-top: 0px;	
		}
		
		#contentContainer_2 {
		border: 0px solid #fff;
		vertical-align: top;
		width: 1000px;
		min-height: 400px;
		background-image: url(i/cfrn_02_topper.jpg);
		background-repeat: no-repeat;
		overflow: visible;
		padding-top: 0px;	
		}
		
		
				#sidebar1 {
				position: relative;
				text-align: left;
				width: 310px;
				float: left;
				border: 0px solid red;
				left: 0px;
				}
			
					#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;
							}*/
					
						#image_cycler_container
						{
						text-align: center;
						padding-top: 5px;
						padding-bottom: 5px;
						width: 300px;
						background-color: #000;
						margin-bottom: 0px;
						border: 0px solid red;
						}							
												
						#polls_container
						{			
						text-align: center;
						padding-top: 5px;
						padding-bottom: 5px;
						width: 300px;
						background-color: #000;
						}	
						
						#event_container
						{
						width: 300px;
						margin-top: 10px;
						border: 0px solid orange;
						}					
						
			
				#mainContent
				{
				position: relative;
				border: 0px solid red;
				width: 690px;
				float: left;
				padding: 0px;	
				left: 0px;					
				}
				
				
					#mainContent_padding
					{
					padding-left: 15px;
					padding-right: 15px;
					text-align: left;					
					}
					
					#mainContent_padding.home
					{
					padding-left: 0px;
					padding-right: 0px;
					text-align: left;					
					}
					
					#home_fire_ant_content
					{
					padding-left: 15px;
					padding-right: 15px;
					text-align: left;	
					border: 0px solid red;				
					}
									
						#cycler_weather_container
						{
						position: relative;
						left: 1px;	
						background-color: #000;
						padding: 5px;
						width: 678px;
						/*width: 650px;*/
						overflow: visible;
						z-index: 100;
						text-align: left;
						margin-bottom: 1px;
						}	
						
						
							#image_cycler_container_2 /* MOHANNAD....this is the second cycler, currently just holding an image placeholder  */
							{
							float: left;
							position: relative;
							left: 0px;						
							padding-top: 0px;
							padding-bottom: 0px;
							width: 553px;
							/*width: 530px;*/
							height: 240px;						
							margin-bottom: 0px;
							border: 0px solid #fff;
							text-align: left;
							overflow: hidden;
							}
											
							#homepage_box
							{
							position: relative;
							left: 5px;	
							text-align: center;
							float: left;							
							width: 120px;
							height: 240px;
							border: 0px solid #fff;
							text-align: left;	
							color: #fff;						
							}
							
							#homepage_box a
							{
							color: #E2393C;
							}
								
				
		#right_sidebar
		{
			position: relative;
			left: 120px;
			width: 170px;
			float: left;
			text-align: left;
			border: 1px solid #fff;
		}
		
			#right_sidebar_padding
			{
				padding-left: 0px;
				padding-right: 0px;
			}
				
						
			/*#skyscraper {
				border: 1px solid #fff;
				position: relative;
				left: 7px;
				top: 0px;
				width: 160px;
				height: 600px;				
			}*/
			
		
		#footer {
		width: 1000px;
		height: 305px;
		clear: both;
		background-color: #E2393C;
		background-image: url(i/cfrn_03.jpg);
		background-repeat: no-repeat;	
		position: relative;
		text-align: center;
		border: 0px solid #fff;
		}
	
				#footer_nav_container
				{
					position: absolute;					
					top: 120px;
					left: 600px;
					padding-top: 0px;
					border: 0px solid #000;	
					text-align: right;	
					width: 400px;	
					
					 				
				}
				
				
				#footer_text_container
				{
					clear: both;
					position: relative;					
					top: 145px;
					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: 740px;
						top: 50px;
						width: 170px; 
						height: 45px; 		
						overflow: hidden;
						border: 1px solid #fff;
						
						display: none;
					}
	

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

.stationLogoImage {
	width: 1000px; 
	height: 137px; 
	display: block;
	cursor: hand;
	background-image: url(i/cfrn_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 ***/

#connectorAds
{
text-align: center;
padding-top: 0px;
padding-top: 30px;
padding-bottom: 6px;
border: 0px solid red;
}

#connectorAds ul li
{
height: 125px;
list-style: none;
padding: 0;
margin-bottom: 6px;
margin-left: 0;
} 
	
	#connectorAds img
	{
	border: 1px solid #EE8823;	
	}
	
	/* connector local ad at top of connector ads... */
	.ca_sim_125 {
	border: 1px solid #EE8823;
	margin-bottom: 6px;	
	}	
	
	
	
/*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
{

}


/***** STAMP ADS **************/
/*
#stamps {
 clear: both;
 position: relative;
 left: 115px; 
 border: 0px solid #000;
 height: 110px;
 width: 770px;
}

#stamps div {	
float: left;
padding-left: 10px;   
}

#stamps div img{	
 height: 110px;
 width: 142px;
}
*/

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

#home_news_rss
{
position: relative;
left: 1px;	
background-color: #000;
padding: 0px;
width: 688px;				
text-align: left;
/*background-image: url(i/home_news_rss_center.jpg);
background-repeat: repeat-y;*/

}

#home_news_rss_2
{
position: relative;
left: 0px;	
background-color: #000;
padding: 5px 5px 5px 5px;
/*width: 678px;*/
text-align: left;
background-image: url(i/rss_header_tiling.jpg);
background-repeat: repeat-x;

}
/*
#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;
}