/***
 * L2 Learning Path styles
 **/

div#l2_learning_path { position: relative; margin: 0 auto; width: 972px; height: 680px; font-family: Arial, Helvetica, Verdana, sans-serif; background: #fff url(../_images/l2_lp_bg.jpg) 0 0 no-repeat; }
	#l2_learning_path h2 { margin: 0; padding: 0; height: 64px; text-indent: -9999px; overflow: hidden; background: url(../_images/l2_lp_title.png) 246px 20px no-repeat; }
	#l2_learning_path div.l2_first { position: relative; margin-left: 653px; background: url(../../_common/images/l2_click_to_magnify.png) 26px 28px no-repeat; }
		#l2_learning_path div.l2_first dl { display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
			#l2_learning_path div.l2_first dl dt { margin: 0 0 40px; padding: 0; width: 230px; height: 27px; text-indent: -9999px; overflow: hidden; background: url(../_images/l2_lp_headings.png) center 0 no-repeat; }
			#l2_learning_path div.l2_first dl dd { width: 250px; margin: 0; padding: 0 10px 0 0; font: normal 13px Arial; color:#00703c;}
			/*#l2_learning_path div.l2_first dl dd.l2_text { width: 250px; height: 132px; text-indent: -9999px; overflow: hidden; background: url(../_images/l2_lp_descriptions.png) 0 0 no-repeat; }*/
			#l2_learning_path div.l2_first dl dd.l2_thumbnail { position: absolute; top: 30px; left: -395px; width: 333px; height: 248px; }
				#l2_learning_path div.l2_first dl dd.l2_thumbnail a {}
					#l2_learning_path div.l2_first dl dd.l2_thumbnail a img { border: 0; }
			#l2_learning_path div.l2_first dl.l2_dl_2 dt { background-position: center -27px; }
			#l2_learning_path div.l2_first dl.l2_dl_3 dt { background-position: center -54px; }
			#l2_learning_path div.l2_first dl.l2_dl_4 dt { background-position: center -81px; }
			#l2_learning_path div.l2_first dl.l2_dl_5 dt { background-position: center -108px; }
			#l2_learning_path div.l2_first dl.l2_dl_2 dd.l2_text { height: 70px; background-position: -250px 0; }
			#l2_learning_path div.l2_first dl.l2_dl_3 dd.l2_text { height: 68px; background-position: -500px 0; }
			#l2_learning_path div.l2_first dl.l2_dl_4 dd.l2_text { height: 68px; background-position: -750px 0; }
			#l2_learning_path div.l2_first dl.l2_dl_5 dd.l2_text { height: 68px; background-position: -1000px 0; }
				#l2_learning_path div.l2_first dl dd ul { margin: 5px 0 0; padding: 0; list-style: none; }
					#l2_learning_path div.l2_first dl dd ul li { float: left; margin: 0; padding: 0; overflow: hidden; }
						#l2_learning_path div.l2_first dl dd ul li a { display: block; width: 98px; height: 48px; text-indent: -9999px; overflow: hidden; background: url(../../_common/images/l2_btn_back.png) 0 0 no-repeat; }
						#l2_learning_path div.l2_first dl dd ul li a:hover { background-image: url(../../_common/images/l2_btn_back_hover.png); }
						#l2_learning_path div.l2_first dl dd ul li.l2_next a { background-image: url(../../_common/images/l2_btn_next.png); }
						#l2_learning_path div.l2_first dl dd ul li.l2_next a:hover { background-image: url(../../_common/images/l2_btn_next_hover.png); }

		/** paging list **/
		#l2_learning_path div.l2_first ul.l2_page_list { position: relative; margin: 0; padding: 46px 0 0; zoom: 1; }
			#l2_learning_path div.l2_first ul.l2_page_list li { float: left; margin: 0; padding: 0 6px 0 0; font-size: 0; line-height: 0; overflow: hidden; }
				#l2_learning_path div.l2_first ul.l2_page_list li a { display: block; width: 33px; height: 13px; text-indent: -9999px; overflow: hidden; background: url(../../_common/images/l2_bg_paging.png) -26px 0 no-repeat; }
				#l2_learning_path div.l2_first ul.l2_page_list li a:focus { outline: none; }
				#l2_learning_path div.l2_first ul.l2_page_list li a:hover,
				#l2_learning_path div.l2_first ul.l2_page_list li a.current { background-position: -63px 0; }
				#l2_learning_path div.l2_first ul.l2_page_list li.l2_prev a,
				#l2_learning_path div.l2_first ul.l2_page_list li.l2_prev a:hover { width: 20px; background-position: left center; }
				#l2_learning_path div.l2_first ul.l2_page_list li.l2_next a,
				#l2_learning_path div.l2_first ul.l2_page_list li.l2_next a:hover { width: 20px; background-position: right center; }

	/** popup contents **/
	#l2_learning_path div#l2_popup_contents { position: absolute; top: 10px; left: 0; z-index:100; }
		#l2_learning_path #l2_popup_contents div.l2_section { display: none; position: absolute; margin: 0; padding: 0; width: 972px; }
			#l2_learning_path #l2_popup_contents div.l2_section div.l2_popup_bg { margin: 0 auto; padding: 20px 0 0 20px; width: 919px; height: 630px; background: url(../../_common/images/l2_popup_bg.png) center 0 no-repeat; }
				#l2_learning_path #l2_popup_contents div.l2_section div.l2_popup_bg div.l2_close_popup { position: absolute; top: 24px; right: 40px; width: 31px; height: 31px; cursor: pointer; background: url(../../_common/images/l2_popup_close.png) 0 0 no-repeat; }
			#l2_learning_path #l2_popup_contents div#l2_section_4.l2_section div.l2_popup_bg { width: 722px; height: 663px; background-image: url(../_images/l2_lp_popup_bg_4.png); }
				#l2_learning_path #l2_popup_contents div#l2_section_4.l2_section div.l2_popup_bg div.l2_close_popup { position: absolute; top: 24px; right: 138px; }
			#l2_learning_path #l2_popup_contents div#l2_section_5.l2_section div.l2_popup_bg { width: 876px; height: 522px; background-image: url(../_images/l2_lp_popup_bg_5.png); }
				#l2_learning_path #l2_popup_contents div#l2_section_5.l2_section div.l2_popup_bg div.l2_close_popup { position: absolute; top: 26px; right: 69px; }