﻿body 
{
    background-image:url(/global/img/bg.gif);
    background-position:left top;
    background-repeat:repeat-x;
    margin:0;
}
body,textarea,input,select
{
    color:#8a8a8a;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:12px;
}
.ie
{
    display:none;
}
a, a:active, a:link
{
    outline-style:none; 
}
#page
{
    width:984px;
    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;
}
#top-wrap
{
    background-image:url(/global/img/shadow-top.png);
    background-position:center top;
    background-repeat:no-repeat;
    width:984px;
    height:219px;
    float:left;
}
#top
{
    width:960px;
    margin:0 auto;
    padding:41px 0 0 0;
}
h1#logo, h1#logo a
{
    width:406px;
    height:51px;
    display:block;
    overflow:hidden;
}
h1#logo
{
    background-image:url('/global/img/logo.gif');
    text-indent:-200em;
    margin:0 0 0 15px;
    padding:0;
    float:left;
    position:relative;
}
h1#logo a
{
    top:0;
    left:0;
    position:absolute;
}
h1#logo a span
{
    position:absolute;
    top:35px;
    right:10px;
    width:43px;
    height:14px;
    background-image:url(/global/img/backtohome.gif);
    background-position:left -14px;
    background-repeat:no-repeat;
}
h1#logo a:hover span
{
    background-position:left top;
}
/* generic pages  */
.page
{
    margin:15px 0 0 15px;
    float:left;
    width:615px;
    overflow:hidden;
}

/* search */
#search
{
    position:absolute;
    right:24px;
    top:122px;
    width:377px;
}
.search-text
{
    background-image:url(/global/img/search.gif);
    width:270px;
    height:30px;
    float:left;
    margin-right:7px;
    text-align:left;
}
.search-text label
{
    cursor:text;
    text-align:left;
}
.search-text label,
.search-text input
{
    position:absolute;
    color:#8a8a8a;
    font-size:12px;
    width:220px;
    height:30px;
    line-height:30px;
    padding:0 14px 0 36px;
}
.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;
    height:15px;
    width:100px;
    background-repeat:no-repeat;
    background-position:center top;
    text-indent:-200em;
    position:absolute;
    left:0px;
    top:8px;
}
#button-search .button-text
{
    background-image:url(/global/img/search.png);
}
#button-search-again .button-text
{
    background-image:url(/global/img/search-again.png);
}
.button-send .button-text
{
    background-image:url(/global/img/send.png);
}
.button-enter .button-text
{
    background-image:url(/global/img/enter.png);    
}
#button-backgames .button-text
{
    background-image:url(/global/img/backgames.png);    
}
#button-backgames,
#button-backgames .button-text,
#button-backtowin,
#button-backtowin .button-text
{
    width:155px;
}
#button-backtowin .button-text
{
    background-image:url(/global/img/back-to-win.png);    
}
.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:9px;
}


/* nav */
#nav-wrap
{
    background-color:#f1f1f1;
    width:960px;
    height:120px;
    float:left;
    clear:left;
    margin:9px 0 13px;
    border-bottom:solid 1px #dedede;
}
#nav
{
    background-image:url(/global/img/nav.jpg);
    width:960px;
    height:46px;
    background-position:right top;
    background-repeat:no-repeat;
}
#nav, #nav li
{
    margin:0;
    padding:0;
    float:left;
    list-style-type:none;
}
#nav li
{
    display:block;
    height:42px;
    padding-top:4px;
}
#nav li a
{
    background-position:left top;
    background-repeat:no-repeat;
    display:block;
    height:39px;
    text-indent:-200em;
}
#nav li a:hover,
#nav li a.on
{
    background-position:left bottom;
}
#nav li#nav-shows a 
{
    background-image:url(/global/img/nav-shows.gif);
    width:134px;
    margin-left:7px;
}
#nav li#nav-games a 
{ 
    background-image:url(/global/img/nav-games.gif);
    width:125px;
    margin-left:2px;
}
#nav li#nav-clips a 
{
    background-image:url(/global/img/nav-clips.gif);
    width:112px;
    margin-left:8px;
}
#nav li#nav-win a  
{
    background-image:url(/global/img/nav-win.gif);
    width:92px;
    margin-left:9px;
}
#nav li#nav-shop a  
{
    background-image:url(/global/img/nav-shop.gif);
    width:106px;
    margin-left:9px;
}


