/* structural and content */
     #olympics_wrapper{
    	position:relative;
    	height:542px;
    	width:976px;
    	margin-top:8px;
    	margin-bottom:16px;
     }
    
    
    #olympics_medal_history{
    	position:relative;
    	height:542px;
    	width:976px;
    	overflow:hidden;
		/*overflow: auto;
		overflow-y: hidden;*/
    }
    
    #olympics_medal_inner{
    	position:relative;
    }
    
    
    #olympics_medal_wrapper{
    	position:absolute;
    	top:0;
    	left:0;
    	width:32000px;
    	z-index:1200;
    	height:542px;
    	overflow:hidden;
    }
    
    .olympic_panel{
    	float:left;
    	width:976px;
    	height:516px;
      	position:relative;
      	z-index:1000;
      	background-repeat:no-repeat;
      	background-position:0 74px
    }
    .olympic_header{
    	height:72px;
    	position:relative;
    }
    .olympic_header h1{
    	font-size:72px;
    	line-height:64px;
    	position:absolute;
     	right:16px;
      	top:0;
    	color:#999;
    }
    .olympic_header h2{
    	font-size:28px;
    	line-height:34px;
    	padding:0 0 2px 0;
    	margin:0 0 0 0px;
    	float:left;
    	
    }
    
    .olympic_name span{
      color:#999;
    }
    
    #olympics_donut_wrapper, #olympics_donut_ring{
    	position:absolute;
    	top:34px;
    	left:496px;
    	width:340px;
    	height:340px;
    	z-index:2000;
    	/*background:url(graph.png) no-repeat;*/
    	overflow:hidden;
    	display:none;
    }
   
   .ready #olympics_donut_wrapper, .ready #olympics_donut_ring{
   		display:block;
   }
    .olympic_donut{
    	position:relative;
    	display:none;
    }
    
    #olympic_donut_2012{
    	display:block;
    }
    
    .olympic_donut_background{
   	 	background:url(/staticarchive/0f63683a421733fd27ab1c51cf0cc430ca26bab0.png) no-repeat; 
   	 	position:absolute;
   	 	top:34px;
   	 	left:496px;
   	 	width:336px;
   	 	height:336px;
   	 	display:none;
    }
    
    .ready .olympic_donut_background{
    	display:block;
    }
    
    canvas{
    	-webkit-transform:rotate(90deg) scaleX(-1);
    	-moz-transform:rotate(90deg) scaleX(-1);
 		-o-transform: rotate(90deg) scaleX(-1);
        transform: rotate(90deg) scaleX(-1);
        display:none;
    }

	.ready canvas{
		display:block;
	}

    .olympics_mask{
    	position:absolute;
    	top:32px;
    	left:32px;
    }
    
    #olympic_nav div{
    	position:absolute;
    	top:74px;
    	right:0px;
    	z-index:10000;
    	width:128px;
    	height:216px;
    	text-indent:-999em;
    	display:none;
    	cursor:pointer;
    }
    
    #olympic_nav div span{
    	display:block;
    	width:64px;
    	background-image:url(/worldservice/images/core/2/sprites/nav_arrows_pg.png);
    	background-repeat:no-repeat;
    	background-position:center right;
    	height:216px;
    	cursor:pointer;
    	overflow:hidden;
    	float:right;
    }
    
    #olympic_nav #olympic_prev{  
    	left:0px;
    }
    
    #olympic_nav #olympic_prev span{
    	background-position:center left;
    	float:left;
    }
        
    .olympic_body{
    	height:216px;
    	clear:both;
    	/*margin-top:12px;*/
      	position:relative;
      	overflow:visible;
      	width:976px;
    }
    
    .olympic_body h3{
    	font-size:13px;
    	font-weight:normal;
    	padding:0 0 4px 0;
    	margin:0;
    	line-height:16px;
    }
    
    .olympic_body h4{
    	font-size:36px;
    	font-weight:bold;
    	padding:0;
    	margin:0 0 4px 0;
    	line-height:36px;
    }
    
    .olympic_stats{
      clear:both;
      /*padding-left:10px;*/
    }
    
    .olympic_stats h2{
    	font-size:16px;
    }
        
    .olympic_background{
    	width:976px;
    	height:216px;
		position:absolute;
		top:0;
		left:0;
    }
    
    #olympic_background{
    	width:976px;
    	height:216px;
    	margin-top:84px;
    	position:relative;
    }
    
    .olympic_info{
    	top:296px;
    	left:16px;
    	width:800px;
    	position:absolute;
    }
    
    .olympic_info li{
    }
    
    .olympic_info .item-1{
    	width:460px;
    }
    
    .olympic_info .item-2{
    	width:480px;
    }
    
    .olympic_info .item-3{
    	width:510px;
    }
 
 
     .olympic_info .item-4{
    	width:550px;
    }
 
      .olympic_info .item-5{
    	width:600px;
    }
    
     .olympic_info .item-6, .olympic_info .item-7, .olympic_info .item-8{
    	width:660px;
    } 
 
    .olympic_captions{
    	position:absolute;
    	right:16px;
    	top:296px;
    	width:200px;
    	text-align:right;
    }
    
    #olympics_introduction .olympic_captions{
    	top:auto;
    	right:0px;
    	left:auto;
    	bottom:0px;
    	width:976px !important;
    	color:#fff;
    	background:#000;    	
    }
      
    .ready #olympics_introduction .olympic_captions{
    	background:rgba(0,0,0,0.5);    
    }
      
    #olympics_introduction .olympic_captions p.caption-1{
    	padding:16px 16px 4px 16px;
    	text-align:left;
    }
    
    #olympics_introduction .olympic_captions p.caption-2{
    	padding:4px 16px 16px 16px;
    	text-align:left;
    }    
    
    .olympic_captions p{
    	font-size:13px;
    	line-height:15px;
    	float:right;
    }

    
    #olympics_introduction .olympic_captions p{
    	width:auto !important;
    	text-align:left;
    	float:left;
    }
    
    .olympic_captions p.caption-1{
        	width:150px;
    }
    .olympic_captions p.caption-2{
        	width:190px;
    }
    
    .olympic_info li{
    	margin-bottom:2px;
    }
    
    .olympic_stats li, .olympic_info li{
      background-position:-3284px 5px !important; 
    }
    
    .olympic_stats ol{
    	list-style:none;
    	list-style-type:none;
    	margin:0 0 0 0 !important;
    	padding:0;
    }
    
    .olympic_stats li{
    	float:left;
    	margin:0 16px 0 0 !important;
    	padding:0 !important;
    	/*text-transform:uppercase;*/
    }
    
    .olympic_stats li strong{
    	font-size:20px;
    	float:left;
    	display:block;
    	line-height:32px;

    }
    
    .olympic_stats li span{
    	float:left;
    	display:block;
    	line-height:34px;
    	padding-left:6px;

    }
    
    /* navigation styling */
    
    #olympic_navigation{
    	position:absolute;
    	bottom:0;
    	left:0;
    	height:22px;
    	width:976px;
    	z-index:10000;    	
    }
    
     #olympic_navigation ol{
     	list-style:none;
     	list-style-type:none;
     	position:relative;
     	margin:0;
     	padding:0;
     	overflow:visible;
     }
     
     #olympic_navigation li{
     	float:left;
     	margin:0 0 0 2px;
     }
     
     #olympic_navigation li a{
     	width:23px;		
		display:block;
		text-align:center;
    	color:#fff;
    	background:#535353;
    	padding:4px;
    	position:relative;
    	height:14px;
     }
     
     #olympic_navigation li a:hover, #olympic_navigation li.nav-intro.nav-selected a:hover{
     	text-decoration:none;
     	background:#f89421 !important;
     	color:#fff;
     }
     
     #olympic_navigation li a span{
     	display:none;     
     }
     
     .ready #olympic_navigation li a span{
     	position:absolute;
     	top:-28px;
     	left:-85px;
     	z-index:6000;
     	height:32px;
     	background:url(/staticarchive/7716422e31eea0bec85a4b50e0ec6f8ba57baf8c.png) bottom center no-repeat;
     }
     
     .ready #olympic_navigation li a span span{
     	position:relative;
     	display:inline !important;
     	background:none !important;
     	top:auto;
     	left:auto;
     }
   
     #olympic_navigation li a span em{
     	font-style:normal;
     	text-align:center;
     	background:#000;
     	padding:8px;
     }
     
     .ready #olympic_navigation li a.active span{
     	display:block;
     	width:200px;
     	color:#fff;
     }
     
     #olympic_navigation li.nav-1896 {
     	margin-right:0 !important;
     }
     
     #olympic_navigation li.nav-1896 a span{
     	right:2px !important;
     	left:auto !important;
     	background-position:bottom right !important;
     }
     
     #olympic_navigation li.nav-1896 a{
     	text-align:right !important;
     }
     
     #olympic_navigation li.nav-intro{
     	margin-left:0;
     	text-transform:uppercase;
     }
     
      #olympic_navigation li.nav-intro span{
      	position:relative !important;
      	left:auto !important;
      	top:auto !important;
      	display:block;
      	width:auto !important;
      	background:none !important;
      }
     
     #olympic_navigation li.nav-intro a em{
     	background:none;
     	text-align:left;
     	padding:0;
     }
     
     #olympic_navigation li.nav-intro a{    	
     	width:110px;
     	text-indent:0;
     	font-weight:bold;
     }
     
     #olympic_navigation .nav-selected a{
     	color:#000 !important;
     	background:#fff;
     }
    
    #olympic_navigation li.nav-intro span{
    	color:#fff;
    }
    
    #olympic_navigation li.nav-intro.nav-selected a{
    	background:#000 !important;
    }
    
    
    .nav-intro.nav-selected, .nav-selected{
      background:#fff !important;
    }
    

	 /*table formatting */
   
   .olympic_inner_table .olympic_table{
   		width:230px;
   		height:206px;
   		overflow:hidden;
   		top:-222px !important;
   		left:534px !important;
   		background:#000;
   		padding-top:10px;
   		
   }
   
   #olympics_introduction .olympic_inner_table .olympic_table{
   		top:-21px !important;
   		left:550px !important;
   		z-index:10000;
   		padding-top:0 !important; 	
     		_top:-41px !important;
   }
   
   .olympic_inner_table {
   		position:relative;
   		z-index:10000;
   }
   
   .ready .olympic_inner_table{
   		display:none;
   }
    
    .olympic_table table{
      	margin:4px auto auto auto;
      	width:190px;
    }
    
    .olympic_table{
    	position:absolute;
    	top:65px;
    	left:54px;
    	width:230px;
    }
    
    .olympic_table th, .olympic_table td{
    	line-height:20px;
    	font-weight:normal;
    	padding:0;
    	margin:0;
    	font-size:13px;
    	position:relative;
    }
    
    .olympic_table td{     
      text-align:right;
    }
    
    .olympic_table em{
    	font-style:normal;
    	padding-left:26px;
    	position:relative;
    }
    
    .olympic_table span{
    	background:#0d0d0d;
    	display:block;    	
    	width:20px;
    	height:10px;
    	text-indent:-999em;
    	position:absolute;
    	left:0;
    	top:3px;
    }
    .olympic_table tr.total th, .olympic_table tr.total td{
      line-height:24px;
    }
    
    .olympic_table tr.total{
    	border-top:1px solid #dcdcdc; 
    }
    
    .olympic_table th.label1 span{
    	background:#bf1e2e;
    }
    
    .olympic_table th.label2 span{
    	background:#f7941e;
    }
    
    .olympic_table th.label3 span{
    	background:#1787db;
    }
    
    .olympic_table th.label4 span{
    	background:#940240;
    }
    
    .olympic_table th.label5 span{
    	background:#23967a;
    }
    
    .olympic_table th.label6 span{
    	background:#9961f2;
    } 
    
    .olympic_table th.label7 span{
    	background:#d1d2d4;
    }
      
    .olympic_table h2{
      font-size:13px;
      text-align:center;
      line-height:14px;
      text-transform:uppercase;
      margin:0;
      padding:0;
    }

	.olympic_table h2.olympic_year{
		margin:4px 0 0 0;
	}

	#olympic_donut_2012 .olympic_table h2, #olympics_introduction .olympic_table h2 {
		width:70%;
		margin:auto;
	}
    
    /*#olympics_intro{
      border:1px solid red;
      background:#000;
      z-index:1000;
      position:absolute;
      top:0;
      left:0;
    }*/
    
    /* intro-specific overrides */
    
    #olympics_introduction{
    	background:url(/staticarchive/eec7ece185442c1a88b6477aa48b43c9e85f04d7.jpg) no-repeat !important; 
    	/*position:absolute !important;
    	top:0;
    	left:0;
    	z-index:2000;*/
    	height:518px;
    	width:976px;
    }
    
    
    #olympics_introduction .olympic_info{
   	 position:absolute;
   	 top:120px;
   	 left:0;
   	 width:400px;
   	 cursor:pointer;
    }
  
     #olympics_introduction .olympic_info .olympic_intro_text div{
     	padding:0 48px 0 0;
     	margin:0;
     	background:url(/staticarchive/4aa3094f657a45b7f5fae05a1be496c4225ddd65.png) center right no-repeat;
     	cursor:pointer;
     }
    
    #olympics_introduction .olympic_info .olympic_intro_text:hover{
    	background:rgba(0,0,0,0.8);
    }
    
     #olympics_introduction .olympic_info .olympic_intro_text{
     	padding:16px;
     	background:#000;
     	cursor:pointer;
     }
     
     .ready #olympics_introduction .olympic_info .olympic_intro_text{
     	background:rgba(0,0,0,0.7);
     }
     
     #olympics_introduction .olympic_info .olympic_intro_text li{
        padding-left:0;
        margin-left:0;
        background:none;
        font-size:15px;
        line-height:18px;
        cursor:pointer;
     }
    
    #olympics_introduction .olympic_info .olympic_intro_text a{
    	color:#fff;
    	text-decoration:none;
    }
    
    #olympics_introduction .olympic_info .olympic_intro_text h1{
      margin:0;
      padding:2px 0 2px 0;
      cursor:pointer;
    }
    
    #olympics_introduction .olympic_info:hover .olympic_intro_text h1{
    	text-decoration:underline;
    }
    
    #olympics_introduction #olympic_intro_shadow{
    	width:448px;
    	height:448px;
    	position:absolute;
    	top:-21px;
    	left:440px;
    }
    
    .ready #olympic_intro_shadow{
        	background:url(/staticarchive/3b4832b2fa0b26c08c021f76c817ccbe5f7fe4b2.png);

    }
    
    /* touch stuff */
    .touch-prompt{
    	display:none;
    	background:url(/staticarchive/fa9b79c65db80d12c8fea8329ad110c898f55ea8.png) center left no-repeat !important;
    	padding:16px 16px 16px 28px !important;
    	font-size:15px;
    }
    
    
    
    
