@font-face {
    font-family: 'JacobypcBlack';
    src: url('/fonts/jacobl__-webfont.eot');
    src: url('/fonts/jacobl__-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/jacobl__-webfont.woff') format('woff'),
         url('/fonts/jacobl__-webfont.ttf') format('truetype'),
         url('/fonts/jacobl__-webfont.svg#JacobypcBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

body 
{
	background: #3e863a url(/kids/img/bg.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
}

form
{
	margin: 0;
	padding: 0;	
}

a img { border: 0; }

.left { float: left; }

.right { float: right; }

.thumb
{
	display: block;
	height: 100px;
	float: left;
	width: 100px;	
}

#treehouse-games-wrap
{
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;	
}

#TH-nav
{   background: url("/kids/games/img/TH-play-nav.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 92px;
    left: 34px;
    position: relative;
    top:25px;
    width: 911px;
}

#TH-logo
{   display:block;
    float:left;
    height:88px;
    position:relative;
    text-indent:-999999px;
    width:180px;
    }

#nav-home, #nav-watch, #nav-parents, #nav-read, #nav-create,  #nav-go, #nav-win, #nav-play
{   background: url("/kids/games/img/TH-play-nav.png") 0 0;
    display:block;
    float:left;
    height:25px;
    left:2px;
    position:relative;
    text-indent:-999999px;
    top: 59px;
    width:49px;
   }
    
a#nav-home { background-position: -182px -59px;}
a#nav-home:hover { background-position: -182px -99px;}
a#nav-watch { background-position: -231px -59px; width:53px}
a#nav-watch:hover { background-position: -231px -99px;}    
a#nav-parents { background-position: -284px -59px;width:76px;}
a#nav-parents:hover { background-position: -284px -99px;}
a#nav-read {background-position: -360px -59px;width:44px;}
a#nav-read:hover {background-position: -360px -99px;}
a#nav-create {background-position: -404px -59px;width:54px}
a#nav-create:hover {background-position: -404px -99px;}
a#nav-go {background-position: -459px -59px;width:30px}
a#nav-go:hover {background-position: -459px -99px;}
a#nav-win {background-position: -489px -59px;width:39px}
a#nav-win:hover {background-position: -489px -99px;}
a#nav-play {background-position: -528px -59px;width:41px}
a#nav-play:hover {background-position: -528px -99px;}
    
#header
{   background: url("/kids/games/img/playground-bg.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 165px;
    left: 57px;
    position: relative;
    top:16px;
    width: 850px;
}

#promoRotator
{   display: block;
    height: 154px;
    left: 584px;
    margin: 116px 0 0;
    position: absolute;
    width: 295px;
    }
.msie7 #promoRotator
{   z-index:3;}

#promoRotator img {display: none;}

#containerTop
{
	background: url(/kids/games/img/bgContainerTop.jpg) top left no-repeat;
}

#container
{   background: url(/kids/games/img/bgContainer.jpg) top left repeat-y;
	display: block;
	margin: 16px auto 0 57px;
	position: relative;
	width: 875px; 
} 
.jCarouselLite ul    
{   
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 2800px;
    z-index: 1;}
    

#promoRotator li 
{   float:left;
    height: 150px !important;
    margin: 0;
    width: 288px !important;
    } 
   
#prev1, #next1
{   background:url("/kids/games/img/play-titles-buttons.png") -6px -408px no-repeat;
    border:0;
    cursor:pointer;
    display: block;
    height:25px;
    left: 230px;
    position: absolute;
    text-indent: -99999px;
    top: 123px;
    width: 25px;
    z-index: 30;
    }

#next1
{   background-position:-33px -408px;
    left:260px
}   

#prev1:hover
{   background-position:-6px -433px;}
#next1:hover
{   background-position:-33px -433px;}
.panel {
    border: 1px solid blue;
    display: inline;
    height: 145px;
    left: 550px;
    position: relative;
    width: 290px;
}	
    
#containerBtm
{
	background: url(/kids/games/img/bgContainerBtm.jpg) bottom left no-repeat;
	width: 875px;
}

#swfPromo
{
	display: block;
	height: 270px;
	margin: 0 0 0 43px;
	overflow: hidden;
	width: 900px;
}

#leaderboard-play
{
	background: url(../img/kids.png) 0 0 no-repeat;
	height: 100px;
	left: 210px;
	margin: 0 0 -60px 0;
	overflow: hidden;
	padding: 5px 0 0 10px;
	position: relative;
	top: 0;
	width: 748px!important;
	/*width: 758px;*/
	z-index: 10;	
}

#playNavigation
{	background: url(/kids/games/img/play-show-nav-bg.png) 0 0 no-repeat;
	height: 84px;
    margin: 5px 0 0 33px;
    padding: 10px 0 0 35px;
    position: relative;
    width: 780px;
}

.msie7 #playNavigation
{	margin-bottom:15px;}

#nav-prev, #nav-next
{   cursor:pointer;
    display:block;
    float: left;
    height:80px;
    position:absolute;
    text-indent:-999999px;
    top: 8px;
    width:25px;}

#nav-prev {left: 0px;}  
#nav-next {left: 780px; top: 6px;}  

#nav-thumbs
{   height:75px;
    overflow: hidden;
    width:740px!important;
}

.show-thumb
{   display:block;
    float:left;
    height:64px;
    margin: 5px;
    position:relative;
    width:64px;
    }
    
.show-thumb-selected
{   display:block;
    float:left;
    height:64px;  
    margin: 2px 5px;  
    position:relative;
    width:64px;
    }

.overlay
{   background: url(/kids/games/img/64x64_thumbnail_rollover.png);
    display: none;
    height: 64px;
    margin: 2px 0;
    position: absolute;
    top: -2px;
    width: 64px;
    z-index: 0;
    }
    
    .shownamehover
{  
    display: none;
    height: 64px;
    margin: 2px 0;
    position: absolute;
    top: -2px;
    width: 64px;
    z-index: 0;
    }


.show-thumb:hover .overlay
{   
    display:block;
    }

.show-thumb:hover #show-title
{   background:blue;}

.show-thumb-selected .overlay
{   background: url(/kids/games/img/64x64_thumbnail_rollover.png);
    display:block;
    top: 1px;
    }
    
.show-thumb img
{   position:relative;
    z-index:-10;}   

.show-thumb-selected img 
{   position:relative;
    z-index:-50;
    top:3px;
    display:block;}

#show-name-container { 
    background-color: #FFFFFF;
    border: 12px solid #ffcc34;
    border-bottom:none;
    height: 60px; 
    display: table; 
    position:absolute; 
    left:248px; 
    top: 128px;
    width: 334px; 
}

#show-name-position { 
    display: table-cell; 
    vertical-align: middle; 
    width: 100%; 
    text-align: center; }

#show-title, #show-title-rollover
{   color: #002C86;
    font-family: JacobypcBlack;
    text-align: center;
    }

.msie7 #show-name-container {position: relative; top:-23px;}
.msie7 #show-name-position {position: absolute; top: 50%; }
.msie7 #show-title, .msie7 #show-title-rollover {position: relative; top: -50%;}
.msie7 #show-title-btm {top:-24px;}
.msie7 #activity-top {margin-top:10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#show-name-container
    {width:358px;}
#show-title-btm
    {top:51px!important;}
}
#show-title h2, #show-title-rollover h2
{   display:inline; margin:0;
    font-size: 19pt;
    vertical-align:middle;
    }  
    
#show-title-rollover {
    display: none;
    z-index:10;}

