/* - - - - - - - - - - - - - - - - - - - - -

Title : Bankstown Sports
URL : http://www.bankstownsports.com.au

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

@import "global_style.css";

.sideBoxHome { /* RHS top heading bg */
	background: url(../templateimages/sidebar_head_home.png) no-repeat;
}

#contentsWrapper { width: 650px; }


/* News Scroller */
.newsHome {
	background: url(../templateimages/news_home.png) no-repeat;
	z-index:0;
}

	.nextPage {
		background: url(../templateimages/news_next_home.png) no-repeat;
		width: 20px;
		height: 30px;
		display: block;
		cursor: pointer;
	}

	.prevPage {
		background: url(../templateimages/news_previous_home.png) no-repeat;
		width: 25px;
		height: 33px;
		display: block;
		cursor: pointer;
	}

/* Popup Bubbles */
#callOuts {
	border-bottom: 1px dotted #ccc;
}
#callOuts img { padding: 0 4px; }
#callOuts .trigger { float: left; z-index: 0;}

.bubbleInfo {
	text-align: left;

}

.popup {
    display:none; 
    font-size:12px; 
	width: 350px;	 
	z-index: 800;
}
	.popup h1, .popup h2 { font-size: 18px; padding:0 0 8px; }
	.popup p { font-size: 14px; }

	/* Positioning of Individual Popup Elements */

	/* Entertainment Popup */
	
	.bubbleInfo .entertainment {margin-left: 80px; }
	
		.bubbleInfo .entertainment h1, .bubbleInfo .entertainment h2, .bubbleInfo .entertainment a { color: #00a1b1; }
		
		.entertainment span.top { background:url(../templateimages/hover_entertainment_top.png) no-repeat; width:350px; height:29px; display: block;  }
		.entertainment span.mid { background:url(../templateimages/hover_entertainment_bg.png) repeat-y; padding: 0px 20px; width: 310px; display:block; }
		.entertainment span.bottom { background:url(../templateimages/hover_entertainment_bottom.png) no-repeat; width: 481px; height:13px; display: block; }

	/* Dining Popup */
	
		.bubbleInfo .dining h1, .bubbleInfo .dining h2, .bubbleInfo .dining a { color: #860a0d; }
		
		.dining span.top { background:url(../templateimages/hover_dining_top.png) no-repeat; width:350px; height:29px; display: block;  }
		.dining span.mid { background:url(../templateimages/hover_dining_bg.png) repeat-y; padding: 0px 20px; width: 310px; display:block; }
		.dining span.bottom { background:url(../templateimages/hover_dining_bottom.png) no-repeat; width: 481px; height:13px; display: block; }

		
	/* Membership Popup */
	
		.bubbleInfo .membership h1, .bubbleInfo .membership h2, .bubbleInfo .membership a { color: #2479b9; }
		
		.membership span.top { background:url(../templateimages/hover_membership_top.png) no-repeat; width:350px; height:29px; display: block;  }
		.membership span.mid { background:url(../templateimages/hover_membership_bg.png) repeat-y; padding: 0px 20px; width: 310px; display:block; }
		.membership span.bottom { background:url(../templateimages/hover_membership_bottom.png) no-repeat; width: 481px; height:13px; display: block; }
		
	/* Promotions Popup */
		.bubbleInfo .promotions { width: 350px; } 
		.bubbleInfo .promotions h1, .bubbleInfo .promotions h2, .bubbleInfo .promotions a { color: #803466; }
		
		.promotions span.top { background:url(../templateimages/hover_promotions_top.png) no-repeat; width:350px; height:29px; display: block;  }
		.promotions span.mid { background:url(../templateimages/hover_promotions_bg.png) repeat-y; padding: 0px 20px; width: 310px; display:block; }
		.promotions span.bottom { background:url(../templateimages/hover_promotions_bottom.png) no-repeat; width: 350px; height:13px; display: block; }
		
	/* Events Popup */
	
	.bubbleInfo .events {margin-left: -85px; }
		.bubbleInfo .events h1, .bubbleInfo .events h2, .bubbleInfo .events a { color: #c6a781; }
		
		.events span.top { background:url(../templateimages/hover_events_top.png) no-repeat; width:350px; height:29px; display: block;  }
		.events span.mid { background:url(../templateimages/hover_events_bg.png) repeat-y; padding: 0px 20px; width: 310px; display:block; }
		.events span.bottom { background:url(../templateimages/hover_events_bottom.png) no-repeat; width: 481px; height:13px; display: block; }