/* CSS TUTORIAL */
/* curl */
div.pc_tutorialA_st{ right:0px;position:absolute;width:60px;height:65px;z-index:9998;}
div.pc_tutorialB_st{ right:0px;position:absolute;width:280px;height:280px;z-index:9998;}

div#tutorialCorner{ position:absolute; right:0; top:0; display:block; width:280px; height:280px;}
div#tutorialCorner img{display:block; margin:0; float:right;}

div#pc_guidaA{top:0px;right:0px;position:absolute;width:60px;height:65px;z-index:9998;}
div#pc_guidaB{top:0px;right:0px;position:absolute;width:280px;height:280px;z-index:9998;}

div#newGuideCorner{ position:absolute; right:0; top:0; display:block; width:280px; height:280px;}
div#newGuideCorner img{display:block; margin:0; float:right;}

div#tutorial{ position:absolute; left:0; top:0; display:none; width:100%; height:100%; z-index:9999; text-align:center; vertical-align:middle; background: url(/static/images/sito/epg/tutorial/tutorial_lightbox85.png);  }
div#tutorial div#tutorialBody{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_body.png) no-repeat; width:983px; height:748px; margin:0 auto 0 auto; vertical-align:middle; position:relative; padding:0;}

/* Menu sezioni */
div#tutorial ul.tutorialMenu{ height:77px; padding:18px 0 0 591px;}
div#tutorial ul.tutorialMenu li{ float:left; font-size:0em; text-indent:-9999px; margin:0 6px 0 0; }
div#tutorial ul.tutorialMenu li a{color:#484848; height:77px;}
div#tutorial ul.tutorialMenu li#menu0 a{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_hp_off.jpg) no-repeat; width:54px;  }
div#tutorial ul.tutorialMenu li#menu0 a:hover{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_hp_on.jpg) no-repeat; }
div#tutorial ul.tutorialMenu li#menu0.on a{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_hp_on.jpg) no-repeat; }


div#tutorial ul.tutorialMenu li#menu1 a{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_griglia_off.jpg) no-repeat; width:69px; }
div#tutorial ul.tutorialMenu li#menu1 a:hover{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_griglia_on.jpg) no-repeat; }
div#tutorial ul.tutorialMenu li#menu1.on a{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_griglia_on.jpg) no-repeat; }

div#tutorial ul.tutorialMenu li#menu2 a{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_categorie_off.jpg) no-repeat; width:55px;}
div#tutorial ul.tutorialMenu li#menu2 a:hover{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_categorie_on.jpg) no-repeat; }
div#tutorial ul.tutorialMenu li#menu2.on a{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_categorie_on.jpg) no-repeat; }

div#tutorial ul.tutorialMenu li#menu3 a{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_cerca_off.jpg) no-repeat; width:55px;}
div#tutorial ul.tutorialMenu li#menu3 a:hover{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_cerca_on.jpg) no-repeat; }
div#tutorial ul.tutorialMenu li#menu3.on a{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_cerca_on.jpg) no-repeat; }

div#tutorial ul.tutorialMenu li#menu4 a{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_programma_off.jpg) no-repeat; width:55px;}
div#tutorial ul.tutorialMenu li#menu4 a:hover{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_programma_on.jpg) no-repeat; }
div#tutorial ul.tutorialMenu li#menu4.on a{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_programma_on.jpg) no-repeat; }

div#tutorial ul.tutorialMenu li#menu5 a{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_miaguida_off.jpg) no-repeat; width:55px;}
div#tutorial ul.tutorialMenu li#menu5 a:hover{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_miaguida_on.jpg) no-repeat; }
div#tutorial ul.tutorialMenu li#menu5.on a{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_menu_miaguida_on.jpg) no-repeat; }

div#tutorial h6{ height:65px; color:#ffffff; font-size:1.5em; padding:0 0 0 0; font-weight:bold; overflow:hidden;}
div#tutorial h6 span{font-size:0.75em; font-weight:normal; display:block; margin:0 0 0 0;}