.rtl #olympics_introduction .olympic_info .olympic_intro_text div {
	background:url(/staticarchive/beb4c94f490093b98123741ce91cce0361f4573a.png) center left no-repeat;
}
.rtl #olympics_introduction .olympic_info .olympic_intro_text div{
	padding:0 0 0 48px; 	
}
    
    /* overrides
#www-bbcazeri-com #olympic_donut_2012 .olympic_table h2, #olympics_introduction .olympic_table h2 {
	width:80%;
} */

#www-bbcchinese-com  #olympics_wrapper th, #www-bbcchinese-com #olympics_wrapper td,#www-bbcchinese-com  #olympics_wrapper h3, #www-bbcchinese-com  #olympics_wrapper p, #www-bbcchinese-com  #olympics_wrapper h2, #www-bbcchinese-com  #olympics_wrapper #nav-introduction{
	font-size:14px !important;
}
#www-bbchindi-com  #olympics_wrapper #nav-introduction,
#www-bbcchinese-com  #olympics_wrapper #nav-introduction{
	line-height:15px;
	font-size:14px;
}
#www-bbcchinese-com  #olympics_introduction p.caption-1, #www-bbcchinese-com  #olympics_introduction p.caption-2{
	padding:8px;
}
#www-bbcchinese-com .bodytext li{
	background-position:-3284px 8px !important;
}

