/* Please DONT add Style Tag */ /* General Styles ----------------------------------------- */ body { margin: 0px; } body, td, a, div, span, label, input, select, textarea{ font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 0px; } .displayNone{ display: none; } .displayBlock{ display: block; } .visibiltyHidden{ visibility: hidden; } .visibilityVisible{ visibility: visible; } .recentGamesPreloader{ padding-left: 70px; padding-top: 20px; } .recentGamesNoData{ PADDING-TOP: 30px; HEIGHT: 58px; _HEIGHT: 88px; TEXT-ALIGN: center; width: 100%; } .width100Percents{ width: 100%; } .width100PerAlignTop{ width: 100%; vertical-align: top; } .clearBoth{ clear: both; } .alignTop{ vertical-align: top; } .alignBot{ vertical-align: bottom; } /* -------------------------------------------------------- */ /* Page Layout -------------------------------------------- */ .catBody{ background: #FFFFFF url(/Graphics/Iplay/1000/GUI/General/GUI_BodyBGI1.gif) repeat-y 50%; } .mainWorkplace{ text-align: center; } .mainWorkplaceContent{ width: 916px; margin: 0 auto; text-align: left; } .page{ padding: 0 8px; } .header{ height: 105px; margin-top: 10px; margin-bottom: 5px; } .headerL{ float: left; width: 169px; margin-left: -8px; } .headerR{ float: left; } .pageL{ float: left; width: 590px; } .pageR{ margin-left: 7px; float: left; width: 302px; } .pageBotArea{ padding: 36px 0 36px 0; text-align: center; } .topNavMenuPlace{ padding-left: 2px; } /* -------------------------------------------------------- */ /* Navigation --------------------------------------------- */ .navArea{ padding: 0 2px; } .nav{ background: url(/Graphics/Iplay/1000/Navigation/GUI_BGI.gif) repeat-x; } .navL{ background: url(/Graphics/Iplay/1000/Navigation/GUI_L.gif) no-repeat left top; } .navR{ height: 36px; background: url(/Graphics/Iplay/1000/Navigation/GUI_R.gif) no-repeat right top; } .navContentPlace{ padding-left: 42px; } /* -------------------------------------------------------- */ /* Container type 1 --------------------------------------- */ .cont1{ width: 336px; background: url(/Graphics/Iplay/1000/GUI/Cont1/GUI_BGI.gif) repeat-y; } .cont1Top{ background: url(/Graphics/Iplay/1000/Titles/Title_TodayFeaturedGames_336x29.gif) no-repeat top; } .cont1Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont1/GUI_Bot.gif) no-repeat bottom; } .cont1Height{ _height: 198px; min-height: 198px; } .cont1ContentPlace{ padding: 33px 10px 11px 15px; } /* -------------------------------------------------------- */ /* Container type 2 --------------------------------------- */ .cont2{ width: 253px; background: url(/Graphics/Iplay/1000/GUI/Cont2/GUI_BGI.gif) repeat-y; } .cont2Top{ background: url(/Graphics/Iplay/1000/Titles/Title_WhatsNew_253x29.gif) no-repeat top; } .cont2Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont2/GUI_Bot.gif) no-repeat bottom; } .cont2Height{ _height: 198px; min-height: 198px; } .cont2ContentPlace{ padding: 33px 10px 11px 10px; } /* -------------------------------------------------------- */ /* Container type 3 --------------------------------------- */ .cont3{ width: 231px; background: url(/Graphics/Iplay/1000/GUI/Cont3/GUI_BGI.gif) repeat-y; } .cont3Top{ background: url(/Graphics/Iplay/1000/GUI/Cont3/GUI_Top.gif) no-repeat top; } .cont3Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont3/GUI_Bot.gif) no-repeat bottom; } .cont3ContentPlace{ padding: 6px 0 9px 7px; } /* -------------------------------------------------------- */ /* Container type 4 --------------------------------------- */ .cont4{ width: 590px; background: url(/Graphics/Iplay/1000/GUI/Cont4/GUI_BGI.gif) repeat-y; } .cont4Top{ background: url(/Graphics/Iplay/1000/GUI/Cont4/GUI_Top.gif) no-repeat top; } .cont4Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont4/GUI_Bot.gif) no-repeat bottom; } .cont4ContentPlace{ padding: 9px 5px 11px 10px; } /* -------------------------------------------------------- */ /* Container type 5 --------------------------------------- */ .cont5{ width: 279px; background: url(/Graphics/Iplay/1000/GUI/Cont5/GUI_BGI.gif) repeat-y; } .cont5Top{ background: url(/Graphics/Iplay/1000/Titles/Title_TopDownloadableGames_279x37.gif) no-repeat top; } .cont5Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont5/GUI_Bot.gif) no-repeat bottom; } .cont5Height{ _height: 867px; min-height: 867px; } .cont5ContentPlace{ padding: 45px 16px 19px 17px; } /* -------------------------------------------------------- */ /* Container type 6 --------------------------------------- */ .cont6{ width: 304px; background: url(/Graphics/Iplay/1000/GUI/Cont6/GUI_BGI.gif) repeat-y; } .cont6Top{ background: url(/Graphics/Iplay/1000/Titles/Title_TopOnlineGames_304x35.gif) no-repeat top; } .cont6Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont6/GUI_Bot.gif) no-repeat bottom; } .cont6Height{ _height: 448px; min-height: 448px; } .cont6ContentPlace{ padding: 43px 16px 19px 17px; } /* -------------------------------------------------------- */ /* Container type 7 --------------------------------------- */ .cont7Outer{ padding-left: 1px; } .cont7{ width: 302px; background: url(/Graphics/Iplay/1000/GUI/Cont7/GUI_BGI.gif) repeat-y; } .cont7Top{ background: url(/Graphics/Iplay/1000/GUI/Cont7/GUI_Top.gif) no-repeat top; } .cont7Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont7/GUI_Bot.gif) no-repeat bottom; } .cont7Height{ _height: 200px; min-height: 200px; } .cont7ContentPlace{ padding: 11px 7px 6px 7px; } /* -------------------------------------------------------- */ /* Container type 8 --------------------------------------- */ .cont8{ width: 288px; background: url(/Graphics/Iplay/1000/GUI/Cont8/GUI_BGI.gif) repeat-y; } .cont8Top{ background: url(/Graphics/Iplay/1000/GUI/Cont8/GUI_Top.gif) no-repeat top; } .cont8Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont8/GUI_Bot.gif) no-repeat bottom; } .cont8ContentPlace{ padding: 5px; } /* -------------------------------------------------------- */ /* Container type 9 --------------------------------------- */ .cont9{ width: 288px; background: url(/Graphics/Iplay/1000/GUI/Cont9/GUI_BGI.gif) repeat-y; } .cont9Top{ background: url(/Graphics/Iplay/1000/GUI/Cont9/GUI_Top.gif) no-repeat top; } .cont9Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont9/GUI_Bot.gif) no-repeat bottom; } .cont9Height{ _height: 50px; min-height: 50px; } .cont9ContentPlace{ padding: 10px 11px 20px 16px; } /* -------------------------------------------------------- */ /* Container type 10 -------------------------------------- */ .cont10{ width: 302px; background: url(/Graphics/Iplay/1000/GUI/Cont10/GUI_BGI.gif) repeat-y; } .cont10Top{ background: url(/Graphics/Iplay/1000/Titles/Title_MobileGames_302x54.gif) no-repeat top; } .cont10Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont10/GUI_Bot.gif) no-repeat bottom; } .cont10Height{ _height: 50px; min-height: 50px; } .cont10ContentPlace{ padding: 54px 3px 7px 5px; } /* -------------------------------------------------------- */ /* Container type 11 -------------------------------------- */ .cont11{ width: 292px; background: url(/Graphics/Iplay/1000/GUI/Cont11/GUI_BGI.gif) repeat-y; } .cont11Top1{ background: url(/Graphics/Iplay/1000/Titles/Title_Games_292x31.gif) no-repeat top; } .cont11Top2{ background: url(/Graphics/Iplay/1000/Titles/Title_Ringtones_292x34.gif) no-repeat top; } .cont11Top3{ background: url(/Graphics/Iplay/1000/Titles/Title_Wallpapers_292x34.gif) no-repeat top; } .cont11Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont11/GUI_Bot.gif) no-repeat bottom; } .cont11ContentPlace1{ padding: 8px 13px 15px 13px; } .cont11ContentPlace2{ padding: 11px 13px 15px 13px; } /* -------------------------------------------------------- */ /* Container type 12 -------------------------------------- */ .cont12Outer{ padding-top: 14px; } .cont12{ width: 302px; background: url(/Graphics/Iplay/1000/GUI/Cont12/GUI_BGI.gif) repeat-y; } .cont12Top{ background: url(/Graphics/Iplay/1000/GUI/Cont12/GUI_Top.gif) no-repeat top; } .cont12Bot{ background: url(/Graphics/Iplay/1000/GUI/Cont12/GUI_Bot.gif) no-repeat bottom; } .cont12ContentPlace{ padding: 207px 45px 22px 45px; } /* -------------------------------------------------------- */ /* Game module 1 ------------------------------------------ */ .game1{ width: 100%; } .game1L{ width: 28px; padding-top: 2px; float: left; } .game1R{ width: 183px; float:left; } .game1TitlePlace{ padding: 3px 0; } .game1Link{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #0B88B2; text-decoration: none; } .game1Link:hover{ text-decoration: underline; } .game1TextPlace{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .game1Separator{ height: 9px; } /* -------------------------------------------------------- */ /* Game module 2 ------------------------------------------ */ .game2Outer1{ float: left; width: 188px; } .game2Outer2{ margin-left: 3px; float: left; width: 188px; } .game2{ width: 100%; } .game2L{ width: 103px; float: left; } .game2R{ width: 85px; float:left; } .game2Link{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #0B88B2; text-decoration: none; } .game2Link:hover{ text-decoration: underline; } .game2PicArea{ height: 98px; background: url(/Graphics/Iplay/1000/GUI/General/GUI_GameFrame.gif) no-repeat top left; } .game2PicPlace{ padding: 4px 0 0 4px; } .game2TitleArea1{ _height: 68px; min-height: 68px; } .game2TitleArea2{ _height: 52px; min-height: 52px; } .game2TitlePlace{ padding-top: 5px; } .game2IconPlace{ padding-top: 5px; } .game2ButtonPlace{ padding-top: 5px; } /* -------------------------------------------------------- */ /* Game module 3 ------------------------------------------ */ .game3{ width: 100%; } .game3L{ width: 75px; float: left; } .game3L2{ width: 20px; float: left; } .game3C{ width: 75px; float: left; } .game3R{ width: 151px; float:left; } .game3R2{ width: 130px; float:left; } .game3R3{ width: 176px; float:left; } .game3R4{ width: 196px; float:left; } .game3PicArea{ height: 68px; background: url(/Graphics/Iplay/1000/GUI/General/GUI_GameFrame2.gif) no-repeat top left; } .game3PicPlace{ padding: 4px 0 0 4px; } .game3TitleArea{ _height: 39px; min-height: 39px; } .game3TitleArea2{ background: url(/Graphics/Iplay/1000/Icons/ICN_Players_19x11.gif) no-repeat right 5px; padding-right: 24px; _height: 39px; min-height: 39px; } .game3TitleArea2{ background: url(/Graphics/Iplay/1000/Icons/ICN_Players_19x11.gif) no-repeat right 5px; padding-right: 24px; _height: 39px; min-height: 39px; } .game3TitleArea3{ padding-right: 24px; _height: 39px; min-height: 39px; } .game3TitlePlace{ padding-top: 3px; } .game3Link{ background: url(/Graphics/Iplay/1000/Icons/ICN_Num_22x13.gif) no-repeat top left; padding-left: 29px; font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #0B88B2; text-decoration: none; display: block; } .game3Link2:hover{ text-decoration: underline; } .game3Link2{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #0B88B2; text-decoration: none; } .game3Link:hover{ text-decoration: underline; } .game3ButtonPlace{ padding-top: 5px; } .game3Separator{ margin: 6px 0; background: url(/Graphics/Iplay/1000/GUI/General/GUI_Sep.gif) repeat-x; } .game3TextPlace{ padding:1px 0 0 1px; font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #E61A59; } /* -------------------------------------------------------- */ /* Game module 4 ------------------------------------------ */ .game4{ width: 100%; } .game4L{ width: 30px; padding-top: 2px; float: left; } .game4C{ width: 178px; padding-top: 3px; float: left; } .game4R{ margin-left: 5px; width: 43px; float:left; } .game4Link{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; } .game4Link:hover{ text-decoration: underline; } .game4Separator{ margin: 5px 0; width: 256px; background: url(/Graphics/Iplay/1000/GUI/General/GUI_Sep2.gif) repeat-x; } /* -------------------------------------------------------- */ /* Game module 5 ------------------------------------------ */ .game5{ width: 100%; } .game5L{ width: 82px; float: left; } .game5LInner{ padding-left: 4px; } .game5R{ width: 184px; float:left; } .game5PicArea{ height: 71px; background: url(/Graphics/Iplay/1000/GUI/General/GUI_GameFrame3.gif) no-repeat top left; } .game5PicPlace{ padding: 4px 0 0 4px; } .game5TextArea{ _height: 45px; min-height: 45px; } .game5ButtonPlace{ padding-top: 3px; } .game5Separator{ margin: 6px 0; background: url(/Graphics/Iplay/1000/GUI/General/GUI_Sep.gif) repeat-x; } .game5LinkPlace1{ padding: 1px 0; } .game5Link1{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: #0B88B2; } .game5Link1:hover{ text-decoration: underline; } .game5Text1{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .game5Text2{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .game5LinkPlace2{ padding: 5px 0 1px 0; } .game5Link2{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: #494949; } .game5Link2:hover{ text-decoration: underline; } .game5TextPlace1{ padding:3px 0 1px; } /* -------------------------------------------------------- */ /* Other Classes ------------------------------------------ */ .topBannerPlace{ width: 728px; height: 90px; } .poArea{ height: 27px; } .poContentPlace{ padding: 8px 5px 5px 6px; } .poLine{ background: url(/Graphics/Iplay/1000/Icons/ICN_Players_19x11.gif) no-repeat 0 1px; padding-left: 23px; font: 10px Arial, Verdana, Helvetica, sans-serif; color: #EB5282; } .poText1{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #EB5282; } .cn1L{ width: 336px; float: left; } .cn1R{ margin-left: 1px; float: left; } .cn2L{ width: 279px; float: left; } .cn2R{ margin-left: 6px; width: 305px; float: left; } .border1{ border: 1px solid #E5E4E7; } .cn3L{ width: 160px; float: left; } .cn3R{ float: right; } .upTextPlace{ padding-left: 5px; } .upText1{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; } .upLinkPlace1{ padding-right: 5px; } .upLink1{ background: url(/Graphics/Iplay/1000/Icons/ICN_Profile_12x10.gif) no-repeat 0 2px; padding-left: 17px; font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; display: block; cursor:hand; } .upLink1:hover{ text-decoration: underline; } .cn4L{ width: 157px; float:left; } .cn4R{ width: 121px; float:left; } .upAvatarArea{ height: 203px; background: url(/Graphics/Iplay/1000/GUI/General/GUI_AvatarFrame.gif) no-repeat top left; } .upAvatarPlace{ padding: 1px 0 0 1px; } .upMedalCont{ border: 1px solid #E0DAEA; background-color: #FFFFFF; } .upMedalContHeight{ _height: 86px; min-height: 86px; } .upMedalContPlace{ padding: 5px 5px 5px 6px; } .upTextPlace2{ height: 21px; } .upText2{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .cn5L{ width: 43px; float: left; } .cn5R{ width: 55px; padding-top: 1px; float: left; } .upLink2{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #0B88B2; text-decoration: none; cursor:hand; } .upLink2:hover{ text-decoration: underline; } .upTokenCont{ border: 1px solid #E0DAEA; background-color: #FFFFFF; } .upTokenContHeight{ _height: 105px; min-height: 105px; } .upTokenContPlace{ padding: 5px 5px 5px 6px; } .upTokenLine{ padding-bottom: 3px; } .upText3{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .upLinkPlace2{ text-align: right; } .upLink3{ background: url(/Graphics/Iplay/1000/Icons/ICN_Arrow_4x7.gif) no-repeat right 4px; padding-right: 8px; font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; display: block; cursor:hand; } .upLink3:hover{ text-decoration: underline; } .upLinkArea{ height: 32px; } .botButtonPlace{ padding-top: 6px; } .regText1{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .mgLinkArea{ height: 30px; text-align: right; } .mgLink{ background: url(/Graphics/Iplay/1000/Icons/ICN_Arrow2_4x7.gif) no-repeat right 4px; padding-right: 8px; font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #EA3B69; text-decoration: none; display: block; } .mgLink:hover{ text-decoration: underline; } .infoPanel{ height: 36px; background: url(/Graphics/Iplay/1000/GUI/General/GUI_InfoPanel.gif) no-repeat top left; } .infoPanelContentPlace{ padding: 11px 16px 0 20px; } .infoPanelText1{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; } .infoPanel1Link{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; white-space: nowrap; } .infoPanel1Link:hover{ text-decoration: underline; } .infoPanel1Sep{ vertical-align: top; padding: 0 5px; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; } .ad300x250Place{ width: 300px; height: 250px; } .ad300x250Area1{ padding: 29px 0 0 1px; } .ad300x250Area2{ padding: 18px 0 0 1px; } .siTextLine{ background: url(/Graphics/Iplay/1000/GUI/General/GUI_Bullet.gif) no-repeat 0 4px; font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; padding: 0 0 10px 15px; } .siButPlace{ padding-top: 9px; text-align: center; } .siLinkPlace{ padding-top: 8px; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #A4D3E2; text-align: center; } .siLink{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #A4D3E2; text-decoration: underline; cursor:hand; } .siLink:hover{ text-decoration: none; } .becomePartnerDiv{ padding-left:20px; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .becomePartnerLink{ FONT: 10px/14px verdana, arial, helvetica, sans-serif; COLOR: #333333; TEXT-DECORATION: underline; } /* Mobile popup page*/ .mppVisible{ display: block; } .mppHidden{ display: none; } .mppMainTbl{ width: 100%; height: 100%; border: 3px solid #FFFFFF; } .mppVAlingTop{ vertical-align: top; } .mppBody{ margin: 0px; overflow: hidden; background-color: #F9F9F9; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 0px; } .mppFormStyle{ margin: 0px; } .mppWorkPlace{ width: 260px; } .mppWorkPlaceContent1{ padding: 8px 9px 0 9px; } .mppTextPlace1{ padding-bottom: 14px; } .mppTextPlace2{ vertical-align:top; padding-top:3px; } .mppTextPlace3{ padding: 10px 0 10px 0; } .mppTextPlace4{ padding: 42px 0 11px 0; text-align: center; } .mppTextPlace5{ text-align: center; _height: 100px; min-height: 100px; } .mppTextbox1{ width: 38px; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; background-color:#FFFFFF; border: 1px solid #EE2E68; } .mppTextbox2{ width: 110px; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; background-color:#FFFFFF; border: 1px solid #EE2E68; } .mppSelect1{ width: 187px; font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; background-color:#FFFFFF; border: 1px solid #EE2E68; } .mppButtonPlace1{ text-align: center; padding-bottom: 5px; } .mppButtonPlace2{ padding-top: 4px; text-align: center; } .mppLinkPlace1{ text-align: center; } .mppText1{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .mppText2{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #494949; } .mppText3{ font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #8A8888; } .mppText4{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #8A8888; } .mppText5{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #EE2E68; } .mppText6{ font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #EE2E68; } .mppLink1{ font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #EE2E68; text-decoration: none; } .mppLink1:hover{ text-decoration: underline; } .mppSpacer1{ height: 11px; } /* -------------------------------------------------------- */