div#tutorial div.tutorialSectionLoader{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_loader.gif) no-repeat center center; height:650px;}
div#tutorial div.tutorialSection{ height:650px; display:none;}
div#tutorial div.tutorialSection img.load{margin-top:350px;}
div#tutorial div.screenshot img { display:block; margin:0; padding:0;}

div.screenshot{ margin:0 auto;}
div#screenshot0{ width:315px;}
div#screenshot1{ width:535px;}
div#screenshot2{ width:420px; }
div#screenshot3{ width:415px;}
div#screenshot4{ width:380px;}
div#screenshot5{ width:360px;}

/* menu spot */
ul.spotMenu li{ display:block; position:absolute; width:30px; height:30px; z-index:10001;}
ul.spotMenu li a{ display:block; width:30px; height:30px; background: url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_spot.png) no-repeat; text-align:center; line-height:30px; color:#ffffff; font-weight:bold; font-size:1.5em;}
ul#spotMenu0 li#spot01{ top:186px; left:417px; }
ul#spotMenu0 li#spot02{ top:268px; left:428px; }
ul#spotMenu0 li#spot03{ top:398px; left:430px; }
ul#spotMenu0 li#spot04{ top:512px; left:350px; }
ul#spotMenu0 li#spot05{ top:579px; left:449px; }

ul#spotMenu1 li#spot11{ top:398px; left:270px; }
ul#spotMenu1 li#spot12{ top:398px; left:510px; }
ul#spotMenu1 li#spot13{ top:264px; left:654px; }
ul#spotMenu1 li#spot14{ top:249px; left:377px; }
ul#spotMenu1 li#spot15{ top:249px; left:529px; }

ul#spotMenu2 li#spot21{ top:330px; left:400px; }
ul#spotMenu2 li#spot22{ top:440px; left:474px; }
ul#spotMenu2 li#spot23{ top:470px; left:323px; }
ul#spotMenu2 li#spot24{ top:529px; left:436px; }

ul#spotMenu3 li#spot31{ top:414px; left:311px; }
ul#spotMenu3 li#spot32{ top:277px; left:500px; }

ul#spotMenu4 li#spot41{ top:274px; left:455px; }
ul#spotMenu4 li#spot42{ top:409px; left:336px; }
ul#spotMenu4 li#spot43{ top:374px; left:393px; }

ul#spotMenu5 li#spot51{ top:266px; left:344px; }
ul#spotMenu5 li#spot52{ top:238px; left:414px; }
ul#spotMenu5 li#spot53{ top:359px; left:336px; }



/* Hotspot Baloon */
div#tutorialBaloon{ width:214px; position:absolute; top:0; left:0; text-align:left; color:#ffffff; display:none; z-index:10002; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_bg_baloon2.png) no-repeat bottom left; padding:0 15px 15px 15px;}
div#tutorialBaloon span{ display:block; width:244px; height:21px; position:absolute; left:0px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_bg_baloon_top.png) no-repeat; top:-21px;}
div#tutorialBaloon a.close{display:block; width:16px; height:16px; position:absolute; right:8px; top:-4px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_baloon_close.gif) no-repeat; font-size:0; text-indent:-99999px; }

div#tutorialBaloon.up{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_bg_baloon.png) no-repeat top left; padding:15px 15px 0 15px;}
div#tutorialBaloon.up span{ background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_bg_baloon_bt.png) no-repeat; bottom:-21px;}


/* Hotspot Overlay */
div#tutorialOverlay{}

div.spot01{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_01.png) no-repeat top left; width:315px; left:334px;}
div.spot02{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_02.png) no-repeat top left; width:315px; left:334px;}
div.spot03{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_03.png) no-repeat top left; width:315px; left:334px;}
div.spot04{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_04.png) no-repeat top left; width:315px; left:334px;}
div.spot05{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_05.png) no-repeat top left; width:315px; left:334px;}

