/* GENERAL ******************************************************************************************************************************************************************************************************/ body{margin:10px 0px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:12px; background: #808080;} /* LAYOUT ******************************************************************************************************************************************************************************************************/ .cleaner{clear:both;height:1px;font-size:1px;border:none;margin:0px;padding:0px;background:transparent} #wrapper{width:990px;display:block;margin:0 auto;text-align:left;} #container { width: 990px; background: #fff; margin: 10px 0px;} /* Header */ #header-wrapper { display: block; height: 155px; margin-bottom: 20px; } #header { background: url('/images/layout/bg-header.gif') repeat-x top left; height: 70px; } #header h1, #header h1 a { width: 220px; height: 30px; display: block; overflow: hidden; text-indent: -9999px;} #header h1 { margin: 20px; float: left;} #header h1 a { background: url('/images/layout/logo-nick.png') no-repeat top left; } #header ul { float: right; margin: 10px;} #header ul li { float: left; text-indent: -9999px; } #header ul li#switch-nickjr a { display: block; width: 150px; height: 40px; background:url('/images/layout/switch-nickjr.png') no-repeat top left; overflow: hidden; margin-right: 20px;} #header ul li#switch-nickjr a:hover { background-position: bottom left;} #header ul li a.fb, #header ul li a.twitter { width: 30px; height: 30px; display: block; margin: 10px 10px 0px 0px;} #header ul li a.fb { background:url('/images/layout/icon-fb.png') no-repeat top left; } #header ul li a.twitter { background:url('/images/layout/icon-twitter.png') no-repeat top left; } /* Navigation */ #navigation-wrapper { margin-bottom: 20px; height: 85px;position:absolute;z-index:2000;} #navigation{height:85px;position:absolute;z-index:2500} /* Left */ #left{width:120px;display:block;margin:0px 20px 0px 0px;float:left; background: url('/images/layout/bg-left.gif') no-repeat top right; padding: 0px 10px 0px 5px; } #characters { } /* Main */ #main {width:480px;display:block;float:left;margin:0px 20px 0px 0px; position:relative;z-index:2000} .bigcol{width:315px;display:block;float:left} /* Right */ #right{width:320px;display:block;float:right; margin-right: 15px;} /* Footer */ #footer_wrapper { margin: 0px 0px 20px 0px; padding: 20px 0px} #footer { width: 960px; height: 50px; margin: 20px 15px; display: block; background:url('/images/layout/bg-footer.gif') no-repeat top left; text-align: center;} #footer ul.bottom-links { padding: 8px 0px 0px 0px;} #footer ul.bottom-links li { display: inline; border-right: 1px solid #ddd; padding-right: 10px; margin-left: 10px; font-weight: bold; } #footer ul.bottom-links li.last { border-right: 0px;} #footer ul.bottom-links li a { color: #636363; text-decoration: none;} #footer ul.bottom-links li a:hover { text-decoration: underline;} #footer p { font-size: 10px; color: #939393;} ul.bottom-logos { margin: 0px 20px; float: left;} ul.bottom-logos li { float: left; margin-right: 10px;} a.credits { margin: 0px 20px; float: right; width: 100px; height: 30px; text-indent: -9999px; display: block; overflow: hidden; background:url('/images/layout/studio-meta.gif') no-repeat top left; } a.credits:hover { background-position: bottom left;} /* Full page */ .fullpage { width: 760px; float: left; display: block; margin: 0px 20px;} #delire-wrapper,#inscription-wrapper,#message-wrapper,#horaires { width: 820px; float: left; display: block; margin: 0px;} #message-content { width: 820px; height: 296px; display: block; background: url('/images/layout/bg-oops.jpg'); } #message-content-ok { width: 820px; height: 296px; display: block; background: url('/images/layout/bg-yeah.jpg'); } #message-content h1, #message-content-ok h1 { font-size: 18px; color: #f68b1f; padding-top: 120px; margin: 0px 0px 0px 30px; width: 550px; line-height: 20px; margin-bottom: 20px;} #message-content ul, #message-content-ok ul, #message-content p, #message-content-ok p { margin: 0px 0px 0px 30px; width: 550px;} /* TEXT ******************************************************************************************************************************************************************************************************/ p.text { margin: 10px 0px;} div.small, p.small { font-size: 12px;} p.date { color: #8d8d8; font-style: italic; } p.note { padding-top: 20px; margin: 0px 20px; font-size: 10px; color: #8d8d8d;} /* LINKS ******************************************************************************************************************************************************************************************************/ a { color: #f68b1f;} a:hover { color: #232323;} a.plus { font-size: 12px; font-weight: bold; background: url('/images/layout/icon-plus.png') no-repeat top left; padding-left: 16px; text-decoration: none;} a.plus:hover { color: #232323;} /* Back button */ p.back { width: 75px; height: 30px; display: block; margin: 40px auto;} p.back a { width: 75px; height: 30px; display: block; text-indent: -9999px; overflow: hidden; background: url('/images/layout/backlink.gif') top left no-repeat;} p.back a:hover { background-position: bottom left;} /* Videos */ .videolink{ width: 150px; height: 110px; background: url('/images/layout/bg-col-img.gif') no-repeat top left; margin-bottom: 5px;overflow:hidden;position:relative;} .videolink a { width: 140px; height: 100px; display: block; background: #fff;border:4px solid #fff;} .videolink a img{border:0px;width:140px;height:100px} .videolink a:hover{border:4px solid #eb7100} /*.videolink span{width:48px;height:34px;display:block;position:absolute;top:74px;left:100px;background:url('/images/layout/icon-videolink.png') no-repeat top left;}*/ .videolink span{width:21px;height:21px;display:block;position:absolute;z-index:600;top:80px;left:115px;background:url('/images/layout/icon-video.png') no-repeat top left} /* Games */ .gamelink{ width: 230px; height: 110px; background: url('/images/layout/bg-demicol-img.gif') no-repeat top left; margin-bottom: 5px;overflow:hidden;position:relative;} .gamelink a { width: 220px; height: 100px; display: block; background: #fff;border:4px solid #fff;} .gamelink a img{border:0px;width:220px;height:100px} .gamelink a:hover{border:4px solid #ababab} /*.gamelink span{width:48px;height:34px;display:block;position:absolute;top:74px;left:180px;background:url('/images/layout/icon-gamelink.png') no-repeat top left;}*/ /* Goodies */ .goodieslink, .wplink{ width: 150px; height: 110px; background: url('/images/layout/bg-col-img.gif') no-repeat top left; margin-bottom: 5px;overflow:hidden;position:relative;} .goodieslink a, .wplink a { width: 140px; height: 100px; display: block; background: #fff;border:4px solid #fff;} .goodieslink a img, .wplink a img{border:0px;width:140px;height:100px} .goodieslink a:hover {border:4px solid #d4dde8} .wplink a:hover {border:4px solid #9fafc9} #d800600 a, #d1024768 a, #d12801024 a, #dcustom a { width: 150px; height: 40px; display: block; overflow: hidden; text-indent: -9999px; } #d800600 a { background: url('/images/layout/btn-d800600.gif') no-repeat top left;} #d1024768 a { background: url('/images/layout/btn-d1024768.gif') no-repeat top left;} #d12801024 a { background: url('/images/layout/btn-d12801024.gif') no-repeat top left;} #dcustom a { background: url('/images/layout/btn-dcustom.gif') no-repeat top left; height: 20px; margin:0 auto;text-indent:0px;text-align:center;padding-top:20px;color:#fff;font-size:11px;font-weight:bold; text-transform: uppercase; text-decoration: none;} #d800600 a:hover, #d1024768 a:hover, #d12801024 a:hover, #dcustom a:hover { background-position: bottom left;} /* Fullpage */ .fullpage a { color: #818c9e;} .fullpage a:hover { color: #ed6f01;} /* Buttons */ a.view {height: 25px; width: 43px; background: url('/images/layout/btn-view.gif') top left no-repeat;display: block; text-indent: -9999px; overflow: hidden; } a.view:hover {background-position: bottom left;} a.play {height: 20px; width: 65px; background: url('/images/layout/btn-play.gif') top left no-repeat;display: block; text-indent: -9999px; overflow: hidden; } a.play:hover {background-position: bottom left;} a.download {height: 20px; width: 100px; background: url('/images/layout/btn-download.gif') top left no-repeat;display: block; text-indent: -9999px; overflow: hidden; } a.download:hover {background-position: bottom left;} a#edit-profile {height: 20px; width: 100px; background: url('/images/layout/btn-edit-profil.gif') top left no-repeat;display: block; text-indent: -9999px; overflow: hidden; margin: 130px auto 0px auto;} a#edit-profile:hover {background-position: bottom left;} a#logout {height: 20px; width: 100px; background: url('/images/layout/btn-logout.gif') top left no-repeat;display: block; text-indent: -9999px; overflow: hidden; margin: 10px auto 0px auto;} a#logout:hover {background-position: bottom left;} a#inscription-club{width:182px;height:21px;display:block;overflow:hidden;text-indent:-5000px;margin:40px 0px 0px 20px;background:url('/images/layout/btn-inscription-club.png') no-repeat top left;} a#inscription-club:hover{background:url('/images/layout/btn-inscription-club2.png') no-repeat top left;} a.participer, a.bulletin { width: 150px; height: 40px; display: block; overflow: hidden; text-indent: -9999px; margin: 20px auto;} a.participer {background:url('/images/layout/btn-participer.gif') no-repeat top left;} a.bulletin {background:url('/images/layout/btn-bulletin.gif') no-repeat top left;} a.participer:hover, a.bulletin:hover { background-position: bottom left;} /* TITLES ******************************************************************************************************************************************************************************************************/ h2, h2 a { color: #f68b1f; font-size: 20px; margin: 0px 0px 20px 0px;} h2 a { text-decoration: none;} h2 a:hover { color: #232323;} /* Main col titles */ h2.title { margin: 40px 0px; } h2.title-center { margin: 40px auto; text-align: center; } #main h3 { width: 480px; height: 35px; display: block; overflow: hidden; text-indent: -9999px; margin-bottom: 10px; } #main h3 a { width: 480px; height: 35px; display: block; } h3.last-videos { background: url('/images/layout/title-dern-videos.gif') no-repeat top left; } h3.last-game { background: url('/images/layout/title-dern-jeux.gif') no-repeat top left; } h3.last-goodies { background: url('/images/layout/title-dern-goodies.gif') no-repeat top left; } h3.current-video { background: url('/images/layout/title-current-video.gif') no-repeat top left; } h3.video-viewed { background: url('/images/layout/title-video-viewed.gif') no-repeat top left; } h3.all-game { background: url('/images/layout/title-all-game.gif') no-repeat top left; } h3.all-ordi { background: url('/images/layout/title-all-ordi.gif') no-repeat top left; } h3.all-atelier { background: url('/images/layout/title-all-atelier.gif') no-repeat top left; } h3.all-contests { background: url('/images/layout/title-all-contests.gif') no-repeat top left; } h4.title { margin: 5px 0px 10px 0px; font-size: 14px;} h4.title a { text-decoration: none;} /* Themes */ h2.theme-heading-rdv, h2.theme-heading-humour, h2.theme-heading-emissions, h2.theme-heading-series, h2.theme-heading-action, h2.theme-heading-enfants { width: 480px; height: 150px; display: block; overflow: hidden; text-indent: -9999px; margin: 0px; } h2.theme-heading-humour { background: url('/images/layout/theme-humour.jpg');} h2.theme-heading-rdv { background: url('/images/layout/theme-rdv.jpg');} h2.theme-heading-emissions { background: url('/images/layout/theme-emissions.jpg');} h2.theme-heading-series { background: url('/images/layout/theme-series.jpg');} h2.theme-heading-action { background: url('/images/layout/theme-action.jpg');} h2.theme-heading-enfants { background: url('/images/layout/theme-enfants.jpg');} /* Right col titles */ #right h3 { width: 320px; height: 30px; display: block; overflow: hidden; text-indent: -9999px; margin-bottom: 5px;} h3.personnages { background: url('/images/layout/title-personnages.gif') no-repeat top left;} h3.video-tag { background: url('/images/layout/title-video-tags.gif') no-repeat top left; height: 35px;} h3.top-game { background: url('/images/layout/title-most-played.gif') no-repeat top left; height: 35px;} h3.top-goodies { background: url('/images/layout/title-top-goodies.gif') no-repeat top left; height: 35px;} h3.partners { background: url('/images/layout/title-partners.gif') no-repeat top left; } /* Full page titles */ .fullpage h3 { margin: 20px 0px; color: #747f91; border-bottom: 1px solid #f2f4f7; padding-bottom: 4px;} /* LISTS ******************************************************************************************************************************************************************************************************/ .fullpage ul { list-style-type: disc; margin: 10px 20px;} /* PROMOTION ******************************************************************************************************************************************************************************************************/ .banner{ margin:0px 0px 20px 0px} /* Promo cols */ .promo-col, .promo-col-last, .promo-col-tv, .promo-col-tv-last{ width:150px; margin:0px 15px 20px 0px; display:block; float:left; font-size: 11px;} .promo-col-last, .promo-col-tv-last{margin-right:0px} .promo-col p, .promo-col-last p { padding: 5px; height: 30px; background: url('/images/layout/bg-promo-col.gif') no-repeat; color: #232323;} .promo-col a, .promo-col-last a, .promo-col-tv a, .promo-col-tv-last a{ color: #f68b1f; text-decoration: none;} .promo-col a:hover, .promo-col-last a:hover, .promo-col-tv a:hover, .promo-col-tv-last a:hover { color: #232323;} .promo-col img, .promo-col-last img { width: 150px; height: 110px;} /* Promo cols TV */ .promo-col-tv div, .promo-col-tv-last div { height: 80px; display: block; background: url('/images/layout/bg-promo-col-tv.gif') no-repeat; overflow: hidden; padding: 10px; } .promo-col-tv h4, .promo-col-tv-last h4 { font-size: 14px; } .promo-col-tv p.more, .promo-col-tv-last p.more { margin-top: 10px;} /* Promo Large */ .promo-large { margin-bottom: 20px; height: 140px; } /* Edito */ .edito{width:305px;height:110px;display:block;margin:0px 15px 10px 0px; background: url('/images/layout/bg-edito.gif') no-repeat; padding: 5px;} .edito a, .edito a img { width: 305px; height: 110px; display: block;} /* Edito vertical */ .edito_vertical{width:150px;height:250px;float:right; } /* BOXES ******************************************************************************************************************************************************************************************************/ #video-player{width:320px;height:280px;display:block;margin:0px 0px 20px 0px} /* Cols */ .col, .col-last { width:150px; margin:0px 15px 20px 0px; display:block; float:left;} .demicol, .demicol-last { width:230px; margin:0px 20px 20px 0px; display:block; float:left;} .col-last, .demicol-last {margin-right:0px} /* TV */ /* Show */ .show-page { margin: 0px 0px 40px 0px;} .img-heading, .img-heading2 { margin: 0px 0px 40px 0px; width: 480px; height: 205px; background: url('/images/layout/bg-img-heading.gif') no-repeat bottom right; } .img-heading2 { height: 240px; margin-bottom: 20px;} .img-heading img { width: 475px; height: 200px;} .img-heading2 img { width: 475px; height: 235px;} .next-diffusion { width: 320px; height: 20px; background: url('/images/layout/bg-nextdiff.gif') #f0f0f0 no-repeat top left; padding-top: 38px; color: #232323; margin-bottom: 20px;} .next-diffusion p { margin: 0px 10px; padding: 0;color: #232323;} /* Themes */ ul.theme-nav { width: 480px; display: block; margin-top: 1px; margin-bottom: 40px;} ul.theme-nav li { display: block; float: left; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-left: 1px;} ul.theme-nav li a { display: block; float: left; height: 30px; line-height: 25px; padding: 0px 15px; text-decoration: none; color: #3e3e3e; background: url('/images/layout/bg-theme-nav.gif') no-repeat 0px 0px; } ul.theme-nav li a:hover { color: #fff; background: url('/images/layout/bg-theme-nav.gif') no-repeat 0px -30px;} ul.theme-nav li.active a { color: #fff; background: url('/images/layout/bg-theme-nav.gif') no-repeat center -60px;} .show, .show-last { width:230px; margin:0px 20px 20px 0px; display:block; float:left;} .show-last { margin-right: 0px;} .show-image { width: 230px; height: 110px; background: url('/images/layout/bg-demicol-img.gif') no-repeat top left; margin-bottom: 5px;overflow:hidden;position:relative;} .show-image a { width: 220px; height: 100px; display: block; background: #fff;border:4px solid #fff;} .show-image a img{border:0px;width:220px;height:100px} .show-image a:hover{border:4px solid #f68b1f} .show h4, .show-last h4 { text-align: center;} .show h4 a, .show-last h4 a { text-decoration: none; color: #8d8d8d;} .show h4 a:hover, .show-last h4 a:hover { color: #f68b1f;} .tv-theme, .tv-theme-last { width: 230px; height: 200px; display: block; float: left; margin-bottom: 5px; margin-top: 20px; } .tv-theme h4, .tv-theme-last h4, .tv-theme h4 a, .tv-theme-last h4 a { font-size: 18px; width: 230px; height: 200px; display: block; overflow: hidden; margin: 0; padding: 0; text-indent: -5000px; } .tv-theme h4 a, .tv-theme-last h4 a { color: #ffffff; } .tv-theme h4 a:hover, .tv-theme-last h4 a:hover { /*color: #ffffff;*/ } .tv-theme-last { margin-left: 20px; } /* Characters slide */ .characters-slide, .characters-wrapper { width: 320px; height: 360px; display: block; overflow: hidden; position:relative;} div.characters-slide div.heroes { position:absolute; width:20000em; } div.characters-slide div.heroes div { width: 320px; height: 360px; display: block; overflow: hidden; float:left; } div.characters-slide div.heroes div p { text-align: center; height: 140px;} div.characters-slide div.heroes div div.description p { height: auto; text-align: left; margin: 5px 0px;} div.characters-slide div.heroes div div.description { width: 280px; background: url('/images/layout/bg-desc-hero.gif') no-repeat top left; padding: 10px 20px; height: 180px} div.characters-slide div.heroes div div.description h4 { color: #f68b1f; font-size: 14px; margin-bottom: 5px; } .characters-prev, .characters-next { width: 35px; height: 50px;display: block; overflow: hidden; text-indent: -9999px; margin-top: 35px; position: absolute; z-index: 9999; cursor: pointer;} .characters-prev { background: url('/images/layout/arrow-characters.png') no-repeat; background-position: 0px 0px; } .characters-next { background: url('/images/layout/arrow-characters.png') no-repeat; background-position: -35px 0px; right: 0px; } /* Pagination */ .pagination a { padding: 4px 8px; background: #f0f0f0; color: #232323; text-decoration: none;} .pagination a:hover { color: #fff; background: #232323; } .pagination strong { padding: 4px 8px; font-weight: bold; color: #fff; background: url('/images/layout/bg-pagination.gif') #e75e00 repeat-x;} /* VIDEOS */ #nickplayer, #nick-video-container { width: 480px; height: 390px; display: block; } .video-promo{width:305px;height:120px;background:url('/images/layout/bg-video-promo.gif') no-repeat top right;padding:10px 155px 0px 5px;font-size:11px;margin:20px 0px;} .video-promo h2 { line-height: 22px;} /* Slider */ .video-slider {width:480px;height:180px;display:block;overflow:hidden;background:url('/images/layout/bg-video-slider.gif') no-repeat top left;margin-bottom:20px;} .video-slider p{margin:25px 0px 0px 0px;padding:0;text-align:right} .jcarousel-container{position:relative} .jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative} .jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0} .jcarousel-list li,.jcarousel-item{float:left;list-style:none;width:114px;height:86px;} .jcarousel-next{z-index:3;display:none} .jcarousel-prev{z-index:3;display:none} .jcarousel-skin-video .jcarousel-container{width:480px} .jcarousel-skin-video .jcarousel-container-horizontal{width:460px;padding:45px 0px 5px 20px} .jcarousel-skin-video .jcarousel-clip-horizontal{width:376px;margin:0px 35px 0px 35px;height:86px; } .jcarousel-skin-video .jcarousel-item{width:114px;height:86px;} .jcarousel-skin-video .jcarousel-item-horizontal{margin-right:15px;} /* Horizontal Buttons */ .jcarousel-skin-video .jcarousel-next-horizontal{position:absolute;top:63px;right:10px;width:30px;height:45px;cursor:pointer;background:transparent url('/images/layout/carousel-next.png') no-repeat 0 0} .jcarousel-skin-video .jcarousel-next-horizontal:hover{background-position:-30px 0} .jcarousel-skin-video .jcarousel-next-horizontal:active{background-position:-60px 0} .jcarousel-skin-video .jcarousel-next-disabled-horizontal,.jcarousel-skin-video .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-video .jcarousel-next-disabled-horizontal:active{cursor:default;background-position:-90px 0} .jcarousel-skin-video .jcarousel-prev-horizontal{position:absolute;top:63px;left:15px;width:30px;height:45px;cursor:pointer;background:transparent url('/images/layout/carousel-prev.png') no-repeat 0 0} .jcarousel-skin-video .jcarousel-prev-horizontal:hover{background-position:-30px 0} .jcarousel-skin-video .jcarousel-prev-horizontal:active{background-position:-60px 0} .jcarousel-skin-video .jcarousel-prev-disabled-horizontal,.jcarousel-skin-video .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-video .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-90px 0} /* Carousel videos */ .video-slider li div { background: url('/images/layout/bg-video-carousel.png') bottom left; display: block;width:114px;height:86px;} .video-slider li a { width: 104px; height: 75px; display: block; border: 4px solid #fff; cursor: pointer; } .video-slider li a img { width: 104px; height: 75px;} .video-slider li div a:hover { border: 4px solid #eb7100;} .video-slider li a span{/*width:21px;height:21px;display:block;position:absolute;z-index:600;top:50px;left:80px;background:url('/images/layout/icon-video.png') no-repeat top left*/ display: none;} /* Tags */ p.tags{line-height:16px;font-size:11px;color:#eb7100;} p.tags a{color:#eb7100} p.tags a:hover{color:#2f2f2f} .tagcloud { margin: 10px 5px 40px 5px;} /* Top videos */ h4.top1-video,h4.top2-video,h4.top3-video{width:150px;padding:40px 0px 0px 0px;text-align:center;margin:5px 0px 0px 0px;font-size:12px} h4.top1-video{background:url('/images/layout/top1-video.gif') no-repeat top left} h4.top2-video{background:url('/images/layout/top2-video.gif') no-repeat top left} h4.top3-video{background:url('/images/layout/top3-video.gif') no-repeat top left} h4.top1-video a,h4.top2-video a,h4.top3-video a{color:#8d8d8d; text-decoration: none;} h4.top1-video a:hover,h4.top2-video a:hover,h4.top3-video a:hover{color:#eb7100} /* GAME */ #select-hero { margin-bottom: 17px;} #select-game-hero { margin-bottom: 17px;} #select-videos-hero { margin-bottom: 17px;} /* Last game */ .last-game { width: 480px; height: 245px; display: block; overflow: hidden; background: url('/images/layout/bg-last-game.gif') no-repeat top left; margin-bottom: 15px;} .last-game .demicol, .last-game .demicol-last { margin-top: 45px;} .last-game .demicol { margin-left: 10px; margin-right: 5px;} .last-game h4 { text-align: center; margin-bottom: 10px;} .last-game h4 a { color: #f68b1f; text-decoration: none;} .last-game h4 a:hover { color: #2f2f2f;} .last-game a.play { margin: 0 auto;} .last-game .gamelink a:hover { border: 4px solid #e8e8e8;} /* Gamecol */ .gamecol,.gamecol-last{width:150px;height:162px;margin:0px 15px 20px 0px;display:block;float:left;background:url('/images/layout/bg-gamecol.gif') no-repeat;text-align:center} .gamecol-last{margin-right:0px} .gamecol a img,.gamecol-last a img{margin-top:8px;border-bottom:2px solid #e8e8e8; width: 139px; height: 66px; margin-bottom: 5px;} .gamecol a:hover img,.gamecol-last a:hover img{border-bottom:2px solid #eb7100} .gamecol h4,.gamecol-last h4{width:130px;height:35px;margin:0 auto;padding:0;font-size:12px; line-height: 14px;} .gamecol h4 a,.gamecol-last h4 a { text-decoration: none; color: #8d8d8d;} .gamecol h4 a:hover,.gamecol-last h4 a:hover { color: #eb7100;} .gamecol a.play, .gamecol-last a.play { margin: 10px auto 0px auto;} /* Top 5 */ ul.top5-list { margin: 20px 0px;} ul.top5-list li { width: 320px; padding-bottom: 10px; background: url('/images/layout/bg-top-list.gif') no-repeat bottom left;} ul.top5-list li a.img { width: 98px; height: 48px; float: right; background: url('/images/layout/bg-top-img.gif') no-repeat; margin-left: 10px;} ul.top5-list li a.img img { width: 92px; height: 42px;} ul.top5-list li.last { background: none; } .top1, .top2, .top3, .top4, .top5 { padding-left: 60px; overflow: hidden;margin: 10px 0px;} .top1 { background: url('/images/layout/bg-top1.gif') no-repeat top left;} .top2 { background: url('/images/layout/bg-top2.gif') no-repeat top left;} .top3 { background: url('/images/layout/bg-top3.gif') no-repeat top left;} .top4 { background: url('/images/layout/bg-top4.gif') no-repeat top left;} .top5 { background: url('/images/layout/bg-top5.gif') no-repeat top left;} ul.top5-list li h4 { margin: 0px 0px 5px 0px; padding: 0px; line-height: 14px;} ul.top5-list li h4 a { text-decoration: none;} /* Game page */ #game { float: left; width: 560px; text-align: center;} .game-list { width: 200px; float: right; margin-right: 20px;} .game-list h3 { width: 200px; height: 35px; display: block; overflow: hidden; text-indent: -9999px; background: url('/images/layout/title-mini-game.gif') no-repeat;} .game-list ul li { background: url('/images/layout/bg-game-list.gif') no-repeat bottom left; padding: 10px 10px 20px 10px;} .game-list ul li.last { background: none;} .game-list h4 { margin-bottom: 5px;} .game-list h4 a { text-decoration: none; line-height: 14px;} /* GOODIES */ #wallpaper-frame,#goodies-frame{width:480px;height:420px;display:block;background:url('/images/layout/bg-wallpaper.gif') no-repeat top left; text-align: center;} #goodies-frame{background:url('/images/layout/bg-wallpaper.gif') no-repeat top left;} #wallpaper-frame img,#goodies-frame img{width:422px;height:auto;margin:40px 0px 0px 0px; border: 2px solid #cbced4;} #wallpaper-frame h4,#goodies-frame h4 { margin-top: 10px; color: #f68b1f;} ul.download2{margin:20px auto;padding:0;width:465px} ul.download2 li{list-style-type:none;width:150px;height:40px;float:left;display:block;margin:0 auto; margin-right: 5px; margin-bottom: 10px;} #goodies-photos { margin-left: 15px;} /* CLUB */ #giftbox { margin-bottom: 20px;} a.contest-link { width: 150px; height: 79px; display: block; background: url('/images/layout/bg-contest-link.gif') no-repeat bottom right; float: left; margin-right: 20px;} a.contest-link img { width: 143px; border: 2px solid #fff;} a.contest-link:hover img { border: 2px solid #dadfe7;} ul.contests-list h4 { margin-top: 10px;} ul.contests-list h4 a { text-decoration: none; font-size: 12px; } ul.contests-list a.play { margin-top: 10px;} #loginbox { width: 320px; height: 240px; overflow: hidden; background: url('/images/layout/bg-loginbox.jpg') no-repeat;margin-bottom:20px;} #loginbox form{padding:60px 0px 0px 20px;text-align:left} #loginbox form p{clear:both} #loginbox form p label{font-size:12px;float:left;margin-right:20px;color:#231f20;font-weight:bold;width:80px;height:20px;display:block;line-height:20px; text-align: right;} #loginbox form input.input{width:120px;border:1px solid #dedede;height:16px;padding:2px;float:left;color:#5e5b5b; margin-bottom: 7px;} #loginbox form input.submit{float:left;margin-right:20px; margin-left: 50px;} #loginbox form a#forgot-pass{line-height:18px;color:#f68b1f;font-size:11px; text-decoration: none;} #loginbox form a#forgot-pass:hover{text-decoration:underline} #loggedbox { width: 320px; height: 240px; overflow: hidden; background: url('/images/layout/bg-loggedbox.jpg') no-repeat;margin-bottom:20px;} #loggedbox h4 { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; margin: 20px 0px 0px 20px;} #partners-box { width: 320px; height: 142px; background: url('/images/layout/bg-partners.gif') no-repeat bottom right; display: block; margin-bottom: 15px;} div.date{ background:url('/images/layout/bg-date.gif'); width:480px;height:40px;display:block; overflow: hidden;text-align:center;color:#231f20;font-weight:bold;line-height:40px;margin-top:10px} .question { width: 480px; display: block; background: url('/images/layout/bg-question.gif') no-repeat; margin: 40px 0px; line-height: 14px;} .question h4 { color: #fff; padding-top: 10px; margin: 0px 0px 40px 20px;} .answers { width: 480px; background: url('/images/layout/bg-answers.gif') no-repeat bottom right; min-height: 100px;} .answers ul { margin: 0px 20px 0px 20px;} .answers ul li { margin-bottom: 5px;} /* SEARCH */ .search-title{width:480px;height:140px;background:url('/images/layout/bg-search.gif') no-repeat top left;display:block;margin-bottom:20px} .search-title h2{width:370px;padding:65px 0px 0px 0px;margin:10px; font-size: 18px; } .search-title p{color:#8d8d8d;font-size:11px;margin:0;margin:10px} ul.search-results{margin:0;padding:0;list-style-type:none} ul.search-results li {padding:0px 0px 20px 0px;margin:5px 0px 5px 0px;background:url('/images/layout/bg-li-search.gif') no-repeat bottom left} ul.search-results li h4{background:url('/images/layout/arrow-search.gif') no-repeat top left;text-indent:25px;line-height:20px;margin:0;padding:0} ul.search-results li h4 a { text-decoration: none;} ul.search-results li .search_category{color:#8d8d8d@;font-size:11px;font-style:italic;text-indent:25px} /* MESSAGE */ /* ADVERTISING ******************************************************************************************************************************************************************************************************/ #megabanner{width:728px;height:90px;background:url('/images/layout/bg-megabanner.gif') no-repeat top left; padding:0px 0px 0px 10px; float:right;} .advertising{width:320px;height:240px;background:url('/images/layout/bg-ads.gif') no-repeat top right;padding:0px 0px 20px 0px; margin-top: 12px;}