/* 
 Used by homepage and section_index.rm, to work with banner.js
 */
.banner_wrapper {
	background: url(http://www.breakthrough.org.uk/display_images/dotted_line.gif) repeat-x left bottom;
	margin: 0 0 30px 0;
	padding: 0 0 1px 0;
	height:300px;
	overflow:hidden;
	position:relative;
}
	.banner{
		display:none;
		width:100%;
		height:300px;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:top left;
	}
		.banner_wrapper .clickenabled{
			cursor:pointer;
		}
	#banner_0{
		display:block;
	}
	.banner h2{
		display:none;
	}
	.banner .left{
		float:left;
		width:45%;
	}
	.banner .right{
		float:right;
		width:39%;
	}
	.banner .caption{
		font-size:1.1em;
		line-height:1.3em;
		padding:9px 0 0 0;
		background: url(http://www.breakthrough.org.uk/display_images/dotted_line.gif) repeat-x left top;
	}
		.banner .caption .standard-link{
			background:none;
		}
			.banner .caption .standard-link span{
				background: url(http://www.breakthrough.org.uk/display_images/icon_standard_link.png) 50% 50% no-repeat;
				padding:2px 5px;
				
			}
		.banner .caption a{
			color:#333;
			font-weight:bold;
		}
			.banner .caption a:hover{
				color:#079FD1;
				text-decoration:none;
			}
	.banner .audio_wrapper{
		padding:10px 0 0 0;
	}
	.banner .flashplayer-warning{
		line-height:1.1em;
		font-size:0.8em;
		padding:5px;
		width:260px;
	}
	
	.banner_tabs_positioner{
		position:absolute;
		z-index:10;
		bottom:1px;
		right:0;
		text-align:right;
		overflow:hidden;
		padding-top:20px;
	}
		.banner_tabs_positioner .next,.banner_tabs_positioner .previous{
			float:right;
			font-size:0.8em;
			background-repeat:no-repeat;
			background-position:0 0;
			text-align:left;
		}
			.banner_tabs_positioner .next a,.banner_tabs_positioner .previous a{
				height:11px;
				background-repeat:no-repeat;
				line-height:9px;
				width:42px;
				display:block;
				text-indent:-5000px;
				outline:none;
				position:absolute;
				
				top:0;
			}
				.banner_tabs_positioner .previous a{
					right:50px;
					background-image:url("/display_images/carousel_prev_small.gif")
				}
				.banner_tabs_positioner .next a{
					right:0;
					background-image:url("/display_images/carousel_next_small.gif")
				}
				.nav_white .banner_tabs_positioner .previous a{
					background-image:url("/display_images/carousel_prev_white.png")
				}
				.nav_white .banner_tabs_positioner .next a{
					background-image:url("/display_images/carousel_next_white.png")
				}
				.nav_black .banner_tabs_positioner .previous a{
					background-image:url("/display_images/carousel_prev_black.png")
				}
				.nav_black .banner_tabs_positioner .next a{
					background-image:url("/display_images/carousel_next_black.png")
				}
				
	.banner_tabs_container{
		overflow:hidden;
	}
		
	.scrolled{
		width:541px;
	}
	ul.banner_tabs{
		margin:0;
		padding:0 1px 0 0;
		overflow:hidden;
		background: url(http://www.breakthrough.org.uk/display_images/dotted_line_vertical.gif) repeat-y right top;
		float:right;
	}
		.scrolled ul.banner_tabs{
			float:none;
		}
		ul.banner_tabs li{
			display:inline;
			float:left;
			margin:0;
			padding:0;
			background: url(http://www.breakthrough.org.uk/display_images/dotted_line_vertical.gif) repeat-y left top;
		}
			.scrolled ul.banner_tabs li{
				width:180px;
			}
			ul.banner_tabs li a,
			ul.banner_tabs li.active a{
				text-align:center;
				display:block;
				line-height:normal;
				font-weight:bold;
				padding:12px 20px;
				margin:0 0 0 1px;
				background: #fff url(http://www.breakthrough.org.uk/display_images/dotted_line.gif) repeat-x left top;
			}
			ul.banner_tabs li a{
				color:#555555;
			}
			ul.banner_tabs li a:hover{
				background-color:#EA0B8C;
				color:#fff;
				text-decoration:none;
			}
				ul.banner_tabs li.active a,
				ul.banner_tabs li.active a:hover{
					cursor: default; 
					color:#EA0B8C;
					background-color:#FFF;
					text-decoration:none;
				}