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

@font-face {
	font-family: 'BADABB';
	src: url('/css/fonts/BADABB.eot');
	src: local('BADABB'), url('/css/fonts/BADABB.woff') format('woff'), url('/css/fonts/BADABB.ttf') format('truetype');
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	position: relative;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
text-decoration: none;
outline: 0;
}
a:hover {
    text-decoration: underline;
    }
strong{font-weight: bold;}
.clear {clear: both}
.dspNone {display:none;}
.error {color:#DD4733 !important;}
em, i{font-style: italic;}


/* ********************************************************************************* */

/* Page Structure ****************************************************************** */
html, body {    
    color: #484241;
    font-family: arial,sans-serif;
    font-size: 12px;
    width: 100%; height: 100%;
    margin: 0;
    padding: 0;
    }
 #WrapTop {            
        height: auto !important;
        margin: 0 auto;
        min-height: 100%;        
        position: relative;
        width: 100%;
        background: none repeat scroll 0 0 #F0F0F0;  
        background-size:cover !important;      
        } 
        #ie7 #WrapTop {} 
 #WrapBottom {
        width: 100%; margin: 0 auto;
        position: relative;
        background-position: center top;
        /*height:215px;*/
        } 
        #ie7 #WrapBottom {}     
    #ContentContainer {
        width: 960px;
        margin: 0 auto;
        padding:0 0 350px 0;       
        position: relative; z-index: 10;
        }
    .main {
        position: relative;
        }    
        .main-content{position: relative;}
/* header */        
    #Header 
    {
        height: 90px;              
        margin: 0 auto;          
        }
        #Header .outer {
            width: 100%; height: 90px; background: #f1c32c url(/images/nav/topnav-tile.jpg) repeat-x left top;
            }
        #Header .inner {
            background:url(/images/nav/topNavBg.jpg) no-repeat top left;                  
            width: 960px; height: 90px; margin: 0 auto;
            }
        #Header .logo {
            position: absolute;
            top: 19px;
            z-index: 20;
            }          
            #Header .user-status{position: relative;}
            #Header .user-status .status, #Header .user-status .stuff, #Header .user-status .ad-nooze-link {
                float: right;
                }
        #Header .user-status #adnoozetip.tooltip {
        display: none;
        background: url(/images/sweepstakes/Ad-Nooze_ToolTip_Kids.png) no-repeat;
        background: url(/images/sweepstakes/tooltip_new.png) no-repeat;
        width: 230px;
        height: 69px;
        font-size: 12px;
        font-weight: bold;
        color: #931119;
        padding: 39px 0px 0 33px;
        text-shadow: 0px 2px 0px white;
        z-index: 99999999;
        left: 532px!important;
        top: 40px!important;
        }
            #Header .user-status #adnoozetip.tooltip span {
color: black;
}
            #Header .user-status .status, #Header .user-status .ad-nooze-link {
                margin-right: 10px;
                }
            #Header .user-status .status {
                padding-top: 25px;
                }        
            #Header .user-status .status a {
                color: #a9480e; text-transform: uppercase; font: bold 11px Arial; padding:0 3px; position: relative;
                }
            #Header .user-status .status a:hover {
                text-decoration: none; color: #000000;
                }
            #Header .user-status .my-stuff, #Header .user-status .my-stuff:hover {
                display: block; text-indent:-9999px;
                background-image: url(/images/nav/myStuffBtn.png); background-repeat: no-repeat;
                width: 118px; height: 33px;                
                }        
            #Header .user-status .my-stuff {
                background-position: 0 0;
                } 
            #Header .user-status .my-stuff:hover {
                background-position: 0 -33px;
                }
            #Header .mainnav {
               float:right;
               position: relative;
               top: -19px;
            }    
            #Header .nav-links > ul{
                margin: 0;
                padding: 0;
                }
                ul.navigation{
                position: absolute;
                right: 0;
                width: 698px;
                }
                
                #ie7 #Header .nav-links ul.navigation{
                    overflow: hidden;
                }
                #Header .nav-links ul.navigation > li {
                    display: inline-block;
                    zoom: 1;
                    *display: inline;                    
                    }    
                    #Header .nav-links li > a, #Header .nav-links li > a:visited {
	                    display: block; text-indent:-9999px;
	                    height: 36px; background-repeat: no-repeat;
                        }                        
                    #Header .nav-links li.selected > a, #Header .nav-links li.selected > a:hover {
	                    background-position: 0 0;
                        }
                    #Header .nav-links li > a {
	                    background-position: 0 -36px;
                        }
                    #Header .nav-links li > a:hover {
	                    background-position: 0 -72px;
                        }
                    #Header .nav-links li.fun-zone > a, #Header .nav-links li.fun-zone > a:hover, #Header .nav-links li.selected.fun-zone > a {
	                    background-image: url(/images/nav/nav-fun-zone.png); 
	                    width: 107px;
                        }                        
                    #Header .nav-links li.games > a, #Header .nav-links li.games > a:hover, #Header .nav-links li.selected.games > a {
	                    background-image: url(/images/nav/nav-arcade.png); 
	                    width: 88px;
                        }
                    #Header .nav-links li.finn-and-friends > a, #Header .nav-links li.finn-and-friends > a:hover, #Header .nav-links li.selected.finn-and-friends > a {
	                    background-image: url(/images/nav/nav-finn-friends.png); 
	                    width: 151px;
                        }
						
                    #Header .nav-links li.videos > a, #Header .nav-links li.videos > a:hover, #Header .nav-links li.selected.videos > a {
	                    background-image: url(/images/nav/nav-videos.png); 
	                    width: 87px;
                        }
                    #Header .nav-links li.team-xtreme > a, #Header .nav-links li.team-xtreme > a:hover, #Header .nav-links li.selected.team-xtreme > a {
	                    background-image: url(/images/nav/nav-team-extreme.png); 
	                    width: 139px;
                        }
                    #Header .nav-links li.shout-out > a, #Header .nav-links li.shout-out > a:hover, #Header .nav-links li.selected.shout-out > a {
	                    background-image: url(/images/nav/nav-shout-out.png); 
	                    width: 117px;
                        }
                    #Header .nav-links li.season-6 > a, #Header .nav-links li.season-6 > a:hover, #Header .nav-links li.selected.season-6 > a {
	                    background-image: url(/images/nav/nav-season6.png); 
	                    width: 105px;
                        }   
                     #Header .nav-links li.dreams > a, #Header .nav-links li.dreams > a:hover, #Header .nav-links li.selected.dreams > a {
	                    background-image: url(/images/nav/nav-dreams.png); 
	                    width: 105px;
	                    position: relative;
                        left: -9px;
                        } 
						
						/*DROPDOWN CSS-MADHEEN*/
						#Header .nav-links li.finn-and-friends:hover{
							padding-bottom:10px;
						}
						
						ul.sub-menu-holder{
							display: none;
							position: absolute;
							top: 44px;
							background-color: #ffffff;
							-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
							-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.25);
							 box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.25);
							 width:172px;
							 min-height: 250px;
							 border-radius: 0 0 10px 10px;
							 z-index:9999999;
						}
						#Header .nav-links li.finn-and-friends:hover ul.sub-menu-holder{
							display: block !important;
							
						}
						
						ul.sub-menu-holder li{
							width: 100%;
							height: 42px;
							border-bottom: 2px solid #ececec;
							display: block;
						}
						ul.sub-menu-holder li:last-child{
							border: none;
						}
						
						#Header .nav-links li  ul.sub-menu-holder li.sub-menus a{
							display: block;
							background-repeat:no-repeat;
							width:172px;
							height:42px;
							background-position: 0px 0px;
						}
						ul.sub-menu-holder li.sub-menus.finn a{
							background-image:url(/images/nav/dropdown-finn.png);
						}
						ul.sub-menu-holder li.sub-menus.gilbert a{
							background-image:url(/images/nav/dropdown-gilbert.png);
						}
						ul.sub-menu-holder li.sub-menus.xtreme a{
							background-image:url(/images/nav/dropdown-xtreme.png);
						}
						ul.sub-menu-holder li.sub-menus.brooke a{
							background-image:url(/images/nav/dropdown-brooke.png);
						}
						ul.sub-menu-holder li.sub-menus.swimmington a{
							background-image:url(/images/nav/dropdown-swimmington.png);
						}
						ul.sub-menu-holder li.sub-menus.coral a{
							background-image:url(/images/nav/dropdown-coral.png);
						}
						ul.sub-menu-holder li.sub-menus:hover a{
							background-position: 0px -42px !important;
							
						}
						
						
					
						
						
						
                    #Header .user-status .status .openSignIn {    
	                     padding:5px 5px 6px 3px;
	                     background:#ffffff;	
	                    -webkit-border-top-left-radius: 5px;
                        -webkit-border-top-right-radius: 5px;
                        -moz-border-radius-topleft: 5px;
                        -moz-border-radius-topright: 5px;
                        border-top-left-radius: 5px;
                        border-top-right-radius: 5px;
	                     position:relative; z-index:499;	
                        }  
#ie7 .toRemove {display:none;}  
                        
       .tabHead {
	        top:16px;
	        left:0;
	        display:block;
	        position:absolute;
	        font-style:italic;
	        font-weight:bold;
	        color:#fc7c00;
	        font-size:11px;
	        text-transform:uppercase;
            }
        .tabHead img{float:left;margin:-10px 8px 0px 13px;}
        .tabHead span {
	        color:#000;
            }
            .small-promo 
            {
                margin-top: 15px;
                position: relative;
                background: url("/images/background/top-small-promo-bg.png") no-repeat 15px 0px;
            }
            .promo .tabHead {
	            left:12px; top: 21px;
            }
            .promo .tabHead_game  {
	            left:15px; top:15px;
            }
            .promo .content {
	            padding-top: 15px;
            }
            
            .small-promo .tabHead
            {
                left: 35px;
                top: 21px;
            }
            .small-promo .content 
            {
                padding-top: 46px;
            }
            
/* Footer */
    #Footer {
        clear:both;
        min-height: 195px;        
        background:#f9f0ba url(/images/background/footer-bg.gif) repeat-x 0 0;
        width:100%;
        color: #905938;
        padding: 20px 0 10px 0;   
        position: absolute; bottom: 0;
        z-index:11;     
        }   
        #Footer .inner {
            width: 980px;margin: 0 auto;
            }
        #Footer .copy-right a {
            color: #905938;    
            }
        #Footer .links a, #Footer .links a:visited, #Footer span {
            color: #000000;    
            }    
        #Footer .links a:hover, #Footer a:hover {
            color: #df7406;    
            }
        #Footer p {
            line-height: 16px;
            }    
        #Footer .disclaimer, #Footer .ad-nooze, #Footer .footer-links, #Footer .ad-nooze, #Footer .divider, #Footer .mobile-apps {
            float: left;
            }
        /* without legal */    
        #Footer .footer-links, #Footer .ad-nooze, #Footer .divider {
            width: 33%
            }
        #Footer .ad-nooze span {font-weight: bold;}        
        #Footer .footer-links .pf-logo {
            margin: 0 0 5px 80px;
            }
        #Footer .ad-nooze .ad-nooze-logo {
            margin: 0 0 5px 30px;
            }
        #Footer .ad-nooze p {
            margin-left: 40px;
            } 
         #Footer .disclaimer, #Footer .mobile-apps {
            width: 260px; margin: 0 20px;
            }
		#Footer .disclaimer 
		{
			margin:0px;
			width:350px;
		}         
		
        /* with legal */
        #Footer.legal .footer-links {
            width: 334px; margin-left: 20px;
            }
            #Footer.legal .disclaimer a,#Footer.legal .disclaimer a:visited
            {
            	color:#000 ;
            }
            
            #Footer.legal .disclaimer a:hover
            {
            	width: 100%; padding: 20px 0 0 0;
                text-align: center;
            	}
            #Footer.legal .disclaimer {
                padding: 25px 0 0 10px;
                }
                #Footer.legal .disclaimer .headline {
                    font-weight: bold; font-size: 10px;
                    }
                #Footer.legal .disclaimer .copy {
                    font-size: 10px; line-height: 13px;
                    }
                #Footer.legal .disclaimer .official-rules, #Footer .ad-nooze .kids {
                    font-size: 12px;
                    }    
            #Footer.legal .footer-links .pf-logo {
                margin: 0 0 5px 80px;
                }    
        #Footer.legal .ad-nooze {
            width: 292px; margin-left: 0px;
            }
            #Footer.legal .ad-nooze .ad-nooze-logo {
                margin: 0 0 5px 0; 
                }
            #Footer.legal .ad-nooze .ad-nooze-logo img {
                margin: 0 0 0 50px;
                }  
            #Footer.legal .ad-nooze p {
                margin-left: 10px;
                }            
        #Footer .divider {
            background: url(/images/footer/divider.png) no-repeat 0 0;
            display:block; width: 8px; height: 92px; margin: 20px 0 0 0;
            } 
        #Footer .horizontal-divider {
            background: url(/images/footer/horizontal-divider.png) no-repeat 0 0;
            display:block; width: 946px; height: 1px; margin: -6px 0 0 0;
            }             
/* ********************************************************************************* */

/* Modules ************************************************************************* */
/* buttons */
.image-link {
    text-indent: -9999px; display: block;
    height: 47px;
    background-repeat: no-repeat; background-position: 0 0;
    }
.image-button {
    border: 0;
    height: 47px; cursor: pointer;
    background-repeat: no-repeat; background-position: 0 0;
    }
.image-link:hover, .image-button.hover {
    background-position: 0 -47px;
    }            	    
.btn-play-now, .btn-play-now:hover {
    background-image: url(/images/buttons/btn-play-now.png); 
    width: 147px;
    }
.btn-submit, .btn-submit:hover {
    background-image:url(/images/buttons/submitBtn.png); 	
    width:98px;    
}


.btn-createname {
  background-image: url(/images/buttons/btn_pickaname.png);
  width: 147px;
  height: 45px;
  position: relative;
  top: 26px;
}
.btn-createname:hover {
    background-position:0 -45px;
    }
.btn-signin, .btn-signin:hover {
    background-image:url(/images/buttons/signInBtn.png); 
    width:98px;    
    }
.btn-go, .btn-go:hover {
    background-image:url(/images/buttons/btn-go.png); 
    width:102px;    
    }
.btn-ok, .btn-ok:hover {
    background-image:url(/images/buttons/btn-ok.png); 
    width:103px;    
    }
.btn-save-changes, .btn-save-changes:hover {
    background-image:url(/images/buttons/btn-save-changes.png); 
    width:176px;    
    }
.btn-sign-in-now, .btn-sign-in-now:hover {
    background-image:url(/images/buttons/btn-sign-in-now.png); 
    width:156px;    
    }    
.btn-signin-small {
    background-image:url(/images/buttons/btn-signin-small.png); 
    width:67px;    
    height:29px;    
    }
    
    .btn-signin-small-Badges {
    background-image:url(/images/buttons/badges_btn.png); 
    width:85px;    
    height:29px; 
    background-repeat: no-repeat;  
    background-position: 0 0; 
    }
    
    .btn-signin-small-LoadGame {
    background-image:url(/images/buttons/btn-loadgame-small.png); 
    width:75px;    
    height:29px;    
    }
    
    .btn-signin-small-SaveGame {
    background-image:url(/images/buttons/btn-savegame-small.png); 
    width:75px;    
    height:29px;    
    }
    
    .btn-signin-small-SaveGame:hover, .btn-signin-small-LoadGame:hover {
    background-position: 0 -29px; 
    }
    
.btn-signin-small:hover {
    background-position: 0 -29px; 
    } 
.btn-close-small, .btn-close-small:hover {
    background-image:url(/images/buttons/btn-close-small.png); 
    width:58px;    
    height:24px;    
    }
.btn-close-small:hover {
    background-position: 0 -24px; 
    }        
.btn-x-close-small, .btn-x-close-small:hover {
    background-image:url(/images/buttons/btn-x-close-small.png); 
    width:56px;    
    height:11px;    
    }
.btn-x-close-small:hover {
    background-position: 0 -11px; 
    }
.btn-play-now-small, .btn-play-now-small:hover {
    background-image:url(/images/buttons/btn-play-now-small.png); 
    width:97px;    
    height:35px;    
    }
.btn-play-now-small:hover {
    background-position: 0 -35px; 
    }
.btn-learn-more-small, .btn-learn-more-small:hover {
    background-image:url(/images/buttons/btn-learn-more-small.png); 
    width:116px;    
    height:35px;    
    }
.btn-learn-more-small:hover {
    background-position: 0 -35px; 
    }
.btn-choose-a-story-and-vote, .btn-btn-choose-a-story-and-vote:hover {
    background-image:url(/images/buttons/btn-choose-a-story-and-vote.png); 
    width:206px;    
    height:35px;    
    }
.btn-choose-a-story-and-vote:hover {
    background-position: 0 -35px; 
    }
.btn-click-to-enter, .btn-click-to-enter:hover {
    background-image:url(/images/buttons/btn-click-to-enter.png); 
    width:155px;    
    height:39px;    
    }
.btn-click-to-enter:hover {
    background-position: 0 -41px; 
    }
.btn-expand, .btn-expand:hover {
    background-image:url(/images/buttons/btn-expand.png); 
    width:81px;    
    height:26px;    
    }
.btn-expand:hover {
    background-position: 0 -26px; 
    }
.icon-refresh {
      background-image: url(/images/icons/icon-refresh.png);
  width: 38px;
  height: 38px !important;
  position: relative;
  bottom: 15px;
  left: -101px;
  cursor: pointer;
}

/* common links */
.view-more, .view-more:hover {
    background-image: url(/images/icons/icon-view-more.png) !important; background-repeat: no-repeat;
    padding: 5px 30px 0 0 !important;    
    height:19px !important; width: auto !important;
    cursor: pointer !important;
    }    
.view-more {
    background-position: top right !important;
    color: #484241 !important;
    }
.view-more:hover {
    background-position: right -24px !important;
    color: #ff8038 !important;
    text-decoration: underline;
    }    

/* inputs */
form input {
	    color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.0em;
        }
.input-small {
    background: url("/images/background/inputBgSmall.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 37px;
    padding: 0 5px;
    width: 204px;
    }
#ie7 .input-small, #ie8 .input-small {
    line-height: 2.1em;
}
.input-medium {
    background: url("/images/background/inputBg.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 37px;
    padding: 0 5px;
    width: 238px;
    }
#ie7 .input-medium, #ie8 .input-medium {
    line-height: 2.1em;
}
.input-large {
    background:#efefef !important;
    border: 0 none !important;
    height: 53px !important;
    padding: 0 5px !important;
    width: 398px;
    line-height: 2.1em;
    font-weight:bold;
 }
.input-xlarge {
    background: url("/images/background/inputBgXLarge.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 53px;
    padding: 0 5px;
    width: 413px;
    line-height: 2.1em;
}
.input-xlarge_pwd {
  background: #fff;
  height: 53px;
  padding: 0 5px;
  line-height: 2.1em;
  width: 572px;
  border:1px solid #b4b4b4;
}
 #ie7 .input-xlarge, #ie8 .input-xlarge {
    line-height: 3.2em;
} 
#ie7 .input-xlarge, #ie8 .input-xlarge {
    line-height: 3.2em;
}      
                 
/* share */
#share {
    color: #FFFFFF;
    cursor: pointer;
    width: auto;	
    height: 26px;
    padding:0;
    margin:0;
    position: relative;
    display:inline-block;
    }
    #share span.edge {display:block;float:left;width:4px;height:26px;top:0;background:url(/images/buttons/shareLikeBg.png) no-repeat;}
    #share span.edge.likeLt {background-position:left;}
    #share span.edge.likeRt {background-position:right;}
    #share #shareContent
    {
        display:block;
    		float:left;
        padding: 0 0 6px;
        height:20px;
        background:url(/images/buttons/shareLikeBg2.png) repeat-x 0px 0px;
        width:auto;
        position:relative;
        overflow:hidden;
    }
    #share #shareContent span {
	    color:#fff;
	    font-weight:bold;
	    position:absolute;
        padding:0;
        height:20px;
        display:inline-block;
	    z-index:1;
	    width:auto;
        top:6px;
        left:35px;
        }   
    #share #shareContent .shareImg
    {
    	background: url("/images/buttons/shareBtn-dead.png");        
        background-repeat:no-repeat;
        display: block;
        height: 22px;
        margin:0;
        text-indent: -9999px;
        width: 76px;} 
    #share #shareContent #shareCopyLnk {cursor:auto;} 
        
    body.flash-detail #share #shareContent span {color:#fff}
    
    #share #shareContent a {
	    color:#fff;
        }
    #share #shareContent input {
	    display:inline;
	    height:10px;
	    margin:5px 0 0 115px;
	    font-size: 0.9em;
	    width:140px;
        }  
    #share #shareContent .shareImg:hover{background:url(/images/buttons/shareBtn-hover.png);}   
    #share #shareContent .btn-close-small {
        position:absolute;
        right:0;
        top:2px;
        }
    #share #shareContent .shareFish{background: url("/images/icons/shareGoldfish.png");        
        background-repeat:no-repeat;
        display: block;
        height: 22px;
        text-indent: -9999px;
        width: 28px;
        position:absolute;
        top:-2px;
        left:0;
        cursor:auto;
        } 

/* likes - display only */
.Likes a.true, .Likes a.off {
    background-image: url("/images/icons/like-display.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    font-size: 12px;
    height: 14px;
    width: auto;
    float:left;
    padding: 3px 0 0 16px;
    color: #55504A; 
    cursor: default;    
    }
.Likes a.true:hover, .Likes a.off:hover {
    text-decoration: none;
    }    
.Likes span.title {
    color: #484241;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin:4px 10px 0 0;
    } 
    
    
/* likes - clickable */  

    .Likes.post {position:relative;height:26px; background:none;cursor:pointer;width:auto;display:block;}
    .Likes.post span {position:relative;}
    .Likes.post span.edge {display:block;float:left;width:4px;height:26px;top:0;background:url(/images/buttons/shareLikeBg.png) no-repeat;}
    .Likes.post span.edge.likeRt {background-position:right;}
    .Likes.post a span.likeText {z-index:1;display:block;float:left;padding: 8px 10px 0;margin-left:-2px;height:20px;background:url(/images/buttons/shareLikeBg2.png) repeat-x 0 0; font-size: 10px; text-transform:uppercase;}
    .Likes.post a,.Likes.post:visited {padding:0;margin:0;height:26px;display:block;float:left;color:#fff;position:relative;cursor:pointer;}
    .Likes.post a span.thumb {z-index:2;width:26px;height:26px;display:block;float:left;background:url("/images/icons/icon-like.png") no-repeat -3px -3px;}
    .Likes.post a.off span.thumb{background-position:-3px -67px;}
    .Likes.post a.true span.thumb{background-position:-3px -3;}
    .Likes.post a:hover span.thumb{background-position:-3px -35px;}
    .Likes.post a:hover{color:#ff8038;text-decoration:none;}
.status-comment .Likes.post {float:right;padding:6px;}
#FinnAndFriends .feed .status .status-comment .Likes.post a,#FinnAndFriends .feed .status .status-comment .Likes.post a:visited {background:none;color:#55504A;}
#FinnAndFriends .feed .status .status-comment .Likes.post a:hover {color:#ff8038;}
.status-comment .Likes.post a span.likeText {background:none;}

.flash-detail .shareLike {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 100%;
    z-index:10000;
    }

#GameDetail .shareLike {display:none;}
#VideoDetail .shareLike {right:0px;}

.flash-detail .Likes.post span.edge,.flash-detail #share span.edge,#XTremeLanding #share span.edge {background-image: url(/images/buttons/shareLikeBg3.png); background-repeat: no-repeat;}
.flash-detail .Likes.post a span.likeText,.flash-detail #share #shareContent,#XTremeLanding #share #shareContent {background:url(/images/buttons/shareLikeBg4.png) repeat-x 0 0; }
.flash-detail #share,#XTremeLanding #share {}

.shareLike {clear:both;width:50%;position:absolute;height:26px;top:-40px;right:0;}
#GameLanding .shareLike,#VideoLanding .shareLike {top:-50px;}
.shareLike #share{float:right;}
.shareLike .Likes{float:right;padding-left:10px;}


#ie7 #GameLanding .shareLike,#ie7 #VideoLanding .shareLike,#ie8 #GameLanding .shareLike,#ie8 #VideoLanding .shareLike{top:-0px;}

#ie7 #share #shareContent .shareFish,
#ie8 #share #shareContent .shareFish
{
    top: -2px;
    z-index: 2;
}
#ie7 #share #shareContent span#shareCopyLnk,
#ie8 #share #shareContent span#shareCopyLnk
{
    top: 7px;
    z-index: 2;
}
#ie7 #share #shareContent input,
#ie8 #share #shareContent input
{
    line-height: 1.3em;
    padding: 1px 0px;
}

#ie7 #share #shareContent .btn-close-small,
#ie8 #share #shareContent .btn-close-small
{
    top: 2px;
}

#ie8 #share #shareContent
{
	-moz-opacity:inherit;
	opacity:inherit;
	filter:inherit;
}

/* show hide */
.showHide {    
    display:none;	
	position:absolute; left:0px; top:-40px;
    }
    
/* carousels */
#mainCarousal 
{
    overflow: hidden;
    height: 370px;
    z-index: 1;
}
#mainCarousal .contentBox{}
#mainCarousal .carousel-wrapper{width: 10000px;position: relative;height: 370px; z-index: 1;}
.contentBox {
    display:none;
    position:absolute;
    top: 0;
    left: 0;
    z-index:1;
    width:513px;height:370px;
    /*z-index: 2000;*/ /* these are breaking the overlays - why do we need z-index here? - Ohn */
    }
.contentBox.first{display:block;}
.contentBox .thumbnail{display:none;}
.cntrBtnWrap {
    position:absolute;
    bottom:150px;
    width:229px;
    height:133px;
    display: block;
    z-index: 10;
    cursor: pointer;
    }
    
    .cntrBtnWrap div {
       cursor: pointer; 
    }
    
    .cntrBtnWrap.left
    {
        left:-9px; 
    }
    .cntrBtnWrap.right
    {
        right: 0px; 
    }
    .cntrBtnWrap.right .cntrlBtn.next
    {
        position: absolute;
        right: -10px;
    }
    
    .cntrlBtnPreview{display:none;width: 183px; height: 125px; position: absolute; z-index: 1; background: url("/images/background/white-alpha.png") repeat 0px 0px;}
    .cntrBtnWrap.right .cntrlBtnPreview{right: 31px;}
    .cntrBtnWrap.left .cntrlBtnPreview{left: 31px;}
    .cntrlBtnPreviewImg{width: 162px; height: 106px; overflow: hidden; margin: 9px auto 0px auto;}
    
.cntrBtnWrap .cntrlBtn
{
    background: url('/images/background/spacer.gif') repeat 0px 0px;
    width: 29px;
    height:133px;
    display: block; 
    position: relative;
    z-index: 10;
    zoom: 1;
    text-decoration: none;
}

.cntrlBtn div
{
    width: 29px;
    height: 133px;
    position: absolute;
    top: 0px;
    z-index: 8;
}
.cntrlBtn.prev div
{
    left: 0px;
    
}
.cntrlBtn.next div
{
    right: 0px;
    
}
.cntrlBtn.prev div, .cntrlBtn.prev:hover div {
    background-image:url(/images/buttons/arrow-large.png); background-repeat: no-repeat;  
    }
.cntrlBtn.prev div {
    background-position: top left;
    }
.cntrlBtn.prev:hover div{
    background-position: 0 -133px;
    }           
.cntrlBtn.next div, .cntrlBtn.next:hover div {    
    background-image:url(/images/buttons/arrow-large.png); background-repeat: no-repeat;
    }
.cntrlBtn.next div {    
    background-position: top right;    
    }    
.cntrlBtn.next:hover div {    
    background-position: right -133px;    
    } 
.ctrls {
    position:absolute;
    clear:both;
    top:381px;
    width:100%;
    margin:auto;
    text-align:center;
    left:0;
    }
.ctrls a {
    background:url('/images/buttons/carNavBtns.gif') no-repeat 0 0;
    height:11px; 
    width:11px;
    padding:0;
    margin:0 5px;
    display:inline-block;
    text-decoration: none;
    /* removed text-indent: in ie7 shifts background image too */
    /* text-indent:-9999px; */
    }
.ctrls a.on, .ctrls a:hover {background-position:bottom;}

.ctrls-small-arrow-left{width: 45px; background: url("/images/buttons/small-arrow-sprite.png") no-repeat scroll 0pt 0pt transparent; height: 52px !important; cursor:pointer;}
.ctrls-small-arrow-left:hover{background-position:0 -52px;}
.ctrls-small-arrow-right{width: 45px; background: url("/images/buttons/small-arrow-sprite.png") no-repeat scroll 0pt -107px transparent; height: 52px !important; cursor:pointer;}
.ctrls-small-arrow-right:hover{background-position:0 -160px;}


/* flow player plugin */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 700px;
	height:108px;	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable .items .item {
	/*width: 160px; scroll item width */
}

.items div {
	float:left;
	width:700px;
}

/* single scrollable item */
.scrollable img {
	float:left;			
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* pre/next icons overwrite */
a.browse {
    background-image: url(/images/buttons/small-arrow-sprite.png) !important; background-repeat: no-repeat;
    height: 52px !important;    
    width: 45px !important;
    cursor: pointer;
}
a.browse.prev.disabled, a.browse.prev.disabled:hover {
    background-position: 0 0; cursor: default;
}
a.browse.prev {
    background-position: 0 -52px;
}
a.browse.prev:hover {
    background-position: 0 -104px;
}
a.browse.next.disabled, a.browse.next.disabled:hover {
    background-position: 0 -265px; cursor: default;
}
a.browse.next {
    background-position: 0 -158px;
}
a.browse.next:hover {
    background-position: 0 -211px;
}

/* vertical carousel */
#vert_scroll_wrap {position:relative}
    
    #vert_scroll_wrap .scrollable {
        /* set width and height for YOUR scrollable container */
        overflow:hidden;
        position:relative;
        }
    
    #vert_scroll_wrap #scrollControls {position: absolute; /* set YOUR top right values */}

        #vert_scroll_wrap div.items {
            position:absolute;
            height:20000em;
            /* set YOUR width */
            }
            
#vert_scroll_wrap div.items div {position:relative; /* set YOUR width */}

#vert_scroll_wrap div.items div div {    
    /* set YOUR width */
    }
/* shouldn't have to change the following css */            
#vert_scroll_wrap #scrollControls a {
    display: block;
    height: 36px;
    width: 46px;
    background: url(/images/buttons/scrollButtons.png) no-repeat 0 0;
    cursor:pointer
    }    
    #vert_scroll_wrap #scrollControls a.prev {
        background-position: 0 0;   
        }
    #vert_scroll_wrap #scrollControls a.next {
        background-position: 0px -36px   
        }
    #vert_scroll_wrap #scrollControls a.prev.disabled, #vert_scroll_wrap #scrollControls a.prev.disabled:hover {
        cursor: default;
        background-position: -48px 0;   
        }
    #vert_scroll_wrap #scrollControls a.next.disabled, #vert_scroll_wrap #scrollControls a.next.disabled:hover {
        cursor: default;
        background-position: -48px -36px;
        }
    #vert_scroll_wrap #scrollControls a.prev:hover {
        background-position: -95px 0px   
        }                
    #vert_scroll_wrap #scrollControls a.next:hover {
        background-position: -95px -36px   
        }

/* tooltip */
.tooltip {
	display:none;	
    z-index: 10;
}

/* OVERLAY Background */
#exposeMask {
    position: absolute; top: 0px; left: 0px; 
    display: block; width:0px; height: 0px; 
    opacity: 0.7; filter: alpha(opacity = 70); 
    z-index: 100; 
    background: #000;
    }

/* popups */
.popup-container {
	display:none;
	background: url(/images/sweepstakes/pop_enter_top.png) no-repeat center top;
	z-index:9999;
	width:734px;	
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	-webkit-box-shadow:0 5px 3px 1px;
	-moz-box-shadow:0 5px 3px 1px;
	box-shadow:0 5px 3px 1px;
    }
    .popup-container .close {
	    position:absolute;
	    right:-14px;
	    top:-10px;
	    cursor:pointer;
	    height:32px;
	    width:32px;
	    z-index:3;
	    background: url(/images/sweepstakes/b_close.png) no-repeat;
        }	
    .popup-container .content {
        padding: 40px 35px;
				background-color:#FFF;
        }
        .popup-container .content .inner {
            padding: 0; margin: 0; width: 100%; height: 535px;
            overflow: auto;
            }
    .popup-tenthwave-iframe 
    {
	    background: url(/images/sweepstakes/pop_enter_top_795px.png) no-repeat center top !important;
    }  
