html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    border: 0;
    margin: 0;
    padding: 0;
}

ol, ul
{
    list-style: none;
}

a
{
    outline: none;
    text-decoration: none;
    color: #2f4080;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

html {
		background-color: #37ac66;		
}
	
.clear-fix{
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
}	

body
{
    color: #333;
    font-family: arial, 'Cabin' , serif;
    line-height: 1;
    margin: 20px 0 0 0;
    padding: 0;
    overflow-x: hidden;
}

.abs
{
    position: absolute;
}

.fix
{
    position: fixed;
}

.right
{
    float: right;
}

._100P
{
    width: 100%;
}

._960
{
    margin: 0 auto;
    /* width: 960px; Changing width - dangerous, I know - but only other option is to refactor ENTIRE grid */
		width: 986px;
}

._300
{
    width: 300px;
}

._500
{
    width: 500px;
}

#audio-player
{
    width: 0px;
    height: 0px;
}

#wrapper
{
    z-index: 1;
}

#adLabel
{
    width: 17px;
    height: 30px;
    background: url(/global/images/interface/sprite.png) -360px 0;
    right: -17px;
    top: 0px;
}

#mpu #adLabel
{
    right: 3px;
    top: 220px;
}

#bannerAdWrapper
{
    height: 90px;
    padding: 12px 0 0;
}

#bannerAd
{
    height: 90px;
    margin: 0 auto;
    width: 728px;
}

#bannerAd a
{
    border: solid 1px rgba(0,0,0,0.2);
    display: block;
    height: 90px;
    width: 728px;
}

#header
{
    height: 65px;
    padding: 41px 0 0;
		z-index: 10000;
}

#header ul
{
    margin: -29px 0 0 0;
}

#header li a
{
    background: url(../images/headerMenu/header-menu-sprite.png);
		background-repeat: no-repeat;
		display: block;
		height: 110px;
		text-indent: -9999px;
    
}

/*Individual menu item styles*/

#header li#dora a {
	width: 118px;
	background-position: -2px -2px;
}
#header li#dora a:hover {
	background-position: -2px -114px;
}
/**/
#header li#bubble-guppies a {
	width: 115px;
	margin-left: 2px;	
	background-position: -122px -2px;
}
#header li#bubble-guppies a:hover {
	background-position: -122px -114px;
}
/**/
#header li#nick-jr-events a {
	width: 113px;
	margin-left: 5px;	
	background-position: -239px -2px;
}
#header li#nick-jr-events a:hover {
	background-position: -239px -114px;
}
/**/
#header li#didi-and-b a {
	width: 113px;
	margin-left: 7px;	
	background-position: -354px -2px;
}
#header li#didi-and-b a:hover {
	background-position: -354px -114px;
}
/**/
#header li#diego a, #header li#play-along-with-sam a {
	width: 113px;
	margin-left: 5px;	
	background-position: -469px -2px;
}
#header li#diego a:hover, #header li#play-along-with-sam a:hover {
	background-position: -469px -114px;
}
/**/
#header li#yo-gabba-gabba a {
	width: 117px;
	margin-left: 7px;
	background-position: -584px -2px;
}
#header li#yo-gabba-gabba a:hover {
	background-position: -584px -114px;
}


#logoMain a
{
    background: url(../images/interface/sprite.png);
    display: block;
    height: 73px;
    width: 222px;
    margin-top: -3px;
		margin-left: 19px;
    line-height:500px;
    overflow:hidden;
}

#content
{
    z-index: 9999;
		padding-bottom: 30px;
		min-height:1250px;

}

#content ._960
{
    margin-top: 15px;
}

.decoration-element {
	clear: both;
	position: relative;
	top: -6px;
	margin-left: 18px;
	background: url(../images/page-backgrounds/decoration-element-bg.png);
	background-repeat: no-repeat;
	width: 506px;
	height: 241px;
}

/*Hiding on click pics page*/
.clickpics .decoration-element { display: none; }



#tabMenu
{
    margin-top: -2px;
    /*width: 81px; Original width*/
		width: 97px;
    z-index: 9999;
}

/*Refactored tabs nav - older styles selectively commented out below BW 20/9 */
#tabMenu li {
	position: relative;
}

#tabMenu li a {
	display: block;
	width: 97px;
	background: url(/global/images/interface/Left-tabs-nav_sprite.png);
}

/*Shows*/
#tabMenu #tabshows {
	z-index: 10;
}
#tabMenu #tabshows a {
	height: 94px;
	background-position: -2px -2px;
}
#tabMenu #tabshows a:hover {
	background-position: -101px -2px;
}

/*Create*/
#tabMenu #tabcreate {
	z-index: 9;
	top: -17px;
}
#tabMenu #tabcreate a {
	height: 100px;
	background-position: -2px -98px;
}
#tabMenu #tabcreate a:hover {
	background-position: -101px -98px;
}

/*Play*/
#tabMenu #tabplay {
	z-index: 8;
	top: -33px;	
}
#tabMenu #tabplay a {
	height: 101px;
	background-position: -2px -200px;
}
#tabMenu #tabplay a:hover {
	background-position: -101px -200px;
}

/*Watch*/
#tabMenu #tabwatch {
	z-index: 7;
	top: -52px;		
}
#tabMenu #tabwatch a {
	height: 102px;
	background-position: -2px -303px;
}
#tabMenu #tabwatch a:hover {
	background-position: -101px -303px;
}

/*Click-pics*/
#tabMenu #tabclick-pics {
	z-index: 6;
	top: -68px;		
}
#tabMenu #tabclick-pics a {
	height: 99px;
	background-position: -2px -407px;
}
#tabMenu #tabclick-pics a:hover {
	background-position: -101px -407px;
}

/*Win*/
#tabMenu #tabwin {
	z-index: 5;
	top: -85px;		
}
#tabMenu #tabwin a {
	height: 100px;
	background-position: -2px -508px;
}
#tabMenu #tabwin a:hover {
	background-position: -101px -508px;
}

/*Parents*/
#tabMenu #tabparents {
	z-index: 4;
	top: -102px;		
}	
#tabMenu #tabparents a {
	height: 102px;
	background-position: -2px -610px;
}
#tabMenu #tabparents a:hover {
	background-position: -101px -610px;
}

/*Signup*/
#tabMenu #tabsignup {
	z-index: 3;
	top: -121px;		
}
#tabMenu #tabsignup a {
	height: 100px;
	background-position: -2px -714px;
}
#tabMenu #tabsignup a:hover {
	background-position: -101px -714px;
}		




#tabMenuTile
{
    background: url(/global/images/interface/shows/sprite.png) -80px 0;
    height: 10px;
    left: 80px;
    top: -2px;
    width: 10px;
		display: none; /*Shouldnt be needed anymore - BW 20/9 */
}

#tabMenu li
{
    float: left;
    /*margin: -6px 0;
    position: relative;*/
}

#tabMenu li a
{
    /*float: left;
    height: 98px;
    line-height: 130px;
    width: 81px;
    overflow:hidden;
    line-height:500px;
		*/
}

#tabMenu li a span
{
		/*
    background: url(../images/interface/sprite.png) bottom right;
    height: 98px;
    left: 0;
    position: absolute;
    top: 0;
    width: 81px;
    z-index: 9999;
    cursor: pointer;
		display: none;*/
		display: block;
		position: absolute;
		right: -22px;
		top: 0px;
		height: 100%;
		width: 26px;
		background: url(../images/interface/tabMenu/tabMenu-dropshadow-sprite.png);
		background-position: 0px -22px;
		
}

#tabMenu li#tabshows a span {
	background-position: top left;
}

#tabMenu li#tabparents a span {
	background-position: bottom left;
}

#tabMenu .tabActive a span {
	background-image: none !important;
}

/*
#tabMenu li a img
{
    height: 50px;
    left: 17px;
    position: absolute;
    top: 14px;
    width: 50px;
    z-index: 8888;
}*/

/*
#tabhome a
{
    background: url(/global/images/interface/home/sprite.png) no-repeat 0 -210px;
}

#tabshows a
{
    background: url(/global/images/interface/shows/sprite.png) no-repeat 0 -210px;
}

#tabshows a img
{
    margin: 0 0 0 2px;
}

#tabplay a
{
    background: url(/global/images/interface/play/sprite.png) no-repeat 0 -210px;
}

#tabplay a img
{
    margin: 2px 0 0;
}

#tabwatch a
{
    background: url(/global/images/interface/watch/sprite.png) no-repeat 0 -210px;
}

#tabcreate a
{
    background: url(/global/images/interface/create/sprite.png) no-repeat 0 -210px;
}

#tabclick-pics a 
{
   background: url(/global/images/interface/clickpics/sprite.png) no-repeat 0 -210px;
}
#tabwin a 
{
   background: url(/global/images/interface/win/sprite.png) no-repeat 0 -210px;
}
#tabparents a 
{
   background: url(/global/images/interface/parents/sprite.png) no-repeat 0 -210px;
}
*/
#contentFull
{
    margin: 0px -5px 0 0;
    width: 884px;
}

#contentLeft
{
    margin: -2px 0 0 0px;
    /*width: 544px; BW */
		width: 542px;
    z-index: 9998;
}

/* SECTION BACKGROUNDS */
#leftBody {
	background-repeat: repeat-y;
}


.home #leftBody, .home #legacyBody
{
    /*background-image: url(/global/images/interface/home/background.png);*/
}

.home #leftTop, .home #leftBottom
{
    background-image: url(/global/images/interface/home/sprite.png);
		z-index: 50;
}

.home .gridTop, .home .homeTop, .home .gridBottom, .home .homeBottom
{
    background-image: url(/global/images/interface/home/gridSprite.jpg);
}

.home .homeBody 
{
    background-image: url(/global/images/interface/home/gridBackground.jpg);
}

.home #loadingPanel {
	background-color: #dbdbd8;
}

.shows #leftBody, .shows #legacyBody
{
   /* background-image: url(/global/images/interface/shows/background.png); */
	 background-color: #ebebea;
}

.shows #leftTop, .shows #leftBottom, .shows #legacyTop, .shows #legacyBottom, .shows #fullTop, .shows #fullBottom
{
    background-image: url(/global/images/interface/shows/sprite.png);
}

.shows .gridTop, .shows .gridBottom
{
/*    background-image: url(/global/images/interface/shows/gridSprite.jpg);*/
		background-image: url(/global/images/interface/shows/sprite.png);
}

.shows .gridTop {
	background-position: -1px -59px;
}

.shows #loadingPanel
{
	background-color: #dbdbd8;
}

.shows .gridBody {
    background-image: url(/global/images/interface/shows/gridBody-bg.png);
}
.shows #gridNav {
    background-image: url(/global/images/interface/shows/gridBody-bg.png);
}


.shows #fullBody
{
    background-image: url(/global/images/interface/shows/backgroundLarge.png);
}

.play #leftBody, .play #legacyBody
{

		/* FOR DROPDSHAOW
    background-image: url(/global/images/interface/play/background-dropshadow.png);
		background-repeat: repeat-y;
		*/
		
		background-color: #6bbe48;
}

.enlargedPlayer.play #leftBody, .enlargedPlayer.play #legacyBody {
	background-color: transparent;
}


.play #leftTop, .play #leftBottom, .play #legacyTop, .play #legacyBottom
{
    background-image: url(/global/images/interface/play/sprite.png);
}

.play .gridTop, .play .homeTop, .play .gridBottom
{
    background-image: url(/global/images/interface/play/gridSprite.jpg);
}

.play #loadingPanel
{
		background-color: #5ea83f;
}

.play .gridBody, .play #gridNav {
    background-image: url(/global/images/interface/play/gridBody-bg.png);
}


.play .gridTop, .play .gridBottom
{
/*    background-image: url(/global/images/interface/shows/gridSprite.jpg);*/
		background-image: url(/global/images/interface/play/sprite.png);
}
.play .gridTop {
	background-position: -1px -59px;
}

