/* PLAY PAGE 2009 PAGE-SCOPED CSS */
/* LAST MODFIED ON:  2009-07-15*/

/* START BIG BG - DEPRECATED*/

#bg_en 		{
                /*visibility: hidden;*/
				position: absolute;
                top: 0px;
                left: 0px;
				width: 1400px;
                height: 1400px;
                margin: 0 0 0 0;
				padding: 0 0 0 0;
                background: url("../images/clone_wars_takeover_EN_1.jpg") left top no-repeat;
			}
			
#bg_fr 		{
                /*visibility: hidden;*/
				position: absolute;
                top: 0px;
                left: 0px;
				width: 1400px;
                height: 1400px;
                margin: 0 0 0 0;
				padding: 0 0 0 0;
                background: url("../images/clone_wars_takeover_FR_1.jpg") left top no-repeat;
			}

/* END BG */

/* SUPER LONG PAGE OVERRIDE */

#content	{
                position: absolute;
				left: 160px;
				width: 976px;
				height: 4708px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				z-index: 1;
				text-align: left;
                background: url("../images/teletoon_content_bg_middle_slice.jpg") left top repeat-y;
}

/* END SUPER LONG PAGE OVERRIDE */

#ttGames_en 	{
				position: absolute;
				top: 251px;
				left: 19px;
				width: 930px;
				height: 1529px;
				margin: 0 0 0 0;
				z-index: 1005;
                background: url("../images/teletoon_play_games_bg_en.png") left top no-repeat;
				/*border          : solid green 1px;	*/
}

#ttGames_fr 	{
				position: absolute;
				top: 251px;
				left: 19px;
				width: 930px;
				height: 1529px;
				margin: 0 0 0 0;
				z-index: 1005;
                background: url("../images/teletoon_play_games_bg_fr.png") left top no-repeat;
				/*border          : solid green 1px;	*/
}


     
#tabNav	{
				position: absolute;
				top: 499px;
				left: 20px;
				margin: 0 0 0 0;
				width: 670px;
				height: 45px;
				z-index: 5;
                background: url("../images/teletoon_play_gametab_nav.png") left top no-repeat;
				/*border          : solid green 1px;*/
			}
			
.tabOff	{
				position: absolute;
				top: 5px;
				width: 124px;
				height: 33px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				z-index: 6;
				/*border          : solid blue 1px;*/
                background: url("../images/teletoon_play_gametab_nav_1pxFill.png") left top repeat-x;
                overflow: hidden; 
			}
.tabOff a {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 124px;
                height: 33px;
                margin: 0 0 0 0;
                padding: 5px 0 0 0;
                /*background-color: white;*/
                font-family: sans-serif;
                color: #006987;
                font-size: 1.05em;
                text-decoration: none;
                text-align: center;
                vertical-align: 50%;
                overflow: hidden; 
                border-style: none;
                /*border          : solid black 1px;*/
	}
.tabOff span {
                height: 33px;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
                overflow: hidden;
	}
.tabOff a:hover {
                background-color: #ff3300;
                color: white;
	}
    
.tabOver	{
				position: absolute;
				top: 5px;
				width: 124px;
				height: 33px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				z-index: 6;
				/*border          : solid blue 1px;*/
                background-color: #ff3300;
                overflow: hidden; 
			}
            
.tabOver a {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                width: 124px;
                height: 33px;
                margin: 0 0 0 0;
                padding: 5px 0 0 0;
                /*background-color: white;*/
                font-family: sans-serif;
                color: white;
                font-size: 1.05em;
                text-decoration: none;
                text-align: center;
                vertical-align: 50%;
                overflow: hidden; 
                border-style: none;
                /*border          : solid black 1px;*/
	}
.tabOver span {
                height: 33px;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
                overflow: hidden;
	}
.tabOver a:hover {
                background-color: #ff3300;
                color: white;
	}
    
#dynamicPreview	{
				position: absolute;
				top: 57px;
				left: 28px;
				width: 532px;
				height: 404px;
				margin: 0 0 0 0;
                padding: 0 0 0 0;
                /*border          : solid green 1px;*/
}

#gameListTop	{
				position: absolute;
				top: 475px;
				left: 20px;
				width: 670px;
				height: 24px;
				margin: 0 0 0 0;
                padding: 0 0 0 0;
                background: url("../images/teletoon_play_gametab_top.png") left top no-repeat;
                /*border          : solid red 1px;*/
}

#gameListBottom	{
				position: absolute;
				top: 4247px;
                left: 20px;
				width: 670px;
				height: 24px;
				margin: 0 0 0 0;
                padding: 0 0 0 0;
                background: url("../images/teletoon_play_gametab_bottom.png") left top no-repeat;
                /*border          : solid red 1px;*/
                z-index: 1008;
}

#ttGamesFill{
				position: absolute;
				top: 1500px;
				left: 0px;
				width: 930px;
				height: 2778px;
				margin: 0 0 0 0;
                padding: 0 0 0 0;
                background: url("../images/teletoon_play_gamepage_1pxFill.png") left top repeat;
                /*border          : solid red 1px;*/
                z-index: 1006;
}