/* carousel */
#carousel-wrap
{
    margin:0 0 0 15px;
    height:74px;
    float:left;
    width:960px;
}


/* main body */
#content-wrap
{
    background-image:url(/global/img/shadow.png);
    background-position:left top;
    background-repeat:no-repeat;
    width:984px;
    float:left;
    position:relative;
}
#content
{
    float:left;
    margin:0 12px;
    padding-bottom:15px;
    width:960px;
    min-height:480px;
    background-color:#fff;
    position:relative;
    display:block;
    z-index:3;
}
#left-col
{
    float:left;
    width:630px;
    overflow:hidden;
}
#right-col
{
    float:left;
    width:300px;
    margin:288px 0 0 15px;
}
#shadow-bot
{
    background-image:url(/global/img/shadow-bot.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    position:absolute;
    bottom:-12px;
    left:0px;
    width:984px;
    height:480px;
    z-index:1;
}


/* grey boxes */
.box
{
    float:left;
    margin:15px 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-image:url(/global/img/box-top.gif);
}
.box-bot
{
    bottom:0px;
    background-image:url(/global/img/box-bot.gif);
}
#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-image:url(/global/img/box-small-top.gif);
}
#right-col .box-bot,
#list-win .box-bot
{
    background-image:url(/global/img/box-small-bot.gif);
}


/* headings */
.h2
{
    margin:0 0 13px 0;
    padding:0;
    display:block;
    height:23px;
    width:240px;
    background-position:left top;
    background-repeat:no-repeat;
    text-indent:-200em;
}
#h2-games
{
    background-image:url(/global/img/latest-games.gif);
}
#h2-clips
{
    background-image:url(/global/img/latest-clips.gif);
}
#h2-whatson
{
    background-image:url(/global/img/whats-on-now.gif);
}
#h2-getnick
{
    background-image:url(/global/img/get-nick.gif);
    margin-bottom:5px;
}
#h2-nickjr-shows
{
    background-image:url(/global/img/nickjr-shows.gif);
}
#h2-related-clips
{
    background-image:url(/global/img/related-clips.gif);
}
#h2-related-games
{
    background-image:url(/global/img/related-games.gif);
}
#h2-related-shows
{
    background-image:url(/global/img/related-shows.gif);
}
#h2-howtoplay
{
    background-image:url(/global/img/howtoplay.gif);
}


/* box inner column */
.col
{
    width:285px;
    float:left;
    margin:0 0 0 15px;
}


/* lists */
.list-wide
{
    width:100%;
    float:left;
}
.list
{
    float:left;
    width:285px;
}
.list a
{
    text-decoration:none;
    display:block;
    width:285px;
    height:70px;
    margin-bottom:14px;
    cursor:pointer;
}
.list-img
{
    position:relative;
    float:left;
    width:120px;
    height:70px;
    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:112px;
    height:62px;
}
.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-image:url(/global/img/clip-hover.png);  
    width:59px;
    height:59px;
    position:absolute;
    top:1px;
    left:27px;
}
.list a:hover .list-img .clip-hover
{
    display:block;
}
.list-channel
{
    height:23px;
    width:158px;
    background-position:left top;
    background-repeat:no-repeat;
    text-indent:-200em;
    margin:5px 0 10px;
    display:block;
    float:left;
}
.list-channel-nick
{
    background-image:url(/global/img/nick.png);
}
.list-channel-nicktoons
{
    background-image:url(/global/img/nicktoons.png);
}
.list-channel-nickjr
{
    background-image:url(/global/img/nickjr.png);
}
.list-time
{
    color:#8a8a8a;
    margin-right:4px;
}
.list-whatson, .list a span.list-whatson
{
    color:#231f20;
    float:none;
}
.list-shows .list-img img
{
    height:76px;
    width:130px;
    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:underline;
}
.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;
}
/* 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;
    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,
#video-wrap a
{
    margin:5px 7px 0;
    float:left;
    clear:left;    
    color:#fff;
    font-weight:bold;
    width:250px;
}
#video-wrap a
{
    color:#e65c00;
    font-weight:normal;
    text-decoration:none;
}
#video-wrap a:hover
{
    text-decoration:underline;
}
/* 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;
}
.list-channel-nick
{
    background-image:url(/global/img/nick.png);
}
.list-channel-nicktoons
{
    background-image:url(/global/img/nicktoons.png);
}
.list-channel-nickjr
{
    background-image:url(/global/img/nickjr.png);
}

/* promos */
.promo-big
{
    margin:15px 0 0 15px;
}
.promo 
{
    float:left;
}
.promo img
{
    border:none;
}
#home-promos a
{
    height:254px;
    width:195px;
    display:block;
    background-image:url(/global/img/nav.jpg);
    background-repeat:no-repeat;
    background-position:left 262px;
    text-decoration:none;
    margin:5px 0 0 15px;
    color:#8a8a8a;
    font-size:15px;
    font-weight:bold;
}
#home-promos a span
{
    margin:0 0 0 4px;
    clear:left;
    float:left;
    display:block;
}
#home-promos a span span
{
    color:#231f20;
    margin:0;
    font-size:17px;
}
#home-promos a:hover
{
    background-position:left bottom;
    color:#fff;
} 