.watch #leftBody, .watch #legacyBody
{
    /*background-image: url(/global/images/interface/watch/background.png);*/
		background-color: #0eaedf;
}
.enlargedPlayer.watch #leftBody, .enlargedPlayer.play #legacyBody {
	background-color: transparent;
}

.watch #leftTop, .watch #leftBottom, .watch #legacyTop, .watch #legacyBottom
{
    background-image: url(/global/images/interface/watch/sprite.png);
}

.watch .gridTop, .watch .gridBottom
{
    background-image: url(/global/images/interface/watch/sprite.png);
}

.watch .gridTop {
	background-position: -1px -59px;
}

.watch #loadingPanel
{
		background-color: #0b96c0;
}

.watch .gridBody {
    background-image: url(/global/images/interface/watch/gridBody-bg.png);
}
.watch #gridNav {
    background-image: url(/global/images/interface/watch/gridBody-bg.png);
}

.create #leftBody, .create #legacyBody
{
    /*background-image: url(/global/images/interface/create/background.png); */
		background-color: #f47721;
}

.create #leftTop, .create #leftBottom, .create #legacyTop, .create #legacyBottom, .create #fullTop, .create #fullBottom
{
    background-image: url(/global/images/interface/create/sprite.png);
}

.create .gridTop, .create .gridBottom
{
    /*background-image: url(/global/images/interface/create/gridSprite.jpg);*/
		background-image: url(/global/images/interface/create/sprite.png);		
}

.create .gridBody {
    background-image: url(/global/images/interface/create/gridBody-bg.png);
}

.create #gridNav {
    background-image: url(/global/images/interface/create/gridBody-bg.png);
}
.create #loadingPanel
{
		background-color: #dd6817;
}

.create .gridTop {
	background-position: -1px -59px;
}

.create #fullBody
{
    /*background-image: url(/global/images/interface/create/backgroundLarge.png);*/
		background-color: #f47721;
}

.win #leftBody, .win #legacyBody
{
    /*background-image: url(/global/images/interface/win/background.png);*/
		background-color: #ee3b7d;
}

/*Dirty Dora comp terms fix*/
.dorasroyalrescuecomp #leftBody, .dorasroyalrescuecomp #legacyBody
{
    /*background-image: url(/global/images/interface/win/background.png);*/
		background-color: #ee3b7d;
}

.dorasroyalrescuecomp #leftTop, .dorasroyalrescuecomp #leftBottom, .dorasroyalrescuecomp #legacyTop, .dorasroyalrescuecomp #legacyBottom, .dorasroyalrescuecomp #fullTop, .dorasroyalrescuecomp #fullBottom
{
    background-image: url(/global/images/interface/win/sprite.png);
}

.dorasroyalrescuecomp .gridTop, .dorasroyalrescuecomp .gridBottom
{
    background-image: url(/global/images/interface/win/gridSprite.jpg);
}

.comp-terms span {
	color: white;
	display: block;
	font-size: 12px;
	line-height: 14px;	
	margin-bottom: 10px;
}
.comp-terms span.bold {
	color: white;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 0px;
}

/*End comp terms*/

.win #leftTop, .win #leftBottom, .win #legacyTop, .win #legacyBottom, .win #fullTop, .win #fullBottom
{
    background-image: url(/global/images/interface/win/sprite.png);
}

.win .gridTop, .win .gridBottom
{
    background-image: url(/global/images/interface/win/gridSprite.jpg);
}

.win .gridBody, .win #loadingPanel
{
    background-image: url(/global/images/interface/win/gridBackground.jpg);
}

.win #fullBody
{
    background-image: url(/global/images/interface/win/backgroundLarge.png);
}


.signup #leftTop, .signup #leftBottom, .signup #legacyTop, .signup #legacyBottom, .signup #fullTop, .signup #fullBottom
{
    background-image: url(/global/images/interface/signup/sprite.png);
}

.signup .gridTop, .signup .gridBottom
{
    background-image: url(/global/images/interface/signup/gridSprite.jpg);
}

.signup .gridBody, .signup #loadingPanel
{
    background-image: url(/global/images/interface/signup/gridBackground.jpg);
}

.signup #fullBody
{
    background-image: url(/global/images/interface/signup/backgroundLarge.png);
}

.signup #leftBody, .parents #legacyBody
{
    background-color: #5cc8d8;
}

.signup .inner-container {
    background-image: url(/global/images/interface/signup/inner-bg.png);
    background-repeat: repeat-y;
    background-position: center;
    min-height: 300px;
}

.signup #contentLeft .head-image {
    margin: 0px 0px 14px 20px;
}

.signup #contentLeft .inner-container h1 {
    margin: 0px 40px 20px 40px;
}

.signup #contentLeft .inner-container p {
    margin: 0px 40px 0px 40px;
    color: #FFFFFF;
    line-height: 16px;
    font-family: 'Myriad Pro', Arial, serif;
    font-size: 13px;
}

.signup .inner-container-top {
    background-image: url(/global/images/interface/signup/sprite.png);
    background-position: 14px -93px;
    background-repeat: no-repeat;
    display:block;
    height: 18px;
}
.signup .inner-container-bottom {
    background-image: url("/global/images/interface/signup/sprite.png");
    background-position: 14px -114px;
    background-repeat: no-repeat;
    height: 22px;
}

.signup #mc_embed_signup .button {
    background-image: url("/global/images/interface/signup/submit.png");
    width:68px;
    height:30px;
    text-indent: -9999px;
    margin-top: 15px;
}
.signup #mc_embed_signup form {
    padding:0;
    margin-top: 15px;
}

.signup #SignupGrid {
    padding: 0 40px;
}

.signup #mc_embed_signup label {
    color: #000000;
    float: left;
    margin-bottom: 3px;
    width: 200px;
    font-weight: bold;
}
.signup #mc_embed_signup label .required-text {
    font-style: italic;
}
.signup #mc_embed_signup .mc-field-group input {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/global/images/interface/signup/input-bg.png");
    border: medium none;
    height: 20px;
    padding: 1px 2px;
    width: 234px;
}
.signup #mc_embed_signup .mc-field-group {
    min-height:initial;
    padding: 5px 0px;
}

.signup #mc_embed_signup div#mce-responses {
    margin: 0;
    padding: 0;
    width: inherit;
}
.signup #mc_embed_signup #mce-success-response {
    background-color: #52B2C0;
    color: #FFFFFF;
    font-family: Myriad Pro;
    font-size: 13px;
    font-weight: normal;
    height: 210px;
    line-height: 16px;
    padding: 20px 10px 10px 0;
    position: absolute;
    top: -90px;
    width: 100%;
}
.signup #mc_embed_signup div.mce_inline_error {
    background-color: transparent;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 0;
    z-index: 1;
    font-size: 12px;
}


.parents #leftBody, .parents #legacyBody
{
    background-image: url(/global/images/interface/parents/background.png);
}

.parents #leftTop, .parents #leftBottom, .parents #legacyTop, .parents #legacyBottom, .parents #fullTop, .parents #fullBottom
{
    background-image: url(/global/images/interface/parents/sprite.png);
}

.parents .gridTop, .parents .gridBottom
{
    background-image: url(/global/images/interface/parents/gridSprite.jpg);
}

.parents .gridBody, .parents #loadingPanel
{
    background-image: url(/global/images/interface/parents/gridBackground.jpg);
}

.parents #fullBody
{
    background-image: url(/global/images/interface/parents/backgroundLarge.png);
}

.a #leftTop, .a #leftBottom, .a #legacyTop, .a #legacyBottom, .a #fullTop, .a #fullBottom
{
    background-image: url(/global/images/interface/a/sprite.png);
}

.a #leftBody, .a #legacyBody
{
    background-image: url(/global/images/interface/a/background.png);
}

.a #fullBody
{
    background-image: url(/global/images/interface/a/backgroundLarge.png);
}

#divider
{
    color: #fff;
    font-family: Georgia;
    font-size: 39px;
    height: 20px;
    line-height: 1px;
    margin: 8px 0 0 20px;
    overflow: hidden;
    text-shadow: 0 2px 0 rgba(0,0,0,0.4);
    width: 500px;
}

#contentLeft h1, #contentLeft h2, h3
{
    color: #fff;
    font-size: 24px;
    margin: 14px 20px 10px 25px;
    letter-spacing: -1px;
}

.gridBody h1
{
    width: 340px;
}

#contentLeft h2
{
    font-size: 22px;
    margin: 0 20px 20px 40px;
}

h3
{
    font-size: 22px;
}

.grid ul
{
    float: left;
    margin: -10px 0 10px 30px;
    width: 500px;
}

.grid li
{
    float: left;
    position: relative;
    height: 146px;
}

.grid li a, .makeItem
{
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: 500;
    margin: 10px;
    position: relative;
    text-decoration: none;
    width: 100px;
    height: 136px;
}

.gridItem .thumbImage
{
    cursor: pointer;
    height: 110px;
    position: absolute;
    width: 110px;
    z-index: 8888;
    background: url(../images/interface/sprite.png) 0 -143px;
    left: -5px;
    top: -5px;
}

.gridItem img
{
    height: 90px;
    overflow: hidden;
    width: 90px;
    left: 5px;
    top: 5px;
    position: absolute;
}

.gridItemActive .thumbImage
{
    cursor: pointer;
    height: 120px;
    position: absolute;
    width: 120px;
    z-index: 8888;
    background: url(../images/interface/sprite.png) 0 -260px;
    left: -10px;
    top: -10px;
}


.iconPdf
{
    width: 34px;
    height: 35px;
    background: url(/global/images/interface/sprite.png) -240px -80px;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 9999;
}

.gridItemActive .iconPdf
{
    width: 34px;
    height: 35px;
    background: url(/global/images/interface/sprite.png) -240px -80px;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 9999;
}

.iconCook
{
    width: 34px;
    height: 35px;
    background: url(/global/images/interface/sprite.png) -240px -80px;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 9999;
}

.gridItemActive .iconCook
{
    width: 34px;
    height: 35px;
    background: url(/global/images/interface/sprite.png) -240px -80px;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 9999;
}