#ttGamesBottom	{
				position: absolute;
				top: 4278px;
				left: 0px;
				width: 930px;
				height: 28px;
				margin: 0 0 0 0;
                padding: 0 0 0 0;
                background: url("../images/teletoon_play_gamepage_bottom.png") left top no-repeat;
                /*border          : solid red 1px;*/
                z-index: 1007;
}

*.gameTab	{
				position: absolute;
				top: 545px;
				left: 20px;
				width: 670px;
				height: 3175px;
				margin: 0 0 0 0;
                padding: 0 0 0 0;
				z-index: 1110;
				background-color:#ccccff;
                background: url("../images/teletoon_play_gametab_1pxFill.png") left top repeat;
				border          : solid blue 1px;
			}
            
            
            
#page1	{
				position: absolute;
				top: 544px;
				left: 20px;
				width: 670px;
				height: 3703px;
				margin: 0 0 0 0;
                padding: 0 0 0 0;
				z-index: 1114;
				background-color:#ccccff;
                background: url("../images/teletoon_play_gametab_1pxFill.png") left top repeat;
				/*border          : solid blue 1px;*/
                visibility: hidden;
			}

#page2	{
				position: absolute;
				top: 544px;
				left: 20px;
				width: 670px;
				height: 3703px;
				margin: 0 0 0 0;
				z-index: 1113;
				background-color:#ccccff;
                background: url("../images/teletoon_play_gametab_1pxFill.png") left top repeat;
				/*border          : solid blue 1px;*/
                visibility: hidden;
			}
            
#page3	{
				position: absolute;
				top: 544px;
				left: 20px;
				width: 670px;
				height: 3703px;
				margin: 0 0 0 0;
				z-index: 1112;
				background-color:#ccccff;
                background: url("../images/teletoon_play_gametab_1pxFill.png") left top repeat;
				/*border          : solid blue 1px;*/
                visibility: hidden;
			}
            
#page4	{
				position: absolute;
				top: 544px;
				left: 20px;
				width: 670px;
				height: 3703px;
				margin: 0 0 0 0;
				z-index: 1111;
				background-color:#ccccff;
                background: url("../images/teletoon_play_gametab_1pxFill.png") left top repeat;
				/*border          : solid blue 1px;*/
                visibility: hidden;
			}
            
#page5	{
				position: absolute;
				top: 544px;
				left: 20px;
				width: 670px;
				height: 3703px;
				margin: 0 0 0 0;
				z-index: 1110;
				background-color:#ccccff;
                background: url("../images/teletoon_play_gametab_1pxFill.png") left top repeat;
				/*border          : solid blue 1px;*/
                visibility: hidden;
			}
            
.itemData{
    position: absolute;
    width: 120px;
    height: 120px;
    overflow: hidden;
    background: url("../images/teletoon_play_games_title_bg.png") left top no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    border          : solid white 1px;
}


.itemData a {
	display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 110px;
    height: 110px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: white;
    font-family: sans-serif;
    color: #006987;
    font-size: 0.65em;
    text-decoration: none;
    text-align: left;
    line-height: 100%;
    overflow: hidden; 
    border-style: none;
    /*border          : solid black 1px;*/
	}
.itemData span {
    width: 109px;
    height: 33px;
    margin: 0 0 0 0;
    padding: 0 0 0 2px;
    overflow: hidden;
	}
.itemData a:hover {
    background-color: #ff3300;
	color: white;
	}

/* START FLOATING PLAY BIG BOX 300X250 */
#ttBigBox{
				position: absolute;
				top: 268px;
				left: 603px;
				width: 326px;
				height: 276px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				z-index: 2000;
				background: url("../images/teletoon_300x250.png") left top no-repeat;
				/*border          : solid red 1px;*/
			}
			
								
#ttBigBox .ad
				{
				display: block;
				width: 300px;
				height: 250px;
				margin: 13px 0 0 13px;
				overflow: visible;
				z-index: 2001;
				/*border          : solid yellow 1px;*/
				}

#ttBigBox .label
				{
				display: block;
				height: 250px;
				overflow: visible;
				z-index: 2002;
				/*background: url("../images/300x250_label_fr.gif") left top no-repeat;*/
				}
/* END FLOATING PLAY BIG BOX 300X250 */    

/* START FLOATING PLAY SPONSOR HIGHLIGHT 315X155 */

#ttSponsorAd {
				position: absolute;
				top: 562px;
				left: 608px;
				width: 315px;
				height: 155px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				z-index: 1255;
				/*border          : solid red 1px;*/
			}
            
/* END FLOATING PLAY SPONSOR HIGHLIGHT 315X155 */

/* START FLOATING SPONSOR ADS 5x180x150 */

#ttSponsorAdA {
				position: absolute;
				top: 773px;
				left: 728px;
				width: 190px;
				height: 163px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
                z-index: 1500;
                background: url("../images/teletoon_play_sponsor_ad_180x150_bg.png") left top no-repeat;
				/*border          : solid red 1px;*/
			}
            
