/*comment*/

#commentsHeader
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/dividerDottedGrey.gif) top center no-repeat;
	color: #b8b8b4;
	font: bold 1em "Trebuchet MS";
	padding: 20px 0 0 0;
}

#commentsHeader img
{
}

#commentsHeader span
{
	float: left;
}

#commentsHeader a
{
	color: #369;
	float: right;
	font: normal .7em verdana;
}

#commentSignIn
{
	border-right: 2px solid #edede0;
	float: left;
	width: 213px;
}

#commentSignIn input
{
	float: left;
	margin: 0 3px 3px 0;
}

#notSignedIn
{
	float: left;
	font: .75em Verdana;
	margin: 0 0 0 10px;
	width: 200px;
}

.comment
{
	display: block;
	float: left;
	width: 437px;
}

.commentNumber
{
	display: inline;
	font: 2em "Trebuchet MS";
	float: left;
	margin: 0 -4.5em 0 -4.3em;
	position: relative;
	text-align: right;
	width: 4.5em;
	z-index: 4;
}

.comment h3
{
	font: bold 1.1em "Trebuchet MS";
	margin: 0 0 0 10px;
	padding: 0;
}

.commentDetails
{
	color: gray;
	margin: 0 0 0 10px;
	font: .7em Verdana;
}

.commentDetails a
{
	color: #369;
}

.commentDetails img
{
	vertical-align: bottom;
}

#create .commentNumber
{
	color: #ba97dc;
}


/* gameOfTheWeek widget */

#gameOfTheWeek
{
	background: url(../images/Widgets/gameOfTheWeek.png) 0 0 no-repeat;
	float: left;
	height: 195px;
	margin: 18px 0 0 0;
	width: 195px;
}

#pictureFrame
{
	height: 119px;
	left: 20px;
	overflow: hidden;
	position: relative;
	top: 35px;
	width: 155px;
}

#gameOfTheWeek .playNowButton
{
	background: url(../images/Widgets/playNowButton.png) 0 0 no-repeat;
	display: block;
	height: 30px;
	left: 40px;
	position: relative;
	top: 38px;
	width: 117px;
}

#gameOfTheWeek .playNowButton span
{
	display: none;
}

#gameOfTheWeek .playNowButton:hover
{
	background-position: 0 -30px;
}

/* kidFeature */

#kidFeature
{
	margin: 17px 0 0 0;
	position: relative;
}

#kidFeature
{
	float: left;
	height: 191px;
	width: 192px;
}

#kidFeature
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgKidsFeature.gif) bottom left no-repeat;
	float: left;
	height: 191px;
	width: 192px;
}

#kidFeature #kidPlay
{
	bottom: 0;
	position: absolute;
	right: 1px;
}

a#kidPlay
{
	color: #f8ef5b;
	font: .7em Verdana;
}

#kidFeature #kidPicture, #kidFeature img.kidPicture
{
	border: 3px solid white;
	margin: 15px auto 0 10px;
}

#kidFeature #kidBalloon
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgBubbleGR.gif) top left repeat-x;
	font: .7em Arial;
	position: absolute;
	padding: 0 3px 0 3px;
	right: 10px;
	top: 5px;
	z-index: 4;
}

#kidFeature #kidBalloonPoint
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgBubblePointGR.gif) top right no-repeat;
	height: 49px;
}

#kidFeature #kidBalloon #kidBalloonL
{
	position: absolute;
	left: -5px;
}

#kidFeature #kidBalloon #kidBalloonR
{
	position: absolute;
	right: -5px;
	top: 0;
}

#kidBalloon
{
	display: none;
}


/* whats on */

#whatsOn, #whatsOnSmall
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgWhatsOn.gif) top left repeat-y;
	height: 138px;
	margin: 10px 0 10px 15px;
	position: relative;
	width: 176px;
}