/* ********************************************************************************* */

/* Header layovers ***************************************************************** */    

/* overlay dropdown for forms */

.tabWrap {
	height:579px;
	width:500px;
	right:273px;
	display:none;
	position:absolute;
	top:23px;
	background:#fff;
	z-index:500;
	border-radius: 5px 0px 5px 5px;
	-moz-border-radius:5px 0px 5px 5px;
	-webkit-border-radius:5px 0px 5px 5px;
	  -khtml-border-radius: 5px 0px 5px 5px;	
	-webkit-box-shadow:0 5px 3px 1px ;
	-moz-box-shadow:0 5px 3px 1px;
	box-shadow:0 5px 3px 1px ; 
	}
	.tabWrap div.tabLoading {display:block; padding: 0;width: 100%; height: 100%; background: url('/images/icons/loading.gif') no-repeat center center;}
	.load{height: 100%!important; position:absolute;top:0; padding: 0;width: 100%;margin:0; background: url('/images/icons/loading.gif') #fff no-repeat center center;}
    .tabWrap>div {
	    padding:20px;	
	    width:450px;    
        }
    .tabWrap p {
	    clear:both;
        }
    .tabWrap h2 {
	    float:left;
        }    
    .tabWrap div {
	    height:auto;
        }    
    .tabWrap label {
	    width:auto;
	    display:inline-block;
	    margin-bottom:5px;
        vertical-align:middle;
	    color:#483b3b; font-size:15px; font-family:Arial, Helvetica, sans-serif;
        font-weight:600;
        }            
        .tabWrap form div.row {
	        float:left;
	        padding:4px 30px 4px 2px; *padding-right:20px;
	        font-family:Arial, Helvetica, sans-serif; color:#666;        
	        }
        .tabWrap form a  {
	        display:block;
            }
        .tabWrap form .btns {
            padding-top:10px;
	        text-align:center;
	        clear:both;
	        font-family:Arial, Helvetica, sans-serif; font-style:italic;
	        width:auto; 	        	        
            }
        .tabWrap .btns {
            font-size: 14px;
            }
        .tabWrap .btns a {
            float:left;	
            color:#4d8bc3;
            font-size:12px;
            font-weight:normal;
            padding:0px 5px;            
            }
        .tabWrap .btns a.forget-password
        {
            font-size: 12px;
        }
        .tabWrap .btns span {
            color:#484241;	
            padding:0px 5px;
            float:left;
            font-size: 12px;
            }
        .tabWrap .btns .btns-links {
           /* float: left; width: 363px;*/ *width: 370px;
          /*Ipadding-top: 15px
            padding-top:20px;;*/
            white-space: nowrap;
            font-size: 12px;
            }   
        .tabWrap .btns .btns-btn {
            float: left; width: 100px;
            padding-top: 0;
            margin-left:0px;
            }    
.tabWrap form {position:relative;}
/* log-in form */
#logIn {
    width: 460px;
    }
    #logIn .tabWrap form {background:#fff}
    #logIn .row {
        padding-right:25px;
        }
    #logIn .row.last {
        padding-right:0px;
        }
    #logIn #logInWrapper {
        *height:70px;
        }        
    #logIn #invaildLogIn {
        display:none;
        }
    #logIn #invaildLogIn p {
        color:#dd4733;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        padding:5px 0px; *padding: 0;	
        }
    #logIn .divider {
        color: #484241;         
        }
/* forgot password */
#lostPassword {
    width: 460px;
    }
    #lostPassword h2 {margin-bottom: 10px; font-size: 15px;}    
    #lostPassword .row {
        padding-right: 20px;
        }
    #lostPassword .row.right {
        padding-right: 0;
        }    
    #lostPassword .btns {
        padding-top: 10px;
        }   
    #lostPassword #secretQuestionId, #lostPassword #secretAnswerId {
        width: 210px; height: 30px;
        }
    #lostPassword .cancelPassword {
        color:#56a4dd; font-style:normal;
        margin: 18px 10px 0 275px;
        }    
    #lostPassword p {
        color:#666; margin:5px 0px;
        }
    #lostPassword .form-fields {
        *height: 120px;
        }    
    #lostPassword .btns {
        text-align: right;
        }       
    #lostPassword .error {
        font-size: 14px;
        }
    #lostPassword .selectBox-dropdown {
        background: url("/images/background/inputBgSmall.gif") no-repeat scroll 0 0 transparent;
        width: 204px;
        }
    #lostPassword .btn-close-small {
        cursor: pointer;
        } 
            
/* join now */
    #joinNow {
    width: 700px;  
    }
    #joinNow .error {
        font-size: 14px;
        }    
    #joinNow select {
        width:215px;
        }
    #joinNow .row {
        padding:20px 25px 4px 2px;
        }
    #joinNow .row.right {
        padding-right: 0;
        }
    #joinNow #joinHeaderText, #joinNowGame #joinHeaderText {
        background: url("/images/joinForm/joinHeaderText.gif") no-repeat 0 0 !important; 
        height:24px; width:386px; 
        margin-left:150px; margin-top:10px;
        padding-bottom:10px; 
        }
    #joinNow .closeJoinFormDiv {
        width: 100px;
        z-index: 1000;        
        height: 30px;
        border-radius: 5px 0px 5px 5px;
        -moz-border-radius:5px 0px 5px 5px;
        -webkit-border-radius:5px 0px 5px 5px;
          -khtml-border-radius: 5px 0px 5px 5px;
        -webkit-box-shadow:0 5px 3px 1px ;
        -moz-box-shadow:0 5px 3px 1px;
        box-shadow:0 5px 3px 1px ;
        position:absolute; top:447px; left:560px;
        background: #ffffff;
        }
    #joinNow #joinNowForm a, #joinNow #joinNowForm span {
        font-size:15px;
        }
    #joinNow #parentsNote-tooltip {
        background: transparent url('/images/joinForm/notetoparents.png') no-repeat 0 0; 
        z-index: 10000;
        width: 437px; height: 427px; display:none;
        }        
    #joinNow #joinNowBkgd {
        background: transparent url("/images/background/joinNowGradient.png") repeat-x 0 0; 
        height: 404px; width:700px; 
        position:relative; top:8px; left:-20px; 
        z-index:-1;
        }
    #joinNow #joinNowFormBkgd {
        background: transparent url("/images/joinForm/joinNowFormBkgd.png") no-repeat 0 0; 
        height: 420px; width:689px;
        position:absolute; top:100px; left:5px;
        }
    #joinNow #joinHeaderIMG,#joinNowGame #joinHeaderIMG {
        background: transparent url("/images/joinForm/joinHeaderIMG_new.jpg") no-repeat 0 0;
        height:42px; width:613px; 
        clear:both; margin-left: 115px;
        }
    #joinNow #joinHeader_logo,#joinNowGame #joinHeader_logo {
            background: transparent url("/images/joinForm/goldfish_name_generator.png") no-repeat 0 0;
           height:55px; width:331px; 
           margin-left: 154px; 
           z-index: 1;
           display: block;
           position: relative;
           bottom: 10px; 
        }       
    #joinNow #joinNowFormWrapper {
        position: absolute; top: 126px; left:40px; width:620px;
        }
    #joinNow #joinNowFormWrapper p {
         font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#6e6766; text-align:center;           
         }
    #joinNow #joinNowForm .form-fields {
        *height: 250px; 
        }
    #joinNow #joinNowForm .btns {
        padding-top: 20px;
        } 
    #joinNow #joinNowForm .member {
        color:#000; 
        /*margin:0 0 0 18px;*/
        margin:0 0 0 0px;
        font-weight:bold;
        }    
    #joinNow .btn-x-close-small {
        margin: 10px 0 0 20px;
        }    
    #joinNow label {
        font-size: 17px;
        }
    #joinNow .selectBox-dropdown, #joinNowGame .selectBox-dropdown  {       
        background: url("/images/background/inputBgLarge.gif") no-repeat scroll 0 0 transparent;
        width: 264px;
        height: 45px;
        border:1px solid #b4b4b4;
        }
    #joinNow .selectBox-dropdown .selectBox-label {
            padding:0.75em .3em;
        }
    #joinNow .selectBox-dropdown .selectBox-arrow {
	    width: 45px;
	    height: 100%;
	    background: url(/images/background/selectArrowLarge.gif) 50% 5px no-repeat;
	    right: 5px;
    }
    #joinNow  .btns .btns-btn {
        /*margin-left:-63px;*/
        float:right;
    }
    .vertical-carousel-list li.active{
    box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    border-color: #262626 !important;
    background: #b3d3e9 !important; /* Old browsers */
    color:#000 !important;
    -moz-box-shadow:    inset 0 0 10px #94a9b7;
    -webkit-box-shadow: inset 0 0 10px #94a9b7;
    box-shadow:         inset 0 0 10px #94a9b7;
    border-bottom:2px solid #e4e4e4 !important;
    }

    #joinNow .tabWrap form .btns {
        width:auto !important;   
    }
    #joinNow .tabWrap .btns .btns-links {
        width:auto !important;
        margin-top:37px;
    }
    #joinNow .vertical-carousel-container {
        height: 190px !important; overflow: hidden;border: 5px solid #fd922c;
    }
    #joinNow #joinNowForm .vertical-carousel{width: 196px;margin: 0px 0 20px 0px;height: 240px;position:relative;float: left;}
    #joinNow #joinNowForm .vertical-carousel a{display:block;padding: 0px 1px 0 2px;background-color:none;text-align:center;color:#333;text-decoration:none;margin: 0px 12px -2px;}
    #joinNow #joinNowForm .vertical-carousel ul.vertical-carousel-list{position:relative;margin:0 auto;padding:0px}
    #joinNow #joinNowForm .vertical-carousel ul.vertical-carousel-list li{list-style:none;cursor:pointer;margin:0px;padding:0px;color: #919191;font-weight:600;font-size: 25px;display:block;padding: 13px;margin-bottom: 0px;text-align:center;border-bottom: 2px solid #e4e4e4;
    background: #ffffff; /* Old browsers */
    font-family: arial;}
    .vertical-shadow {
    position: absolute; background:#000;z-index: 9999999;top: 0px;width: 100%;height: 570px !important;/* opacity: 0.5; */background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(41,137,216,0) 50%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(50%,rgba(41,137,216,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(41,137,216,0) 50%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(41,137,216,0) 50%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(41,137,216,0) 50%,rgba(0,0,0,0.25) 100%); /* IE10+ */  background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(41,137,216,0) 50%,rgba(0,0,0,0.25) 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */;
    }
    #joinNow #joinNowForm .vertical-carousel ul.vertical-carousel-list li:last-child {
        border-bottom:0px;
    }
    #joinNow #joinNowForm #select-item h6{ 
           text-align: center;
           color: #000000;
           font-size: 12px;
           font-weight: bold;
           padding: 10px;
    }
    input#username1 {
         font-style:italic; 
    }
    #joinNow #joinNowForm .vertical-carousel .scrllu {
        position:relative;
        bottom:17px;
        width: 15px;
        height: 15px;
        left: 46px;
    }
    #joinNow #joinNowForm .vertical-carousel .scrlld {
        position: relative;
        bottom: 17px;
        left: 46px;
    }
    #joinNow #joinNowForm .buttons {
        background: #C01313;
        border-radius: 35px;
        display: block;
        margin: 30px 10px 0 0;
        float: left;
        width: 35px;
        height: 35px;
        position: relative;
        color: #fff;
        font-weight: bold;
        text-align: center;
        line-height: 35px;
        text-decoration: none;
        font-size: 22px;
    }
    #joinNow #joinNowForm .next {
        margin: 30px 0 0 10px;
    }
    #joinNow .join_or {
        position:relative;
        top:6px;        
        left:10px;
    }
    #ie8 #joinNow .join_or {
    top:17px;
   }
    
    #joinNowSubmit {
    position:absolute;
    bottom:-18px;
    }
    
/* your stuff */
#yourStuff {
	height:500px; 
    width: 700px; 
    padding: 0;
    }
    #yourStuff .openSignInTabs {    	
	     background:#ffffff;	
	     color:#cccccc;
	     border-radius:5px 5px 0 0px;
	     -moz-border-radius:5px 5px 0 0px; 
	     -webkit-border-radius: 5px 5px 0 0px;
	       -khtml-border-radius: 5px 5px 0 0px;	 
	     -webkit-box-shadow:0 -1px 1px 0 #cccccc;
	     -moz-box-shadow:0 -1px 1px 0 #cccccc;
         box-shadow:0 -1px 1px 0 #cccccc;
	     z-index:500;
        }
    #yourStuff .closeYourStuffDiv {
        width: 100px;
        z-index: 1000;
        background-color: rgb(255, 255, 255);
        height: 30px !important;
        border-radius: 5px 0px 5px 5px;
        -moz-border-radius:5px 0px 5px 5px;
        -webkit-border-radius:5px 0px 5px 5px;
          -khtml-border-radius: 5px 0px 5px 5px;
        -webkit-box-shadow:0 5px 3px 1px ;
        -moz-box-shadow:0 5px 3px 1px;
        box-shadow:0 5px 3px 1px ;
        position:absolute; top:761px; right:0;
        }
    #yourStuff .btn-x-close-small {
        position:absolute; left:20px; top:10px;
        }    
    #yourStuff img.avitar {
	    float:left;
        }
    #yourStuff .yourStuff-logo {
        float:right; 
        position:absolute; right:20px; top:15px;
        background: #ffffff url('/images/headers/yourStuff.gif') no-repeat 0 0; width:78px; height:12px;
        /*background: #ffffff url("/images/buttons/btn-x-close-small.png") no-repeat 0 0; width:56px; height:11px ;       cursor: pointer;*/
        }
    #yourStuff .yourStuff-logo:hover {
        background-position:bottom center;
    }
    #yourStuff .yourStuff-avatar {
        float:left;
        /*background: #ffffff url('/images/headers/fishHeader.jpg') no-repeat 0 0; */
        width:140px; height:125px;
        position:absolute; top:15px; left: -10px;
        }
    #yourStuff .yourStuff-congrads {
        background:#ffffff url('/images/headers/congrads.gif') no-repeat 0 0; 
        position:absolute; left:160px; top:45px;
        height:30px; width:132px; 
        }
    #yourStuff .your-stuff-welcome {
        /*background:#ffffff url('/images/headers/congratulation.gif') no-repeat; */
        position:absolute;   left: 126px;
        top: 45px;
        height: 30px;
        width: 213px;}
   #yourStuff .badge_message_text
    {
        text-align: center;
        font-size: 12px !important;
        font-weight: bold;
        color:#000 !important;
        font-family:Arial !important;
        left:75px !important;
    }    
        
         #yourStuff .badge_message_text_Welcome
    {
        text-align: left;
        font-size: 12px !important;
        font-weight: bold;
        color:#000 !important;
        font-family:Arial !important;
        left:155px !important;
        }   
  
    #yourStuff #badgesContainer {
        overflow: hidden; height: 470px; width: 550px;
        }
        #yourStuff div#awardsContainer ul {
	        clear:both;
            }
        #yourStuff div#awardsContainer .nav {
            background: transparent url("/images/background/tabBkgdGradient.png") no-repeat 0 0; 
	        width:690px; height:41px; position: relative; z-index: 3; margin-left: 10px
            }
        #yourStuff div#awardsContainer ul li {
	        display:block;
	        float:left;
	        height:138px;
            }
        #yourStuff div#awardsContainer ul.nav li {
	        cursor:pointer;
	        margin:0 60px 0 0; *margin-right: 50px;
	        width:auto;
	        height:46px;
	        padding:0 30px;	  
	        position: relative;      
            }  
            #yourStuff div#awardsContainer ul.nav li img {
                margin-top:5px;	
                }
            #yourStuff div#awardsContainer ul.nav li.open {
	            background:#fff;
                }
            #yourStuff div#awardsContainer div.awards {
	            background: #ffffff;
	            margin:5px 0;
	            clear:both;
	            display:none;
	            height: 540px;
                }
            #yourStuff div#awardsContainer div.badges {
	            display:block;
                }
            #yourStuff #awardsContainer #badges {
                background-image: url(/images/buttons/tabs-badges.png); background-repeat: no-repeat; width: 50px;
                }
            #yourStuff #awardsContainer #badges.openSignInTabs, #yourStuff #awardsContainer #badges.openSignInTabs:hover {
                background-position: 26px 7px; width: 50px;
                }
            #yourStuff #awardsContainer #badges {
                background-position: 26px -29px;
                }
            #yourStuff #awardsContainer #badges:hover {
                background-position: 26px -65px;
                }
            #yourStuff #awardsContainer #goldfish {
                background-image: url(/images/buttons/tabs-character.png); background-repeat: no-repeat; width: 50px;
                }
            #yourStuff #awardsContainer #goldfish.openSignInTabs, #yourStuff #awardsContainer #goldfish.openSignInTabs:hover {
                background-position: 20px 7px; width: 50px;
                }
            #yourStuff #awardsContainer #goldfish {
                background-position: 20px -29px;
                }
            #yourStuff #awardsContainer #goldfish:hover {
                background-position: 20px -65px;
                }
            #yourStuff #awardsContainer #favorites {
                background-image: url(/images/buttons/tabs-favorites.png); background-repeat: no-repeat; width: 50px;
                }
            #yourStuff #awardsContainer #favorites.openSignInTabs, #yourStuff #awardsContainer #favorites.openSignInTabs:hover {
                background-position: 20px 7px; width: 50px;
                }
            #yourStuff #awardsContainer #favorites {
                background-position: 20px -29px;
                }
            #yourStuff #awardsContainer #favorites:hover {
                background-position: 20px -65px;
                }
            #yourStuff #awardsContainer #downloads {
                background-image: url(/images/buttons/tabs-downloads.png); background-repeat: no-repeat; width: 50px;
                }
            #yourStuff #awardsContainer #downloads.openSignInTabs, #yourStuff #awardsContainer #downloads.openSignInTabs:hover {
                background-position: 20px 7px; width: 50px;
                }
            #yourStuff #awardsContainer #downloads {
                background-position: 20px -29px;
                }
            #yourStuff #awardsContainer #downloads:hover {
                background-position: 20px -65px;
                }
        #yourStuff .starterbadge-message {
            background:transparent url("/images/background/superStarterOverlay.png") no-repeat 0 0; 
            width:435px; height:75px; 
            position:absolute; top:240px; left:120px;
            }
        #yourStuff .congrads-message, #yourStuff .welcome-message, #yourStuff .starterbadge-message {
            display:none;
            }
        #yourStuff .badge-message {
            position:absolute; top:78px; left:165px; 
            width: 580px;
            color:#484241; font-size: 15px;
            }  
            
           #yourStuff #btnPrint .badge-message {
            position:absolute; top:78px; left:165px; 
            width: 520px;
            color:#484241; font-size: 15px;
            }        
           
            
            #yourStuff #user-name-greeting{
	    float: left;
 	    clear: none;
            color: #e0462b;
           font: 28px BADABB;
            text-transform: uppercase;
             position: absolute;
             top: 44px;
            left: 155px;
            letter-spacing: 1pt;
            padding-left: 3px;
}
            
            
        #yourStuff #user-name-greetingWelcome {
            float: left; clear: none; color: #e0462b; 
            font:28px BADABB;
            text-transform: uppercase;
            position: absolute;
            top: 44px;
            left: 160px;
            letter-spacing: 1pt;
            }            
        #yourStuff #badge-message {
            font-family: Arial; font-size: 11px; 
            width: 380px;
            position:absolute; top:70px; left:165px;
            }
        #yourStuff #awardsContainer {            
            margin-top:140px;            
            }
            #yourStuff #awardsContainer .nav {
                width:600px;
                }
        #yourStuff #badgeTopBorder {            
            z-index: -10;             
            background: transparent url(/images/background/tab-inner-bg.png) no-repeat 0 0;
            *background: none;
            height: 25px; width: 673px;
            position: absolute; margin-left:10px;
            }
        #yourStuff .redBkgd {
                background:transparent url('/images/background/counterBkgd.gif') no-repeat 0 0; 
                padding:4px; width:22px; height:18px; display:inline-block; 
                color:#fff; font-weight:bold; text-align:center;
                }
       #btnPrint img {
                left:3px;
            }          
        /* badges tab */        
        #yourStuff .badges #earnedBadges {
            font-size: 14px; color:#666666;
            float: left; margin-left: 10px; margin-top: 10px;
            }       
        /* favorites tab */
            #yourStuff .favorites .fav-msg {
                padding-top: 15px; text-align: center; color:#666; font-size: 14px;
                }
            #yourStuff .favorites .fav-back {
                margin-left: 10px; background: url('/images/background/favBkgd.png') no-repeat scroll 0pt 0pt transparent; 
                height: 165px;
                }
            #yourStuff .favorites .fav-back p {
                font-size: 11px; font-style: italic; font-weight: bold; text-transform: uppercase;
                margin-left: 75px; float: left; margin-top: 20px; display:block; position:absolute;
                }
                #yourStuff .favorites .fav-back p span {
                    color:#ff6600;
                    }
                #yourStuff .favorites .fav-back ul {
                    width:560px; height:73px; 
                    margin:-62px 0 0 19px; position:absolute;
                    }
                #yourStuff .favorites .fav-back ul li {
                    margin:1px;
                    }
        /* downloads tab */
            #yourStuff .downloads .down-msg {
                padding: 15px 0px; 
                text-align: center; color:#666; font-style: italic; font-size: 14px;
                }
            #yourStuff .downloads .wal-back {
                margin-left: 10px; 
                background: url('/images/background/wallpaperBkgd.png') no-repeat scroll 0pt 0pt transparent; height: 158px;
                }
            #yourStuff .downloads .chat-back {
                margin-left: 10px; 
                background: url('/images/background/chatBkgd.png') no-repeat scroll 0pt 0pt transparent; height: 163px;
                }

/* badges tab detail */
#yourStuff .badges .badges-list {
    width: 690px;
    }
    #yourStuff .badges .badges-list .badge {
        background-image: url(/media/12515/badge-strong-starter.png);
        background-repeat: no-repeat; background-position: 0 -138px;             
        cursor: pointer;        
        overflow: hidden;
        width: 130px; height: 130px; float: left;
        }
        #yourStuff .badges .badges-list .badge.earned {
            background-position: 0 0;    
            }
    #yourStuff .badges .tooltip,
    .flash-detail div.tooltip {
        width: 400px !important; z-index: 2;
        }
    .flash-detail div.tooltip {
        z-index:20;
        }
    
    #yourStuff .badges div.tooltip.toolLeft .badge-info {
            left: -172px;
            position: absolute;
            z-index: -1;
            }

    #yourStuff .badges .badge-hover-image,
    .flash-detail div.tooltip .badge-hover-image {
        background-position: 0 -276px;
        background-repeat: no-repeat;
        height: 138px;
        left: 33px;
        position: relative;
        top: -14px;
        width: 138px !important; 
        float: left; 
        }
    #yourStuff .badges .badge-hover-image.adjTop {
        top: 14px;
        }
    #ie7 #yourStuff .badges .badge-hover-image.adjTop {
        top: 21px;
        }
    /* position for last 2 in row */
    #yourStuff .badges .tooltipEnd .badge-hover-image {
        float: right;
        left: -50px;
    }
    .flash-detail div.tooltipEnd .badge-hover-image {float:right;left:-34px}
    #yourStuff .badges .badge-info,
    .flash-detail div.tooltip .badge-info {
        color:#666666;    
	    font-size:13px;
	    /*height:65px;*/
	    width:251px !important;
	    /*padding: 22px 40px !important;
	    *border: 1px solid #cccccc;
	    border: 1px solid #cccccc\9;*/
        float: left;
	    position: relative;
        }     
    #yourStuff .badges .badge-info .badge-arrow,
    .flash-detail .badge-info .badge-arrow
    {
        width:15px;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        background: url("/images/box/tt-arrow.png") no-repeat left center;
        z-index: 20;
    }
    #yourStuff .badges .tooltipEnd .badge-info .badge-arrow,
    .flash-detail .tooltipEnd .badge-info .badge-arrow
    {
        background: url("/images/box/tt-arrow2.png") no-repeat left center;
        left: 244px;
    }
    #yourStuff .badges .badge-info .badge-top,
    .flash-detail .badge-info .badge-top
    {
        width: 251px;
        height: 21px;
        background: url("/images/box/tt-top.png") no-repeat 0px 0px;
    }      
    #yourStuff .badges .badge-info .badge-mid,
    .flash-detail .badge-info .badge-mid
    {
        width: 191px;
        padding: 0px 30px;
        background: url("/images/box/tt-bg.png") repeat-y 0px 0px;
        
    }
    #yourStuff .badges .badge-info .badge-btm,
    .flash-detail .badge-info .badge-btm
    {
        width: 251px;
        height: 17px;
        background: url("/images/box/tt-btm.png") no-repeat 0px 0px;
    }

        #yourStuff .badges .badge-info .badge-name,
        .flash-detail div.tooltip .badge-name{
            color: #83072d; text-transform: uppercase; font-size: 16px; float: none;
            }       
        #yourStuff .badges .badge-info .description,
        .flash-detail div.tooltip .description {
            color: #666666; font-size: 13px;
            }
        /* carousel set up */            
        #yourStuff #vert_scroll_wrap .scrollable {
            height:540px;
            width:690px;
            /*overflow-x:visible;
            overflow-y:hidden;*/
            }    
        #yourStuff #vert_scroll_wrap #scrollControls {position: absolute;right: 0px;top: 195px; z-index:501}
            #yourStuff #vert_scroll_wrap div.items {
                width:690px; margin-top: 10px;
                }            
        #yourStuff #vert_scroll_wrap div.items .badge {width: 130px;}       
        #yourStuff #vert_scroll_wrap div.items div {/*width:690px*/}        
        #yourStuff #vert_scroll_wrap div.items div div {
            /*width:690px;*/
            line-height: 1.2em;
            }    
        #yourStuff #vert_scroll_wrap div.items div div.badge-name,
        #yourStuff #vert_scroll_wrap div.items div div.description {
            width:170px
            }
        #yourStuff #vert_scroll_wrap div.items div div.description {
           padding-bottom:1px;
            }
            #yourStuff #vert_scroll_wrap div.items div div.current {
                padding-bottom:0px
                }     
/* position for last 2 in row 
#yourStuff .badges .tooltipEnd .badge-info {
	    /**border: 1px solid #cccccc;
	    border: 1px solid #cccccc\9;float: right;
    }
    #yourStuff .badges .tooltipEnd .badge-info .badge-name,
    #yourStuff .badges .tooltipEnd .badge-info .description{
        margin-left: -20px;
    }*/   
/* favorites tab detail */
        #yourStuff .favorites {
            position: relative;
            }
            #yourStuff .favorites .scrollable {
                height: 66px; width: 618px; top: 55px; left: 28px;
                }
        #yourStuff .favorites .scrollable .items .item {
            margin-right: 3px;
            width: 100px;
            }
        #yourStuff .favorites .scrollable .items .item img {
            width: 100px; height: 66px;
            }    
        #yourStuff .favorites a.browse {
            margin: 0;
            position: absolute;            
            z-index: 3;
        }    
        #yourStuff .favorites a.browse.prev {
            left: 5px;
        }
        #yourStuff .favorites a.browse.next {
            right: 10px;
        }
        #yourStuff .favorites a.fav1Prev, #yourStuff .favorites a.fav1Next {
            top: 105px;            
        }
        #yourStuff .favorites a.fav2Prev, #yourStuff .favorites a.fav2Next {
            top: 270px;            
        }
        #yourStuff .favorites a.fav3Prev, #yourStuff .favorites a.fav3Next {
            top: 435px;            
        }

/* downloads tab detail */
#yourStuff .downloads {
    position: relative;
    }    
#yourStuff .downloads a.browse {
    margin: 0;
    position: absolute;
    z-index: 3;
    }
#yourStuff .downloads a.browse.prev {
    left: 5px;
    }
#yourStuff .downloads a.browse.next {
    right: 10px;
    }
#yourStuff .downloads a.WallpaperPrev, #yourStuff .downloads a.WallpaperNext {
    top: 105px;
    }
#yourStuff .downloads a.ChatPrev, #yourStuff .downloads a.ChatNext {
    top: 285px;
    }            
#yourStuff .downloads #Wallpaper.scrollable {    
    height: 66px;
    left: 28px;
    top: 55px;
    width: 618px;
    }
#yourStuff .downloads #Chat.scrollable {    
    height: 104px;
    left: 14px;
    top: 55px;
    width: 637px;
    }    
#yourStuff .downloads #Wallpaper .item {
    margin-right: 3px;
    width: 100px;
} 
#yourStuff .downloads #Chat .item {
    margin-right: 3px;
    width: 125px;
}      
#yourStuff .downloads #Wallpaper img {
    height: 66px;
    width: 100px;
    }
#yourStuff .downloads #Chat img {
    height: 104px;
    width: 125px;
    }    
#yourStuff .downloads .wal-back p, #yourStuff .downloads .chat-back p {
    display: block;
    float: left;    
    font-style: italic;
    font-size: 11px;
    font-weight: bold;
    margin-left: 82px;    
    position: absolute;
    text-transform: uppercase;
    } 
#yourStuff .downloads .wal-back p {    
    margin-top: 17px;
    }     
#yourStuff .downloads .chat-back p {
    margin-top: 19px;
    } 
    #yourStuff .downloads .wal-back p span, #yourStuff .downloads .chat-back p span {
        color: #FF6600;
        }               
 /* starter badge customization */    
        #yourStuff .badges .starter-badge {
            background: transparent url(/images/background/starter-badge-tooltip.png) no-repeat 0 0 !important;
            width: 515px; height: 74px; display: none;
            position: absolute; top: 240px; left: 118px;
            z-index: 3;
            }                                               
/* ********************************************************************************* */


 
/* Home **************************************************************************** */
.placeholder {
    height: 81px;
    }
#Home .headerBanner {
    width:1156px; height: 305px;   
    clear:both;
    position: relative;
    top: 0;
    left: -100px;
}
#Home .main {
	position:relative; top: -40px;
	margin: 0px 0 10px 0;
	padding:25px 20px;
	background:#fff;
	border-color:#fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }
    #Home .main .featured {
        float: left;
        position:relative;
        width: 520px;
        padding:10px 20px 11px 0;
        margin: 3px 10px 0 0;
	    background:#fff;
        border:1px solid #d5d5d5;
        -moz-box-shadow: 0 0 3px #eae6e6;
        -webkit-box-shadow: 0 0 3px #eae6e6;
        box-shadow: 0 0 3px #eae6e6;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;    
        }
        #Home .main .featured .carousel-image {
            width: 512px; height: 370px; z-index: 1
            }    
    #Home .video {    
        width: 341px; position: relative;
        padding:35px 0 2px 17px;
        background: #ffffff url(/images/background/latest-video-bg.png) no-repeat top left;
        }
        #Home .video .Likes {
            padding: 10px 0;
            width: 328px;
            }
        #Home .video .view-more {
            float:right; margin-top: 3px;
            }
        #Home .video .play-hover {
            display: none;
            }
                
    #Home .promos {
        float: left;
        width: 341px;
        }
        #Home .promos .promo {
            padding: 0 0 5px 16px;
            }  
            #Home .promos .promo.last {
                padding-top: 0;
                } 
        #Home .bottom-callout {
            width: 905px; position: relative;
            padding:15px 0 2px 15px; margin: 10px 0 0 0;
            background: #ffffff url(/images/background/bottom-tout-bg.png) no-repeat top left;
            } 
        #Home .apps-landing-call {
              width: 893px; height: 153px;
              background: url(/images/home/mobile_xtreme_hoop_dream.jpg) no-repeat 0 0; display: block; text-indent: -9999px;
            }  
            #Home .apps-landing-call:hover {
                background-position: 0 -156px;
                }                  
        #Home .main .featured #games {
	        clear:both;
            }
        #Home .main .featured #games div.hpThumbs {
	        float:left;
	        padding-right:3px;
            }
        #Home.main .featured #games div.hpThumbs a.thumb img {
	        width:83px;
	        height:54px;
            }
        #Home #mainCarousal {
            width:513px;height:372px;position:relative; padding-bottom:33px;
            }        
        #Home .tabHead {
	        top:16px;
	        left:0;
	        display:block;
	        position:absolute;
	        font-style:italic;
	        font-weight:bold;
	        color:#fc7c00;
	        font-size:11px;
            }
        #Home .tabHead img{float:left;margin:-10px 7px 0 0;}
        #Home .tabHead span {
	        color:#000;
            }
        #Home .main .featured .tabHead {
	        left:12px;
            }
        #Home .main .video .tabHead {
	        left:12px; top: 21px;
            }
        #Home .main .video a.featuredCallout, #Home #Game .main .video a.featuredCallout {
	        padding:0;
	        margin:0;
	        display:block;
	        height:195px;
	        width:328px;
	        background:no-repeat center;
            }
            #Home .main .featured #mainCarousal .playNow {
                position:absolute;bottom:6px;left:6px;width:100%;background:#ffffff;width:500px;height:48px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -khtml-border-radius: 4px;
                border-radius: 4px;
                
                }
            #Home .main .featured #mainCarousal .Likes {
                padding:10px; float: right;
                }
            #Home .main .Likes a.true, #Home .main .Likes a.off  {
                margin-top: 6px; 
                }
                #Home .main .featured #mainCarousal .btn-play-now {
                    float:left;
                    }
            #Home .main .featuredImage {
                padding-top: 10px;
                }
            #Home .cntrBtnWrap.right .cntrlBtn.next {
                right: -5px;
            }

