/*
------------------------------------
Site: Showcase Template
Author: Triad Digital Media
Version: 1.0 
Last Update: 00/100/080 - 0:00pm

Note: The following styles are consistent with "Showcase Template" only.
Note: Global styles are defined in the "tdmBase" CSS stylesheet
------------------------------------*/




/*  =Colors and Misc
----------------------------------------------------------------------*/
.blue { color: #1486C6; }
.bold { font-weight: bold; }
.hiddenOverflow { overflow: hidden; }

/* SEO friendly way of preserving pure HTML content */
.offCharts {
    position: absolute;
    left: -9999px;
	}


/************************** Refresh page *****************************/
#TDM_Content .innerContentWrap
{
    width:710px;
    height:1719px;

}

/*POV and Scroller */
.mainBKG
{
    position:absolute;
    width:710px;
    height:1592px;
    top:0;
    left:-68px;
    z-index:1;
}
.pov
{
    position:absolute;
    width:710px;
    height:361px;
    top:73px;
    left:-45px;
    z-index:100;
}
.scroller
{
    position:absolute;
    width:710px;
    height:182px;
    top:435px;
    left:-1px;
    z-index:100;
}

/*arcade Game*/
.arcadeBTN
{
    position:absolute;
    width:170px;
    height:22px;
    top:785px;
    left:90px;
    z-index:100;
}
.arcadeBTN a
{
    display:block;
    width:170px;
    height:22px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/visitArcadeBTN.png") no-repeat 0 0;
}
.arcadeBTN a:hover
{
    background-position: 0 -22px;
}
/*getStarted*/
.getStartedBTN
{
    position:absolute;
    width:165px;
    height:37px;
    top:789px;
    left:490px;
    z-index:100;
}
.getStartedBTN a
{
    display:block;
    width:165px;
    height:37px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/getStartedBTN.png") no-repeat 0 0;
}
.getStartedBTN a:hover
{
    background-position: 0 -37px;
}

/*VisitBTN*/

.visitBTN
{
    position:absolute;
    width:174px;
    height:36px;
    top:1652px;
    left:518px;
    z-index:100;
}

.visitBTN a
{
    display:block;
    width:173px;
    height:37px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/visitBTN2.png") no-repeat 0 0;
}

.visitBTN a:hover
{
    background-position: 0 -37px;
}

/* Casting Call BTN*/

.castingBTN
{
    position:absolute;
    width:174px;
    height:36px;
    top:1652px;
    left:270px;
    z-index:100;
}

.castingBTN a
{
    display:block;
    width:173px;
    height:37px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/castingBTN.png") no-repeat 0 0;
}

.castingBTN a:hover
{
    background-position: 0 -37px;
}

/* Summer PDF BTN*/

.guideBTN
{
    position:absolute;
    width:174px;
    height:36px;
    top:1652px;
    left:170px;
    z-index:100;
}

.guideBTN a
{
    display:block;
    width:173px;
    height:37px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/guideBTN.png") no-repeat 0 0;
}

.guideBTN a:hover
{
    background-position: 0 -37px;
}

/*pdf download*/
.PDFDownloadBTN
{
    position:absolute;
    width:178px;
    height:28px;
    top:1655px;
    left:160px;
    z-index:100;
}
.PDFDownloadBTN a
{
    display:block;
    width:178px;
    height:28px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/pdfDownlaod.jpg") no-repeat 0 0;
}
.PDFDownloadBTN a:hover
{
    background-position: 0 -28px;
}

/*down load app*/
.appDownLoadBTN
{
    position:absolute;
    width:152px;
    height:36px;
    top:1210px;
    left:105px;
    z-index:100;
}
.appDownLoadBTN a
{
    display:block;
    width:145px;
    height:36px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/downLoadAppBTN.png") no-repeat 0 0;
}
.appDownLoadBTN a:hover
{
    background-position: 0 -35px;
}

/*download app iPhone*/
.appDownLoadBTNiPhone
{
    position:absolute;
    width:152px;
    height:36px;
    top:1203px;
    left:-7px;
    z-index:100;
}
.appDownLoadBTNiPhone a
{
    display:block;
    width:145px;
    height:36px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/downLoadAppBTN-iPhone.jpg") no-repeat 0 0;
}
.appDownLoadBTNiPhone a:hover
{
    background-position: 0 -35px;
}

/*download app Android*/
.appDownLoadBTNandroid
{
    position:absolute;
    width:152px;
    height:36px;
    top:1203px;
    left:135px;
    z-index:100;
}
.appDownLoadBTNandroid a
{
    display:block;
    width:145px;
    height:36px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/downLoadAppBTN-Android.jpg") no-repeat 0 0;
}
.appDownLoadBTNandroid a:hover
{
    background-position: 0 -35px;
}

/*get started Quiz*/
.quizBTN
{
    position:absolute;
    width:123px;
    height:38px;
    top:1270px;
    left:591px;
    z-index:100;
}
.quizBTN a
{
    display:block;
    width:123px;
    height:38px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/quizBTN.png") no-repeat 0 0;
}
.quizBTN a:hover
{
   background-position: 0 -39px;
}

/*Kitty Climber BTN*/
.kittyBTN
{
    position:absolute;
    width:123px;
    height:38px;
    top:1270px;
    left:591px;
    z-index:100;
}
.kittyBTN a
{
    display:block;
    width:123px;
    height:38px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/kittyclimberBTN.png") no-repeat 0 0;
}
.kittyBTN a:hover
{
   background-position: 0 -39px;
}

/*adaopt a pet button*/
.adoptAPetBTN
{
    position:absolute;
    width:102px;
    height:20px;
    top:1393px;
    left:282px;
    z-index:100;
}
.adoptAPetBTN a
{
    display:block;
    width:102px;
    height:20px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/adoptAPetBTN.jpg") no-repeat 0 0;
}
/* webisodes */
/* override the root element to enable scrolling */
.webisodes
{
    position:absolute;
    top:900px;
    left:62px;
    z-index:100;
    }
#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
	}

	/* override single pane */
	#flowpanes div {
		float:left;
		display:block;
		width:240px;
		font-size:14px;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}