#whatsOn #timeBalloon, #whatsOnSmall #timeBalloon
{
	font: .7em Arial;
	position: absolute;
	right: 20px;
	top: 35px;
	width: 110px;
	z-index: 4;
}

#whatsOn #timeBalloonBG, #whatsOnSmall #timeBalloonBG
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgBubbleBL.gif) top left repeat-y;
	padding: 0 3px 0 5px;
}

#whatsOn #schedule, #whatsOnSmall #schedule
{
	position: absolute;
	bottom: 5px;
	right: 30px;
}

#whatsOn #frog, #whatsOnSmall #frog
{
	position: absolute;
	bottom: 0;
	left: 0;
}

#whatsOn
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgRightFeatureWhatsOn.gif) bottom left no-repeat;
	top: 7px;
	height: 187px;
	position: absolute;
	right: 0;
	width: 205px;
}

#whatsOn #timeBalloon
{
	font: .9em Arial;
	position: absolute;
	right: 10px;
	top: 45px;
	width: 182px;
	z-index: 4;
}

#whatsOn #timeBalloonBG
{
	background: #c7e4f9;
	padding: 0 3px 0 5px;
}

#whatsOn #schedule
{
	position: absolute;
	bottom: 3px;
	right: 50px;
}

/* rating */

.rating
{
	float: left;
	height: 16px;
	padding: 2px 0 0 0;
	text-align: center;
	width: 63px;
}


/* board widget */

#boards
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgBoardsNav.gif) top left no-repeat;
	font: .9em Verdana;
	padding: 0 0 0 14px;
}

#boards img
{
	margin: 1px 0 0 0;
	vertical-align: top;
}

#boardsNav
{
	height: 24px;
}

#boardsNav a, #boardsNav a:hover
{
	color: white;
	font: bold .8em Verdana;
	height: 24px;
	margin: 0;
	padding: 5px 5px 6px 5px;
	text-decoration: none;
}

#boardsNav a:hover
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgBoardHover.gif) top left repeat-x;
	color: black;
}

#boardsContent
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgBoardsContent.gif) bottom right repeat-y;
	font: normal .85em/1.5em Verdana;
	margin: 10px 0 0 0;
	position: relative;
	width: 179px;
	z-index: 2;
}

#boardsContentBtm
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Widgets/bgBoardsContentB.gif) bottom right no-repeat;
	min-height: 104px;
	height: auto !important;
	height: 104px;
	position: relative;
	z-index: 3;
}

#boardsContent span
{
	display: block;
	margin: 5px auto;
	position: relative;
	z-index: 4;
	width: 160px;
}

#boardsContent a#username
{
	background: #e3f3fd;
	color: #369;
	margin: 2px 0 0 0;
	padding: 3px;
	text-decoration: underline;
}

#boardsContentBtm .viewMore a
{
	color: #369;
	clear: right;
	display: block;
	margin: 0 7px 3px 0;
	float: right;
}

/* weeklyPoll - General */
#weeklyPoll
{   /* display:none; delete to show poll*/
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/dividerDottedWH.gif) top center no-repeat;
	margin: 10px 0 10px 10px;
	padding: 20px 10px 0 10px;
	width: 273px;
}

#weeklyPoll h2
{
	font: 1.3em Trebuchet MS;
}

#weeklyPoll form
{
	color: white;
	margin: 0 0 0 10px;
	padding: 20px 0px 0 0px;
	width: 256px;
}

#weeklyPoll form input
{
	height: 20px;
	vertical-align: middle;
}

#weeklyPoll form .other
{
	background: #72a942;
}

#weeklyPoll span, #weeklyPoll table, #weeklyPoll #poll-results
{
	font: .8em Verdana;
}

#weeklyPoll #image1
{
	margin: 8px 5px 0px 5px;
}

#weeklyPoll .bar
{
	background: url(/Themes/treehouse-v8/Images/Widgets/bgPollVotes.gif) top left repeat-x;
	height: 57px;
	left: 13px;
	position: relative;
}

