.cufon-loading
{
    /* for Cufon.replace('h1') */
    visibility: hidden !important;
}

body
{
}

body, textarea, input, select
{
    color: #8a8a8a;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

.strength
{
    color: #454545;
    font-weight: bold;
}

.ie
{
    display: none;
}
a, a:active, a:link
{
    outline-style: none;
}
#page
{
    width: 960px;
    margin: 10px auto 0;
    position: relative;
    z-index: 2;
}
#loading
{
    top: 100px;
    left: 285px;
    position: absolute;
    width: 40px;
    text-align: center;
    display: none;
    background-image: url(/global/img/pages.gif);
    background-repeat: no-repeat;
    background-position: 0 -3px;
    overflow: hidden;
}
#loading-box
{
    float: left;
    margin: 100px 0 15px;
    text-align: center;
    width: 230px;
}
#loading img, #loading-box img
{
    margin-bottom: 20px;
}
#bg-character
{
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 1; /* background-attachment: fixed; */
}

#wrapper
{
    background: #fff   no-repeat 30px -5px;
    width: 100%;
    float: left;
    margin: 10px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}



#top
{
    float: left;
    width: 960px;
    padding: 21px 0 0 0;
    position: relative;
    z-index: 2;
    
}

.show-top #top
{
    padding-top: 21px !important;
}
h1#logo, h1#logo a
{
    width: 413px;
    height: 51px;
    display: block;
    overflow: hidden;
}
h1#logo
{
    background: url(/global/img/sprite.png) no-repeat -250px top;
    text-indent: -200em;
    margin: 0px 0px 11px 16px;
    padding: 0;
    float: left;
    position: relative;
}
h1#logo a
{
    top: 0;
    left: 0;
    position: absolute;
}
h1#logo a span
{
    position: absolute;
    bottom: 1px;
    right: -30px;
    width: 80px;
    height: 20px;
    color:#333 !important;
    text-indent:0px;
    font-size:18px;
  display:none; 
}

/* generic pages  */
.page
{
    margin: 15px 0 0 15px;
    float: left;
    width: 615px;
    overflow: hidden;
}

/* search */
#search
{
    /*position:absolute;*/ /*right:24px;*/ /*top:122px;*/ /*top:140px;*/ /*width:377px;*/
    float: right;
    margin: 19px 26px 0px 0px;
    z-index: 9999;
    position: relative;
}
.search-text
{
    background: url(/global/img/sprite.png) no-repeat -250px -90px;
    width: 222px;
    height: 30px;
    float: left;
    margin-right: 7px;
}
.search-text label
{
    cursor: text;
    text-align: left;
}
.search-text label, .search-text input
{
    position: absolute;
    color: #8a8a8a;
    font-size: 12px;
    width: 178px;
    height: 30px;
    line-height: 30px;
    padding: 0 14px 0 30px;
}
.search-text label
{
    z-index: 3;
}
.search-text input
{
    z-index: 2;
    border: none;
    background-color: Transparent;
}

/* big orange buttons */
.big-button, .big-button-l, .big-button-r
{
    background-image: url(/global/img/big-button.gif);
    display: block;
}
.big-button
{
    width: 100px;
    height: 30px;
    position: relative;
    background-position: left -30px;
    cursor: pointer;
    float: left;
}
.button-text
{
    display: block;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    height:30px;
    line-height:28px;
    font-size:12px;
}

/*
#button-search .button-text
{
    background: url(/global/img/sprite.png) no-repeat -250px -120px;
}
#button-search-again .button-text
{
    background: url(/global/img/sprite.png) no-repeat -250px -150px;
}
.button-send .button-text
{
    background: url(/global/img/sprite.png) no-repeat -250px -180px;
}
.button-enter .button-text
{
    background: url(/global/img/sprite.png) no-repeat -250px -210px;
}
#button-backgames .button-text
{
    background: url(/global/img/sprite.png) no-repeat -250px -240px;
}

#button-backtowin .button-text
{
    background: url(/global/img/sprite.png) no-repeat -250px -270px;
}

*/
#button-backgames, #button-backgames .button-text, #button-backtowin, #button-backtowin .button-text
{
    width: 155px;
}

.big-button-l, .big-button-r
{
    background-position: left top;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 4px;
    height: 30px;
}
.big-button-r
{
    background-position: right top;
    right: 0px;
    left: auto;
}
.big-button:hover
{
    background-position: left -90px;
}
.big-button:hover .big-button-l
{
    background-position: left -60px;
}
.big-button:hover .big-button-r
{
    background-position: right -60px;
}
.big-button:active
{
    background-position: left -150px;
}
.big-button:active .big-button-l
{
    background-position: left -120px;
}
.big-button:active .big-button-r
{
    background-position: right -120px;
}
.big-button:active .button-text
{
    top: 1px;
}


/* nav */
#nav-wrap
{
    width: 960px;
    height: auto;
    float: left;
    clear: left;
    margin: 2px 0 0px;
}

/*#nav
{
    background: url(/global/img/halloweenMenu.png);
    width: 967px;
    height: 64px;
    padding: 0 22px;
    margin: 0 0 0 -16px;
    float: left;
    list-style-type: none;
}*/
 #nav
{
    background:url(/global/img/sprite.png) no-repeat 0px -300px;
    width:940px;
    height:47px;
    padding:0 10px;
    margin:0;
    float:left;
    list-style-type:none;
}



#nav a#make-this-my-homepage
{
    background: url(/global/img/sprite.png) no-repeat -700px 0px;
    width: 185px;
    height: 26px;
    float: right;
    margin: 11px 15px 0 0;
    overflow: hidden;
    text-indent: -9999px;
}
#nav a#make-this-my-homepage:hover
{
    background-position: -700px -26px;
}
 #nav li
{
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
    display: block;
    height: 46px;
} 

/*#nav li
{
    margin: 8px 0 0 0;
    padding: 0;
    float: left;
    list-style-type: none;
    display: block;
    height: 46px;
}*/
#nav li a
{
    display: block;
    height: 46px;
    text-indent: -200em;
    background: url(/global/img/sprite.png) no-repeat;
    margin-top: 0px;
}
#nav li a:hover, #nav li a.on
{
    background-position: left bottom;
}

#nav li#nav-home a
{
    background-position: -509px -695px;
    width: 119px;
}

#nav li#nav-home a:hover
{
    background-position: -649px -695px;
}

#nav li#nav-home a:active, #nav li#nav-home a.on
{
    background-position: -789px -695px;
}

#nav li#nav-shows a
{
    background-position: 0px -350px;
    width: 138px;
}

#nav li#nav-shows a:hover
{
    background-position: -140px -350px;
}

#nav li#nav-shows a:active, #nav li#nav-shows a.on
{
    background-position: -280px -350px;
}

#nav li#nav-games a
{
    background-position: -420px -350px;
    width: 150px;
    margin-left: 6px;
}

#nav li#nav-games a:hover
{
    background-position: -570px -350px;
}

#nav li#nav-games a:active, #nav li#nav-games a.on
{
    background-position: -720px -350px;
}

#nav li#nav-clips a
{
    background-position: 0px -400px;
    width: 116px;
    margin-left: -3px;
}

#nav li#nav-clips a:hover
{
    background-position: -120px -400px;
}

#nav li#nav-clips a:active, #nav li#nav-clips a.on
{
    background-position: -250px -400px;
}

#nav li#nav-win a
{
    background-position: -370px -400px;
    width: 104px;
    margin-left: 3px;
}

#nav li#nav-win a:hover
{
    background-position: -480px -400px;
}


#nav li#nav-win a:active, #nav li#nav-win a.on
{
    background-position: -590px -400px;
}

#nav li#nav-shop a
{
    background-position: -870px -350px;
    width: 110px;
    margin-left: 9px;
}

#nav li#nav-shop a:hover
{
    background-position: -720px -400px;
}

#nav li#nav-shop a:active, #nav li#nav-shop a.on
{
    background-position: -870px -400px;
}

#nav li#nav-mag a
{
    background-position: 1px -957px;
    width: 124px;
    margin-left: 0px;
}

#nav li#nav-mag a:hover
{
    background-position: -152px -957px;
}

#nav li#nav-mag a:active, #nav li#nav-mag a.on
{
    background-position: -302px -957px;
}

/* main body */

#content
{
    float: left;
    padding-bottom: 15px;
    width: 960px;
    min-height: 480px;
    position: relative;
    display: block;
    z-index: 3;
    float: left;
}
#left-col
{
    float: left;
    width: 630px;
}
#right-col
{
    float: left;
    width: 300px;
    margin: 288px 0 0 15px;
}

/* grey boxes */
.box
{
    float: left;
    margin: 25px 0 0 15px;
    background-image: url(/global/img/box.gif);
    width: 615px;
    position: relative;
    padding: 15px 0 0;
}
.box-top, .box-bot
{
    position: absolute;
    left: 0px;
    height: 7px;
    width: 615px;
    display: block;
}
.box-top
{
    top: 0px;
    background: url(/global/img/sprite.png) no-repeat 0px -920px;
}
.box-bot
{
    bottom: 0px;
    background: url(/global/img/sprite.png) no-repeat 0px -930px;
}
#right-col .box, #list-win .box
{
    float: right;
    width: 300px;
    background-image: url(/global/img/box-small.gif);
    margin-left: 0px;
}
#right-col .box-top, #right-col .box-bot, #list-win .box-top, #list-win .box-bot
{
    width: 300px;
}
#right-col .box-top, #list-win .box-top
{
    background: url(/global/img/sprite.png) no-repeat 0px -940px;
}
#right-col .box-bot, #list-win .box-bot
{
    background: url(/global/img/sprite.png) no-repeat 0px -950px;
}


/* headings */
.h2
{
    float: left;
    margin: 0 0 13px 0;
    padding: 0;
    display: block;
    float: left;
    height: 23px;
    width: 240px;
    text-indent: -200em;
    background-image: url(/global/img/sprite.png);
    background-repeat: no-repeat;
}
#h2-games
{
    background-position: left -120px;
}
#h2-clips
{
    background-position: left -90px;
}
#h2-whatson
{
    background-position: left -150px;
}
#h2-getnick
{
    background-position: left -210px;
    margin-bottom: 5px;
}
#h2-nickjr-shows
{
    background-position: 0px -180px;
}

#h2-related-clips
{
    background-position: 0px -0px;
}
#h2-related-games
{
    background-position: left -30px;
}
#h2-twitter
{
    background-position: -770px -560px;
}


#h2-related-shows
{
    background-position: 0px -60px;
}

.oldRelated #h2-related-shows
{
    background-position: 0 0px;
}

#h2-howtoplay
{
    background: url(/global/img/sprite.png) no-repeat 0px -270px;
}


/* box inner column */
.col
{
    width: 285px;
    float: left;
    margin: 0 0 0 15px;
}

.col p
{
    width: 285px;
    float: left;
    padding: 0;
    margin: 0 0 10px;
}

/* lists */

.promos-list-wide
{
    float: left;
    width: 700px;
    margin: -14px 0 0 15px;
}


.list-wide
{
    float: left;
    width: 700px;
}
.list
{
    float: left;
    width: 285px;
    margin-bottom: 10px;
}
.list a
{
    text-decoration: none;
    display: block;
    width: 285px;
    height: 70px;
    margin-bottom: 14px;
    cursor: pointer;
}
.list a:last-child
{
    margin-bottom: 12px;
}
.list-img
{
    position: relative;
    float: left;
    width: 107px;
    height: 62px;
    display: block;
    margin-right: 7px;
    overflow: hidden;
}
.list-img img
{
    border: none;
    position: absolute;
    width: 120px;
    height: 70px;
}
.list a span
{
    float: left;
}
.list a .list-show
{
    font-weight: bold;
    color: #e65c00;
    margin-top: 3px;
    width: 158px;
}
.list a .list-title
{
    width: 158px;
    color: #8a8a8a;
}
.list a:hover
{
    text-decoration: none;
}
.list a:hover .list-show, .list a.on .list-show
{
    color: #231f20;
    text-decoration: underline;
}
.list a:hover .list-img, .list a.on .list-img
{
    border: solid 4px #e65c00;
    width: 99px;
    height: 54px;
}
.list a:hover .list-img img, .list a.on .list-img img
{
    clip: rect(4px, 116px, 66px, 4px);
    left: -4px;
    top: -4px;
}
.list a .list-img .clip-hover
{
    display: none;
    background: url(/global/img/sprite.png) no-repeat -600px -90px;
    width: 49px;
    height: 49px;
    position: absolute;
    top: 2px;
    left: 25px;
}
.list a:hover .list-img .clip-hover
{
    display: block;
}
.list-channel
{
    height: 23px;
    width: 158px;
    text-indent: -200em;
    margin: 0px 0 5px;
    display: block;
    float: left;
}
.list-channel-nickelodeon-small
{
    background: url(/global/img/sprite.png) -490px -150px;
}
.list-channel-nick
{
    background: url(/global/img/sprite.png) -475px -145px;
    width: 128px;
}
.list-channel-nicktoons-small
{
    background: url(/global/img/sprite.png) -490px -180px;
}
.list-channel-nicktoons
{
    background: url(/global/img/sprite.png) no-repeat -475px -175px;
}
.list-channel-nickjr
{
    background: url(/global/img/sprite.png) no-repeat -475px -205px;
}
.list-channel-nickelodeon-hd-small
{
    background: url(/global/img/sprite.png) no-repeat -490px -240px;
}
.list-channel-nickhd
{
    background: url(/global/img/sprite.png) no-repeat -475px -235px;
    width: 147px;
}
.list-time
{
    color: #454545;
    margin-right: 4px;
    font-weight: bold;
}
.list-whatson, .list a span.list-whatson
{
    /* color:#231f20; */
    color: #8a8a8a;
    font-weight: normal;
    float: none;
}
.list-shows a
{
    float: left;
}
.list-shows .list-img img
{
    width: 130px;
    height: 76px;
    top: -6px;
    left: -5px;
}
.list-shows a:hover .list-img img
{
    clip: rect(4px, 121px, 72px, 4px);
    left: -9px;
    top: -10px;
}
.list-shows a:hover .list-whatson
{
    text-decoration: none;
}
.list-shows a:hover .list-whatson span
{
    text-decoration: none;
}
#list-shows /* this is the show list in the clips section */
{
    width: 100%;
    display: none;
}
#related-clips
{
    display: none;
}
#list-related-clips
{
    height: 252px;
}

#list-related-clips ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
/* generic button */
.button
{
    color: #e65c00;
    background-color: #fff;
    border: solid 1px #b3b3b3;
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none !important;
    margin: 0 0 15px 0;
    padding: 3px 7px;
    font-size: 12px;
    cursor: pointer;
}
.button:hover
{
    color: #fff;
    border-color: #e65c00;
    background-color: #e65c00;
}


/* video player - small */
#video-wrap
{
    width: 250px;
    height: 236px;
    background-color: #231f20;
    position: absolute;
    top: 15px;
    right: 330px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#video-wrap #video-title
{
    margin: 6px 7px 0 14px;
    float: left;
    color: #fff;
    font-weight: bold;
    width: 250px;
    text-transform: uppercase;
    font-size: 15px;
}

#video-wrap #video-title span
{
    color: #f27f21;
}


#video-wrap a
{
    margin: 2px 7px 0 14px;
    float: left;
    color: #666;
    text-decoration: none;
}

#video-wrap a:hover
{
    border-bottom: dotted 1px #444;
}
/* get nick box */
.get-nick
{
    margin: 20px 0 0 0;
    color: #231f20;
}
.get-nick p
{
    margin: 0 0 10px;
    float: left;
    font-size: 14px;
    width: 100%;
}
.get-nick p span
{
    color: #8a8a8a;
}

/* hd channel: */
.list-hd
{
    margin: -10px 0 20px 15px;
    float: left;
}
.list-hd span
{
    padding-top: 5px;
    color: #231F20;
    font-weight: bold;
    float: left;
}
.list-channel-hd
{
    background: url(/global/img/sprite.png) no-repeat -490px -240px;
    height: 18px;
    width: 144px;
    text-indent: -200em;
    margin-left: 5px;
    display: block;
    float: left;
    padding-top: 0;
}

/* promos */

.promo-big
{
    margin: 7px 0 0 5px;
    position: relative;
    width: 370px;
    height: 254px;
}

#mainPromoLabel
{
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: url(/global/img/main-promo-span.png) left bottom;
    width: 330px;
    padding: 8px 10px 3px;
    height: 55px;
    font-weight: bold;
}

.promo-big:hover#mainPromoLabel
{
    position: absolute;
    bottom: 13px;
    left: 10px;
    background: red url(/global/img/main-promo-span.png) left bottom;
    width: 330px;
    padding: 5px 10px;
}

.promo-big .promoMask
{
    width: 370px;
    height: 254px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background: url(/global/img/ieMask.png) !important;
    cursor: pointer;
}

#mainPromoLabel #subTitle
{
    color: #fff;
    font-size: 18px;
    clear: both;
    width: 340px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
    left: 10px;
}

#mainPromoLabel #mainTitle
{
    color: #f27f21;
    font-size: 34px;
    clear: both;
    width: 340px;
    margin: -20px 0 0 0;
    padding: 0;
    position: absolute;
    bottom: 5px;
    left: 10px;
}

.playPromoLabel
{
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: url(/global/img/play-promo-span.png) left bottom;
    width: 595px;
    padding: 8px 10px 3px;
    height: 55px;
}

.promo-big:hover.playPromoLabel
{
    position: absolute;
    bottom: 13px;
    left: 10px;
    background: url(/global/img/play-promo-span.png) left bottom;
    width: 615px;
    padding: 5px 10px;
}

.promo-big .promoMask
{
    width: 370px;
    height: 254px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background: url(/global/img/ieMask.png) !important;
    cursor: pointer;
}

.playPromoLabel .subTitle
{
    color: #fff;
    font-size: 18px;
    clear: both;
    width: 615px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
    left: 10px;
}

.playPromoLabel .mainTitle
{
    color: #f27f21;
    font-size: 34px;
    clear: both;
    width: 615px;
    margin: -20px 0 0 0;
    padding: 0;
    position: absolute;
    bottom: 5px;
    left: 10px;
}

.promo
{
    float: left;
    overflow:hidden;
}
.promo img
{
    border: none;
}

#home-promos
{
    margin-left: 8px;
    margin-top: -10px;
}

#home-promos a
{
    height: 265px;
    width: 209px;
    display: block;
    text-decoration: none;
    margin: 5px 0 0 0px;
    color: #231f20;
    font-size: 14px;
    position: relative;
}

#home-promos a span
{
    position: absolute;
    bottom: 0px;
    left: 5px;
    display: block;
    font-weight: 100;
    width: 195px;
    margin-top: -1px;
    margin-left: 7px;
    height: 50px;
}

#home-promos a span span, #home-promos a:hover span span
{
    clear: left;
    float: left;
    position: relative;
    background: none;
    color: #f27f21;
    margin: 3px 0 0 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 0;
    line-height: 14px;
    left: 0;
}

#home-promos a:hover
{
    background-position: right top !important;
}

#home-promos .promoMask
{
    height: 260px;
    width: 195px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background: url(/global/img/ieMask.png) !important;
    cursor: pointer;
}


#games-promos
{
    margin-left: 8px;
    margin-top: -10px;
}

#games-promos a
{
    height: 196px;
    width: 209px;
    display: block;
    text-decoration: none;
    margin: 12px 0 12px 0px;
    color: #f27f21;
    font-size: 16px;
    position: relative;
    letter-spacing: -1px;
}

#games-promos a span
{
    position: absolute;
    bottom: 0px;
    left: 5px;
    display: block;
    font-weight: 100;
    width: 195px;
    margin-top: -1px;
    margin-left: 7px;
    height: 50px;
}

#games-promos a span span, #games-promos a:hover span span
{
    clear: left;
    float: left;
    position: relative;
    background: none;
    color: #231f20;
    margin: 0px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 0;
    line-height: 14px;
    left: 0;
    height:20px;
}

#games-promos a:hover
{
    background-position: right top !important;
}

#games-promos .promoMask
{
    height: 194px;
    width: 195px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    background: url(/global/img/ieMask.png) !important;
    cursor: pointer;
}

/* ads */
#advert-banner-wrap
{
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    text-align: center;
    height: 90px;
}
#advert-banner
{
    width: 751px;
    height: 90px;
    background: url(/global/img/sprite.png) no-repeat 0px -790px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

#advert-banner div
{
    overflow: visible !important;
}


#advert-banner img
{
    float: left;
}
#advert-banner object
{
    top: 0px;
    position: absolute;
}
#MPU-wrap
{
    width: 300px;
    background: url(/global/img/sprite.png) no-repeat right -120px;
    padding-top: 23px;
    position: absolute;
    right: 15px;
    top: 15px;
}
#MPUlabel
{
    background: url(/global/img/sprite.png) no-repeat right -120px;
    display: block;
    height: 20px;
    width: 300px;
}
#MPU
{
    width: 300px;
    height: 250px;
    font-size: 0px;
    background-color: #222;
}


/* all shows page */
.show
{
    margin: 15px 0 0 15px;
    width: 195px;
    height: 160px;
    float: left;
}
.show img
{
    width: 195px;
    height: 122px;
    border: none;
    float: left;
}
.show a
{
    text-decoration: none;
    display: block;
    float: left;
}
.show a span
{
    margin-top: 5px;
    float: left;
    font-size: 14px;
    color: #7e7e7e;
}
.show span a
{
    font-size: 12px;
    color: #e65c00;
}
.show a:hover span, .show span a:hover
{
    color: #231f20;
    text-decoration: underline;
}
.show span span
{
    font-size: 12px;
    float: left;
    margin: 0 4px;
}

/* clips page */
#clips
{
    /*height:882px; - before new paging      height:900px;*/
}
#clips-show, #clips-title
{
    float: left;
    width: 615px;
    padding: 0;
    margin: 0 0 5px 0;
}
#clips-title
{
    height: 25px;
    color: #8a8a8a;
    font-size: 14px;
    margin-bottom: 7px;
}
#list-clips-wrap, #list-games-wrap, #list-results-wrap
{
    margin: 24px 0 24px;
    width: 615px;
    float: left;
    height: 322px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#clips #list-clips-wrap, #games #list-games-wrap
{
    float: left;
}
#games #list-games-wrap
{
    margin: 18px 0;
}
#list-games-wrap
{
    height: 504px;
}
#list-clips, #list-games, #list-shows
{
    width: 630px;
    position: absolute;
    top: 0px;
    left: 0px;
}
#list-clips a, #list-games a, #list-shows a
{
    float: left;
    width: 300px;
    margin-right: 15px;
}
#list-clips a.on, #list-games a.on
{
    position: relative;
    cursor: default;
}
#list-clips a.on:hover .clip-hover
{
    display: none;
}
#list-clips a.on .playing
{
    background: url(/global/img/sprite.png) no-repeat -490px -90px;
    position: absolute;
    bottom: 0px;
    right: 15px;
    width: 78px;
    height: 51px;
}

#videoContainer
{
    margin: 0;
    float: left;
    width: 615px;
    height: 390px;
    background-image: url(/global/img/video-loader.jpg);
}
#videoContainer_small
{
    margin: 7px;
    float: left;
    width: 236px;
    height: 165px;
    background-image: url(/global/img/video-loader-small.jpg);
}
#videoContainer.loaded, #videoContainer_small.loaded
{
    background-image: none;
    background-color: #000;
}

#videoplayer
{
    margin: 0;
    float: left;
    width: 100%;
    height: 100%;
    background: url(/global/img/video-loader.jpg) center center;
    position: relative;
}
#videoplayer_small
{
    margin: 7px;
    float: left;
    width: 236px;
    height: 165px;
    background-image: url(/global/img/video-loader-small.jpg);
}
#videoplayer.loaded, #videoplayer_small.loaded
{
    background-image: none;
    background-color: #000;
}
#breadcrumb, #games #paging, #clips #paging, #clips #list-clips-wrap, #tabs
{
    left: 15px;
}
/* endslate */
#end-slate
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #231F20;
    display: none;
    z-index: 9999;
}

#small-end-slate
{
    position: absolute;
    top: 7px;
    left: 7px;
    width: 236px;
    height: 165px;
    background-color: #231F20;
}

#small-end-slate .replay, #end-slate .replay, #end-slate .relatedReplay
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -42px;
    width: 75px;
    height: 95px;
    background: url(/global/img/sprite.png) no-repeat -850px top;
    cursor: pointer;
}

#end-slate .relatedReplay
{
    top: 25px;
    margin-top: 0px;
}

#small-end-slate .replay:hover, #end-slate .replay:hover, #end-slate .relatedReplay:hover
{
    background: url(/global/img/sprite.png) no-repeat right top;
}

#end-slate ul
{
    position: absolute;
    bottom: 10px;
    left: 50%;
    list-style: none;
    width: 400px;
    margin-left: -230px;
}

.inSkinDisabled ul
{
    position: absolute;
    bottom: 10px;
    left: 50%;
    list-style: none;
    width: 585px !important;
    margin-left: -328px !important;
}

.inSkinDisabled .relatedReplay
{
    margin-top: 0;
    top: 45px !important;
}

#end-slate li
{
    float: left;
}

#end-slate a
{
    float: left;
    width: 185px;
    background: #2e292a;
    padding: 22px 0 20px;
    min-height: 100px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #F27F21 !important;
    margin: 0 10px 0 0;
}

#end-slate a:hover
{
    background: #2d292a;
}

#end-slate a .list-img
{
    left: 38px;
}

#end-slate .list-show
{
    width: 165px;
    margin-top: 5px;
}
#end-slate a:hover .list-show
{
    color: #E65C00;
}
#end-slate a .list-show, #end-slate a .list-title
{
    width: 165px;
    text-align: center;
    margin-left: 10px;
}


/* gmp sponsorship overlay: */
#logo-overlay
{
    position: absolute;
    z-index: 1000;
}
#logo-overlay img, #logo-overlay a
{
    border: none;
}
#video-wrap #logo-overlay
{
    top: 195px;
    left: 128px;
}
#clips #logo-overlay
{
    top: 20px;
    left: 20px;
}
#clips #logo-overlay.playing
{
    top: 83px; /* (63px more than above) */
}

#shows
{
    margin: 0px 0 0 15px;
    float: left;
    width: 615px; /*height:662px; - before new paging */
    overflow: hidden;
}

/* games page */
#games
{
    margin: 0px 0 0 15px;
    float: left;
    width: 615px; /*height:662px; - before new paging */
    height: 680px;
    overflow: hidden;
}
.promo-game
{
    margin: 5px 0 20px 0px;
    width: 204px;
    float: left;
    text-transform: uppercase;
    background: url(/global/img/promoBackground.jpg) no-repeat center top;
    position: relative;
}
.promo-game img
{
}
.promo-game a
{
    text-decoration: none;
    display: block;
    float: left;
}

.promo-game a:hover .promo-game-title
{
    background: url(/global/img/promoBackgroundOn.jpg) no-repeat center top;
}

.promo-game .promoMask
{
    width: 194px;
    height: 180px;
    position: absolute;
    top: 10px;
    left: -2px;
    z-index: 9999;
    background: url(/global/img/ieMask.png) !important;
    cursor: pointer;
}

.promo-game .promo-game-title
{
    margin: 2px 0 0 7px;
    font-size: 13px;
    color: #f27f21;
    background: url(/global/img/promoBackground.jpg) no-repeat center top;
    padding: 9px 0 0 3px;
}
.promo-game span
{
    font-size: 11px;
    color: #333333;
    float: left;
    width: 195px;
    margin-left: 10px;
}
.promo-game .list-img, .promo-game .list-img img
{
    width: 204px;
    height: 140px;
    margin: 0;
}

#game
{
    width: 615px;
    height: 400px;
    background-color: #000;
    margin: 15px 0;
}
#howtoplay
{
    float: left;
    font-size: 14px;
    padding: 0 0 15px;
}
#howtoplay .h2
{
    background-color: #231f20;
    background-position: 8px 11px;
    height: 36px;
    width: 100%;
}



/* tabs - games/clips */
#tabs
{
    background: url(/global/img/sprite.png) no-repeat 0px -300px;
    height: 47px;
    width: 615px;
    z-index: 9999;
    float: left;
    position:relative;
    left:0px;
}
#clips #tabs
{
    float: left;
}
#games #tabs
{
    float: left;
}
.tab
{
    display: block;
    height: 36px;
    text-indent: -200em;
    float: left;
    margin: 6px 0 0 7px;
    cursor: pointer;
    z-index: 9999;
}

#tab-newclips
{
    background: url(/global/img/sprite.png) no-repeat 0px -482px;
    width: 84px;
}

#tab-newclips:hover
{
    background-position: -180px -482px;
}

#tab-newclips:active, #tab-newclips.on
{
    background-position: -360px -482px;
}
#tab-newgames
{
    background: url(/global/img/sprite.png) no-repeat 0px -446px;
    width: 95px;
}
#tab-newgames:hover
{
    background-position: -180px -446px;
}

#tab-newgames:active, #tab-newgames.on
{
    background-position: -360px -446px;
}

#tab-nickToons
{
    background: url(/global/img/sprite.png) no-repeat 0px -750px;
    width: 149px;
}
#tab-nickToons:hover
{
    background-position: -180px -750px;
}

#tab-nickToons:active, #tab-nickToons.on
{
    background-position: -360px -750px;
}
#tab-shows
{
    background: url(/global/img/sprite.png) no-repeat 0px -700px;
    width: 143px;
}
#tab-shows:hover
{
    background: url(/global/img/sprite.png) no-repeat -180px -700px;
}

#tab-shows:active, #tab-shows.on
{
    background: url(/global/img/sprite.png) no-repeat -360px -700px;
}

#tab-allshows
{
    background: url(/global/img/sprite.png) no-repeat -440px -962px;
    width: 145px;
}
#tab-allshows:hover
{
    background: url(/global/img/sprite.png) no-repeat -610px -962px;
}

#tab-allshows:active, #tab-allshows.on
{
    background: url(/global/img/sprite.png) no-repeat -800px -962px;
}

#tab-cliptype
{
    background: url(/global/img/sprite.png) no-repeat -299px -600px;
    width: 172px;
    float: right;
    margin-right: 7px;
    position: relative;
}
#tab-cliptype:hover, #tab-cliptype.on:hover
{
    background: url(/global/img/sprite.png) no-repeat -520px -540px;
    height: 41px;
}

#tab-cliptype.on
{
    background: url(/global/img/sprite.png) no-repeat -520px -600px;
}

#tab-gametype
{
    background: url(/global/img/sprite.png) no-repeat -299px -560px;
    width: 172px;
    float: right;
    margin-right: 7px;
    position: relative;
}

#tab-gametype:hover, #tab-gametype.on:hover
{
    background: url(/global/img/sprite.png) no-repeat -520px -446px;
    height: 41px;
}

#tab-gametype.on
{
    background: url(/global/img/sprite.png) no-repeat -520px -500px;
}


.txtTab
{
    display: block;
    height: 36px;
    float: left;
    margin: 5px 10px 0 7px;
    cursor: pointer;
    z-index: 9999;
    text-transform:uppercase;
    font-size:24px;
    color:#fff;
    line-height:36px;
    padding:0 0 0 10px;
    position:relative;
   
}

.txtTab span
{
    position:absolute;
    right:-10px;
    top:0px;
    height:36px;
    width:10px;
}

.txtTab:hover
{
    background: url(/global/img/sprite.png) no-repeat  0px -1009px;
}

.txtTab:hover span
{
    background: url(/global/img/sprite.png) no-repeat  -469px -1009px;
}

.txtTab:active, #tabOn
{
    background: url(/global/img/sprite.png) no-repeat  0px -1049px;
}

.txtTab:active span, #tabOn span
{
    background: url(/global/img/sprite.png) no-repeat  -470px -1049px;
}

#dropdown
{
    width: 171px;
    margin-top: 33px;
    padding: 7px 0 9px;
    z-index: 9999;
    background: url(/global/img/typeBackground.png) left bottom;
    display: none;
    float: left;
}
#games #dropdown
{
    width: 171px;
}
.tab:hover #dropdown, .dropdown
{
    display: block;
}

#dropdown a, .dropdown a
{
    clear: left;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin: 1px 7px 0;
    padding: 0 7px;
    text-decoration: none;
    text-indent: 0;
    width: 142px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#games #dropdown a
{
    width: 142px;
}
#dropdown a:hover
{
    background-color: #fff;
    color: #333;
}
#paging, #breadcrumb
{
    width: 615px;
    height: 37px;
    background-color: #f1f1f1;
    font-size: 14px;
    line-height: 37px;
    float: left;
}
/* breadcrumb */
#breadcrumb
{
    float: left;
    border-bottom: solid 1px #d2d2d2;
    padding: 0 0 0 15px;
    width: 600px;
}
#clips #breadcrumb
{
    float: left;
}
#games #breadcrumb
{
    float: left;
}
#breadcrumb a
{
    color: #e65c00;
}
#breadcrumb span
{
    font-weight: bold;
}
/* paging */
#paging
{
    background-color: Transparent;
    border-top: solid 1px #d2d2d2; /*height:37px; - before new paging */
    height: 56px;
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#fff), color-stop(0.4, #fff));
    background: -moz-linear-gradient(top, #dcdcdc, #fff, #fff);
}
#games #paging, #clips #paging
{
    float: left;
}
#clips #paging
{
    float: left;
}
#paging .button
{
    margin: 7px;
    width: 80px;
    text-align: center;
}
#paging #button-next
{
    float: right;
}
#paging #pages-wrap
{
    position: relative;
    overflow: hidden;
    width: 380px;
    height: 37px;
    float: left;
}
#paging #pages
{
    display: none;
    text-align: center;
    width: 380px;
    position: absolute;
}
#paging #pages a
{
    line-height: 24px;
    display: inline-block;
    color: #e65c00;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    margin: 7px 3px;
}
#paging #pages a:hover, #paging #pages a.on
{
    background: url(/global/img/sprite.png) no-repeat -728px -182px;
    background-color: #fff;
}
#paging #pages a.on
{
    cursor: default;
    color: #231f20;
}
#paging .disabled
{
    visibility: hidden;
}
#paging .more-pages, #paging .less-pages
{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 7px 0;
    text-align: center;
    cursor: pointer;
    color: #000;
}
/* page count */
#paging-curr
{
    float: left;
    text-align: center;
    height: 18px;
    line-height: 18px;
}
#paging-curr span
{
    float: left;
    margin-left: 110px;
    height: 18px;
    width: 380px;
    display: block;
    font-size: 11px;
    font-weight: bold;
}
#paging-curr span span
{
    float: none;
    margin: 0;
    height: auto;
    display: inline;
}
/* search results */
#search-results .title
{
    float: left;
}
#search-term
{
    display: block;
    background-color: #feebd4;
    float: left;
    clear: left;
    padding: 7px;
    margin: 7px 0 0;
}
#search-again
{
    margin-top: 15px;
    float: left;
    clear: left;
    width: 100%;
}
#text-search-again
{
    width: 361px;
    height: 30px;
    background: url(/global/img/sprite.png) no-repeat 0px -520px;
    border: none;
    float: left;
    margin-right: 7px;
    font-size: 12px;
    line-height: 30px;
    padding: 0 14px 0 36px;
}
#button-search-again, #button-search-again .button-text
{
    width: 170px;
}

#search-results #loading
{
    width: 70px;
}
#list-results-wrap
{
    height: 658px;
    margin-top: 0px;
}
#list-results
{
    position: absolute;
}
#list-results, #list-results a, #list-results-shows, #list-results-shows a
{
    width: 100%;
    float: left;
}
#list-results a .list-show, #list-results a .list-title
{
    width: 488px;
}
#list-results-shows a.results-show
{
    height: 122px;
    overflow: hidden;
    margin-bottom: 28px;
}
#list-results-shows a.results-show .list-show, #list-results-shows a.results-show .list-title
{
    width: 413px;
}
#list-results-shows a.results-show img
{
    margin-right: 7px;
    border: none;
    float: left;
    width: 195px;
    height: 122px;
}
#list-results-shows
{
    margin-top: 24px;
}
/* custom styles for search results */
#no-results
{
    display: none;
    float: left;
    clear: left;
    width: 100%;
    margin: 24px 0;
}
#no-results a
{
    color: #e65c00;
    text-decoration: none;
}
#no-results a:hover
{
    color: #231f20;
    text-decoration: underline;
}
/* text pages (privacy, terms, getnick etc) */
.text-page
{
    line-height: 21px;
    margin: 0 0 0 15px;
    font-size: 14px;
}
#comp-form a, .text-page a
{
    color: #e65c00;
    text-decoration: none;
}

#comp-form a:hover, .text-page a:hover
{
    color: #231f20;
    text-decoration: underline;
}
.title
{
    font-size: 22px;
    color: #e65c00;
    font-weight: bold;
    text-transform: uppercase;
}
h2.title
{
    margin: 0;
}
.text-date
{
    color: #a6a6a6;
}
.text-page h2
{
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.getnick
{
    width: 195px;
    float: left;
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 120px;
    margin-right: 15px;
}
#getnick-sky
{
    background-image: url(/global/img/getnick-sky.jpg);
}
#getnick-virgin
{
    background-image: url(/global/img/getnick-virgin.jpg);
}
#getnick-talktalk
{
    background-image: url(/global/img/getnick-talktalk.jpg);
    margin-right: 0px;
}
.getnick table
{
    width: 195px;
    color: #575353;
    margin-bottom: 10px;
}
.errorPage
{
    background-image: url(/global/img/errorImage.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
.errorPage p
{
    width: 395px;
}
#credits-list
{
    padding: 0;
    margin: 0;
}
#credits-list li
{
    list-style-type: none;
    padding: 0 0 7px;
}
#credits-list li span
{
    display: block;
    float: left;
    width: 150px;
}

/* feedback / contact us */
.contact p
{
    font-size: 14px;
    width: 615px;
    float: left;
    clear: left;
}

/* whats on */
.whatson-date
{
    float: left;
    clear: left;
    width: 100%;
    margin: 3px 0 12px;
}
.whatson-date span
{
    float: left;
    margin-top: 12px;
    font-size: 14px;
}
.whatson-date .day
{
    color: #575353;
    margin-right: 5px;
}
.changeday
{
    float: left;
    display: block;
    margin: 0 0 0 10px;
    width: 150px;
    height: 32px;
    background: url(/global/img/sprite.png) no-repeat -770px -450px;
    text-indent: -200em;
    cursor: pointer;
    position: relative;
}
.changeday:hover
{
    background: url(/global/img/sprite.png) no-repeat -770px -482px;
}
.changeday:hover .dropdown
{
    display: block;
}
.changeday .dropdown
{
    display: none;
    width: 148px;
    position: absolute;
    top: 32px;
    padding: 7px 0 17px;
    z-index: 2;
    left: 0px;
    border: solid 1px #d8d8d8;
    border-top: none;
    background-color: #fff;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.changeday .dropdown a
{
    color: #454545;
    width: 120px;
    display: block;
    text-indent: 0;
}
.changeday .dropdown a:hover
{
    color: #fff;
    background-color: #f7931d;
}
#whatson-channels
{
    float: left;
    clear: left;
    width: 100%;
    margin: 30px 0 0 0;
}
#whatson-channels .list-channel
{
    margin: 0 6px 0 0;
    cursor: pointer;
    -moz-border-radius: 4px;
    padding: 4px 12px;
    border: solid 1px #fff;
}
#whatson-channels .list-channel-nicktoons
{
    width: 109px;
}
#whatson-channels .list-channel-nickelodeon
{
    width: 54px;
}
#whatson-channels .list-channel-nickjr
{
    width: 73px;
}
#whatson-channels .on
{
    border: solid 1px #abaaaa;
}
.whatson-list .now
{
    background-color: #f1f1f1;
}
.whatson-list .next
{
    background-color: #f8f8f8;
}
.whatson-more
{
    float: left;
    clear: left;
    width: 100%;
    margin-top: 10px;
    display: block;
}
.whatson-more .button
{
    margin-bottom: 0px;
}
/* accordian list - help, whats on... */
.help-list .row
{
    background-position: 573px 17px;
    background-color: #f1f1f1;
}
.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;
    float: left;
    margin: 15px 0 0 0;
    width: 615px;
}
.accordian-list span.row
{
    width: 615px;
    float: left;
    background-image: url(/global/img/arrow.png);
    background-position: 573px 20px;
    background-repeat: no-repeat;
    height: auto;
    display: block;
    border-bottom: solid 1px #dedede;
    cursor: pointer;
    overflow: hidden;
}
.accordian-list span.on
{
    background-position: 573px -260px;
}
.accordian-list .row .time, .accordian-list .row .question
{
    color: #231f20;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    float: left;
    margin: 20px 0 0 15px;
}
.accordian-list .row .question
{
    padding: 20px 0 18px 15px;
    margin: 0;
    width: 580px;
}
.accordian-list .row .show
{
    float: left;
    clear: left;
    height: auto;
    margin: 0;
    width: auto;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #f47d16;
    margin: 0 0 18px 15px;
}
.accordian-list .row .desc, .accordian-list .row .answer
{
    float: left;
    clear: left;
    width: 545px;
    margin: 0 0 15px 15px;
    display: none;
}
.accordian-list .row:hover .show, .accordian-list .row:hover .question
{
    text-decoration: underline;
    color: #231f20;
}

/* win */
#win a, #list-win div span
{
    color: #f47d16;
    text-decoration: none;
}
#win a:hover
{
    color: #231f20;
    text-decoration: underline;
}
#list-win
{
    width: 630px;
    float: left;
    padding-bottom: 30px;
}
#list-win a, #list-win div
{
    margin: 15px 15px 0 0;
    font-size: 14px;
}
#list-win a, #list-win a span, #list-win a img, #list-win div, #list-win div span, #list-win div img
{
    width: 300px;
    float: left;
}
#list-win a img
{
    border: none;
    height: 181px;
}
#list-win a span, #list-win div span
{
    padding-top: 4px;
}
#list-win div span
{
    padding-bottom: 4px;
}
#list-win div h3
{
    font-size: 18px;
    margin: 10px 0 0;
}

#list-win div.box
{
    margin: 10px 0 0;
    padding-bottom: 15px;
}
#list-win .box-top, #list-win .box-bot
{
    padding: 0;
}
#list-win div.list-scroll
{
    margin: 0 0 0 15px;
    height: 300px;
    overflow-y: scroll;
    width: 270px;
}

/* footer */
#footer
{
    color: #8a8a8a;
    width: 984px;
    float: left;
    clear: left;
    text-align: center;
    margin-top: 35px;
    padding-bottom: 35px;
}
#footer a
{
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
}
#footer .f-row, #footer a
{
    color: #AAA;
}
#footer .f-row
{
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 12px;
}
#footer #f-1
{
    margin-top: 14px;
}
#footer #f-2
{
    margin-bottom: 20px;
}
#footer #f-4
{
    margin-bottom: 20px;
}
/*
#footer #footer-info a,
#footer #footer-info
{
    color:#a6a6a6;
}
#footer #footer-info
{
    margin-bottom:15px;
    line-height:22px;
}
*/
/* Search autocomplete styles: */
#completionList
{
    width: 200px !important;
    background-color: #000;
    border: solid 10px #900;
}
.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: #fff;
    border: solid 1px #dedede;
    color: #8a8a8a;
    cursor: pointer;
    overflow: auto;
    height: 133px;
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    z-index: 3;
    overflow: hidden;
}
.autocomplete_completionListElement li
{
    margin: 0;
}
.autocomplete_highlightedListItem, .autocomplete_listItem
{
    padding: 8px 7px 5px;
    width: 400px;
    background-color: Transparent;
    font-size: 12px;
}
.autocomplete_highlightedListItem
{
    color: #231f20;
    text-decoration: underline;
}
.autocomplete_listItem
{
    color: #e65c00;
}


/*/// Forms */
.contact, #comp-form
{
    width: 630px;
}
.field
{
    position: relative;
    float: left;
    width: 298px;
    height: 41px;
    border: solid 1px #d9d9d9;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.20);
    -webkit-box-shadow: rgba(0,0,0,0.20) 0 0 4px inset;
    box-shadow: inset 0 0 4px rgba(0,0,0,0.20);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin: 0 0 20px 15px;
}
.wide, .textarea
{
    width: 613px;
}
.textarea
{
    height: 147px;
}
.contact .field
{
    margin: 0 15px 20px 0;
}
.field label, .field input, .field textarea
{
    position: absolute;
    display: block;
    width: 278px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    outline: none;
    color: #231f20;
    border: none;
    top: 9px;
    left: 9px;
    background-color: Transparent;
}
.field textarea, .wide input, .wide label
{
    width: 596px;
}
.field textarea
{
    height: 128px;
}
.field label
{
    color: #8a8a8a;
    top: 11px;
    left: 10px;
}
.button-enter
{
    margin: 15px 0 0 15px;
}
span.error
{
    border-color: #c38181;
    -moz-box-shadow: inset 0 0 10px rgba(138,7,7,0.30);
    -webkit-box-shadow: rgba(138,7,7,0.30) 0 0 10px inset;
    box-shadow: inset 0 0 10px rgba(138,7,7,0.30);
}
span.error input
{
    color: #8a0707;
}
span.error label.error
{
    background-color: #8A0707;
    color: #FFFFFF;
    display: block;
    height: 21px;
    left: auto;
    padding: 2px 6px 0;
    right: 0;
    top: -29px;
    width: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
span.error label.error span
{
    background: url(/global/img/sprite.png) no-repeat -725px -150px;
    width: 25px;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 23px;
}
.radio
{
    margin-bottom: 5px;
    float: left;
    clear: left;
    display: block;
    width: 350px;
}
.checkbox
{
    margin: 0 0 5px 15px;
    height: 20px;
    font-size: 14px;
    width: 615px;
    float: left;
    clear: left;
    display: block;
}
.checkbox input
{
    clear: left;
    float: left;
}
.checkbox label
{
    width: 580px;
    float: left;
}
.checkbox label.error span span, #question.error label.error span, #question-gmp.error label.error span
{
    background: url(/global/img/sprite.png) no-repeat -730px -150px;
    width: 14px;
    height: 12px;
    position: absolute;
    left: 5px;
    top: 14px;
}
.checkbox label.error, #question.error label.error, #question-gmp.error label.error
{
    float: left;
    clear: left;
    background-color: #8A0707;
    color: #FFFFFF;
    display: block;
    height: 20px;
    padding: 0;
    width: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 3px 0;
    overflow: visible;
    position: relative;
}
.checkbox label.error span
{
    margin: 2px 6px;
    float: left;
}
.error-chkbx
{
    height: auto;
}
/* competition form */
.dob
{
    height: 31px;
    padding: 10px 0 0 90px;
    width: 208px;
}

.dob select
{
    margin: 1px 0px;
}
.dob label
{
    width: 80px;
}

#comp-form p, #comp-form h2, #comp-form h3
{
    margin-left: 15px;
    width: 615px;
    float: left;
    clear: left;
}
#comp-form h2
{
    margin: 10px 0 10px 15px;
    font-size: 18px;
}
#comp-form p
{
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 0px;
    padding: 0;
}
#comp-header
{
    display: block;
    margin: 15px 0 0 15px;
}
#comp-header img
{
    width: 615px;
}
#comp-form h3
{
    padding: 3px 0 0 0px;
    display: block;
    font-weight: normal;
    font-size: 18px;
    color: #f47d16;
    min-height: 23px;
    width: 580px;
}
#comp-heading1
{
}
#comp-heading2
{
}
#comp-heading3
{
}
#comp-heading4
{
}
#comp-form h3#comp-heading-terms
{
    padding: 15px 0 0 0;
}
#question, #question-gmp
{
    display: block;
    float: left;
    clear: left;
    width: 601px;
    margin-left: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 7px;
    position: relative;
}
#question-gmp
{
    /* height:160px */
}
#question span, #question-gmp span
{
    display: block;
    font-weight: bold;
    padding: 0 0 5px 5px;
}
#question-gmp span
{
    width: 350px;
}
#question-gmp #videoplayer_small
{
    position: absolute;
    right: 0px;
    top: 0px;
}
#question.error, #question-gmp.error
{
    padding: 8px 5px;
    border: solid 2px #8A0707;
    width: 597px;
}
#question.error label.error, #question-gmp.error label.error
{
    position: absolute;
    height: 20px;
    left: auto;
    padding: 2px 6px 0;
    right: 0;
    top: -29px;
    margin: 3px 0;
    font-size: 14px;
}
#question.error label.error span, #question-gmp.error label.error span
{
    height: 7px;
    right: 15px;
    left: auto;
    width: 8px;
    top: 20px;
}
a#whats-on-button, a#getnick-button
{
    margin-top: 0px;
}
/* MISC */
.clearboth
{
    clear: both;
}
.button-right
{
    float: left;
    margin-left: 12px;
}
/* WHAT'S ON NOW LIST (NEW) 

ul.whats-on-now
{
    list-style:none;
    padding: 0px;
    margin:0px;
}
ul.whats-on-now li
{
    clear:both;
    margin-bottom:20px;  
}
ul.whats-on-now li a
{
    color: #8A8A8A;
    text-decoration:none;
    cursor:pointer;
}
ul.whats-on-now li a div
{
    background-position:center center;
    background-repeat:no-repeat;
    width:107px;
    height:62px;
}
ul.whats-on-now li a:hover div
{
    width:99px;
    height:54px;
    border: 4px solid #e65c00;
}
ul.whats-on-now li a p
{
    float:left;
    padding:24px 0 0 0;
    margin:0 0 20px 115px;
    width:164px;
    background-position:top left;    
    background-repeat:no-repeat; 
    line-height: 16px;
}
ul.whats-on-now li a p span
{
    font-weight:bold;
    color:#5a5a5a;
}
ul.whats-on-now li.nickelodeon a p
{    
    background-image:url(/global/img/nickelodeon-logo-small.png);
}
ul.whats-on-now li.nick-toons a p
{
    background-image:url(/global/img/nick-toons-logo-small.png);
}
ul.whats-on-now li.nickelodeon-hd a p
{
    background-image:url(/global/img/nickelodeon-hd-logo-small.png);
}

 END WHAT'S ON NOW LIST (NEW) */

/* LATEST COMMENTS */

#h2-yourcomments
{
    background-image: url(/global/img/your-comments.gif);
}

.side-comments .avatar
{
    margin-right: 0;
    width: 75px;
    height: 75px;
}

.blog-comment
{
    color: #ffffff;
    width: 600px;
    float: none;
    clear: both;
    margin-left: 20px;
}

.blog-comments .comment-1
{
    background-position: left bottom;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding-bottom: 0px;
    position: relative;
}

.blog-comments .comment-1 .avatar-container
{
    top: 6px;
    left: 30px;
    position: relative;
}

.blog-comments .comment-1 .comment-body
{
    float: right;
    margin-right: 20px;
    width: 449px;
    float: left;
}

.blog-comments .comment-2
{
    background-position: right bottom;
    background-repeat: no-repeat;
    margin-right: 0px;
    padding-bottom: 0px;
    position: relative;
}

.blog-comments .comment-2 .avatar-container
{
    top: 6px;
    position: relative;
    float: right;
    right: 7px;
}

.blog-comments .comment-2 .comment-body
{
    float: left;
    margin-left: 20px;
    width: 449px;
}

.blog-comments .comment-body .top
{
    background: url(/global/img/sprite.png) no-repeat 0px -880px;
    height: 17px;
}

.blog-comments .comment-body .mid
{
    background: #944595;
    font-size: 13px;
    line-height: 17px;
    padding: 5px 15px 5px 15px;
    padding-bottom: 13px;
}

.blog-comments .comment-body .bot
{
    background: url(/global/img/sprite.png) no-repeat 0px -900px;
    height: 20px;
}

.comment-body
{
    margin-bottom: 20px;
}

.blog-comments-side h3
{
    color: #ef7c30;
    margin: 5px 0;
}

.blog-comments-side *|*:visited, .blog-comments-more
{
    color: #ef7c30;
}

.blog-comments-side a
{
    height: 100%;
    margin-bottom: 15px;
    width: 270px;
    font-size: 12px;
    line-height: 18px;
}

.blog-comments-side a:last-child
{
    margin-bottom: 25px;
}

.blog-comments-side a:hover .blog-posts-more, .blog-comments-side a:hover h3
{
    text-decoration: underline;
    color: #202020;
}

.side-comments .blog-comment
{
    width: 280px;
}

.side-comments .comment-body a
{
    color: #944595;
    font-size: 11px;
    text-decoration: none;
    position: relative;
    display: block;
    top: -5px;
    z-index: 10;
}
.side-comments .comment-body a:hover
{
    text-decoration: underline;
}

.side-comments .comment-body
{
    text-align: center;
}

.side-comments .comment-1
{
    padding-bottom: 0;
}

.side-comments .comment-2
{
    padding-bottom: 20px;
}

.side-comments .comment-1 .avatar-container
{
    left: -8px;
    top: -10px;
    height: 110px;
    float: left;
    text-align: left;
}

.side-comments .comment-1 .comment-body
{
    float: right;
    left: -8px;
    margin-right: 0px;
    position: relative;
    width: 188px;
}


.side-comments .comment-2 .avatar-container
{
    left: -20px;
    top: -10px;
    height: 110px;
    float: right;
    text-align: right;
}

.side-comments .comment-2 .comment-body
{
    float: left;
    left: -8px;
    margin-left: -14px;
    position: relative;
    width: 188px;
}

.avatar-name
{
    color: #808080;
    font-size: 12px;
    width: 90px;
    text-align: center;
    float: none;
    clear: both;
    position: relative; /*top:-10px;*/
}

.avatar-name-list
{
    color: #808080;
    font-size: 12px;
}

.avatar-name-list-right
{
    color: #808080;
    font-size: 12px;
    text-align: right;
}

/* END LATEST COMMENTS */


/* CAROUSEL 

#carousel-wrap a
{
    float:left;
    width:45px;
    height:44px;
    display:block;
    overflow:hidden;
    cursor:pointer;
    margin-top:15px;
}
#carousel-wrap a:hover
{
    background-position:left -44px;
}
#carousel-wrap a:active
{
    background-position:left bottom;
}
#carousel-wrap a#left
{ 
    background:url(/global/img/sprite.png) no-repeat -800px -150px;
    margin-right:14px;
}
#carousel-wrap a:hover#left
{ 
    background:url(/global/img/sprite.png) no-repeat -800px -194px;
}
#carousel-wrap a:active#left
{ 
    background:url(/global/img/sprite.png) no-repeat -800px -238px;
}
#carousel-wrap a#right
{
    background:url(/global/img/sprite.png) no-repeat -850px -150px;
    margin-left:15px;
}
#carousel-wrap a:hover#right
{ 
    background:url(/global/img/sprite.png) no-repeat -850px -194px;
}
#carousel-wrap a:active#right
{ 
    background:url(/global/img/sprite.png) no-repeat -850px -238px;
}
#carousel
{
    float:left;
    width:500px;
    position:relative;
    padding:0;
    margin:8px 0 0;
}
#carousel-wrap li
{
    padding:0;
	width:44px;
	height:51px;
	list-style-type:none;
	background-position:0px top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#carousel-wrap li a
{
    cursor:pointer;
    text-indent:-200em;
    outline-style:none;
	height:51px;
	width:156px;
    display:block;
    float:left;
    margin:0;
}

*/

#footerLogo
{
    background: url(/global/img/sprite.png) no-repeat -490px -270px;
    width: 213px;
    height: 30px;
    margin: 0 auto;
    display: block;
}

#comscore
{
    background: url(/global/img/sprite.png) no-repeat -520px -800px;
    width: 100px;
    height: 32px;
    margin: 0 auto;
}

/* carousel */
#carousel-wrap
{
    height: 78px;
    float: left;
    width: 960px;
    padding: 5px 0;
    position: relative;
    background: url(/global/img/carousel/carouselBackground.png) no-repeat center -2px;
    margin: 0px 0 0 0;
}

#characterCarousel
{
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}

#carouselShadow
{
    width: 960px;
    height: 16px;
    background: url(/global/img/shadowLine.png) no-repeat center top;
    position: absolute;
    bottom: -16px;
    left: 0px;
}

#characterCarouselClip
{
    overflow: hidden;
    width: 904px;
    height: 78px;
    float: left;
    position: relative;
    margin: 0 14px;
    padding: 0 14px;
    z-index: 1;
}
#characterCarousel li
{
    width: 113px;
    height: 78px;
    float: left;
}

#characterCarousel li a
{
    display: block;
    outline: none;
    width: 113px;
    height: 78px;
    background-image: url(/global/img/carousel/characterSprite.jpg);
    line-height: 1000px;
    overflow: hidden;
}

#characterCarousel li a:hover
{
    background-image: url(/global/img/carousel/characterSpriteActive.jpg);
}

/**
 *  Horizontal Buttons
 */
#carouselNext
{
    position: absolute;
    top: 15px;
    right: -5px;
    width: 30px;
    height: 61px;
    cursor: pointer;
    background: url(/global/img/sprite.png) no-repeat -880px -150px;
    z-index: 9999;
}

#carouselNext:hover, #carouselNext:focus
{
    background-position: -910px -150px;
}

#carouselNext:active
{
    background-position: -940px -150px;
}

#carouselPrev
{
    position: absolute;
    top: 15px;
    left: -5px;
    width: 28px;
    height: 61px;
    cursor: pointer;
    background: url(/global/img/sprite.png) no-repeat -830px -150px;
    z-index: 9999;
}

#carouselPrev:hover, #carouselPrev:focus
{
    background-position: -800px -150px;
}

#carouselPrev:active
{
    background-position: -770px -150px;
}

.cufon-loading .promo span, .cufon-loading #video-title, .cufon-loading .promo-game-title, .cufon-loading .promo-game span
{
    /* for Cufon.replace('h1') */
    visibility: hidden !important;
}

.rcL
{
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(/global/img/sprite.png) no-repeat -770px -60px;
}

.rcR
{
    width: 5px;
    height: 5px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(/global/img/sprite.png) no-repeat -770px -90px;
}

#970-pushdown 
{
    display:none;
}

.button-next 
{
    float:right;
}

.button-prev 
{
   display:none;
}

/*twitter*/

.twtr-widget 
{
    float:left;
    margin-left:-5px;
}

.twtr-hd 
{
    display:none;
}

.box 
{
    margin-top:20px;
}

.disLink
{
    color:#b14409;
}

.twtr-ft 
{
    display:none;
}

.followLinks
{
    float:left;
    margin:10px 20px 15px 20px;
}

.followLinks a
{
color:#E65C00;
font-weight:bold;}

.followLinks a:hover
{
color:#333;
text-decoration:underline;

}