/* ads */
#advert-banner-wrap
{
    width:984px;
    margin:0 auto;
    position:relative;
    z-index:2;
    text-align:center;
    height:90px;
}
#advert-banner
{
    font-size:0px;
    width:751px;
    height:90px;
    background-image:url(/global/img/adtag-banner.gif);    
    background-position:right top;
    background-repeat:no-repeat;
    text-align:left;    
    margin:0 auto;
    position:relative;
}
#advert-banner object
{
    top:0px;
    position:absolute;
}
#MPU-wrap
{
    width:300px;
    background-image:url(/global/img/adtag-mpu.gif);
    background-position:left top;
    background-repeat:no-repeat;
    padding-top:23px;
    position:absolute;
    right:15px;
    top:15px;
}
#MPUlabel
{
    background-image:url(/global/img/adtag-mpu.gif);
    background-position:center center;
    background-repeat:no-repeat;
    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
{
    display:none;
    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;
}
#clips #list-clips-wrap, #games #list-games-wrap
{
    position:absolute;
    top:490px;
}
#games #list-games-wrap
{
    top:526px;    
    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-image:url(/global/img/clip-on.png);
    position:absolute;
    bottom:0px;
    right:15px;
    width:78px;
    height:51px;
}
#videoplayer
{
    margin:0;
    float:left;
    width:615px;
    height:390px;
    background-image:url(/global/img/video-loader.jpg);
}
#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:230px;
    left:15px;
    width:615px;
    height:190px;
    background-color:#000;
    display:none;
}
#end-slate a
{
    float:left;
    margin:15px 0 0 11px;
    width:185px;
    height:190px;
}
#end-slate a .list-img
{
    margin:0 30px;
}
#end-slate a:hover .list-show
{
    color:#E65C00;
}
#end-slate a .list-show,
#end-slate a .list-title
{
    width:185px;
    text-align:center;
}


/* games page */
#games
{
    margin:15px 0 0 15px;
    float:left;
    width:615px;
    /*height:662px; - before new paging */
    height:680px;
    overflow:hidden;
}
.promo-game
{
    margin:15px 0 0 15px;
    width:195px;
    height:160px;
    float:left;    
}
.promo-game img
{
    border:none;
    float:left;
}
.promo-game a
{
    text-decoration:none;
    display:block;
    float:left;    
}
.promo-game span.promo-game-title
{
    margin-top:5px;
    font-size:14px;    
    color:#e65c00;
}
.promo-game span
{
    font-size:12px;
    color:#7e7e7e;
    float:left;
    width:195px;
}
.promo-game .list-img,
.promo-game .list-img img
{
    width:194px;
    height:113px;
}
.promo-game a:hover span.promo-game-title,
.promo-game span a:hover
{
    color:#231f20;
    text-decoration:underline;
}
.promo-game:hover .list-img img
{
    clip:rect(4px, 194px, 113px, 4px);
    left:-4px;
    top:-4px;
}
.promo-game:hover .list-img
{
    border:solid 4px #e65c00;
    width:186px;
    height:105px;
}