#weeklyPoll .barLeft
{
	background: url(/Themes/treehouse-v8/Images/Widgets/bgPollVotesL.gif) top left repeat-x;
	height: 57px;
	position: absolute;
	left: -25px;
	width: 25px;
}

#weeklyPoll .barRight
{
	background: url(/Themes/treehouse-v8/Images/Widgets/bgPollVotesR.gif) top left repeat-x;
	height: 57px;
	position: absolute;
	right: -28px;
	width: 28px;
}

#weeklyPoll .votes
{
	font-size: 30px;
	left: 10px;
	margin-bottom: -30px;
	position: relative;
	top: -50px;
	z-index: 3;
}


/* weeklyPoll - Results and Bar Graphs */
#weeklyPoll #poll-results
{
    display:none; /* this initially remains until a user clicks submit to receive results */
}
#weeklyPoll #poll-results .graph {
    width: 250px;
    position: relative;
    right: 30px;
    }
    
#weeklyPoll #poll-results .graph dt, #weeklyPoll #poll-results .graph dd 
{
    margin-top:3px;
}
#weeklyPoll #poll-results .bar-title {
    position: relative;
    float: left;
    width: 104px;
    line-height: 15px;
    margin-right: 17px;
    text-align: right;
    }
#weeklyPoll #poll-results .bar-container {
    position: relative;
    float: left;
    width: 110px;
    height: 17px;
    margin: 0px 0px 15px;
    }
#weeklyPoll #poll-results .bar-container div {
    background-color:#cc4400;
    height: 20px;
    }
#weeklyPoll #poll-results .bar-container strong {
    position: absolute;
    right: -50px;
    top: 0px;
    overflow: hidden;
    }
#weeklyPoll #poll-results #poll-results p {
    text-align: center;
}
#weeklyPoll #poll-results #selectedPoll 
{
    background-color: rgb(0, 102, 204);
}
#weeklyPoll #poll-results .animate 
{
    width: 0%;
}

#weeklyPoll #poll-questions .btnSubmit
{
    background-image: url(/Themes/treehouse-v8/Images/Common/btnSubmit.gif);
    width: 51px;
    height: 19px;
    display: block;   
}    

#weeklyPoll #poll-error
{
    display:none;
    
}


/* comment widget */

.commentWidget
{
	background: #f2e377 url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgComment.gif) top left repeat-x;
	font: .7em "Verdana";
	padding: 10px;
	position: relative;
	width: 95%;
}

.commentWidgetBottom
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgCommentB.gif) bottom center no-repeat;
	padding: 0 0 21px 0;
}

.commentWidget .topLeft
{
	position: absolute;
	top: 0;
	left: 0;
}

.commentWidget .topRight
{
	position: absolute;
	top: 0;
	right: 0;
}

.commentWidget .bottomLeft
{
	position: absolute;
	bottom: 0;
	left: 0;
}

.commentWidget .bottomRight
{
	position: absolute;
	bottom: 0;
	right: 0;
}



/* divided section */

.dividedSection
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/dividerDottedGrey.gif) top center no-repeat;
	padding: 3px 0 0 0;
}

.dividedSection h3
{
	font: 1.2em "Trebuchet MS";
	margin: 2px 0 5px 0;
}

.dividedSection p
{
	margin: 5px 0 5px 0;
	padding: 0;
}

#otherInfo
{
	font: .7em Verdana;
}


/* popular stuffs */

#popularStuff
{
	background: #f0f0e3;
	display: inline;
	float: left;
	margin: 32px 0 0 0;
	position: relative;
	width: 178px;
}

#popularStuff a
{
	font: .7em Verdana;
	padding: 3px 0 3px 10px;
}

#popularStuff .moreLink a
{
	float: right;
	margin: 0 10px 0 0;
}

#popularStuffTop
{
	position: absolute;
	top: -32px;
}

