/*----------------------------------------------------------
	Player page CSS
	Styles for the player page

	Project:		OLWeb.fr
	Author:			e-TF1 Web Agency
	Summary :
		Player page (import)
----------------------------------------------------------*/

#ticketing { background:url(/image/generic/rounded-corner.png) no-repeat -1920px 0; margin:0 0 10px; padding-bottom:0; }
	#ticketing .inner { background:#FFF; padding-bottom:0; }
	.ie6 #ticketing .inner { zoom:1; }
		#ticketing h2 { background:#FFF url(/image/block/ticketing/ticketing-back.png) no-repeat; height:210px; margin:0; text-indent:-9999em; }

#ticketing .ol-club { background:#F5F5F5; margin:0 15px 20px; overflow:hidden; padding:0 14px; position:relative; }
	#ticketing .ol-club li { float:left; padding:10px 10px 10px 0; overflow:hidden; }
		#ticketing .ol-club a { background:no-repeat; float:right; height:23px; margin:0; text-indent:-9999em; width:152px; }
		#ticketing .ol-club .club a { background:url(/image/block/ticketing/ol-club-card.png) no-repeat; height:109px; left:0; position:absolute; top:0; width:284px; }
		#ticketing .ol-club .kids a { background:url(/image/block/ticketing/ol-club-kids.png) no-repeat; height:109px; left:284px; position:absolute; top:0; width:305px; }
		#ticketing .ol-club .create a { background-image:url(/image/block/ticketing/create-profile.png); }
		#ticketing .ol-club .edit a { background-image:url(/image/block/ticketing/edit-profile.png); }
		#ticketing .ol-club .status a { background-image:url(/image/block/ticketing/order-status.png); }

#ticketing .matches { background:#F5F5F5; margin:0 15px 20px; padding:10px; position:relative; }
.ie6 #ticketing .matches { zoom:1; }
	#ticketing .matches h3 { background:url(/image/block/ticketing/upcoming-matches.png) no-repeat; height:20px; margin:0 0 10px 10px; text-indent:-9999em; width:145px; }
	#ticketing .cart { background:url(/image/block/ticketing/cart.png) no-repeat; height:33px; margin:0; overflow:hidden; position:absolute; text-indent:-9999em; top:10px; right:20px; width:120px; }
	#ticketing .matches h4 { font-size:1.2em; margin-left:5px; padding:5px; }
	#ticketing .matches ul { background:none; padding:0; }
		#ticketing .matches li { background:#FFF; height:34px; margin-bottom:10px; padding:25px 10px 25px 80px; position:relative; text-align:left; }
			#ticketing .matches h5 { font-size:1.4em; }
			#ticketing .matches img { left:10px; position:absolute; top:10px; }
			#ticketing .matches p { color:#000; font-size:1.2em; }
				#ticketing .matches ul span { background:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:1em; padding:0; }
	#ticketing .matches ul div { position:absolute; height:43px; right:10px; text-indent:-9999em; top:20px; width:120px; }
		#ticketing .matches ul a { background:none; display:block; height:43px; margin:0; overflow:hidden; width:120px; }
	#ticketing .matches .public { background-image:url(/image/block/ticketing/book-public.png); }
	#ticketing .matches .subscriber { background-image:url(/image/block/ticketing/book-subscriber.png); }
	#ticketing .matches .ol-club-member { background-image:url(/image/block/ticketing/book-ol-club-member.png); }
	#ticketing .matches .guichet { background-image:url(/image/block/ticketing/guichet.png); }
	#ticketing .matches .full { background-image:url(/image/block/ticketing/full.png); }
	
#ticketing .miniplan { float:left; padding:0 15px; }
	#ticketing .miniplan p { background:url(/image/block/ticketing/information.png) no-repeat 30px 50%; color:#BEBEBE; font-size:1.1em; font-weight:bold; line-height:40px; margin:.9em 0; padding-left:70px; }

#ticketing .legend { float:left; font-size:1.2em; width:345px; }
	#ticketing dt { font-weight:bold; }
	#ticketing dd { margin-bottom:10px; }
	#ticketing .legend .public { color:#F8C52B; }
	#ticketing .legend .subscriber { color:#9A2BD0; }
	#ticketing .legend .ol-club-member { color:#1651B7; }
	#ticketing .legend .guichet { color:#FE690F; }
	#ticketing .legend .full { color:#000; }

#ticketing h3.practical-info { background:url(/image/block/ticketing/practical-info.png) no-repeat; clear:both; height:25px; margin:0 15px; text-indent:-9999em; }
#ticketing div.practical-info { font-size:1.1em; margin:0 30px 30px; }
	#ticketing .practical-info h4 { background:url(/image/block/oltv/arrow.png) no-repeat 0 50%; font-size:1.0909em; margin-top:30px; padding-left:10px; }
	#ticketing .practical-info p { color:#646464; font-size:1.0909em; }
		#ticketing a { background:none; height:auto; margin:0; width:auto; }