#show-title-btm
{   background: url(/kids/games/img/play-titles-buttons.png) 1px -465px;
    display:block;
    height:13px;
    left:246px;
    position: relative;
    top: 63px;
    width:360px;
    }

.shownamehover
{   display:none;
    border:solid 1px red;
    position: absolute;
    z-index:10;
    }
    
.shownamehover:hover 
{   display:block;
    border:solid 1px black;}   

#share
{   color: #FFCC34;
    display: block;
    font-family: JacobypcBlack;
    font-size: 12pt;
    left: 671px;
    position: relative;
    width: 176px;}
#share p
{margin:0 5px 0;float:left;}      

.addthis_toolbox addthis_default_style {float:left; padding-top:15px;}
#sponsor-bar
{	
	display: none;
	float: right;
	height: 150px;	
	margin-top:30px;
}

#sponsored-bottom, #sponsored-top, #sponsored
{
	background: url(../img/kids.png) -868px 0 no-repeat;
	width: 102px;
}
#sponsored 
{ 
	background-repeat: repeat-y; 
	height: auto;
}

#sponsored-top
{
	background-position: -763px -1px;
	padding: 25px 0 0 11px;
	width: 92px!important;
}

#sponsored-bottom
{
	background-position: -972px bottom;
	padding-bottom: 10px;
}

#sponsored img
{
	margin: 5px 0;
}

#sortNav
{
	display: block;
	left: 8px;
	position: absolute;
	top: 0;
	z-index: 4;
}

#topPromotables
{
	left: 160px;
	position: absolute;
	top: -18px;
	z-index: 2;
}