/* everything is constructed with a single background image */

/* root element for tabs */
.webisodesNav
{
    position:absolute;
    top:1058px;
    left:68px;
    z-index:100;
}
#flowtabs 
{
    list-style:none;	

}

#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
}

#flowtabs li a {
	display:block;	
	padding:0px;
	margin:0px;
	padding:0px;
    color:#5d5d5d;
    font-size:10px;
}
span.navFix
{
    padding:0px;
    margin:0px;
    padding:0px 6px;
    color:#5d5d5d;
    line-height:22px;
    line-height:14px;
    font-size:10px;
    
}



#flowtabs a:hover 		
{
    color:#ba151c;
    font-size:11px;
    font-weight:bold;
 }

#flowtabs a.current		 
{
    color:#ba151c;
    font-size:11px;
    font-weight:bold;
 }


#flowpanes {		
	width:240px;
	height:171px;	
}

.webisodes .next
{
    position:absolute;
    top:35px;
    right:-28px;
    width:30px;
    height:83px;
    margin:0;
    padding:0;
    background:transparent url("/Showcase/PurinaShowcase/Media/images/webisodes/webisodesNavRight.png") no-repeat 0 0;
    z-index:400;
}
.webisodes .next:hover
{
    background-position:-30px 0px;
}

.webisodes .prev 
{
    position:absolute;
    top:35px;
    left:-34px;
    width:30px;
    height:83px;
    margin:0;
    padding:0;
    background:transparent url("/Showcase/PurinaShowcase/Media/images/webisodes/webisodesNavLeft.png") no-repeat 0 0;
    z-index:400;
}
.webisodes .prev:hover
{
   background-position:-30px 0px;
}



/***************************************** article page *************************************************/
.backToPlayHouse
{
    width:710px;
    height:150px;
    margin:0;
    display:inline-block;
}

.backToPlayHouse a
{
    width:471px;
    height:62px;
    margin:0;
    padding:0 0 0 120px;
    display:block;
}
.articleWrapper
{
    width:710px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/articleWrapperBKG.jpg") no-repeat 0 0;
}
.accordianWrapper {
	width: 675px;
	margin:0 0 0 18px;
	padding:0;
	}

.accordionButton 
{
    margin:1px 0;	
	width: 675px;
	height:36px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: transparent url("/Showcase/PurinaShowcase/Media/images/accordianTabBKG.png") no-repeat 0 0;
	cursor: pointer;
	}