.gridItemActive img
{
    height: 100px;
    overflow: hidden;
    width: 100px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.parentInfoIcon
{
    background: url(../images/interface/sprite.png) -238px -318px;
    cursor: pointer;
    display: none;
    height: 50px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 42px;
    z-index: 9999;
}

.gridItemActive .parentInfoIcon
{
    display: block;
}

.enlargedPlayer .bl, .enlargedPlayer .br
{
    bottom: -5px !important;
}

.grid
{
    margin-left: -28px;
    margin-top: -10000px;
}

.grid li .thumbTitle
{
    position: absolute;
    top: 107px;
    width: 100px;
    z-index: 99;
}

#gridNav
{
    display: none;
		width: 507px;
    margin: 0 19px 0px 19px;
    padding: 22px 0 0;
    z-index: 10;
}

#gridNav .prev, #gridNav .prev a
{
    background: url(../images/interface/buttonSprite.png);
    float: left;
    height: 56px;
    width: 95px;
    text-indent:-5000px;
		margin-left: 12px;
}

#gridNav .prevDisabled
{
    background: url(../images/interface/buttonSprite.png) -330px 0;
    display: none;
    float: left;
    height: 56px;
    width: 95px;
		margin-left: 12px;		
}

#gridNav .prevHover, #gridNav .prev a:hover
{
    background: url(../images/interface/buttonSprite.png) -110px 0;
    cursor: pointer;
}

#gridNav .prevActive, #gridNav .prev a:active
{
    background: url(../images/interface/buttonSprite.png) -220px 0;
}

#gridNav .next, #gridNav .next a
{
    background: url(../images/interface/buttonSprite.png) 0 -60px;
    float: right;
    height: 56px;
    width: 95px;
    text-indent:-5000px;
		margin-right: 12px;
}

#gridNav .nextDisabled
{
    background: url(../images/interface/buttonSprite.png) -331px -60px;
    display: none;
    float: right;
    height: 56px;
    width: 95px;
		margin-right: 12px;		
}

#gridNav .nextHover, #gridNav .next a:hover
{
    background: url(../images/interface/buttonSprite.png) -110px -60px;
    cursor: pointer;
}

#gridNav .nextActive, #gridNav .next a:active
{
    background: url(../images/interface/buttonSprite.png) -220px -60px;
}

#gridNav ul
{
    height: 16px;
    left: 50%;
    margin-top: 16px;
    position: absolute;
}

#gridNav li
{
    background: url(../images/interface/sprite.png) 0 -76px;
    cursor: pointer;
    float: left;
    height: 20px;
    margin-right: 2px;
    width: 16px;
    position: relative;
}

#gridNav .hover
{
    background: url(../images/interface/sprite.png) 0 -119px;
    float: left;
    height: 21px;
    margin: 0px 4px 0 -4px;
    width: 21px;
    position: relative;
}

#gridNav .active
{
    background: url(../images/interface/sprite.png) 0 -98px;
    float: left;
    height: 20px;
    margin: 0px 2px 0 -2px;
    width: 18px;
    position: relative;
}

#contentRight
{
    right: -1px;
    top: -1px;
    width: 347px;
}

#contentRight:before
/*No longer neccessary
{
    background: url(../images/interface/sideMenu/gradientOverlay.png) right top;
    content: '';
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 346px;
}
*/

#mpu a
{
    border: solid 1px rgba(0,0,0,0.3);
    float: left;
    height: 248px;
    overflow: hidden;
    width: 298px;
    z-index: 9999;
}

#mpu
{
    float: left;
    height: 250px;
    margin: 0 0 10px 14px;
    padding-left: 12px;
    /*padding-top: 10px;*/
    width: 350px;
    z-index: 9999;
}

.gridFilter
{
    height: 37px;
    margin: 10px 16px 15px 16px;
    padding: 0 15px 0 5px;
    width: 462px;
    z-index: 9999;
}

.filterOption
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    line-height: 31px;
    margin: 5px;
    padding-left: 28px;
    width: 80px;
}

.filterOption span
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #eee;
    border: solid 1px #ccc;
    border-radius: 2px;
    height: 16px;
    left: 6px;
    position: absolute;
    top: 7px;
    width: 16px;
}

.activeFilter span
{
    background: orange !important;
}

#all
{
    background: url(../images/interface/buttonSprite.png) -260px -360px;
    height: 34px;
    width: 43px;
}

#all a
{
    background: url(../images/interface/buttonSprite.png) 0 -360px;
    display: none;
    float: left;
    height: 34px;
    width: 43px;
}

#all a:hover
{
    background: url(../images/interface/buttonSprite.png) -130px -360px;
    height: 34px;
    width: 43px;
}

#atoz
{
    background: url(../images/interface/buttonSprite.png) -303px -360px;
    height: 34px;
    width: 81px;
}

#atoz a
{
    background: url(../images/interface/buttonSprite.png) -43px -360px;
    float: left;
    height: 34px;
    width: 81px;
}

#atoz a:hover
{
    background: url(../images/interface/buttonSprite.png) -173px -360px;
    height: 34px;
    width: 81px;
}

#back
{
    display: none;
    float: left;
    height: 34px;
    width: 100px;
}

#back a
{
    background: url(../images/interface/buttonSprite.png) 0 -240px;
    display: block;
    height: 34px;
    width: 100px;
}

#back a:hover
{
    background: url(../images/interface/buttonSprite.png) -110px -240px;
}

#back a:active
{
    background: url(../images/interface/buttonSprite.png) -220px -240px;
}

.watch #back a
{
    background: url(../images/interface/buttonSprite.png) 0 -280px;
}

.watch #back a:hover
{
    background: url(../images/interface/buttonSprite.png) -110px -280px;
}

.watch #back a:active
{
    background: url(../images/interface/buttonSprite.png) -220px -280px;
}

.create #back a
{
    background: url(../images/interface/buttonSprite.png) 0 -320px;
}

.create #back a:hover
{
    background: url(../images/interface/buttonSprite.png) -110px -320px;
}

.create #back a:active
{
    background: url(../images/interface/buttonSprite.png) -220px -320px;
}

#sort
{
    background: url(../images/interface/buttonSprite.png) -120px -400px;
    height: 34px;
    width: 50px;
}

.sortActive
{
    background: none !important;
}

#sort a
{
    background: url(../images/interface/buttonSprite.png) 0 -400px;
    display: block;
    height: 34px;
    width: 50px;
}

#sort a:hover
{
    background: url(../images/interface/buttonSprite.png) -60px -400px;
}

#flashContainer object, #flashContainer embed, #watchClip_wrapper
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9998;
}

#flashContainer
{
    margin: 20px 20px 10px;
    width: 490px;
    height: 300px;
    position: relative;
    z-index: 1;
}

#flashContainer:before
{
    height: 50px;
    left: 50%;
    margin-left: -62px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 122px;
    text-align: center;
    color: #fff;
    background: url(../images/interface/sprite.png) 0px -440px;
    content: '';
    z-index: 1;
}

#videoAdNotice
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(0,0,0,0.6);
    border-radius: 5px;
    bottom: 10px;
    color: #666;
    display: none;
    font-size: 12px;
    height: 30px;
    left: 10px;
    line-height: 30px;
    text-align: center;
    width: 100px;
    z-index: 9999;
}

.frontPromo
{
    border: solid 5px #fff;
    float: left;
    height: 150px;
    margin-right: 10px;
    width: 150px;
}

.frontPromo img
{
    height: 150px;
    width: 150px;
}

.whatson-date
{
    clear: left;
    float: left;
    margin: 3px 0 12px;
    width: 100%;
}

.whatson-date span
{
    float: left;
    font-size: 14px;
    margin-top: 12px;
}

.whatson-date .day
{
    color: #575353;
    margin-right: 5px;
}

.days
{
    background: url(../images/interface/sprite.png) 0 -400px;
    float: left;
    font-family: 'Cabin' , arial, serif;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-left: 20px;
    padding: 0 3px;
    width: 470px;
}

.days a
{
    color: #9c9592;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    width: 67px;
}

.days .active, .days a:hover
{
    background: #fdff65;
    color: #000;
    height: 23px;
    line-height: 23px;
    margin-top: 1px;
}

.days a:hover
{
    background: #77d8dc;
}

.whatson-list
{
    padding-bottom: 60px;
}

#whatson-channels
{
    clear: left;
    float: left;
    margin: 10px 0 10px 25px;
    width: 100%;
}

#whatson-channels .list-channel
{
    -moz-border-radius: 4px;
    background-position: center center;
    cursor: pointer;
    margin: 0 6px 0 0;
    padding: 4px 12px;
}

#whatson-channels .list-channel-nicktoons
{
    width: 109px;
}

#whatson-channels .list-channel-nickelodeon
{
    width: 54px;
}

#whatson-channels .list-channel-nickjr
{
    width: 73px;
}

.whatson-more
{
    clear: left;
    display: block;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.whatson-more a
{
    color: #34488e;
}

.whatson-more .button
{
    margin-bottom: 0;
}

.help-list .row
{
    background-color: #f1f1f1;
    background-position: 573px 17px;
}

.help-list .alt
{
    background-color: #f8f8f8;
}

.help-list .on
{
    background-position: 573px -263px;
}

.help-list
{
    padding-bottom: 30px;
}

.help-list .row:hover
{
    background-color: #f5f5f5;
}

.help-list .alt:hover
{
    background-color: #fcfcfc;
}

.accordian-list
{
    clear: left;
    color: #71705c;
    float: left;
    font-family: 'Cabin' , arial, serif;
    margin: 15px 0 0 12px;
}

.accordian-list .row
{
    cursor: pointer;
    display: block;
    float: left;
    height: auto;
    margin: 0 !important;
    overflow: hidden;
    width: 480px;
}

.accordian-list .row .time, .accordian-list .row .question
{
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 0 15px;
}

.accordian-list .row .question
{
    margin: 0;
    padding: 20px 0 18px 15px;
    width: 500px;
}

.accordian-list .row .show
{
    clear: left;
    color: #f47d16;
    float: left;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    line-height: 22px;
    margin: 0 0 8px 15px;
    width: auto;
}

.accordian-list .row .desc, .accordian-list .row .answer
{
    clear: left;
    display: none;
    float: left;
    margin: 0 0 15px 15px;
    width: 450px;
}

.accordian-list .row:hover .show, .accordian-list .row:hover .question
{
    text-decoration: underline;
}

#gridWrap
{
    margin: 0 0 0 10px;
    overflow: hidden;
    padding-top: 10px;
    width: 483px;
    min-height: 427px;
}

/*
.shows #gridWrap 
{
    min-height:478px;
}
*/
.hideOverflow
{
    overflow: hidden;
}

.gridTop, .homeTop
{
    height: 12px;
    margin: -5px 0 0 19px;
    width: 507px;
}

.homeTop
{
    margin-left: 21px;
}

.gridBottom, .homeBottom
{
    background-position: -1px -73px;
    height: 10px;
    margin: 0 0 0 19px;
    width: 507px;
}

.gridBody
{
    background-position: center top;
    background-repeat: repeat-y;
    margin-left: 19px;
    min-height: 560px;
    width: 507px;
}

.relatedBody, .relatedBody #gridWrap
{
    min-height: 0 !important;
}

.homeBottom
{
    height: 23px;
    margin: 0 0 10px 21px;
}

.homeBody
{
    background-repeat: repeat-y;
    margin: 0 0 0 21px;
    min-height: 524px;
    width: 502px;
    z-index: 9999;
}

#promoOverlay
{
    right: 10px;
    z-index: 1;
}

#leftTop
{
    height: 22px;
		background-position: -1px -1px;
}

#leftBody
{
    min-height: 655px;
}

#leftBody p
{
    margin: 0 25px 15px;
}

#leftBottom
{
    background-position: -1px -25px;
    height: 32px;
		z-index: 50;
}


#fullTop
{
    margin: -2px 0 0 0px;
    background-position: -1px -88px !important;
		width: 886px;
		height: 22px;
}

#fullBody
{
    min-height: 450px;
   /* margin: 0 0 0 -2px;*/
	 width: 882px;
}



#fullBottom
{
    /*margin: 0 0 0 -2px;*/
    background-position: -1px -112px !important;
		height: 33px !important;
		width: 886px !important; 
}

#gridLoading
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 100px;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    top: 50%;
    width: 100px;
}

#rightTop
{
    background: url(../images/interface/sideMenu/sprite.png) no-repeat -1px -1px;
    height: 22px;
    width: 347px;
}

#rightBody
{
    background: url(../images/interface/sideMenu/side-menu-bg.png) right 0;
    width: 347px;    
}

#rightBottom
{
    background: url(../images/interface/sideMenu/sprite.png) no-repeat -1px -25px;
    height: 122px;
    width: 347px;
}

#relatedGames
{
    margin-left: -29px !important;
}

#parentModal
{
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0,0,0,0.7);
    left: 50%;
    margin-left: -220px;
    top: 200px;
    width: 440px;
    z-index: 9999;
}

#parentModal p
{
    color: #71705c;
    display: inline-block;
    float: right;
    font-family: 'Cabin' , arial, serif;
    font-size: 14px;
    line-height: 1.4em;
    margin: 14px 20px 10px 0;
    padding: 0;
    width: 270px;
}

#parentModal a
{
    color: #5c7ba1;
    float: left;
    margin-top: 10px;
}

#parentModalMask
{
    background: transparent;
    display: none;
    height: 100%;
    left: 0;
    top: -10px;
    width: 100%;
    z-index: 9999;
}