#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-image:url(/global/img/nav.jpg);
    height:47px;
    width:615px;
    position:absolute;
}
#clips #tabs
{
    top:405px;
}
#games #tabs
{    
    top:441px;
}
.tab
{
    background-position:left top;
    background-repeat:no-repeat;
    display:block;
    height:38px;
    text-indent:-200em;
    float:left;
    margin:5px 0 0 7px;
    cursor:pointer;
}
.tab:hover, .tab.on
{
    background-position:left bottom;
}
#tab-newclips
{
    background-image:url(/global/img/tab-newclips.gif);
    width:138px;
}
#tab-newgames
{
    background-image:url(/global/img/tab-newgames.gif);
    width:146px;
}
#tab-shows
{
    background-image:url(/global/img/tab-shows.gif);
    width:143px;
}
#tab-cliptype
{
    background-image:url(/global/img/tab-cliptype.gif);
    width:149px;
    float:right;
    margin-right:7px;
    position:relative;
}
#tab-gametype
{
    background-image:url(/global/img/tab-gametype.gif);
    width:162px;
    float:right;
    margin-right:7px;
    position:relative;
}
#dropdown, .dropdown
{
    display:none;
    background-color:#f99514;
    width:160px;
    position:absolute;
    top:38px;
    padding:7px 0 17px;
    z-index:2;
    right:-7px;
}
#games #dropdown
{
    width:170px;
}
.tab:hover #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:132px;
}
#games #dropdown a
{
    width:142px;
}
#dropdown a:hover
{
    background-color:#fff;
    color:#f99514;
}
#paging, #breadcrumb
{
    width:615px;
    height:37px;    
    background-color:#f1f1f1;
    font-size:14px;
    line-height:37px;
    float:left
}
/* breadcrumb */
#breadcrumb
{   
    position:absolute; 
    border-bottom:solid 1px #d2d2d2;
    padding:0 0 0 15px;    
    width:600px;
}
#clips #breadcrumb
{
    top:452px;
}
#games #breadcrumb
{
    top:488px;
}
#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
{
    position:absolute;
    top:1065px;
}
#clips #paging
{
    top:860px;
}
#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;
    background-image:url(/global/img/pages.gif);
    background-repeat:no-repeat;
    background-position:left -24px;
    cursor:pointer;
    text-align:center;
    margin:7px 3px;
}
#paging #pages a:hover,
#paging #pages a.on
{
    background-position:left top;
    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-image:url(/global/img/text-search-again.gif);
    background-position:left top;
    background-repeat:no-repeat;
    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
{
    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;
}
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
{
    height:270px; 
    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-image:url(/global/img/changeday.gif);
    background-position:left top;
    text-indent:-200em;
    cursor:pointer;
    position:relative;
}
.changeday:hover
{
    background-position:left bottom;
}
.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;
    background-position:center center;
    -moz-border-radius:4px;
    padding:4px 12px;
    border:solid 1px #fff
}
#whatson-channels .list-channel-nicktoons
{
    width:130px;
}
#whatson-channels .list-channel-nick
{
    width:54px;
}
#whatson-channels .list-channel-nickjr
{
    width:82px;
}
#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;
}
#footer a, #footer p
{
    text-decoration:none;
    color:#8a8a8a;
    margin:15px auto 0;
}
#footer a:hover
{
    text-decoration:underline; 
}
#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 10px rgba(0,0,0,0.20);
    -webkit-box-shadow:rgba(0,0,0,0.20) 0 0 10px inset;
    box-shadow:inset 0 0 10px 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-image:url(/global/img/error.png);
    width:14px;
    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-image:url(/global/img/error.png);
    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 95px;
    width:203px;
}
.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 34px;
    display:block;
    font-weight:normal;
    font-size:18px;
    color:#f47d16;
    min-height:23px;
    width:580px;
    background-position:left top;
    background-repeat:no-repeat;
}
#comp-heading1
{
    background-image:url(/global/img/comp-1.gif)
}
#comp-heading2
{
    background-image:url(/global/img/comp-2.gif)
}
#comp-heading3
{
    background-image:url(/global/img/comp-3.gif)
}
#comp-heading4
{
    background-image:url(/global/img/comp-4.gif)
}
#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;
}