#ttSponsorAdA .ad
				{
				display: block;
				width: 180px;
				height: 150px;
				margin: 5px 0 0 4px;
				overflow: visible;
				z-index: 1501;
				/*border          : solid yellow 1px;*/
				}

#ttSponsorAdB {
				position: absolute;
				top: 943px;
				left: 728px;
				width: 190px;
				height: 163px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
                z-index: 1502;
                background: url("../images/teletoon_play_sponsor_ad_180x150_bg.png") left top no-repeat;
				/*border          : solid red 1px;*/
			}
            
#ttSponsorAdB .ad
				{
				display: block;
				width: 180px;
				height: 150px;
				margin: 5px 0 0 4px;
				overflow: visible;
				z-index: 1503;
				/*border          : solid yellow 1px;*/
				}

#ttSponsorAdC {
				position: absolute;
				top: 1113px;
				left: 728px;
				width: 190px;
				height: 163px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
                z-index: 1504;
                background: url("../images/teletoon_play_sponsor_ad_180x150_bg.png") left top no-repeat;
				/*border          : solid red 1px;*/
			}
            
#ttSponsorAdC .ad
				{
				display: block;
				width: 180px;
				height: 150px;
				margin: 5px 0 0 4px;
				overflow: visible;
				z-index: 1505;
				/*border          : solid yellow 1px;*/
				}

#ttSponsorAdD {
				position: absolute;
				top: 1283px;
				left: 728px;
				width: 190px;
				height: 163px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
                z-index: 1506;
                background: url("../images/teletoon_play_sponsor_ad_180x150_bg.png") left top no-repeat;
				/*border          : solid red 1px;*/
			}
            
#ttSponsorAdD .ad
				{
				display: block;
				width: 180px;
				height: 150px;
				margin: 5px 0 0 4px;
				overflow: visible;
				z-index: 1507;
				/*border          : solid yellow 1px;*/
				}
                
#ttSponsorAdE {
				position: absolute;
				top: 1453px;
				left: 728px;
				width: 190px;
				height: 163px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
                z-index: 1508;
                background: url("../images/teletoon_play_sponsor_ad_180x150_bg.png") left top no-repeat;
				/*border          : solid red 1px;*/
			}
            
#ttSponsorAdE .ad
				{
				display: block;
				width: 180px;
				height: 150px;
				margin: 5px 0 0 4px;
				overflow: visible;
				z-index: 1509;
				/*border          : solid yellow 1px;*/
				}
/* END FLOATING SPONSOR ADS 5x180x150 */


/* START SKYSCRAPER 160X600 */
#tt_Sky	{
				position: absolute;
				top: 1655px;
				left: 729px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				width: 186px;
				height: 626px;
				z-index: 2500;
				background: url("../images/teletoon_160x600.png") left top no-repeat;
				/*border          : solid red 1px;*/
			}
			
#tt_Sky160 	{
				position: absolute;
				top: 1668px;
				left: 742px;
				display: block;
				width: 160px;
				height: 600px;
				align: right;
				text-align: right;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				overflow: visible;
				z-index: 2505;
				/*border          : solid black 1px;*/

			}
/* 'AD' Labels, top and bottom*/
#tt_Sky160TopLabel_en 	{
				position: absolute;
				top: 1646px;
				left: 807px;
				display: block;
				width: 30px;
				height: 20px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				z-index: 2501;
				background: url("../images/teletoon_ad.png") left top no-repeat;
				/*border          : solid green 1px;*/

			}
			
#tt_Sky160BottomLabel_en 	{
				position: absolute;
				top: 2273px;
				left: 807px;
				display: block;
				width: 30px;
				height: 20px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				z-index: 2502;
				background: url("../images/teletoon_ad.png") left top no-repeat;
				/*border          : solid black 1px;*/

			}
			
#tt_Sky160TopLabel_fr 	{
				position: absolute;
				top: 1646px;
				left: 804px;
				display: block;
				width: 40px;
				height: 20px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				z-index: 2501;
				background: url("../images/teletoon_pub.png") left top no-repeat;
				/*border          : solid green 1px;*/

			}
			
#tt_Sky160BottomLabel_fr 	{
				position: absolute;
				top: 2273px;
				left: 804px;
				display: block;
				width: 40px;
				height: 20px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				z-index: 2502;
				background: url("../images/teletoon_pub.png") left top no-repeat;
				/*border          : solid black 1px;*/

			}
/* END SKYSCRAPER 160X600 */

/* START FOOTER POSITION */

#ttFooter		{
				position: absolute;
                top: 4558px;
				left: 63px;
				width: 760px;
				height: 110px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				text-align: center;
				color: #000000;
				font-family: gill sans, verdana, sans-serif;
				font-size: 11px;
				word-wrap: break-word;
				z-index: 10;
				/*background: url("../images/teletoon_php_pad.png") left top no-repeat;*/

			}
            
/* END FOOTER POSITION*/