#modalTop
{
    background: url(../images/interface/info/background.png) center top;
    height: 10px;
    width: 440px;
}

#modalBody
{
    background: url(../images/interface/info/background.png) center top;
    width: 440px;
}

#modalBottom
{
    background: url(../images/interface/info/background.png) center top;
    height: 12px;
    width: 440px;
}

#modalClose
{
    background: url(../images/interface/sprite.png) -440px -70px;
    cursor: pointer;
    height: 22px;
    right: 10px;
    top: 1px;
    width: 20px;
}

#modalBody .thumbImage
{
    -moz-border-radius: 4px;
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(0,0,0,0.3);
    height: 100px;
    margin: 10px 20px 20px;
    padding: 5px;
    width: 100px;
    z-index: 100;
}

#modalBody .thumbImage img
{
    height: 100px;
    width: 100px;
}

#modalBody h3
{
    color: #e45601;
    float: left;
    margin-left: 0;
    text-shadow: none;
    width: 250px;
}

#modalBody h3 span, .contentBody h1 span
{
    background: url(../images/interface/sprite.png) -340px -80px;
    float: left;
    height: 27px;
    margin: -2px 7px -10px 0;
    width: 27px;
}

#learningIcons
{
    float: left;
    margin-top: 10px;
}

#parentModal .learningOutcome
{
    float: left;
    margin: 10px 10px 0 0;
}

.tooltip
{
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    background: #fffee6;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    color: #666;
    font-family: Verdana , arial, serif;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    overflow: visible;
    padding: 0 9px;
    position: absolute;
    white-space: nowrap;
    z-index: 9999;
}

.learningOutcome .tooltip
{
    left: -2px;
    top: -35px;
}

.gridFilter a .tooltip, #allShows a .tooltip
{
    left: 50%;
    top: -40px;
}

#sort a .tooltip
{
    left: -118px;
    top: 1px;
}

.vpEnlarge .tooltip
{
    display: none;
    right: 55px;
    top: 50%;
    margin-top: -15px;
}

.bottomArrow
{
    border: 8px solid transparent;
    border-bottom-width: 0;
    border-top: 8px solid #fffee6;
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    width: 0;
}

.learningOutcome .bottomArrow
{
    left: 24px;
    margin-left: 0;
}

.rightArrow
{
    border: 8px solid transparent;
    border-left: 8px solid #fffee6;
    border-right-width: 0;
    display: block;
    height: 0;
    margin-top: -8px;
    overflow: hidden;
    position: absolute;
    right: -8px;
    top: 50%;
    width: 0;
}

#videoPlayer
{
    background: url(../images/interface/watch/playerSprite.png);
    margin: 10px 20px 0 22px;
}

#videoPlayerControls
{
    background: url(../images/interface/watch/playerSprite.png) left bottom;
    margin: 0 20px 5px 22px;
}



#videoPlayer .tl
{
    background: url(../images/interface/watch/roundedCorner.png) -3px -3px;
    height: 3px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 3px;
    z-index: 9999;
}

#videoPlayer .tr
{
    background: url(../images/interface/watch/roundedCorner.png) 0 -3px;
    height: 3px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 3px;
    z-index: 9999;
}

#videoPlayer .bl
{
    background: url(../images/interface/watch/roundedCorner.png) -3px 0;
    bottom: 5px;
    height: 3px;
    left: 5px;
    position: absolute;
    width: 3px;
    z-index: 9999;
}

#videoPlayer .br
{
    background: url(../images/interface/watch/roundedCorner.png) 0 0;
    bottom: 5px;
    height: 3px;
    position: absolute;
    right: 5px;
    width: 3px;
    z-index: 9999;
}

.game .tl
{
    background: url(../images/interface/play/roundedCorner.png) -3px -3px !important;
}

.game .tr
{
    background: url(../images/interface/play/roundedCorner.png) 0 -3px !important;
}

.game .bl
{
    background: url(../images/interface/play/roundedCorner.png) -3px 0 !important;
}

.game .br
{
    background: url(../images/interface/play/roundedCorner.png) 0 0 !important;
}


#videoPlayer #flashContainer
{
    margin: 5px;
    width: 490px;
    z-index: 8888;
}

#embeddedPlayer
{
    z-index: -1;
}

#videoPlayerControls .vpPlay, #videoPlayerControls .vpPause, #videoPlayerControls .vpReplay
{
    background: url(../images/interface/watch/buttonSprite.png) 0 -100px;
    cursor: pointer;
    height: 53px;
    margin: 5px 11px 13px;
    width: 53px;
}

#videoPlayerControls .vpPause
{
    background: url(../images/interface/watch/buttonSprite.png) -120px -160px;
    display: none;
}

#videoPlayerControls .vpReplay
{
    background: url(../images/interface/watch/buttonSprite.png) 0 -40px;
    display: none;
}

#scrubberWrapper, #volumeWrapper
{
    background: url(../images/interface/watch/buttonSprite.png) 0 -330px;
    cursor: pointer;
    height: 22px;
    margin: 21px 0 0;
    width: 230px;
}

#scrubberMask
{
    background: url(../images/interface/watch/buttonSprite.png) bottom right;
    display: none;
    height: 40px;
    left: 0;
    top: -10px;
    width: 100%;
    z-index: 9999;
}

#scrubber, #volumeSlider
{
    cursor: pointer;
    height: 20px;
    margin: 0;
    width: 220px;
}

#scrubberHandle, .ui-slider-handle
{
    background: url(../images/interface/watch/buttonSprite.png) 0 0;
    height: 27px;
    margin-left: -8px;
    position: absolute;
    top: -3px;
    width: 27px;
    z-index: 999;
}

.ui-slider-handle span
{
    height: 5000px;
    margin-left: -2500px;
    margin-top: -2500px;
    position: fixed;
    width: 5000px;
}

.ui-state-active
{
    background: url(../images/interface/watch/buttonSprite.png) -27px 0;
}

.vpEnlarge
{
    background: url(../images/interface/watch/buttonSprite.png) 0 -220px;
    cursor: pointer;
    float: right;
    height: 45px;
    margin: 10px 12px 10px 1px;
    width: 45px;
}

.volumeIcon
{
    background: url(../images/interface/watch/buttonSprite.png) -120px 0;
    cursor: pointer;
    height: 20px;
    margin: 22px 8px 0 14px;
    width: 20px;
}

#volumeWrapper
{
    background: url(../images/interface/watch/buttonSprite.png) 0 -360px;
    width: 90px;
}

#volumeSlider
{
    height: 20px;
    margin: 0;
    width: 70px;
}

.ui-slider-range
{
    background: url(../images/interface/watch/buttonSprite.png) 0 -480px;
    float: left;
    height: 14px;
    margin: 3px 0 0 3px;
    width: 0;
}

.scrubberDisabled
{
    background: url(../images/interface/watch/buttonSprite.png) 0 -500px;
}

#volumeSlider .ui-slider-range
{
    background: url(../images/interface/watch/buttonSprite.png) -180px -450px;
    float: left;
    height: 14px;
    margin: 3px 0 0 3px;
    width: 0;
}

/* Old parent key styles
#parentKey
{
    height: 63px;
    right: 5px;
    top: -1px;
    width: 140px;
    z-index: 8888;
}

#parentKey a
{
    background: url(../images/interface/sprite.png) -480px -140px;
    display: block;
    height: 63px;
    width: 140px;
}

#parentKey a:hover
{
    background: url(../images/interface/sprite.png) -300px -140px;
}

#parentKey strong
{
    color: #e45601;
    font-weight: 700;
}
*/

#parentKey
{
    right: 40px;
    top: -5px;
    z-index: 8888;
}

#parentKey a {
	display: block;
	background: url(../images/interface/Info-for-parents-key_sprite.png);
	width: 110px;
	height: 49px;
	text-indent: -9999px;
}

.shows #parentKey a { background-position: -1px -1px; }
.shows #parentKey a:hover { background-position: -1px -52px; }

.create #parentKey a { background-position: -113px -1px; }
.create #parentKey a:hover { background-position: -113px -52px; }

.play #parentKey a { background-position: -225px -1px; }
.play #parentKey a:hover { background-position: -225px -52px; }

.watch #parentKey a { background-position: -337px -1px; }
.watch #parentKey a:hover { background-position: -337px -52px; }
	



#parentInfo
{
   /*background: url(../images/interface/sprite.png) -700px 0;
    margin: 0 25px 0 27px;*/
		margin-left: 5px;
    width: 300px;
}

#parentInfo h4
{
    color: #138a48;
    font-size: 18px;
    margin: 5px 10px 25px 10px;
}

#showInfo
{
    background: url(../images/interface/sprite.png) -1000px 0;
    margin: 3px 25px 0 27px;
    width: 300px;
}

#showInfoBottom
{
    background: url(../images/interface/sprite.png) -1000px -500px;
    height: 20px;
    margin: 0 25px 5px 27px;
    width: 300px;
}

#showInfo h4
{
    color: #484a99;
    font-size: 18px;
    margin: 35px 45px 15px 20px;
    letter-spacing: -1px;
}

#showInfo p
{
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0;
    padding: 0 20px 10px;
    width: 270px;
}


#parentInfo .learningOutcome
{
    float: left;
    margin: 10px 20px;
    width: 260px;
}

#parentInfo h4 span
{
    background: url(../images/interface/sprite.png) -340px -80px;
    float: left;
    height: 57px;
    margin: -2px 7px -10px 5px;
    width: 27px;
}

.learningOutcome span
{
    background: url(../images/interface/sprite.png) -480px -400px;
    cursor: pointer;
    float: left;
    height: 40px;
    padding: 10px 11px;
    width: 38px;
    display: block;
}

.learningOutcome span span
{
    background: url(../images/interface/sprite.png) -480px -372px;
    height: 25px;
    left: 5px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -10px;
    width: 52px;
}

#parentInfo p
{
    color: #71705c;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.2em;
    margin: 0;
    padding: 0 10px;
    width: 180px;
}

#parentInfo a
{
    background: url(../images/interface/buttonSprite.png) 0 -600px;
    float: right;
    height: 30px;
    margin: 15px 15px 0 0;
    width: 123px;
}

#parentInfo a:hover
{
    background: url(../images/interface/buttonSprite.png) -130px -600px;
}

#parentInfo a:active
{
    background: url(../images/interface/buttonSprite.png) -260px -600px;
}

#createLeft
{
    margin: -2px;
    width: 882px;
}

#didiWrapper 
{
    position:absolute;
    top: 41px;
    left: -536px;
    width:1035px;
    height:1199px;
    background:url(../images/interface/img-didi.png);
    z-index:9999;
}

#beeWrapper 
{
    position:absolute;
    top: 53px;
    left: 850px;
    width:738px;
    height:1118px;
    background:url(../images/interface/img-bee.png);
    z-index:-9999;
}

.bg-character-container
{
    position: relative;
    width: 1200px;    
    margin: 0 auto! important;
}

#a-feature-bg 
{
    position:relative;
    top: 245px;
    width: 960px;
    margin:0 auto;
    z-index: 10;	
}
#a-feature-bg img 
{   
    position:absolute;
    left:-270px;
	display: none;
}


#footer {
	width:878px;	
	clear: both;
	display:block;
	margin: auto;
}
#footerMenuWrap{
	/*background-color: rgba(255, 0, 0, 0.2);		*/
	width:878px;	
	margin-left: 46px;
}	

#footerMenuWrap .footerMenuTop {
	height: 62px;
	background: url(../images/interface/footer/footer-top-row.png);	
	background-repeat: no-repeat;
}

#footer .footerMenuBody {
	background: url(../images/interface/footer/footer-bg-repeat.png);
}

#footer .footerMenuList 
{
    clear: both;
    display: block;
    float: left;
    margin: 32px 0 0 90px;
    width: 880px;
}
#footer .footerMenuList ul
{
    width:270px;
    float:left;
   /* padding-right: 40px;*/
}
#footer .footerMenuList li 
{
    line-height:20px;
    padding:0 5px 0 25px;
    background: url(../images/interface/footer-menu-bg.png) -886px -17px;
		width: 216px;
}

