@charset "utf-8";
body, h1, h2, h3, p, ul, li, img {padding: 0; margin: 0; border:0;}
ul {list-style: none;}
a {color: #000; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

body {color: #000; font: 12px Arial, Helvetica, sans-serif; line-height: 150%; background: #034C9B;}

h1 {font-size: 14px; color: #264283;}
h2 {font-size: 14px; color: #fff; background: #264283; padding: 2px 0 1px 5px;}
h1 a, h2 a {color: #fff;}
h3 {font-size: 13px; color: #264283;}

.floatleft  {float: left;}
.floatright {float: right;}
.hidden {display: none;}

#page {width: 1000px; margin: 0 auto; position: relative; background-color: #fff;}
#header {overflow: hidden; background: #fff; padding: 0;}
#headerleft {float: left;  width: 728px; padding-bottom: 5px;}
#headerleft .banner {margin-bottom: 5px;}
#headerright {position: static;}
#navigation {overflow: hidden; background: #2a3a76 url(../images/layout/campaigns/mb2010/bg-mainmenu.png) center top repeat-x; clear: both; padding: 0 5px; font-size: 14px; font-weight: bold;}
#navigation li {float: left; padding: 7px 13px;}
#navigation .over {background: #203060;}
#navigation a {color: #fff;}
#headerright {float: right; width: 250px; padding-bottom: 5px;}

#content {overflow: hidden; background: #fff; padding: 5px 0;}
#contentleft {float: left; overflow: hidden; width: 825px; padding-left: 5px;}
#contentright {float: right; width: 160px; padding-right: 5px;}

#plaisiolion {position: absolute; right: 40px; z-index: 500;}
.higher {position: relative; z-index: 1000;}

#mainarticle {width: 420px; float: left; padding: 0 5px 10px 0; line-height: 125%;}
#mainarticle span {display: block; padding: 0 5px;}
#tv {width: 400px; padding: 16px 10px 23px 10px; height: 271px; background: #034c9b; margin: 5px 0;}
#tv h1 {width: 390px; margin: 6px 10px 0; background: none; line-height: 125%; color: #fff;}

#latestnews {width: 400px; float: left; padding-bottom: 10px;}
#latestnews h2, #news h2, #venues h2, #tributes h2 {margin-bottom: 5px; background: #264283 url(../images/layout/campaigns/mb2010/bg-headers.png) right top repeat-y;}
#latestnews ul {list-style: disc; padding: 0 0 5px 15px; padding-bottom: 5px; font-size: 12px; line-height: 125%;}
#latestnews li {padding: 2px 0 5px; color: #777;}

.options {float: right; margin-top: 5px;}
.options, .options a {font-size: 10px; color: #555; padding-left: 5px;}
.options span {background-position: left center; background-repeat: no-repeat; background-image: url(../images/layout/general/_icon-sprites__v90918.png);}
.options .more, .options .more-category {background-position: -9px -7px; display: block; height: 10px; width: 11px; float: left;}
.options .more {background-position: -9px -121px; height: 11px;}

#news {clear: both; overflow: hidden; padding-bottom: 10px; padding-top: 5px;}
#news .floatleft {width: 300px;}
#mainnews {float: left; padding: 0 5px; width: 215px;}
#restnews {float: left; width: 300px;}

#tributes ul {float: left; width: 510px;}
#mainnews li, #tributes li {overflow: hidden; padding-bottom: 10px; line-height: 115%; font-size: 11px;}
#mainnews p, #tributes p {font-weight: bold; font-size: 12px; line-height: 115%; padding-bottom: 3px;}
#mainnews li img, #tributes li img {float: left; padding-right: 5px;}

#restnews ul {list-style: disc; font-size: 11px; padding: 0 0 5px 15px; color: #444; line-height: 115%;}
#restnews li {padding-bottom: 5px;}
#restnews a {color: #444;}

#matches {overflow: hidden; padding-bottom: 10px;}
.teams {float: left; width: 510px; border-right: 1px solid #264283;}
#venues {float: left; width: 310px;}
#venues .banner {display: block; padding: 5px;}

.teams h2 {margin-bottom: 5px;}
#header h2 {display: none;}
#header .teams {position: absolute; width: 620px; padding: 15px 10px 5px; margin: 7px 0 0 -50px; background: #203060; z-index: 2000; font-weight: normal; border: 0; display: none;}
#header .group {width: 150px; margin-right: 5px;}
#header .group li {padding: 1px 0 1px 18px; width: 115px;}
	
.group {float: left; width: 125px; font-size: 12px; font-family: Tahoma, Geneva, sans-serif;}
.group h3 {float: left; width: 16px;} 
.group ul {float: left; width: 100px; padding-bottom: 10px;}
.group li {padding: 1px 0 1px 18px; white-space: nowrap; width: 90px; overflow: hidden;}
.group li {background: url(../images/layout/campaigns/mb2010/sprites.png) -250px 0 no-repeat;}

.group .angola {background-position: -200px 0px;}
.group .argentina {background-position: -200px -30px;}
.group .australia {background-position: -200px -60px;}
.group .brazil {background-position: -200px -90px;}
.group .canada {background-position: -200px -120px;}
.group .china {background-position: -200px -150px;}
.group .croatia {background-position: -200px -180px;}
.group .france {background-position: -200px -210px;}
.group .germany {background-position: -200px -240px;}
.group .greece {background-position: -200px -270px;}
.group .iran {background-position: -200px -300px;}
.group .ivorycoast {background-position: -200px -330px;}
.group .jordan {background-position: -200px -360px;}
.group .lebanon {background-position: -200px -390px;}
.group .lithuania {background-position: -200px -420px;}
.group .newzealand {background-position: -200px -450px;}
.group .puertorico {background-position: -200px -480px;}
.group .russia {background-position: -200px -510px;}
.group .serbia {background-position: -200px -540px;}
.group .slovenia {background-position: -200px -570px;}
.group .spain {background-position: -200px -600px;}
.group .tunesia {background-position: -200px -630px;}
.group .turkey {background-position: -200px -660px;}
.group .usa {background-position: -200px -690px;}

#content-right .block {background: #eee; border: 0;}
#content-right .block h1 {float: none; background: #264283;}
.pointer {display: none;}
.inner ul {clear: both; padding-top: 10px;}
.latest-news a {color: #555;}
.latest-news a:hover {color: #333;}

.grouptable {margin-right: 5px; color: #444; padding-bottom: 25px;}
.grouptable h2 {padding: 5px 10px; margin-bottom: 1px;}
.grouptable table {width: 100%;}
.grouptable td {border-bottom: 1px solid #eee;}
.grouptable th {background: #ddd; padding: 3px; text-align: center; border-left: 1px solid #fff; color: #222;}
.grouptable td {padding: 4px 3px; width: 20px; text-align: center;}
.grouptable .team {width: 70px; text-align: left; border-left: 0; padding: 4px 10px;}
.grouptable h3 {padding: 15px 0 2px 10px;}
.grouptable a {text-decoration: underline; color: #444;}
.grouptable a:hover {color: #000;}
.results li {padding: 3px 0 0 5px; font-size: 11px; overflow: hidden; color: #777;}
.results span {display: block; float: left; padding-right: 10px;}

#middlearticle {overflow: hidden; clear: both; padding: 10px 0 20px;}
#plainarticle {float: left; border-top: 5px solid #ddd; padding: 10px 0; width: 510px;}
#plainarticle img {float: left; margin: 0 10px 5px 0;}
#plainarticle h2 {background: none; color: #264283;}
#plainarticle h2 a {color: #264283;}
#plainarticle p {font-size: 11px; color: #777;}

/* general banners temporary container */
#banner__betoto160x400 .banner {z-index: 1000;}
#banners {position: absolute; top: 0; left: 0; z-index: 1000}
#banners .bannerholder {position: absolute; top: -2000px; left: 0;}

/* bbc ticker update 08 Sep 2010*/
#ticker-wrapper.has-js {margin: 10px; height: 25px; border: 1px solid #DCDCDC; display: block;}
#ticker, #ticker-swipe {width: 850px; display: block; height: 23px; background-color: #fff;}
#ticker {padding: 0 10px;float: left; position: relative; overflow: hidden; }
#ticker-title, #ticker-content, #ticker-swipe {padding-top: 6px;} 
#ticker-title {float: left; color: #38247D; font-weight: bold;}
#ticker-content {margin: 0; float: left; position: absolute; color: #1F527B;}
#ticker-content:focus { none;}
#ticker-content a {text-decoration: none; color: #1F527B;}
#ticker-content a:hover {text-decoration: underline; color: #0D3059;}
#ticker-swipe {position: absolute; top: 0; left: 80px;}
#ticker-swipe span { margin-left: 1px; border-bottom: 1px solid #1F527B; height: 12px; width: 7px; display: block;}
#ticker-controls { padding: 5px 10px 0 0; list-style-type: none; float: right;}
#ticker-controls li { padding: 0; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; background-image: url(../images/layout/general/icons-controls-sprites__v1009131217.png);} 
#play-pause {background-position: -32px -122px;}
#play-pause.over {background-position: -32px -90px;}
#play-pause.down {background-position: -32px -106px;}
#play-pause.paused {background-position: -16px -122px;}
#play-pause.paused.over {background-position: -16px -90px;}
#play-pause.paused.down {background-position: -16px -106px;}
#ticker-controls #prev {background-position: 0 -122px;}
#ticker-controls #prev.over {background-position: 0 -90px;}
#ticker-controls #prev.down {background-position: 0 -106px;}
#ticker-controls #next {background-position: -48px -122px;}
#ticker-controls #next.over {background-position: -48px -90px;}
#ticker-controls #next.down {background-position: -48px -106px;}
.js-hidden {display: none;}