/* season 6 */
/*#Home .main-tout #choose-story {
    display: block; width: 330px; height: 220px; background: url(/images/season6/season6_HP_ep6_small1.jpg) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 0 0 10px;
    } */

 #Home .video-tout #choose-story {
    display: block; width: 330px; height: 192px; background: url(/images/home/fin_friend_dreams.png) no-repeat 0 0;
    overflow: hidden;position: relative;top: 15px;left: -10px;padding-bottom: 45px;
    text-indent: -9999px;
    margin: 0 0 0 10px;
    }     
        #Home .video-tout #choose-story:hover {
        background-position: 0 -237px;
        }   
 #Home .main-tout{
    display: block; width: 330px; height: 220px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 0 0 10px;
    } 
#Home #mainCarousal.promo-carousel {
    width: 515px; height: 498px;
    margin: 0px 0 0 0; padding: 0;position: relative;left: 13px;
    } 
    #Home #mainCarousal.promo-carousel .ctrls {
            z-index: 2999; top: 228px; display:none;
            }       
    #Home #mainCarousal.promo-carousel img, #Home #mainCarousal.promo-carousel .contentBox {
        width: 515px; height: 498px;
        }
    #Home #mainCarousal.promo-carousel .carousel-wrapper {
        height: 445px; 
        }        
#Home.choose-your-story .cntrBtnWrap {width: 26px; height: 77px; bottom: 250px}
#Home.choose-your-story .cntrBtnWrap .cntrlBtn {height: 77px;}
#Home.choose-your-story .cntrlBtn.prev div, #Home.choose-your-story .cntrlBtn.prev:hover div,
#Home.choose-your-story .cntrlBtn.next div, #Home.choose-your-story .cntrlBtn.next:hover div {
    width: 26px; height: 132px; background-image: url("/images/buttons/arrow-large.png");
    top: 12px;
    }
#Home.choose-your-story .cntrlBtn.prev div {
    left: 0px;
    }
#Home.choose-your-story .cntrlBtn.next div {
    right: -19px;
    }    
#Home.choose-your-story .cntrlBtn.prev:hover div {
    background-position: 0 -133px;
    }
#Home.choose-your-story .cntrlBtn.next:hover div {
    background-position: -32px -133px;
    }
#Home .promo-carousel .btn-play-now, #Home .promo-carousel .btn-play-now:hover {
    width: 136px; height: 48px; background-image: url('/images/buttons/btn-play-now.png');
    float: left;
    }
    #Home .promo-carousel .btn-play-now:hover {
        background-position: 0 -47px;
        }
#Home #mainCarousal.promo-carousel .playNow {
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    bottom: 6px;
    height: 35px;
    left: 6px;
    position: absolute;
    width: 318px;
    } 
#Home #mainCarousal.promo-carousel .Likes {float: right; padding: 3px; width: auto;}       
 #Home #mainCarousal.promo-carousel .Likes .title {font-size: 12px;}       
 #Home #mainCarousal.promo-carousel .Likes a {font-size: 10px;}       
/* ********************************************************************************* */

/* Site Map ************************************************************************ */
#SiteMap {
    margin-top: 50px;
}
#SiteMap a:hover {
    text-decoration: underline;
}
#SiteMap .main {
	position:relative;
	margin: 0px 0 10px 0;
	padding:25px 20px;
	background:#fff;
	border-color:#fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;    
    }
    #SiteMap .main .main-inner {
        position:relative;
        width: 890px;
        -moz-box-shadow: 0 0 3px #eae6e6;
        -webkit-box-shadow: 0 0 3px #eae6e6;
        box-shadow: 0 0 3px #eae6e6;
        padding:40px 15px 15px;
        margin: 0 auto;
	    background:#fff;
        border:1px solid #d5d5d5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;    
        }
        #SiteMap .main .main-inner .tabHead {
            left: 16px
            }
            
        #SiteMap .main .main-inner .sitemap-lists{padding-top: 30px;}
        
        #SiteMap .main .main-inner .sitemap-lists div.Fun-Zone.first-level,
        #SiteMap .main .main-inner .sitemap-lists div.Sitemap.first-level
        {
            float: none;
        }
        #SiteMap .main .main-inner .sitemap-lists div.Games
        {
            float: left;
        
        }
        #SiteMap .main .main-inner .sitemap-lists div.Videos,
        #SiteMap .main .main-inner .sitemap-lists div.Finn-and-Friends,
        #SiteMap .main .main-inner .sitemap-lists div.Team-Xtreme
        {
            position: relative;
            top: -50px;
            float: left;
        }
        #SiteMap .main .main-inner .sitemap-lists div div div
        {
            padding-left: 10px;
        }
        #SiteMap .main .main-inner .sitemap-lists div div
        {
            width: 100%;
            padding: 0 0 0 10px;
        }
        #SiteMap .main .main-inner .sitemap-lists .Games .second-level a
        {
            text-transform: capitalize;
        }
        #SiteMap .main .main-inner .sitemap-lists div.first-level
        {
            width: 30%;
            padding-left: 1%;
            padding-bottom: 30px;
            line-height: 18px;
            float:left;
        }
        #SiteMap .main .main-inner .sitemap-lists div.Videos div
        {
            padding-top: 8px;
        }
        
        #SiteMap .main .main-inner .sitemap-lists div.Videos div div
        {
            padding-top: 0;
        }
        #SiteMap .main .main-inner .sitemap-lists div.Games div a,
        #SiteMap .main .main-inner .sitemap-lists div div div a
        {
            text-transform: none;
            font-weight: normal;
            padding-bottom: 0px;
        }
        #SiteMap .main .main-inner .sitemap-lists div.Games .col-header, #SiteMap .main .main-inner .sitemap-lists div.Finn-and-Friends .col-header
        {
            padding-bottom: 8px;
        }
        #SiteMap .main .main-inner .sub-col-header,
        #SiteMap .main .main-inner .sitemap-lists div div a
        {
            font-size: 12px;
            color: #4d8bc3;            
            text-transform: uppercase;
            font-weight: bold;
            padding: 8px 0 3px;
        }
        #SiteMap .main .main-inner .col-header {
            font-size: 12px;
            font-weight: bold;
            color: #000;            
            text-transform: uppercase;
            display: block;            
            }
        #SiteMap .main .main-inner .Finn-and-Friends .second-level a, #SiteMap .main .main-inner .Team-Xtreme .second-level a {
            font-weight: normal; text-transform: capitalize;
            }
        #SiteMap .main .main-inner .Finn-and-Friends .second-level span {
            text-transform: none;
            }   
            
/* hide season6 */               
#SiteMap .Season-6 {display: none}
/* ********************************************************************************* */

/* Game Landing ******************************************************************** */
#GameLanding #share {
    right: 0;
    top: 20px;
    }
   #ie7 #GameLanding #share {top: 20px;} 
   #ie8 #GameLanding #share {top: -31px;}
#GameLanding .Likes.post {
    background: #515151;
    display: inline-block; padding-right: 5px;
    position: absolute; right: 230px; top: 95px;
    }
    #GameLanding .Likes.post a, #GameLanding .Likes.post a:visited {
        color: #F8F0EF;
    }    
#GameLanding .main {
    background: url("/images/background/featured-games-bg.png") no-repeat scroll 0 0 transparent;
    height: 568px;
    margin: 50px 0 0;
    padding: 25px 20px 0 30px;
    width: 909px;
    }
    #GameLanding .main .featured {
        float: left;
        width: 653px; padding: 30px 0 0 17px; 
        }
    #GameLanding .main .top-games {
        float: right;
        width: 235px; 
        }
    #GameLanding #mainCarousal {
        height: 440px;
        padding-bottom: 33px;
        position: relative;
        width: 654px;
        }
        #GameLanding #mainCarousal .carousel-wrapper {
            height: 440px;
            position: relative;
            width: 10000px;
            }
            #GameLanding #mainCarousal .carousel-wrapper .contentBox {                
                height: 440px;
                width: 654px;
                }    
        #GameLanding .main .featured .carousel-image {
            height: 440px;
            width: 654px;
            }    
        #GameLanding .main .featured #mainCarousal .playNow {
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 4px 4px 4px 4px;
            bottom: 6px;
            height: 48px;
            left: 6px;
            position: absolute;
            width: 643px;
            top:385px;
            }
        #GameLanding .cntrBtnWrap {
            bottom: 198px;
            }
        #GameLanding a.browse:hover, #GameLanding a.cntrlBtn:hover {
            text-decoration: none;
            }     
        #GameLanding .main .featured #mainCarousal .btn-play-now {
            float: left;
            }
        #GameLanding .main .featured #mainCarousal .ctrls {            
            top: 454px;
            }      
        #GameLanding .main .featured #mainCarousal .Likes {
            float: right;
            padding: 10px;
            }
        #GameLanding .main .Likes a {
            margin-top: 6px;
        } 
#GameLanding .top-games-header {
    display: block;
    background: transparent url(/images/headers/topgames-header.png) no-repeat 0 0;
    width: 208px; height: 47px;
    margin: 10px 0 0 20px;
    }
    #GameLanding .top-games-header p {
        text-transform: uppercase; color: #FC7C00; font-size: 11px; font-style: italic; font-weight: bold; padding: 12px 0 0 90px;
        }
        #GameLanding .top-games-header p span {
            color: #000;
            }
            
    #GameLanding .top-games .game {
        margin: 0px 0 20px 38px;
        position: relative;
        }
    #GameLanding .top-games .game-name {
        color: #666060; font-size: 13px; text-transform: capitalize;
        margin-top: 3px;
        }    
    #GameLanding .top-games .Likes {
        background: url("/images/background/likes-ribbon.png") no-repeat scroll 0 0 transparent;
        height: 40px; width: 89px;
        padding: 0 0 0 2px;
        position: absolute; right: 3px; top: 55px;        
        }
#GameLanding #gallery {
    background:#fff; position: relative; z-index: 3;
    border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; 
    -webkit-border-radius: 0px 0px 8px 8px; -khtml-border-radius: 0px 0px 8px 8px; 
    padding: 49px 0 50px 39px;
    } 
    #GameLanding #gallery .all-games-header img {
        float: left;
        padding-right: 4px;
        margin-top: -12px;
        }
    #GameLanding #gallery .all-games-header {
        font-size: 11px; font-style: italic; font-weight: bold; color: #FC7C00; text-transform: uppercase;
        display: block; position: absolute; left: 36px; top: 20px;
        }        
        #GameLanding #gallery .all-games-header span {
            color: #000000;
            }
        #GameLanding #gallery .game-thumb {
            width: 166px; height: 130px;
            float: left;
            margin: 0 10px 10px 0;
            }
   #GameLanding #gallery .tooltip {
        float: left;
        width: 165px; padding: 13px 13px 5px 13px;
        background:#fff; 
        border-radius: 6px 6px 6px 6px ; -moz-border-radius: 6px 6px 6px 6px ; 
        -webkit-border-radius: 6px 6px 6px 6px ; -khtml-border-radius: 6px 6px 6px 6px ;
        border: 2px solid #b1adad;
        z-index: 9999;        
        line-height: 16px;        
        }    
    #GameLanding #gallery .tooltip {
        min-height: 250px;
        }        
        #GameLanding #gallery .tooltip .image {
            width: 166px; height: 108px;
            margin-bottom: 5px; position: relative;
            }
            #GameLanding #gallery .tooltip .image img {
                margin-bottom: 5px;
                }
        #GameLanding #gallery .tooltip .info {
            
            }
            #GameLanding #gallery .tooltip .info .name {
                color: #ac0c67; font-size: 16px; 
                margin-bottom: 5px;
                }
            #GameLanding #gallery .tooltip .info .description {
                color: #666666; font-size: 13px;
                margin-bottom: 10px;
                }
            #GameLanding #gallery .tooltip .Likes a.true, #GameLanding #gallery .tooltip .Likes a.off {
                float: none;
                margin-bottom: 10px;
                }
            #GameLanding #gallery .tooltip .btn-play-now-small, #GameLanding #gallery .tooltip .btn-play-now-small:hover {
                position: absolute; left: 35px; top: 35px;
                }
/* ********************************************************************************* */
/* Supposed fix for Firefox's Flash bug */ 


/* Videos Landing ******************************************************************** */
#VideoLanding #share {
    right: 0;
    top: 20px;
    }
    
   #ie7 #VideoLanding #share{top: 20px;} 
   #ie8 #VideoLanding #share {top: -31px;} 
#VideoLanding .Likes.post {
    background: #515151;
    display: inline-block; padding-right: 5px;
    position: absolute; right: 230px; top: 95px;
    }
    #VideoLanding .Likes.post a, #VideoLanding .Likes.post a:visited {
        color: #F8F0EF;
    }    
#VideoLanding .main {
    background: url("/images/background/featured-videos-bg.png") no-repeat scroll 0 0 transparent;
    height: 563px;
    margin: 50px 0 0;
    padding: 25px 20px 0 30px;
    width: 909px;
    }
    #VideoLanding .main .featured {
        float: left;
        width: 653px; padding: 30px 0 0 17px; 
        }
    #VideoLanding .main .top-videos {
        float: right;
        width: 235px; 
        }        
        
    #VideoLanding #mainCarousal {
        height: 440px;
        padding-bottom: 33px;
        position: relative;
        width: 654px;
        }
        #VideoLanding #mainCarousal .carousel-wrapper {
            height: 440px;
            position: relative;
            width: 10000px;
            }
            #VideoLanding #mainCarousal .carousel-wrapper .contentBox {                
                height: 440px;
                width: 654px;
                }    
        #VideoLanding .main .featured .carousel-image {
            height: 440px;
            width: 654px;
            position: relative;
            }    
            #VideoLanding .main .featured .carousel-image img {
                left: 265px;
                position: absolute;
                top: 140px;
                }     
        #VideoLanding .main .featured #mainCarousal .playNow {
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 4px 4px 4px 4px;
            bottom: 6px;
            height: 48px;
            left: 6px;
            position: absolute;
            width: 643px;
            z-index: 20;
            top:385px;
            }
        #VideoLanding .main .featured #mainCarousal .title {            
            float: left;
            margin: 10px 0 0 20px;
        }
            #VideoLanding .main .featured #mainCarousal .title .name {
                color: #dd4733; font-size: 22px; margin-right: 30px;
                }
            #VideoLanding .main .featured #mainCarousal .title .season, #VideoLanding .main .featured #mainCarousal .title .divider,
            #VideoLanding .main .featured #mainCarousal .title .episode {
                color: #7f7979; font-size: 12px;
                text-transform:uppercase;
                }
                
            #VideoLanding .main .featured #mainCarousal .title .divider {padding: 0 5px;}    
        #VideoLanding .cntrBtnWrap {
            bottom: 198px;
            }
        #VideoLanding .main .featured #mainCarousal .btn-play-now {
            float: left;
            }
        #VideoLanding .main .featured #mainCarousal .ctrls {            
            top: 454px;
            }      
        #VideoLanding .main .featured #mainCarousal .Likes {
            float: right;
            padding: 10px;
            }
        #VideoLanding .main .Likes a {
            margin-top: 6px;
        } 
#VideoLanding .top-videos-header {
    display: block;
    background: transparent url(/images/headers/topgames-header.png) no-repeat 0 0;
    width: 208px; height: 47px;
    margin: 10px 0 0 20px;
    }
    #VideoLanding .top-videos-header p {
        text-transform: uppercase; color: #FC7C00; font-size: 11px; font-style: italic; font-weight: bold; padding: 12px 0 0 90px;
        }
        #VideoLanding .top-videos-header p span {
            color: #000;
            }
    #VideoLanding .top-videos .game {
        margin: 0 0 20px 38px;
        position: relative;
        }
    #VideoLanding .top-videos .game-name {
        color: #666060; font-size: 13px; text-transform: capitalize;
        margin-top: 3px;
        }    
    #VideoLanding .top-videos .Likes {
        background: url("/images/background/likes-ribbon.png") no-repeat scroll 0 0 transparent;
        height: 40px; width: 84px;
        padding: 0 0 0 10px;
        position: absolute; right: 3px; top: 55px;        
        }
#VideoLanding #gallery {
    background:#fff; position: relative; z-index: 3;
    border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; 
    -webkit-border-radius: 0px 0px 8px 8px; -khtml-border-radius: 0px 0px 8px 8px; 
    padding: 49px 0 30px 20px;
    } 
    #VideoLanding #gallery .all-videos-header img {
        float: left;
        padding-right: 4px;
        margin-top: -10px;
        }
    #VideoLanding #gallery .all-videos-header {
        font-size: 11px; font-style: italic; font-weight: bold; color: #FC7C00; text-transform: uppercase;
        display: block; position: absolute; left: 25px; top: 24px;
        }        
        #VideoLanding #gallery .all-videos-header span {
            color: #000000;
            }
        #VideoLanding #gallery .game-thumb {
            width: 166px; height: 130px;
            float: left;
            margin: 0 10px 10px 0;
            }
    #VideoLanding #gallery .tooltip {
        float: left;
        width: 165px; padding: 13px 13px 5px 13px;
        background:#fff; 
        border-radius: 6px 6px 6px 6px ; -moz-border-radius: 6px 6px 6px 6px ; 
        -webkit-border-radius: 6px 6px 6px 6px ; -khtml-border-radius: 6px 6px 6px 6px ;
        border: 2px solid #b1adad;
        z-index: 9999;        
        line-height: 16px;        
        }    
    #VideoLanding #gallery .TvEpisodes .tooltip, #VideoLanding #gallery .WebCartoons .tooltip {
        min-height: 280px;
        }
    #VideoLanding #gallery .TeamXtremeVideos .tooltip {
        min-height: 180px;
        }        
        #VideoLanding #gallery .tooltip .image {
            width: 166px; height: 108px;
            margin-bottom: 5px; position: relative;
            }
            #VideoLanding #gallery .tooltip .image img {
                margin-bottom: 5px;
                }
        #VideoLanding #gallery .tooltip .info {
            
            }
            #VideoLanding #gallery .tooltip .info .name {
                color: #ac0c67; font-size: 16px; 
                margin-bottom: 5px;
                }
            #VideoLanding #gallery .tooltip .info .description {
                color: #666666; font-size: 13px;
                margin-bottom: 10px;
                }
            #VideoLanding #gallery .tooltip .Likes a.true, #VideoLanding #gallery .tooltip .Likes a.off {
                float: none;
                margin-bottom: 10px;
                }
            #VideoLanding #gallery .tooltip .btn-play-now-small, #VideoLanding #gallery .tooltip .btn-play-now-small:hover {
                position: absolute; left: 35px; top: 35px;
                }

#VideoLanding #gallery #video-nav-back {
    background-image:url('/images/background/videoTabBkgd.png'); 
    background-repeat:no-repeat; 
    width:900px; height:40px; 
    margin-top:20px; margin-left:2px; 
    z-index:1;
    }
#VideoLanding #gallery .nav {
    height: 55px;
    position: absolute;
    top: 65px;
    z-index: 20;
    }
#VideoLanding #gallery .nav li{position: relative;float:left; margin-right:50px;}

#VideoLanding #gallery .openSignInTabs
{    	
	 background-color:#fff;	
	 color:#ccc !important;
	 border-radius:8px 8px 0 0px;
	 -moz-border-radius:8px 8px 0 0px;  
	 -webkit-border-radius: 8px 8px 0 0px;
	   -khtml-border-radius: 8px 8px 0 0px;	  
	 -webkit-box-shadow:0 -1px 1px 0 #888;
	 -moz-box-shadow:0 -1px 1px 0 #888;
     box-shadow:0 -1px 1px 0 #888; 
	 z-index:500;
	 height:44px;	
}

#VideoLanding #gallery .nav #TvEpisodes {
    padding: 0 20px 0 5px;
    }
#VideoLanding #gallery .nav #WebCartoons {
    padding: 0 20px;
    }
#VideoLanding #gallery .nav #TeamXtremeVideos {
    padding: 0 20px 0 9px;
    }
#VideoLanding #gallery .nav #TvEpisodes div.navText, #VideoLanding #gallery .nav #WebCartoons div.navText, #VideoLanding #gallery .nav #TeamXtremeVideos div.navText
{background-image:url('/images/headers/video-tabs-sprite.png'); position:relative; top:18px;}

#VideoLanding #gallery .nav #TvEpisodes div.navText{height:15px; width:106px; background-position:0 -17px;}
#VideoLanding #gallery .nav #TvEpisodes.openSignInTabs div.navText, #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs div.navText:hover{background-position:0 0;  z-index:15; cursor:default;}
#VideoLanding #gallery .nav #TvEpisodes div.navText:hover{ background-position:0 -32px; cursor:pointer;}

#VideoLanding #gallery .nav #WebCartoons div.navText{height:15px; width:106px; background-position:0 -68px;}
#VideoLanding #gallery .nav #WebCartoons.openSignInTabs div.navText, #VideoLanding #gallery .nav #WebCartoons.openSignInTabs div.navText:hover{background-position:0 -50px; z-index:15; cursor:default;}
#VideoLanding #gallery .nav #WebCartoons div.navText:hover{ background-position:0 -85px; cursor:pointer;}
#VideoLanding #gallery .nav #WebCartoons h2 {position:absolute; margin-top:120px; margin-left:40px}

#VideoLanding #gallery .nav #TeamXtremeVideos div.navText{height:14px; width:106px; background-position:0 -119px;}
#VideoLanding #gallery .nav #TeamXtremeVideos.openSignInTabs div.navText, #VideoLanding #gallery .nav #TeamXtremeVideos.openSignInTabs div.navText:hover {background-position:0 -102px; z-index:15; cursor:default;}
#VideoLanding #gallery .nav #TeamXtremeVideos div.navText:hover{ background-position:0 -136px; cursor:pointer;}
#VideoLanding #gallery .nav #TeamXtremeVideos h2 {position:absolute; margin-top:120px; margin-left:40px}

#VideoLanding #gallery #videoBorder {height: 40px; width:905px; z-index:1; border-radius: 0px 8px 0pt 0pt; -moz-border-radius:0px 8px 0pt 0pt;
	-webkit-border-radius:0px 8px 0pt 0pt;  -khtml-border-radius:0px 8px 0pt 0pt;	   position: absolute; margin-top:0px; margin-left:0px; z-index:10; COLOR:#CCC; -webkit-box-shadow:0 -1px 1px 0 ;
	-moz-box-shadow:0 -1px 1px 0;
	box-shadow:0 -1px 1px 0; }

#VideoLanding #gallery .TvEpisodes, #VideoLanding #gallery .WebCartoons, #VideoLanding #gallery .TeamXtremeVideos {
    padding: 50px 15px 15px;
    }
#VideoLanding #gallery .TvEpisodes .season, #VideoLanding #gallery .WebCartoons .season 
{
    margin-bottom: 13px; padding: 15px 0 0 15px; 
    position: relative; 
    background-image:url('/images/background/seasonBkgd.png'); background-repeat:no-repeat; 
    height:139px; width:852px; 
    }
#VideoLanding #gallery .TvEpisodes .season h3, #VideoLanding #gallery .WebCartoons .season h3 {
    color: #666666;
    font-family: Arial;
    font-weight: bold;
    left: 3px;
    margin: -30px 0 10px 2px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    }
    
#VideoLanding #gallery .WebCartoons, #VideoLanding #gallery .TeamXtremeVideos{display:none;}

#VideoLanding #gallery .TeamXtremeVideos .item {
            width: 166px; height: 130px;
            float: left;
            margin: 10px 10px 0px 0;
            }

#ie7 #VideoLanding #gallery .TeamXtremeVideos .item 
{
    height: auto;
}
#ie7 #VideoLanding #gallery .TeamXtremeVideos {padding-top: 10px;}
/* flowplayer carousel overwrite */
#VideoLanding a.browse:hover, #VideoLanding a.cntrlBtn:hover {
    text-decoration: none;
    } 

#VideoLanding #gallery .scrollable {
	height:139px; width:835px; 	
	z-index: 2;
    }
    #VideoLanding #gallery .tooltip.tooltipEnd
    {
        padding-left: 15px;
    }
    #VideoLanding #gallery .tooltipEnd .info {
	    float: left;
    }
    #VideoLanding .tooltipEnd .info .name,
    #VideoLanding #gallery .tooltipEnd .info .description,
    #VideoLanding #gallery .tooltipEnd .info .image-link,
    {
        margin-left: -20px;
    }
    #VideoLanding #gallery .tooltipEnd .image 
    {
        position:relative;
        float: right;
	    margin: 0;
    }
    
#VideoLanding #gallery .scrollable .items {
	z-index: 100;
    }    
#VideoLanding #gallery .scrollable .items .item {
	width: 166px;
	margin-right:1px;
    }
#VideoLanding #gallery .scrollable img {
    width: 166px;
    height: 108px;    
    }
#VideoLanding #gallery a.browse {
    position: absolute; top: 45px; z-index: 3; margin: 0;
    }
#VideoLanding #gallery a.browse:hover {
    text-decoration: none;
    }    
#VideoLanding #gallery a.browse.prev {
    left: -5px;
    }
#VideoLanding #gallery a.browse.next {
    right: -10px;
    }    
#VideoLanding #gallery .seasonEpisode {
    margin-bottom: 5px;
    }    
/* ********************************************************************************* */

/* Game/Video detail common ******************************************************** */
.flash-detail {
    background: #000;
    width: 100%;
    position: relative;
    }
.flash-detail #backHome {
    position: absolute;
    top: 0;
    left: 0;
    }
.flash-detail #Wrapper {
    background: #000;
    width: 945px;
    margin: auto;
    }

.flash-detail #ContentContainer,
.flash-detail #backHome {top:10px !important}
    
    
/* *********************************************************************************
NOTIFICATION AREA
********************************************************************************** */


#notificationArea {
    height:0;overflow:hidden;position: absolute;right: 0px;top: 460px;width: 943px;
    background:#fff;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    }
    
    #ie7 #notificationArea,
    #ie8 #notificationArea {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        behavior: url(/scripts/PIE.htc);
    }    
    #notificationArea #logIn {height:60px}
    
        #notificationArea #logIn .btns {float:right;position:relative;top:-42px;width:340px;}
        
        #ie7 #notificationArea #logIn .btns {top:-58px;}
        
        #notificationArea #logIn .btns .btns-links,
        #notificationArea #logIn .btns .btns-btn {float:right}
        
        #notificationArea #logIn .btns .btns-links {margin:17px 0 0 10px;width:200px}
        
        #ie7 #notificationArea #logIn .btns .btns-links {width:200px}
        
        #notificationArea #logIn .btns .btns-links * {float:left; color:#4d8bc3;font-style:italic}
        
        #notificationArea #logIn .btns .btns-links .divider {margin:0 5px;float:left;font-style:normal}
        #notificationArea #logIn .btns .btns-links .member {display:none;}
        #notificationArea #logIn .btns .btns-links #forgotPassword { float:left;}
    
        #notificationArea #logIn #invaildLogIn {position:absolute}
    
#notificationArea #lostPassword {height:200px}
    
    #notificationArea #lostPassword .btns {text-align:left;padding-top:0;position:relative;top:-41px;right:100px;}
    #notificationArea #lostPassword .btns * {float:right;}
    #notificationArea #lostPassword .btns .btns-links {margin:15px 0 0 10px;}
    #notificationArea #lostPassword .btns .btns-links a {margin:0;}
    
    #notificationArea a.notif_close{
        display:block;
        height:33px;
        width:137px;
        background:url(/images/gamesDetail/notifClose.jpg) no-repeat 0 0;
        cursor:pointer;
        margin: 0 auto;
        }
    #notificationArea #logIn,
    #notificationArea #lostPassword,
    #notificationArea #joinNow,
    #notificationArea #aquiredBadges {
        padding: 95px 44px 0px; width:855px;
        }
    #notificationArea #logIn {
        background: url(/images/gamesDetail/signInHdr.gif) no-repeat 50% 40px;
    }
        
    #notificationArea .gameLogIn {
        background: none !important;
        padding: 10px 44px 0px 20px !important; 
        width: 879px !important;
        height: 180px !important;
    }

    #notificationArea .gameLogInConfirm {
        background: url(/images/background/login_confirmation.png) no-repeat center !important;
    }
    
     #notificationArea .RegisterGameLogInConfirm {
        background: url(/images/background/login_confirmation.png) no-repeat center !important;
    }
    
    #notificationArea .gameLogIn #badgesWrapper 
    {
        float: left;
        background: url(/images/background/badges_hold_new.jpg) no-repeat;
        width: 474px;
        height: 180px;
        overflow-y: auto;
        font-family: BADABB;
        font-size: 22px;
        letter-spacing: 0.5px;
        color: #000;
    }
    
    #notificationArea .gameLogIn #badgesWrapper .saveBadgesText
    {
        color: #fc6900;
    }
    
    #notificationArea .gameLogIn #badgesWrapper #aquiredBadges
    {
        background: none !important;
        width: auto;
        padding: 15px 0 0;
    }
    
    #notificationArea .gameLogIn #logInWrapper 
    {
        float: left;
        margin-left: 20px;
    }
    
    #notificationArea .gameLogIn .btns {width:360px !important;margin-left:20px !important; top: 0px !important;}
    #notificationArea .gameLogIn .btns .btns-btn,#notificationArea #joinNowGame .btns .btns-btn {margin-top:-40px !important;}
    #notificationArea .gameLogIn .btns .btns-btn .btn-signin {float:right !important;}
    #notificationArea .gameLogIn .btns .btns-links {clear:both !important; float:none !important; margin:0 !important;}
    #notificationArea .gameLogIn #invaildLogIn {margin-left:50%;margin-top:150px;}
    
    
    #notificationArea #lostPassword {
        background: url(/images/gamesDetail/joinHdr.gif) no-repeat 50% 40px;
    }
    #notificationArea #joinNow {
        background: url(/images/gamesDetail/joinHdr.gif) no-repeat 50% 40px;
    }
    #notificationArea #aquiredBadges {
        background: url(/images/gamesDetail/badges_keep_playing.png) no-repeat 50% 40px;
    }
    #notificationArea #logIn div.row,
    #notificationArea #lostPassword div.row,
    #notificationArea #joinNow div.row,#notificationArea #joinNowGame div.row
     {width:270px;float:left;padding:0 !important}
    
    #notificationArea #lostPassword div.row {margin-top:20px;}
    #notificationArea #joinNow div.row {width:290px; margin-bottom:20px;}
   
        #notificationArea #logIn div.row label,
        #notificationArea #lostPassword div.row label,
        #notificationArea #joinNow div.row label {
            margin-bottom:10px;
            font-style:italic;color:#483b3b;font-size:140%
            }
        
        #notificationArea #logIn div.row input,
        #notificationArea #lostPassword div.row input,
        #notificationArea #joinNow div.row input,
        #notificationArea #joinNowGame div.row input {
           /* border:0 none;*/ height:37px;width:395px;padding:0 5px;
            background: url(/images/gamesDetail/inputBg.gif) no-repeat 0 0;
            }
        
            #notificationArea #joinNow .yourStuffIMG,
            #notificationArea #joinNow #joinHeaderIMG,
            #notificationArea #joinNow #joinNowFormBkgd,
            #notificationArea #joinNow #joinNowBkgd,
            #notificationArea #joinNow #joinHeaderText,
            #notificationArea #joinNow #joinNowFormWrapper p,
            #notificationArea #joinNow .closeJoinFormDiv,
            #notificationArea #joinNow .btns-links {display:none;}

            #notificationArea #joinNow #joinNowFormWrapper p.error,
            #notificationArea #joinNowGame #joinNowFormWrapper p.error {display:block;text-align:left;}

        #notificationArea #joinNow #joinNowFormWrapper ,
        #notificationArea #joinNowGame #joinNowFormWrapper
        {position:relative;height:180px;display:block;top:0;left:5px;width:100%}
        #notificationArea #joinNow #joinNowFormWrapper div.btns,
        #notificationArea #joinNowGame #joinNowFormWrapper div.btns
         {padding-top:0;position:absolute;top:50px;right:140px}
        #notificationArea #joinNow #joinNowFormWrapper .selectBox-dropdown,
        #notificationArea #joinNowGame #joinNowFormWrapper .selectBox-dropdown
         {background:url(/images/background/inputBg.gif) no-repeat 0 0; height: 27px; width: 238px;}
        #notificationArea #joinNow #joinNowFormWrapper .selectBox-dropdown .selectBox-arrow,
        #notificationArea #joinNowGame #joinNowFormWrapper .selectBox-dropdown .selectBox-arrow {right: 0; width: 40px;	height: 100%; background: url(/images/background/selectArrow.gif) 50% 5px no-repeat;}