#footer .footerMenuList li a {
	font-size:14px;	
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
}

#footer .footerMenuInfo
{
    margin:31px 0 10px 95px;
    float:left;
}

#footer .footerMenuInfo ul {
	clear: both;
}

#footer .footerMenuInfo li 
{
    float:left;
    list-style:disc inside;
    padding:10px 18px 0 0;
		font-size:13px;	
		color: #ffffff;
		font-family: Verdana, Geneva, sans-serif;		
}

#footer .footerMenuInfo li.first 
{
    list-style:none;
}

#footer .footerMenuInfo li a {
	font-size:14px;	
	color: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
}


/* START FOOTER OLD 

#footer
{
    height: 142px;
    z-index: 0;
    position:relative;
    font-family:'Cabin';
    font-size:12px;
		clear: both;
}

#footer ._960
{
    color: #fff;
}
#footerMenuWrap 
{
    width:886px;
    display:block;
}

#footer .footerDidi 
{
    background: url(../images/interface/footer-menu-bg-didi.png) no-repeat center 0px;
    height:688px;
    display:block;
    width:100%;
    position:absolute;
    top:-375px;
}

#footer .footerAnimal 
{
    background: url(../images/interface/footer-menu-bg.png) no-repeat center -153px;
    height:688px;
    display:block;
    width:100%;
    position:absolute;
    top:-71px;
}
#footerMenuWrap .footerMenuTop,
#footerMenuWrap .footerMenuBottom 
{
    background: url(../images/interface/footer-menu-bg.png) no-repeat 0 0;
    height:72px;
    display:block;
    width:100%;

}
#footerMenuWrap .footerMenuBottom 
{
    background-position:0 -72px;
    height:38px;
}
#footerMenuWrap .footerMenuBody 
{
    background: url(../images/interface/footer-menu-bg-repeat.png) repeat-y;
     display:block;
    width:100%;
   
}


#footer a
{
    color: #fff;
    margin-right: 3px;
    text-decoration: none;
    font-size:12px;
}

#footer a:hover
{
    border-bottom: dotted 1px #fff;
}

#footer p
{
    float: left;
    font-size: 13px;
    margin: 8px 0 0 80px;
    width: 880px;
}

#footer .footerMenuList 
{
    clear: both;
    display: block;
    float: left;
    margin: 20px 0 0 90px;
    width: 880px;
}
#footer .footerMenuList ul
{
    width:246px;
    float:left;
    padding-right: 40px;
}
#footer .footerMenuList li 
{
    height:20px;
    line-height:20px;
    padding:0 5px 0 20px;
    background: url(../images/interface/footer-menu-bg.png) -886px -17px;
}
#footer .footerMenuList li.head 
{
    background-position:-886px 5px;
    text-transform:uppercase;
}
#footer .footerMenuInfo
{
    margin:20px 0 10px 95px;
    float:left;
}
#footer .footerMenuInfo li 
{
    float:left;
    list-style:disc;
    padding:10px 18px 0 0;
}
#footer .footerMenuInfo li.first 
{
    list-style:none;
}

END FOOTER */

#footer .other-links {
	clear: both;
}

#familyAndParents
{
    background: url(../images/interface/sprite.png) -480px -80px;
    /*clear: both;*/
    float: left;
    height: 36px;
    margin: 15px 0 -10px 65px;
    width: 108px;
}

#endSlate
{
    background: #000;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

#endSlate a
{
    background: url(../images/interface/watch/buttonSprite.png) -240px 0;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
}

#endSlate a:hover
{
    background: url(../images/interface/watch/buttonSprite.png) -240px -60px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;
}

#nextOn span
{
    background: url(/global/images/interface/sprite.png) -360px -370px;
    height: 22px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: -12px;
    width: 59px;
}

#nextOn
{
    background: #fff;
    bottom: 30px;
    color: #354890;
    display: none;
    font-size: 16px;
    font-weight: 700;
    left: 32px;
    line-height: 1.1em;
    padding: 15px 10px 12px;
    position: absolute;
    text-align: center;
    width: 150px;
    letter-spacing: -1px;
    z-index: 9999;
}

#nextOn .shadow
{
    background: url(/global/images/interface/sprite.png) -270px -500px;
    height: 20px;
    left: 0px;
    position: absolute;
    bottom: -20px;
    width: 170px;
}


#panelSort
{
    background: url(/global/images/interface/sortBackground.png);
    color: #c4e0cb;
    display: none;
    font-size: 16px;
    font-weight: 700;
    margin: 0 20px 20px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    width: 462px;
}

#panelSortFooter
{
    background: url(/global/images/interface/sortBackground.png) center bottom;
    bottom: -10px;
    height: 10px;
    left: 0;
    width: 462px;
}

#panelSort #panelSortAge
{
    margin: 18px 0 3px 15px;
    width: 110px;
}

#panelSort #panelSortGenre
{
    margin: 18px 0 5px;
    width: 330px;
}

#panelSort a
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #c4e0cb;
    display: block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin: 2px 0;
    padding: 0 8px;
    text-decoration: none;
    width: 90px;
}

#panelSort a:hover
{
    background: rgba(255,255,255,0.1);
    color: #fff;
}

#panelSort h3
{
    color: #fcce18;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 5px;
}

#whatsOn
{
    background: url(/global/images/interface/sideMenu/whatsonBackground.png);
    margin: 0px 25px 20px 26px;
    width: 300px;
    display:none;
}

#whatsOn h5
{
    clear: both;
    color: #625d54;
    float: left;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
    padding: 0 15px 50px;
    width: 180px;
}

#whatsOnFooter
{
    background: url(/global/images/interface/sideMenu/whatsonBackground.png) left bottom;
    bottom: -10px;
    height: 10px;
    left: 0;
    width: 300px;
}

#whatsOn span
{
    background: url(/global/images/interface/sprite.png) -300px 0;
    height: 20px;
    margin: 30px 15px 10px;
    width: 41px;
    -moz-box-shadow: 0px 0px 4px #d2433e;
    -webkit-box-shadow: 0px 0px 4px #d2433e;
    box-shadow: 0px 0px 4px #d2433e;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#whatsOn a
{
    background: url(../images/interface/buttonSprite.png) 0 -630px;
    bottom: 5px;
    height: 30px;
    left: 15px;
    position: absolute;
    width: 132px;
    overflow:hidden;
    line-height:500px;
}

#whatsOn a:hover
{
    background: url(../images/interface/buttonSprite.png) -140px -630px;
}

#whatsOn a:active
{
    background: url(../images/interface/buttonSprite.png) -280px -630px;
}

.contentTop
{
    background: url(../images/interface/info/sprite.png);
    height: 30px;
    margin: 5px 14px 0;
    width: 516px;
}

.contentBody
{
    background: url(../images/interface/info/background.png);
    margin: 0 14px;
    width: 516px;
}

.contentBody h1, .contentBody a
{
    color: #e45601 !important;
    text-shadow: none !important;
}

/*Info content - specific styles because I'm not sure where else above .contentTop declaration is referenced */
.info .contentTop {
		background-image: url(/global/images/interface/shows/sprite.png);
		background-position: -1px -59px;	
    height: 12px;
    margin: -5px 0 0 19px;
    width: 507px;
}

.info .contentBody
{
    background-image: url(/global/images/interface/shows/gridBody-bg.png);
    background-position: center top;
    background-repeat: repeat-y;
    margin-left: 19px;
    min-height: 400px;
    width: 507px;		
}

.info .contentBottom
{
		background-image: url(/global/images/interface/shows/sprite.png);
    background-position: -1px -73px;
    height: 13px;
    margin: 0 0 10px 19px;
    width: 507px;		
}


.shows h1
{
    color: #2f4080 !important;
    text-shadow: none !important;
}

.shows .thumbTitle
{
    color: #5c5c5c;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
}


.contentBody a:hover
{
    border-bottom: dotted 1px #e45601;
}

.contentBody h2
{
    color: #71705c !important;
    font-size: 15px !important;
    margin: 20px 25px !important;
    text-shadow: none !important;
}

.contentBody h3
{
    color: #e45601 !important;
    font-family: arial;
    font-size: 14px !important;
    font-weight: 700;
    margin: 5px 0 !important;
    text-shadow: none !important;
}

.contentBody h4
{
    color: #71705c !important;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 700;
}

.contentBody p
{
    color: #71705c !important;
    font-size: 13px !important;
    line-height: 1.4em;
    margin: 10px 25px 0 !important;
    font-family: Myriad Pro;    
}

.contentBody ul
{
    margin: 0 0 40px;
}

.contentBody li
{
    color: #71705c !important;
    float: left;
    font-size: 12px !important;
    line-height: 1.4em;
    margin: 10px 25px 0;
}

.contentBody .learningOutcome
{
    float: left;
    margin: 10px 20px 10px 0;
}

.contentBottom
{
    background: url(../images/interface/info/sprite.png) bottom;
    height: 30px;
    margin: 0 14px 7px;
    width: 516px;
}

#onLater
{
    background: url(../images/interface/buttonSprite.png) 0 -660px;
    bottom: 10px;
    clear: both;
    cursor: pointer;
    display: block;
    height: 37px;
    left: 50%;
    margin-left: -65px;
    position: absolute;
    width: 130px;
}

#whatson-channels a 
{
   border:none !important;
}

.channelNickJr
{
    background: url(../images/interface/sprite.png) -300px -202px;
    float: left;
    height: 40px;
    width: 135px;
    text-decoration:none !Important;
}

.channelNickJr:hover
{
    background: url(../images/interface/sprite.png) -480px -202px;
}

.channelNickJrActive
{
    background: url(../images/interface/sprite.png) -480px -202px;
}

.channelNickJr2
{
    background: url(../images/interface/sprite.png) -300px -258px;
    float: left;
    height: 42px;
    width: 155px;
    text-decoration:none !Important;
}

.channelNickJr2:hover
{
    background: url(../images/interface/sprite.png) -480px -258px;
}

.channelNickJr2Active
{
    background: url(../images/interface/sprite.png) -480px -258px;
}

.enlargedPlayer
{
    margin-right: -4px !important;
    width: 884px !important;
}

.enlargedPlayer #leftTop
{
    background-position: -1px -88px !important;
		width: 886px;
		height: 22px;
}

.enlargedPlayer #leftBottom
{
    background-position: -1px -112px !important;
		height: 33px !important;
		width: 886px !important; 
}

.enlargedPlayer #videoPlayer, .enlargedPlayer #videoPlayerControls
{
    background-image: url(/global/images/interface/watch/playerSpriteLarge.png) !important;
    width: 840px !important;
}

.enlargedPlayer #scrubberWrapper
{
    background-position: 0 -420px;
    width: 500px;
}

.enlargedPlayer #scrubber
{
    width: 490px;
}

.enlargedPlayer #volumeWrapper
{
    background-position: 0 -450px;
    width: 155px;
}

.enlargedPlayer #volumeSlider
{
    width: 140px;
}

#contactForm p
{
    margin: 25px !important;
    float: left;
}



#competitionForm h2, #competitionForm p
{
    margin: 25px 0 !important;
}

#legacyTop
{
    background-position: left -60px !important;
    height: 10px;
}

#legacyBottom
{
    background-position: left -70px !important;
    height: 15px;
}

#getNick a
{
    background: url(/global/images/interface/sideMenu/howTo-sprite.png);
		background-position; 0px 0px;
    display: block;
    height: 80px;
    margin: 2px 22px 10px;
    width: 271px;
		text-indent: -9999px;		
}

#getNick a:hover
{
		background-position: 0px -80px;
}

#parent-info-tv-schedule a
{
    background: url(/global/images/interface/sideMenu/TVSchedule-sprite.png);
		background-position; 0px 0px;
    display: block;
    height: 80px;
    margin: 2px 22px 10px;
    width: 271px;
		text-indent: -9999px;
}

#parent-info-tv-schedule a:hover
{
		background-position: 0px -80px;
}

#skyscraperAd
{
    margin: 5px 15px;
    width: 160px;
    min-height:300px;
    display:none;
}

.formRow
{
    padding: 5px 0;
    position: relative;
    width: 480px;
}

.formRowContact
{
    padding-left: 24px;
}

.formRow input
{
    float: left;
    margin: 0;
}

.formRow input[type="radio"], .formRow input[type="checkbox"]
{
    float: left;
    margin: 0 10px 0 0;
}

.formRow input[type="text"], .formRow textarea
{
    -moz-border-radius: 4px;
    -moz-box-shadow: -1px -1px 1px rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    -webkit-box-shadow: -1px -1px 1px rgba(0,0,0,0.3);
    border: solid 1px #ccc;
    border-left: solid 1px rgba(0,0,0,0.6);
    border-radius: 4px;
    border-top: solid 1px rgba(0,0,0,0.6);
    box-shadow: -1px -1px 1px rgba(0,0,0,0.3);
    color: #ccc;
    float: left;
    margin: 10px 10px 0 0 !important;
    padding: 10px;
    width: 250px;
}

.formRow textarea
{
    color: #6c6c6c;
    width: 75%;
}

input.error
{
    border: solid 1px #d32923 !important;
}

label.error
{
    color: #d32923 !important;
    float: left;
    margin: 10px 0;
    width: 100%;
}

#noanswer, #dobError
{
    color: #d32923 !important;
    float: left;
    margin: 10px 25px 10px 0;
    width: 500px;
}

.formRow input[type="text"]:focus
{
    color: #6c6c6c;
}

.formRow select
{
    -moz-border-radius: 4px;
    -moz-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.3);
    -webkit-border-radius: 4px;
    -webkit-box-shadow: inset -1px -1px 1px rgba(0,0,0,0.3);
    border: solid 1px #ccc;
    border-bottom: solid 1px rgba(0,0,0,0.6);
    border-radius: 4px;
    border-right: solid 1px rgba(0,0,0,0.6);
    box-shadow: inset -1px -1px 1px rgba(0,0,0,0.3);
    float: left;
    margin: 10px 10px 0 0;
    padding: 10px;
    width: 250px;
}

