#relay-torch{
	position:relative;
	float:left;
	width:976px;
	
	/*-webkit-text-stroke: 1px transparent; Removed creates a text rendering bug in Safari*/	
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;	

	/*width:976px;*/
	/*border:1px solid;*/
	/*Remove from production version*/
	font:1em arial,sans-serif;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	margin:0;
	padding:0;
	clear:both;
	/*border:1px solid;*/
	
	margin-bottom:18px;
}

.relay-nav{
	width:976px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	
}	

 img#torch-map{
/*border:1px solid red;*/
	display:block;
	float:left;	
	/*position:relative;*/
	margin:0;
	padding:0;
	margin-top:60px;
}

.clear{
	clear:both;
}



/* -------------------- INFO PANEL ---------------------------------- */
#torch-substops-container{
	position:absolute;
	left:624px;
	top:60px;
}
#torch-substops-container img#substops-map{
	width:352px;
	height:304px;
}
#torch-arrival-info{
	float:left;
	position:absolute;
	/*width:320px !important;*/
	/*border:1px solid;*/
	/*padding-top:16px;*/
	/*top:14px;*/
	/*left:654px;
	top:8px;	*/
	left:0px;
	top:8px;
}

#torch-arrival-info p#torch-location{	
	font-size:1.7em;
	font-weight:bold;
	color:#505050;	
	margin-top:4px;
	margin-bottom:4px;
}

#torch-arrival-info p#arrival-date{
	font-weight:bold;
	font-size:1.2em !important;
	color:#505050;
	margin-bottom:8px;
}

div#torch-arrival-info div#list-of-substops{
	margin-top:8px;
	width: 320px;
}
div#torch-arrival-info div#list-of-substops ul.col1{
	width: 160px;
	float:left;
}
div#torch-arrival-info div#list-of-substops ul.col2{
	width: 160px;
	float:left;
}
div#torch-arrival-info #list-of-substops li{
	list-style-type: none;
	padding:0;
	margin: 0px;
	font-size: 13px;
	line-height: 16px;
	font-weight:bold;
	background: none;
}
div#torch-arrival-info img#torch-location{
	width:320px;
	height:180px;
}
/* -------------------- END OF INFO PANEL ---------------------------------- */

.selected-day{
	background-color:#D1700E !important;
	/*border:2px #FF0000 !important;*/
}
div.torch{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/torch.gif");
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	width:12px;
	height:10px;
	padding:0;
	margin:0;
}



/* -------------------- TIMELINE : list styling ,previous and next buttons and all rollover states ---------------------------------- */
#timebar{
	margin-top:30px;
}

#timebar ul{
	float:left;
	padding:0;
	margin:0;
	height:32px;
	/*left:auto;
	right:auto;
	margin-left:auto;
	margin-right:auto;*/
}

#timebar li{
	float:left;
	list-style-type: none;
	width:11px;
	height:32px;
	background-color:#CCCCCC;
	margin-left:2px;
	position:relative;
	background-image:none;
	padding:0;
}

#timebar li:hover{
	opacity:0.5;
	background-color:#D1700E !important;
}

#timebar li.day-over{
	opacity:0.5;
	background-color:#D1700E !important;
}

#timebar li.day-up{
	opacity:0.5;
	background-color:#CCCCCC !important;
}

#timebar li:active{
	background-color:#FFF !important;
}

#timebar li span{
	position:absolute;
	top:-20px;
	left:0;
	font-size:0.9em;
	padding:0;
	margin:0;
	color:#505050;
}

/* -------------------- TIMELINE BUTTONS ---------------------------------- */
#timebar div.next-button,
#timebar div.previous-button{
	float:left;
	width:32px;
	height:32px;
	padding:0;
	margin:0;
	cursor:pointer;
	display:inline;
	background-repeat:no-repeat;
}

#timebar div.next-button{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/r_up.png");
	margin-left:2px;
	/*margin-bottom:24px;*/
}

#timebar div.previous-button{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/l_up.png");
	/*clear:both;*/
}

#timebar div.next-button:hover{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/r_hover.png");
	margin-left:2px;
}

#timebar div.previous-button:hover{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/l_hover.png");
	/*clear:both;*/
}

#timebar div.next-button:active{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/r_up.png");
	margin-left:2px;
}

#timebar div.previous-button:active{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/l_up.png");
}
/* -------------------- END OF TIMELINE BUTTONS ---------------------------------- */

/* -------------------- TOOLTIP ---------------------------------- */
#location-label{
	position:absolute;
	background:#848383;
	padding:4px 8px 4px 8px;
	/*opacity:0.9;*/
	font-weight:bold;
	color:#FFF;
	font-size:1em;
	visibility:hidden;

}

#left-beak{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/beaks_l.png");
	background-repeat:no-repeat;
	background-position:left center;
	height:18px;
	width:9px;
	float:left;
	position:absolute;
	left:-9px;
	top:3px;
}

#right-beak{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/beaks_r.png");
	background-repeat:no-repeat;
	background-position:right center;
	height:18px;
	width:9px;	
}

#down-beak{
	background-image:url("/news/special/uk/11/olympic_torch_map_2012/img/ui_assets/beaks_d.png");
	background-repeat:no-repeat;
	background-position:center;
	height:9px;
	width:18px;
	position:absolute;	
}
/* -------------------- END OF TOOLTIP ---------------------------------- */
/* -------------------- END OF TIMELINE  ---------------------------------- */

/* link to the text version */
a.torch-text-version{
	margin-top:4px;
	margin-bottom:8px;
	display:block;
}