.accordionButton h3 {
    padding:9px 0 0 50px;
    font-size:15px;	
	color:#545353;
	}
	
.accordionContent 
{
    	
	width: 673px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	border:solid 1px #b7b7b8;
	background: #f8f9f9;
	}

.on {
	background: transparent url("/Showcase/PurinaShowcase/Media/images/accordianTabActive.png") no-repeat 0 0;
	}
.on h3 {
	padding:9px 0 0 50px;
    font-size:15px;	
	color:#fff;
}
.over {
	background: transparent url("/Showcase/PurinaShowcase/Media/images/accordianTabHover.png") no-repeat 0 0;
	}

.over h3 {
	padding:9px 0 0 50px;
    font-size:15px;	
	color:#fff;
}


/*article Stylings*/
.accordionContent div.radio	
{
    overflow:visible;
    padding:20px 20px 0 10px;
    float:right;
    height:87px;
    width:210px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/radioBKG.jpg") no-repeat 9px 20px; 
 }
.accordionContent h4 	
{
    padding:20px 0 0 20px;
    font-size:22px;	
    font-weight:bold;
	color:#d40606;
	
	}
.accordionContent h5.SubHead	
{
    padding:0 0 20px 20px;
    font-size:18px;	
    font-weight:100;
    line-height:20px;
	color:#640000;
	
	}
.accordionContent h5 	
{
    padding:0 0 20px 20px;
    font-size:13px;	
    font-weight:600;
	color:#000;
	
	}
.accordionContent h5.marginBottom 	
{
    padding:0 0 10px 20px;
    font-size:13px;	
    font-weight:bold;
	color:#000;
	
	}

.accordionContent p	
{
    padding:0 20px 10px 20px;
    font-size:12px;
    line-height:17px;	
	color:#747373;
	
	}
.accordionContent p.last
{
    padding:0 20px 30px 20px;
    font-size:12px;
    line-height:17px;	
	color:#747373;
	
	}
.accordionContent p.first
{
    padding:20px 20px 10px 20px;
    font-size:12px;
    line-height:17px;	
	color:#747373;
	
	}
.accordionContent ul
{
    padding:0 20px 10px 40px;
    font-size:12px;	
	color:#747373;
	
	}
.accordionContent ul li
{
   line-height:17px;
	
	}
.accordionContent a, a:visited
{
   font-weight:bold;
   color:#246792;
	}
.accordionContent a:hover
{
    text-decoration:underline;
	}

	
	
	
/************************** arcade Page *****************************/

.arcadeWrapper
{
    position:relative;
    width:710px;
    background: transparent url("/Showcase/PurinaShowcase/Media/images/arcadeBKG.jpg") no-repeat 0 0;
}
.bookMark
{
    width:311px;
    height:227px;
    padding:20px 30px 0 0;
    margin:0;
    float:right;   
}

.PetPatrol
{
   width:312px;
   height:235px;
   padding:20px 30px 0 0;
   margin:0;
   float:right; 
}
.YarnBallBlocker
{
    width:312px;
    height:235px;
    padding:20px 0 0 30px;
    margin:0;
    float:left;  
}
.DiskOMania
{
    width:312px;
    height:235px;
    padding:0 30px 0 0;
    margin:0;
    float:right;   
}
.doggyDance
{
     width:312px;
    height:235px;
    padding:20px 0 0 30px;
    margin:0;
    float:left;  
}
.fastFurious
{
    width:312px;
    height:235px;
    padding:0 0 0 30px;
    margin:0;
    float:left; 
}
.doggyDefender
{
   width:312px;
    height:235px;
    padding:20px 0 0 30px;
    margin:0;
    float:left; 
}
.doggyDodgers
{
    width:312px;
   height:235px;
   padding:20px 30px 0 0;
   margin:0;
   float:right;  
}

.purrQuiz
{
    width:312px;
   height:235px;
   padding:20px 30px 0 0;
   margin:0;
   float:right;  
}

.pawng
{
   width:312px;
    height:235px;
    padding:20px 0 0 30px;
    margin:0;
    float:left; 
}


/* disclaimer*/
div.legal p 
{
    margin:20px 0 0 0;
	text-align: left;
	color: #999;	
}