/* CSS Styles for BlackRadioNetwork.com
	
	Created by: Rockland Web Design
	Web: www.rocklandwebdesign.com
	E-Mail: tom@rocklandwebdesign.com
	
	Creator: Tsvetan Dimitrov
	E-Mail: ceco@rocklandwebdesign.com
	
	All rights reserved.
*/

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

/* Global properties for type selectors */
body{ background-color:#313131; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
a{ text-decoration:none; color:black; /*color:#3366CC;*/ }
a:visited{color:#E3041F;}
a:hover{ text-decoration:underline; color:black; /* color:#3366CC; */ }
*{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.marqueelinkPR { color:#3366CC; font-weight:bold; }
.marqueelinkBUS { color:black; font-weight:bold; }

.marqueelinkPR:visited {color:#E3041F;}
.marqueelinkBUS:visited {color:#E3041F;}

/* ############################################################################# */
/* HOME PAGE STYLES */
/* ############################################################################# */

body #searchArea
{
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-20px;
	display:none;
	z-index:100;
}

.contentHolder
{
	width: 1024px;
	min-height: 767px;
	/* background-color:white; */
	background-color:#A1BEF0;
	border: 0px black solid;
	overflow:hidden;
}

/* The top logo */
.topLogo
{
	border: 0px;
	/* background:url(../images/logo_top.gif) center no-repeat; */
	width: 100%;
	height: 135px;
	background-color:#c3dbfd;
	position:relative;
}

	
	.topLogo_text
	{
		width:150px;
		position:absolute;
		left:70px;
		top:20px;
		z-index:100;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		.topLogo_text h2
		{
			height:22px;
			margin:0px;
			padding:0px;
		}
	
	.topLogo_flash
	{
		position:absolute;
		left:22px;
		top:0px;
		z-index:0;
	}
	

#subscribeField
{
	float:left;
	position:relative;
	top:-55px;
	left:0px;
	text-align:left;
	margin-left:20px;
	margin-bottom:-65px;
	clear:both;
}

#currentReport
{
	margin:2px;
	position:relative;
	height:20px;
	background-color:#A1BEF0;
}

	#currentReport #displayReport
	{
		text-transform:uppercase;
		font-size:1.3em;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-weight:bold;
		letter-spacing:1px;
		word-spacing:3px;
		padding-top:1px;
	}


/* The scrolling marquee underneath the top logo: THESE ARE PROPERTIES FOR THE DIV TAG ONLY*/
.marquee
{
	 background-image:url(../images/marquee_background.gif); 
	/*background-image:url(../images/marquee_background_blue.gif);*/
	background-repeat:repeat-x;
	height:24px;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
}
	/* Properties for the marquee element itself */
	.marqueeDetail
	{
		width:100%;
		height:20px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		overflow:hidden;
		white-space: nowrap;
		padding-top:3px;
	}
	
	/*.marqueeDetail a
	{
		color:#00003C;
		font-weight:bold;
	} */
	
.columnContainer
{
	/* background-image:url(../images/columns_background.gif);  */
	background-image:url(../images/columns_background.png);
	width: 100%;
	overflow:hidden;
	/* min-height:405px; */
	padding:0px;
	margin:0px;
	text-align:left;
}

.leftColumn
{
	width:238px;
	min-height:405px;
	float:left;
	overflow:hidden;
	padding-top:20px;
	text-align:center;
	border-right:1px #666666 solid;
}

.pageCol
{
	width:755px;
	min-height:405px;
	text-align:left;
	padding: 15px;
	float:left;
}
	
	.leftColumn a
	{
		color:#2c538a;
		font-weight:bold;
	}
	
	.leftColumn a:hover
	{
		color:#2c538a;
	}
	
.middleColumn
{
	width:398px;
	padding:10px;
	padding-right:5px;
	min-height:405px;
	float:left;
	overflow:hidden;
}

	.middleColumn #leadingStory
	{
		background-color:#D2D2D2;
		padding:10px;
		width:370px;
		margin-left:15px;
	}
	
	.middleColumn #leadingStory div
	{
		text-align:center;
		/* margin:auto; */
	}
	
	.middleColumn #leadingStory div img
	{
		width:300px;
	}
	
	.middleColumn #leadingStory #leadingTitle
	{
		font-weight:bold;
		/* padding:5px; */
		text-align:justify;
	}
	
.specialStory
{
	background-color:#c3dbfd;
	font-weight:bold;
}

	.specialStory a
	{
		color:#2c538a;
		font-weight:bold;
	}
	
	.specialStory a:hover
	{
		color:#2c538a;
	}

.ul
{
	margin-left:15px;
}


.rightColumn
{
	width:343px;
	padding:10px;
	padding-left:5px;
	min-height:405px;
	float:left;
	overflow:hidden;
}

.rightColumn img
{
	width:170px;
	float:none;
	margin:5px;
	clear:both;
}

.bottomColumnContainer
{
	width: 100%;
	position:relative;
}

.headlineHiddenInfo
{
	width:290px;
	height:150px;
	background-color:#FFFFBF;
	border:1px black solid;
	position:absolute;
	bottom:-5px;
	left:-5px;
	display:none;
	padding:10px;
}


.li
{
	padding-left:15px;
	/* background:url(../images/bullet.gif) top left no-repeat;
	/*margin:5px 0px;
	min-height:20px; */
	clear:both;
}

#rightCol .li
{
	background:none;
}

.roundupli
{
	margin-left:10px;
	padding-left:25px;
	background:url(../images/checkmark.gif) top left no-repeat;
	/*margin:5px 0px;
	min-height:20px; */
	clear:both;
}

.roundupgroupli
{
	/*padding-left:15px;
	background:url(../images/bullet.gif) top left no-repeat;
	margin:5px 0px;
	min-height:20px; */
	clear:both;
}

.roundUpStory a:visited { color:black; }
.roundUpStory a:active { color:black; }

.headlineHolder
{
	position:relative;
	cursor:pointer;
	/*padding:5px;
	 min-height:20px; */
	border-bottom:1px black dashed;
	font-weight:bold;
	text-align:left;
}

	.headlineHolder a, .headlineHolder a span
	{
		font-weight:bold;
	}
	

/* ############################################################################# */
/* SUB PAGE STYLES */
/* ############################################################################# */

.subpage_nav
{
	height:23px;
	padding-top:2px;
	width:100%;
	text-align:center;
	background-color:#c3dbfd;
}

.hidden
{
	width:100%;
	text-align:center;
	background-color:#c3dbfd;
	display:none;
	padding:5px 0px;
}
	.subpage_nav .menuItem, .subpage_nav .menuItem a
	{
		display:inline;
		margin:0px 10px;
		font-size:1.2em;
		text-transform:uppercase;
		color:black;
	}
	
	.activeMenuItem, .activeMenuItem a
	{
		display:inline;
		margin:0px 10px;
		font-size:1.2em;
		text-transform:uppercase;
		color:black;
		font-weight:bold;
	}
		

.subPageContent
{
	width: 994px;
	min-height:405px;
	background-color:white;
	text-align:left;
	padding: 15px;
}

#contactForm
{
	margin:25px;
}

	#contactForm p
	{
		width:100%;
		clear:both;
	}
	
	#contactForm p span
	{
		float:left;
		width:100px;
	}
	
.subpage_footer_area
{
	width:100%;
	height:100px;
	background-image:url(../images/subpage_columns_background.gif);
}
	.subpage_footer_area .subpage_footer
	{
		width: 576px;
		height: 100px;
	}

/* ############################################################################# */
/* ADMIN AREA STYLES */
/* ############################################################################# */


.adminContent
{
	margin:10px;
	min-height:700px;
}

.admin_login_screen form
{
	width:300px;
} 

.admin_login_screen span
{
	float: left;
	width:80px;
} 

.adminMenu
{
	width:98%;
	padding:5px;
	overflow:hidden;
}

	/* These will hold hint text */
	.adminMenu .hintText
	{
		display:none;
	}
	
	.adminMenu .menuItem, .sectionMenu .menuItem
	{
		padding-left:10px;
		padding-right:10px;
		margin-top:5px;
		float:left;
	}
	
	.sectionMenu .menuItem a
	{
		font-size:1.5em;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
	}
	
	/* This is where the hint text will be displayed */
	.hintContainer
	{
		color: #454545;
		display:block;
		background-color:#FFFFBF;
		border:1px black solid;
		padding:5px;
	}
	
	#section
	{
		color: black;
		padding-top:10px;
		font-size:2em;
	}
	
	.hintContainer *
	{ 
		font-size:x-small;
		text-align:left;
	}
	

.adminContent .submitArea
{
	text-align:left;
	position:relative;
}

	/* add new story */
	.formP { width:100%;clear:both;}
	.pSpan { float:left; width:20%; text-align:left; }

/* ############################################################################# */
/* MISCELLANEOUS STYLES */
/* ############################################################################# */

.error_area
{
	color:red;
	font-size:larger;
	font-weight:bold;
}

.input
{
	background-color:#EAEBFD;
	color: #454545;
	width:200px;
}

.search_input
{
	background-color:#EAEBFD;
	color: #454545;
	overflow:hidden;
}

.longInput
{
	width:600px;
}

.mediumInput
{
	width:300px;
}

.textarea
{
	width:600px; 
	height:100px;
}

.submitButton
{
	background-color:#EAEBFD;
	color:black;
}

.insertFlashButton
{
	width:150px;
	text-align: right;
	font-size:9pt;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	height:28px;
	border:1px black solid;
	background: white url(../images/flash_logo.png) center left no-repeat;
	cursor:pointer;
}

.insertAudioFileButton
{
	width:140px;
	text-align: right;
	font-size:9pt;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	height:28px;
	border:1px black solid;
	background: white url(../images/audio_icon.png) center left no-repeat;
	cursor:pointer;
}


.greyBar
{
	height:1px;
	overflow:hidden;
	background-color:#666666; 
	width:100%; 
	clear:both;
}

.error
{
	color:red;
	font-size:larger;
	font-weight:bold;
	text-align:center;
}

.confirmation
{
	color:green;
	font-size:larger;
	font-weight:bold;
	text-align:center;
}

.marqueeStory
{
	/* width:1024px; */
	/* height:800px; */
	overflow:auto;
	margin:auto;
	border:0px;
}

/* project manager */
.storyLine
{
	color:#000000;
	text-decoration:none;
}

.table
{
	width:100%;
	background-color:#FFFFFF;
	padding:10px;
	text-align:left;
}

.button
{
	height:20px;
	background-color: #CCCCCC;
	font-size:9px;
	font-weight:bold; 
	color: #336699; 
	font-family: Verdana;
}

.text
{
	background-color: #CCCCCC;
	color:#336699;
	border: 1px solid;
	border-color: #336699;
	font: 12px/16px Tahoma, Verdana, sans-serif;
	width:200px;
}

#postInfo
{
	position:absolute;
	top:30px; left:210px;
	display:none;
	width:200px;
	/*height:165px;*/
	border:1px solid black;
	background-color:#FFFFBF;
	padding:10px;
	text-align:left;
}

#previewRSS
{
	position:absolute;
	top:30px; left:180px;
	display:none;
	width:400px;
	/*height:165px;*/
	border:1px solid black;
	background-color:#FFFFBF;
	padding:10px;
	text-align:left;	
}
#previewInfo2
{
	position:absolute;
	top:30px; left:340px;
	display:none;
	width:200px;
	/*height:155px; */
	border:1px solid black;
	background-color:#FFFFBF;
	padding:10px;
	text-align:left;
	z-index:100;
}

#priorotizeStories, #priorotizeStoriesRoundup
{
	position:absolute;
	top:30px; left:90px;
	display:none;
	width:800px;
	height:500px;
	border:1px solid black;
	background-color:#FFFFBF;
	padding:10px;
	text-align:left;
	z-index:100;
}

.moveArrow
{
	position:relative; 
	top:150px; 
	font-size:1.5em; 
	font-weight:bold; 
	color:black; 
	text-align:center; 
	cursor:pointer;
}

#postInfo div {margin:10px 0px;}
#previewInfo div {margin:10px 0px;}
#previewInfo2 div {margin:10px 0px;}

/* Free vertical spaces */
.space1px { height:1px;}
.space2px { height:2px;}
.space3px { height:3px;}
.space4px { height:4px;}
.space5px { height:5px;}
.space6px { height:6px;}
.space7px { height:7px;}
.space8px { height:8px;}
.space9px { height:9px;}
.space10px { height:10px;}
.space11px { height:11px;}
.space12px { height:12px;}
.space13px { height:13px;}
.space14px { height:14px;}
.space15px { height:15px;}
.space20px { height:20px;}

.scheduledStoriesReminder
{
	width:500px;
	height:100px;
	background-color:#d4dffc;
	border:1px solid black;
	text-align:left;
	color:#003399;
	position:absolute;
	top:50%;
	left:50%;
	margin-top: -50px;
	margin-left: -250px;
}

	.scheduledStoriesReminder div
	{
		background-color:#0099FF;
		color:black;
		margin-bottom:5px;
		padding:3px 0px;
		border-bottom:1px black solid;
	}

#titlePreviewArea
{
	border:1px black solid;
	width:400px;
	height:100px;
	padding:10px;
	position:absolute;
	top:50px;
	left:550px;
}

.filterField
{
	float:left;
	margin-left:20px;
}

	
	.rss_item
	{
		margin-top:20px;
	}
	
	.rss_item a,  .rss_item a:visited 
	{
		font-size:120%;
		font-weight:bold;
		color:black;
	}
	
	
/* CUSTOM FCK STYLES */
#videoUploadField
{
	width:310px;
	height:100px;
	border:2px #666 solid;
	background-color:white;
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-155px;
	margin-top:-50px;
}

/* UPLOADING MEDIA THRU FCK EDITOR */
.fck_media_btn
{
	background:url(../images/fck_media.png) left center no-repeat;
	padding-left:23px;
	height:44px;
	text-align:left;
	width:230px;
	font-size:10pt;
	font-family:Verdana, Geneva, sans-serif;
	cursor:pointer;
	padding-left:45px;
}

.mediaUploadField
{
	width:410px;
	height:240px;
	border:2px #666 solid;
	background-color:#FFF;
	display:none;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-205px;
	margin-top:-120px;
	padding:10px;
	overflow:hidden;
}


	.mediaUploadTitle
	{
		clear:both;
		text-align:center;
		font-weight:bold;
		padding:5px;
		margin-bottom:20px;
	}
	
	.tabbedMenu
	{
		width:100%;
		height:20px;
		border:0px;
	}
	
	.tabbedMenu .mItem_fck
	{
		float:left;
		width:200px;
		height:20px;
		background-color:white;
		text-align:center;
		cursor:pointer;
		border:1px black solid;
	}
	
	.tabbedMenu div:hover
	{
		text-decoration:underline;
	}
	
.pc_upload_fields
{
	background-color:white;
	padding:10px;
	border:1px black solid;
}

.server_upload_fields
{
	background-color:white;
	display:none;
	padding:10px;
	border:1px black solid;
}

.browseServerButton
{
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
}

	.browseServerButton:hover
	{
		text-decoration:none;
	}