div.spot11{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_11.png) no-repeat top left; width:535px; left:224px;}
div.spot12{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_12.png) no-repeat top left; width:535px; left:224px;}
div.spot13{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_13.png) no-repeat top left; width:535px; left:224px;}
div.spot14{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_14.png) no-repeat top left; width:535px; left:224px;}
div.spot15{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_15.png) no-repeat top left; width:535px; left:224px;}

div.spot21{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_21.png) no-repeat top left; width:420px; left:281px;}
div.spot22{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_22.png) no-repeat top left; width:420px; left:281px;}
div.spot23{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_23.png) no-repeat top left; width:420px; left:281px;}
div.spot24{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_24.png) no-repeat top left; width:420px; left:281px;}

div.spot31{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_31.png) no-repeat top left; width:415px; left:284px;}
div.spot32{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_32.png) no-repeat top left; width:415px; left:284px;}

div.spot41{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_41.png) no-repeat top left; width:380px; left:301px;}
div.spot42{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_42.png) no-repeat top left; width:380px; left:301px;}
div.spot43{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_43.png) no-repeat top left; width:380px; left:301px;}

div.spot51{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_51.png) no-repeat top left; width:360px; left:311px;}
div.spot52{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_52.png) no-repeat top left; width:360px; left:311px;}
div.spot53{display:none; position:absolute; top:0; left:0; width:1px; z-index:10000; top:160px; height:505px; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_53.png) no-repeat top left; width:360px; left:311px;}

ul#tutorialSlide a.rewind{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_arrowsx_on1.gif) no-repeat; width:18px; height:26px; font-size:0px; text-indent:-99999px; color:#272727; top:343px; left:28px; position:absolute;}
ul#tutorialSlide a.forward{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_arrowdx_on1.gif) no-repeat; width:18px; height:26px; font-size:0px; text-indent:-99999px; color:#272727; top:343px; right:28px;position:absolute;}

ul#tutorialPlay{ position:absolute; width:146px; height:26px; top:688px; left:420px;}
ul#tutorialPlay li{float:left;}
ul#tutorialPlay a.rewind{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_arrowsx_on2.gif) no-repeat; width:8px; height:16px; font-size:0px; text-indent:-99999px; color:#272727; margin:13px 7px 0 0;}
ul#tutorialPlay a.forward{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_arrowdx_on2.gif) no-repeat; width:8px; height:16px; font-size:0px; text-indent:-99999px; color:#272727; margin:13px 0 0 7px;}
ul#tutorialPlay a.play{ display:block; background:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_toggle.gif) no-repeat; width:146px; height:26px; font-size:1em; color:#ffffff; text-align:center; text-decoration:none; line-height:26px;}

/* IE6 HACKS */

* html div#tutorial div#tutorialBody{ background-image:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_body.gif);}
* html ul.spotMenu li a{background-image: url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_spot.gif);}

* html div.spot01{background: none;}
* html div.spot02{background: none;}
* html div.spot03{background: none;}
* html div.spot04{background: none;}
* html div.spot05{background: none;}
* html div.spot11{background: none;}
* html div.spot12{background: none;}
* html div.spot13{background: none;}
* html div.spot14{background: none;}
* html div.spot15{background: none;}
* html div.spot21{background: none;}
* html div.spot22{background: none;}
* html div.spot23{background: none;}
* html div.spot24{background: none;}
* html div.spot31{background: none;}
* html div.spot32{background: none;}
* html div.spot41{background: none;}
* html div.spot42{background: none;}
* html div.spot43{background: none;}
* html div.spot51{background: none;}
* html div.spot52{background: none;}
* html div.spot53{background: none;}

* html div#tutorialBaloon{ background-image: url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_bg_baloon2.gif);}
* html div#tutorialBaloon span{ background-image:url(http://static.sky.it/static/images/sito/epg/tutorial/tutorial_bg_baloon_top.gif);}