#frmDay
{
    width: 80px;
}

#frmMonth, #frmYear
{
    width: 120px;
}

.formRow .wideLabel
{
    font-weight: 700;
    width: 480px;
}

.formRow input[type="submit"]
{
    background: url(../images/interface/buttonSprite.png) 0 -120px;
    border: none;
    cursor: pointer;
    display: block;
    height: 55px;
    width: 90px;
}

.formRow input[type="submit"]:hover
{
    background: url(../images/interface/buttonSprite.png) -110px -120px;
}

.formRow input[type="submit"]:active
{
    background: url(../images/interface/buttonSprite.png) -220px -120px;
}

#contactForm .formRow input[type="submit"]
{
    background: url(../images/interface/buttonSprite.png) 0 -180px;
    border: none;
    cursor: pointer;
    display: block;
    height: 55px;
    width: 90px;
}

#contactForm .formRow input[type="submit"]:hover
{
    background: url(../images/interface/buttonSprite.png) -110px -180px;
}

#contactForm .formRow input[type="submit"]:active
{
    background: url(../images/interface/buttonSprite.png) -220px -180px;
}

.learningOutcomes, .description
{
    display: none;
}

#contactForm label
{
    color: #71705c;
}

#contactForm p
{
    font-size: 14px !important;
    margin: 0 0 20px !important;
}

#contactForm .formPrivacy
{
    color: #f68b1f;
    font-size: 14px;
}

.cufon-canvas
{
    margin-top: -5px !important;
}

#facebook a
{
    background: url(../images/interface/buttonSprite.png) 0 -480px;
    display: block;
    height: 35px;
    margin: 15px 0 15px 10px;
    width: 175px;
    border: none !important;
}

#facebook a:hover
{
    background: url(../images/interface/buttonSprite.png) -180px -480px;
}

#facebook a:active
{
    background: url(../images/interface/buttonSprite.png) -360px -480px;
}

#twitter a
{
    background: url(../images/interface/buttonSprite.png) 0 -560px;
    display: block;
    height: 35px;
    margin: 16px 0 15px 10px;
    width: 170px;
    border: none !important;
}

#twitter a:hover
{
    background: url(../images/interface/buttonSprite.png) -180px -560px;
}

#twitter a:active
{
    background: url(../images/interface/buttonSprite.png) -360px -560px;
}

#bookmark a
{
    background: url(../images/interface/buttonSprite.png) 0 -520px;
    display: block;
    height: 35px;
    margin: 16px 0 15px 10px;
    width: 150px;
    border: none !important;
}

#bookmark a:hover
{
    background: url(../images/interface/buttonSprite.png) -150px -520px;
}

#bookmark a:active
{
    background: url(../images/interface/buttonSprite.png) -300px -520px;
}

#foxtel a
{
    background: url(../images/interface/foxtel-footer-logo.png) no-repeat;
    display: block;
    height: 35px;
    margin: 15px 0 15px 10px;
    width: 150px;
    border: none !important;
}

#fetchtv a
{
    background: url(../images/interface/logos/fetchtv.png) no-repeat;
    display: block;
    height: 35px;
    margin: 15px 0 15px 10px;
    width: 150px;
    border: none !important;
}

#visitNick a
{
    background: url(../images/interface/buttonSprite.png) 0 -700px;
    display: block;
    height: 35px;
    margin: 16px 0 15px 10px;
    width: 141px; 
    border: none !important;
}

#visitNick a:hover
{
    background: url(../images/interface/buttonSprite.png) -150px -700px;
}

#visitNick a:active
{
    background: url(../images/interface/buttonSprite.png) -300px -700px;
}

#createSbr, #playSbr, #watchSbr
{
    font-size: 18px;
    font-weight: 600;
    height: 63px;
    margin: 0 26px 8px;
    width: 300px;
}

#createSbr a, #playSbr a, #watchSbr a
{
    background: url(../images/interface/sideMenu/buttonSprite.jpg);
    color: #fff;
    display: block;
    height: 63px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    width: 300px;
    letter-spacing: -1px;
}

#createSbr a:hover
{
    background-position: -310px 0;
}

#createSbr a:active
{
    background-position: -620px 0;
}

#playSbr a
{
    background-position: 0 -140px;
}

#playSbr a:hover
{
    background-position: -310px -140px;
}

#playSbr a:active
{
    background-position: -620px -140px;
}

#watchSbr a
{
    background-position: 0 -70px;
}

#watchSbr a:hover
{
    background-position: -310px -70px;
}

#watchSbr a:active
{
    background-position: -620px -70px;
}

#createSbr span, #playSbr span, #watchSbr span
{
    left: 85px;
    position: absolute;
    top: 50%;
    width: 195px;
}

#allShows
{
    background: url(../images/interface/buttonSprite.png) -260px -440px;
    height: 33px;
    right: 20px;
    top: 6px;
    width: 120px;
}

#allShows a
{
    background: url(../images/interface/buttonSprite.png) 0 -440px;
    display: block;
    height: 33px;
    width: 120px;
}

#allShows a:hover
{
    background: url(../images/interface/buttonSprite.png) -130px -440px;
    display: block;
    height: 33px;
    width: 120px;
}

#loadingPanel
{
    height: 500px;
    margin: -10px 0 0 -10px;
    width: 520px;
    z-index: 9999;
    top: 0px;
    left: 0px;
    position: absolute;
}

#loadingPanel #label
{
    height: 50px;
    left: 50%;
    margin-left: -70px;
    margin-top: -65px;
    position: absolute;
    top: 50%;
    width: 122px;
    text-align: center;
    color: #fff;
    background: url(../images/interface/sprite.png) 0px -440px;
    line-height: 5000;
}


.shows #loadingPanel #label
{
    background: url(../images/interface/sprite.png) -122px -440px;
}

.rel, .grid a
{
    position: relative;
}

.left, #header li, #panelSort li, .formRow label
{
    float: left;
}

.tabActive, .tabActive a
{
    width: 97px;
    z-index: 9999 !important;
}

.gridFilter a, .tooltip a
{
    text-decoration: none !important;
}

.enlargedPlayer #contentLeft h1, .enlargedPlayer #contentLeft h2, .enlargedPlayer .grid, .enlargedPlayer .grid ul, .enlargedPlayer #flashContainer
{
    width: 830px !important;
}

#legacyBodyTop
{
    width: 664px;
    height: 11px;
    background: url(/global/images/interface/shows/legacyStitching.png) 0 -11px;
    margin: 5px 18px -1px 18px;
    z-index: 9999;
}

#legacyBodyBottom
{
    width: 664px;
    height: 10px;
    background: url(/global/images/interface/shows/legacyStitching.png);
    margin: -1px 18px 5px 18px;
    z-index: 9999;
}

#fullBody #commercialBodyTop
{
    width: 860px;
    height: 20px;
    background: url(/global/images/interface/a/stitching.png) 0 -70px;
    margin: -5px 18px -1px 12px;
    z-index: 9999;
}

#fullBody #commercialBodyBottom
{
    width: 860px;
    height: 20px;
    background: url(/global/images/interface/a/stitching.png) 0 -50px;
    margin: -1px 18px -10px 12px;
    z-index: 9999;
}

#leftBody #commercialBodyTop
{
    width: 518px;
    height: 20px;
    background: url(/global/images/interface/a/stitching.png) 0 -20px;
    margin: -5px 18px -1px 12px;
    z-index: 9999;
}

#leftBody #commercialBodyBottom
{
    width: 518px;
    height: 20px;
    background: url(/global/images/interface/a/stitching.png);
    margin: -1px 18px -5px 12px;
    z-index: 9999;
}

#onebyonead
{
    display: none;
}

#watchGallery, #relatedGames
{
    margin-top: 0px;
}

#promoGrid, #showGridThree
{
    width: 500px;
    margin: 2px 20px 0px 21px;
}

#promoGrid ul, #showGridThree ul
{
    width: 552px;
    margin-left: 7px;
    float: left;
}

#showGridThree ul
{
    margin-left: 1px;
}

#promoGrid li, #showGridThree li
{
    float: left;
    width: 152px;
    position: relative;
    height: 200px;
    margin-right: 22px;
}


#promoGrid li .thumbTitle, #showGridThree li .thumbTitle
{
    width: 152px;
    font-family: 'Cabin' , arial, serif;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.1em;
    padding: 5px 0px 0px 0px;
    color: #5c5c5c;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
    position: absolute;
    top: 157px;
}

#promoGrid li .thumbImage, #showGridThree li .thumbImage
{
    cursor: pointer;
    height: 162px;
    position: absolute;
    width: 162px;
    z-index: 7777;
    background: url(../images/interface/sprite.png) -1310px -203px;
    left: -5px;
    top: -5px;
}

#promoGrid li img, #showGridThree li img
{
    height: 140px;
    width: 139px;
    left: 6px;
    top: 6px;
    position: absolute;
    z-index: 5555;
}

#promoGrid li:hover .thumbImage, #showGridThree li:hover .thumbImage
{
    cursor: pointer;
    height: 162px;
    position: absolute;
    width: 162px;
    z-index: 7777;
    background: url(../images/interface/sprite.png) -1310px -0px;
    left: -5px;
    top: -5px;
}

#showGridTwo
{
    width: 500px;
    margin: 2px 20px 0px 21px;
}

#showGridTwo ul
{
    width: 552px;
    margin-left: 4px;
}

#showGridTwo li
{
    float: left;
    width: 236px;
    position: relative;
    height: 200px;
    margin-right: 22px;
}