#notificationArea div.Chain {
    width:350px;margin:20px 0 0 30px;min-height:108px;padding:14px 14px 14px 202px;
    background-color: #f3f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;    
    }
#notificationArea div.Chain.promo 
{
	min-height:150px;
    width:310px;margin:20px 0 0 30px;min-height:108px;padding:14px 14px 14px 242px;
}
#notificationArea div.Chain img.engagementHeader {clear:both;margin:0 0 14px 0}

#notificationArea div.Chain h4 {font-size: 1.25em;font-weight: bold; margin-bottom: 14px;text-transform: uppercase;}

#notificationArea div.Chain p {font-size: 1.25em; width:200px;margin-bottom:10px;color:#7f7979}

#notificationArea div.Chain .goldFish  {
    height:137px;width:142px;
    position:absolute;top:77px;left:650px;
    background: url(/images/gamesDetail/goldfish.jpg) no-repeat 0 0
    }

/* ********************************************************************************* */

/* Game Detail ********************************************************************* */ 
#GameDetail {background:#000;width:100%;position:relative}


#GameDetail #ContentContainer {
    margin:0 auto;height:430px;width:943px;
    background:#fff url(/images/gamesDetail/notifOpenBg.jpg) repeat-x bottom left;
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
    padding-top:48px;padding-bottom:0; position:absolute;z-index:0;
    behavior: url(/scripts/PIE.htc);
    }
    
#GameDetail #ContentContainer #container object {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 25px;
    visibility: visible;
    }
#GameDetail #ContentContainer #idCheck {padding:250px 0;}
#GameDetail #notLogIn {margin: auto;width: 95%;}
#GameDetail #notLogIn h2 {text-align:center;margin-bottom:70px;}
#GameDetail #notLogIn #signInDiv {width:55%;float:left;}
#GameDetail #notLogIn #signInDiv {background: url(/images/gamesDetail/or.gif) no-repeat 100% 0}
#GameDetail #notLogIn #signInDiv p {text-align:center;}
#GameDetail #notLogIn #signInDiv p:first-child {margin:0px 0px 30px;padding:0;text-align:center;font-size:180%;color:#9e9c9c}
#GameDetail #notLogIn #signInDiv a {margin:10px auto}
#GameDetail #notLogIn #signInDiv p#p-join-now {font-style:italic;font-size:100%;color:#484241;}
#GameDetail #notLogIn #signInDiv p#p-join-now a {color:#4d8bc3;font-style:normal;left:0; font-style:italic;}

#GameDetail #notLogIn #okDiv {width:45%;float:left;text-align:center;position:relative}
#GameDetail #notLogIn #okDiv p {margin-top:55px;font-size:180%;color:#9e9c9c;padding:0 114px 0 144px;text-align:left;}
#GameDetail #notLogIn #okDiv a {left: 143px;
    position: absolute;
    top: 153px;}

 #GameDetail #ContentContainer.hidden #container {display:none;}
 #GameDetail #ContentContainer.hidden {background: transparent;}
 #GameDetail #whiteModal {
    behavior: url(/scripts/PIE.htc);
    display:block;
    background-color:#fff;
    margin:0;
    position:absolute;
    height:20px;width:40px;
    top:285px;
    left:467px;
    border-radius: 8px; 
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
    }

#GameDetail #gameBadges,
#GameDetail #favorites {
    width:94%;position:relative;
    padding:33px 0 0 0px; margin-left:15px;
    background: url(/images/gamesDetail/badgesHdr.jpg) no-repeat 50% 5px;
    }
    
#GameDetail #favorites {    
    background: url(/images/gamesDetail/favsHdr.jpg) no-repeat 50% 5px;
    }
    
#aquiredBadges div.badge,
#gameBadges .badge {
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 120px;
    overflow: hidden;
    width: 120px;
    }

#gameBadges #scroll_wrap div.items div,
#favorites #scroll_wrap div.items div {
    width: 128px;
}
#gameBadges .scrollable,
#favorites .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	height: 150px;
	width: 405px;
	margin-left:25px;
}

#favorites .scrollable {width:342px;}

/* root element for scrollable items */
#gameBadges .scrollable .items,
#favorites .scrollable .items {
	position:absolute;
    width:20000em;
	/* this time we have very large space for the height */
	height:140px;
	padding-top:10px;
}
#gameBadges a.browse,
#favorites a.browse {
    width:41px !important
    }
#gameBadges #scroll_wrap a.browse.prev,
#favorites a.browse.prev {
    left: 0px;
    margin: 0;
    position: absolute;
    top: 86px;
    z-index: 3;
}
#gameBadges #scroll_wrap a.browse.next,
#favorites a.browse.next {
    right: 0px;
    margin: 0;
    position: absolute;
    top: 86px;
    z-index: 3;
}

#favorites #favs {margin: 18px 0 0 50px}

#favorites .items div {width:166px;height:108px;overflow:hidden;margin-right:10px}
#notificationArea div#profileWrapper {float:left;width:100%}
#notificationArea div.profWrapper {float:left;width:470px;height:auto}

#notificationArea #aquiredBadges p#earned {margin-bottom:10px;float:none;width:200px;height:20px;color:#7f7979}
#notificationArea #aquiredBadges div.acquired {background-position: 0px -19px}
#notificationArea #aquiredBadges div.first {background-position: 0px -19px; padding:0}
#notificationArea #aquiredBadges div.first div.badgeSep {display:none}
#notificationArea #aquiredBadges div.unacquired {background-position: 0px -156px}
/*#GameDetail #notificationArea #aquiredBadges div div.badgeSep {
    float:left;width:20px;padding:0px;
    background: url(/images/gamesDetail/badgeSep.gif) no-repeat 0px 25px;
    }
*/
.flash-detail #notificationAreaContent,.flash-detail #aquiredBadges {float:left;}

#notificationAreaContent .badge_info {padding: 20px 0 0;float:left;margin-left:150px;width:500px}
#notificationAreaContent .badge_info img.badgeImg {float:left;}
#notificationAreaContent .badge_info h3 {margin: 50px 0 10px;padding-left:230px}
#notificationAreaContent .badge_info h4 {font-weight:bold;padding-left:230px}
#notificationAreaContent .badge_info p {padding-left:230px}

#GameDetail #notificationArea #profHdr {width:600px;float:left;}

    #GameDetail #notificationArea .yourStuff-avatar {
        background: url("/images/gamesDetail/avatarBubble.gif") no-repeat scroll 37px 0 transparent;
        height: 100px;width: 144px;float:left;
        }
    
    #GameDetail #notificationArea #profHdr h3 {float:left;color:#7b7878;font-size:1.5em;font-style:italic;font-weight:bold;margin:35px 0 0 5px}
    
#chainContainer,
#chainContainer * {display:none}
.earnThisBadge {display:none}

#ie7 #GameDetail #notificationArea #invaildLogIn {bottom:-10px}


/* ********************************************************************************* */

/* Video Detail ******************************************************************** */
#VideoDetail #ContentContainer {width:980px; padding-bottom:0; position: relative;z-index:0}

#VideoDetail #ContentContainer #award #awardInner {padding-left:25px}


#VideoDetail #ContentContainer #innerContainer{
    behavior: url(/scripts/PIE.htc);
    background: url("/images/gamesDetail/notifOpenBg.jpg") repeat-x scroll left bottom #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    height: 93%;margin: 0 auto;width: 96%;padding:25px 25px 70px;
    }
    
    #VideoDetail #ContentContainer #innerContainer h2 {
        margin-bottom:20px; float:left;width:100%;
        color:#dd4733;font-size:2em;
        }
    
    #VideoDetail #ContentContainer #innerContainer h2 span {
        margin-left:10px;
        color:#7f7979;font-size:.5em;
        }
    #VideoDetail #ContentContainer #innerContainer h2 span.divider {font-size:1em; margin:0 6px 0 10px}
     #VideoDetail .flashWrap{float: left; width:720px; background:#000;}
#VideoDetail #vert_scroll_wrap {float:right;padding:0 50px 0 0}
    
    #VideoDetail #vert_scroll_wrap .scrollable {height:400px;width:163px;}
    
    #VideoDetail #vert_scroll_wrap #scrollControls {position: absolute;right: 0px;top: 140px;}

        #VideoDetail #vert_scroll_wrap div.items {width:163px;}
            
#VideoDetail #vert_scroll_wrap div.items div {width:159px}

#VideoDetail #vert_scroll_wrap div.items div div {padding:0 0 0 4px;width:159px;margin-bottom:3px}
    
    #VideoDetail #vert_scroll_wrap div.items div div.current {padding:4px 4px 0px 4px;margin-bottom:0px;top:0}
    
    #VideoDetail #vert_scroll_wrap div.items div div.first.current,
     #VideoDetail #vert_scroll_wrap div.items div div.fourth.current {top:0px;padding-bottom:4px;}
        
#VideoDetail #vert_scroll_wrap div.items div img#playingNow, #VideoDetail #vert_scroll_wrap div.items div img#voteOpen {position:absolute;top:0px;left:0px;} 
#VideoDetail #vert_scroll_wrap div.items div img#voteClosed {position:absolute;top:0px;left:0px;} 


#VideoDetail #notificationArea {left: 0;top: 540px;width: 990px;}

#VideoDetail #notificationArea #logIn {margin-left:20px}

/* Profile landing  **************************************************************** */
#FinnAndFriends .headerBanner {
    clear: both;
    height: 305px;
    left: -100px;
    position: relative;
    top: -2px;
    width: 1156px;
    margin-bottom: 9px;
}
#ie7 #FinnAndFriends .headerBanner {top: 0px;padding-bottom:10px;}

#FinnAndFriends .main {
	position:relative;
	margin: 0px 0 10px 0;
	padding:8px 20px;
	background:#fff;
	border-color:#fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;    
    position: relative;
    top: -40px;
    }
    #FinnAndFriends .main .feedWrap {
        float: left;
        position:relative;
        width: 550px;
        padding:0px 0px 15px;
        margin: 0px 20px 0 0;
	    background:#faddb0;
	    overflow: hidden;
        }
        #FinnAndFriends .main .feedWrap .feedTop
        {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 550px;
            height: 225px;
            background: url('/images/profile/feed-bg-top.jpg') no-repeat 0px 0px;
            z-index: 2;
        }
        #FinnAndFriends .main .feedWrap .feedBottom
        {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 550px;
            height: 395px;
            background: url('/images/profile/feed-bg-btm.jpg') no-repeat 0px 0px;
            z-index: 1;
        }
        #FinnAndFriends .main .feedWrap .feed
        {
            position: relative;
            padding: 64px 18px;
            z-index: 7;
        }
        .status
        {
            padding-bottom: 10px;
            border-bottom: 1px dotted #f8be7b;
            margin-bottom: 15px;
        }
        .status.last
        {
            border: none;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }
        #ie7 .status-img{margin-right: 1px;}
        #ie7 .status{position: relative; z-index: 3411; top: 0;zoom: 1;}
        .status-img
        {
            float: left;
            width: 65px;
            text-align:center;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
            margin-left:-10px;
        }
        .status-img a
        {
            color: #684217;
        		text-align:center;
        		margin:auto;
        		width:auto;
        }
        .status-img a:visited
        {
            color: #684217;
        }
        .status-img a:hover
        {
            color: #ff8038;
        }
        .status-img a img
        {
        		display:block;
            margin-left:5px;
        }
        .status-img div img
        {
        		display:block;
        }
        .status-text
        {
            width: 420px;
            float: left;
            margin-left: 30px;
        }
        .status-comment, .status-comment-reply .reply
        {
            background-color: #fbe5c5;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            position: relative;
        }
        .status-comment a, .status-comment a:visited
        {
            color: #2A72AE;
        }
        .status-comment-reply a, .status-comment-reply a:visited
        {
            color: #2A72AE;
        }

        .status-comment-arrow
        {
            position: absolute;
            width: 6px;
            height: 6px;
            height: 100%;
            background: url("/images/profile/feed-comment-arrow.gif") no-repeat left 35%;
            left: -6px;
            top:0px;
        }
        .status-comment-photo
        {
            width: 55px;
            padding: 10px 5px;
            float: right;
        }
        .status.with-thumb .status-comment-photo
        {
        		width:auto;
            clear:both;
        }
        .status.with-thumb .status-comment p
        {
            width: 240px;
        }
        .status-comment p
        {
            color: #483b3b;
            font-size: 15px;
            line-height: 19px;
            font-style: italic;
            letter-spacing: 0.03em;
            padding: 15px;
            position: relative;
            z-index: 5;
        }
        .status-meta
        {
            color: #cb8940;
            font-size: 12px;
            font-style: italic;
        }
        .status-posted{float: left; width: 70%;padding-top: 10px;}
        .status-visit{float: right; width: 30%; text-align: right; padding-top: 5px;}
        .status-visit a{display:block;color: #2a72ae; font-size: 11px; font-weight: bold;font-style: normal;padding: 5px 26px 0px 0;}
        .status-visit a:hover{padding: 5px 26px 0px 0;}
        .status-comment-number{width: auto; padding-left: 7px;}
        .status-comment-number a
        {
            color: #cb8940;
            font-size: 12px;
            line-height: 12px;
            font-weight: bold;
            padding-right: 20px;
            background: url('../images/icons/comment.png') no-repeat right 1px;
        }
        .status-comment-number a:hover
        {
            text-decoration: none;
            color: #ff8038;
            background: url('../images/icons/comment.png') no-repeat right -13px;
            
        }
        .status-comment-number a span{}
    #FinnAndFriends .video, #FinnAndFriends .game,
    #FinnAndFriends.detail .promo {    
        width: 341px; position: relative;
        padding:35px 0 2px 17px;
        background: #ffffff url(/images/background/latest-video-bg.png) no-repeat top left;
        }
        #FinnAndFriends .video .Likes {
            padding: 10px 0;
            width: 328px;
            }
        #FinnAndFriends .video .view-more {
            float:right; margin-top: 3px;
            }
        #FinnAndFriends .video .play-hover {
            display: none;
            }
                
    #FinnAndFriends .promos {
        float: left;
        width: 341px;
        }
        #FinnAndFriends .promos .promo {
            padding: 35px 0 50px 17px;
            }        
        #FinnAndFriends .main .featured #games {
	        clear:both;
            }
        #FinnAndFriends .main .featured #games div.hpThumbs {
	        float:left;
	        padding-right:3px;
            }
        #FinnAndFriends.main .featured #games div.hpThumbs a.thumb img {
	        width:83px;
	        height:54px;
            }
        #FinnAndFriends #videoCarousal {
            width:328px;
		    height: auto;
		    position:relative; 
            }    
        #FinnAndFriends #videoCarousal .carousel-wrapper
        {
            height: auto;
        }
        
        
#FinnAndFriends .cntrBtnWrap {
    position:absolute;
    bottom:75px;
    width:41px;
    height:49px;
    display: block;
    z-index: 10;
    cursor: pointer;
    }
    
    #FinnAndFriends .cntrBtnWrap.left
    {
        left:-9px; 
    }
    #FinnAndFriends .cntrBtnWrap.right
    {
        right: 13px; 
    }
    #FinnAndFriends .cntrBtnWrap.right .cntrlBtn.next
    {
        position: absolute;
        right: -10px;
    }
    
    #FinnAndFriends .cntrlBtnPreview{display:none;visibility:hidden;width: 1px; height: 1px; background: none;}
    #FinnAndFriends .cntrlBtnPreviewImg{display:none; width: 1px; height: 1px; overflow: hidden;}
    
#FinnAndFriends .cntrBtnWrap .cntrlBtn
{
    background: url('/images/background/spacer.gif') repeat 0px 0px;
    width:41px;
    height:49px;
    display: block; 
    position: relative;
    z-index: 10;
    zoom: 1;
    text-decoration: none;
}

#FinnAndFriends .cntrlBtn div
{

    width:41px;
    height:49px;
    position: absolute;
    top: 0px;
    z-index: 8;
}
        
        
           #FinnAndFriends .cntrlBtn.prev div, 
           #FinnAndFriends .cntrlBtn.prev:hover div {
    background-image:url(/images/buttons/arrow-small.png); background-repeat: no-repeat;  
    }
#FinnAndFriends .cntrlBtn.prev div {
    background-position: top left;
    }
#FinnAndFriends .cntrlBtn.prev:hover div{
    background-position: bottom left;
    }           
#FinnAndFriends .cntrlBtn.next div, 
#FinnAndFriends .cntrlBtn.next:hover div {    
    background-image:url(/images/buttons/arrow-small.png); background-repeat: no-repeat;
    }
#FinnAndFriends .cntrlBtn.next div {    
    background-position: top right;    
    }    
#FinnAndFriends .cntrlBtn.next:hover div {    
    background-position: bottom right;    
    } 
    
            
   /* Detail */
   #ie7 #FinnAndFriends.detail .main
   {
   }
   #FinnAndFriends.detail .main
   {
       padding-left: 0px;
   }
   #FinnAndFriends.detail .visit-all
   {
       padding: 17px 0;
   }
   #FinnAndFriends.detail .promo .content
   {
       padding-bottom: 14px;
   }
   #FinnAndFriends.detail .visit-all .content
   {
       padding: 0 0 16px 0;
   }
   #FinnAndFriends.detail .main .feedWrap
   {
       margin-left: 20px;
       overflow: visible;
       min-height: 640px;
   }
   #FinnAndFriends.detail .main .feedWrap .feed
   {
       padding-left: 10px;
       padding-right: 10px;
   }
   #FinnAndFriends.detail .feedWrap .feedTop,
   #FinnAndFriends.detail .feedWrap .feedBottom
   {
      /* background-position: 20px 0px;*/
   }
   #ie7 #FinnAndFriends.detail .feed .status .status-img
   {
       left:-5px;
   }
   #FinnAndFriends.detail .feed .status .status-img
   {
       position: relative;
       left: -15px;
   }
   #ie7 #FinnAndFriends.detail .feed .status .status-text
   {
       margin-left: 5px;
   }
   #FinnAndFriends.detail .feed .status .status-text
   {
       position: relative;
       margin-left: 5px;
       width: 455px;
   }
   #FinnAndFriends .feed .status .status-comment
   {
       position: relative;
   }
   #ie7 #FinnAndFriends .feed .status .status-comment .Likes.post,
   #ie8 #FinnAndFriends .feed .status .status-comment .Likes.post
   {
       top: 4px;
   }
   #FinnAndFriends .feed .status .status-comment .Likes.post
   {
       top: 8px;
       right: 12px;
       background: none;
       z-index: 5;
   }
   #FinnAndFriends .feed .status.with-thumb .status-comment .Likes.post
   {
   	position:relative;
   	float:right;
   }
   #FinnAndFriends .feed .status .status-comment .Likes.post a
   {
       color: #55504a;
       text-decoration: none;
       font-size: 11px;
   }
   #FinnAndFriends.detail .feed .status .status-comment p
   {
       padding-right: 90px;
   }
   #FinnAndFriends.detail .feed .status .status-posted
   {
       width: 160px;
   }
   
   #FinnAndFriends.detail .feed .status .status-right
   {
       float: right;
       width: 295px;
   }
   #FinnAndFriends.detail .feed .status .status-right .status-comment
   {
       margin-top: 10px;
       float: right;
       padding: 15px;
        color: #483b3b;
        font-size: 14px;
   }
   #FinnAndFriends.detail .feed .status .status-right .status-comment .status-comment-arrow
   {
       left: auto;
       right: -6px;
       background: url("/images/profile/feed-comment-arrow2.gif") no-repeat 0px center;
   }
  
   #FinnAndFriends.detail .feed .status .status-right .status-comment-img
   {
       padding-top: 10px;
       float: right;
       padding-left: 18px;
       text-align: center;
       text-transform: uppercase;
       font-style: normal;
       font-weight: bold;
       color: #684217;
       font-size: 10px;
   }
   
   
   #ie7 #FinnAndFriends.detail .feed .status .status-right .status-comment-img,
   #ie8 #FinnAndFriends.detail .feed .status .status-right .status-comment-img
   {
   }
   
   #ie7 #FinnAndFriends.detail .feed .status .status-right .status-comment,
   #ie8 #FinnAndFriends.detail .feed .status .status-right .status-comment,
   #ie7 #FinnAndFriends.detail .feed .status .status-right .status-comment-reply,
   #ie8 #FinnAndFriends.detail .feed .status .status-right .status-comment-reply
   {
       margin-top: 15px;
   }
   
   #FinnAndFriends.detail .feed .status.with-badge .status-comment p
   {
       padding-right: 10px;
   }
   #FinnAndFriends.detail .feed .status .status-badge
   {
       float: right;
       display: inline;
       padding: 30px 0px 0px 10px;
       position: relative;
       z-index: 5;
   }
   #FinnAndFriends .video .Likes {
       padding: 10px 0;
        width: 328px;
    } 
    #FinnAndFriends .video .Likes a.true, #FinnAndFriends .video .Likes a.off {
        margin-top: 6px;
        }
   #FinnAndFriends .featuredImage {
       padding-top: 10px;
       }
       #FinnAndFriends .featuredImage a.featuredCallout {
	            padding:0;
	            margin:0;
	            display:block;
	            height:195px;
	            width:328px;
	            background:no-repeat center;
                }
/* ********************************************************************************* */


/* Character Profile Pages ********************************************************* */  
#FinnAndFriends .character-promos {
    float: left;
    width: 341px;
    }
    #FinnAndFriends .character-promos .promo {
        padding: 35px 0 0px 17px;
        }        
#FinnAndFriends .character-videos .contentBox 
{
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 328px;
    z-index: 1;
    display: none;
		}
#FinnAndFriends .character-videos .contentBox.first,#FinnAndFriends .character-videos .content,#FinnAndFriends .character-videos .content a {
		display:block;
		padding:10px 0;
		}
#FinnAndFriends .character-videos .contentBox a.videoCallout,#FinnAndFriends .character-videos .content a.videoCallout {
		padding:0;
		margin:0;
		display:block;
		height:195px;
		width:328px;
		background:no-repeat center;
		}
#FinnAndFriends .character-videos, #FinnAndFriends .game {    
    width: 341px; position: relative;
    padding:35px 0 2px 17px;
    background: #ffffff url(/images/background/latest-video-bg.png) no-repeat top left;
    }
#FinnAndFriends .character-videos .Likes {
    padding: 10px 0;
    width: 328px;
    }
#FinnAndFriends .character-videos .view-more {
     float:right; margin-top: -21px;color:rgb(84, 157, 214) !important;margin-right:-9px;
    }
#FinnAndFriends .character-videos .view-more:hover {
     float:right; margin-top: -22px;color:#fc7c00 !important;margin-right:-9px;
    }    
#FinnAndFriends .character-videos .play-hover {
    display: none;
    }
#FinnAndFriends .character-videos .Likes {
    padding: 10px 0;
    width: 328px;
} 
#FinnAndFriends .character-videos .Likes span.title{
	float:none;
} 
#FinnAndFriends .character-videos .Likes a.true, #FinnAndFriends .character-videos .Likes a.off {
    margin-top: 6px;
    }
#FinnAndFriends .game a.thumb,#FinnAndFriends .character-games a.thumb ,#FinnAndFriends .character-photos a.thumb 
{
	margin:0 5px 4px 0;
	display:block;
	float:left;
	width:100px;
	height:66px;
	background:no-repeat top left;
	}
#FinnAndFriends .game a.thumb img,#FinnAndFriends .character-games a.thumb img,#FinnAndFriends .character-photos a.thumb img 
{
	display:none;
	}
.visit-all .content, .character-tunes .content {
	 height:142px;
	 background: url('/images/icons/loading.gif') no-repeat center center;}
.character-tunes .content {	
	 height:64px;
}
#FinnAndFriends .main.character-main {
}
#FinnAndFriends .main .feedWrap .feed .status-img a:hover img{text-decoration:none;}
#FinnAndFriends .main.character-main .feedWrap .feed .reply-img a,#FinnAndFriends .main.character-main .feedWrap .feed .reply-img a:visited
#FinnAndFriends .main .feedWrap .feed .status-img a,#FinnAndFriends .main .feedWrap .feed .status-img a:visited {
    color: #684217;
    white-space:nowrap;
}
#FinnAndFriends .main.character-main .feedWrap .feed .reply-img a:hover {
    color: #fd7809;
    text-decoration:underline;
}
#FinnAndFriends .main.character-main .feedWrap .feed
{
    position: relative;
    padding: 64px 18px 35px;
    z-index: 7;
}
#FinnAndFriends .main.character-main .feed .status
        {
        		margin-left:15px;
        }
   #FinnAndFriends .main.character-main .feed .status .status-img
   {
       position: relative;
       left: -16px;
   }
   #FinnAndFriends .main.character-main .feed .status .status-text
   {
       position: relative;
       margin:0 5px 5px;
   	width:430px;
   }
   #FinnAndFriends.detail .feed .status .status-comment p
   {
   	padding-right:10px;
   	width:310px;
   }
   #FinnAndFriends.detail .feed .status.with-thumb .status-comment p
   {
   	width:265px;
   }
	.status-comment-reply {clear:both;
	padding:10px 0 0;
	position:relative;}
	.status-comment-reply .reply
	{
	float:right;
	max-width:400px;
	margin-bottom:5px;
	} 
		.status-comment-reply .reply p 
		{
	color: #483B3B;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 0.03em;
    line-height: 19px;
    padding: 15px;
    position: relative;
    z-index: 5;
		}
#ie7 .status-comment-reply .reply p {
    min-width:100px;
		}
        .status-reply-arrow
        {
            position: absolute;
            width: 6px;
            height: 6px;
            height: 100%;
            background: url("/images/profile/feed-reply-arrow.gif") no-repeat left 35%;
            right: -6px;
            top:0px;
        }
#FinnAndFriends.detail .feed .status .reply-img {
    position: relative;
    color: #684217;
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin:auto;
    text-transform: uppercase;
    width: 85px;
    padding-left:10px;
}
#FinnAndFriends.detail .feed .status .reply-img img 
{
	display:block;
    margin:auto;
	margin-bottom:8px;
}
#FinnAndFriends .main.character-main
{
	padding-bottom:35px;
}
#FinnAndFriends .main.character-main .btn-seemore
{
	position:absolute;
	bottom:8px;
	left:35%;
	cursor: pointer;
    display: none;
    margin: 10px auto -35px;
	width:101px;
	height:44px;
	z-index:7;
	background:url(/images/buttons/btn-see-more.png) no-repeat top;
}
#FinnAndFriends .btn-seemore:hover
{
	background-position:bottom;
}
/*  Profile Header Background Images */
#FinnAndFriends .main .feedWrap .feedTop.finn {background-image:url(/images/profile/feed-bg-top-finn.jpg);}
#FinnAndFriends .main .feedWrap .feedTop.gilbert {background-image:url(/images/profile/feed-bg-top-gilbert.jpg);}
#FinnAndFriends .main .feedWrap .feedTop.swimmington {background-image:url(/images/profile/feed-bg-top-swimmington.jpg);}
#FinnAndFriends .main .feedWrap .feedTop.coral {background-image:url(/images/profile/feed-bg-top-coral.jpg);}
#FinnAndFriends .main .feedWrap .feedTop.brooke {background-image:url(/images/profile/feed-bg-top-brooke.jpg);}
#FinnAndFriends .main .feedWrap .feedTop.xtreme {background-image:url(/images/profile/feed-bg-top-xtreme.jpg);}
/* ********************************************************************************* */

/* Mobile Apps Landing Page ******************************************************** */
#AppsLanding .main {
    width: 958px; height: 781px; background: url(/images/appsLanding/apps-landing-bg.png) no-repeat 0 0;
    margin: 50px 0 0 0;
    position: relative;
    }
#AppsLanding .Likes {margin: 0 7px 0 0;}    
#AppsLanding .top-bg {
    width: 958px; height: 200px; background: url(/images/appsLanding/header-bg.png) no-repeat 0 0;
    margin: 50px 0 0 0;
    position: relative;
    }
#AppsLanding .middle-bg {
    width: 958px; height: auto; min-height: 505px; background: url(/images/appsLanding/middle-bg.png) repeat-y 0 0;
    margin: 0;
    position: relative;
    }