#pickashow
{
	background: url(/kids/games/img/play-titles-buttons.png) 5px 2px no-repeat;
	height: 33px;
	margin: 0 0 0 32px;
	padding: 5px  0 0 10px;
	text-indent:-999999px;
	width: 411px;	
}

#breadcrumbLinks a:link, #breadcrumbLinks a:visited, #breadcrumbLinks a:hover, #breadcrumbLinks a:active{
color: #179233;
text-decoration: none;
}

#breadcrumbLinks a:hover{
text-decoration: underline;
}

#activity-top
{   height:48px;
    margin: 95px 0 0 30px;
    width:818px;
    position:relative;
        }
#activity-top a
{   text-decoration:none;}
       
#games-tab, #activity-tab
{   background: url(/kids/games/img/play-titles-buttons.png) 0 -148px no-repeat;
    float: left;
    height:50px;
    width:403px;}

#activity-tab, #games-tab {background-position: 0 -148px;}
#activity-tab.active, #activity-tab:hover {background-position: 0 -96px;}
#games-tab.active, #games-tab:hover {background-position: 0 -45px;}

#games-tab h2, #activity-tab h2
{   
    font-family:JacobypcBlack;
    font-size:28pt;
    margin: 3px;
    text-align: center;
    text-transform: uppercase;
    width: 397px;
}
#games-tab h2{   color:#e6551c;}
#games-tab.active h2, #activity-tab.active h2, #games-tab:hover h2, #activity-tab:hover h2 {color:#fff;}
#activity-tab h2{   color:#791f95;}

#activity
{
	height: 430px;
	margin: 0 0 0 30px;	
	position: relative;
	width: 806px;	
}

#activity.purple {background: #791F95;}
#activity.orange {background: #e6551c; width:806px;}

#activity-btm
{   background: url(/kids/games/img/play-titles-buttons.png) 0 0 no-repeat;
    display: block;
    height: 20px;
    margin-left: 29px;
    width: 807px;}

#activity-btm.orange {background-position: 1px -310px;}
#activity-btm.purple {background-position:0 -337px;}

td {padding: 10px 20px;}
td a { text-decoration:none;}  
.msie td {width:132px;}

#no-activity, #no-games {
    background: url(/kids/games/img/play-titles-buttons.png) 0 -489px;
    display:block;
    height:93px;
    left:60px;
    position:relative;
    text-indent:-999999px;
    top:10px;
    width:566px;
}

#no-games
{   background-position: 0 -589px;
    left:40px;}
/* ACTIVIY THUMBS OVERLAY */

.activity-thumb.orange
{   background: url(/kids/games/img/border-orange.png);
    display:inline;
    float:left;
    height:94px;
    position:absolute;
    width:132px;
    }

.activity-thumb.purple
{   background: url(/kids/games/img/border-purple.png);
    display:inline;
    float:left;
    height:94px;
    position:absolute;
    width:132px;
    }

.activity-thumb-rollover 
{   cursor:pointer;
    display:block;
    float:left;
    margin: -98px 0 0;
    height:94px;
    position:absolute;
    width:132px;
    }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.activity-thumb-rollover 
{   margin:-94px 0 0;}
  
}

.msie .activity-thumb-rollover 
{   margin:-94px 0 0;}

.msie7 .activity-thumb-rollover 
{ margin:0 0 0 -136px;}

.activity-thumb-rollover.orange:hover
{background: url(/kids/games/img/rollover-orange.png);display:block;}

.activity-thumb-rollover.purple:hover
{background: url(/kids/games/img/rollover-purple.png);display:block;}

.activity-thumb-rollover p
{   color: #FFFFFF;
    display:none;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    margin: 0;
    padding: 0 7px;
    position: relative;
    top: 62px;
    }
 
 .activity-thumb-rollover:hover, .activity-thumb-rollover:hover p
 {display:block;}
 
   
   /* 
#bumper
{
	margin: 3px 0 0 10px;
}*/
.treeShowLink{
color: #146914;
font: .7em Trebuchet MS;
margin: 0px 0px 0px 10px;
}

#activity #thumbs
{
	height: 375px;
	position: absolute;
	left: 40px;
	overflow:hidden;
	top: 15px;
	width: 728px;	
}

#activity #thumbs.purple {background: #f5d8ff;}
#activity #thumbs.orange {background: #fdf1c3;}

#activity table#activitiesTable
{
	right: 20px;
	position: absolute;
	top: 15px;
	width: 688px;
}