#showGridTwo li .thumbTitle
{
    width: 242px;
    font-family: 'Cabin' , arial, serif;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.1em;
    padding: 5px 0px 0px 0px;
    color: #5c5c5c;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
    position: absolute;
    top: 160px;
}

#showGridTwo li .thumbImage
{
    cursor: pointer;
    height: 162px;
    position: absolute;
    width: 252px;
    z-index: 7777;
    background: url(../images/interface/sprite.png) -1480px -203px;
    left: -5px;
    top: -5px;
}

#showGridTwo li img
{
    left: 6px;
    top: 6px;
    position: absolute;
    z-index: 5555;
}

#showGridTwo li:hover .thumbImage
{
    cursor: pointer;
    height: 162px;
    position: absolute;
    width: 252px;
    z-index: 7777;
    background: url(../images/interface/sprite.png) -1480px -0px;
    left: -5px;
    top: -5px;
}

#bgChars
{
    height: 200px;
    left: 50%;
    margin-left: -480px;
    width: 960px;
}

#createWrapper
{
    float: left;
    border: solid 5px white;
    margin: 7px 0 4px 17px;
    height: 552px;
    width: 840px;
    overflow: hidden;
    position: relative;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

#createWrapper object
{
    position: absolute;
    top: -2px;
    left: 0px;
    height: 554px;
    width: 840px;
}

.topPromo
{
    width: 466px;
    margin: 2px 0 0 17px;
    z-index: 8888;
    background: url(/global/images/interface/home/topPromoBackground.jpg);
    float: left;
    position: relative;
    height: 294px;
}

.topPromo:hover
{
    background-position: left bottom;
}

.topPromo a
{
    text-decoration: none;
    width: 448px;
    height: 278px;
    float: left;
    margin: 8px 8px 8px 9px;
}


.topPromo a:hover h1
{
    color: #35488f;
}

.topPromo h1 span
{
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -55px;
    height: 27px;
    width: 110px;
    background: url(/global/images/interface/sprite.png) -480px 0;
}

.topPromo h1
{
    position: absolute;
    bottom: 10px;
    left: -5px;
    width: 220px;
    background: #fff;
    font-size: 20px !important;
    font-weight: bold;
    line-height: 1.1em;
    padding: 22px 10px 15px 10px;
    text-align: center;
    text-shadow: none !important;
    color: #35488f !important;
    letter-spacing: -1px;
}

.topPromo .shadow
{
    width: 270px;
    height: 20px;
    background: url(/global/images/interface/sprite.png) 0 -500px;
    position: absolute;
    bottom: 0px;
    left: 20px;
}

#promoGrid
{
    width: 468px;
    margin: 0 0 0 16px;
}


/* SITE WIDE */

.fullPromo
{
    width: 466px;
    z-index: 8888;
    height: 127px !important;
    margin: 5px 0 0 2px;
    float: left;
    position: relative;
}

.fullPromo a
{
    width: 466px !important;
    height: 126px !important;
    display: block;
    margin: 0 !important;
    background-position: left top;
}

.fullPromo a:hover
{
    width: 466px !important;
    height: 126px !important;
    background-position: left bottom;
    display: block;
    margin: 0 !important;
}

.fullPromo:hover, .halfPromoLeft:hover, .halfPromoRight:hover
{
    background-position: left bottom !important;
}

.halfPromoLeft, .halfPromoRight
{
    width: 228px;
    z-index: 9999;
    height: 126px !important;
    margin: 10px 0 0;
    float: left;
    position: relative;
}

.halfPromoRight
{
    float: right !important;
}

.halfPromoLeft a, .halfPromoRight a
{
    width: 228px !important;
    z-index: 9999;
    height: 126px !important;
    display: block;
    margin: 0 !important;
}

/* GRID ADJUSTMENTS */


.grid .fullPromo
{
    margin: 10px 0 10px 7px;
}

.grid .halfPromoLeft
{
    margin: 10px 0 10px 6px;
}

.grid .halfPromoRight
{
    margin: 10px 26px 10px 5px;
}


/* PROMO ICONS */

span.promoPlay
{
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 80px;
    right: -5px;
    background: url(/global/images/interface/sprite.png) -360px -320px;
    z-index: 9999;
}

span.promoWatch
{
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 80px;
    right: -5px;
    background: url(/global/images/interface/sprite.png) -400px -320px;
    z-index: 9999;
}

span.promoCreate
{
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 80px;
    right: -5px;
    background: url(/global/images/interface/sprite.png) -440px -320px;
    z-index: 9999;
}

span.promoShow
{
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 80px;
    right: -5px;
    background: url(/global/images/interface/sprite.png) -480px -320px;
    z-index: 9999;
}

span.promoDownload
{
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 80px;
    right: -5px;
    background: url(/global/images/interface/sprite.png) -518px -320px;
    z-index: 9999;
}

.topPromo span.promoPlay, .topPromo span.promoWatch, .topPromo span.promoCreate, .topPromo span.promoShow
{
    top: -5px !important;
}

#showGridThree span.promoPlay, #showGridThree span.promoWatch, #showGridThree span.promoCreate, #showGridThree span.promoShow, #showGridTwo span.promoPlay, #showGridTwo span.promoWatch, #showGridTwo span.promoCreate, #showGridTwo span.promoShow, #showGridThree span.promoDownload
{
    top: -8px !important;
    right: -8px !important;
}

#miniPlayer
{
    width: 288px;
    margin-left: 25px;
    padding: 6px 6px 2px 6px;
    background: url(/global/images/interface/shows/showPlayerBackground.png);
    margin-bottom: 10px;
}

#flashMiniContainer 
{
    width:288px;height:164px;
}

#miniPlayer #videoPlayerControls 
{
    margin:0;
    background:none;
}

#miniPlayer #videoPlayerControls .vpPlay, #miniPlayer #videoPlayerControls .vpPause, #miniPlayer #videoPlayerControls .vpReplay
{
    background: url(../images/interface/watch/smallButtonSprite.png) 0 -100px;
    cursor: pointer;
    height: 43px;
    margin: 7px 11px 5px 3px;
    width: 41px;
}

#miniPlayer #videoPlayerControls .vpPause
{
    background: url(../images/interface/watch/smallButtonSprite.png) -120px -160px;
    display: none;
}

#miniPlayer #videoPlayerControls .vpReplay
{
    background: url(../images/interface/watch/smallButtonSprite.png) 0 -40px;
    display: none;
}

#miniPlayer #scrubberWrapper, #miniPlayer #volumeWrapper
{
    background: url(../images/interface/watch/smallButtonSprite.png) 0 -330px;
    cursor: pointer;
    height: 22px;
    margin: 19px 0 0;
    width: 120px;
}

#miniPlayer #scrubberMask
{
    background: url(../images/interface/watch/smallButtonSprite.png) bottom right;
    display: none;
    height: 40px;
    left: 0;
    top: -10px;
    width: 100%;
    z-index: 9999;
}

#miniPlayer #scrubber, #miniPlayer #volumeSlider
{
    cursor: pointer;
    height: 20px;
    margin: 0;
    width: 110px;
}

#miniPlayer #scrubberHandle, #miniPlayer .ui-slider-handle
{
    background: url(../images/interface/watch/smallButtonSprite.png) 0 0;
    height: 27px;
    margin-left: -8px;
    position: absolute;
    top: -3px;
    width: 27px;
    z-index: 999;
}

#miniPlayer .ui-slider-handle span
{
    height: 5000px;
    margin-left: -2500px;
    margin-top: -2500px;
    position: fixed;
    width: 5000px;
}

#miniPlayer .ui-state-active
{
    background: url(../images/interface/watch/smallButtonSprite.png) -27px 0;
}

#miniPlayer .volumeIcon
{
    background: url(../images/interface/watch/smallButtonSprite.png) -60px 0;
    cursor: pointer;
    height: 20px;
    margin: 20px 8px 0 14px;
    width: 20px;
}

#miniPlayer #volumeWrapper
{
    background: url(../images/interface/watch/smallButtonSprite.png) 0 -360px;
    width: 62px;
}

#miniPlayer #volumeSlider
{
    height: 20px;
    margin: 0;
    width: 50px;
}

#miniPlayer .ui-slider-range
{
    background: url(../images/interface/watch/smallButtonSprite.png) 0 -480px;
    float: left;
    height: 14px;
    margin: 3px 0 0 3px;
    width: 0;
}

#miniPlayer .scrubberDisabled
{
    background: url(../images/interface/watch/smallButtonSprite.png) 0 -500px;
}

#miniPlayer #volumeSlider .ui-slider-range
{
    background: url(../images/interface/watch/smallButtonSprite.png) -180px -450px;
    float: left;
    height: 14px;
    margin: 3px 0 0 3px;
    width: 0;
}

#flashMiniContainer .tl
{
    background: url(../images/interface/shows/roundedCorner.png) -3px -3px;
    height: 3px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 3px;
    z-index: 9999;
}

#flashMiniContainer .tr
{
    background: url(../images/interface/shows/roundedCorner.png) 0 -3px;
    height: 3px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 3px;
    z-index: 9999;
}

#flashMiniContainer .bl
{
    background: url(../images/interface/shows/roundedCorner.png) -3px 0;
    bottom: 0px;
    height: 3px;
    left: 0px;
    position: absolute;
    width: 3px;
    z-index: 9999;
}

#flashMiniContainer .br
{
    background: url(../images/interface/shows/roundedCorner.png) 0 0;
    bottom: 0px;
    height: 3px;
    position: absolute;
    right: 0px;
    width: 3px;
    z-index: 9999;
}

#flashMiniContainer #endSlate
{
    background: #000;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

#flashMiniContainer #endSlate a
{
    left: 50%;
    margin-left: -90px;
    position: absolute;
    top: 50%;
    width: auto;
    background: none;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    border-bottom:dotted 1px #666;
    height:15px;
    margin-top:-5px;
}

#flashMiniContainer #endSlate a:hover
{
    border-bottom:dotted 1px #ee8725;
}

#helpDoraHelp
{
margin:8px 0 5px 25px;
}

#helpDoraHelp a {
  background: url(../images/sideMenu/helpDoraHelp.jpg);
  float: left;
  height: 82px;
  width: 142px;
}

#helpDoraHelp a:hover
{
    background-position:left bottom;
}

#sideMenuAds 
{
    margin:0 0 0 23px;
    width:307px;
}

#sideMenuAds a
{
    width:149px;
    height:106px;
    background-position: left top;
    float:left;
}

#sideMenuAds a:hover
{
    background-position:left bottom;
}
#enterComp a 
{
    display:block;
    width:216px;
    height:55px;
    background: url(../images/interface/buttonSprite.png) -332px -121px;
    margin:10px 0 26px 165px;
}

#enterComp a:hover
{
    background: url(../images/interface/buttonSprite.png) -332px -180px;
}

#enterComp a:active
{
    background: url(../images/interface/buttonSprite.png) -332px -240px;
}

#logoMain span 
{
    width:36px;
    height:34px;
    background: url(../images/interface/xmas_bird.png);
    position:absolute;
    top:-8px;
    left:5px;
    
}

#logoMain:hover span 
{
    width:36px;
    height:34px;
    background: url(../images/interface/xmas_bird.png);
    position:absolute;
    top:-20px;
    left:5px;
    
}

.hide 
{
    display:none;
}


#mamaBar 
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:21px;
		background-color: #eeeeee;
    background:url(/global/images/mamaBar.png);
    z-index:9999;
}

#mamaBarContent 
{
    margin: 0 auto;
    width:960px;
    height:21px;
}

#mamaBarContent a
{
    float:left;
    font-size:11px;
    text-decoration:none;
    color:#9a9a9a;
    font-weight:bold;
    text-shadow: 0 1px 0  rgba(255,255,255,0.4);
    line-height:21px;
    margin-right:10px;
}

#mamaBarContent a img
{
float:left;
}