#AppsLanding .bottom-bg {
    width: 958px; height: 82px; background: url(/images/appsLanding/bottom-bg.png) no-repeat 0 0;
    margin: 0;
    position: relative;
    }            
    #AppsLanding .head-banner {
        width: 892px; height: 230px; background: url(/images/appsLanding/apps-header.png) no-repeat 0 0;
        position: relative; top: -4px; left: 33px;
        text-indent: -9999px;
        }
    #AppsLanding .apps-container {
        width: 898px; height: auto; background: url(/images/appsLanding/apps-container-bg.png) no-repeat 0 0;
        position: relative; left: 30px;
        padding: 35px 0 0 0;
        }
        #AppsLanding .apps-container .left {
            float: left; /*width: 37%; */
            WIDTH:328px;
            }
        #AppsLanding .apps-container .right {
            /*float: right; */ float: left; width: 565px;
            } 
            #AppsLanding #scroll-container{
                width: 550px; height: 422px; background: #ececec;
                border: 1px solid #e0e2e3;
                -moz-border-radius: 3px; border-radius: 3px;
                padding: 0 0 20px 0;
                overflow: hidden;
                }
                
		#AppsLanding #scroll-container-getgilbert {
                width: 550px; height: 411px; background: #ececec;
                border: 1px solid #e0e2e3;
                -moz-border-radius: 3px; border-radius: 3px;
                padding: 0 0 15px 0;
                overflow: hidden;
                }                
        #AppsLanding #scroll-container-finnsDream {
                width: 547px; height: 411px; background: #ececec;
                border: 1px solid #e0e2e3;
                -moz-border-radius: 3px; border-radius: 3px;
                padding: 0 0 15px 0;
                overflow: hidden;
                }
                
     #AppsLanding #scroll-container-brookeDream, #scroll-container-xtremeDream {
                width: 547px; height: 411px; background: #ececec;
                border: 1px solid #e0e2e3;
                -moz-border-radius: 3px; border-radius: 3px;
                padding: 0 0 15px 0;
                overflow: hidden;
                }
       #AppsLanding #scroll-container-Dream {
                width: 547px; height: 411px; background: #ececec;
                border: 1px solid #e0e2e3;
                -moz-border-radius: 3px; border-radius: 3px;
                padding: 0 0 15px 0;
                overflow: hidden;
                }
                
        #AppsLanding .apps-container .ribbon {
            width: 314px; height: 52px; background: url(/images/appsLanding/ribbon.png) no-repeat 0 0;
            color: #fae8e5; font-size: 25px; font-weight: bold;
            padding: 10px 0 0 50px;
            position: relative; left: -22px;
            } 

           #AppsLanding .apps-container .ribbon-xtremehoopDream {
                width: 334px;
                height: 81px;
                background: url(/images/appsLanding/ribbon-xtreme-hoop-dream.png) no-repeat 0 0;
                color: #fae8e5;
                font-size: 21px;
                padding: 10px 0 0 50px;
                position: relative;
                left: -22px;
                line-height: 21px;
                font-weight: bold;
            }
            

            #AppsLanding .apps-container .ribbon-brookeDream {
                width: 334px;
                height: 81px;
                background: url(/images/appsLanding/ribbon-brooke-giant-dream.png) no-repeat 0 0;
                color: #fae8e5;
                font-size: 21px;
                padding: 10px 0 0 50px;
                position: relative;
                left: -22px;
                line-height: 21px;
                font-weight: bold;
            }
            

          #AppsLanding .apps-container .ribbon-PlayPicker {
            width: 314px; height: 52px; background: url(/images/appsLanding/ribbon-playpicker.png) no-repeat 0 0;
            color: #fae8e5; font-size: 25px; font-weight: bold;
            padding: 10px 0 0 50px;
            position: relative; left: -22px;
            } 
            
           #AppsLanding .apps-container .ribbon-finnSpaceDream {
            width: 334px; height: 81px; background: url(/images/appsLanding/ribbon-finnsDream.png) no-repeat 0 0;
            color: #fae8e5; font-size: 21px; 
            padding: 10px 0 0 50px;
            position: relative; left: -22px;line-height: 21px;
            font-weight:bold;
            }
        #AppsLanding .apps-container .ribbon-getgilbert {
            width: 334px; height: 81px; background: url(/images/appsLanding/ribbon-gilbert.png) no-repeat 0 0;
            color: #fae8e5; font-size: 21px; 
            padding: 10px 0 0 50px;
            position: relative; left: -22px;line-height: 21px;
            font-weight:bold;
            }           
        #AppsLanding .apps-container .ribbon-getgilbert span {
           
           color: #FAE8E5;
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.3px;
    padding-top: 2px;
            }                 
        #AppsLanding .apps-container .info {    
            margin: 14px 0 0 30px;
            }
            #AppsLanding .apps-container .info .thumbnail {    
                float: left; width: 93px;
                margin: 0 10px 0 0;
                }
            #AppsLanding .apps-container .info .details {    
                float: left; color: #4d8bc3; font-size: 12px; font-weight: bold;
                }
                #AppsLanding .apps-container .info .details p {    
                    margin: 0 0 10px 7px;
                    font-size:11px;
                    }
        #AppsLanding .apps-container .smart-phone {    
            width: 77px; height: 45px; background: url(/images/appsLanding/smartphone.gif) no-repeat 0 0;
            text-indent: -9999px; float: left;
            margin: 0 1px 10px 0;
            }     
        #AppsLanding .apps-container .tablet {    
            width: 98px; height: 45px; background: url(/images/appsLanding/tablet.gif) no-repeat 0 0;
            text-indent: -9999px; float: left;
            margin-bottom: 10px;
            } 
        #AppsLanding .apps-container .price span {    
            color: #ff5e06; text-transform: uppercase;
            }
        #AppsLanding .apps-container .description {    
            color: #666666; line-height: 18px; 
            margin: 10px 0 20px 30px;
            width:270px;
            }  
        #AppsLanding .apps-container .get-app {    
            color: #4d8bc3;
            text-transform: uppercase;
            font-style: italic;
            font-weight: bold;          
            margin: 10px 0 0 30px;
            font-family:Arial;
            font-size:11px;
            }
           
            #AppsLanding .apps-container .get-app a {    
                display: block; text-indent: -9999px;
                float: left; margin-top: 19px;
                }
            /*#AppsLanding .apps-container .get-app a#app-store {    
                width: 126px; height: 42px; background: url(/images/appsLanding/landing_page_aaple_app.png) no-repeat 0 0;
                margin-right: 20px;
                }  
                          
            #AppsLanding .apps-container .get-app a#app-store-getgilbert {    
                width: 126px; height: 42px; background: url(/images/appsLanding/landing_page_app_store.png) no-repeat 0 0;
                margin-right: 20px;
                }                      
            #AppsLanding .apps-container .get-app a#google-play, #AppsLanding .apps-container .get-app a#google-play-getgilbert {    
                width: 119px; height: 42px; background: url(/images/appsLanding/btn-google-play.jpg) no-repeat 0 0;
                }*/
                .add_logo_apple
                {
                	width: 126px; height: 42px; background: url(/images/appsLanding/landing_page_app_store.png) no-repeat 0 0;
					margin-right: 20px;
                }
                .add_logo_apple1
                {
                	width: 126px; height: 42px; background: url(/images/appsLanding/app_store.png) no-repeat 0 0;
					margin-right: 20px;
                }
                .add_logo_google
                {
                	width: 119px; height: 42px; background: url(/images/appsLanding/landing_page_gplay.png) no-repeat 0 0;
                }
                .add_logo_amazon
                {
                	width: 126px; height: 42px; background: url(/images/appsLanding/amazon-app-store.png) no-repeat 0 0;
					margin-right: 20px;
                }
                
#AppsLanding .toggleMe {display: none; margin: 0;}
    #AppsLanding .toggleMe p {
        margin-bottom: 10px;
        } 
    #AppsLanding .toggleMe ul {
        margin: 0 0 0 15px;
        list-style: disc;
        }                      
#AppsLanding .readmore {
    color: #4D8BC3; font-style: italic;
    text-decoration:none;
    margin: 10px 0 0 0;
    font-family:Arial;
    font-size:13px;
    border-bottom:1px solid #4D8BC3;
    padding-bottom:0px;
    } 

/* overlay */
#app-store-overlay, #google-play-overlay, #app-store-overlay-GetGilbert, #google-play-overlay-GetGilbert , #app-store-overlay-FinnsSpaceDream,#app-store-overlay-BrookesGiantDream, #app-store-overlay-xtremehoopDream,#google-play-overlay-FinnsSpaceDream, #amazon-store-overlay-FinnsSpaceDream,#google-play-overlay-BrookesGiantDream, #amazon-store-overlay-BrookesGiantDream,#google-play-overlay-xtremehoopDream, #amazon-store-overlay-xtremehoopDream {
    background: #ffffff;
    width: 353px; height: 287px;  
    padding: 20px; 
    position: relative; 
    }                           
    #app-store-overlay .close, #google-play-overlay .close ,  #app-store-overlay-GetGilbert .close, #google-play-overlay-GetGilbert .close, #app-store-overlay-FinnsSpaceDream .close,#app-store-overlay-BrookesGiantDream .close,#app-store-overlay-xtremehoopDream .close, #google-play-overlay-FinnsSpaceDream .close, #amazon-store-overlay-FinnsSpaceDream .close,#google-play-overlay-BrookesGiantDream .close, #amazon-store-overlay-BrookesGiantDream .close,#google-play-overlay-xtremehoopDream .close, #amazon-store-overlay-xtremehoopDream .close{
        background-image: url("/images/icons/icon-close.png");     
        }
    #app-store-overlay .finn-alert, #google-play-overlay .finn-alert, #app-store-overlay-GetGilbert .finn-alert, #google-play-overlay-GetGilbert .finn-alert,#app-store-overlay-BrookesGiantDream .finn-alert,#app-store-overlay-xtremehoopDream .finn-alert, #app-store-overlay-FinnsSpaceDream .finn-alert, #google-play-overlay-FinnsSpaceDream .finn-alert,#google-play-overlay-BrookesGiantDream .finn-alert,#google-play-overlay-xtremehoopDream .finn-alert,#amazon-store-overlay-FinnsSpaceDream .finn-alert, #amazon-store-overlay-BrookesGiantDream .finn-alert, #amazon-store-overlay-xtremehoopDream .finn-alert{
        width: 102px; height: 114px;
        background-image: url("/images/appsLanding/finn-alert.png"); 
        text-indent: -9999px;
        position: relative; top: -30px; left: 30%    
        }
    #app-store-overlay h2, #google-play-overlay h2, #app-store-overlay-GetGilbert h2, #google-play-overlay-GetGilbert h2, #app-store-overlay-FinnsSpaceDream h2,#app-store-overlay-BrookesGiantDream h2,#app-store-overlay-xtremehoopDream h2, #google-play-overlay-FinnsSpaceDream h2, #amazon-store-overlay-FinnsSpaceDream h2,#google-play-overlay-BrookesGiantDream h2, #amazon-store-overlay-BrookesGiantDream h2,#google-play-overlay-xtremehoopDream h2, #amazon-store-overlay-xtremehoopDream h2{
        width: 285px; height: 25px;
        background-image: url("/images/appsLanding/header-alert.jpg"); 
        text-indent: -9999px;  
        margin: 0 auto;
        }
    #app-store-overlay p, #google-play-overlay p, #app-store-overlay-GetGilbert p, #google-play-overlay-GetGilbert p, #app-store-overlay-FinnsSpaceDream p, #app-store-overlay-BrookesGiantDream p, #app-store-overlay-xtremehoopDream p,#google-play-overlay-FinnsSpaceDream p, #amazon-store-overlay-FinnsSpaceDream p,#google-play-overlay-BrookesGiantDream p, #amazon-store-overlay-BrookesGiantDream p,#google-play-overlay-xtremehoopDream p, #amazon-store-overlay-xtremehoopDream p {
        text-align: center; line-height: 18px;
        margin: 10px 0 20px 0; 
        }
    #app-store-overlay a.close-overlay:hover, #google-play-overlay a.close-overlay:hover,
    #app-store-overlay a.continue:hover, #google-play-overlay a.continue:hover, 
    #app-store-overlay-GetGilbert a.close-overlay:hover, #google-play-overlay-GetGilbert a.close-overlay:hover,
    #app-store-overlay-GetGilbert a.continue:hover, #google-play-overlay-GetGilbert a.continue:hover {
        background-position: 0 -47px;
        } 
    #app-store-overlay-FinnsSpaceDream a.close-overlay:hover, #app-store-overlay-BrookesGiantDream a.close-overlay:hover,#google-play-overlay-FinnsSpaceDream a.close-overlay:hover,#google-play-overlay-BrookesGiantDream a.close-overlay:hover,#google-play-overlay-xtremehoopDream a.close-overlay:hover,
    #amazon-store-overlay-FinnsSpaceDream a.close-overlay:hover,#amazon-store-overlay-BrookesGiantDream a.close-overlay:hover,#amazon-store-overlay-xtremehoopDream a.close-overlay:hover,
    #app-store-overlay-FinnsSpaceDream a.continue:hover,#app-store-overlay-BrookesGiantDream a.continue:hover,#app-store-overlay-xtremehoopDream a.continue:hover, #google-play-overlay-FinnsSpaceDream a.continue:hover,#google-play-overlay-BrookesGiantDream a.continue:hover,#google-play-overlay-xtremehoopDream a.continue:hover,
    #amazon-store-overlay-FinnsSpaceDream a.continue:hover, #amazon-store-overlay-BrookesGiantDream a.continue:hover,#amazon-store-overlay-xtremehoopDream a.continue:hover {
        background-position: 0 -47px;
        }     
    
    #app-store-overlay a.close-overlay, #google-play-overlay a.close-overlay,
    #app-store-overlay a.continue, #google-play-overlay a.continue,
    #app-store-overlay-GetGilbert a.close-overlay, #google-play-overlay-GetGilbert a.close-overlay,
    #app-store-overlay-GetGilbert a.continue, #google-play-overlay-GetGilbert a.continue,
    #app-store-overlay-FinnsSpaceDream a.close-overlay,#app-store-overlay-BrookesGiantDream a.close-overlay,#app-store-overlay-xtremehoopDream a.close-overlay, #google-play-overlay-FinnsSpaceDream a.close-overlay,#google-play-overlay-BrookesGiantDream a.close-overlay,#google-play-overlay-xtremehoopDream a.close-overlay,
    #app-store-overlay-FinnsSpaceDream a.continue, #app-store-overlay-BrookesGiantDream a.continue,#app-store-overlay-xtremehoopDream a.continue,#google-play-overlay-FinnsSpaceDream a.continue,#google-play-overlay-BrookesGiantDream a.continue,#google-play-overlay-xtremehoopDream a.continue,  
    #amazon-store-overlay-FinnsSpaceDream a.close-overlay, #amazon-store-overlay-FinnsSpaceDream a.continue,#amazon-store-overlay-BrookesGiantDream a.close-overlay, #amazon-store-overlay-BrookesGiantDream a.continue,#amazon-store-overlay-xtremehoopDream a.close-overlay, #amazon-store-overlay-xtremehoopDream a.continue{
        display: block; float: left;
        text-indent: -9999px;
        background-position: 0 0; background-repeat: no-repeat;
        width: 148px; height: 47px;
        background-image: url(/images/appsLanding/btn-cancel.png); 
        }  
    #app-store-overlay a.continue, #google-play-overlay a.continue,
    #app-store-overlay-GetGilbert a.continue, #google-play-overlay-GetGilbert a.continue,
    #app-store-overlay-FinnsSpaceDream a.continue,#app-store-overlay-BrookesGiantDream a.continue,#app-store-overlay-xtremehoopDream a.continue, #google-play-overlay-FinnsSpaceDream a.continue, #amazon-store-overlay-FinnsSpaceDream a.continue,#google-play-overlay-BrookesGiantDream a.continue, #amazon-store-overlay-BrookesGiantDream a.continue,#google-play-overlay-xtremehoopDream a.continue, #amazon-store-overlay-xtremehoopDream a.continue {
        background-image: url(/images/appsLanding/btn-continue.png); 
        }
    #app-store-overlay a.close-overlay, #google-play-overlay a.close-overlay,
    #app-store-overlay-GetGilbert a.close-overlay, #google-play-overlay-GetGilbert a.close-overlay,
    #app-store-overlay-FinnsSpaceDream a.close-overlay, #app-store-overlay-BrookesGiantDream a.close-overlay,#app-store-overlay-xtremehoopDream a.close-overlay,#google-play-overlay-FinnsSpaceDream a.close-overlay,#amazon-store-overlay-FinnsSpaceDream a.close-overlay,#google-play-overlay-BrookesGiantDream a.close-overlay,#amazon-store-overlay-BrookesGiantDream a.close-overlay,#google-play-overlay-xtremehoopDream a.close-overlay,#amazon-store-overlay-xtremehoopDream a.close-overlay {margin-right: 10px;}     
    #app-store-overlay .buttons, #google-play-overlay .buttons,
    #app-store-overlay-GetGilbert .buttons, #google-play-overlay-GetGilbert .buttons,
    #app-store-overlay-FinnsSpaceDream .buttons, #app-store-overlay-BrookesGiantDream .buttons,#app-store-overlay-xtremehoopDream .buttons,#google-play-overlay-FinnsSpaceDream .buttons, #amazon-store-overlay-FinnsSpaceDream .buttons,#google-play-overlay-BrookesGiantDream .buttons, #amazon-store-overlay-BrookesGiantDream .buttons,#google-play-overlay-xtremehoopDream .buttons, #amazon-store-overlay-xtremehoopDream .buttons {
        margin: 0 auto; width: 310px;
        }                            
/* ********************************************************************************* */

/* Season6 Page **************************************************************** */
#Season6 .top-bg {
    width: 964px; height: 27px; background: url(/images/season6/top-bg.png) no-repeat 0 0;
    margin: 50px 0 0 0;
    position: relative;
    }
#Season6 .middle-bg {
    width: 964px; height: auto; min-height: 763px; background: url(/images/season6/middle-bg.png) repeat-y 0 0;
    margin: 0;
    position: relative;
    }
#Season6 .bottom-bg {
    width: 964px; height: 42px; background: url(/images/season6/bottom-bg.png) no-repeat 0 0;border-radius: 0 0 20px 20px;
    margin: 0;
    position: relative;
    }            
    #Season6 .head-banner {
        width: 892px; height: 230px; background: url(/images/season6/header.png) no-repeat 0 0;
        position: relative; top: -4px; left: 33px;
        text-indent: -9999px;
        }
#Season6 .Likes {
    margin: 0 5px 0 0;
    }    
#Season6 .badge-header {
    width: 187px; height: 52px; background: url(/images/season6/badge-header.png) no-repeat 0 0;
    position: absolute; left: 42%; top: -35px; z-index: 2999;
    }   
#Season6 .story-container {
    width: 866px; height: 515px; background: url(/images/season6/inner-bg.png) no-repeat 0 0;
    position: relative; top: -15px; left: 22px;
    padding: 280px 25px 0;
    }  
#Season6 h2.how-it-works {
    width: 274px; height: 48px; background: url(/images/season6/header-howitworks.png) no-repeat 0 0;
    text-indent: -9999px; display: block;
    position: relative; top: 37px; left: 30px;
    }              
#Season6 .film-strip {
    width: 1008px; height: 234px; background: url(/images/season6/film-strip.png) no-repeat 0 0;
    text-indent: -9999px; display: block;
    position: relative; top: 0; left: -23px;
    }     
#Season6 .episode-title {
    border-bottom: 5px solid #ffffff; padding: 5px 0 10px 0;
    margin: 0 0 15px 0;
    } 
    #Season6 .episode-title {
        text-transform: capitalize; color: #dd4733; font-size: 22px; 
        }    
    #Season6 .episode-number {
        text-transform: uppercase; color: #ffffff; font-size: 12px; padding: 0 0 0 10px;
        }
    #Season6 .prev-episodes {
        display: block; float: right;
        border-left: 2px solid #ffffff;
        font-size: 10px; font-style: italic; font-weight: bold; text-transform: uppercase; color: #ffffff;
        height: 20px; width: 190px; padding: 10px 0 0 10px;
        }
#Season6 .story-container .left {float: left; width: 653px}        
#Season6 .story-container .right {float: right; width: 210px;}   
#Season6 .vote-story, #Season6 .story-for-fun {
    width: 653px; height: 445px; 
    text-indent: -9999px; display: block; position: relative;
    }
#Season6 .vote-story {
    background: url(/images/season6/choose-story-vote-episode8.jpg) no-repeat 0 0;    
    }   
#Season6 .story-for-fun {   
    background: url(/images/season6/LandingPage_Season6.png) no-repeat 0 0;    
    }    
#Season6 .vote-story:hover, #Season6 .story-for-fun:hover {
    background-position: 0 -445px;
    }     
    #Season6 .voting-open, #Season6 .voting-closed {
        width: 144px; height: 144px; 
        text-indent: -9999px; display: block;
        position: absolute; top: -2px; right: -3px;
        }
#Season6 .voting-open {
    background: url(/images/season6/voting-open.png) no-repeat 0 0;
    }    
#Season6 .voting-closed {
    background: url(/images/season6/voting-close.png) no-repeat 0 0;
    }  
#Season6 a.see-it-all {
    width: 192px; height: 43px; background: url(/images/season6/btn-see-it-all.png) no-repeat 0 0;
    text-indent: -9999px; display: block;
    margin: 0 0 15px 15px;
    }
    #Season6 a.see-it-all:hover {
        background-position: 0 -43px;
        }         
#Season6 #vert_scroll_wrap {
    margin: 0 0 0 20px;
    }    
    #Season6 #vert_scroll_wrap .scrollable {
        height: 375px; width: 163px;
        }    
    #Season6 #vert_scroll_wrap #scrollControls {
        position: absolute;
        right: -8px;
        top: 122px;
        }
        #Season6 #vert_scroll_wrap div.items { width:163px; }            
#Season6 #vert_scroll_wrap div.items div { width:159px }
#Season6 #vert_scroll_wrap div.items div div {
    padding:0 0 0 4px; width:159px; margin-bottom:10px
    }        
    #Season6 #vert_scroll_wrap div.items div div.current {
        padding:4px 4px 0px 4px;margin-bottom:0px;top:-3px;
        }    
    #Season6 #vert_scroll_wrap div.items div div.first.current,
    #Season6 #vert_scroll_wrap div.items div div.third.current {
         top:0px; padding-bottom:4px;
         }
#Season6 #vert_scroll_wrap .flashThumbs a, #Season6 #vert_scroll_wrap .flashThumbs {
        display: block; font-size: 13px; text-transform: capitalize; color: #ffffff;        
        }  
        #Season6 #vert_scroll_wrap .flashThumbs img {
            margin: 0 0 3px 0;
            } 
#VideoDetail.season6-video #vert_scroll_wrap #scrollControls a, #Season6 #vert_scroll_wrap #scrollControls a {
    width: 35px; height: 34px; background: url("/images/buttons/scrollButtons-small.png") no-repeat 0 0 transparent;
    } 
#Season6 #vert_scroll_wrap #scrollControls a.prev, #VideoDetail.season6-video #vert_scroll_wrap #scrollControls a.prev {
    background-position: 0 0;
    } 
    #Season6 #vert_scroll_wrap #scrollControls a.prev:hover, #VideoDetail.season6-video #vert_scroll_wrap #scrollControls a.prev:hover {
        background-position: -35px 0;
        }                      
#Season6 #vert_scroll_wrap #scrollControls a.prev.disabled, #VideoDetail.season6-video #vert_scroll_wrap #scrollControls a.prev.disabled {
    background-position: -70px 0;
    }        
#Season6 #vert_scroll_wrap #scrollControls a.next, #VideoDetail.season6-video #vert_scroll_wrap #scrollControls a.next {
    background-position: 0 -34px;
    } 
    #Season6 #vert_scroll_wrap #scrollControls a.next:hover, #VideoDetail.season6-video #vert_scroll_wrap #scrollControls a.next:hover {
        background-position: -35px -34px;
        }
#Season6 #vert_scroll_wrap #scrollControls a.next.disabled, #VideoDetail.season6-video #vert_scroll_wrap #scrollControls a.next.disabled {
    background-position: -70px -34px;
    }    

/* video detail */   
#VideoDetail.season6-video {height: 100%; background: #ffffff} 
    #VideoDetail.season6-video #Wrapper, #VideoDetail.season6-video #ContentContainer {height: 100%; position: relative; width: 958px; background: none;} 
    
    #VideoDetail.season6-video #bg {
        background: url("/images/season6/season6-bg.jpg") no-repeat scroll center top #ffffff;
        height: 100%;
        margin: auto;
        position: absolute;
        width: 100%;
        z-index: 0;
        overflow: scroll;        
        }
    #VideoDetail.season6-video .shareLike {
        top:20px;
        }
    #VideoDetail.season6-video .content-container {
        z-index: 1; position: relative; top: 55px;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        -moz-border-radius: 10px;
        border-radius: 10px;
        }    
    #VideoDetail.season6-video .top-bg {
        width: 958px; height: 35px; background: url("/images/season6/video-top-bg.png") no-repeat 0 0 transparent; 
        }    
    #VideoDetail.season6-video .middle-bg {
        width: 898px; height: auto; min-height: 520px; background: url("/images/season6/video-middle-bg.png") repeat-y 0 0 transparent; 
        padding: 0 30px;
        } 
    #VideoDetail.season6-video .bottom-bg {
        width: 958px; height: 82px; background: url("/images/season6/video-bottom-bg.png") no-repeat 0 0 transparent;
        } 
        #VideoDetail.season6-video .bottom-bg.expanded {
            width: 958px; height: 312px; background: url("/images/season6/video-bottom-expanded.png") no-repeat 0 0 transparent;
            }
#VideoDetail.season6-video .title {
    color: #DD4733; font-size: 2em; text-transform: capitalize; float:left; width: 50%;  
    margin: 0 0 15px 0;  
    }
    #VideoDetail.season6-video .title span {
        color: #7F7979; font-size: 0.5em;
    }
#VideoDetail.season6-video .flash-container {
    width: 854px; height: 480px; margin: 0 auto;
    position: relative;
    z-index: 2997;
    }
#VideoDetail.season6-video .overlay {
    height: 480px; width: 795px;    
    margin: 0 auto;
    position: absolute; left: 52px; top: 74px; z-index: 2998;   
    display: none;    
    background: url(/images/season6/transparent-overlay.png) repeat 0 0;
    }
#VideoDetail.season6-video .icons {
    float: right; width: 34%;
    text-align: left;
    }
    #VideoDetail.season6-video .icons a {
        font-size: 0.8em; color: #5284bf; text-transform: uppercase; font-weight: bold; font-style: italic;
        display: inline-block;      
        }
        #VideoDetail.season6-video a.home-icon {
            background: url(/images/icons/icon-home.png) no-repeat 0 0;
            padding: 8px 0 0 23px; height: 16px; margin: 0 10px 0 0;
            }
        #VideoDetail.season6-video a.tv-icon {
            background: url(/images/icons/icon-tv.png) no-repeat 0 2px;
            padding: 8px 0 0 27px; height: 16px; margin: 0 10px 0 0;
            }
        #VideoDetail.season6-video a.question-icon {
            background: url(/images/icons/icon-question-mark.png) no-repeat 0 2px;
            padding: 8px 0 0 23px; height: 16px; margin: 0 10px 0 0;
            }  
#VideoDetail.season6-video h2.how-it-works {
    width: 274px; height: 48px; background: url(/images/season6/header-howitworks.png) no-repeat 0 0;
    text-indent: -9999px; display: block;
    position: relative; top: 57px; left: 30px;
    }            
#VideoDetail.season6-video .film-strip {
    width: 1008px; height: 234px; background: url(/images/season6/film-strip.png) no-repeat 0 0;
    text-indent: -9999px; display: block;
    position: relative; top: 21px; left: -25px;
    } 
#VideoDetail.season6-video .toggle-container {display: none; position: relative}
#VideoDetail.season6-video .toggle-container .close {
        width: 71px; height: 72px; display: block; text-indent:-9999px;
        background: transparent url(/images/season6/btn-close.png) no-repeat 0 0;
        position: absolute; top: 55px; right: -40px; z-index: 2999;
        }  
#VideoDetail.season6-video .browse-episodes {
    width: 199px; height: 450px; padding: 15px 5px 15px 15px;
    position: absolute; top: 74px; right: 30px; display: none;
    /* fallback */ background-color: #636363;  
    /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#636363), to(#303032)); 
    /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #636363, #303032); 
    /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #636363, #303032); 
    /* IE 10 */ background: -ms-linear-gradient(top, #636363, #303032); 
    /* Opera 11.10+ */ background: -o-linear-gradient(top, #636363, #303032);
    z-index: 2999;
    }
    #VideoDetail.season6-video .browse-episodes .close-overlay {
        width: 20px; height: 20px; background: url(/images/buttons/btn-close-overlay.png) no-repeat 0 0;
        display: block; text-indent: -9999px;
        position: absolute; top: 5px; right: 8px; z-index: 2999;
        }
    #VideoDetail.season6-video .browse-episodes #vert_scroll_wrap {
        float: none; padding: 0;
        }
        #VideoDetail.season6-video #vert_scroll_wrap div.items div div {
            margin-bottom: 20px;
            padding: 0 0 0 4px;
            width: 159px;
            }
            #VideoDetail.season6-video #vert_scroll_wrap .flashThumbs img {
                margin: 0 0 4px;
                }            
            #VideoDetail.season6-video #vert_scroll_wrap .flashThumbs a, #VideoDetail.season6-video #vert_scroll_wrap .flashThumbs {
                color: #FFFFFF;
                display: block;
                font-size: 13px;
                text-transform: capitalize;
                } 
#VideoDetail.season6-video .current a img, #VideoDetail.season6-video .voteOpen a img, 
#VideoDetail.season6-video .voteClosed a img {
    height: 104px;
    }
#VideoDetail.season6-video .flashThumbs a {
    font-style: normal; font-weight: normal;
    }
#VideoDetail.season6-video .btn-signin-small {float: left; margin-left: 20px;}
/* chain engagement overwrite */                         
#VideoDetail.season6-video #notificationArea {
    top: 0; width: 900px; 
    position: relative;    
    }
    #VideoDetail.season6-video #notificationArea .notif_close {
        display: block;
        }
#VideoDetail.season6-video #ContentContainer #award {position: relative}  
#VideoDetail.season6-video #notificationArea .gameLogIn {
    background: url(/images/background/badges_hold_s6.jpg) no-repeat 20px 10px !important;
    }   
#VideoDetail.season6-video #notificationArea #logIn.gameLogIn {margin-left: 0; width: 854px !important; padding: 10px 0 0 0 !important;}  
#VideoDetail.season6-video #notificationArea #logIn.gameLogIn .btns {margin-left: 0;}
#VideoDetail.season6-video #notificationArea #logIn.gameLogIn .btns .btns-links { width: 210px; }
#VideoDetail.season6-video #notificationArea #aquiredBadges {background: url("/images/background/badgeHdr.jpg") no-repeat scroll 50% 40px transparent; padding: 95px 24px 0;}

#VideoDetail.season6-video #notificationArea #lostPassword, #VideoDetail.season6-video #notificationArea #joinNow {
    background: url("/images/background/joinHdr.jpg") no-repeat scroll 50% 40px transparent;
    padding: 95px 20px 0;
}
/* ********************************************************************************* */

/* Team Xtreme HQ Page **************************************************************** */
#XTremeHQ.main-content {
    margin-bottom: -103px !important;
}

#XTremeHQ .main {
	position:relative; top: 0;
	margin: 0;
	padding: 25px 0px 15px 0px;
	background:transparent;
    }   
    
#XTremeHQ .enterTime 
{
    position: absolute;
    width: 686px;
    height: 515px;
    display: block;
}

#XTremeHQ .promos 
{
    width: 237px;
    float: right;
    background: none;
    height: 500px;
}
    .promos #cta-dwade {
        width: 205px;
        height: 152px;
        background: url('/images/xtreme/headquarters/hq-cta-dwade.png') no-repeat top center;
        text-indent: -99999px;
        position: relative;
        margin-top: 40px;
    }
    .promos #cta-dwade a#hq-promo-dwade {
        width: 100%; height: 100%;
        position: absolute;
        top: 0; left: 0;
    }
    .promos #cta-playpicker {
        width: 208px;
        height: 147px;
        background: url('/images/xtreme/headquarters/hq-cta-playpicker.png') no-repeat 0 0;
        text-indent: -99999px;
        position: relative;
        margin: 5px 0 0 30px;
    }
    .promos #cta-playpicker:hover {
        background-position: 0 -147px;
    }
    .promos #cta-playpicker a#hq-promo-playpicker {
        width: 100%; height: 100%;
        position: absolute;
        top: 0; left: 0;
    }
    .promos #cta-xtreme {
        width: 211px;
        height: 152px;
        background: url('/images/xtreme/headquarters/hq-cta-xtreme.png') no-repeat 0 0;
        text-indent: -99999px;
        position: relative;
        margin: 0 0 0 10px;
    }
    .promos #cta-xtreme:hover {
        background-position: 0 -152px;
    }
    .promos #cta-xtreme a#hq-promo-xtreme {
        width: 100%; height: 100%;
        position: absolute;
        top: 0; left: 0;
    }

#XTremeHQ .bottom-callout 
{
    width: 100%;
    background: none;
    min-height: 135px;
    margin: 0;
    position: relative;
    top: 10px;
}
    .bottom-callout #cta-sweepstakes {
        width: 920px;
        height: 153px;
        background: url('/images/xtreme/headquarters/hq-cta-sweepstakes.png') no-repeat 0 0;
        text-indent: -99999px;
        position: relative;
        margin: 0 0 0 12px;
    }
    .bottom-callout #cta-sweepstakes:hover {
        background-position: 0 -153px;
    }
    .bottom-callout #cta-sweepstakes a#hq-bottom-sweepstakes {
        width: 100%; height: 100%;
        position: absolute;
        top: 0; left: 0;
    }
    
#leaderboard-popup { width: 795px; 
                     background: #FFF url(/images/sweepstakes/pop_enter_top_795px.png) no-repeat center top !important;
                     }
#leaderboard-popup .header,
    #playtracker-popup .header {
        text-indent: -9999px;
        width: 330px; height: 62px;
        }
#leaderboard-popup .header {background-image: url(/images/headers/leaderboard-header.png);}       
/* ********************************************************************************* */