#thumbs-bottom
{   height: 30px;
    left: 40px;
    position: relative;
    text-align: center;
    top: 400px;
    width: 730px;}

.pageCountWrap {float:left;}

#pagerWrap {float:left;}

.pager-buttons
{   margin: 0 auto;
}

.pager-buttons a {
    background: url("/kids/games/img/play-titles-buttons.png") repeat scroll -89px -277px transparent;
    display: block;
    float: left;
    height: 26px;
    margin: 4px 21px;
    text-indent: -999em;
    width: 28px;}
    
.pager-buttons img {
    display: block;
    float: left;
    height: 26px;
    margin: 4px 21px;
    text-indent: -999em;
    width: 28px;}

.pager-buttons a:hover, .pager-buttons a:active
{  background: url("/kids/games/img/pager-btn-selected.png") 0 0}         

.pager-buttons.orange a {background-position:-89px -277px}
.pager-buttons.orange a:hover, .games-pg.pager-buttons a:active{   background-position: -18px -277px;}   
.pager-buttons.purple a {background-position:-89px -243px}
.pager-buttons.purple a:hover, .activity-pg.pager-buttons a:active{  background: url("/kids/games/img/pager-btn-selected.png") 0 0}   

#moreShows
{
	margin: 0 0 0 57px;
	width: 720px;	
}

#btnPrev, #btnNext { 
    border:0!important;
    height:375px;
    position: absolute;
    text-indent: -999999px;
    top:15px;
    width:40px; }

#btnPrev {left: 0; }
#btnNext { right: 0;}

#btnPrev.active {background-position: -850px 155px}
#btnNext.active {background-position: -930px 155px}
.activity-pg #btnPrev {background-position: -850px -260px}
.activity-pg #btnNext {background-position: -930px -260px}
#activitiesTable
{
	display: block;
	float: left;
	width: 515px;	
}

/* individual activity page */

#activityPage #containerTop
{
	background: url(/kids/img/bgActivityContainerTop.jpg) top left no-repeat;
}

#activityPage #container
{
	background: url(/kids/img/bgActivityContainer.jpg) top left repeat;
	margin: -1px auto 20px 57px;
	width: 875px;	
} 

#activityPage #containerBtm
{
	background: url(/kids/img/bgActivityContainerBtm.jpg) bottom left no-repeat;
	height: 130px;
	width: 875px;
}

#activityPage #breadcrumbLinks
{
	background: url(/kids/img/bgBreadCrumbActivity.gif) top left no-repeat;
	color: #179233;
	font: .8em Trebuchet MS;
	height: 29px;
	margin: 0 auto;
	padding: 5px  0 0 10px;
	width: 805px;	
}


#activityContainer { text-align: center;}

#activityInstructions{
float: left;
width: 745px;
margin: 0px 0px 10px 0px;
padding-left: 80px;
border: 0px solid red;
}
#activityInstructionsText{
background: #f6f6c2 url(/kids/img/txtInstructions.gif) top left no-repeat;
float: left;
width:560px;
margin: 0px;
font: .75em/1em Trebuchet MS;
}

#activityInstructionsText p{
margin: 0px;
margin: 2px 5px 10px 100px;}

#activityInstructions img{
float: right;
border: 0px;
}

#activityInstructionsText a:link,#activityInstructionsText a:visited, #activityInstructionsText a:hover,#activityInstructionsText a:active{
color: #179233;
font-weight: bold;
text-decoration: underline;
margin-right: 5px;
}
#activityInstructionsText a:hover,#activityInstructionsText a:active{
color: #000
}


#activityPage #backBar
{
	background: url(/kids/img/bgBreadCrumbActivityBtm.gif) top left no-repeat;
	color: #179233;
	font: .8em Trebuchet MS;
	height: 29px;
	margin: 0 auto;
	padding: 7px  0 0 10px;
	text-align: center;
	width: 805px;	
}

#activityPage #legal 
{
	float: left;
	margin: 50px 0 0 0;	
}


/* corus footer */	
	
#corusFooter, #legal 
{
	color: #1c431e;
	font: .7em/1.2em Verdana;
	margin: 0 0 0 0;
	padding: 10px 0 10px 30px;
	width: 843px;
	}
	
#legal {
	background-color: #71a840;
	}

#corusFooter
{
	background: #4d8f3c;	
	width: 843px;
}
	
#corusFooter a, #legal a {
	color: #1c431e;
	margin: 0 5px 0 0;
	}
	
#corusFooter img {
	float: left;
	margin: 0 10px 0 0;
	}
	
#corusFooter #links {
	display: block;
	margin: 0 0 0 85px;
	width: 775px;
	}