#mamaBarContent a:hover
{
    color:#666;
}

#mamaBarContent .mamaNickJr 
{
    width:90px;
    background: url(/global/images/sprite.png) no-repeat -726px -210px;
    float:left;
    margin:3px 30px 0 0;    
    height:21px;
}

#mamaBarContent .mamaNick 
{
    width:83px;
    background: url(/global/images/sprite.png) no-repeat -726px -270px;
    float:left;
    margin:3px 0 0 10px;
    height:21px;
}

#mamaBarContent .login-container 
{
    width:280px;    
    float:right;    
}

#mamaBarContent .login-container .hideLoginControl
{
    display: none;   
}

#mamaBarContent .login-container a 
{
    color: #ff6600;
    cursor: pointer;
    float: right;
}

#mamaBarContent #LoginOverlay
{
    cursor: pointer;
}

#mamaBarContent .login-container span
{    
    font-weight: bold; 
    padding-right: 10px;
}

#mamaBarContent .mamaToons 
{
    width:71px;
    background: url(/global/images/sprite.png) no-repeat -726px -240px;
    float:right;
    margin:3px 0 0 10px;
    height:21px;
}

#mamaBarContent span
{
    float:left;
    font-size:11px;
    text-decoration:none;
    color:#9a9a9a;
    font-weight:bold;
    text-shadow: 0 1px 0  rgba(255,255,255,0.4);
    line-height:21px;
    text-align:right;
}



/* Win Page */
.win-container 
{
    background:url(/global/images/interface/win/sprite.png) no-repeat -93px -114px;
    width:464px;
    height:138px;
    display:block;
    float:left;
    padding:20px;
    margin-top:10px;
}
.win-container .thumb 
{
    float:left;
    background:url(/global/images/interface/win/sprite.png) no-repeat -93px -293px;
    width:182px;
    height:118px;
    display:block;
    padding:6px;
    margin-right:12px;
}
.win-container .thumb.yellow 
{
    background-position:-288px -293px;
}

.win-container h3 
{
    font-size:17px;
    font-weight:normal;
    color:#ffc600;
    margin-top:5px;
}
.win-container h3 a 
{
    color:#ffc600;
}
.win-container p 
{
    color:#fff;
    font-size:13px;
}


/* Parents Info Page */
.parents-container p 
{
    color:#fff;
    font-size:13px;
}
.parents-container img 
{
    background:#fff;
    -webkit-box-shadow: 1px 1px 5px 1px #666666;
    -moz-box-shadow: 1px 1px 5px 1px #666666;
    box-shadow: 1px 1px 5px 1px #666666; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    margin:5px 0 10px 25px;
    padding:6px;
    behavior: url(/global/css/PIE.htc);
    position:relative;
}

#parent-info-rightcol
{
    /*background: url("../images/interface/sideMenu/parent-info-rightcol.png") no-repeat scroll center transparent;*/
    background: url("../images/interface/sideMenu/parent-info-bg.png") scroll center transparent;
		/* height: 300px; No reason for fixed height - BW 21/9*/
    width: 311px;
    margin: 0 0 10px 20px;
}

#parentInfoTop {
	width: 311px;
	height: 51px;
	text-indent: -9999px;
  background: url("../images/interface/sideMenu/parent-info-top-bg.png") no-repeat scroll center transparent;	
}

#parentInfoTop.noTitle {
	width: 311px;
	height: 21px;
	text-indent: -9999px;
  background: url("../images/interface/sideMenu/parent-info-top-notitle-bg.png") no-repeat scroll center transparent;	
}



#parentInfoBottom {
	width: 311px;
	height: 13px;
  background: url("../images/interface/sideMenu/parent-info-bottom-bg.png") no-repeat scroll center transparent;	
}
	

.parent-info-feed
{
    color: #71705C;
    font-family: Myriad Pro;
    font-size: 13px;
    font-weight: normal;   
    line-height: 1.2;
    padding: 10px 0 10px 20px;
    position: relative;
    width: 260px;
    min-height: 80px;   
}

.parent-more-info
{
    background: url(../images/interface/sideMenu/find-out-more.png) 0 0;
    width: 125px;
    height: 33px;
    float: right;
    margin-right: 20px;
}

.parent-more-info:hover
{
    background: url(../images/interface/sideMenu/find-out-more.png) 0 -33px;
    cursor: pointer;
}

.parent-info-container
{
    width: 100%;
    height: 85px;
}

.parent-info-icon
{    
    height: 45px;    
    margin: 0 0 0 15px;
    position: absolute;
}

.parent-info-icon .learningOutcome
{
       margin: 14px 5px 0 0px;
}

.parent-info-tv-schedule
{
    background: url(../images/interface/sideMenu/tv-schedule.png);
    width: 267px;
    height: 73px;
    margin: 0 auto;
    position: relative;
}

.promoItemActive .parentInfoIcon
{
    display: block;    
    z-index: 10000;    
}

.showsHeadingContainer
{
    margin: 14px 20px 10px -10px !important;
    top: 10px !important;
    position: relative;
}

.downloadPDFBtn
{
    background: url(../images/interface/download-pdf-btn.png);
    width: 145px;
    height: 30px;
    margin-left: 9px;
}

.downloadPDFBtn a
{
    display: block;
    width: 145px! important;
    height: 30px! important;
    margin: 0! important;
}

.downloadPDFBtn:hover
{
    background: url(../images/interface/download-pdf-btn.png) 0 -37px;    
}

.gridItemVideo
{
    height: 200px! important;
    width: 160px! important;
}

.gridItemVideo .thumbImage
{
    cursor: pointer;
    height: 124px;
    position: absolute;
    width: 145px;    
    background: url(../images/interface/GridItemBG.png);
    left: -2px;
    top: -3px;
}

.gridthumbTitle
{
    position: relative;
    padding: 5px 0 0 12px;
}

.gridItemVideo img
{
    height: 109px;
    overflow: hidden;
    width: 131px;
    left: 5px;
    top: 5px;
    position: absolute;
    z-index: 9998;
}

.gridItemVideo .overlay
{
    background: url("../images/interface/play-overlay.png") repeat scroll 0 0 transparent;
    height: 39px;
    left: 50px;
    position: absolute;
    top: 40px;
    width: 38px;
    z-index: 9999;
}

.gridVideoContainerActive .thumbImage
{    
    background: url(../images/interface/GridItemBG.png) 0 -124px;    
}

.gridVideoContainer
{
    height: 140px;
    position: relative;
    margin: 10px 0 0 10px;
    z-index: 10000;
}

.umaID
{
    display: none;
}

.no-competitions
{
    background:url(/win/images/no-comps.jpg);
    width:507px;
    height:279px;
}

/*My nick hiding */
#mynickid-user-status {
	display: none !important;
}

#advert-overlay {
	display: none !important;
}

/****************************
*   Overlay styling         *
****************************/
.hp-overlay{
    height:100%;
    width:100%;
    background: black;
    position:fixed;
    top:0;
    left:0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
    display:none;
    z-index: 99998;
}
.hp-overlay-content{
    display:none;
    position: fixed;
    top:25%;
    left:35%;
    height:503px;
    width:476px;
    background: url("/global/images/interface/overlay/content.png");
    background-repeat: no-repeat;
    z-index: 99999;
    font-size:0px;
}
.close-button{
    position: absolute;
    top: 87px;
    right: 18px;
    display: block;
    background: url("/global/images/interface/overlay/button-sprite.png");
    width: 50px;
    height: 50px;
    background-position: 0px 0px;
    cursor: pointer;
    font-size:0px;
}

.close-button:hover{
    background-position: -56px 0px;
}
.more-info{
    display: block;
    background: url("/global/images/interface/overlay/button-sprite.png");
    width: 255px;
    height: 54px;
    background-position: 0px -223px;
    position: absolute;
    bottom: 150px;
    right: 85px;
}
.more-info:hover{
    background-position: 0px -115px;
}

.continue{
    position:absolute;
    bottom: 115px;
    right: 135px;
    color: #9a4f8c;
    text-decoration: underline;
    font-size:16px;
}

/* MH 20121031
Login and registration functionality
*/

/* Buttons */
.membership-buttons{height:43px; margin:0 0 10px 14px; padding-left:12px; width:350px; position:relative}
.membership-buttons ul li a{float:left; background:url(/global/images/memberships/registration-sprite.png) transparent 0 0 no-repeat;  text-indent:-3000em}
.membership-buttons ul li{ display:none}
.membership-buttons ul li.login a{ width:139px;  height:43px;  background-position:0 0}
.membership-buttons ul li.login a:hover{ background-position:0 -43px}
.membership-buttons ul li.register a{ width:165px;  height:43px;  background-position:-139px 0}
.membership-buttons ul li.register a:hover{ background-position:-139px -43px}
.membership-buttons ul li.logout a{ width:139px;  height:43px;  background-position:0 -162px}
.membership-buttons ul li.logout a:hover{ background-position:0 -205px}
.membership-buttons ul li.edit a{ width:165px;  height:43px;  background-position:-139px -162px}
.membership-buttons ul li.edit a:hover{ background-position:-139px -205px}

/* Forms */
.mynickid-login iframe{height:130px !important}
.login-wrapper{display:none; background:url(/global/images/memberships/registration-sprite.png) transparent 0 -301px no-repeat;  width:267px;  height:160px;  margin:0 0 10px 21px;  padding-left:12px;  color:#324487;  padding:20px}
.login-wrapper h1{ font-size:18px;  padding-bottom:8px}
.login-wrapper p{ font-size:11px;  font-weight:bold;  padding-bottom:8px}
 
/*
Forgot password
*/
div.mynickid-reset-password{   border:none;background:url(/global/images/memberships/register-fieldset-bg-big.png) transparent 0 0 no-repeat; width:470px; padding:0; margin:10px 0 0 10px;padding:20px 0 0}
div#ActivatePageTitleHolder div.bottom{background:url(/global/images/memberships/register-fieldset-bot.png) transparent 0 0px no-repeat;  height:23px;  display:block;  clear:both;  float:none;  margin-left:10px}

/* REGISTRATION 
See global/css/registration.css for registration and edit profile pages.
*/


/**
    CHANGE BACKGROUND STYLES HERE
**/

.upper-wrap{
    background: url(../images/page-backgrounds/dora-friends/dora4-background-repeat.jpg);
    background-position: center top;
    background-repeat:repeat-x;
    background-color:white;
}
.upper-wrap-inner{
    background: url(../images/page-backgrounds/dora-friends/dora4-background.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

html {
    background: #6ccad0;
}

.hp-overlay{
    height:100%;
    width:100%;
    background: black;
    position:fixed;
    top:0;
    left:0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
    display:none;
    z-index: 99998;
}
.hp-overlay-content{
    display:none;
    position: fixed;
    top:50%;
    left:50%;
    margin-top: -214px;
    margin-left: -368px;
    height: 428px;
    width: 736px;
    background: url("/global/images/interface/overlay/dora/content-phase4.png");
    background-repeat: no-repeat;
    z-index: 99999;
    font-size:0px;
}
.close-button{
    position: absolute;
    top: 60px;
    right: 9px;
    display: block;
    background: url("/global/images/interface/overlay/paws/close-button.png");
    width: 70px;
    height: 70px;
    background-position: 0px 0px;
    cursor: pointer;
    font-size:0px;
}

.close-button:hover{
    background-position: 0px -70px;
}
.more-info{
    display: block;
    background: url("/global/images/interface/overlay/paws/findoutmore-button.png");
    width: 247px;
    height: 73px;
    background-position: 0px 0px;
    position: absolute;
    bottom: 22px;
    left: 110px;
}
.more-info:hover{
    background-position: 0px -74px;
}

.continue{
    display: none;
    position:absolute;
    bottom: 115px;
    right: 135px;
    color: #9a4f8c;
    text-decoration: underline;
    font-size:16px;
}