/* ----------------------------------------
Web Site:			<..>

CteatedDate:		00.00.2008
Autor:				<..>

LastChangedDate:	00.00.2008
LastChangedBy:		<..>
---------------------------------------- */

@import url(/global/assets/css/base.min.css );
/* Importing navigation styles */
@import url(navigation/primary.css);
@import url(navigation/additional.css);
@import url(navigation/footer.css);

/* =Typography
---------------------------------------- */
body{
	color: #ffffff;
	background: #000;
	font: 62.5%/2.0em Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	}

p 				{padding: 0 0 15px;}
a, a:visited	{color: #ffd80d; text-decoration: underline;}
a:hover 		{color: #ffd80d; text-decoration: none;}

/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5 {
	font-size: 2.0em;
	color: #7a8797;
	font-weight: normal;
	line-height: normal;
	padding-bottom:10px;
	}
	h2 {font-size: 1.8em;
		color:#ffe113;
		padding-bottom:10px;
		font-weight:bold;
	}
	h3 {font-size: 1.6em;}
	h4 {font-size: 1.4em; font-weight: bold; padding-bottom:5px;}
	h5 {font-size: 1.4em; padding-bottom:5px;}

/* =Main container boxes
---------------------------------------- */
.container-outer {
	background: #000 url(/images/branding/content-bg.png) repeat-x 0 0;	
	min-height:550px;
	height:auto !important;
	height:550px;
	}
.container{
	width: 960px;		
	margin: 0px auto;	
	text-align: left;
	font-size: 1.2em;
	}
	.header-outer {
		background:#ffe113 url(/images/branding/header-bg.png) repeat-x 0 0;
		position:relative;
		z-index:1000;
		}
	.header {
		width: 960px;
		min-height: 66px;
		height:auto !important;
		height:66px;
		margin:0 auto;
		position:relative;
		background:#ffe113 url(/images/branding/header-bg.png) repeat-x 0 0;
		}
	.content{		
		float: left;
		width: 100%;
		}
		.primary-content{
			width:100%;
			}

/* =Branding
---------------------------------------- */
.logo{
	float:left;
	overflow: hidden;
	width: 200px; 
	height: 66px;
	background:none;
	margin-left:50px;
	cursor:pointer;
	}
.ms-logo{
	overflow:hidden;
	position:absolute;
	left:50px;
	top:69px;
	z-index:1000;
	cursor:pointer;
	}
.ms-logo img,
.logo img {
	cursor:pointer;
	}

/* =Footer
---------------------------------------- */
.footer-outer{
		background: #000 url(/images/branding/footer-bg.png) no-repeat 50% 0%;		
		padding:0;
		min-height:220px;
		height:auto !important;
		height:220px;
		}
		
.footer{	
		width: 517px;
		padding:60px 0 0 0;
		margin:0 auto;
		position:relative;
		}
	
	.footer p {
		padding: 0px;
		}		
	.footer a.createdBy{
		width: 100px; 
		height: 16px;
		overflow: hidden;
		background: url(/images/branding/design-logo.png) no-repeat right top;
		float: right;
		padding-top:1px;
		margin-right:4px;
		display:inline;
		}
	.side-column dt {
		font-size: 1.4em;
		line-height: normal;
		color: #7a8797;
		padding-top: 20px;
		font-weight: bold;
		}
	.side-column dd {
		padding-top: 20px;				
		}
		
	.footer .footer-text {
		font-size:1em;
		color:#bcbcbc;
		float:left;
		font-weight:bold;
		}

/* =Content styles
---------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
    margin: 20px 0px 0px;
	}
	table td, table th {
	    padding: 4px 8px;
		border: 1px solid #eae9e9;
	    vertical-align: top;
		}
		
#homeflash {
	position:relative;
	}
/* = Tabs
---------------------------------------- */
#tab-container {
	position:relative;
	margin:-145px auto 0 auto;
	width:500px;
	}

.tabs-navigation {
	list-style-type:none;
	margin:0 auto;
	overflow:hidden;
	width:458px;
	position:relative;
	padding-bottom:15px;
	}
	#nojs .tabs-navigation {
		display:none;
		}
	.tabs-navigation li{
		list-style-type:none;
		float:left;
		margin-left:42px;
		display:inline;
		position:relative;
		height:115px;
		}
		.tabs-navigation li.first {
			margin-left:0;
			}
		.tabs-navigation li a,
		.tabs-navigation li a:visited {
			float:left;
			overflow:hidden;
			width:83px;
			height:86px;
			background:transparent url(/images/buttons/bbc-button.png) no-repeat 0 0;
			}
			
				
			.tabs-navigation li a.youtube,
			.tabs-navigation li a.youtube:visited {
				background:transparent url(/images/buttons/youtube-button.png) no-repeat 0 0;
				}
			.tabs-navigation li a.spec,
			.tabs-navigation li a.spec:visited {
				background:transparent url(/images/buttons/spec-button.png) no-repeat 0 0;
				}
				
			.tabs-navigation li a.full-play,
			.tabs-navigation li a.full-play:visited {
				background:transparent url(/images/buttons/play-button.png) no-repeat 0 0;
				}
				
				.tabs-navigation li a:hover,
				.tabs-navigation li a.current {
					background-position:0 -86px !important;
					}
			.tabs-navigation li i.shadow {
				background:transparent url(/images/branding/shadow.png) no-repeat 0 0;
				position:absolute;
				overflow:hidden;
				width:63px;
				height:24px;
				bottom:5px;
				left:50%;
				margin-left:-31px;
				display:inline;
				}
					
