﻿/*	
//	--------------------------------------------------
//	FILE:			Global/CSS/Core.css
//	--------------------------------------------------
//	Created By:		C. Davis
//	Created Date:	July 2008
//	Description:	Core Styles For Bne Websites
//	--------------------------------------------------
*/

/*	
//	--------------------------------------------------
//	IMPORTS
//	--------------------------------------------------
*/
@import url(Reset.css);

/*	
//	--------------------------------------------------
//	HTML / BODY
//	--------------------------------------------------
*/
html { background-color:#FFF; }

body
{
	height:100%;
	text-align:center;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:62.5%;
	background-color:#FFF;
}

/*	
//	--------------------------------------------------
//	DEFAULT TEXT STYLES
//	--------------------------------------------------
*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li { font-family:Verdana, Arial, Sans-Serif; }

h1 { margin:16px 0px; }

h2, h3, h4, h5, h6, p { margin:8px 0px; }



h1 { font-size:2.0em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1.0em; }

p { font-size:1.1em; line-height:1.8em; }

strong { font-weight:bold; }

input, select { font-family:Verdana, Arial, Sans-Serif; }


/*	
//	--------------------------------------------------
//	GENERIC SITE STRUCTURE
//	--------------------------------------------------
*/
div#wrapper-site
{
	position:relative;
	display:block;
	width:980px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
	div#wrapper-masthead
	{
		position:relative;
		display:block;
		width:980px;
	}
	div#wrapper-navigation
	{
		position:relative;
		display:block;
		width:980px;
		text-align:center;
	}
	div#wrapper-utils
	{
		position:relative;
		display:block;
		width:980px;
		height:auto;
	}
	div#wrapper-content
	{
		position:relative;
		display:block;
		width:980px;
		/*overflow:auto;*/
		clear:both;
	}
	div#wrapper-content, div#content, div#widgets
	{
		min-height:500px;
		height:auto !important;
		height:500px;
	}
		div#content
		{
			width:744px;
			float:left;
		border-top:solid 1px #CCC;
		}
		div#widgets
		{
			width:230px;
			float:right;
		border-top:solid 1px #CCC;
		}
	div#wrapper-footer
	{
	
	}

/*	
//	--------------------------------------------------
//	UTILS: LOGIN, BREADCRUMBS
//	--------------------------------------------------
*/
div#wrapper-breadcrumbs
{
	float:left;
	width:744px;
	font-size:1.1em;
	padding:12px 6px; /* Height: 35px + 1px Border */
	width:744px;
	
}
	span.breadcrumb-label, .breadcrumb-node-current
	{
		color:#666;
	}
	a.breadcrumb-node
	{
		color:#666;
		text-decoration:underline;
	}
	a.breadcrumb-node:hover
	{
		color:#333;
	}
div#wrapper-login-status
{
	float:right;
	width:230px;
	font-size:1.1em;
	padding:12px 6px; /* Height: 35px + 1px Border */
	width:218px;
}
	span.login-status
	{
		color:#666;
	}
	a.login-status-link
	{
		color:#333;
		font-weight:bold;
		text-decoration:none;
	}
	a.login-status-link:hover
	{
		text-decoration:underline;
	}

div#wrapper-news
{
	float:left;
	width:400px;
	font-size:1.1em;
	padding:0px 6px; /* Height: 35px + 1px Border */
}



/*
	table.membership-signin
	{
		width:420px;
	}
		table.membership-signin th, table.membership-signin td
		{
			text-align:left;
			border:solid 1px #000;
		}
		table.membership-signin th
		{
			font-size:1.2em;
			font-weight:bold;
			color:#555;
			padding:3px 0px 12px 0px;
			border-bottom:solid 1px #AAA;
		}
		table.membership-signin td.label
		{
			width:100px;
			font-size:1.1em;
		}
		table.membership-signin td.input
		{
			width:320px;
			padding:6px 0px;
		}
		table.membership-signin td.failure
		{
			font-size:1.1em;
			font-weight:bold;
			color:#555;
			padding:6px 0px;
		}
*/
		input.membership-form-input
		{
			font-size:1.1em;
			width:200px;
		}
		input.membership-form-submit
		{
			font-size:1.1em;
			width:100px;
			height:30px;
		}
		span.membership-form-valid
		{
			font-size:1.1em;
			color:#C00;
		}
	
	
	
/*	
//	--------------------------------------------------
//	NAVIGATION DOUBLE TIER
//	--------------------------------------------------
*/


/*	
//	--------------------------------------------------
//	PRODUCT PROFILE PAGES
//	--------------------------------------------------
*/
div#wrapper-product-profile-gallery
{
	float:right;
	width:248px;
	margin:18px;
}
	table.product-profile-gallery
	{
		width:248px;
	}
		table.product-profile-gallery td
		{
			text-align:center;
			padding-bottom:6px;
		}
		table.product-profile-gallery td.image
		{
			
		}
		table.product-profile-gallery td.thumb-l
		{
			text-align:left;
		}
		table.product-profile-gallery td.thumb-r
		{
			text-align:right;
		}
		.thumb-selected
		{
			border:solid 2px #000;
		}

/*	
//	--------------------------------------------------
//	TABS
//	--------------------------------------------------
*/
div#wrapper-product-profile-tab
{
	position:relative;
	display:block;
	width:708px;
	margin-left:18px;
	margin-top:18px;
}

.product-profile-tab .ajax__tab_header {white-space:nowrap;}
.product-profile-tab .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.product-profile-tab .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.product-profile-tab .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

.product-profile-tab .ajax__tab_header
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	white-space:nowrap;
}
.product-profile-tab .ajax__tab_inner
{
	height:25px;
	padding-left:10px;
	background:url(../IMG/tab_inner_bg.gif) no-repeat left top;
	display:-moz-inline-box;
	display:inline-block
}
.product-profile-tab .ajax__tab_tab
{
	height:13px;
	padding:6px 10px;
	background:#E4E4E4 url(../IMG/tab_tab_bg.gif) repeat-x left top;
	color:#555;
	overflow:hidden;
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;
}
.product-profile-tab .ajax__tab_outer
{
	padding-right:6px;
	background:url(../IMG/tab_outer_bg.gif) no-repeat right top;
	display:-moz-inline-box;
	display:inline-block;
	margin-right:3px;
}
.product-profile-tab .ajax__tab_body
{
	background:url(../IMG/tab_body_bg_tile.jpg) repeat-x left top;
	overflow:hidden;
	/*cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;*/
	min-height:456px;
	width:100%;
}
.product-profile-tab .ajax__tab_hover
{

}
.product-profile-tab .ajax__tab_active .ajax__tab_inner
{
	background:url(../IMG/tab_inner_active_bg.gif) no-repeat left top;
}
.product-profile-tab .ajax__tab_active .ajax__tab_tab
{
	font-weight:bold;
	background:#DADADA;
}
.product-profile-tab .ajax__tab_active .ajax__tab_outer
{
	background:url(../IMG/tab_outer_active_bg.gif) no-repeat right top;
}




/*	
//	--------------------------------------------------
//	TABS
//	--------------------------------------------------
*/
div#wrapper-product-profile-tab-small
{
	position:relative;
	display:block;
	width:708px;
	margin-left:18px;
	margin-top:18px;
}

.product-profile-tab-small .ajax__tab_header {white-space:nowrap;}
.product-profile-tab-small .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.product-profile-tab-small .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.product-profile-tab-small .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

.product-profile-tab-small .ajax__tab_header
{
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	white-space:nowrap;
}
.product-profile-tab-small .ajax__tab_inner
{
	height:25px;
	padding-left:10px;
	background:url(../IMG/tab_inner_bg.gif) no-repeat left top;
	display:-moz-inline-box;
	display:inline-block
}
.product-profile-tab-small .ajax__tab_tab
{
	height:13px;
	padding:6px 7px;
	background:#E4E4E4 url(../IMG/tab_tab_bg.gif) repeat-x left top;
	color:#555;
	overflow:hidden;
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;
}
.product-profile-tab-small .ajax__tab_outer
{
	padding-right:6px;
	background:url(../IMG/tab_outer_bg.gif) no-repeat right top;
	display:-moz-inline-box;
	display:inline-block;
	margin-right:3px;
}
.product-profile-tab-small .ajax__tab_body
{
	background:url(../IMG/tab_body_bg_tile.jpg) repeat-x left top;
	overflow:hidden;
	/*cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;*/
	min-height:456px;
	width:100%;
}
.product-profile-tab-small .ajax__tab_hover
{

}
.product-profile-tab-small .ajax__tab_active .ajax__tab_inner
{
	background:url(../IMG/tab_inner_active_bg.gif) no-repeat left top;
}
.product-profile-tab-small .ajax__tab_active .ajax__tab_tab
{
	font-weight:bold;
	background:#DADADA;
}
.product-profile-tab-small .ajax__tab_active .ajax__tab_outer
{
	background:url(../IMG/tab_outer_active_bg.gif) no-repeat right top;
}

/*	
//	--------------------------------------------------
//	MEDIA CENTRE
//	--------------------------------------------------
*/

/*
table.news-article-list
{
	width:708px;
	margin:18px;
}
	table.news-article-list td
	{
		padding:0px 0px;
		vertical-align:top;
		border-bottom:solid 1px #BBB;
	}
		table.news-article-list td h3
		{
			font-size:1.1em;
			font-weight:bold;
			margin:6px !important;
			line-height:1.8em;
			color:#333;
		}
		table.news-article-list td p
		{
			margin:6px !important;
			color:#666;
		}
	table.news-article-list td.article-release-date
	{
		width:168px;
	}
	table.news-article-list td.article-summary
	{
		width:504px;
		padding-right:64px;
		width:440px;
	}
*/
















div.wrapper-article-list
{
	width:708px;
	padding:0px 18px;
	width:672px;
}

table.article-list
{
	width:100%;
}
	table.article-list td
	{
		vertical-align:top;
		border-bottom:solid 1px #BBB;
	}
	table.article-list td.release
	{
		width:20%;
	}
	table.article-list td.summary
	{
		width:80%;
	}
	table.article-list p
	{
		margin:6px !important;
		color:#666;
	}
		.article-list-title
		{
			font-weight:bold;
			color:#333;
		}
	table.article-list a.article-link
	{
	
	}
		table.article-list a.article-link:hover
		{
		
		}

/*	
//	--------------------------------------------------
//	MEDIA CENTRE
//	--------------------------------------------------
*/
div.wrapper-media-tab
{
	position:relative;
	display:block;
	width:708px;
	padding:18px;
	width:672px;
}
	div.wrapper-media-tab h1
	{
		margin:18px 64px 12px 6px !important;
	}
	div.wrapper-media-tab p
	{
		margin:12px 64px 12px 6px !important;
	}
	div.media-article-control
	{
		position:relative;
		display:block;
		width:672px;
		padding:10px 6px;
		width:660px;
		background:#D0D0D0;
		border-bottom:solid 1px #BBB;
	}
		div.media-article-control input, div.media-article-control select, div.media-article-control a
		{
			font-size:1.1em;
		}
	/*
	table.media-article-list
	{
		
	}
		table.media-article-list td
		{
			font-size:1.1em;
			padding:8px 0px;
			vertical-align:top;
			line-height:1.8em;
			color:#666;
			border-bottom:solid 1px #BBB;
			
		}
		table.media-article-list td.article-release-date
		{
			width:168px;
			padding-left:6px;
			width:162px;
		}
		table.media-article-list td.article-summary
		{
			width:504px;
			padding-right:64px;
			width:440px;
		}
		span.article-summary-title { font-weight:bold; color:#000; }
	*/
	
	div.wrapper-media-library
	{
		width:336px;
		height:434px;
		float:left;
		overflow:auto;
		background:#ECECEC;
	}
		div.media-library-item
		{
			width:282px;
			height:86px;
			margin:18px 0px 18px 18px;
			background:#E0E0E0;
		}
			div.media-library-item-gallery
			{
				float:left;
				width:86px;
			}
				div.media-library-item-summary h3
				{
					font-size:11px !important;
					font-weight:bold;
					margin:6px;
				}
				div.media-library-item-summary p
				{
					font-size:10px !important;
					margin:6px !important;
					line-height:normal !important;
					color:#666;
				}
				div.media-library-item-summary a
				{
					color:#666;
					text-decoration:none;
				}
				div.media-library-item-summary a:hover
				{
					text-decoration:underline;
				}
			div.media-library-item-summary
			{
				float:left;
				width:190px;
			}
		div.wrapper-media-player
		{
			width:336px;
			height:434px;
			float:right;
			padding:18px;
			width:300px;
			height:398px;
			background:#ECECEC;
		}
		
	div.wrapper-media-images
	{
		width:672px;
		height:434px;
		background:#ECECEC;
		overflow:auto;
		padding:1px 0px;
	}
		div.media-images-item
		{
			width:194px;
			height:190px;
			float:left;
			margin:18px 0px 0px 18px;
			background:#000;
		}
			div.media-images-item-gallery
			{
				display:block;
				width:194px;
				height:145px;	
			}
			div.media-images-item-summary
			{
				display:block;
				width:194px;
				height:28px;
				overflow:hidden;
				padding:0px 6px;
				width:182px;
				background:#555;
				
				font-size:10px;
				color:#FFF;
				line-height:14px;
			}
			div.media-images-item-download
			{
				display:block;
				width:194px;
				padding:0px 6px;
				width:182px;
				height:17px;
				background:#555;
				
				font-size:10px;
				color:#FFF;
				line-height:16px;
			}
				div.media-images-item-download a
				{
					color:#FFF;
				}
	table.media-centre-grid
	{
		margin:15px;
	}
		table.media-centre-grid td { vertical-align:top; }
		table.media-centre-grid td.media-kit-download { padding-left:15px; }
		table.media-centre-grid td.media-talent-person { padding-left:15px; }
		span.media-centre-title { font-family:Arial, Sans-Serif; font-size:1.4em; font-weight:bold; color:#666; display:block; margin:5px 0px; }
		span.media-centre-title-sub { color:#999; }
		span.media-centre-link { font-size:1.1em; color:#333; } 
		a.media-centre-link {  font-style:italic; text-decoration:underline; color:#333; }
		a.media-centre-link:hover { text-decoration:none; }
		table.media-talent-downloads {}
		table.media-talent-downloads td { padding:5px 0px; }
		table.media-talent-downloads td.label { padding-right:15px; font-size:1.1em; }
		table.media-talent-downloads td.link { padding:5px 15px 5px 5px; }
		