/* Team Xtreme Page **************************************************************** */
#XTremeLanding .main {
	position:relative; top: 0;
	margin: 0px 0 10px 0;
	padding: 25px 20px 15px 20px;
	background:#fff;
	border-color:#fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    }    
    #XTremeLanding .shareLike {
	    position:relative; z-index: 29999;
	    margin: 20px 0 10px 0;
	    top:0;
	    width:100%;
        }
    #XTremeLanding .Likes {
        margin: 0 7px 0 0;
        }
    #XTremeLanding .header-banner {
        background: url(/images/xtreme/xtreme-header.png) no-repeat 0 0;
        width: 944px; height: 175px; 
        text-indent: -9999px;
        position: relative; top: -66px; left: -11px;  z-index: 29998;
        } 
    #XTremeLanding .bottom-container {
        background: url(/images/box/drop-shadow.png) no-repeat top center;
        margin: -57px 0 0; padding: 15px 0 0 5px; 
        }       
    #XTremeLanding .sweepstakes-wrap {        
        float: left;
        margin: 0 20px 0 0;
        overflow: hidden;
        position: relative;
        width: 533px;
        }
        #XTremeLanding .sweepstakes, .XTremeLanding {
            text-indent: -9999px;
            /*background: url(/images/xtreme/sweepstakes_callout.jpg) no-repeat 0 0;*/
            background: url(/images/xtreme/get_movin_banner02hover.jpg) no-repeat 0 0;
            width: 533px; height: 530px; 
            position: relative;
            margin: 5px 0 15px 0;
            }
        #XTremeLanding .sweepstakes:hover {
            background-position: 0 -530px;
            }
            #XTremeLanding .sweepstakes #enter-sweepstakes {
                position: absolute; bottom: 0px; right: 0px;
                height: 100%; width: 100%;
                }               
        #XTremeLanding .featured-callout {
            text-indent: -9999px;
            /*background: url(/images/xtreme/playcenter_callout.jpg) no-repeat 0 0;*/
            width: 335px; height: 249px; 
            position: relative;
            background-position: 0 0;
            margin-top: 11px;
            }              
        #XTremeLanding .featured-callout:hover {
            background-position: 0 -249px;
            }
            #XTremeLanding .featured-callout #featured-url {
                position: absolute; bottom: 0; right: 0;
                height: 100%; width: 100%;
                }        
    #XTremeLanding .promos {
        float: left;
        width: 341px;
        }        
        #XTremeLanding .promos .promo {
            padding: 5px 0 6px 17px;
            position: relative;
            background: url(/images/background/latest-video-bg.png) no-repeat left top #FFFFFF;
            width: 341px;
            }                       
        #XTremeLanding .tabHead {
	        left: 15px; top: 21px;
	        display:block;
	        position:absolute;
	        font-style:italic;
	        font-weight:bold;
	        color:#fc7c00;
	        font-size:11px;
            }
        #XTremeLanding .tabHead img {float:left;margin:-10px 7px 0 0;}
        #XTremeLanding .tabHead span.username {color:#fc7c00;}
        #XTremeLanding .tabHead span {
	        color:#000;
            }
        #XTremeLanding #login-callout, #XTremeLanding #join-now-callout, #XTremeLanding #enter-time-callout {display: none;}
            #XTremeLanding #login-callout .join {
               background: url(/images/xtreme/join-login-callout.jpg) no-repeat 0 0;
               width: 328px; height: 131px;
               text-indent: -9999px; position: relative;
               margin: 10px 0 0 0;
               }
            #XTremeLanding #login-callout #join {
                bottom: 16px;  position: absolute; left: 24px;
                display: block; height: 40px; width: 130px;    
                }
            #XTremeLanding #login-callout #login {
                position: absolute; bottom: 17px; right: 20px;
                display: block; height: 30px; width: 130px;
                }               
            #XTremeLanding #enter-time-callout .enter-time {
                background: url(/images/xtreme/enter-time-callout.jpg) no-repeat 0 0;
                width: 328px; height: 131px;
                text-indent: -9999px; position: relative;
                margin: 10px 0 0 0;
                }               
            #XTremeLanding #enter-time-callout .enter-time:hover, #XTremeLanding #join-now-callout .join-now:hover {
                background-position: 0 -131px;
                }
            #XTremeLanding #enter-time-callout #enter-time {
                bottom: 16px;  position: absolute; left: 24px;
                display: block; height: 40px; width: 280px;                    
                }
            #XTremeLanding #enter-time-callout .tabHead {
                font-size: 15px;
                } 
            #XTremeLanding #join-now-callout .join-now {
                background: url(/images/xtreme/join-xtreme-callout.jpg) no-repeat 0 0;
                width: 328px; height: 131px;
                text-indent: -9999px; position: relative;
                margin: 10px 0 0 0;
                }
            #XTremeLanding #join-now-callout .overlay-trigger {
                bottom: 16px;  position: absolute; left: 24px;
                display: block; height: 40px; width: 280px;                                       
                }        
             #XTremeLanding #playpicker-callout .playpicker {
                /*background: url(/images/xtreme/playpicker-callout.jpg) no-repeat 0 0;*/ 
                background: url(/images/xtreme/teamxtrame.jpg) no-repeat 0 0;
                width: 335px; height: 249px;
                text-indent: -9999px; position: relative;
                margin: 10px 0 0 0;
                }               
              
            #XTremeLanding #playpicker-callout #playpicker {
                position: absolute; display: block; height: 249px; width: 335px;                    
                }   
                #XTremeLanding #playpicker-callout #playpicker:hover {
                background-position: 0 -249px;
                }                   
        #XTremeLanding .featuredImage {
            padding: 10px 0 0 0;
            }   

/* login form popup */
#login-xtreme, #register-xtreme {
    width: 795px; height: auto; padding: 2px;
    background-image: none; background-color: #ffffff;
    }
    #login-xtreme .close, #register-xtreme .close {
        background-image: url(/images/icons/icon-close.png);
        }
    #login-xtreme h1, #register-xtreme h1 {
        font-size: 11px; text-transform: uppercase; color: #FC7C00; font-style: italic; font-weight: bold;
        background: url(/images/headers/joinTab.png) no-repeat 0 0;        
        padding: 9px 0 9px 55px; 
        margin: 20px 0 0 30px;
        }        

/* playtracker - leader board popup */
#playtracker-popup {
    width: 795px; height: auto; padding: 2px;
    background-image: none; background-color: #ffffff;
    }
    #playtracker-popup .close {
        background-image: url(/images/icons/icon-close.png);
        }
    #playtracker-popup h1 {
            font-size: 11px; text-transform: uppercase; color: #FC7C00; font-style: italic; font-weight: bold;
        background: url(/images/headers/joinTab.png) no-repeat 0 0;        
        padding: 9px 0 9px 55px; 
        margin: 20px 0 0 30px;
        }                
            
/* headquarters popup */
#headquarters {
    background-image: none; width: 786px; height: 571px;
    }
    #headquarters .close {
        background-image: url(/images/icons/icon-close.png);
        }
    #headquarters .header {
        padding: 24px 33px 20px 33px;
        }
        #headquarters .header h1 {
            text-indent: -9999px; background: url(/images/headquarters/hdr-headquarters.png) no-repeat 0 0;
            width: 532px; height: 27px;
            margin: 0 0 8px 0;
            }
        #headquarters .header .tagline {
            font-weight: bold; color: #f26522; font-size: 17px;
            }
     #headquarters .panes {
        padding: 0 0 5px 5px; position: relative;        
        }              
        #headquarters .panes .option {
            display: none;
            }    
        #headquarters .panes .option-a {
            display: block;
            }
     #headquarters #tabs {
        width: auto; height: 63px; padding-left: 72px;
        } 
        #headquarters #tabs.option-a, #headquarters #tabs.option-a-voted {
            background-image: url(/images/headquarters/tabA-bg.jpg); background-repeat: no-repeat;
            }
        #headquarters #tabs.option-a:hover, #headquarters #tabs.option-a-voted:hover {
            background-position: 0 -126px;
            }            
        #headquarters #tabs.option-b, #headquarters #tabs.option-b-voted {
            background-image: url(/images/headquarters/tabB-bg.jpg); background-repeat: no-repeat;
            }            
        #headquarters #tabs.option-b:hover, #headquarters #tabs.option-b-voted:hover {
            background-position: 0 -126px;
            }
        #headquarters #tabs.option-c, #headquarters #tabs.option-c-voted {
            background-image: url(/images/headquarters/tabC-bg.jpg); background-repeat: no-repeat;
            }
        #headquarters #tabs.option-c:hover, #headquarters #tabs.option-c-voted:hover {
            background-position: 0 -126px;
            }
        #headquarters #tabs {
                background-position: 0 0;
                }
        #headquarters #tabs.option-a-voted, #headquarters #tabs.option-b-voted, #headquarters #tabs.option-c-voted {
            background-position: 0 -63px;
            }                   
        #headquarters #tabs li {
            display: block; float: left; 
            }
            #headquarters #tabs li a {
                display: block; width: 144px; height: 45px; margin-right: 5px;
                color: #666666; font-size: 17px; font-weight: bold;
                padding: 8px 0 0 65px;
                }
                #headquarters #tabs li a:hover {
                    text-decoration: none;
                    }
                #headquarters #tabs li a.last {
                    margin: 0;
                    }
                    #headquarters #tabs li a span.vote-total {
                        display: block;
                        }    
                #headquarters #tabs li#option-a.current {            
                    background-image: url(/images/headquarters/tabA-bg.jpg);
                    background-position: -72px -126px;
                    }
                #headquarters #tabs li#option-b.current {            
                    background-image: url(/images/headquarters/tabB-bg.jpg);
                    background-position: -286px -126px;
                    }
                #headquarters #tabs li#option-c.current {            
                    background-image: url(/images/headquarters/tabC-bg.jpg);
                    background-position: -500px -126px;
                    }
                #headquarters #tabs li#option-a.voted {            
                    background-image: url(/images/headquarters/tabA-bg.jpg);
                    background-position: -72px -63px;
                    }
                #headquarters #tabs li#option-b.voted {            
                    background-image: url(/images/headquarters/tabB-bg.jpg);
                    background-position: -286px -63px;
                    }
                #headquarters #tabs li#option-c.voted {            
                    background-image: url(/images/headquarters/tabC-bg.jpg);
                    background-position: -500px -63px;
                    }
                #headquarters #tabs li a#optionBG1:hover {
                    background: url(/images/headquarters/tabAhover-bg.png) no-repeat;
                    background-position: 14px 7px;
                    }
                #headquarters #tabs li a#optionBG2:hover {
                    background: url(/images/headquarters/tabBhover-bg.png) no-repeat;
                    background-position: 14px 7px;
                    }
                #headquarters #tabs li a#optionBG3:hover {
                    background: url(/images/headquarters/tabChover-bg.png) no-repeat;
                    background-position: 16px 7px;
                    }
                    
                    
    #headquarters .vote-container {
        margin: 10px 0; 
        height: 48px; overflow: hidden;
        }
        #headquarters .vote-btn {
            width: 255px; height: 48px; text-indent: -9999px; display: none; 
            margin: 0 auto; 
            }
        #headquarters #vote-option-a, #headquarters #vote-option-b, 
        #headquarters #vote-option-c, #headquarters #vote-disabled {
            background-image: url(/images/headquarters/btn-vote.png); background-repeat: no-repeat;
            }
        #headquarters #vote-option-a {
            background-position: 0 0;
            }
        #headquarters #vote-option-a:hover {
            background-position: 0 -192px;
            }
        #headquarters #vote-option-b {
            background-position: 0 -48px;
            }  
        #headquarters #vote-option-b:hover {
            background-position: 0 -240px;
            }     
        #headquarters #vote-option-c {
            background-position: 0 -96px;
            }      
        #headquarters #vote-option-c:hover {
            background-position: 0 -288px;
            }    
        #headquarters #vote-disabled {
            background-position: 0 -144px; cursor: default; margin: 0 auto;
            }
            
        #headquarters #change-option-a, #headquarters #change-option-b, 
        #headquarters #change-option-c {
            background-image: url(/images/headquarters/btn-change-vote.png); background-repeat: no-repeat;
            width: 327px; height: 48px;
            }
        #headquarters #change-option-a {
            background-position: 0 0;
            }
        #headquarters #change-option-a:hover {
            background-position: 0 -144px;
            }
        #headquarters #change-option-b {
            background-position: 0 -48px;
            } 
        #headquarters #change-option-b:hover {
            background-position: 0 -192px;
            }     
        #headquarters #change-option-c {
            background-position: 0 -96px;
            }      
        #headquarters #change-option-c:hover {
            background-position: 0 -240px;
            }       
        
        #headquarters .confirmation {
            zoom: 1; filter: alpha(opacity=86); opacity: 0.86;
            background: #000000;
            position: absolute; top: 0; left: 5px; display: none;
            width: 774px; height: 431px;
            }
            #headquarters .confirmation h2 {
                width: 598px; height: 28px;
                margin: 112px 0 20px 87px;
                background: url(/images/headquarters/hdr-voted-confirm.png) no-repeat 0 0; text-indent: -9999px;
                }
                #headquarters .confirmation p {
                    text-align: center; font-size: 17px; color: #ffffff; font-weight:bold;
                    margin-bottom: 5px;
                    }
                #headquarters .confirmation .enter-time {
                    margin: 70px 0 0 0; text-align: center;
                    }
                    #headquarters .confirmation .enter-time p {
                        text-transform: uppercase; font-size: 13px; margin: 0;
                        }
                    #headquarters .confirmation .btn-enter-time {
                        background: url(/images/headquarters/btn-enter-time.png) no-repeat 0 0; text-indent: -9999px;
                        width: 265px; height: 57px; display: block; margin: 0 auto;
                        }
                    #headquarters .confirmation .btn-enter-time:hover {
                        background-position: 0 -57px;
                        }
                    
    #headquarters #voting_ended {
        width: 786px;
        height: 571px;
        background-image: url(/images/headquarters/voting_ended_bg.png);
        background-repeat: no-repeat;     
        position: relative;       
        }
        #headquarters #voting_ended p.hdr {
            font-family: Helvetica;
            font-size: 17px;  
            color: #515151;    
            font-weight: bold;
            line-height: 20px;
            display: inline-block;
            margin: 95px 0 0 55px;  
            }
        #headquarters #voting_ended p.play_today {
            font-family: Helvetica;
            font-size: 18px;  
            color: #fff;    
            font-weight: bold;
            text-transform: uppercase;
            position: absolute;
            top: 523px; left: 155px;  
            }
        #headquarters #voting_ended #enter_time {   
            position: absolute;
            top: 500px; left: 375px;
            }
        
            
               
/* play picker app popup */
#play-picker {    
    width: 786px; height: auto; /* 572px */
    background: #ffffff; background-image: none;
    }
    #play-picker .close {
        background-image: url(/images/icons/icon-close.png);
        }
    #play-picker .header {
        background-image: url(/images/playpicker/play-center-header.png);
        width: 786px; height: 161px; text-indent: -9999px;
        margin-top: -29px;
        }
        
/* D-Wade video - xtreme video -- remove this if you have the thumbnails on the right side */                    
#VideoDetail.xtreme-video .flash-detail #Wrapper, #VideoDetail.xtreme-video #ContentContainer {
    width: 750px;
    }
    #VideoDetail.xtreme-video #enter-time {
    display: none; /* this is a hidden image to trigger registration popup - which is called from the function triggered in flash */
    }
/* ********************************************************************************* */	       


/* Badging  **************************************************** */

#award.global {
    width:443px; height:175px;
    background: url(/images/badging/badgePopBG.png) no-repeat top left;
    position:fixed;top:0;right:0;z-index:20000
    }
    
    #award #awardClose {
        cursor: pointer;
        display: block; height: 32px;width: 32px;
        position: absolute;right: 5px;top: 5px;
        }
    
    #award #awardInner {
        background-position: 15px 28px;
        background-repeat: no-repeat;
        height: 100px; width: 270px;
        padding: 40px 0 0 150px;
        }
        
        #award #awardInner h3 {margin-bottom:4px;}
        #award #awardInner h4 {font-weight:bold;margin-bottom:4px;}
        #award #awardInner p {width:215px;}
        
#ContentContainer #award {
    bottom: 0;height: 60px; left: 0;background-image:none;
    position: absolute;width: 100%;z-index: 20000;
    }
    #ContentContainer #award #awardInner {
        height: 54px;padding: 0 0 0 150px;width: 100%;
        }
        
    #ContentContainer #award #awardInner img {float:left;}
    
    #ContentContainer #award #awardInner h4 {
        color: #E07B1F;
        font-size: 1.3em;
        font-weight: bold;
        padding-left: 60px;
        padding-top: 17px;
        text-transform: uppercase;
        }
    #ContentContainer #award #awardInner h4 span {color:#000}
    
/* ********************************************************************************* */        

/* Video Detail ******************************************************************** */
#iFramePromo #Wrapper  {width:840px; }
#iFramePromo #ContentContainer {width:830px; padding-bottom:0; position: relative;z-index:0}

#iFramePromo #ContentContainer #innerContainer{
    behavior: url(/scripts/PIE.htc);
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    margin: 0 auto;padding:25px 0;
    text-align:center;
    }
    
#iFramePromo #ContentContainer #innerContainer h2 {
    margin-bottom:20px; float:left;width:100%;
    color:#dd4733;font-size:2em;
    }
    
#iFramePromo #ContentContainer #innerContainer h2 span {
    margin-left:10px;
    color:#7f7979;font-size:.5em;
    }
#iFramePromo #ContentContainer #innerContainer h2 span.divider {font-size:1em; margin:0 6px 0 10px}
#iFramePromo #ContentContainer #innerContainer iframe {margin:auto;text-align:center;}
#iFramePromo #footer {color:#fff;clear:both;padding:20px 10px;}
/* ********************************************************************************* */

/* Sweepstakes - Enter Time Popup ************* */
#enter-time-popup {
    color: #898989; font-style: italic; font-size: 14px;
    line-height: 20px;
    background-color: #fff !important;
    width:795px;
    }   
    #enter-time-popup .header,
    #playtracker-popup .header {
        background: url(/images/headers/enter-time-header.png) no-repeat 10px 0;
        text-indent: -9999px;
        width: 330px; height: 62px;
        }
    #enter-time-popup .headline {
        font-size: 17px; font-weight: bold;
        color: #483b3b; 
        margin-bottom: 8px;
        }

/* ************* */

/* Sweepstakes - Entry Popup ************* */
#sweeps-entry-popup {
    color: #898989; font-style: italic; font-size: 14px;
    line-height: 20px;
    background-color: #fff !important;
    width:795px;
    }   
    #sweeps-entry-popup .header {
        background: url(/images/headers/sweeps-entry-header.png) no-repeat 10px 0;
        text-indent: -9999px;
        width: 370px; height: 62px;
        }
    #sweeps-entry-popup .headline {
        font-size: 17px; font-weight: bold;
        color: #483b3b; 
        margin-bottom: 8px;
        }

/* ************* */

/* FAQ ***************************************************************************** */
#faq-popup {
    color: #898989; font-style: italic; font-size: 14px;
    line-height: 20px;
    }   
    #faq-popup .header {
        background: url(/images/headers/faq-header.png) no-repeat 10px 0;
        text-indent: -9999px;
        width: 117px; height: 62px;
        }
    #faq-popup .headline {
        font-size: 17px; font-weight: bold;
        color: #483b3b; 
        margin-bottom: 8px;
        }
    #faq-popup ul {
        list-style: disc; 
        margin: 0 0 0 20px;
        }      
    #faq-popup li {
        font-size: 14px; margin-bottom: 25px;
        }    
/* ********************************************************************************* */

/* Official Rules  ***************************************************************** */
#official-rules {
    color: #898989; font-style: italic; font-size: 14px;
    line-height: 20px;
    }    
    #official-rules .header {
        background: url(/images/headers/officialrules-header.png) no-repeat 10px 0;
        text-indent: -9999px;
        width: 305px; height: 62px;
        }
   #official-rules h1, #official-rules h2 {
        color: #000000; font-weight: bold; line-height: 22px;
        text-align: center;
        }
   #official-rules h1 {
        font-size: 17px;
        }     
   #official-rules h2 {
        font-size: 16px;
        }             
    #official-rules p {
        margin-bottom: 15px;
        }  
    #official-rules p.headline {
        color: #000000; font-size: 16px;
        margin: 20px 0 15px 0;
        }       
/* ********************************************************************************* */

/* Rounded Corners for IE7+IE8  **************************************************** */
#ie7 #GameLanding .main
{
    margin-top: 0;
}

#ie7 #VideoLanding .main,
#ie7 #VideoLanding #gallery
{
    top: 50px;
    margin-bottom: 30px;
}

#ie7 #headerBanner,
#ie8 #headerBanner{top: -10px;}

#ie7 #Home .main, #ie8 #Home .main {top: -35px}

#ie7 #Home .main, #ie8 #Home .main,
#ie7 #SiteMap .main, #ie8 #SiteMap .main 
{
    padding-top: 22px;
    width: 959px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

#ie7 #Home .main .featured, #ie8 #Home .main .featured {border: 1px solid #d5d5d5;}


#ie7 #Home #share,
#ie8 #Home #share{}

#ie7 #GameLanding
{
    padding-top: 50px;
}

.box_tl, .box_tr, .box_bl, .box_br, .box_t, .box_b {
    display:none;
    position: absolute;
    z-index: 2;
}

#ie7 .box_t,
#ie8 .box_t 
{
    display:block;
    left: 5px;
    top: -13px;
    width: 985px;
    height: 14px;
    background: url('/images/box/white-horiz-trans.png') repeat-x 0px 0px;
    z-index: 1;
}

#ie7 .box_b,
#ie8 .box_b 
{
    display:block;
    left: 5px;
    bottom: -14px;
    width: 985px;
    height: 14px;
    background: url('/images/box/white-horiz-trans2.png') repeat-x 0px 0px;
    z-index: 1;
}
#ie7 #FinnAndFriends .contBrder .box_t,
#ie8 #FinnAndFriends .contBrder .box_t,
#ie7 #FinnAndFriends .contBrder .box_b,
#ie8 #FinnAndFriends .contBrder .box_b 
{
    width: 945px;
}

#ie7 #FinnAndFriends .box_tl,
#ie8 #FinnAndFriends .box_tl,
#ie7 #FinnAndFriends .box_bl,
#ie8 #FinnAndFriends .box_bl
{
    left: -4px;
}
#ie7 #FinnAndFriends .box_tr,
#ie8 #FinnAndFriends .box_tr,
#ie7 #FinnAndFriends .box_br,
#ie8 #FinnAndFriends .box_br
{
    right: -3px;
}

#ie7 .box_tl, #ie8 .box_tl,
#ie7 .box_tr, #ie8 .box_tr,
#ie7 .box_bl, #ie8 .box_bl,
#ie7 .box_br, #ie8 .box_br {
    display:block;
}

#ie7 .playNow .box_tl, #ie8 .playNow .box_tl,
#ie7 .playNow .box_tr, #ie8 .playNow .box_tr,
#ie7 .playNow .box_bl, #ie8 .playNow .box_bl,
#ie7 .playNow .box_br, #ie8 .playNow .box_br {
    z-index: 2;
}

.box_tl
{
    /*z-index: 200000;*/
    left: -5px; top: -13px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-tl-transp.png) no-repeat 0 0;
}
.box_tr
{
    right: -4px; top: -13px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-tr-transp.png) no-repeat 0 0;
}
.box_bl
{
    left: -5px; bottom: -13px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-bl-transp.png) no-repeat 0 0;
}
.box_br
{
    right: -4px; bottom: -13px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-br-transp.png) no-repeat 0 0;
}

.box_tl.box_inner
{
    left: -4px; top: -4px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-tl.png) no-repeat 0 0;
}
.box_tr.box_inner
{
    right: -3px; top: -4px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-tr.png) no-repeat 0 0;
}

.box_bl.box_inner
{
    left: -4px; bottom: -3px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-bl.png) no-repeat 0 0;
}
.box_br.box_inner
{
    right: -3px; bottom: -3px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-br.png) no-repeat 0 0;
}

#ie7 #notificationArea .box_tl, #ie8 #notificationArea .box_tl,
#ie7 #notificationArea .box_tr, #ie8 #notificationArea .box_tr,
#ie7 #notificationArea .box_bl, #ie8 #notificationArea .box_bl,
#ie7 #notificationArea .box_br, #ie8 #notificationArea .box_br,
#ie7 #notificationArea .box_t, #ie8 #notificationArea .box_t,
#ie7 #notificationArea .box_b, #ie8 #notificationArea .box_b {
    display:none;
    }

#ie8 #notificationArea #lostPassword {
    padding:95px 44px 0px 44px
    }
/* Video & Game Landing */
#ie7 #GameLanding .main .box_t,
#ie8 #GameLanding .main .box_t
{
    top: -9px;
    left: 6px;
    background: #fcf1b9 none;
    width: 948px;
}
#ie7 #GameLanding .main .box_tl,
#ie8 #GameLanding .main .box_tl
{
    left: -4px;
    background: url(/images/box/yellow-tl-transp.png) no-repeat 0 0;
}
#ie7 #GameLanding .main .box_tr,
#ie8 #GameLanding .main .box_tr
{
    right: -3px;
    background: url(/images/box/yellow-tr-transp.png) no-repeat 0 0;
}
#ie7 .main, #ie8 .main{position: relative;}

#ie7 .main .featured,
#ie8 .main .featured,
#ie7 .topVidWrapper, 
#ie8 .topVidWrapper {
    position: relative;
}

#ie7 #gallery,
#ie8 #gallery{
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}

#ie7 #gallery .box_b,
#ie8 #gallery .box_b {
    width: 948px;
}

#ie7 .featured .box_t,
#ie8 .featured .box_t,
#ie7 .topVidWrapper .box_t,
#ie8 .topVidWrapper .box_t {
    top: -9px;    
}

#ie7 #GameLanding .main .featured .box_b,
#ie8 #GameLanding .main .featured .box_b,
#ie7 #GameLanding .main .topVidWrapper .box_b,
#ie8 #GameLanding .main .topVidWrapper .box_b {
    bottom: -10px;    
}

#ie7 #GameLanding .main .featured .box_t,
#ie8 #GameLanding .main .featured .box_t,
#ie7 #GameLanding .main .featured .box_b,
#ie8 #GameLanding .main .featured .box_b{
    background-color: #fff;
    background-image: none;
    left: 7px;
    width: 694px;
}

#ie7 #GameLanding .main .topVidWrapper .box_t,
#ie8 #GameLanding .main .topVidWrapper .box_t,
#ie7 #GameLanding .main .topVidWrapper .box_b,
#ie8 #GameLanding .main .topVidWrapper .box_b{
    width: 201px;
    left: 7px;
    background-color: #fff;
    background-image: none;
}

#ie7 #GameLanding .main .featured .box_tl,
#ie8 #GameLanding .main .featured .box_tl
{
    left: -5px; top: -13px;
    background: url(/images/box/white-tl-transp2.png) no-repeat 0 0;
}
#ie7 #GameLanding .main .featured .box_tr,
#ie8 #GameLanding .main .featured .box_tr
{
    right: -4px; top: -13px;
    background: url(/images/box/white-tr-transp2.png) no-repeat 0 0;
}
#ie7 #GameLanding .main .featured .box_bl,
#ie8 #GameLanding .main .featured .box_bl
{
    left: -3px; bottom: -12px;
    background: url(/images/box/white-bl-transp2.png) no-repeat 0 0;
}
#ie7 #GameLanding .main .featured .box_br,
#ie8 #GameLanding .main .featured .box_br
{
    right: -4px; bottom: -12px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-br-transp2.png) no-repeat 0 0;
}

#ie7 #GameLanding .main .topVidWrapper .box_tl,
#ie8 #GameLanding .main .topVidWrapper .box_tl
{
    left: -5px; top: -13px;
    background: url(/images/box/white-tl-transp2.png) no-repeat 0 0;
}
#ie7  #GameLanding .main .topVidWrapper .box_tr,
#ie8  #GameLanding .main .topVidWrapper .box_tr
{
    right: -3px; top: -13px;
    background: url(/images/box/white-tr-transp2.png) no-repeat 0 0;
}
#ie7 #GameLanding .main .topVidWrapper .box_bl,
#ie8 #GameLanding .main .topVidWrapper .box_bl
{
    left: -5px; bottom: -12px;
    background: url(/images/box/white-bl-transp2.png) no-repeat 0 0;
}
#ie7 #GameLanding .main .topVidWrapper .box_br,
#ie8 #GameLanding .main .topVidWrapper .box_br
{
    right: -2px; bottom: -12px;
    width: 13px;
    height: 13px;
    background: url(/images/box/white-br-transp2.png) no-repeat 0 0;
}


/* Sign In */
#ie7 .tabWrap,
#ie8 .tabWrap
{   
    margin-top: 9px;
}
#ie7 #logIn,
#ie8 #logIn
{
    position: relative;
    
}

#ie7 #logIn .box_t,
#ie8 #logIn .box_t,
#ie7 #lostPassword .box_t,
#ie8 #lostPassword .box_t
{
    padding:0;
    height: 14px;
    width: 495px;
}

#ie7 #logIn .box_tl,
#ie8 #logIn .box_tl,
#ie7 #lostPassword .box_tl,
#ie8 #lostPassword .box_tl
{
    padding:0;
    height: 13px;
    left: -4px;
}

#ie7 #logIn .box_tr,
#ie8 #logIn .box_tr,
#ie7 #lostPassword .box_tr,
#ie8 #lostPassword .box_tr 
{
    padding:0;
    height: 13px;
    right: -3px;
}

#ie7 #logIn .box_b,
#ie8 #logIn .box_b
{
    padding:0;
    height: 14px;
    left: 8px;
    width: 482px;
    bottom: -7px;
}

#ie8 #logIn .box_b
{
    bottom: -18px;
    
}
#ie7 #logIn .box_bl,
#ie8 #logIn .box_bl
{
    padding:0;
    height: 13px;
    left: -4px;
    bottom: -6px;
}
#ie8 #logIn .box_bl
{
    bottom: -17px;
}

#ie7 #logIn .box_br,
#ie8 #logIn .box_br
{
    padding:0;
    height: 13px;
    bottom: -6px;
    right: -3px;
}
#ie8 #logIn .box_br
{
    bottom: -17px;

}

.lyrRel
{
    padding:0;
    width: 100%;
    height: 100%;
    position: relative;
}

/* Join Now & Your Stuff */
#ie7 #tabWrap #joinNow, 
#ie8 #tabWrap #joinNow,
#ie7 #tabWrap #yourStuff, 
#ie8 #tabWrap #yourStuff
{
    position: relative;
    padding-bottom: 0px;
}
#ie7 #joinNow .closeJoinFormDiv,
#ie8 #joinNow .closeJoinFormDiv,
#ie7 #yourStuff .closeYourStuffDiv,
#ie8 #yourStuff .closeYourStuffDiv
{
    padding-top: 7px;
    height: auto;
    z-index: 1;
}

#ie7 #yourStuff .closeYourStuffDiv .btn-x-close-small,
#ie8 #yourStuff .closeYourStuffDiv .btn-x-close-small
{
    top: 14px;
}

#ie7 #joinNow .box_b,
#ie8 #joinNow .box_b,
#ie7 #yourStuff .box_b,
#ie8 #yourStuff .box_b
{
    padding:0;
    left: 8px;
    bottom: -13px;
    height: 13px;
    width: 593px;
    z-index: 1;
}
#ie7 #joinNow .box_bl,
#ie8 #joinNow .box_bl,
#ie7 #yourStuff .box_bl,
#ie8 #yourStuff .box_bl
{
    padding:0;
    height: 13px;
    bottom: -13px;
    left: -4px;
}
#ie7 #joinNow .closeJoinFormDiv .box_b,
#ie8 #joinNow .closeJoinFormDiv .box_b,
#ie7 #yourStuff .closeYourStuffDiv .box_b,
#ie8 #yourStuff .closeYourStuffDiv .box_b
{
    padding: 0;
    height: 14px;
    width: 82px;
    left: 8px;
    bottom: -14px;
}
#ie7 #yourStuff .closeYourStuffDiv .box_b,
#ie8 #yourStuff .closeYourStuffDiv .box_b
{
    bottom: -40px;
}
#ie7 #joinNow .closeJoinFormDiv .box_bl,
#ie8 #joinNow .closeJoinFormDiv .box_bl,
#ie7 #yourStuff .closeYourStuffDiv .box_bl,
#ie8 #yourStuff .closeYourStuffDiv .box_bl
{
    padding: 0;
    height: 13px;
    bottom: -13px;
    left: -4px;
}

