#SocialClowd { position:relative; top: 120px; right: 90px; } /* =========== COLORS ============ RED #C7141A GREEN #5DBC2B PURPLE #7527AE OGANGE #F1AD11 BLUE #003B94 LIGHT BLUE #03A7FD DARK GRAY(main text) #494848 */ .sIFR-hasFlash a.topMenuTitle { font-size: 13px; line-height: 1em; } *{color:#494848;font-family:Arial, Verdana, sans-serif; font-size:12px; margin:0;padding:0;} body{background-image:url(../Images/SiteImages/bodyBg.jpg);background-repeat:repeat;background-color:#2292FF;} .clear{clear:both;} #skyOnMenu{position:absolute;width:100%;left:0;right:0;background-image:url(../Images/SiteImages/headerSkyOnMenuBg.png);background-repeat:repeat-x;background-position:bottom;height:70px;z-index:4;} #sky{position:absolute; width:100%;left:0;right:0; background-image:url(../Images/SiteImages/headerSkyBg.png);background-repeat:repeat-x;background-position:bottom;height:210px;z-index:0;} #page{width:1024px;margin:0 auto;} #header{height:180px;} .buttons { list-style:none; padding-top:10px;} .buttons li { display:inline-block; padding-left:15px; margin-right:3px; background:transparent url(../Images/SiteImages/btnListBg.png) no-repeat scroll top left; } .buttons li a {display:inline-block; font-size:12px; font-weight:bold; color:#FFF; padding:7px 30px 5px 0;text-decoration:none; } .buttons li a.print { background:transparent url(../Images/SiteImages/btnPrint.png) no-repeat scroll top right; } .buttons li a.add { background:transparent url(../Images/SiteImages/btnMyBaby.png) no-repeat scroll top right; } p.text { width:447px; font-size:12px; line-height:150%; padding-bottom:10px;} .defaultLink{color:#03a7fd;font-weight:bold;text-decoration:none;} /* ======= BANNERS ======= */ .bannerTop {display:block; text-align:center; background-color:#FFF;} .bannerTop div.subBanner {position:absolute; left:0; width:100%; display:block; z-index:5; text-align:center; padding:5px 0;background-color:#FFF;} .bannerRight {display:block; text-align:center;padding:0 20px 0 12px;} .bannerRight div.subBanner {} .bannerBottom {display:block; text-align:center;background-color:#FFF;z-index:7;} .bannerBottom div.subBanner {position:absolute; left:0; width:100%; display:block; background-color:#FFF; z-index:7; text-align:center;} .bannerRightBlue {display:block; text-align:center;padding:10px;} .bannerRightBlue div.subBanner {} .bannerBottomBlue {margin: 60px; height:112px;display:block; text-align:center;z-index:7; background:transparent url(../Images/SiteImages/bottom_blue.png) no-repeat scroll top center;} .bannerBottomBlue div.subBanner {padding: 10px 0;width:100%; display:block; z-index:7; text-align:center;} .emptyBottomBlueBanner {position:relative; top:50px;} .emptyBottomGameBanner {height:112px; display:block; text-align:center;z-index:7;position: relative;top: -400px;background:transparent url(../Images/SiteImages/bottom_blue.png) no-repeat scroll top center;} .emptyBottomGameBanner div.subBanner {padding: 10px 0;width:100%; display:block; z-index:7; text-align:center;} /* ======= USER INFO ======= */ #userInfo{position:absolute;margin-top:4px;z-index:10; } #userInfo ul{list-style:none; display:block; width:760px;text-align:right; } #userInfo ul li{display:inline;background-image:url(../Images/SiteImages/userInfoListPoints.png);background-position:left 7px;background-repeat:no-repeat;padding:0 3px 0 10px;} #userInfo ul li strong{font-size:12px;text-decoration:none;color:#03a7fd;} #userInfo ul li a{font-size:12px;text-decoration:none;color:#03a7fd;display:inline-block;} #userInfo ul li a:link{font-size:12px;text-decoration:none;color:#03a7fd;} #userInfo ul li a:visited{font-size:12px;text-decoration:none;color:#03a7fd;} #userInfo ul li a:hover{color:#003B94;} #userInfo ul li strong.lng{font-size:12px;font-weight:400;text-decoration:none;color:#03a7fd;background-image:url(../Images/SiteImages/userInfoListArrowWithPoints.png);background-position:right;background-repeat:no-repeat;padding-right:16px;cursor:hand;} #userInfo ul li strong.lng:hover #languages{display:block;cursor:hand;} #userInfo ul li:hover div{display:block;} /* ======= SEARCH ======= */ #search{position:absolute;z-index:20;width:180px;height:20px;top:0px;right:0px;} #search fieldset{border:0; padding-top:1px;} #search legend{display:none;} #search label{font-size:12px; color:#003B94;} #search input[type="text"] {padding:1px 2px; width:88px; font-size:11px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left; } #search input[type="submit"] { background:transparent url(../Images/SiteImages/searchBtnBg.png) no-repeat scroll bottom left; width:23px; height:26px; text-indent:-2000px;overflow:hidden; border:0; } /* ======= LANGUAGES ======= */ #languages{display:none;position:absolute;margin-left:730px;width:106px;background-image:url(../Images/SiteImages/langugesBg.png);background-position: bottom;background-repeat:no-repeat;padding-bottom:6px; background-size: 100% 100%;} #languages ul {list-style:none; width:106px;} #languages ul li.first{background-image:url(../Images/SiteImages/languagesTop.png);background-position:left bottom;background-repeat:no-repeat;background-color:#fff;height:5px;} #languages ul li{display:block;background-image:none;width:106px;text-align:center;padding:2px 3px 5px 5px;margin:0px;} #languages ul li a{display:block;background-repeat:no-repeat;background-position:6px center;width:96px;border-bottom:dashed 1px #03a7fd;padding:0px 0px 2px 0px;margin:0px; } #languages ul li a:link{display:block;background-repeat:no-repeat;background-position:6px center;} #languages ul li a:visited{display:block;background-repeat:no-repeat;background-position:6px center;} #languages ul li a:active{display:block;background-repeat:no-repeat;background-position:6px center;} #languages ul li a:hover{text-decoration:underline;color:#003b94;font-weight:bold;} #languages ul li a.lngFr{background-image:url(../Images/SiteImages/lngFlagFr.png);} #languages ul li a.lngNd{background-image:url(../Images/SiteImages/lngFlagNd.png);} #languages ul li a.lngEs{background-image:url(../Images/SiteImages/lngFlagEs.png);} #languages ul li a.lngHe{background-image:url(../Images/SiteImages/lngFlagHe.png);} #languages ul li a.lngJp{background-image:url(../Images/SiteImages/lngFlagJp.png);} #languages ul li a.lngTr{background-image:url(../Images/SiteImages/lngFlagTr.png);} /* ======= LOGO ======= */ #logo{position:absolute;display:block;width:361px;height:160px;margin-top:30px;margin-left:-70px;background-image:url(../Images/SiteImages/babyTvLogoBg.png);background-repeat:no-repeat;background-position:bottom;z-index:1;} #logoImage{position:absolute;z-index:15;margin-top:30px;margin-left:22px;display:block;background-image: url("../Images/SiteImages/hp.png");background-position: 0 0;background-repeat: no-repeat;width: 165px;height: 178px;} #logoImage h1 a{position:absolute;text-indent:-1000px;overflow:hidden;display:block;width:155px;height:119px;background-image:url(../Images/SiteImages/babyTvLogo.png);background-repeat:no-repeat;} #logoImage:hover p{display:block;} #logoImage p {display:none; font-size:11px; font-weight:normal; color:#02A7FD; text-decoration:none; padding:7px 15px 7px 10px; width:64px; height:63px; position:absolute; z-index:10000; vertical-align:middle; margin-top:-130px;margin-left:-70px; background:transparent url(../Images/SiteImages/recipesComments.png) no-repeat scroll top left;} #logoFox{z-index:5;position:absolute;display:block;width:130px;height:24px;margin-top:0px;margin-left:765px;background-image:url(../Images/SiteImages/fox.png);background-repeat:no-repeat;background-position:bottom;} #facebookFans{z-index:0;position:absolute;display:block;width:292px;height:62px;margin-top:230px;margin-left:-80px;} /* ======= TOP MENU ======= */ #topMenu{position:absolute;margin-top:-360px;margin-left:155px;width:712px;z-index:3;} #topMenu ul{list-style:none;} .topMenuBlock{position:absolute;background-repeat:no-repeat;background-image:url(../Images/siteimages/colorMenuSprite.png);cursor:pointer;background-position:bottom;width:178px;height:500px;float:left;} .topMenuBlock strong.block{text-indent:-2000px;display:block;overflow:hidden;} .topMenuBlock strong.player{} .topMenuBlock li{border-bottom:1px dashed #FFF;margin:0 30px;} .topMenuBlock li a, .topMenuBlock li a:link, .topMenuBlock li a:visited, .topMenuBlock li a:active{display:block;width:116px;font-size:12px;text-decoration:none;color:#FFF;background:transparent url(https://www.babytvturkiye.com/Images/SiteImages/topMenuArrow.png) no-repeat scroll center right;padding:3px 2px;} .topMenuBlock li a:hover{ background:transparent url(../Images/SiteImages/topMenuHoverBg.png) repeat-y scroll center center; } .topMenuBlock strong {display:table-cell; position:absolute;text-align:center;vertical-align:bottom; bottom:38px; left:40px;width:95px;height:35px;} .topMenuBlock strong a{display:table-cell;font-size:13px; vertical-align:bottom;outline:none;text-decoration:none;color:#fff;width:95px;height:35px;padding-bottom:8px;} #topMenu0{background-position:left bottom;} #topMenu1{background-position:-178px bottom;left:148px;} #topMenu2{background-position:-356px bottom;left:296px;} #topMenu3{background-position:-534px bottom;left:444px;} /* ======= MY MENU ======= */ #myMenu{position:absolute;margin-left:790px;margin-top:10px;} .myMenuBlock{background-repeat:no-repeat;background-position:bottom;position:absolute;width:114px;height:120px;float:left;z-index:1;} #myRadio{background-image:url(../Images/SiteImages/myBabioBg.png);margin-left:0;} #myRadio a img{border:0; margin:20px 37px 0; padding:0px 0px 50px 0px;} #myBaby{background-image:url(../Images/SiteImages/BabyTvClub.png);margin-left:85px;} #myBaby a{display:block;width:114px;height:120px; text-indent:-2000px} /*ITALIAN*/ #myBabyita{background-image:url(../Images/SiteImages/BabyTvClubita.png);margin-left:85px;} /* ======= CONTENT ======= */ #content{width:1024px; margin:0 auto; min-height:400px;} /* ======= CONTENT LOBBY ======= */ #contentLobby { text-align:center; } #contentLobby h2 img { float:left; margin-left:100px; } #lobbyMenu { float:left; margin:40px 0 0 30px; } #lobbyMenu ul { list-style:none; } #lobbyMenu li { padding-top:75px; margin-right:10px; display:block; float:left; min-width:75px; height:20px; background:transparent no-repeat scroll top center; } #lobbyMenu span { display:block; padding-left:10px; height:20px; background:transparent url(../Images/SiteImages/funActivitiesMenuSpanBg.png) no-repeat scroll center left ; } #lobbyMenu a { display:block; padding-right:10px; padding-top:2px; font-size:12px; font-weight:bold; text-decoration:none; color:#FFF; height:18px; background:transparent url(../Images/SiteImages/funActivitiesMenuLinkBg.png) no-repeat scroll center right ; } #lobbyList ul { clear:both; list-style:none; } #lobbyList li {display:block; float:left; width:233px; height:51px; padding-top:148px; background:transparent no-repeat scroll top center; } #lobbyList li:hover a { background:transparent url(../Images/SiteImages/funActivitiesListLinkOverBg.png) no-repeat scroll top center;} #lobbyList a {margin:0 auto; display:block; font-size:13px; font-weight:bold; text-decoration:none; text-align:left; width:121px; height:41px; padding:10px 40px 0 20px; background:transparent url(../Images/SiteImages/funActivitiesListLinkBg.png) no-repeat scroll top center; } #lobbyList span {display:table-cell; vertical-align:middle; color:#FFF; width:121px; height:31px; } #lobbyList li div.new {position:absolute; margin-left:160px; margin-top:-10px; display:block;width:71px; height:73px;background:transparent url(../Images/SiteImages/funLobbyNew.png) no-repeat scroll top center; } #lobbyList li div.membersOnly {position:absolute; margin-left:160px; margin-top:-10px; display:block;width:71px; height:73px;background:transparent url(../Images/SiteImages/funLobbyMembers.png) no-repeat scroll top center; } #lobbyList li div.comingSoon {position:absolute; margin-left:160px; margin-top:-10px; display:block;width:71px; height:73px;background:transparent url(../Images/SiteImages/funLobbyComingSoon.png) no-repeat scroll top center; } /* ======= SUB MENU ======= */ .subMenu{position:absolute;margin-top:-40px;margin-left:40px;} #subMenuLeft{background-image:url(../Images/SiteImages/subMenuLeftBg.png);background-repeat:no-repeat;display:block;width:24px;height:55px;float:left;} #subMenuContent{background-image:url(../Images/SiteImages/subMenuRightBg.png);background-repeat:no-repeat;background-position:right;height:55px;float:left;} #subMenuContent ul{list-style:none;float:left;margin:7px 2px 0 -15px;} #subMenuContent ul li{float:left;background-image:url(../Images/SiteImages/subMenuListBlueLeftBg.png);background-repeat:no-repeat;height:29px;padding-left:14px;margin-right:7px;} #subMenuContent ul li a{float:left;text-transform:uppercase; background-image:url(../Images/SiteImages/subMenuListBlueRightBg.png);background-position:right;background-repeat:no-repeat;height:22px;padding-right:14px;font-size:12px;text-decoration:none;padding-top:7px;color:#FFF;} #subMenuContent ul li a:hover{text-decoration:underline;} #popUp{position:absolute;z-index:101;} #popupFrame{border:0;} /* ======= SUB MENU LIST ======= */ #subList{display:block;width:447px;height:46px;font-size:13px;background-image:url(../Images/SiteImages/SubListBg.png);background-repeat:no-repeat;background-position:right bottom; margin-bottom:20px;} #subList ul{list-style:none;padding-left:10px;} #subList ul li{display:block;float:left;padding-left:19px;height:46px;text-align:center;background-image:url(../Images/SiteImages/SubListLeftBg.png);background-position:left top;background-repeat:no-repeat;margin-left:10px;} #subList ul li.selList{display:block;float:left;padding-left:29px;height:46px;text-align:center;background-image:url(../Images/SiteImages/SubListSelLeftBg.png);background-position:left top;background-repeat:no-repeat;} #subList ul li.selList strong{display:block;float:left;padding-right:29px;padding-top:17px;height:31px;text-align:center;color:#003B94;background-image:url(../Images/SiteImages/SubListSelRightBg.png);background-position:right top;background-repeat:no-repeat;} #subList ul li a{display:block;float:left;text-align:center;text-decoration:none;padding-right:19px;padding-top:15px;height:31px;color:#02A7FD;background-image:url(../Images/SiteImages/SubListRightBg.png);background-position:right top;background-repeat:no-repeat;} #subList ul li a:link{display:block;float:left;text-align:center;text-decoration:none;padding-right:19px;padding-top:15px;height:31px;color:#02A7FD;background-image:url(../Images/SiteImages/SubListRightBg.png);background-position:right top;background-repeat:no-repeat;} #subList ul li a:visited{display:block;float:left;text-align:center;text-decoration:none;padding-right:19px;padding-top:15px;height:31px;color:#02A7FD;background-image:url(../Images/SiteImages/SubListRightBg.png);background-position:right top;background-repeat:no-repeat;} #subList ul li a:hover{text-align:center;color:#003B94;} /* ======= LEFT CONTENT ======= */ /* .leftContentTopRedBalls{background-image:url(../Images/SiteImages/leftContentTopRed.png);position:absolute;display:block;width:136px;height:46px;margin-top:34px;margin-left:24px;} .leftContentTopGreenBalls{background-image:url(../Images/SiteImages/leftContentTopGreen.png);position:absolute;display:block;width:136px;height:46px;margin-top:34px;margin-left:24px;} .leftContentTopPurpleBalls{background-image:url(../Images/SiteImages/leftContentTopPurple.png);position:absolute;display:block;width:136px;height:46px;margin-top:34px;margin-left:24px;} .leftContentTopOrangeBalls{background-image:url(../Images/SiteImages/leftContentTopOrange.png);position:absolute;display:block;width:136px;height:46px;margin-top:34px;margin-left:24px;} .leftContentTopBlueBalls{background-image:url(../Images/SiteImages/leftContentTopBlue.png);position:absolute;display:block;width:136px;height:46px;margin-top:34px;margin-left:24px;} */ #leftContentTop{background-image:url(../Images/SiteImages/leftContentTopBg.png);width:224px;height:115px;} #leftContentBottom{background-image:url(../Images/SiteImages/leftContentBottomBg.png);width:224px;height:135px;} #leftContentMain{background-image:url(../Images/SiteImages/leftContentBgIE.png);background-repeat:repeat-y;background-position:bottom;width:224px;} #leftMenuTop{background-image:url(../Images/SiteImages/sideMenuTopBg.png);width:186px;height:20px;} #leftMenuBottom{background-image:url(../Images/SiteImages/sideMenuBottomBg.png);width:186px;height:20px;} .leftMenu{width:186px;margin-left:15px;margin-top:-16px;} .leftMenu ul{list-style:none;} .leftMenu ul.mainList{padding-top:10px} .leftMenu ul li{} .leftMenu ul li a.main{display:block;border-bottom:1px solid #FFF; padding:4px 0; font-size:13px; font-weight:bold; text-transform:uppercase;color:#FFF; margin:0 13px;text-decoration:none;background:transparent url(../Images/SiteImages/leftMenuMainArrow.png) no-repeat scroll right center;} .leftMenu ul li.level2:hover{background:transparent url(../Images/SiteImages/leftMenuSubBg.png) repeat-y scroll top left;} .leftMenu ul li.level2 a{display:block;border-bottom:1px dotted #FFF; padding:4px 0; font-size:12px; font-weight:normal; color:#FFF; margin:0 13px;text-decoration:none;background:transparent url(../Images/SiteImages/sideMenuListArrow.png) no-repeat scroll top right;} .leftMenu ul li.level3:hover{background:transparent url(../Images/SiteImages/leftMenuSubBg.png) repeat-y scroll top left;} .leftMenu ul li.level3 a{display:block;border-bottom:1px dotted #FFF; padding:4px 7px; font-size:11px; font-weight:normal; color:#FFF; margin:0 13px;text-decoration:none;background:transparent url(../Images/SiteImages/sideMenuListArrow.png) no-repeat scroll top left;} .leftMenu ul li.level2Selected{background:transparent url(../Images/SiteImages/leftMenuSubBg.png) repeat-y scroll top left;} .leftMenu ul li.level2Selected a{display:block;border-bottom:1px dotted #FFF; padding:4px 0; font-size:12px; font-weight:normal; color:#FFF; margin:0 13px;text-decoration:none;background:transparent url(../Images/SiteImages/sideMenuListArrow.png) no-repeat scroll top right;} .leftMenu ul li.level3Selected{background:transparent url(../Images/SiteImages/leftMenuSubBg.png) repeat-y scroll top left;} .leftMenu ul li.level3Selected a{display:block;border-bottom:1px dotted #FFF; padding:4px 8px; font-size:11px; font-weight:normal; color:#FFF; margin:0 13px;text-decoration:none;background:transparent url(../Images/SiteImages/sideMenuListArrow.png) no-repeat scroll top left;} /* ======= FOOTER ======= */ #footer{width:100%;padding-top:300px;background-image:url(../Images/SiteImages/footerBg.png);background-repeat:repeat-x;background-position:center top;} #footerBlock{width:100%;background-color:#FFF;} #footerContent{width:1024px;margin:0 auto;} #copyrights {border-top:1px dotted #CCC; text-align:center;} #copyrights table {border:0; margin:0 auto;} #copyrights td {height:32px; vertical-align:middle; } #copyrights p {font-size:11px; color:#0465a6; } #tradeMarks{font-size:11px;color:#03A7FD;text-align:center;line-height:150%;} /* ======= ABOUT MENU ======= */ #about{padding:10px 0;z-index:100;} #about img{float:right;margin-top:-52px;} #aboutMenu ul{list-style:none;margin:0 auto; text-align:center;} #aboutMenu ul li a:hover{color:#003B94;} .aboutInfo ul { padding:7px 7px 0 4px;display:block;background:transparent url(../Images/SiteImages/aboutInfoBg.png) no-repeat scroll top right;} .aboutInfo ul li{display:block; } .aboutInfo ul li a.sub {display:block; color:#03A7FD; width:112px; text-decoration:none; text-align:left; font-size:11px; font-weight:normal; background-image:none;padding:2px 0px 2px 3px; border-bottom:1px dotted #03A7FD; } .aboutInfo ul li a:hover.sub {background-color:#e5f6ff;} /* ======= MAIN CONTENT ======= */ #mainContent{margin-left:211px;width:564px;} #mainContentTop{width:564px;height:13px;background-image:url(../Images/SiteImages/mainContentTopBg.png);background-repeat:repeat-x;} #mainContentContext{width:447px; padding-right:117px; min-height:600px;padding-left:45px;background-image:url(../Images/SiteImages/mainContentBg.png);background-repeat:repeat-y;} #mainContentContextHeader {padding-top:10px;} #mainContentContextHeader h2{clear:both; margin-top:20px; margin-bottom:10px; width:447px; padding-bottom:5px;} #mainContentBottom{display:block;width:564px;height:43px;background-image:url(../Images/SiteImages/mainContentBottomBg.png);background-repeat:no-repeat;} #rightContentTop{width:186px;height:66px;background-image:url(../Images/SiteImages/rightContentTopBg.png);background-repeat:no-repeat;} #rightContentContext{width:186px;background:transparent url(../Images/SiteImages/rightContentBg.png) repeat-y scroll right top;} #rightContentBottom{width:186px;height:55px;background-image:url(../Images/SiteImages/rightContentBottomBg.png);background-repeat:no-repeat;} #downloadList{clear:both;} #downloadList img{margin:7px;} #downloadList p {display:none;position:absolute; vertical-align:middle; margin-top:-115px;margin-left:-30px;background-image:url(../Images/SiteImages/downloadListTitleBg.png);background-repeat:no-repeat;text-align:center;font-size:11px;} #downloadList ul {list-style:none; min-height:400px;} #downloadList ul li {float:left;padding-right:9px;padding-bottom:9px;} #downloadList ul li a {display:block;width:102px;height:80px;background-image:url(../Images/SiteImages/downloadListBg.png);} #downloadList ul li a:link {display:block;width:102px;height:80px;background-image:url(../Images/SiteImages/downloadListBg.png);} #downloadList ul li a:visited {display:block;width:102px;height:80px;background-image:url(../Images/SiteImages/downloadListBg.png);} #downloadList ul li a:hover {background-image:url(../Images/SiteImages/downloadListOverBg.png);} #downloadList ul li:hover p {display:table-cell; vertical-align:middle; padding-top:10px;width:150px;height:40px;} #downloadList li div { position:absolute; display:block; width:41px; height:43px; z-index:100; } #downloadList li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #downloadList li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} /* ======= GALLERY POPUP ======= */ #galleryPopup{display:block;width:475px; margin:100px auto;} #galleryPopup img{margin:-64px 0 0 106px;} #galleryPopupTop a{display:block;margin-top:36px; margin-left:417px; width:28px; height:28px; background:transparent url(../Images/SiteImages/popupClose.png) no-repeat scroll top center;} #galleryPopupTop{position:absolute;display:block;width:475px;height:116px;background-image:url(../Images/SiteImages/galleryPopupTopBg.png);background-position:right;background-repeat:no-repeat;z-index:2;} #galleryPopupImg{display:block;position:absolute;width:475px;margin-top:116px;background-image:url(../Images/SiteImages/galleryPopupImgBg.png);background-position:right;background-repeat:repeat-y;z-index:1;} #galleryPopupImgBottom{display:block;width:475px;position:absolute;height:51px;margin-top:-51px;background-image:url(../Images/SiteImages/galleryPopupImgBottomBg.png);background-position:right;background-repeat:no-repeat;z-index:3;} #galleryPopupBottom{display:block; min-height:85px; width:475px;position:absolute;background-image:url(../Images/SiteImages/galleryPopupBottomBg.png);background-repeat:no-repeat;background-position:bottom;z-index:3;padding-bottom:42px;} #galleryPopup h4 span {display:block; padding:3px 0; font-size:14px;color:#003D94;margin:20px 70px 0 127px;} #galleryPopup p{font-size:12px;line-height:140%;color:#494848;margin:10px 70px 0 127px;} #galleryPopup ul{border-top:1px dotted #494848;list-style:none;padding-top:10px;margin:0 70px 0 127px;} #galleryPopup ul.btns {position:absolute; margin-left:350px; margin-top:-36px; border-top:0;} #galleryPopup ul.btns li {float:right;} #galleryPopup ul li.wpList {display:block; clear:both; width:170px; } #galleryPopup ul li.wpList a {float:right;} #galleryPopup ul li.wpList span {font-size:11px; color:#05A7FC; float:left;display:block; margin-top:7px; } #galleryPopup ul li strong{font-size:11px;font-weight:bold;text-decoration:none;color:#FFF;} #galleryPopup ul li strong.save{ cursor:pointer; text-decoration:none;display:block;width:58px;height:23px;background-image:url(../Images/SiteImages/popupSave.png);margin-right:5px;padding:7px 0 0 14px;} #galleryPopup ul li a.download{ font-size:11px;font-weight:bold;text-decoration:none;color:#FFF;display:block;width:86px;height:23px;background-image:url(../Images/SiteImages/popupDownload.png);margin-right:5px;padding:7px 0 0 14px;} #galleryPopup ul li strong.print{ cursor:pointer; text-decoration:none;float:left;display:block;width:58px;height:23px;background-image:url(../Images/SiteImages/popupPrint.png);padding:7px 0 0 14px;} #galleryPopup ul li strong.prev{ cursor:pointer; text-decoration:none;float:right;display:block;width:24px;height:24px;margin-top:3px;margin-right:5px;background-image:url(../Images/SiteImages/popupPrev.png);overflow:hidden;text-indent:-200px;} #galleryPopup ul li strong.next{ cursor:pointer; text-decoration:none;float:right;display:block;width:24px;height:24px;margin-top:3px;background-image:url(../Images/SiteImages/popupNext.png);overflow:hidden;text-indent:-200px;} #iframePrint {position:absolute; top:0; left:0; margin-left:-2000px;} .navButtons{display:block;width:46px;height:46px;text-decoration:none;padding-top:45px;text-align:center;} .navButtons span{color:inherit;font-weight:bold;line-height:1;} .navs{float:left; border-top:0;width:275px;} #galleryPopup ul.navs li {float:left;margin-right:25px;} #navSend{display:none;background:transparent url(../Images/SiteImages/promoMenuSendToFriend.png) no-repeat scroll top left;color:#f2ad11;} #navSendPurple{display:none;background:transparent url(../Images/SiteImages/promoMenuSendToFriendPurple.png) no-repeat scroll top left;color:#7527af;} #navPlayer{background:transparent url(../Images/SiteImages/want-to-see-more.png) no-repeat scroll top left;color:#c7141a; width:105px; height:95px;} #navPlayer span{display: none;} #navProgram{background:transparent url(../Images/SiteImages/promoGoToProgram.png) no-repeat scroll 10px top;color:#5dbc2b;width:66px;} /* ======= PATH ======= */ #path{ padding:15px 0 10px;} #path ol{list-style:none;} #path ol li{float:left;padding-right:5px;} #path ol li a{display:block;float:left;text-decoration:none;font-size:11px;background-image:url(../Images/SiteImages/pathArrow.png);background-position:right 5px;background-repeat:no-repeat;padding-right:10px;color:#03A7FD;} #path ol li a:link{display:block;float:left;text-decoration:none;font-size:11px;background-image:url(../Images/SiteImages/pathArrow.png);background-position:right 5px;background-repeat:no-repeat;padding-right:10px;color:#03A7FD;} #path ol li a:visited{display:block;float:left;text-decoration:none;font-size:11px;background-image:url(../Images/SiteImages/pathArrow.png);background-position:right 5px;background-repeat:no-repeat;padding-right:10px;color:#03A7FD;} #path ol li a:hover{text-decoration:underline;} #path ol li a.last{background-image:none;color:#003B94;} #path ol li a.last:link{background-image:none;color:#003B94;} #path ol li a.last:visited{background-image:none;color:#003B94;} /* ======= PROMO MENU ======= */ #promoMenu{display:block;height:119px;} #promoMenu ul{list-style:none;} #promoMenu ul li{position:absolute;display:block;} #promoMenu p{display:none;position:relative;margin-top:-90px;margin-left:-60px;padding-top:15px;background-image:url(../Images/SiteImages/downloadListTitleBg.png);background-repeat:no-repeat;text-align:center;font-size:11px;width:150px;height:35px;line-height:100%;vertical-align:middle;} #promoMenu ul li a{display:block;width:45px;height:45px;overflow:hidden;text-indent:-2000px;} #promoMenu ul li:hover p{display:block;} /* ======= PAGING ======= */ #paging.programs{clear:both;font-size:11px;text-align:center;width:640px;border-top:1px dotted #5dbc2b; padding-top:10px;} #paging.downloads{clear:both;font-size:11px;text-align:center;width:447px;border-top:1px dotted #f99f1c; padding-top:10px;} #paging strong{display:block;overflow:hidden;width:0;height:10px;text-indent:-2000px;} #paging img{padding-top:5px;border:0;} #paging ol{list-style:none;display:inline;} #paging ol li{display:inline;font-weight:700;color:#003b94;margin:0 2px;} #paging ol li a{display:inline;color:#03a7fd;text-decoration:none;} #paging ol li a:link{display:inline;color:#03a7fd;text-decoration:none;} #paging ol li a:active{display:inline;color:#03a7fd;text-decoration:none;} #paging ol li a:visited{display:inline;color:#03a7fd;text-decoration:none;} #paging ol li a:hover{display:inline;color:#03a7fd;} /* ======= WIDE CONTENT ======= */ #mainWideContent{width:743px;margin-left:211px;} #mainWideContentTop{width:743px;height:65px;background:transparent url(../Images/SiteImages/wideContentTopBg.png) no-repeat scroll top right;} #mainWideContent{width:743px;margin-left:211px;} #mainWideContentContext{width:663px;padding-top:65px; padding-left:45px;padding-right:40px; background:transparent url(../Images/SiteImages/wideContentBg.png) repeat-y scroll top left;min-height: 600px;} #mainWideContentContextHeader {position:absolute; padding-top:20px; margin-left:45px; width:645px;} #mainWideContentContextHeader h2{clear:both;margin-top:20px; width:663px; padding-bottom:5px;} #mainWideContentBottom{width:743px;background:transparent url(../Images/SiteImages/wideContentBottomBg.png) no-repeat scroll bottom left;height:58px;} #mainWideHeaderContent{position:absolute; margin-top:-55px;} /* ======= PROGRAMS ======= */ #programsFlash {display:block; margin-left:-30px; width:660px;} #programsFlash h3 { margin:10px 0 10px 30px; border-bottom:1px dotted #5DBC2B; width:663px; padding-bottom:10px;font-size:18px; color:#003B94;} #programsList { margin-left:-30px;width:660px;} #programsList h3 {margin-left: 30px; margin-bottom:10px; border-bottom:1px dotted #5DBC2B; font-size:18px; color:#003B94; width:663px; padding-bottom:10px;} #programsList ul {background:transparent url(../Images/SiteImages/programsBg.jpg) repeat-y scroll top center;list-style:none;display:block;float:left;width:570px;padding-left:90px;} #programsList ul li {display:block;width:108px; height:163px; float:left;background:transparent url(../Images/SiteImages/programsListBg.png) no-repeat scroll top left;margin-bottom:23px;margin:0 11px;} #programsList ul li a img {border:1px solid #4BB811; margin:9px 9px 0 9px; width: 90px; height: 68px;} #programsList ul li a:hover img {border:1px solid #FFF;} #programsList ul li strong a {display:block; margin:0 10px; font-size:12px; color:#FFF; text-decoration:none;} #programsList a.prev {display:block; width:90px; height:97px; position:absolute; margin-top:180px; background:transparent url(../Images/SiteImages/allProgramsPrev.png) repeat-y scroll top center;} #programsList a.next {display:block; width:90px; height:97px; position:absolute; margin-top:180px; margin-left:615px; background:transparent url(../Images/SiteImages/allProgramsNext.png) repeat-y scroll top center;} /* ======= ALL PROGRAMS ======= */ #allProgramsFlash {display:block; margin-left:-30px; width:680px;} #allProgramsFlash h3 { margin:10px 0 10px 30px; border-bottom:1px dotted #5DBC2B; width:663px; padding-bottom:10px;font-size:18px; color:#003B94;} #allProgramsAbcList { margin-bottom:20px; } #allProgramsAbcList div.border { border-bottom:1px dotted #5dbc2b; border-top:1px dotted #5dbc2b; padding:10px 0; width:640px; } #allProgramsAbcList strong { font-size:18px; font-weight:normal; color:#003b94;} #allProgramsAbcList ol { list-style:none; max-width:500px; } #allProgramsAbcList ol li { display:inline; margin-right:-1px; } #allProgramsAbcList ol li a { display:inline-block; text-decoration:none; text-transform:lowercase; background:transparent url(../Images/SiteImages/listAbcBg.png) no-repeat scroll top left; width:15px; height:13px; font-size:12px; padding-bottom:2px; color:#FFF; text-align:center; } #allProgramsSearch{ float:right; margin-top:-5px;} #allProgramsSearch fieldset{border:0; padding-top:1px;} #allProgramsSearch legend{display:none;} #allProgramsSearch label{font-size:12px; color:#003B94;} #allProgramsSearch input[type="text"] {padding:1px 2px; width:88px; font-size:11px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left; } #allProgramsSearch input[type="submit"] { background:transparent url(../Images/SiteImages/searchBtnBg.png) no-repeat scroll bottom left; width:23px; height:26px; text-indent:-2000px; border:0; } #allProgramsList { margin-left:-30px;width:660px; } #allProgramsList h3 {margin-left: 30px; margin-bottom:10px; border-bottom:1px dotted #5DBC2B; font-size:18px; color:#003B94; width:663px; padding-bottom:10px;} #allProgramsList ul {min-height:363px; background:transparent url(../Images/SiteImages/programsBg.jpg) repeat-y scroll top center;list-style:none;display:block;float:left;width:570px;padding-left:90px;} #allProgramsList ul li {display:block;width:108px; height:163px; float:left;background:transparent url(../Images/SiteImages/programsListBg.png) no-repeat scroll top left;margin-bottom:23px;margin:0 11px;} #allProgramsList li div { position:absolute; display:block; width:41px; height:43px; z-index:100; } #allProgramsList li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #allProgramsList li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #allProgramsList li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #allProgramsList ul li a img {border:1px solid #4BB811; margin:9px 9px 0 9px; display:block; width:90px; height:68px;} #allProgramsList ul li a:hover img {border:1px solid #FFF;} #allProgramsList ul li strong a {display:block; margin:0 10px; line-height:100%; text-align:center; font-size:11px; color:#FFF; text-decoration:none;} #allProgramsList a.prev {display:block; width:90px; height:97px; position:absolute; margin-top:180px; background:transparent url(../Images/SiteImages/allProgramsPrev.png) repeat-y scroll top center;} #allProgramsList a.next {display:block; width:90px; height:97px; position:absolute; margin-top:180px; margin-left:615px; background:transparent url(../Images/SiteImages/allProgramsNext.png) repeat-y scroll top center;} #allProgramsList .noresults {display:block;position:absolute;margin:0 10%;color:#003B94;} /* ======= PROGRAM PAGE ======= */ #programNext { position:absolute; margin-left:600px; margin-top:-50px; } #programNext ul {list-style:none; } #programNext li {display:inline;} #programNext a {display:inline-block;} #programNext img { border:0; } #programPlayer {text-align:center;position:relative;min-height:400px;z-index:0} #programPlayer img {position:absolute;top:0px;right:-8px;z-index:-1;border:0;} #programPlayer img#gotoplayer {right:-100px; right:40px;} #programPlayer img#smallProgramImg{left:55px;top:192px;z-index:0;position: absolute;z-index:-2} #programPlayer div#programTitle{color: white;position: absolute;right:0px;text-align: center;top: 364px;z-index: 100;width: 100%;font-weight:bold;font-size:16px} #programPlayer iframe {margin-top:70px; margin-right: -20px;} #programList {display:block;margin-left:-32px; margin-top:-4px; width:717px; min-height:183px;background:transparent url(../Images/SiteImages/programListBlockBg.png) no-repeat scroll top left;} #programList a.prev, #programList a.next { display:block; float:left; width:80px; height:80px; margin-top:20px; } #programList a.prev {background:transparent url(../Images/SiteImages/recipesListLeftArray.png) no-repeat scroll top left;} #programList a.next {background:transparent url(../Images/SiteImages/recipesListRightArray.png) no-repeat scroll top left;} #programListItems { display:block;padding-left:40px;position: relative;z-index:100} #programListItems ul {list-style:none; } #programListItems ul li {display:block; margin:10px 5px 0; float:left; background:transparent url(../Images/SiteImages/programListBg.png) no-repeat scroll top left; width:107px; height:142px; } #programListItems ul li:hover{margin-top:0;} #programListItems ul li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #programListItems ul li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #programListItems ul li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #programListItems img {border:1px solid #AD41D2; margin:3px 8px 8px 8px; } #programListItems strong {display:block; font-size:12px; color:#FFF; text-decoration:none; padding:6px 5px 0 10px; width:101px; } #programSubList {display:block;width:640px;font-size:13px;background-image:url(../Images/SiteImages/programSubListBg.png);background-repeat:repeat-x;background-position:right bottom; margin-bottom:20px;} #programSubList ul {list-style:none;padding-left:10px;} #programSubList ul li {display:block; cursor:pointer; float:left;padding-left:19px;height:46px;text-align:center;background-image:url(../Images/SiteImages/SubListLeftBg.png);background-position:left top;background-repeat:no-repeat;margin-left:10px;} #programSubList ul li.selList {display:block;float:left;padding-left:29px;height:46px;text-align:center;background-image:url(../Images/SiteImages/SubListSelLeftBg.png);background-position:left top;background-repeat:no-repeat;} #programSubList ul li.selList strong {display:block;float:left;padding-right:29px;padding-top:17px;height:31px;text-align:center;color:#003B94;background-image:url(../Images/SiteImages/SubListSelRightBg.png);background-position:right top;background-repeat:no-repeat;} #programSubList ul li.notSelList {display:block;float:left;padding-left:19px;height:46px;text-align:center;background-image:url(../Images/SiteImages/SubListLeftBg.png);background-position:left top;background-repeat:no-repeat;} #programSubList ul li.notSelList strong {display:block;float:left;padding-left:5px;font-weight:normal; padding-right:29px;padding-top:17px;height:31px;text-align:center;color:#003B94;background-image:url(../Images/SiteImages/SubListRightBg.png);background-position:right top;background-repeat:no-repeat;} .programBtnSchedule {display:block; width:126px; height:23px; padding:7px 0 0 10px; background:transparent url(../Images/SiteImages/programBtnSchedule.png) no-repeat scroll top left; text-decoration:none; color:#FFF; font-size:12px;} #programParagraph {clear:both; padding-bottom:30px; width:640px; background:transparent url(../Images/SiteImages/programParagraphBg.png) no-repeat scroll bottom right;} #programParagraph p {font-size:12px; line-height:150%;margin-bottom:20px;} #recipesPlayerFlash {position:absolute; z-index:102; margin-top:282px; margin-left:230px;} /* ======= RECIPES ======= */ #recipes {margin-top:-50px; position:absolute; } #recipesPlayer {width:705px; height:464px; margin-left:-33px; margin-top:10px; background:#FFF url(../Images/SiteImages/recipesBg.jpg) no-repeat scroll top left;} #recipesPlayer img.recipeImage {position:absolute; z-index:100; margin:26px 0 0 210px; } #recipesPlayer a.gotoplayer{position:absolute; z-index:105; margin:-10px 0 0 570px;} #recipesPlayer a.gotoplayer img{border:0px;} #recipesPlayer a.gotoprogram{position:absolute; z-index:110; margin:100px 0 0 70px;} #recipesPlayer a.gotoprogram img{border:0px;} #spaceship {position:absolute; margin-left:161px; margin-top:1px; z-index:101; width:372px; height:320px; background:transparent url(../Images/SiteImages/recipesSpaceship.png) no-repeat scroll top left;} #spaceship h3 {font-size:14px; color:#FFF; margin:255px 60px 0; background-color:transparent;} #recipesList {display:block; position:absolute; margin-top:-100px; margin-left:20px; width:620px;z-index:103;} #recipesList a.prev, #recipesList a.next {display:block; cursor:pointer; width:80px; height:80px; margin-top:10px; } #recipesList a.prev {float:left;background:transparent url(../Images/SiteImages/recipesListLeftArray.png) no-repeat scroll top left;} #recipesList a.next {float:right;background:transparent url(../Images/SiteImages/recipesListRightArray.png) no-repeat scroll top left;} #recipesListItems {margin-top:-60px;height:142px;padding-top:60px; display:block; float:left; width:452px; overflow:hidden; position:relative;} #recipesListItems ul {list-style:none;} #recipesListBlock {width:10000px; height:142px;position:absolute;} #recipesListItems ul li {display:block; margin:0 3px; float:left; background:transparent url(../Images/SiteImages/recipesListLeftBg.png) no-repeat scroll top left; width:107px; height:122px; } #recipesListItems li div { position:absolute; display:block; width:41px; height:43px; z-index:100; } #recipesListItems li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #recipesListItems li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #recipesListItems li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #recipesListItems img { display:block; border:1px solid #AD41D2; margin:8px; width:88px; height:66px; } #recipesListItems h4 a {display:none; font-size:11px; font-weight:normal; color:#02A7FD; text-decoration:none; padding:7px 15px 7px 10px; width:64px; height:63px; position:absolute; z-index:10000; vertical-align:middle; margin-top:-135px; background:transparent url(../Images/SiteImages/recipesComments.png) no-repeat scroll top left; } #recipesListItems li:hover h4 a {display:table-cell;} #recipesListItems li:hover {margin-top:-10px;} #recipesDetails {padding:20px 0; width:630px; padding:10px; border-bottom:1px dotted #F8D688;} #recipesDetailsLeft {float:left; width:190px; padding:20px 0; font-size:12px;} #recipesDetailsLeft b {display:block; padding:8px; width:128px; height:96px; background:transparent url(../Images/SiteImages/recipesSmallImageBg.png) no-repeat scroll 0px 0px;} #recipesDetailsLeft h3 {color:#003B94; font-size:14px; margin:10px 0;} #recipesDetailsLeft strong {color:#003B94; font-size:12px;} #recipesDetailsLeft ul {list-style:none; line-height:130%; padding:10px 0;} #recipesDetailsLeft li {font-size:12px;} #recipesDetailsRight {float:right; width:329px; min-height:250px; padding:10px 100px 10px 10px; border-left:1px solid #F8D688; margin-top:20px; background:transparent url(../Images/SiteImages/recipesGiraffe.png) no-repeat scroll bottom right;} #recipesDetailsRight strong { color:#003B94; font-size:14px; } #recipesDetailsRight p {font-size:12px; line-height:150%;margin:10px 0;} #songLyrics {padding:10px 0; width:663px; min-height:200px; background:transparent url(../Images/SiteImages/songsBg.gif) repeat-y scroll center 75px; border-bottom:1px dotted #FA802E;font-size:12px;} #recipesSubList {margin-top:40px; display:block;width:640px;font-size:13px;background-image:url(../Images/SiteImages/programSubListBg.png);background-repeat:repeat-x;background-position:right bottom; margin-bottom:20px;} #recipesSubList ul {list-style:none;padding-left:10px;} #recipesSubList ul li {display:block; cursor:pointer; float:left;padding-left:19px;height:46px;text-align:center;background-image:url(../Images/SiteImages/SubListLeftBg.png);background-position:left top;background-repeat:no-repeat;margin-left:10px;} #recipesSubList ul li.selList {display:block;float:left;padding-left:29px;height:46px;text-align:center;background-image:url(../Images/SiteImages/SubListSelLeftBg.png);background-position:left top;background-repeat:no-repeat;} #recipesSubList ul li.selList strong {display:block;float:left;padding-right:29px;padding-top:17px;height:31px;text-align:center;color:#003B94;background-image:url(../Images/SiteImages/SubListSelRightBg.png);background-position:right top;background-repeat:no-repeat;} #recipesSubList ul li.notSelList {display:block;float:left;padding-left:19px;height:46px;text-align:center;background-image:url(../Images/SiteImages/SubListLeftBg.png);background-position:left top;background-repeat:no-repeat;} #recipesSubList ul li.notSelList strong {display:block;float:left;padding-left:5px;font-weight:normal; padding-right:29px;padding-top:17px;height:31px;text-align:center;color:#003B94;background-image:url(../Images/SiteImages/SubListRightBg.png);background-position:right top;background-repeat:no-repeat;} /* ======= CONTACT US ======= */ #contactUs { border-right:1px solid #A6BBDA; width:467px; } #contactUs h4 { padding:10px 0; } #contactUs strong { font-size:12px; margin-top:10px; display:block;background:#FFF url(../Images/SiteImages/aboutListArrow.png) no-repeat scroll center left; padding-left:15px; } #contactUs p { font-size:12px; padding-left:15px; padding-top:5px;} #contactUs p a { color:#02A7FD; } .brdBottom { border-bottom:1px dashed #003B94; width:447px; padding-bottom:5px; } .errorForm { font-size:12px; color:#F00; } .contactInfo {float:left;width:50%; padding:10px 0;} .contactInfo p { font-size:12px; padding-left:15px; padding-top:5px;} .contactInfo strong { font-size:12px; margin-top:10px; display:block;background:#FFF url(../Images/SiteImages/aboutListArrow.png) no-repeat scroll center left; padding-left:15px; } .req { font-size:12px; color:#F00; font-weight:normal; } .form { clear:both; margin-top:20px; } .form fieldset { border:0; } .form legend { font-size:14px; font-weight:bold; color:#003B94;display:block;background:#FFF url(../Images/SiteImages/aboutListArrow.png) no-repeat scroll center left; padding-left:15px; } .form ol { list-style:none; } .form li { display:block; clear:left; padding-top:10px; } .form label.formName { display:block; width:100px; float:left; height:22px;font-size:12px; padding:3px 5px 0 0; text-align:right; } .form input[type="text"], .form textarea, .form select { float:left; margin-right:5px; padding:3px 3px 3px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left; } .form input[type="text"] { width:190px; font-weight:bold; } .form input[type="checkbox"] {float:left;margin-right:10px;} .form select { width:196px; } .form option { font-weight:bold; float:left; margin-right:5px;} .form textarea { width:190px; font-size:12px; } .form label { font-size:12px; display:block; margin-left:5px; } .form input[type="submit"] { display:block; font-size:12px; font-weight:bold; color:#FFF; border:0; padding-right:30px; width:103px; height:42px; background:#FFF url(../Images/SiteImages/btnSend.png) no-repeat scroll center right; } .contactUsThankYou {display:block; width:327px; height:280px; padding:80px 60px; background:#FFF url(../Images/SiteImages/contactUsThankYou.jpg ) no-repeat scroll 30px 30px;} .contactUsThankYou h6 {color:#003b94; font-size:14px; margin-bottom:10px;} .contactUsThankYou span {padding:0;margin:0;font-size:12px; line-height:150%;width:150px;display:block;} .signUpThankYou {display:block; width:500px; height:280px; padding:80px 60px; background:#FFF url(../Images/SiteImages/signUpThankYou.jpg ) no-repeat scroll 30px 30px;} .signUpThankYou h6 {color:#003b94; font-size:14px; margin-bottom:10px; width:200px;display:block;} .signUpThankYou span {padding:0;margin:0;font-size:12px; line-height:150%;width:200px;display:block;} /* ======= SCHEDULE ======= */ #scheduleFlash {margin-left:-20px;} #scheduleList h3 {color:#003b94;font-size:18px;font-weight:normal; border-bottom:1px dotted #5dbc2b; margin-bottom:20px; padding:10px 0; width:630px; margin-top:-30px;} #scheduleList ol {background:transparent url(../Images/SiteImages/scheduleListBg.png) repeat-y scroll center 20px;list-style:none;display:block;float:left;width:570px;padding-left:70px; padding-bottom:10px;} #scheduleList ol li {display:block;width:108px; height:162px; float:left;background:transparent url(../Images/SiteImages/scheduleListItemBg.png) no-repeat scroll top left;margin-bottom:23px;margin:0 11px;} #scheduleList ol li a img {border:1px solid #4BB811; display:block; margin:9px 9px 0 9px; width:90px; height:68px;} #scheduleList ol li a:hover img {border:1px solid #FFF;} #scheduleList ol li strong a {display:block; margin:2px 10px 0; font-size:11px; line-height:100%; color:#FFF; text-decoration:none;} #scheduleList ol li i {position:absolute; display:block; width:30px; text-align:center; margin-top:40px; margin-left:41px; font-size:11px; font-weight:bold; color:#FFF; font-style:normal;} /* ======= PRODUCTS ======= */ #abcList ol { list-style:none;} #abcList ol li { display:inline; margin-right:-1px;} #abcList ol li a { display:inline-block; text-decoration:none; text-transform:lowercase; background:transparent url(../Images/SiteImages/listAbcBg.png) no-repeat scroll top left; width:15px; height:15px; font-size:12px; color:#FFF; text-align:center; } #productsList { width:447px;} #productsList ul { list-style:none;} #productsList li.mainList { border-bottom:1px dashed #FA802E; padding:10px 0;} #productsList div.img { float:left; width:137px; overflow:hidden;text-align:center;margin-top:10px; min-height:150px; } #productsList div.img img{ border:0;} #productsList h3 { font-size:14px; color:#003B94; padding:10px 0;} #productsList span { font-size:11px; } #productsList p { font-size:12px; line-height:150%; margin-bottom:5px;} #productsList strong { color:#003B94; } #productsList div.txt { margin-top:10px; min-height:150px; float:right; padding-left:20px; width:290px; background:transparent url(../Images/SiteImages/productsListBg.png) no-repeat scroll top left; } #productsList div.buy { clear:both; width:447px; } #productsList div.buy ul { list-style:none; } #productsList div.buy li.buy { float:left; border:0; margin-left:20px; padding-left:15px; background:transparent url(../Images/SiteImages/productsBtnBuyLeft.png) no-repeat scroll center left; } #productsList div.buy li.buy a { float:left; border:0; padding:10px 0; padding-right:25px; font-size:12px; color:#FFF; text-decoration:none; font-weight:bold; background:transparent url(../Images/SiteImages/productsBtnBuyRight.png) no-repeat scroll center right; } #productsList div.buy li.demo { float:right; border:0; padding-left:15px; } #productsList div.buy li.demo a { float:right; border:0; padding:10px 0; padding-right:35px; font-size:12px; color:#02A7FD; text-decoration:none; font-weight:bold; background:transparent url(../Images/SiteImages/productsBtnOpen.png) no-repeat scroll center right; } /* ======= FAQ ======= */ #faq { width:447px; } #faq ul { list-style:none; } #faq li { padding:10px 0; border-bottom:1px dashed #FA802E; } #faq h3 { } #faq h3 a { cursor:pointer; } #faq a.mainLink { display:block; font-size:14px; padding:10px 50px 10px 0; text-decoration:none; color:#003B94;background-repeat: no-repeat;background-position:center right; } #faq p { font-size:12px; line-height:150%; } #faq span.close { font-size:12px; font-weight:bold; display:block; text-align:right;padding-top:10px; color:#003B94; cursor:pointer; } /* ======= Survey ======= */ #survey { width:447px;padding:10px 0; border-bottom:1px dashed #FA802E; } #survey h3 {display:block; font-size:16px; padding:10px 50px 10px 0; text-decoration:none; color:#003B94;background-repeat: no-repeat;background-position:center right; } #survey p { font-size:12px; line-height:150%; } #survey .submit { display:block;cursor:pointer; margin-left:120px; padding:0; text-align:center; font-size:16px; font-weight:bold; color:#FFF; border:0; width:86px; height:42px; background:#FFF url(../Images/SiteImages/membershipButtonLoginBg.png) no-repeat scroll center right;} /* survey */ .survQuestion{font-size: 12px;margin-top: 5px;margin-bottom: 12px;} .survAnswerBtn{/*margin: 20px;*/} .survSeparator{} .survDescription{font-size:15px;color:#FF8500;padding: 5px;} .survErrMes{font-size: 12px;color: red;margin-left: 5px;margin-top: 10px;} .survTextBoxSL{font-size: 12px;width: 400px;border-right: gray 1px solid;border-top: gray 1px solid;border-left: gray 1px solid;border-bottom: gray 1px solid;margin-left:23px;background-color: #f5f5f5;} .survTextBoxTitle{font-size: 12px;margin-left:23px;} .survTextBoxML{font-size: 12px;width: 400px;height: 70px;border-right: gray 1px solid;border-top: gray 1px solid;border-left: gray 1px solid;border-bottom: gray 1px solid;margin-left:23px;background-color: #f5f5f5;} .survQuestionBlock{margin-top: 5px;margin-bottom: 15px;padding-bottom: 5px;padding-top: 5px;} .survTextBoxOther{font-size: 12px;width: 150px;border-right: gray 1px solid;border-top: gray 1px solid;border-left: gray 1px solid;border-bottom: gray 1px solid;margin-left:23px;background-color: #f5f5f5;} .survDropDown{font-size: 12px;width: 400px;border-right: gray 1px solid;border-top: gray 1px solid;border-left: gray 1px solid;border-bottom: gray 1px solid;margin-left:25px;background-color: #f5f5f5;} .surveyGenericTextBlock{width: 460px;overflow:auto;} .surveyGenericTextContent{width: 440px;} /* ======= NEWS ======= */ #news { width:447px; } #news ul { list-style:none; } #news li { padding:10px 0; border-bottom:1px dashed #003B94; } #news span.date { display:block; padding-left:20px; font-size:11px; background:transparent url(../Images/SiteImages/aboutListArrow.png) no-repeat scroll left center; } #news a.readMore { padding: 0 10px 0 20px ; font-size:12px; font-weight:bold; color:#03a7fd; text-decoration:none; background:transparent url(../Images/SiteImages/readMoreArrow.png) no-repeat scroll right center; } #news h3 a { display:block; font-size:14px; padding:10px 0 0 20px; text-decoration:none; color:#003B94; } #news p { font-size:12px; line-height:150%; padding:10px 0 0 20px; } #newsPage { width:447px; } #newsPage span.date { font-size:11px; display:block; padding:10px 0 0 0; } #newsPage h3 { font-size:16px; padding:10px 0; color:#003B94; } #newsPage p { font-size:12px; line-height:150%; padding-bottom:10px; } #newsPage a.back{ padding: 0 10px 0 20px ; font-size:12px; font-weight:bold; color:#03a7fd; text-decoration:none; background:transparent url(../Images/SiteImages/readBack.png) no-repeat scroll left center; } /* ======= KID SONGS ======= */ #kidSongsPlayer {width:705px; margin-left:-33px; margin-bottom:50px; height:490px;background:url(../Images/SiteImages/bgKidSongsClouds.jpg) no-repeat bottom left;text-align:center;position:relative} #kidSongsPlayer img {position:absolute;top:0px;right:0px;border:0;} #kidSongsPlayer img#gotoplayer {right:-100px; right:40px;} #kidSongsPlayer iframe {margin-top:82px; margin-right:-34px;} #kidSongsPlayer div#programTitle{color: white;position: absolute;right:0px;text-align: center;top:360px;z-index:100;width:100%;font-weight:bold;font-size:16px} /*#kidSongList {display:block; position:relative; margin-top:-105px; margin-left:20px; width:700px;} #kidSongItems {margin-top:-60px; padding-top:60px; display:block; float:left; width:452px; overflow:hidden; position:relative;} #kidSongBlock {display:block; width:10000px;padding-top:10px;}*/ #kidSongList {height:132px; display:block; position:absolute; margin-top:-105px; margin-left:20px; width:700px;z-index:103;} #kidSongItems {margin-top:-60px;height:132px;padding-top:60px; display:block; float:left; width:452px; overflow:hidden; position:relative;} #kidSongBlock {width:10000px; height:132px;position:absolute;display:block;} #kidSongList a.prev, #kidSongList a.next {display:block;width:80px; height:80px; cursor:pointer; margin-top:10px; } #kidSongList a.prev {float:left; background:transparent url(../Images/SiteImages/kidsSongsArrowPrew.png) no-repeat scroll top left;} #kidSongList a.next {float:left; background:transparent url(../Images/SiteImages/kidsSongsArrowNext.png) no-repeat scroll top left;} #kidSongItems ul {list-style:none;} #kidSongItems li {display:block;float:left; margin:0 3px; background:transparent url(../Images/SiteImages/recipesListLeftBg.png) no-repeat scroll top left; width:107px; height:122px; } #kidSongItems li div { position:absolute; display:block; width:41px; height:43px; z-index:100; } #kidSongItems li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #kidSongItems li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #kidSongItems li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #kidSongItems li:hover {margin-top:-10px;} #kidSongItems li:hover h4 a {display:block;} #kidSongItems img {border:1px solid #AD41D2;margin:8px;width:88px;height:66px; } #kidSongItems h4 a {display:none;font-size:11px;font-weight:normal;color:#02A7FD;text-decoration:none; padding:7px 20px 7px 10px; width:75px; height:63px; position:absolute; z-index:200; vertical-align:middle; margin-top:-135px; background:transparent url(../Images/SiteImages/recipesComments.png) no-repeat scroll top left; } #kidSong {background:transparent url(../Images/SiteImages/songsBg.gif) repeat-y scroll center 75px ; float:left; min-height:500px; } #kidSong h3 {background-color:#FFF; width:100%;} #kidSong h4 {font-size:16px;padding:10px 0;color:#003B94; width:663px; border-top:1px dotted #FA802E; border-bottom:1px dotted #FA802E;} #kidSong div {float:left; width:300px;} #kidSong p {font-size:12px;margin:10px 0;line-height:150%;} /* ======= BIRTHDAY ======= */ #birthday { display:block;margin-left:-30px; width:703px; padding-bottom:200px;min-height:671px;background:#FFF url(../Images/SiteImages/birthdayBg.jpg) no-repeat scroll bottom center; } #birthdayList ul { clear:both; list-style:none; margin-top:20px; } #birthdayList li { display:block; float:left; width:233px; height:51px; padding-top:129px; background:transparent no-repeat scroll top center; } #birthdayList a { margin:0 auto; display:block; font-size:13px; font-weight:bold; text-decoration:none; text-align:left; width:121px; height:41px; padding:10px 40px 0 20px; background:transparent url(../Images/SiteImages/birthdayListLinkBg.png) no-repeat scroll top center; } #birthdayList span { display:table-cell; vertical-align:middle; color:#FFF; width:121px; height:31px; } #birthdayList li div {position:absolute; margin-left:160px; margin-top:-10px; display:block;width:71px; height:73px;} #birthdayList li div.new {background:transparent url(../Images/SiteImages/funLobbyNew.png) no-repeat scroll top center; } #birthdayList li div.membersOnly {background:transparent url(https://www.babytvturkiye.com/Images/SiteImages/funLobbyMembersOnly.png) no-repeat scroll top center; } #birthdayList li div.comingSoon {background:transparent url(../Images/SiteImages/funLobbyComingSoon.png) no-repeat scroll top center; } /* ======= BIRTHDAY SERIES======= */ #birthdayseries{display:block;height:747px;width:700px;} #birthdayseriesBG {display:block;position:absolute;margin-left:-20px;width:700px;height:747px;background:transparent url(../Images/SiteImages/birthday_clip_step1.jpg) no-repeat scroll top left;} #episodesList {display:block; position:absolute; margin-top:250px; margin-left:70px; width:520px;} #episodesList a.prev, #episodesList a.next {display:block; cursor:pointer; width:35px; height:35px; margin-top:40px; } #episodesList a.prev {background:transparent url(../Images/SiteImages/birthdayArrowLeft.png) no-repeat scroll top left;float:left;margin-left:23px;} #episodesList a.next {background:transparent url(../Images/SiteImages/birthdayArrowRight.png) no-repeat scroll top left;float:right;margin-right:23px;} #episodesListItems {margin-top:-60px;margin-left:10px; padding-top:50px; display:block; float:left; width:378px; overflow:hidden; position:relative;} #episodesListItems ul {list-style:none;} #episodesListBlock {width:10000px; height:175px;} #episodesListItems ul li {display:block; float:left; width:115px; height:166px;padding-bottom:6px; margin:0 0 10px 8px;background:transparent url(../Images/SiteImages/charactersMenuListHoverBg.png) no-repeat scroll bottom center; } #episodesListItems ul li a{display:block;text-decoration:none;width:115px;} #episodesListItems ul li a.aImg{height:118px;} #episodesListItems ul li a.aImg img { display:block;width:118px;height:115px;border:none; } #episodesListItems ul li a.aLink span{margin:auto;display:block;color:#fff;font-size:12px;font-weight:bold;width:71px;height:36px;padding:0 20px 0 15px; background:transparent url(../Images/SiteImages/birthdayEpisodeLinkBG.png) no-repeat scroll bottom center;} #episodesListItems ul li a.aLink{height:39px;padding-top:3px;background:transparent url(../Images/SiteImages/birthdayEpisodeLinkBGback.png) no-repeat scroll top center;} #episodesListItems li div { position:absolute; display:block; width:41px; height:43px; z-index:100; } #episodesListItems li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #episodesListItems li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #episodesListItems li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #episodesListItems li:hover {margin-top:-10px;height:176px;padding-bottom:16px;background-position:center 164px;} .lnkContinue {display:block;position:absolute;width:100px;height:31px;text-align:center; text-decoration:none;font-weight:bold;font-size:16px; margin-top:450px;margin-left:100px; padding-top:11px;color:#fff; background:transparent url(../Images/SiteImages/birthdayContinue.png) no-repeat scroll top center;} .hStepName {display:block;position:absolute;color:#003b94;margin:160px 0 0 130px;font-size:16px;z-index:1000;} .wizStep {display:block;position:absolute;margin-left:-20px;width:698px;height:757px;} #wizStep2 {display:block;position:absolute;width:697px;height:757px;background:transparent url(../Images/SiteImages/birthday_clip_step2.jpg) no-repeat scroll } #wizStep3 {display:block;position:absolute;width:697px;height:757px;background:transparent url(../Images/SiteImages/birthday_clip_step6.jpg) no-repeat scroll top left;} #wizStep4 {display:block;position:absolute;width:697px;height:757px;background:transparent url(../Images/SiteImages/birthday_clip_step7.jpg) no-repeat scroll top left;} #wizStep5 {display:block;position:absolute;width:697px;height:757px;} .wizard ul{list-style:none;} .wizContinue{display:block;position:absolute;margin-top:450px;margin-left:120px;width:100px;height:41px;text-align:center;border:none; text-decoration:none;font-weight:bold;font-size:16px;padding-top:0px;color:#fff; background:transparent url(../Images/SiteImages/birthdayContinue.png) no-repeat scroll top center;z-index:100;} .wizContinueWide{display:block;position:absolute;margin-top:450px;margin-left:120px;width:200px;height:41px;text-align:center;border:none; text-decoration:none;font-weight:bold;font-size:16px;padding-top:0px;color:#fff; background:transparent url(../Images/SiteImages/birthdayContinueWide.png) no-repeat scroll top center;z-index:100;} .wizContinueDesabled{display:none;position:absolute;margin-top:450px;margin-left:120px;width:100px;height:41px;text-align:center;border:none; text-decoration:none;font-weight:bold;font-size:16px;padding-top:0px;color:#fff; background:transparent url(../Images/SiteImages/birthdayContinue.png) no-repeat scroll top center;z-index:100;} #birthdayGroups {display:block;height:267px;width:65px;position:absolute;z-index:100; margin-top:183px;margin-left:92px;background:transparent url(../Images/SiteImages/birthdayVericalCloudBG.png) no-repeat scroll -1px center;} #birhtdayBlock {width:65px;height:180px;position:absolute; overflow:hidden;position:absolute; margin-top:37px; } #birthdayScroller{display:block;width:65px;height:10000px;position:relative;} #birthdayGroups ul {list-style:none;} #birthdayGroups ul li {display:block;cursor:pointer;width:65px;height:45px;} #birthdayGroups .up {display:block;cursor:pointer;width:30px;height:28px;position:absolute;background:transparent url(../Images/SiteImages/bGroupUp.png) no-repeat scroll center center;margin-top:10px;} #birthdayGroups .down {display:block;cursor:pointer;width:32px;height:28px;position:absolute;background:transparent url(../Images/SiteImages/bGroupDown.png) no-repeat scroll center center;margin-top:230px;} #birthdayOptions .container {display:block;position:absolute;width:453px;height:224px;margin-left:165px;margin-top:183px;} #birthdayOptions .container ul li {display:block;width:110px; height:166px; float:left;margin:30px 0 10px 0px;background:transparent url(../Images/SiteImages/charactersMenuListHoverBg.png) no-repeat scroll bottom center; } #birthdayOptions .container ul li span{display:block;width:110px; height:166px;cursor:pointer;} #birthdayOptions .container ul li span:hover{background:transparent url(../Images/SiteImages/birthdayStars.png) no-repeat scroll bottom center;} .selectedOption {display:block;width:110px; height:166px;cursor:pointer;background:transparent url(../Images/SiteImages/birthdayStars.png) no-repeat scroll bottom center;} #birthdayOptions .container ul li span img{border:none;} #birthdayWizard #stepsNav{display:block;width:65px;height:265px;position:absolute;margin-left:605px;margin-top:145px;} #birthdayWizard #stepsNav ul{list-style:none;} .StepStyle {width:697px;height:757px; vertical-align:top} .WizardDefaultButtons{display:none;} #birthdayWizard fieldset {border:0; padding:10px 0;} #birthdayWizard legend {font-size:14px; font-weight:bold; color:#003b94;} #birthdayWizard span.req {font-size:11px; color:#c7141a;} #birthdayWizard #credentials {margin-left:115px;margin-top:203px;} #birthdayWizard #credentials ol {list-style:none;} #birthdayWizard #credentials li {clear:both; min-height:32px;} #birthdayWizard label {display:block;font-size:12px; float:left; width:125px;margin-left:40px;} #birthdayWizard input[type="text"] { width:200px; float:left; padding:2px 3px 2px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left; } #birthdayWizard input[type="password"] {width:200px; float:left; padding:2px 3px 2px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left;} #birthdayWizard input[type="file"] {width:200px; float:left; padding:2px 3px 2px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left;} #birthdayWizard input[type="checkbox"] {border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left; float:left;} #birthdayWizard select{width:210px; float:left; padding:2px 3px 2px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left;} .stepNav{display:block;cursor:pointer; width:30px;margin-top:5px;font-size:22px;height:45px;color:#fff;border:none;background:transparent url(../Images/SiteImages/blank.gif) no-repeat scroll top left;} .stepNavAll{display:block;width:30px;cursor:pointer;margin-top:7px;margin-left:2px; font-size:22px;height:45px;color:#fff;border:none;background:transparent url(../Images/SiteImages/blank.gif) no-repeat scroll top left;} #birthdayWizard #flashImageEditor{display:block;position:absolute;width:290px;height:200px;margin-left:115px;margin-top:203px; } #birthdayWizard #flashInstructions{display:block;position:absolute;width:165px;height:170px;margin-left:405px;margin-top:203px;} #flashInstructions ol {list-style-position:inside;} /*======= PLAY & LEARNING ======= */ #playLearnMenu { position:absolute;margin:0 -30% 0 0; width:233px; height:149px;overflow:hidden; background:transparent url(../Images/SiteImages/playLearnMenuBg.png) no-repeat scroll top left; z-index:4;} #playLearnMenu ul { list-style:none; } #playLearnMenu li a{ text-indent:-2000px; } #playLearnMenu li#learnPassive a { position:absolute;margin-top:15px; margin-left:60px; display:block; width:57px; height:85px; background:transparent url(../Images/SiteImages/playLearnMenuLearnPassive.png) no-repeat scroll top left; } #playLearnMenu li#playActive a { position:absolute;margin-top:0px; margin-left:115px; display:block; width:81px; height:122px; background:transparent url(../Images/SiteImages/playLearnMenuPlayActive.png) no-repeat scroll top left; } #playLearnMenu li#playPassive a { position:absolute;margin-top:15px; margin-left:60px; display:block; width:57px; height:85px; background:transparent url(../Images/SiteImages/playLearnMenuPlayPassive.png) no-repeat scroll top left; } #playLearnMenu li#learnActive a { position:absolute;margin-top:0px; margin-left:115px; display:block; width:81px; height:122px; background:transparent url(../Images/SiteImages/playLearnMenuLearnActive.png) no-repeat scroll top left; } #playLearnList li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center; position:absolute;display:block;width:40px;height:40px;margin-left:30px;} #playLearnList li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center; position:absolute;display:block;width:40px;height:40px;margin-left:30px;} #playLearnList li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center; position:absolute;display:block;width:40px;height:40px;margin-left:30px;} #playLearnListBlock {min-height: 1100px; position:absolute; left:0; width:100%; background:transparent url(../Images/SiteImages/playLearnListBg.png) no-repeat scroll bottom center; } #playLearnList {width:950px; min-height: 885px; margin:0 auto;} #playLearnList ul { list-style:none; display:block; } #playLearnList li { position:absolute; display:block; width:156px; height:181px;} #playLearnList li:hover p {display:block;} #playLearnList p {display:none; position:absolute;z-index:10; margin-top:-20px; margin-left:20px; width:119px; height:38px; background:transparent url(../Images/SiteImages/playLearnTitleBg.png) no-repeat scroll top center; } #playLearnList p a {display:table-cell; width:109px; line-height:100%; padding:0 5px; height:32px; text-align:center; vertical-align:middle; font-size:12px; text-decoration:none; color:#002872; } /* ======= GAME ======= */ #gameGroundBlock {position:absolute; right:0px; width:100%; min-height:893px; text-align:center;} #gamePage {margin:0 auto; width:950px;} #gameCategoriesBlock {width:420px;position:absolute;padding-top:20px; overflow:hidden; margin-left:30px;margin-top:-20px; height:80px;} #gameCategoriesScroller {width:10000px;z-index:250;height:80px;position:absolute;margin-top:20px;} #gameCategoriesList {position:absolute; z-index:250; margin-left:350px; width:480px;} #gameCategoriesList a.prev {display:block; cursor:pointer; margin-top:30px; float:left; width:29px; height:29px; background:transparent url(../Images/SiteImages/gameCharactersListArrowLeft.png) no-repeat scroll top center;} #gameCategoriesList a.next {display:block; cursor:pointer; margin-top:30px; float:right; width:29px; height:29px; background:transparent url(../Images/SiteImages/gameCharactersListArrowRight.png) no-repeat scroll top center;} #gameCategoriesList ul {list-style:none; margin-top:-10px;} #gameCategoriesList li {display:block; float:left; vertical-align:top; margin-right:4px; width:56px; height:71px; list-style:none; background:transparent url(../Images/SiteImages/gameCharactersListBg.png) no-repeat scroll top center;} #gameCategoriesList li.selected {background:transparent url(../Images/SiteImages/gameCharactersListBgHover.png) no-repeat scroll top center; margin-top:-10px;} #gameCategoriesList li div { position:absolute; display:block; width:41px; height:43px; margin-top:-20px; margin-left:-10px; z-index:100; } #gameCategoriesList li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #gameCategoriesList li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #gameCategoriesList li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #gameCategoriesList li:hover {background:transparent url(../Images/SiteImages/gameCharactersListBgHover.png) no-repeat scroll top center; margin-top:-10px; } #gameCategoriesList img {border:0; margin-top:-5px; top:0;} #gameMenuBlock {height:279px; width:110px; margin:5px 0; overflow:hidden;} #gameMenu {position:absolute; margin-top:100px; margin-left:130px;z-index:100; } #gameMenu ul {list-style:none;} #gameMenu li { margin:5px 0;display:block; width:109px; height:88px;} #gameMenu li div { position:absolute; display:block; width:41px; height:43px; z-index:100; } #gameMenu li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #gameMenu li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #gameMenu li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #gameMenu li a {position:absolute;overflow:hidden; text-indent:-2000px; display:block; margin-top:5px; width:109px; height:88px; background:transparent url(../Images/SiteImages/gameMenuBg.png) no-repeat scroll center center;} #gameMenu li a.selected { background:transparent url(../Images/SiteImages/gameMenuSelectedBg.png) no-repeat scroll top center;} #gameMenu li a.selected:hover { background:transparent url(../Images/SiteImages/gameMenuSelectedBg.png) no-repeat scroll top center;} #gameMenu li a:hover { background:transparent url(../Images/SiteImages/gameMenuOverBg.png) no-repeat scroll top center;} #gameMenu li a:hover { background:transparent url(../Images/SiteImages/gameMenuOverBg.png) no-repeat scroll top center;} #gameMenu a.up {display:block; width:41px; height:42px; margin-left:32px; background:transparent url(../Images/SiteImages/gameMenuArrowUp.png) no-repeat scroll top center;} #gameMenu a.down {display:block; width:41px; height:42px; margin-left:32px; background:transparent url(../Images/SiteImages/gameMenuArrowDown.png) no-repeat scroll top center;} #gameMenu img {border:0; margin:15px auto;} #gameTv {display:block; float:left; position:absolute; z-index:203; margin-left:250px; margin-top:60px; width:685px; height:524px; background:transparent url(../Images/SiteImages/gameTv.png) no-repeat scroll top center;} #gameTitle h1 {position:absolute; display:block; font-size:16px; color:#FFF; margin-top:472px; margin-left:215px; width:240px; text-align:center; } #gameFlash {position:absolute;display:block;margin-top:35px; margin-left:30px; width:551px; height:419px;} #gameBottons {position:absolute; margin-left:581px; padding-top:30px;z-index:10;} #gameLevels { margin-top:5px; height:90px;z-index:10;} #gameLevels ol {list-style:none;} #gameLevels li {display:block; width:41px; height:41px; font-size:18px; font-weight:bold; text-decoration:none; color:#FFF; background:transparent url(../Images/SiteImages/gameLavelRedBtn.png) no-repeat scroll top center;} #gameLevels li span {display:block; width:41px; height:41px; padding-top:8px; font-size:18px; font-weight:bold; text-decoration:none; color:#FFF;} #gameLevels li.level1 { margin-left:-30px;} #gameLevels li.level2 {} #gameLevels a {display:block; width:41px; height:41px; font-size:18px; font-weight:bold; text-decoration:none; color:#FFF; background:transparent url(../Images/SiteImages/gameLavelGreenBtn.png) no-repeat scroll top center;} #gameScreens {padding-top:20px; margin-left:3px;z-index:10;} #gameScreens ul {list-style:none;} #gameScreens li {} #gameScreens li a {position:absolute; display:block;overflow:hidden; width:81px; height:81px; text-indent:-20000px;} #gameScreens li a.selected {background:transparent url(../Images/SiteImages/gameScreensSelected.png) no-repeat scroll top center;} #gameScreens img {border:0;} #gameNavs {display:block;width:210px;height:100px;position:absolute;margin:550px 0px 0 150px;z-index:10000;} #gameNavs ul{list-style:none;} #gameNavs ul li{float:left;width:100px;height:90px;background:transparent url(../Images/SiteImages/gameCloudNav.png) no-repeat scroll bottom left;} #gameNavs ul li a{margin:0 auto;} #gameNavs ul li a span{color:inherit;} #gameNavs #navPlayer span{color:#c7141a; display: none;} #gameNavs #navProgram span{color:#5dbc2b;} /* ======= MEMBERSHIP ======= */ #membership {display:block; margin-left:-36px; width:712px; height:793px; background:#FFF url(../Images/SiteImages/membershipBg.jpg) no-repeat scroll top center;} #membershipButtons {margin-left:232px; width:210px; } #membershipButtons ul {list-style:none; padding-top:415px; display:block;width:210px; text-align:center;} #membershipButtons li {float:left;} #membershipButtons a {float:left;display:block; width:105px; height:32px; padding-top:12px; color:#02a7fd; text-align:center; text-decoration:none; font-size:16px; font-weight:bold; background:transparent url(../Images/SiteImages/membershipButtonBg.png) no-repeat scroll top center;} #membershipButtons p { padding-top:80px; color:#003b94; text-align:center; font-size:16px; font-weight:bold;} #membershipText {margin-top:170px;margin-left:20px;margin-right:20px; height:100px; background:transparent url(../Images/SiteImages/membershipTextBg.png) no-repeat scroll right center;} #membershipText p {margin-left:170px; padding-top:15px; width:300px; color:#02a7fd; text-align:center; font-size:13px; font-weight:bold;} /* ======= SIGN UP ======= */ #membershipSignUp {width:663px;} #membershipSignUp fieldset {border:0; padding:10px 0;} #membershipSignUp legend {font-size:14px; font-weight:bold; color:#003b94;} #membershipSignUp span.req {font-size:11px; color:#c7141a;} #membershipSignUp ol {list-style:none;} #membershipSignUp li {clear:both; min-height:32px;} #membershipSignUp li.borderBottom {border-bottom:1px dotted #f1ad11;} #membershipSignUp label {display:block;font-size:12px; float:left; width:125px;} #membershipSignUp #recaptcha_widget_div label{width:auto;font-size:100%;} #membershipSignUp input[type="text"] { width:240px; float:left; padding:2px 3px 2px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left; } #membershipSignUp input[type="password"] {width:240px; float:left; padding:2px 3px 2px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left;} #membershipSignUp input[type="checkbox"] {border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left; float:left;} #membershipSignUp select {width:247px; float:left; padding-left:2px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left;} #membershipSignUp select.selectNumOfKids { width:50px;} #membershipSignUp option {padding:1px 2px;font-size:11px;} #membershipSignUp span.CheckBox label {width:500px; margin-left:10px;} #membershipSignUp p {font-size:12px; margin-bottom:10px;} #membershipSignUp input[type="submit"] {margin-left:120px; display:block; font-size:12px; font-weight:bold; color:#FFF; border:0; padding-right:30px; width:103px; height:42px; background:#FFF url(../Images/SiteImages/btnSend.png) no-repeat scroll center right; cursor: pointer} #membershipSignUp table.Gender input[type="radio"] {float:left;} #membershipSignUp table.Gender label {float:left; margin-left:5px;} #membershipSignUp input[type="submit"].btnLogin { display:block; margin-left:120px; padding:0; text-align:center; font-size:16px; font-weight:bold; color:#FFF; border:0; width:86px; height:42px; background:#FFF url(../Images/SiteImages/membershipButtonLoginBg.png) no-repeat scroll center right;} #membershipSignUp input[type="submit"].btnSignUp {font-size:16px; margin-left:0px; padding:0; text-align:center; display:block; font-weight:bold; color:#FFF; border:0; width:196px; height:42px; background:#FFF url(../Images/SiteImages/membershipButtonSigninBg.png) no-repeat scroll center right;} #membershipSignUp a.forgotPassword {float:right;font-size:11px; margin:10px 300px 0 0; color:#02a7fd; text-decoration:underline;} /* ======= PHOTO ALBUM ======= */ #photoAlbum {display:block; width:704px; height:635px;background:#FFF url(../Images/SiteImages/photoAlbumBg.jpg) no-repeat scroll top center; } #photoAlbumButtons {display:block; width:565px;} #photoAlbumButtons ul {list-style:none;} #photoAlbumButtons li {display:inline-block;width:113px;height:43px;} /* ======= PHOTO GALLERY ======= */ #photoGallery { width:447px;} #photoGalleryMenu {border-top:1px dotted #f1ad11; padding-top:10px;} #photoGallerySearch{ float:left; margin-top:-5px;} #photoGallerySearch fieldset{border:0; padding-top:1px;} #photoGallerySearch legend{display:none;} #photoGallerySearch label{font-size:14px; font-weight:bold;} #photoGallerySearch input[type="text"] {padding:1px 2px; width:88px; font-size:11px; border:1px solid #02A7FD; background:#FFF url(../Images/SiteImages/inputBg.png) no-repeat scroll top left; } #photoGallerySearch input[type="submit"] { background:transparent url(../Images/SiteImages/searchBtnBg.png) no-repeat scroll bottom left; width:23px; height:26px;overflow:hidden; text-indent:-2000px; border:0; } #photoGalleryGategories {float:right; width:228px;} #photoGalleryGategories strong {float:left;font-size:14px;display:block; padding:2px 4px;} #photoGalleryGategories span a {float:right;font-size:14px; font-weight:normal; text-decoration:none; color:#494848; display:block; padding:2px 5px; width:81px; height:16px; background:#FFF url(../Images/SiteImages/photoGalleryAllBg.jpg) no-repeat scroll top left;} #photoGalleryCategoriesListBlock {border:1px solid #02A7FD; clear:both; padding:2px; position:absolute; margin-top:19px; width:222px; background-color:#FFF;} #photoGalleryCategoriesListBlock ul {list-style:none;} #photoGalleryCategoriesListBlock a {display:block; text-decoration:none; color:#494848; font-size:12px; border-bottom:1px solid #EEE; padding:2px; } #photoGalleryCategoriesListBlock a:hover {background-color:#02A7FD; color:#FFF;border-bottom:1px solid #FFF; } #photoGalleryList {clear:both; padding-top:10px;} #photoGalleryList img{margin:7px;} #photoGalleryList p {display:none;position:absolute; vertical-align:middle; margin-top:-115px;margin-left:-30px;background-image:url(../Images/SiteImages/downloadListTitleBg.png);background-repeat:no-repeat;text-align:center;font-size:11px;} #photoGalleryList ul {list-style:none; min-height:400px; padding-left:5px;} #photoGalleryList ul li {float:left;display:block;width:102px;height:80px; margin-right:8px; margin-bottom:5px;} #photoGalleryList ul li a {display:block;width:102px;height:80px;background-image:url(../Images/SiteImages/downloadListBg.png);} #photoGalleryList ul li a:link {display:block;width:102px;height:80px;background-image:url(../Images/SiteImages/downloadListBg.png);} #photoGalleryList ul li a:visited {display:block;width:102px;height:80px;background-image:url(../Images/SiteImages/downloadListBg.png);} #photoGalleryList ul li a:hover {background-image:url(../Images/SiteImages/downloadListOverBg.png);} #photoGalleryList ul li:hover p {display:table-cell; vertical-align:middle; padding-top:10px;width:150px;height:40px;} .photoGalleryForm {height:300px; position:absolute; border:1px solid #CCC; background-color:#FFF; z-index:1000;} #photoGalleryUploadPopup {margin:auto auto;padding-left:105px; padding-top:85px; width:380px; height:640px; background:transparent url(../Images/SiteImages/photoGalleryPopupBg.png) no-repeat scroll top left; } #photoGalleryUploadPopup a{display:block;position:absolute; margin-top:-42px; margin-left:327px; width:28px; height:28px; background:transparent url(../Images/SiteImages/popupClose.png) no-repeat scroll top center;} #photoGalleryText { width:447px; } #photoGalleryText p { font-size:12px; } #photoGalleryText a.send {margin:10px 0; background:transparent url(../Images/SiteImages/photoGallerySendBtn.png) no-repeat scroll top left; font-size:12px; font-weight:bold; text-decoration:none; color:#FFF; display:block; width:110px; height:31px; padding:7px 0 0 14px; } /* ======= BABY TV ======= */ #babyClip {margin-left:-30px;} div.line {border-bottom:1px dotted #f1ad11; width:663px;} /* ======= E-CARD ======= */ #eCard {margin-left:-30px;} /* ======= CHARACTERS MENU ======= */ #charactersMenu {display:block;position:absolute;width:950px;height:180px; margin-top:-220px;} #charactersMenu input.back {display:block;margin-top:50px;position:relative; float:left; width:76px; height:92px; padding-top:25px; text-align:center; font-size:11px; font-weight:bold; color:#FFF; cursor:pointer;background:transparent url(../Images/SiteImages/charactersMenuBack.png) no-repeat scroll top left;} #charactersMenu input.next {display:block;margin-top:50px;position:relative; float:right; width:76px; height:92px; padding-top:25px; text-align:center; font-size:11px; font-weight:bold; color:#FFF; cursor:pointer;background:transparent url(../Images/SiteImages/charactersMenuNext.png) no-repeat scroll top left;} #charactersMenu a.back {display:block;margin-top:50px;position:relative; float:left; width:76px; height:92px; padding-top:25px; text-align:center; font-size:11px; font-weight:bold; color:#FFF; cursor:pointer;background:transparent url(../Images/SiteImages/charactersMenuBack.png) no-repeat scroll top left;} #charactersMenu a.next {display:block;margin-top:50px;position:relative; float:right; width:76px; height:92px; padding-top:25px; text-align:center; font-size:11px; font-weight:bold; color:#FFF; cursor:pointer;background:transparent url(../Images/SiteImages/charactersMenuNext.png) no-repeat scroll top left;} #charactersMenuItems {display:block; float:left; width:792px; height:200px; overflow:hidden;position:relative;} #charactersMenuBlock {display:block; width:20000px; height:200px; padding-top:60px;position:absolute;} #charactersMenuItems ul {list-style:none;} #charactersMenuItems li {float:left;display:block; width:99px;position:relative; height:120px; text-align:center; margin:0;} #charactersMenuItems li div { position:absolute; display:block;margin-top:-11px; width:41px; height:43px; z-index:10; } #charactersMenuItems li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #charactersMenuItems li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #charactersMenuItems img {border:0;} #charactersMenuItems h5 a {font-size: 11px; font-weight:normal; color:#03A7FD; text-decoration:none;} #charactersMenuItems h5 { display: none; position: absolute; vertical-align: middle; margin-top: -115px; margin-left:-7px; background:transparent url(../Images/SiteImages/charactersMenuListTitleBg.png) no-repeat scroll top left; text-align: center;} #charactersMenuItems ul li:hover {margin-top:-7px;background:transparent url(../Images/SiteImages/charactersMenuListHoverBg.png) no-repeat scroll center 80px;} #charactersMenuItems ul li:hover h5 { display: table-cell; vertical-align: middle; padding:7px 7px 15px; width:101px; height:27px;z-index:11;} /* ======= PLAYER ======= */ #playerBody {min-height: 660px; background-color:transparent;} #playerMain {position:absolute; left:0; width:100%; height:720px; background:transparent url(../Images/SiteImages/playerBg.png) no-repeat scroll bottom center;} #playerWindow {width: 977px; height: 650px; margin:0 auto; background-color:transparent;} /* ======= NEWSLETTERS ======= */ #newsletters {} #newsletters a.subscribe {display:block;padding-right:27px; max-width:180px; height:32px; text-decoration:none; background:#FFF url(../Images/SiteImages/newslettersLinkBtnRightBg.jpg) no-repeat top right; } #newsletters a.subscribe strong { display:block; padding:9px 0 0 15px; height:25px; color:#FFF; background:#FFF url(../Images/SiteImages/newslettersLinkBtnLeftBg.jpg) no-repeat top left; } #newslettersList {border-top:1px dotted #003b94;} #newslettersList ul { list-style:none; } #newslettersList li { display:block; margin-bottom:20px; float:left; width:223px; min-height:190px; background:#FFF url(../Images/SiteImages/newslettersListBg.jpg) no-repeat top center; } #newslettersList img {width:65px; margin:35px 76px 0 82px; height:70px;} #newslettersList a { display:block; float:left; width:163px; height:36px; padding:15px 0 0 18px; margin:30px 21px 0; font-size:16px; color:#FFF; font-weight:bold; text-decoration:none; background-image:url(../Images/SiteImages/newslettersListLinkBg.png); background-repeat:no-repeat; background-position:top center; } /* ======= SUBSCRIBE POPUP ======= */ #subscribePopup {margin:auto;padding-left:105px; padding-top:85px; width:380px; height:600px; background:transparent url(../Images/SiteImages/photoGalleryPopupBg.png) no-repeat scroll top left; } #subscribePopup a{display:block;position:absolute; margin-top:-42px; margin-left:327px; width:28px; height:28px; background:transparent url(../Images/SiteImages/popupClose.png) no-repeat scroll top center;} /* ======= SEND TO FRIEND POPUP ======= */ #sendToFriendPopup {display:none;margin:auto;padding-left:105px; padding-top:85px; width:380px; height:600px; background:transparent url(../Images/SiteImages/photoGalleryPopupBg.png) no-repeat scroll top left; } #sendToFriendPopup a{display:block;position:absolute; margin-top:-42px; margin-left:327px; width:28px; height:28px; background:transparent url(../Images/SiteImages/popupClose.png) no-repeat scroll top center;} /* ======= BABIO PLAYER POPUP ======= */ #babioPlayer {margin:10px;} body table.ra{position:absolute;} /* ======= LEARNING CENTER & LOBBY */ #learningLobbyItems {width:800px;float:right;display:block;min-height:400px;} #learningLobbyItems ul{list-style:none;width:700px;margin-left:100px;display:block;} #learningLobbyItems ul li{display:block;position:relative;width:198px;height:176px;float:left;margin-left:16px;margin-top:5px;} #learningLobbyItems li div {position:absolute;z-index:10; margin-left:160px; margin-top:-10px; display:block;width:71px; height:73px;} #learningLobbyItems li div.new {background:transparent url(../Images/SiteImages/funLobbyNew.png) no-repeat scroll top center; } #learningLobbyItems li div. sOnly {background:transparent url(../Images/SiteImages/funLobbyMembers.png) no-repeat scroll top center; } #learningLobbyItems li div.commingSoon {background:transparent url(../Images/SiteImages/funLobbyComingSoon.png) no-repeat scroll top center; } #learningLobbyItems ul li.first{margin-left:120px;} #learningLobbyItems ul li a {display:block;position:relative;width:198px;height:176px;background-position:top left;text-decoration:none;} #learningLobbyItems ul li a span {display:block;position:absolute;height:20px;width:198px; margin-top:90px;color:#fff;font-size:18px;font-weight:bold;text-align:center;} .emptyRightBanner {width:131px;height:396px;display:block;position:relative;margin-top:30px; float:right;} .emptyRightBlueBanner {width:138px;height:362px;display:block;position:relative;margin-top:30px; float:right; background:transparent url(../Images/SiteImages/right_blue.png) no-repeat scroll top center;} #learningCenter {display:block;width:950px;height:800px;} #learningCategoriesBlock {width:420px;position:absolute;padding-top:20px; overflow:hidden; margin-left:70px; height:80px;text-align:center;} #learningCategoriesScroller {z-index:250;height:80px;position:relative;margin:20px auto;text-align:center;padding:0 30px 0 30px;} #learningCategoriesList {position:absolute; z-index:250; margin-left:250px; width:480px;margin-top:-10px;} #learningCategoriesList a.prev {display:block; cursor:pointer;display:none; margin-top:50px; float:left; width:29px; height:29px; background:transparent url(../Images/SiteImages/gameCharactersListArrowLeft.png) no-repeat scroll top center;} #learningCategoriesList a.next {display:block; cursor:pointer;display:none; margin-top:50px; float:right; width:29px; height:29px; background:transparent url(../Images/SiteImages/gameCharactersListArrowRight.png) no-repeat scroll top center;} #learningCategoriesList ul {list-style:none; margin-top:-10px;} #learningCategoriesList li {display:block; float:left; vertical-align:top; margin-right:4px; width:56px; height:71px; list-style:none; background:transparent url(../Images/SiteImages/gameCharactersListBg.png) no-repeat scroll top center;} #learningCategoriesList li.selected {background:transparent url(../Images/SiteImages/gameCharactersListBgHover.png) no-repeat scroll top center; margin-top:-10px;} #learningCategoriesList li div { position:absolute; display:block; width:41px; height:43px; margin-top:-20px; margin-left:-10px; z-index:100; } #learningCategoriesList li div.MembersOnly {background:transparent url(../Images/SiteImages/gameMembersOnly.png) no-repeat scroll top center;} #learningCategoriesList li div.ComingSoon {background:transparent url(../Images/SiteImages/gameComingSoon.png) no-repeat scroll top center;} #learningCategoriesList li div.IsNew {background:transparent url(../Images/SiteImages/gameNew.png) no-repeat scroll top center;} #learningCategoriesList li:hover {background:transparent url(../Images/SiteImages/gameCharactersListBgHover.png) no-repeat scroll top center; margin-top:-10px; } #learningCategoriesList img {border:0; margin-top:-5px; top:0;margin:-5px auto;} #learningCenter #flash {display:block;position:absolute;width:945px;height:536px;margin-top:70px;z-index:200;background:transparent url(../images/siteimages/learningBg.gif) no-repeat scroll top left;} #learningCenter #flash #frame{position:absolute;margin:7px;} /*info Slider Part*/ #learningCenter #flash #infoDiv{position:relative;display:none;overflow:auto;width:600px;margin:5px auto;height:523px;z-index:1000;background-color:white} #infoHolder{position:absolute;display:block;width:580px;height:523px;padding:0 10px;} #infoDiv .jScrollPaneContainer {position: relative;overflow: hidden;} #infoDiv .jScrollPaneTrack{position: absolute;height: 100%; cursor: pointer; background:transparent url(../Images/SiteImages/sliderBgLong.gif) no-repeat scroll 1px center;} #infoDiv .jScrollPaneDrag{position: absolute;height:38px;margin-left:1px; background:transparent url(../Images/SiteImages/slider_handle.png) no-repeat scroll center center;cursor: pointer;overflow-x: hidden;overflow-y: hidden;} #infoDiv a.jScrollArrowUp {position:absolute;display:block;width:31px;height:31px;overflow:hidden; text-indent:-2000px;background:transparent url(../images/siteimages/arrow_up.png) no-repeat center center;} #infoDiv a.jScrollArrowUp:hover {background:transparent url(../images/siteimages/arrow_up_over.png) no-repeat center center;} #infoDiv a.jScrollArrowDown {position: absolute;display:block;width:31px;height:31px;text-indent:-2000px;overflow:hidden; margin-top:492px;background:transparent url(../images/siteimages/arrow_down.png) no-repeat center center;} #infoDiv a.jScrollArrowDown:hover {background:transparent url(../images/siteimages/arrow_down_over.png) no-repeat center center;} #infoDiv a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;} #learningCenter #learningInfo{display:block;position:absolute;margin-left:842px;margin-top:20px; width:100px;height:72px;background:transparent url(../images/siteimages/learningInfoBG.gif) no-repeat scroll top left;} #learningCenter #learningInfo a{display:block;width:41px;height:41px;margin-left:30px;margin-top:7px;position:absolute;background:transparent url(../images/siteimages/learningInfoBtn.gif) no-repeat scroll center center;} #learningCenter #learningInfo a:hover{background:transparent url(../images/siteimages/learningInfoBtnOver.gif) no-repeat scroll center center;} /*Links Slider part*/ #customSlider {width:348px;height:250px;display:block;position:absolute;background-color:transparent;z-index:300;margin-top:604px;margin-left:30px;background-image: url(../images/siteimages/customScrollerBg.png);} #customSlider h3{position:absolute;z-index:10;background-color:#fff; margin-left:55px; color:#b246e5;display:block;width:280px;font-size:12px;font-weight:lighter; height:17px;float:right;margin-top:30px;} #customSlider h3 span{color:#b246e5;font-weight:bold;font-size:14px;} #customSlider #learningLinks {display:block;width:309px;height:155px;overflow:auto;position:absolute;margin-left:7px;margin-top:80px;} #customSlider #learningLinks ul {list-style:none;position:relative;} #customSlider #learningLinks ul li{color:#b246e5;display:block;width:260px;height:20px;position:relative;text-align:center;} #customSlider #learningLinks ul li a {color:#b246e5;margin-top:5px;} #customSlider .jScrollPaneContainer {position: relative;overflow: hidden; z-index: 1;margin-top:31px;margin-left:7px;PADDING-LEFT:4PX;} #customSlider .jScrollPaneTrack{position: absolute;cursor: pointer; background:transparent url(../Images/SiteImages/sliderBg.gif) no-repeat scroll center center;} #customSlider .jScrollPaneDrag{position: absolute; background:transparent url(../Images/SiteImages/slider_handle.png) no-repeat scroll center center;cursor: pointer;overflow-x: hidden;overflow-y: hidden;} #customSlider a.jScrollArrowUp {position:absolute;display:block;width:31px;height:31px;overflow:hidden; text-indent:-2000px;background:transparent url(../images/siteimages/arrow_up.png) no-repeat center center;} #customSlider a.jScrollArrowUp:hover {background:transparent url(../images/siteimages/arrow_up_over.png) no-repeat center center;} #customSlider a.jScrollArrowDown {position: absolute;display:block;width:31px;height:31px;text-indent:-2000px;overflow:hidden; margin-top:122px;background:transparent url(../images/siteimages/arrow_down.png) no-repeat center center;} #customSlider a.jScrollArrowDown:hover {background:transparent url(../images/siteimages/arrow_down_over.png) no-repeat center center;} #customSlider a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;} /*Activities Part*/ #learningActivities {position:relative;display:none;width:600px;margin:5px auto;height:523px;z-index:1000;background-color:white} #learningActivities h2{color:#7726b1;border-bottom:dotted 1px #ccc;position:relative;font-size:20px;width:560px;display:block;height:30px;padding:0 20px ;} #learningActivities .back a{color:#03a7fd;font-weight:bold;font-size:14px;position:absolute;top:0;right:20px;z-index:999;padding-top:10px;text-decoration:none;padding-right:15px; height:20px;width:50px;background:transparent url(../images/siteimages/popupNext.gif) no-repeat scroll right 5px ;} #learningActivities #activitiesHolder ul{list-style:none;position:relative;} #learningActivities #activitiesHolder ul li{list-style:none;display:block;width:144px;height:152px;float:left;position:relative;margin-left:35px;margin-top:40px;} #learningActivities #activitiesHolder ul li a{text-decoration:none;display:block;width:144px;height:152px;background-repeat:no-repeat;} #learningActivities #activitiesHolder ul li a:hover{background-image:url(../images/siteimages/learningActivityBG.jpg);background-position:top left;} #learningActivities #activitiesHolder ul li a img{margin:4px;border:none;} #learningActivities #activitiesHolder ul li a span{text-align:right;padding:10px 50px 0 0 ; display:block;color:#fff;width:94px;height:30px;font-size:16px;font-weight:bold; background-image:url(../images/siteimages/learningPrintBG.jpg);background-position:top left;} #activitiesHolder{position:absolute;display:block;width:590px;height:493px !important;padding-right:10px;overflow: auto !important};} #learningActivities .jScrollPaneContainer {position: relative;overflow: hidden;z-index: 100;} #learningActivities .jScrollPaneTrack{position: absolute;height: 100%; cursor: pointer; background:transparent url(../Images/SiteImages/sliderBgLong.gif) no-repeat scroll 1px center;} #learningActivities .jScrollPaneDrag{position: absolute;height:38px;margin-left:1px; background:transparent url(../Images/SiteImages/slider_handle.png) no-repeat scroll center center;cursor: pointer;overflow-x: hidden;overflow-y: hidden;} #learningActivities a.jScrollArrowUp {position:absolute;display:block;width:31px;height:31px;overflow:hidden; text-indent:-2000px;background:transparent url(../images/siteimages/arrow_up.png) no-repeat center center;} #learningActivities a.jScrollArrowUp:hover {background:transparent url(../images/siteimages/arrow_up_over.png) no-repeat center center;} #learningActivities a.jScrollArrowDown {position: absolute;display:block;width:31px;height:31px;text-indent:-2000px;overflow:hidden; margin-top:462px;background:transparent url(../images/siteimages/arrow_down.png) no-repeat center center;} #learningActivities a.jScrollArrowDown:hover {background:transparent url(../images/siteimages/arrow_down_over.png) no-repeat center center;} #learningActivities a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;} /* Learning Navigation*/ #learningNavigation {display:block;position:absolute;width:364px;height:100px;margin-top:636px;margin-left:550px;} #learningNavigation ul{list-style:none;} #learningNavigation ul li{float:left;margin-left:20px; width:100px;height:90px;background:transparent url(../Images/SiteImages/gameCloudNav.png) no-repeat scroll bottom left;} #learningNavigation ul li a{margin:0 auto;} #learningNavigation ul li a span{color:inherit;} #mask{position:absolute;z-index:9000;background-color:#000;display:none;} /* ======= HOME PAGE ========= */ #homepageplayercontent {height:300px;} #homepageplayercontent #homepageplayer{position:absolute;margin-top:-80px;margin-left:-10px;} #homepageitems {display:none;} #sign1 { background-image: url("../images/siteimages/sign1.png"); background-repeat: no-repeat; height: 67px; left: 2px; position: absolute; top: 90px; width: 150px; display: none; } #sign2 { background-image: url("../images/siteimages/sign2.png"); background-repeat: no-repeat; height: 67px; left: 2px; position: absolute; top: 90px; width: 150px; display: block; } .signtext { color: #FFFFFF; font-size: small; font-weight: bold; height: 35px; left: 20px; position: relative; text-align: center; top: 17px; width: 110px; } #butterfly { background-image: url("../images/siteimages/Butterfly.png"); background-repeat: no-repeat; height: 75px; width: 85px; left: 25px; position: relative; top: -35px; } #myCountry { display: none; } #cookieStandart { width: 100%; padding: 20px; position: fixed; bottom: 0; z-index: 9999; background-color: rgba(32,141,246,0.75); rgba(7, 97, 183, 0.75) } #cookieStandart > div { width: 80%; margin: 0 auto; } #cookieStandart article { width: 80%; max-width: 1082px; float: left; } #cookieStandart article { font-size: 14px; color: #f2f2f2; margin: 0; padding: 0; line-height: 16px; } #cookieStandart article p { color: #f2f2f2; margin: 0; padding: 0; line-height: 16px; } #cookieStandart article a { color: #fff; font-weight: bold; text-decoration: underline; } #cookieStandart #cookieBtnStandart { width: 13%; float: right; padding: 10px; background: #fff; color: #03a7fd; font-size: 16px; text-align: center; }