@charset "utf-8";
/* Bay Radio CSS Document */
/* Last Updated: 02nd May 2008 */
/* By Neil Azzopardi */

html, body
{
	background-color: #9e9e9e;
	padding: 0;
	margin: 0;
	background-image:url(../filebank/bk_main.gif);
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	
img
{
	border:0;
}

#bayContainer {
	width: 985px;
	overflow:hidden;
	margin: 0 auto;
	}

/* Bay Radio Header */

#HeaderLogo {
	float: left;
	width: 368px;
	height: 177px;
	}

#HeaderBanner {
	float: left;
	width: 616px;
	}
#HeaderBanner IMG{
	float: left;
}

#MenuJava {
	float: left;
	background-color:#FFF;
	text-align:right;
	overflow:hidden;
	width: 606px;
	padding: 0 10px 0 0
	}

#Menu IMG {
	float: right;
	}

#MenuNowPlaying
{
	float: left;
	width: 340px;
	height: 53px;
}
	
/* Layout */
#bayHeader{
	width: 100%;
	overflow:hidden;
	padding:10px 0 0 0;
	background-color:#FFF;
	}

#bayMarquee
{
	float:left;
	background-color:#FFF;
	padding: 0 10px 0 10px;
	width:965px;
	font-size:12px;
}
#bayMarquee Span{
	float: left;
	width: 940px;
	text-align:center;
	height: 22px;
	color: #000;
	padding: 8px 12px 0px 12px;
	background-color: #ffd503;
	}

#bayMarquee a {
	color: #000;
	}	

#bayMarquee a:hover {
	text-decoration: underline;
	color:#666;
	}	

#bayContentContainer {
	float: left;
	width: 965px;
	padding: 10px;
	height: auto;
	background-color: #FFF;
	}

#bayContentLeftContainer {		/* Billboard + 3 Modules */
	float: left;
	width: 700px;
	height: 495px;
	}

#bayContentLBottomContainer {
	float: left;
	width: 700px;
	}	
	
#bayBillboard {
	width: 700px;
	height: 237px;
	padding-bottom: 10px;
	}

#bayBlogContainer {
	float: left;
	width: 254px;
	margin: 0 0 10px 10px;
	overflow:hidden;
	height:237px;
	}

#ShowBizContainer {
	float: left;
	width: 254px;
	margin: 0 0 10px 10px;
	overflow:hidden;
	height:348px;
/*	height: 595px;*/
	}

#bayTrailersContainer {
	float: left;
	width: 254px;
	margin-left: 10px;
	background-color: #9cc300;
	height: 338px;
	}
	
#bayGallery {
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 965px;
	height: 112px;
	background-color: #FF3366;
	}

#bayAdvert {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 700px;
	overflow:hidden;
	}

#advertsContainer {
	float: left;
	width: 700px;
	margin-top: 10px;
	overflow:hidden;
	}	

#bayFooter {
	float: left;
	width: 100%;
	height: 33px;
	padding-top: 10px;
	text-align: center;
	}

#bayFooter a {
	font-size: 9px;
	color: #FFF;
	text-decoration: none;
	}

#bayFooter a:hover {
	color: #EEE;
	}

/* BAY Header */

#bayHeaderLogo {
	height: 177px;
	float:left;
	}

#bayHeaderMenu {
	height: 58px;
	background-color: #e5176a;
	}
	
/* Site Modules */

/* // Module 1 = Artist of the Month // */	
/* // Module 2 = Event of the Month // */
/* // Module 3 = Bay Video // */
/* // Module 4 = Fun Vote // */
/* // Module 5 = Must See TV // */
/* // Module 6 = Win with 89.7 BAY // */

/* // COLOUR CODES MANUAL // */

/* // #f68120 = Orange // */
/* // #7fc241 = Green // */
/* // #a155a0 = Purple // */
/* // #e5176a = Pink // */
/* // #a8d200 = Green // */
/* // #1278a9 = Aqua // */
/* // #e70909 = Red // */


#ModuleContainer1, #ModuleContainer2, #ModuleContainer3{
	float: left;
	width: 227px;
	height: 248px;
	}

#ModuleContainer4, #ModuleContainer5, #ModuleContainer6 {
	float: left;
	width: 227px;
	height: 249px;
}

#ModuleContainer1, #ModuleContainer4 {
	background-color: #f68120;		/* Modify to Change Module Colour */
	}	
#ModuleContainer2, #ModuleContainer5 {
	margin-left: 10px;				
	margin-right: 10px;
	background-color: #7fc241;		/* Modify to Change Module Colour */
	}
#ModuleContainer3, #ModuleContainer6 {
	width: 226px !important;	
	background-color: #a155a0;		/* Modify to Change Module Colour */
	}

#ModuleContainer4 {
	background-image: url(../pics/content4.gif) !important;
	background-repeat: no-repeat;
	background-position: 45px 0px 0px 0px;
	}