#www-bbchindi-com #olympics_introduction .olympic_captions p{
	margin:0 !important;
}
#www-bbchindi-com .olympic_info li{
	font-size:13px;
	line-height:16px;
	margin-bottom:2px;
}
#www-bbchindi-com #olympic_navigation li a span em{
	padding:4px;
}

#www-bbchindi-com  #olympics_wrapper td, #www-bbchindi-com  #olympics_wrapper .olympic_stats li strong, #www-bbchindi-com  #olympics_wrapper .olympic_year{
	font-family:arial,helvetica,sans-serif;	
}

#www-bbchindi-com  #olympics_wrapper .olympic_table .olympic_year{
	margin-bottom:4px;
	margin-top:-4px;
}
#www-bbchausa-com #olympic_donut_2012 .olympic_table h2, #olympics_introduction .olympic_table h2 {
	width:70%;
}    

#www-bbcvietnamese-com .olympic_table   th, #www-bbcvietnamese-com  .olympic_table  td{
	line-height:18px;
}

#www-bbcazeri-com  #olympic_donut_2012   th, #www-bbcazeri-com  #olympic_donut_2012  td,
#www-bbcafrique-com .olympic_table th, #www-bbcafrique-com .olympic_table  td,  
#www-bbchausa-com .olympic_table th, #www-bbchausa-com .olympic_table  td,    
#www-bbcuzbek-com .olympic_table th, #www-bbcuzbek-com .olympic_table  td{
	line-height:18px;
}