#ie7 #yourStuff .closeYourStuffDiv .box_bl,
#ie8 #yourStuff .closeYourStuffDiv .box_bl
{
    bottom: -39px;
}

#ie7 #joinNow .closeJoinFormDiv .box_br,
#ie8 #joinNow .closeJoinFormDiv .box_br,
#ie7 #yourStuff .closeYourStuffDiv .box_br,
#ie8 #yourStuff .closeYourStuffDiv .box_br
{
    padding: 0;
    height: 13px;
    bottom: -13px;
    right: -3px;
}

#ie7 #yourStuff .closeYourStuffDiv .box_br,
#ie8 #yourStuff .closeYourStuffDiv .box_br
{
    bottom: -39px;
    
}

/* Forgot password */
#ie7 #lostPassword,
#ie8 #lostPassword
{
    position: relative;
    padding: 10px 20px 0px;
}
#ie7 #lostPassword .btns
{
    position: relative; top: 10px;   
}
#ie7 #lostPassword .box_b,
#ie8 #lostPassword .box_b
{
    padding:0;
    height: 14px;
    left: 8px;
    width: 482px;
    bottom: -18px;
}

#ie8 #lostPassword .box_b
{
    bottom: -25px;

}

#ie7 #lostPassword .box_bl,
#ie8 #lostPassword .box_bl
{
    padding:0;
    height: 13px;
    left: -4px;
    bottom: -17px;
}

#ie8 #lostPassword .box_bl
{
    bottom: -24px;
}

#ie7 #lostPassword .box_br,
#ie8 #lostPassword .box_br
{
    padding:0;
    height: 13px;
    bottom: -17px;
    right: -3px;
}

#ie8 #lostPassword .box_br
{
    bottom: -24px;

}

/* Share & Show Hide */



/* Inner Carousel */

#ie7 .main .featured #mainCarousal .playNow,
#ie8 .main .featured #mainCarousal .playNow
{
    background: none;
    bottom: 10px;
    height: 37px;
}
#ie7 .main .featured #mainCarousal .playNow .lyrRel,
#ie8 .main .featured #mainCarousal .playNow .lyrRel
{
    background-color: #fff;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    top: -10px;
    z-index: 10;
}
#ie7 .main .featured #mainCarousal .playNow .lyrRel .btn-play-now,
#ie8 .main .featured #mainCarousal .playNow .lyrRel .btn-play-now
{
    position: relative;
    top: -5px;
    z-index: 10;
}
#ie7 .main .featured #mainCarousal .playNow .lyrRel .Likes,
#ie8 .main .featured #mainCarousal .playNow .lyrRel .Likes
{
    position: relative;
    top: -5px;
    z-index: 10;
}

#ie7 .main .featured #mainCarousal .playNow .box_t,
#ie8 .main .featured #mainCarousal .playNow .box_t,
#ie7 .main .featured #mainCarousal .playNow .box_b,
#ie8 .main .featured #mainCarousal .playNow .box_b
{
    left: 8px;
    width: 97%;
    height: 13px;
}

#ie7 .main .featured #mainCarousal .playNow .box_t,
#ie8 .main .featured #mainCarousal .playNow .box_t
{
    top: -13px;
}

#ie7 .main .featured #mainCarousal .playNow .box_b,
#ie8 .main .featured #mainCarousal .playNow .box_b
{
    bottom: -13px;
}

#ie7 #VideoLanding .main .featured #mainCarousal .playNow .box_t,
#ie8 #VideoLanding .main .featured #mainCarousal .playNow .box_t,
#ie7 #VideoLanding .main .featured #mainCarousal .playNow .box_b,
#ie8 #VideoLanding .main .featured #mainCarousal .playNow .box_b
{
    width: 98%;
}

#ie7 #GameLanding .main .featured #mainCarousal .playNow .box_t,
#ie8 #GameLanding .main .featured #mainCarousal .playNow .box_t,
#ie7 #GameLanding .main .featured #mainCarousal .playNow .box_b,
#ie8 #GameLanding .main .featured #mainCarousal .playNow .box_b
{
    width: 97.5%;   
}
#ie7 #GameLanding .main .featured #mainCarousal .playNow .box_t,
#ie8 #GameLanding .main .featured #mainCarousal .playNow .box_t
{
    height: 9px;
    top: -9px;
}
#ie7 #GameLanding .main .featured #mainCarousal .playNow .box_b,
#ie8 #GameLanding .main .featured #mainCarousal .playNow .box_b
{
    height: 10px;
    bottom: -10px;
}
#ie7 #GameLanding .main .featured #mainCarousal .playNow .box_tl,
#ie8 #GameLanding .main .featured #mainCarousal .playNow .box_tl
{
    top: -13px;
    left: -4px;
}
#ie7 #GameLanding .main .featured #mainCarousal .playNow .box_bl,
#ie8 #GameLanding .main .featured #mainCarousal .playNow .box_bl
{
    bottom: -13px;
    left: -4px;
}
#ie7 #GameLanding .main .featured #mainCarousal .playNow .box_tr,
#ie8 #GameLanding .main .featured #mainCarousal .playNow .box_tr
{
    top: -13px;
    right: -3px;
}
#ie7 #GameLanding .main .featured #mainCarousal .playNow .box_br,
#ie8 #GameLanding .main .featured #mainCarousal .playNow .box_br
{
    bottom: -13px;
    right: -3px;
}

/* Finn and Friends */
#ie7 #FinnAndFriends .feed .box_t,
#ie8 #FinnAndFriends .feed .box_t,
#ie7 #FinnAndFriends .feed .box_b,
#ie8 #FinnAndFriends .feed .box_b
{
    width: 97.5%;
    background-image: none;
    background-color: #FBE5C5;
    height: 4px;
}

#ie8 #FinnAndFriends .feed .box_t,
#ie8 #FinnAndFriends .feed .box_b
{
    width: 98%;
    left: 4px;
}

#ie7 #FinnAndFriends .feed .status-comment p,
#ie8 #FinnAndFriends .feed .status-comment p
{
    padding-top: 8px;
    padding-bottom: 8px;
}
#ie7 #FinnAndFriends .feed .status-comment-photo,
#ie8 #FinnAndFriends .feed .status-comment-photo
{
    padding-top: 0px;
    padding-bottom: 0px;
}

#ie7 #FinnAndFriends .feed .box_t,
#ie8 #FinnAndFriends .feed .box_t
{
    top: -4px;
}


#ie7 #FinnAndFriends .feed .box_b,
#ie8 #FinnAndFriends .feed .box_b
{
    height: 5px;
    bottom: -4px;
}

#ie7 #FinnAndFriends .feed .box_tl,
#ie8 #FinnAndFriends .feed .box_tl
{
    width: 5px;
    height: 5px;
    top: -4px;
    left: -0px;
    background: url("/images/box/feed-tl.gif") no-repeat 0px 0px;
}

#ie7 #FinnAndFriends .feed .box_tr,
#ie8 #FinnAndFriends .feed .box_tr
{
    width: 5px;
    height: 5px;
    top: -4px;
    right: -0px;
    background: url("/images/box/feed-tr.gif") no-repeat 0px 0px;
}
#ie7 #FinnAndFriends .feed .box_bl,
#ie8 #FinnAndFriends .feed .box_bl
{
    width: 5px;
    height: 5px;
    bottom: -4px;
    left: -0px;
    background: url("/images/box/feed-bl.gif") no-repeat 0px 0px;
}
#ie7 #FinnAndFriends .feed .box_br,
#ie8 #FinnAndFriends .feed .box_br
{
    width: 5px;
    height: 5px;
    bottom: -4px;
    right: -0px;
    background: url("/images/box/feed-br.gif") no-repeat 0px 0px;
}

#ie7 .status .clear
{
    line-height: 1px;
    height: 1px;
    overflow: hidden;
    zoom:1;
    clear: both;
}


#ie7 #FinnAndFriends.detail .feed .status .box_t,
#ie8 #FinnAndFriends.detail .feed .status .box_t,
#ie7 #FinnAndFriends.detail .feed .status .box_b,
#ie8 #FinnAndFriends.detail .feed .status .box_b
{
    width: 98.5%;
}

#ie7 #FinnAndFriends.detail .feed .status-right .box_t,
#ie8 #FinnAndFriends.detail .feed .status-right .box_t,
#ie7 #FinnAndFriends.detail .feed .status-right .box_b,
#ie8 #FinnAndFriends.detail .feed .status-right .box_b
{
    width: 93.5%;
}
#ie7 #FinnAndFriends.detail .feed .status .reply .box_t,
#ie8 #FinnAndFriends.detail .feed .status .reply .box_t,
#ie7 #FinnAndFriends.detail .feed .status .reply .box_b,
#ie8 #FinnAndFriends.detail .feed .status .reply .box_b
{
    width: 98.5%;
    background-image: none;
    background-color: #FBE5C5;
    height: 4px;
    left:.75%;
}

#ie7 #FinnAndFriends.detail .feed .status-right .status-comment
{
    min-width: 57px;
    text-align: center;
}

#signInBox{display:none;}
#ie7 #signInBox, #ie8 #signInBox
{
    display:none;
    position: absolute;
    right: 0px;
    top: -5px;
    width: 48px;
    height: 14px;
}


#ie7 #Header .user-status .status #signInBox .box_t,
#ie8 #Header .user-status .status #signInBox .box_t
{
    position:relative;
    left:-1px;
    top: 0;
    float: left;
    display: inline;
      width: 40%;
      z-index: 600;
}
#ie7 #Header .user-status .status #signInBox .box_tl,
#ie8 #Header .user-status .status #signInBox .box_tl
{
    position:relative;
    left:0;
    top: 0;
    float: left;
    display: inline;
      z-index: 600;
}
#ie7 #Header .user-status .status #signInBox .box_tr,
#ie8 #Header .user-status .status #signInBox .box_tr
{
    position:relative;
    left:-1px;
    top: 0;
    float: left;
    display: inline;
      z-index: 600;
  
}

#ie7 #jquery-lightbox .box_t,
#ie8 #jquery-lightbox .box_t,
#ie7 #jquery-lightbox .box_b,
#ie8 #jquery-lightbox .box_b {
    width: 98%;
    z-index: 40;
}
        #ie7 #yourStuff .openSignInTabs,
        #ie8 #yourStuff .openSignInTabs
        {
            border-left: 1px solid #ece9e6;
            border-right: 1px solid #ece9e6;
        }

        #ie7 #yourStuff .box_tl,
        #ie7 #yourStuff .box_tr,
        #ie7 #yourStuff .box_t,
        #ie8 #yourStuff .box_tl,
        #ie8 #yourStuff .box_tr,
        #ie8 #yourStuff .box_t{display:none;}
        
        #ie7 #yourStuff .openSignInTabs .box_tl,
        #ie7 #yourStuff .openSignInTabs .box_tr,
        #ie7 #yourStuff .openSignInTabs .box_t,
        #ie8 #yourStuff .openSignInTabs .box_tl,
        #ie8 #yourStuff .openSignInTabs .box_tr,
        #ie8 #yourStuff .openSignInTabs .box_t{height: 14px; top: -8px; display:block;}
        
        #ie7 #yourStuff .openSignInTabs .box_t,
        #ie8 #yourStuff .openSignInTabs .box_t
        {
            width: 90%;
        }
        

#ie7 #VideoLanding #gallery .nav #TvEpisodes .box_tl,
#ie8 #VideoLanding #gallery .nav #TvEpisodes .box_tl,
#ie7 #VideoLanding #gallery .nav #TvEpisodes .box_tr,
#ie8 #VideoLanding #gallery .nav #TvEpisodes .box_tr,
#ie7 #VideoLanding #gallery .nav #TvEpisodes .box_t,
#ie8 #VideoLanding #gallery .nav #TvEpisodes .box_t,
#ie7 #VideoLanding #gallery .nav #WebCartoons .box_tl,
#ie8 #VideoLanding #gallery .nav #WebCartoons .box_tl,
#ie7 #VideoLanding #gallery .nav #WebCartoons .box_tr,
#ie8 #VideoLanding #gallery .nav #WebCartoons .box_tr,
#ie7 #VideoLanding #gallery .nav #WebCartoons .box_t,
#ie8 #VideoLanding #gallery .nav #WebCartoons .box_t,
#ie7 #VideoLanding #gallery .nav #TeamXtremeVideos .box_tl,
#ie8 #VideoLanding #gallery .nav #TeamXtremeVideos .box_tl,
#ie7 #VideoLanding #gallery .nav #TeamXtremeVideos .box_tr,
#ie8 #VideoLanding #gallery .nav #TeamXtremeVideos .box_tr,
#ie7 #VideoLanding #gallery .nav #TeamXtremeVideos .box_t,
#ie8 #VideoLanding #gallery .nav #TeamXtremeVideos .box_t{display:none;}
#ie7 #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs .box_tl,
#ie8 #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs .box_tl,
#ie7 #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs .box_tr,
#ie8 #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs .box_tr,
#ie7 #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs .box_t,
#ie8 #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs .box_t,
#ie7 #VideoLanding #gallery .nav #WebCartoons.openSignInTabs .box_tl,
#ie8 #VideoLanding #gallery .nav #WebCartoons.openSignInTabs .box_tl,
#ie7 #VideoLanding #gallery .nav #WebCartoons.openSignInTabs .box_tr,
#ie8 #VideoLanding #gallery .nav #WebCartoons.openSignInTabs .box_tr,
#ie7 #VideoLanding #gallery .nav #WebCartoons.openSignInTabs .box_t,
#ie8 #VideoLanding #gallery .nav #WebCartoons.openSignInTabs .box_t,
#ie7 #VideoLanding #gallery .nav #TeamXtremeVideos.openSignInTabs .box_tl,
#ie8 #VideoLanding #gallery .nav #TeamXtremeVideos.openSignInTabs .box_tl,
#ie7 #VideoLanding #gallery .nav #TeamXtremeVideos.openSignInTabs .box_tr,
#ie8 #VideoLanding #gallery .nav #TeamXtremeVideos.openSignInTabs .box_tr,
#ie7 #VideoLanding #gallery .nav #TeamXtremeVideos.openSignInTabs .box_t,
#ie8 #VideoLanding #gallery .nav #TeamXtremeVideos.openSignInTabs .box_t{ top: -8px; display:block;}

#ie7 #VideoLanding #gallery .nav #TvEpisodes .box_t,
#ie8 #VideoLanding #gallery .nav #TvEpisodes .box_t,
#ie7 #VideoLanding #gallery .nav #WebCartoons .box_t,
#ie8 #VideoLanding #gallery .nav #WebCartoons .box_t,
#ie7 #VideoLanding #gallery .nav #TeamXtremeVideos .box_t,
#ie8 #VideoLanding #gallery .nav #TeamXtremeVideos .box_t
{
    width: 90%;
}
#ie7 #VideoLanding #gallery .nav #TvEpisodes,
#ie8 #VideoLanding #gallery .nav #TvEpisodes
{
    border-left: 0px solid #ece9e6;
}

#ie7 #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs,
#ie8 #VideoLanding #gallery .nav #TvEpisodes.openSignInTabs
{
    border-left: 1px solid #ece9e6;
}

/* Xtreme landing */
#ie7 #XTremeLanding .header-banner,
#ie8 #XTremeLanding .header-banner {left: 5px}
#ie7 #XTremeLanding .bottom-container,
#ie8 #XTremeLanding .bottom-container {padding-left: 20px}
#ie7 #XTremeLanding .shareLike,
#ie8 #XTremeLanding .shareLike {margin-bottom: 20px;}
#ie7 #XTremeLanding .main,
#ie8 #XTremeLanding .main {width: 950px;}
#ie7 #XTremeLanding #login-callout, #ie7 #XTremeLanding #join-now-callout,
#ie7 #XTremeLanding #enter-time-callout {height: auto; margin-bottom: 15px}
#ie7 #XTremeLanding #login-callout .join, #ie7 #XTremeLanding #join-now-callout .join-now,
#ie7 #XTremeLanding #enter-time-callout .enter-time {top: 10px}
/* ********************************************************************************* */

/* ****** noFLash ******* */
div.noFlash
{text-align:center;margin:auto;width:100%;padding:100px 0;font-size:24px;display:none;}
.flash-detail div.noFlash {background:#fff;}
/* ********************** */


/* play-picker css */
#play-picker .tab-nav {
	height: 70px;
	width: 100%;
	top: -72px;
	position: relative
	z-index: 19;
	
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 43%, rgba(94,136,91,1) 71%, rgba(255,255,255,1) 72%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,rgba(0,0,0,0)), color-stop(71%,rgba(94,136,91,1)), color-stop(72%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 43%,rgba(94,136,91,1) 71%,rgba(255,255,255,1) 72%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(0,0,0,0) 43%,rgba(94,136,91,1) 71%,rgba(255,255,255,1) 72%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 43%,rgba(94,136,91,1) 71%,rgba(255,255,255,1) 72%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(0,0,0,0) 43%,rgba(94,136,91,1) 71%,rgba(255,255,255,1) 72%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
}

#play-picker .tab-nav .tab {
	background: transparent url(/images/playpicker/tabs-sprite.png)	0 0 no-repeat;
	height: 70px;
	position: absolute;
	cursor: pointer;
}

#play-picker .tab-nav .tab.classic {
	background-position: 0px -70px;
	width: 195px;
	left: 	22px;
}

#play-picker .tab-nav .tab.classic.active {
	background-position: 0px 0px;	
}

#play-picker .tab-nav .tab.makeAGame {
	background-position: -195px -70px;
	width: 170px;
	left: 224px;		
}

#play-picker .tab-nav .tab.makeAGame.active {
	background-position: -195px -0px;	
}
#play-picker .tab-content {
	position: relative;	
	/*top: -35px;*/
	height: auto; /*600px*/
	padding: 0 15px;
}

#play-picker .tab-content .content {
	position: relative;
	display: none;
	padding: 0;
	margin: 0;
	min-height: 400px;
	/*border: 1px solid red;*/
}

#play-picker .tab-content .content.active {
	display:block;	
}

#play-picker .tab-content .callout-playpicker {
	display:block; width: 737px; height: 100px; background: url(/images/playpicker/classics/callout-playpicker-large.jpg) no-repeat 0 0;	
	margin: 20px 0 0 3px;
    }
    #play-picker .tab-content .callout-playpicker:hover {
	    background-position: 0 -100px
        }

#play-picker .tab-content .content.classic .gameOutput {
	/*border: 1px solid red;*/
}

#play-picker .tab-content .content.classic .gameOutput p.gameTitle {
	color: #ab2619;
	font-weight: bold;
	font-size: 23px;
	margin: 0 0 15px 0;
}

#play-picker .tab-content .content.classic .gameOutput .gameDetails {
	margin: 0 0 25px 0;	
	
}
#play-picker .tab-content .content.classic .gameOutput .gameDetails p {
	line-height: 1;	
}

#play-picker .tab-content .content.classic .gameOutput .gameDetails .section {
	display: inline-block;
	vertical-align: top;
}

#play-picker .tab-content .content.classic .gameOutput .gameDetails .section.gamePlayers {
	width: 65px;
}

#play-picker .tab-content .content.classic .gameOutput .gameDetails .section.gameEquipment {
	max-width: 235px;
}

#play-picker .tab-content .content.classic .gameOutput .gameDetails .section.gameField {
	max-width: 170px;
	margin-left: 5px;
}

#play-picker .tab-content .content.classic .gameOutput .gameDetails .section p {
	font-size: 15px;
	margin: 0;
	padding: 0;
}

#play-picker .tab-content .content.classic .gameOutput .gameDetails .section p.label {
	color: #8d511b;
}

#play-picker .tab-content .content.classic .gameOutput .gameDetails .section p.value {
	color: #000;
}

#play-picker .tab-content .content.classic .gameOutput .gameDescription {
	margin: 0 0 15px 0;
	padding: 10px 5px 10px 20px;
	border: 1px solid #dedede;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

#play-picker .tab-content .content.classic .gameOutput .gameDescription p.label {
	font-size: 26px;
	color: #bc6916;
	margin: 0;
}

#play-picker .tab-content .content.classic .gameOutput .gameDescription .gameDescriptionText {
	height: 200px;
	overflow-y: auto;
	padding-right: 20px;	
}

#play-picker .tab-content .content.classic .gameOutput .gameDescription .gameDescriptionText p {
	font-size: 14px;
	color: #333333;
	margin: 15px 0 0 0;
	line-height: 1.3;
}

#play-picker .tab-content .content.classic .gameOutput a.button.print {
	background: transparent url(/images/playpicker/printBtn.png) 0 0 no-repeat;
	width: 99px;
	height: 43px;
	display: inline-block;	
}

#play-picker .tab-content .content.howToPlay a.infoIcon 
{
    display: none;
}

#play-picker .tab-content .content.howToPlay a.infoIcon.on 
{
    background: transparent url(/images/playpicker/makeAGame/infoIcon.png) 0 0 no-repeat;
    position: absolute;
    display: block;
    width: 28px;
    height: 29px;  
    right: 0;
    top: -15px; 
    z-index: 9999;
}



#play-picker .tab-content .content.howToPlay .gameOutput {
	background: transparent url(/images/playpicker/tab-howToPlay.png) 0 0 no-repeat;
	width: auto;
	height: 549px;
	margin: 10px auto 0;
	position: relative;
	padding: 0 30px 0 30px;	
}

#play-picker .tab-content .content.howToPlay .gameOutput .gameDescription {
	padding: 150px 0 0 0;
	margin: 0;	
	line-height: 1;
}



#play-picker .tab-content .content.howToPlay .gameOutput div.icon,
#play-picker .tab-content .content.howToPlay .gameOutput div.value {
	position: absolute;	
	color: #fff;
	font-size: 12px;
	/*border: 1px solid red;*/
}

#play-picker .tab-content .content.howToPlay .gameOutput div.icon.gamePlayers {
	top: 13px;
	left: 0;
	background: transparent url(/images/playpicker/makeAGame/icons/players/singlePlayer.png) center center no-repeat;
	height: 75px;
	width: 116px;
}

#play-picker .tab-content .content.howToPlay .gameOutput div.value.gamePlayers {
	top: 50px;
	left: 105px;
	width: 116px;
	text-transform: capitalize;
}

#play-picker .tab-content .content.howToPlay .gameOutput div.icon.gameEquipment {
	top: 4px;
	left: 255px;
	background: transparent url(/images/playpicker/makeAGame/icons/equipment/badmitonracket.png) center center no-repeat;
	height: 75px;
	width: 101px;
}

#play-picker .tab-content .content.howToPlay .gameOutput div.value.gameEquipment {
	top: 50px;
	left: 350px;
	width: 155px;
}

#play-picker .tab-content .content.howToPlay .gameOutput div.icon.gameField {
	top: 4px;
	left: 525px;
	background: transparent url(/images/playpicker/makeAGame/icons/fields/basketball.png) center center no-repeat;
	height: 75px;
	width: 95px;
}

#play-picker .tab-content .content.howToPlay .gameOutput div.value.gameField {
	top: 50px;
	left: 619px;
	width: 115px;
}

#play-picker .tab-content .content.howToPlay .gameOutput .gameDescription p {
	color: #000;
	padding: 0;
	margin: 15px 0;
}

#play-picker .tab-content .content.howToPlay .gameOutput .gameDescription p.label {
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 5px 0;
}

#play-picker .tab-content .content.howToPlay .gameOutput .gameDescription p.gameTitle {
	color: #bc6916;
	font-size: 26px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

#play-picker .tab-content .content.howToPlay .gameOutput .gameDescription .gameDescriptionText {
	overflow-y: auto;
	height: 235px;	
	/*border: 1px solid green;*/
}

#play-picker .tab-content .content.howToPlay .gameOutput .gameDescription .gameMoreInfoText {
	overflow-y: auto;
	height: 235px;
	display: none;	
	/*border: 1px solid green;*/
}

#play-picker .tab-content .content.howToPlay .gameOutput .buttons {
	margin-top: 10px;	
}

#play-picker .tab-content .content.howToPlay .gameOutput .buttons a.button.print {
	background: transparent url(/images/playpicker/printBtn.png) 0 0 no-repeat;
	width: 99px;
	height: 43px;
	display: inline-block;	
}

#play-picker .tab-content .content.howToPlay .gameOutput .buttons a.button.createNewGame {
	background: transparent url(/images/playpicker/createNewGameBtn.png) 0 0 no-repeat;
	width: 157px;
	height: 43px;
	display: inline-block;	
	margin-right: 15px;
}

#play-picker .tab-content .content.howToPlay .gameOutput .buttons a.button.createNewGame:hover, #play-picker .tab-content .content.howToPlay .gameOutput .buttons a.button.print:hover {
    background-position: 0 -43px;
}

#play-picker .tab-content .content div.left {
	width: 478px;
	height: 100%;
	/*float: left;*/
	padding: 0 15px;
	display: none;
	/*border: 1px solid red;	*/
}

#play-picker .tab-content .content.active div.left.active {
	display: block;
	float: left;
}

#play-picker .tab-content .content div.right {
	float: left;
	height: 100%;
	width: 235px;
	/* border: 1px solid red; */
}

#play-picker .tab-content .content p {
	color: #868686;
	font-size: 14px;
	margin: 20px 15px 25px 15px;
	line-height: 1.45;
}

#play-picker .tab-content .content p.about {
	text-transform: uppercase;
	font-size: .9375em; /* 15px */
	font-weight: bold;
	color: #000;
}

#play-picker .tab-content .content p.headingText {
	width: 447px;
	text-indent: -9999px;
}

#play-picker .tab-content .content p.headingText.classic {
	height: 72px;
	background: transparent url(/images/playpicker/classics/header-classic.png) 0 0 no-repeat;
}

#play-picker .tab-content .content p.headingText.twist {
	height: 70px;
	background: transparent url(/images/playpicker/classics/header-twist.png) 0 0 no-repeat;
}

#play-picker .tab-content .content p.headingText.all {
	height: 34px;
	background: transparent url(/images/playpicker/classics/header-all.png) 0 0 no-repeat;
}

#play-picker .tab-content .content p strong {
	color: #000;	
}
#play-picker .tab-content .content .callout {
	width: 478px; height: 100px;	
	cursor: pointer;
	position: absolute;	bottom: 0; margin: 0;
	display: block;
    }
    #play-picker .tab-content .content .callout:hover {
        background-position: 0 -100px;
        }
#play-picker .tab-content .content .badges {
	background: transparent url(/images/playpicker/classics/callout-newBadges.png) 0 0 no-repeat;	
    }
#play-picker .tab-content .content .playpicker {
	background: transparent url(/images/playpicker/classics/callout-playpicker.jpg) 0 0 no-repeat;
	position: relative;
	margin: 0 0 0 15px;	
    }    

#play-picker .tab-content .content .callout {
	width: 478px; height: 100px;	
	cursor: pointer;
	position: absolute;	bottom: 0; margin: 0;
	display: block;
    }
    #play-picker .tab-content .content .callout:hover {
        background-position: 0 -100px;
        }
#play-picker .tab-content .content .badges {
	background: transparent url(/images/playpicker/classics/callout-newBadges.png) 0 0 no-repeat;	
    }
#play-picker .tab-content .content .playpicker {
	background: transparent url(/images/playpicker/classics/callout-playpicker.jpg) 0 0 no-repeat;	
	position: relative;
	margin: 0 0 0 15px;
    }    

#play-picker .tab-content .content.classic ul.game-selector {
	margin: 0px;
	padding: 5px 0;
	width: 100%;
	list-style: none;
	border: 1px solid #dedede;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #eaefff;
}

#play-picker .tab-content .content.classic ul.game-selector li.active {
	height: auto;
}

#play-picker .tab-content .content.classic ul.game-selector a {
	display: block;
	height: 39px;
	padding: 0 20px;
	background-color: #eaefff;
	line-height: 39px;
	text-decoration: none;
	border-bottom: 1px solid #dedede;	
	color: #f26522;
}

#play-picker .tab-content .content.classic ul.game-selector a.category {
	position: relative
}

#play-picker .tab-content .content.classic ul.game-selector a.category span {
	background: transparent url(/images/playpicker/classics/arrows-sprite.png) 0 0 no-repeat;
	width: 16px;
	height: 11px;
	right: 15px;
	top: 14px;
	position: absolute;	
}

#play-picker .tab-content .content.classic ul.game-selector .active a.category span {
	background-position: 0 -11px;
}

#play-picker .tab-content .content.classic ul.game-selector a.twist {
	border: none;
}

#play-picker .tab-content .content.classic ul.game-selector .subitems
{
    width: 220px;
    height: 270px;
    padding: 0;
    margin: 0;
    
} #play-picker .tab-content .content.classic ul.game-selector .subitems .container {
	height: 270px;
	display: block;
	padding: 0;
    margin: 0;
    width: auto;
    min-width: 235px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y:scroll;
}

#play-picker .tab-content .content.classic ul.game-selector .subitems {
	display: none;	
	border: none;
}

#play-picker .tab-content .content.classic ul.game-selector li.active .subitems {
	display: inline-block;	
}

#play-picker .tab-content .content.classic ul.game-selector li .subitems a {
	border: none !important;	
	display:block;
	height: 100%;
	overflow: hidden;
	/*border-bottom: 1px solid #ccc;*/
}

#play-picker .tab-content .content.classic ul.game-selector li.active .subitems a {
	border-bottom: 1px solid #dedede !important;
	height: 29px;
	background-color: #fff;
	line-height:29px;
	color: #000;
	display:block;
}

#play-picker .tab-content .content.makeAGame .step{
	position: relative;
}

#play-picker .tab-content .content.makeAGame .step.step1 {
	background: transparent url(/images/playpicker/makeAGame/step1-bg.png) 0 0 no-repeat;
	width: 743px;
	height: 411px;
}

#play-picker .tab-content .content.makeAGame .step.step2 {
	background: transparent url(/images/playpicker/makeAGame/step2-bg.png) 0 0 no-repeat;
	width: 643px;
	height: 684px; /* 524px */
	padding: 80px 100px 0;
}

#play-picker .tab-content .content.makeAGame .step.step3 {
	background: transparent url(/images/playpicker/makeAGame/step3-bg.png) 0 0 no-repeat;
	width: 643px;
	height: 524px;
	padding: 80px 100px 0;
}

#play-picker .tab-content .content.makeAGame .step.step1 a.player {
	position: absolute;
	width: 190px;
	height: 155px;
}

#play-picker .tab-content .content.makeAGame .step {
	display: none;
}

#play-picker .tab-content .content.makeAGame .step.active {
	display: block;	
}

#play-picker .tab-content .content.makeAGame .step .stepBack 
{
    display: none;   
}

#play-picker .tab-content .content.makeAGame .step.active .stepBack 
{
    display: block;
    position: absolute;
    background: transparent url(/images/playpicker/makeAGame/step-buttons-sprite.png) 0 0 no-repeat;
    width: 52px;
    height: 52px;
    
}

#play-picker .tab-content .content.makeAGame .step .stepBack.step1 
{
    background-position: 0 -54px;   
    top: 11px;
    left: 48px;
}

#play-picker .tab-content .content.makeAGame .step .stepBack.step1:hover 
{
    background-position: 0 0;
}
#play-picker .tab-content .content.makeAGame .step .stepBack.step2 
{
    background-position: -54px -54px; 
    top: 11px;
    left: 274px;  
}

#play-picker .tab-content .content.makeAGame .step .stepBack.step2:hover 
{
    background-position: -54px 0;
}

#play-picker .tab-content .content.makeAGame .step.step1 a.player.single {
	background: transparent url(/images/playpicker/makeAGame/players/single.png) 0 0 no-repeat;
	top: 94px;
	left: 172px;
}

#play-picker .tab-content .content.makeAGame .step.step1 a.player.multiple {
	background: transparent url(/images/playpicker/makeAGame/players/multiple.png) 0 0 no-repeat;
	top: 94px;
	right: 172px;
}
#play-picker .tab-content .content.makeAGame .step.step2 a.field {
	width: 172px;
	height: 153px;
	float:left;
	margin-right: 15px;
	margin-top: 15px;
	display: none;
}