#popularStuffBtm
{
	position: absolute;
	bottom: -17px;
}


/* feature shows, printables */

#featureShows, #printables
{
	float: left;
	width: 261px;
}

#featureShows .bg75x75
{
	float: left;
}

#featureShows h4, #printables h4
{
	font: bold 1.1em "Trebuchet MS";
	margin: 0;
}


/*traceback*/

#traceback, traceback a
{
	color: #369;
	font-size: .7em;
}

#traceback a
{
	margin: 3px 0 0 3px;
}

#traceback
{
	margin: 3px 0 0 10px;
}



/* next episode bar */

#nextEpisodeBar
{
	display: block;
	height: 90px;
	height: auto !important;
	min-height: 90px;
	margin: 5px 0 0 0;
	width: 455px;
}

#nextEpisodeBar #nextEp
{
	display: inline;
	float: left;
	margin: 0 0 0 8px;
	width: 104px;
}

#nextEpisodeBar #nextEp img
{
	margin: 0 auto;
}

#nextEpisodeBar #date
{
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgTinyButterfly.gif) 80px 14px no-repeat;
	display: inline;
	float: left;
	font: .7em "Verdana";
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	width: 255px;
}

#nextEpisodeBar #date select
{
	margin: 10px 0 0 0;
}

#nextEpisodeBar #date span
{
	color: #369;
	font: bold 2em "Verdana";
}

#nextEpisodeBar #date span sup
{
	font: normal .6em "Verdana";
	position: relative;
	top: 2px;
}

#nextEpisodeBar #plot
{
	float: left;
	font: .7em "Verdana";
	margin: 0 0 0 8px;
	width: 70px;
}

#nextEpisodeBar #plot .episode
{
	color: #000;
}

#nextEpisodeBar #plot .episode strong
{
	color: #369;
	font-size: 1.2em;
}

/* grass */

#grass {
	background: url(/Themes/treehouse-v8/Images/Widgets/bgGrass.gif) bottom left repeat-y;	
	display: inline;
	float: left;
	min-height: 117px;
	height: auto !important;
	height: 117px;
	margin: 20px 0 10px 10px;
	position: relative;
	padding: 10px;
	width: 361px;
	}

/* newsletter */

#newsletter {
	background: #5f9432;
	color: white;
	float: left;
	font: .75em Verdana;
	margin: 20px 0 0 10px;
	position: relative;
	width: 190px;
	}
	
#newsletterTop {
	position: absolute;
	top: -8px;
	width: 190px;
	}

#newsletterMid {
	background: url(/Themes/treehouse-v8/Images/Widgets/bgNewsletter.gif) bottom left no-repeat;	
	min-height: 96px;
	height: auto !important;
	height: 96px;
	padding: 10px;
	width: 170px!important;
	width: 190px;
	}	
	
#newsletterMid p {
	color: #f5f27d;
	font: 100%/1.5em Verdana;
	margin: 5px 0 0 0;
	}		
	
#newsletterBtm {
	position: absolute;
	bottom: -30px;
	width: 190px;
	}

/*grass */

#grass {
	background: url(/Themes/treehouse-v8/Images/Widgets/bgGrass.gif) bottom left repeat-y;	
	display: block;
	float: left;
	min-height: 117px;
	height: auto !important;
	height: 117px;
	margin: 20px 0 10px 10px;
	position: relative;
	padding: 10px;
	width: 361px!important;
	width: 381px;
	}	
	
#grass p {
	color: #f5f27d;
	font: .75em/2em Verdana;
	margin: 5px 0 5px 0;
	position: relative;
	z-index: 5;
	}
	
#grass a, #newsletter a {
	color: white;
	font-size: 100%;
	}
	
#grassTop {
	left: 0;
	position: absolute;
	top: -7px;
	width: 381px;
	}
	
#grassBtm {
	left: 0;
	position: absolute;
	bottom: -5px;
	width: 381px;
	}