#tabContainer1, #tabContainer2, #tabContainer3,
#tabContainer4, #tabContainer5, #tabContainer6 {
	width: 227px;
	height: 45px;
	}

#tabContainer3, #tabContainer6 {
	width: 226px !important;
	}

#imgContainer1, #imgContainer2, #imgContainer3,
#imgContainer4, #imgContainer5, #imgContainer6 {
	width: 227px;
	height: 100px;
	}

#imgContainer3, #imgContainer6 {
	width: 226px !important;
	}

#contentContainer1, #contentContainer2, #contentContainer3,
#contentContainer4, #contentContainer5, #contentContainer6 {
	width: 191px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 10px;
	height: 83px;
	overflow: hidden;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 10px;
	color: #FFF;
	}
	
#contentContainer3, #contentContainer6 {
	width: 190px !important;
	}

/* Mainpage Adverts */
#baympAdvert1
{
	float: left;
	width: 700px;
	overflow:hidden;
	height: 90px;
	background-color: #003300;
}
/* #baympAdvert2
{
	float: left;
	margin-left: 10px;
	width: 226px;
	overflow:hidden;
	height: 80px;
	background-color: #003300;
} */

/* Cinema Trailers */

#tabCinema Trailer	{
	height:  44px;
	}

/**/.cinemaContainer {
	height: 51px;
	background-color: #497fc8;
	overflow: hidden;
	}

/**/.cinemaContainer img {
	float: left;
	width: 99px;
	height: 50px;
	/* insert bk picture */
	overflow: hidden;
	}

/**/.cinemaCaption {
	float: left;
	width: 155px;
	height: 50px;
	background-color: #bdd9ff;
	}

/**/.cinemaCaptionText {
	width: 135px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	height: 31px;
	color: #3b3b3b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

/**/.cinemaCaptionViewTrailer img {
	width: 155px;
	height: 9px;
	}

#ADBannerRight{
	width: 254px;
	padding-top: 10px;
	height: 90px;
	background-color: #FFF;
	}
		
/* Blog */

#tabBlog {
	height: 45px;
	}

/* INNER PAGE  */

#profilesHeader {
	width: 964px;
	height: 110px;
	float:left;
	padding-left:10px;
	overflow:hidden;
}

#profilesTitle {
	width: 964px;
	height: 53px;
	float:left;
	padding-left:10px;
	overflow:hidden;
	}
	
#profilesContainer {
	width: 965px;
	padding: 10px;
	float:left;
	background-color: #FFF;
	overflow:hidden;
	}

#profilesLeftBar {
	float: left;
	width: 234px;
	}	

#profilesContent {
	float: left;
	width: 719px;
	margin-left: 10px;
	}	

#profilesPictureHolder {
	width: 234px;
	height: 298px;
	}

#profilesEMail {
	width: 234px;
	height: 44px;
	}	

#profilesPageTitle {
	width: 722px;
	height: 81px;
	}

#profilesContentText {
	padding-top: 10px 0 10px 0;
	width: 722px;
	}

#schedulesContainer {
	width: 965px;
	padding: 10px;
	float:left;
	overflow:hidden;
	background-color: #FFF;
	}
	
/* GENERIC PAGE  */

#genericContent {
	float: left;
	width: 722px;
	overflow: hidden;
	padding: 0 10px 0 10px;
	}

#genericContentTXT {
	float: left;
	background-color: #f5f5f5;
	padding: 20px;
	width: 702px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 16px;
	}
	
/* BLOG PAGE  */

#blogLeftBar {
	float: left;
	width: 223px;
	}

#blogContent {
	float: left;
	width: 479px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
#blogRightBar {
	float: left;
	width: 241px;
	}

#blogPageTitle {
	height: 82px;
	float:left;
	}

#blogContentTXT,#EventsguideContent
{
	float: left;
	background-color: #f5f5f5;
	padding: 20px;
	width: 439px;
	color: #000;
	overflow:hidden;
	line-height: 16px;
}
	
#blogRecentPosts {
	height: 45px;
	}

#blogRecentBox {
	width: 221px;
	padding: 10px;
	background-color: #f0f0f0;
	}

.blogOption
{
	padding: 6px 5px 6px 5px;
	color: #333;
	font-size: 10px;
	width:211px;
	border-bottom:1px solid #e2e2e2;
}
	.blogOption a
	{
		color:#272727;
		text-decoration:none;
	}
	.blogOption a:hover
	{
		color:#113873;
		text-decoration:none;
	}

#blogADRight, #blogADmain, #blogADleft {
	padding-top: 10px;
	}

#tabMoreSections1 {
	height: 45px;
	}

#moreBox1 {
	padding: 10px;
	background-color: #24539b;
	}