#play-picker .tab-content .content.makeAGame .step.step2 a.field.on 
{
    display: inline-block;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment {
	width: 169px;
	height: 162px;
	float:left;
	margin-right: 15px;
	margin-top: 5px;
	display: none;	
}
#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.on 
{
    display: inline-block;
}

#play-picker .tab-content .content.makeAGame .step.step2 a.field.basketball {
	background: transparent url(/images/playpicker/makeAGame/fields/basketball.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.grassfieldtwoflags {
	background: transparent url(/images/playpicker/makeAGame/fields/grassfieldtwoflags.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.chalkcircles {
	background: transparent url(/images/playpicker/makeAGame/fields/chalkcircles.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.twogoals {
	background: transparent url(/images/playpicker/makeAGame/fields/twogoals.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.foursquares {
	background: transparent url(/images/playpicker/makeAGame/fields/foursquares.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.brickwallcourt {
	background: transparent url(/images/playpicker/makeAGame/fields/brickwallcourt.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.pyramid {
	background: transparent url(/images/playpicker/makeAGame/fields/pyramid.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.grassfieldnet {
	background: transparent url(/images/playpicker/makeAGame/fields/grassfieldnet.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.hopscotch {
	background: transparent url(/images/playpicker/makeAGame/fields/hopscotch.png) 0 0 no-repeat;
	}
#play-picker .tab-content .content.makeAGame .step.step2 a.field.cans {
	background: transparent url(/images/playpicker/makeAGame/fields/cans.png) 0 0 no-repeat;
	}
	
#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.badminton {
	background: transparent url(/images/playpicker/makeAGame/equipment/badminton.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.basketball {
	background: transparent url(/images/playpicker/makeAGame/equipment/basketball.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.beanbag {
	background: transparent url(/images/playpicker/makeAGame/equipment/beanbag.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.bigbouncyball {
	background: transparent url(/images/playpicker/makeAGame/equipment/bigbouncyball.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.birdie {
	background: transparent url(/images/playpicker/makeAGame/equipment/birdie.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.flyingdisk {
	background: transparent url(/images/playpicker/makeAGame/equipment/flyingdisk.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.hockeystick {
	background: transparent url(/images/playpicker/makeAGame/equipment/hockeystick.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.nettedstick {
	background: transparent url(/images/playpicker/makeAGame/equipment/nettedstick.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.plasticball {
	background: transparent url(/images/playpicker/makeAGame/equipment/plasticball.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.plasticbat {
	background: transparent url(/images/playpicker/makeAGame/equipment/plasticbat.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.plastichoop {
	background: transparent url(/images/playpicker/makeAGame/equipment/plastichoop.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.rubberrings {
	background: transparent url(/images/playpicker/makeAGame/equipment/rubberrings.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.smallbeanbags {
	background: transparent url(/images/playpicker/makeAGame/equipment/smallbeanbags.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.spoon {
	background: transparent url(/images/playpicker/makeAGame/equipment/spoon.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.tabletennispaddle {
	background: transparent url(/images/playpicker/makeAGame/equipment/tabletennispaddle.png) 0 0 no-repeat;
}

#play-picker .tab-content .content.makeAGame .step.step3 a.equipment.waterbottle {
	background: transparent url(/images/playpicker/makeAGame/equipment/waterbottle.png) 0 0 no-repeat;
}
#gildbert_alpha1 {
    background-color: #FF0000;
    height: 31px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: -30px;
    width: 109px;
    display:block;
}
#gildbert_alpha2 {
    background-color: #FF0000;
    height: 31px;
    left: 229px;
    opacity: 0;
    position: absolute;
    top: -30px;
    width: 94px;
    display:block;
}

.shareLike .ads
{
	float: left;
	margin-right:20px;
	margin-top: -7px;
	cursor:pointer;
}
.icons .ads
{
	float: left;
	margin-left: -20px;
	margin-top: -7px;
	cursor:pointer;
	margin-right:10px;
}
.icons #adnoozetip.ads_tips
{
  position: absolute;     
     display: none; 
    background: url(/images/sweepstakes/Ad-Nooze_ToolTip_Kids.png) no-repeat;
    width: 243px !important;
    height: 60px;
    font-size: 12px;
    font-weight: bold;
    color: #931119;
    padding: 35px 30px 0px 20px;
    text-shadow: 0px 2px 0px white;
    z-index: 99999999;
    left: 353px;
    top: 62px;
    line-height: 15px;
}
.shareLike #adnoozetip.ads_tips
{
     position: absolute;
    display: none; 
    background: url(/images/sweepstakes/Ad-Nooze_ToolTip_Kids.png) no-repeat;
    width: 243px !important;
    height: 60px;
    font-size: 12px;
    font-weight: bold;
    color: #931119;
	padding: 35px 30px 0px 24px;
    text-shadow: 0px 2px 0px white;
    z-index: 99999999;
    left: 353px;
    top: 62px;
    line-height: 15px;
}


.shareLike #adnoozeGametip.ads_tips
{
  position: absolute;     
     display: none; 
    background: url(/images/sweepstakes/Ad-Nooze_ToolTip_Kids.png) no-repeat;
    width: 243px !important;
    height: 50px;
    font-size: 12px;
    font-weight: bold;
    color: #931119;
	padding: 35px 30px 0px 24px;
    text-shadow: 0px 2px 0px white;
    z-index: 99999999;
    left: 537px;
    top: 62px;
    line-height: 15px;
}

.shareLike .games
{
	float: left;
	margin-left: 540px;
	margin-top: -7px;
	cursor:pointer;
}

.arcade_games {
    margin: 6px 16px;
}


#dreams .badge-header {
    background: url(/images/dreams/finn_friends_dreams_.png) no-repeat 0 0;
    height: 104px;
    left: 38%;
    position: absolute;
    top: -46px;
    width: 249px; z-index: 99;
    }   
#dreams .story-container {
    width: 907px; height: 515px; 
    position: relative; top: -3px;    
    }
    
#dreams .top-bg {
    width: 964px; height: 27px; background: url(/images/season6/top-bg.png) no-repeat 0 0;
    margin: 50px 0 0 0;
    position: relative;
    }
#dreams .middle-bg {
    width: 964px; height: auto; min-height: 763px; background: url(/images/season6/middle-bg.png) repeat-y 0 0;
    margin: 0;
    position: relative;
    }
#dreams .bottom-bg {
background: url("/images/season6/bottom-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 0 20px 20px;
    height: 257px;
    margin: 0;
    position: relative;
    top: -17px;
    width: 964px;
    }            
    #dreams .head-banner {
        width: 892px; height: 230px; background: url(/images/season6/header.png) no-repeat 0 0;
        position: relative; top: -4px; left: 33px;
        text-indent: -9999px;
        }
#dreams .Likes {
    margin: 0 5px 0 0;
    }     

#dreams .story-container .left {float: left; width: 653px}        
#dreams .story-container .right {float: right; width: 210px;}   
.bottom_image {
    margin-left: 24px;
    position: relative;
    top: 44px;
}

.storyImgLeft {
bottom: 181px;
left: 129px;
position: relative;
width: 170px;
}
.hoopImgLeft {
    bottom: -12px;
    left: 4px;
    position: relative;
    width: 186px;
}


.storyImgRightAtag 
{
    top: 168px;
    left: 582px;
    position: absolute;
    width: 170px;
    display: inline-block;
}
.storyImgRight
{
width: 170px;
}

.storyImgSpaceAtag{
    top: 54px;
left: 200px;
position: relative;
width: 371px;
display:inline-block;
}
.storyImgSpace{
width: 371px;
}

.popupLock 
{
    background-image: url(/images/dreams/window_overlay.png);background-repeat: no-repeat;width:500px;height:500px;
}

/*#overlay {position:absolute;top: -140px;left: -192px;width: 140%;height:100%;z-index:888;background:rgba(0,0,0,0.4);display:none;}*/
#overlay.on{
    position:absolute;top: -140px;left: -250px;width: 100%;height:100%;z-index:888;background:rgba(0,0,0,0.4);display:block;}

#popup_box { 
display:none; /* Hide the DIV */
position:absolute;  
_position:relative; /* hack for internet explorer 6 */  
height: 325px;
width: 419px;
background-image: url(/images/dreams/overlay_brooke.png);
background-repeat: no-repeat;
top: calc(50% - 200px/2);
left:calc(50% - 400px/2)!important;
z-index: 999999;
margin : 0 auto;
}

.popup_box_xtreme { 
background-image: url(/images/dreams/overlay.png) !important;
background-repeat: no-repeat;
}

/*#xtreme_popup_box { 
display:none; /* Hide the DIV */
position:absolute;  
_position:relative; /* hack for internet explorer 6 
height: 325px;
width: 419px;
background-image: url(/images/dreams/overlay.png);
background-repeat: no-repeat;
top: calc(50% - 200px/2);
left:calc(50% - 400px/2)!important;
z-index: 999999;
margin : 0 auto;
}*/

 /**:focus
{
outline: none;
outline-width: 0;
}*/

.mainImg
{
    position: relative;
    margin-left: 3px;
    height: 757px !important;
    width: 958px;
}
.xtreme_img {
    margin-left:0px !important;
}
.videoDiv
{
position: absolute;
top: 48px;
left: 7px;
height: 145px;
}

.playNow
{
position: relative;
top: 237px;
left: 142px;
}
.playNow_xtreme
{
position: relative;
top: 237px;
left: 142px;
}
.swimmingtonsDream
{
        display:none;
    position: relative;
    float: right;
right: 665px;
bottom: 98px;
    width: 250px;
}
.gilbertDream
{
    display:none;
    position: relative;
    float: right;
right: 215px;
bottom: 98px;
    width: 250px;
}
.xtremesDream
{
    display:none;
    position: relative;
    float: right;
    right: 490px;
    bottom: 98px;
    width: 250px;
}
.brooksDream
{
    display:none;
    position: relative;
    float: right;
    right: 354px;
    bottom: 98px;
    width: 250px;
}
#arcade_games
{
  display: block;
  width: 330px;
  height: 191px;
  background: url(/images/home/season7_finn_space_dream_arcade.png) no-repeat 0 0;
  overflow: hidden;
  position: relative;
  top: 15px;
  left: -10px;
  padding-bottom: 45px;
  text-indent: -9999px;
  margin: 0 0 0 10px;
}
#arcade_games:hover
{
    background-position: 0 -237px;
}

#finn_game
{
  width: 720px;
  height: 600px;
  position: relative;
  margin-left: 105px;
}

.overlay_dreams
{
  width: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.5);
  z-index: 99;
  top: 0;
}
#xtreme_overlay_dreams
{
  width: 100%;
  position: fixed;
  background-color: rgba(0,0,0,0.5);
  z-index: 99;
  top: 0;
}
#parentsNote {
margin-right:129px;
}


/* Login Overlay POPUP */
#login_popup_box { 
     display:none; 
    position:fixed;  
    _position:absolute; 
    height: 355px;  
    width: 660px;  
    background:#FFFFFF;  
   /* left: 20%;
    top:20%;*/
    z-index:100; 
    margin-left: 15px;       
    padding:15px;  
    font-size:15px;  
    border-radius: 10px;
}

#login_container {
    background: #d2d2d2; /*Sample*/
    width:100%;
    height:100%;
}

#login-select-item h6 {
    padding:10px;
    font-style:normal;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}

#login_popup_box .tabWrap .btns a {
    padding:0px 0px;
}

/* This is for the positioning of the Close Link */
#login_popupBoxClose {
    font-size:20px;  
    line-height:15px;  
    right:5px;  
    top:5px;  
    position:absolute;  
    color:#6fa5e2;  
    font-weight:500;    
    cursor:pointer;  
}
.gld_name{
  position: relative;
  top: 5px;
  left: 190px;
}
.gld_name img
{
    width:275px !important;
    }
div#login_popup_box p {
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    line-height: 20px;
    padding-top: 29px;
    text-align: center !important;
}
#login_popup_box  label{
    text-align:left;
    display:block;
    margin:20px 0px 9px 18px;
    font-style: normal;
    font-size: 15px;
}
#login_popup_box input {
      display: block;
      margin: 0px 20px;
      float:left;
}
#login_popup_box .join_or {
        position:relative;
        top: 13px;
        /*left: -9px;*/
}
#login_popup_box a#createname {
    position: relative;
    top: 2px;
}

.btn-update {
   background-image:url(/images/buttons/btn_update_goldfish_name.png); 
   width:276px; 
   position:relative;
   top:18px;
   left:193px;
}
.btn-update:hover{
background-position:0px -46px
}

#login_popup_box .vertical-carousel {
    width: 194px;margin:0px 0 20px 30px;height: 200px;position:relative;float: left;
}

#login_popup_box .vertical-carousel a {
display:block;padding: 0px 1px 0 2px;background-color:none;text-align:center;color:#333;text-decoration:none;margin: 0px 12px -2px;
}

#login_popup_box .vertical-carousel ul.vertical-carousel-list {
position:relative;margin:0 auto;padding:0px
}

#login_popup_box .vertical-carousel ul.vertical-carousel-list li {
list-style:none;cursor:pointer;margin:0px;padding:0px;color: #919191;font-weight:600;font-size: 25px;display:block;padding: 13px;margin-bottom: 0px;text-align:center;border-bottom: 2px solid #e4e4e4;
background: #ffffff; /* Old browsers */
font-family: arial;
}
#login_popup_box .vertical-carousel-container {
        height: 190px !important; overflow: hidden;border: 5px solid #fd922c;
    }
a#login_createname {
position:static;
}
/* Great Goldfish Name */
.gld_grt_name {
    margin:20px 0 0 74px;
}
.membership_board {
width:470px;
height:272px !important; 
margin:20px 0 20px 100px;
border-radius:10px;
background: rgb(253,237,132); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(253,237,132,1) 0%, rgba(254,202,50,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,237,132,1)), color-stop(100%,rgba(254,202,50,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(253,237,132,1) 0%,rgba(254,202,50,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(253,237,132,1) 0%,rgba(254,202,50,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(253,237,132,1) 0%,rgba(254,202,50,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(253,237,132,1) 0%,rgba(254,202,50,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fded84', endColorstr='#feca32',GradientType=0 ); /* IE6-9 */
}
.membership_board .goldfish_logo {
    margin:33px 0 0px 88px;
    }

 
.prt_mem_card {
    color:#2b73e0;
    text-decoration:underline;
    cursor:pointer;
    padding-top:0px;
}

.prt_mem_card img {
    padding-left: 9px;
    margin: -2px;
}

.infinite-carousel{
		float:left;
        margin-top:15px;
}
.infinite-carousel .list{
		width:206px;
		height:1400px;
		overflow:visible;		
}
.infinite-carousel .viewport{
	    width: 197px;
        height: 240px;
        overflow: hidden;
        display: block;
        margin-top: -3px;        
}
.item{
	  width: 100%;
      height: auto;
      line-height: 45px;
      text-align: center;
      vertical-align: middle;
      float: left;	
      font-size:25px;
      font-style:normal;
      font-weight:bold;
      color:#9d9d9d;	
      text-transform:uppercase;
      cursor:pointer;
}
.infinte-item-selected{
    box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    -webkit-box-shadow: 0 1px rgba(255,255,255,0.2) inset;
    background: rgb(166,205,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(166,205,232,1) 0%, rgba(171,214,244,1) 50%, rgba(170,211,241,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(166,205,232,1)), color-stop(50%,rgba(171,214,244,1)), color-stop(100%,rgba(170,211,241,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(166,205,232,1) 0%,rgba(171,214,244,1) 50%,rgba(170,211,241,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(166,205,232,1) 0%,rgba(171,214,244,1) 50%,rgba(170,211,241,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(166,205,232,1) 0%,rgba(171,214,244,1) 50%,rgba(170,211,241,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(166,205,232,1) 0%,rgba(171,214,244,1) 50%,rgba(170,211,241,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cde8', endColorstr='#aad3f1',GradientType=0 ); /* IE6-9 */
    color:#000 !important;
    -moz-box-shadow:    inset 0 0 20px #7a8d9b;
    -webkit-box-shadow: inset 0 0 20px #7a8d9b;
    box-shadow:         inset 0 0 20px #7a8d9b;
    border-bottom:2px solid #e4e4e4 !important; 
    cursor:pointer;
}

.infinite-carousel .infinite-carousel-absolute {
     pointer-events:none;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(255,255,255,0) 47%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(47%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0) 47%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0) 47%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0) 47%,rgba(0,0,0,0.25) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(255,255,255,0) 47%,rgba(0,0,0,0.25) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
    width: 197px;
    height: 240px;
    position:absolute;  
    }
.list > div {
     border-bottom:3px solid #e4e4e4;
}
.viewport {
    border:8px solid #fd922c;
}
.prebtn,.nextbtn {
    text-align:center;
}
#cover{ 
        position:fixed; 
        top:0; 
        left:0; 
        background:rgba(0,0,0,0.6); 
        width:100%; 
        height:100%; 
        display:none;
    }


div#parentsNote-tooltip span {
  position: relative;
  top: 89px;
  font-size: 15px !important;
  font-style: normal;
  line-height: 20px;
  font-weight: 500;
  width: 388px;
  left: 24px;
  color: #484241 !important;
}

div#parentsNote-tooltip a {
      color: #484241 !important;
      font-size: 15px !important;
      font-style: normal;
      float: none;
      overflow: hidden;
      display: inline;
      text-decoration:underline;
}

.icon-refresh-loading {  
    width: 38px;
    height: 38px !important;
    position: relative;
    bottom: 18px;
    left: -101px;
    cursor:pointer;
}

 #GameDetail #joinNow div.row,#GameDetail #joinNowGame div.row {width:290px; margin-bottom:20px;}
 
  #GameDetail #login_popup_box { 
     display:none; 
    position:fixed;  
    _position:absolute; 
    height: 520px;
    background:#FFFFFF;  
    z-index:100;     
    padding:5px;  
    font-size:15px;  
    border-radius: 10px;
    width:675px;
}
#notificationArea #lostPassword div.row input#username {
    width: 238px !important;
}
.print-GF-name{
	background-image:url('../../images/background/goldfishgradiant.jpg');
	background-repeat:no-repeat;
	display: block;
	width: 468px;
	margin: 10px auto 0;
	height: 274px;	
}


/* Game Signin Overlay POPUP */
#Signin_popup_box { 
     display:none; 
    position:fixed;  
    _position:absolute; 
    height: 355px;  
    width: 660px;  
    background:#FFFFFF;  
   /* left: 20%;
    top:20%;*/
    z-index:100; 
    margin-left: 15px;       
    padding:15px;  
    font-size:15px;  
    border-radius: 10px;
}
#Signin_popup_box .tabWrap .btns a {
    padding:0px 0px;
}
div#Signin_popup_box p {
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    line-height: 20px;
    padding-top: 29px;
    text-align: center !important;
}
#Signin_popup_box  label{
    text-align:left;
    display:block;
    margin:20px 0px 9px 18px;
    font-style: normal;
    font-size: 15px;
}
#Signin_popup_box input {
      display: block;
      margin: 0px 20px;
      float:left;
}
#Signin_popup_box .join_or {
        position:relative;
        top: 13px;
        /*left: -9px;*/
}
#Signin_popup_box a#createname {
    position: relative;
    top: 2px;
}
#Signin_popup_box .vertical-carousel {
    width: 194px;margin:0px 0 20px 30px;height: 200px;position:relative;float: left;
}
#Signin_popup_box .vertical-carousel a {
display:block;padding: 0px 1px 0 2px;background-color:none;text-align:center;color:#333;text-decoration:none;margin: 0px 12px -2px;
}

#Signin_popup_box .vertical-carousel ul.vertical-carousel-list {
position:relative;margin:0 auto;padding:0px
}

#Signin_popup_box .vertical-carousel ul.vertical-carousel-list li {
list-style:none;cursor:pointer;margin:0px;padding:0px;color: #919191;font-weight:600;font-size: 25px;display:block;padding: 13px;margin-bottom: 0px;text-align:center;border-bottom: 2px solid #e4e4e4;
background: #ffffff; /* Old browsers */
font-family: arial;
}

#Signin_popup_box .vertical-carousel-container {
        height: 190px !important; overflow: hidden;border: 5px solid #fd922c;
    }
    
#GameDetail #Signin_popup_box { 
     display:none; 
    position:fixed;  
    _position:absolute; 
    height: 520px;
    background:#FFFFFF;  
    z-index:100;     
    padding:5px;  
    font-size:15px;  
    border-radius: 10px;
    width:675px;
}

.finn-active > a, .gilbert-active > a, .xtreme-active > a, .brooke-active > a, .swimmington-active > a, .coral-active > a
{
     border: 3px solid orange !important;
    border-radius: 3px;
}


#character-list-holder 
{
  background-image: url(/images/home/characters-tab-top-bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  width: 360px;
  min-height: 150px;
  padding-top: 50px;
  position: relative;
  margin-top: 6px;
}

ul#characters-list 
{
  width: 100%;
  height: 234px;
  display: block;
  padding: 0 0 14px 16px;
  
}

ul#characters-list li.characters-image 
{
    width: 100px;
    margin-right: 10px;  
    float: left; 
}

ul#characters-list li.characters-image > a 
{
    width: 95px;
    height: 95px;
    display: block;
    border: 3px solid white;
    background-image: url(/images/home/characters-sprite.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

ul#characters-list li.characters-image.xtreme > a 
{
    background-position: -95px 0;
}

ul#characters-list li.characters-image.brooke > a 
{
    background-position: -190px 0;
}

ul#characters-list li.characters-image.swimmington > a 
{
    background-position: 0 -95px;
}

ul#characters-list li.characters-image.coral > a 
{
    background-position: -95px -95px;
}
ul#characters-list li.characters-image.finn > a 
{
    background-position: -190px -95px;
}

ul#characters-list li.characters-image > a:hover
{
    border: 3px solid orange;
    border-radius: 3px;
}
.tabHead
{
    width: 328px;
    /*height:195px;*/
 }

div.characters-title
{
    text-align: center;
    margin-top: 4px;
}

div.characters-title a
{
     
    color: #000000;   
}

div.characters-title a:hover 
{
    text-decoration: none;
}

#character-list-holder .tabHead
{
  top: 26px;
  left: 14px; 
}

.character-content-holder 
{
    width: 551px;
    margin: 14px 20px;
    display: block;
    float: left;
    position: relative;
    background-image: url(/images/home/sandal-gradient-bg-middle.png);
    background-repeat: repeat-y;
    min-height:250px;
    
}

.character-content-holder .content-top-bg
{
    width: 100%;
    background-image: url(/images/home/sandal-gradient-bg-top.png);
    background-repeat: no-repeat;
    height:222px;
    position: absolute;
    top:-4px;
}
.character-content-holder .content-bottom-bg
{
    width: 100%;
    background-image: url(/images/home/sandal-gradient-bg-bottom.png);
    background-repeat: no-repeat;
    height:188px;
    position: absolute;
    bottom:-30px;
}

.character-content-holder .content-box-center 
{
    position: relative;
    z-index: 1;
}

.column-2-container 
{
  width: 100%;
  min-height: 150px;
  margin-top: 8px;
}

.column-2-container .left-column
{
  float: left;
  width: 168px;
  margin: 0 6px 0 30px;
}

.column-2-container .left-column h4
{
  font-size: 13.5px;
  font-weight: bold;
  padding-left: 30px;
  color: #000000;
}

.column-2-container .left-column p
{
  font-size: 13.2px;
  line-height:15px;
  font-family: Arial, Helvetia, Sans-Serif;
  font-weight: bold;
  padding: 4px 0 10px 30px;
  color: #6e6a69;
}

.column-2-container .right-column 
{
    float: left;
    width: 312px;
    margin-top: 30px;
}

.column-2-container .right-column p
{

  font-size: 14px;
  font-weight: bold;
  color: #6e6a69;
  line-height: 17px;
  margin-top: 20px;
}

.character-collage.finn
{
    padding-left:10px;
}

.character-collage.gilbert
{
    padding-left:12px;
}

.character-collage.gilbert img
{
    margin-top:-10px;    
}

.character-content-holder .content-bottom-bg.gilbert
{
    bottom:-10px;
}

.character-collage.xtreme
{
    margin-left:-7px;
}

.character-collage.xtreme img
{
    margin-top:-12px;
}

.character-content-holder .content-bottom-bg.xtreme
{
    bottom:-6px;
}

.character-collage.brooke
{
    margin-left:-12px;
}

.character-collage.brooke img
{
    margin-top:-36px;
}

.character-content-holder .content-bottom-bg.brooke
{
    bottom:-22px;
}

.character-collage.swimmington
{
    margin-left:24px;
}

.character-collage.swimmington img
{
    margin-top:-10px;    
}

.character-content-holder .content-bottom-bg.swimmington
{
    bottom:-24px;
}

.character-collage.coral
{
    margin-left:11px;
}

.character-collage.coral img
{
    margin-top:-6px;
}

.character-content-holder .content-bottom-bg.coral
{
    bottom:-21px;
}

.column-2-container .left-column .gilbert_desc h4, .column-2-container .left-column .gilbert_desc p 
{
    padding-left:16px;
}

.column-2-container .left-column .fin_desc h4, .column-2-container .left-column .fin_desc p 
{
    padding-left:22px;
}

.clearfix
{
    clear:both;
    display:block;
    float:none;
}
.fav_tab
{
    margin-top: 3px;
}


.game_banner_finn {
    display: none; 
    width: 328px; 
    height: 214px; 
    background: url(/images/home/game-banner-finn.jpg) no-repeat 0 0;      
    overflow: hidden;
    position: relative;
    left: -3px;
}
.game_banner_finn:hover{
   background-position:0 -215px;
}
.game-banner-xtreme {
    display: none; 
    width: 328px; 
    height: 214px; 
    background: url(/images/home/game-banner-xtreme-hoop-dream.jpg) no-repeat 0 0;      
    overflow: hidden;
    position: relative;
    left: -3px;
}
.game-banner-xtreme:hover{
   background-position:0 -215px;
}
.game-banner-swimmington {
    display: none; 
    width: 328px; 
    height: 214px; 
    background: url(/images/home/game-banner-swimmington.jpg) no-repeat 0 0;      
    overflow: hidden;
    position: relative;
    left: -3px;
}
.game-banner-swimmington:hover{
   background-position:0 -215px;
}
.game-banner-gilbert {
    display: none; 
    width: 328px; 
    height: 214px; 
    background: url(/images/home/game-banner-gilbert.jpg) no-repeat 0 0;      
    overflow: hidden;
    position: relative;
    left: -3px;
}
.game-banner-gilbert:hover{
   background-position:0 -215px;
}
.game-banner-coral {
    display: none; 
    width: 328px; 
    height: 214px; 
    background: url(/images/home/game-banner-coral.jpg) no-repeat 0 0;      
    overflow: hidden;
    position: relative;
    left: -3px;
}
.game-banner-coral:hover{
   background-position:0 -215px;
}
.game-banner-brooke {
    display: none; 
    width: 328px; 
    height: 214px; 
    background: url(/images/home/game-banner-brooke.jpg) no-repeat 0 0;      
    overflow: hidden;
    position: relative;
    left: -3px;
}
.game-banner-brooke:hover{
   background-position:0 -215px;
}


.finnsDream {
    display:none;
    position:relative;
    float:right;
    right: 89px;
     bottom: 105px;
     width: 251px;
}

.giantstroryImgRightAtag {
    top: 161px;
    left: 630px;
    position: absolute;
    width: 187px;
}
.giantstroryImgRight {
  width: 187px;
}
#hooplockedVideo {
    bottom: 13px;
    left: 126px;
    position: relative;
    width: 186px;
}
.hoopstroryImgRight {
    width: 186px;
}
.giantstoryImgLeft {
  bottom: 227px;
  left: 122px;
  position: relative;
  width: 186px;
  z-index: 999999;
}
.hoopstoryImgLeft {
  bottom: 227px;
  left: 122px;
  position: relative;
  width: 186px;
  z-index: 999999;
}


#giantstoryImgSpaceHolder {
  top: 0px;
  left: -25px;
  position: relative;
  width: 518px;
  display: inline-block;
}
.giantstoryImgSpace{
  width: 518px;
}
.hoopstoryAtag{
  top: 0px;
    left: 126px;
    position: relative;
    width: 328px;
    height: 331px;    
    }
.hoopstoryImgSpace {
    width: 328px;
    height: 331px;
}
.giantstroyleftcont{
    position: relative;
    bottom: 21px;
    left: 120px;
    z-index: 999999;
}
.hoopstroyleftcont{
   position: relative;
   bottom: 26px;
   left: 120px;
   z-index: 999999;}

.giantvideoDiv {
    top: 48px;
    display: block;
    position: absolute;
    left: 7px;
    height: 376px;
}
.hoopvideoDiv {
  position: absolute;
    top: 53px;
    left: 7px;
    height: 376px;
}
.giantstoryImgunlockAtag{ 
    bottom: 10px;
    left: 266px;
    position: relative;
    width: 453px;
    cursor: default;
}
.giantstoryImgunlock{ 
width: 453px;
cursor: default;
}
.hoopstoryImgunlockAtag{ 
    bottom: 1px;
    left: 246px;
    position: relative;
    width: 475px;
    cursor: default;
    height: 25px;
}
.hoopstoryImgunlock{ 
    width: 475px;
    cursor: default;
    height: 25px;
}

.GameBadgesNotification {
  position: relative;
   left: 60px;
  border-radius: 50%;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  background: rgb(255,135,0); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,135,0,1) 0%, rgba(255,208,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,135,0,1)), color-stop(100%,rgba(255,208,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,135,0,1) 0%,rgba(255,208,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,135,0,1) 0%,rgba(255,208,0,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,135,0,1) 0%,rgba(255,208,0,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,135,0,1) 0%,rgba(255,208,0,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8700', endColorstr='#ffd000',GradientType=0 ); /* IE6-9 */
  line-height: 20px;
  text-align:center;
  color: white;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
  font-weight:bold;
  font-size: 13px;
  bottom: 9px;
  overflow: hidden;
  right: 22px;
}
.btn-signin-small-Badges
{
    text-decoration:none;
    }
    
a, img {outline:none;}
map > area,
map > area:active,
map > area:focus {outline: none; border:0; }
#Map > area
{
    outline-style: none;
    }
    
   #notificationArea #lostPassword div.row input#password {
    width: 240px !important;
}
    
    #notificationArea #lostPassword div.row input#ConfirmPassword {
    width: 240px !important;
}

/** Popup Overlay  Xtreme Hoop Dream **/

/* Popup Xtreme */
#hooplockedoverlay {
    display:none;    
    position:fixed;  
    left:0px;        
    top:0px;         
    width:100%;      
    height:100%;     
    background:#000; 
    opacity:0.5;     
    z-index:99999;   
}

#hooplockedpopup {
    display:none;
    position:absolute;
    top:calc(30% - 600px/2) !important;
    left:calc(60% - 600px/2)!important;     
    width:419px;     
    height:325px;   
    background-image:url(/images/dreams/overlay_xtreme.png);
    background-repeat:no-repeat;
    z-index:100000;  
 }
#hoopcloseoverlay{
   background-image:url(/images/dreams/close_overlay.png);
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    position: absolute;
    right: 0px;
    top: 10px;
    cursor:pointer;
}

#popupBoxClose 
{
    background-image: url(/images/dreams/close_overlay.png);
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    right: 0px;
    top: 10px; 
    position:absolute;    }
    
    .finn_title {
    color: #484241;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin:4px 10px 0 0;
    } 
    
    .finn_video {
     float:right;color:rgb(84, 157, 214) !important;margin-right:-9px;margin-top:3px;
    }
    .finn_video:hover {
     float:right; color:#fc7c00 !important;margin-right:-9px;
    }  
 .finn_video_image
 {   
    position: relative;
    left: 15px;
    top: 12px;
    margin-bottom: 10px;
}

.finn_video_play
{
    background-image:url("/images/home/featuredPlay_video.png");
    background-repeat:no-repeat;
    width:68px;
    height:68px;
    position:absolute;
    margin-left:145px;
    margin-top:-132px;
    }
    .finn_video_play:hover {
     background-image:url("/images/home/featuredPlay-video-hover.png");
    background-repeat:no-repeat;
    width:96px;
    height:96px;
    margin-top:-146px;
    margin-left:138px;
    }
    
    .xtreme_img {
        image-rendering: -moz-crisp-edges;
    }
    
    img.map, map area{
        outline: none;
    }