.tabs {
	width:470px;
	margin:0 0 20px 0;
	padding:0 15px;
	background:transparent url(/images/branding/tabs-bg.png) no-repeat 0 0;
	min-height:330px;
	height: auto !important;
	height:330px;
	}
#js .tabs {
	display:none;
		}
	.tabs .tab-content {
		padding-top:20px;
		width:470px;
		font-weight:bold;
		}
		.tabs .tab-content ul {
/* 			background:transparent url(/images/branding/tablist-bg.png) no-repeat 0 0; */
			width:450px;
			padding:17px 10px;
			position:relative;
			}
		.tabs .tab-content ul li {
			padding-left:10px;
			background:transparent url(/images/branding/list-arrow.png) no-repeat 0 7px;
			padding-bottom:5px;
			}
		.tabs .tab-content p,
		.tabs .tab-content h2 {
			padding-left:10px;
			}
			
.flash-update {
	position:absolute;
	background:#202123 url(/images/branding/tv-bg.png) repeat-x 0 0;
	font-size:15px;
	font-weight:bold;
	width:160px;
	height:130px;
	padding:50px 75px 0 75px;
	overflow:hidden;
	text-align:center;
	left:325px;
	top:118px;
	}
	#nojs .flash-update {
		display:none;
		}
	a.update-link,
	a.update-link:visited {
		text-decoration:underline;
		color:#ffe113;
		}
	a.update-link:hover {
		color:#57c5cd;
		text-decoration:none !important;
		}

#ms-tab {
	width:470px;
	padding:20px 15px 0 15px;
	margin:0 auto 20px auto;
	background:transparent url(/images/branding/tabs-bg.png) no-repeat 0 0;
	min-height:230px;
	height:auto !important;
	height:230px;
	position:relative;
	}
#js .ms-tab {
	display:none;
	position:relative;
	z-index:100;
	zoom:1;
	}	
#nojs #ms-tab {
	background:none;
	}

.img-right,
.block-right {
	float:right;
	margin:0 0 10px 10px;
	display:inline;
	}
	.block-right {
		width:167px;
		}
.clear-right {
	clear:right;
	}
.img-left {
	float:left;
	margin:25px 25px 0 0;
	display:inline;
	}
#nojs a.close-btn {
	display:none;
	}
a.close-btn {
	background:transparent url(/images/buttons/close-button.png) no-repeat 0 0;
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:29px;
	overflow:hidden;
	}
	a.close-btn:hover {
		background-position:0 -30px;
		}