/**/.moreOption {
	height: 20px;
	color: #fffeff;
	font-size: 10px;
	background-image:url(../pics/arrow_sub.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #90b7e2;
	background-color: #24539b;
	padding: 6px 0 0 15px;
}
/**/.moreOption a{
	color: #FFF;
	text-decoration:none;
	}

/**/.moreOption a:hover {
	color: #90b7e2;
	text-decoration:none;
	}

	.blogComment {
	width:439px;
	padding:20px;
	float:left;
	margin:10px 0 0px 0;
	background-color: #f5f9fd;
	}
	
#CommentModule {
	height: 35px;
	float:right;
	text-align:right;
	width:439px;
	margin:10px 0 0 0;
	}
	
/* Bay DJs Info */

#scheduleLeftBar {
	float: left;
	width: 223px;	
	}

#scheduleContainer {
	float: left;
	margin-left: 10px;
	width: 732px;
	}
	

#scheduleDate {
	height: 45px;
	background-image: url(../pics/pagetitle_bk.gif);
	background-repeat: repeat-x;
	}

/**/.scheduleDJ {
	float: left;
	width: 175px;
	margin-top: 10px;
	height: 128px;
	background-color: #eff5d8;
	}
	
/**/.scheduleDJContainer {
	float: left;
	width: 175px;
	padding: 0 0 0 10px
	}
	
	.scheduleDJContainer IMG
	{
		width:174px;
		height:114px;
	}
#scheduleDJContainer{
	float: left;
	margin: -10px 0 0 1px;
	width: 740px;
	}

.scheduleDJContainer IMG
{
	float:left;
	padding-bottom:1px;
	margin-top:10px;
}
.scheduleDJName, .GalleryName
{
	background-image:url(../pics/bk_blogdj.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
}
.scheduleDJName
{
	padding: 12px 0 2px 20px;
	height:37px;
	width: 155px;
}

.GalleryName
{
	padding: 5px 0 2px 10px;
	height:44px;
	width: 165px;

}

.scheduleDJTime
{
	font-size:11px;
	color:#d81563;
	line-height:13px;
	width:125px;
	float:left;
}

.scheduleMoreIcon
{
	float:right;
	padding:4px 2px 0 0;
}
	.scheduleMoreIcon IMG, .galleryMoreIcon IMG
	{
		height:22px;
		width:25px;
	}
.galleryMoreIcon
{
	float:right;
	padding:11px 2px 0 0;
}
/*Events Guide*/
.EventsItem
{
	float: left;
	width:100%;
}
.EventsItemThumbnail
{
	background-image:url(../pics/bk_thumbnail.gif);
	background-repeat:no-repeat;
	padding:7px;
	height:86px;
	width:172px;
	float:left;
	overflow:hidden;
}
.EventsGuideTXT
{
	color:#040404;
	width:242px;
	float:left;
	margin: 5px 0 0 10px;
	line-height:15px;
}
.EventsGuideTXT P
{
	font-size:12px;
	color:#ff6c00;
	font-weight:bold;
	margin:0px;
	padding-bottom:3px;
}
.EventsItem .MoreInfoButton
{
	float:left;
	margin: 7px 0 0 10px;
}

.ItemSep
{
	width:439px;
	float:left;
	height:1px;
	background-color:#e9e9e9;
	margin: 10px 5px 10px 6px;
}
#DropdownContainer 
{
	float:right;
	width:80%;
	padding-top:20px;
	text-align:right;
}
/*Form Elements*/
#GeneralForm INPUT, #GeneralForm SELECT, #GeneralForm TEXTAREA, #DropdownContainer SELECT
{	border:1px solid #235aa6;
	padding:3px;
	background-image:url(../pics/bk_input.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#GeneralForm INPUT{width:200px; height:16px;}
#DropdownContainer SELECT, #GeneralForm SELECT{width:208px; height:22px;background-color:#f9f7fd;}
#GeneralForm TEXTAREA{width:300px; height:100px;}

/* Sitemap Section */
.Sitemap1stLevel
{
	background-color:#e8e8e8;
	background-image:url(../pics/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:19px;
	font-weight:bold;
	text-transform:uppercase;
}
.Sitemap2ndLevel
{
	background-color:#efeeee;
	background-image:url(../pics/icon_arrow2.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:28px;
}
.Sitemap1stLevel a, .Sitemap1stLevel a:hover,.Sitemap2ndLevel a, .Sitemap2ndLevel a:hover
{
	text-decoration:none;
}
.Sitemap1stLevel a, .Sitemap2ndLevel a{color:#380e7d;}
.Sitemap1stLevel a:hover,.Sitemap2ndLevel a:hover{color:#6b31c9;}

.MoreButton
{
	margin: -8px 0 0 0;
	float:right;
}

.MoreButtonBottom
{
	margin: -7px 0 0 0;
	float:right;
}

#ContentNarrow
{
	padding:18px;
	background-color:#F5F5F5;
	float:left;
	width:443px;
}
a
{
	text-decoration:none;
	color: #03225a;
}
a:hover
{
	text-decoration:none;
	color: #3b68b7;
}