body { margin: 0 0 0 0; } /* General Styles ----------------------------------------- */ .width100Percents{ width: 100%; } .width100PerAlignTop{ width: 100%; vertical-align: top; } .floatLeft{ float: left; } .floatRight{ float: right; } .clearBoth{ clear: both; } .alignTop{ vertical-align: top; } .nowrap{ white-space: nowrap; } .cursorHand{ cursor: pointer; cursor: hand; } .alignRight{ text-align: right; } .alignCenter{ text-align: center; } .displayBlock{ display: block; } .displayNone{ display: none; } .posRelative{ position: relative; top: 0px; left: 0px; } /* -------------------------------------------------------- */ /* Page Layout -------------------------------------------- */ #header{ width: 982px; margin:0 auto; padding: 0px; font-size :7px; } #Footer{ width: 982px; padding: 0px; font-size :9px; margin:0 auto; } .mainClass { margin:0 auto; text-align:center; } .mainWorkPlace{ width: 982px; font-size : 0px; margin:0 auto; text-align: left; padding: 0px; } .mainColumns{ } .columnL{ width: 177px; float: left; } .columnC{ margin-left: 11px; width: 607px; float: left; } .columnR{ margin: 24px 0 10px 11px; width: 176px; float: left; } /* -------------------------------------------------------- */ /* Main Navigation ---------------------------------------- */ .mainNavContainer{ width: 982px; background: url(/Graphics/sky/Images/Navigation/Main/center.gif) repeat-x top; font-size: 0px; } .mainNavContainerLeft{ background: url(/Graphics/sky/Images/Navigation/Main/left.gif) no-repeat top left; } .mainNavContainerRight{ background: url(/Graphics/sky/Images/Navigation/Main/right.gif) no-repeat top right; } .mainNavContainerContentPlace{ padding: 2px; } .mainNavContainer img{ float: left; } .mainNavContainer #NAV_MyAccount{ float: right; } /* -------------------------------------------------------- */ /* Game module 1 ------------------------------------------ */ .game1Outer{ float: left; width: 114px; } .game1Border{ border: 1px solid #CCCCCC; } .game1Inner{ padding: 6px 6px 9px 6px; } .game1TextArea{ _height: 58px; min-height: 58px; } .game1TextPlace{ padding: 8px 3px 0 4px; } .game1ButtonPlace{ padding: 3px 2px 0 0; text-align: right; } .game1Separator{ float: left; width: 6px; } /* -------------------------------------------------------- */ /* Game module 2 ------------------------------------------ */ .game2Outer{ width: 284px; } .game2Border{ border: 1px solid #CCCCCC; } .game2Inner{ padding: 6px; } .game2Left{ float: left; width: 110px; } .game2Right{ float: left; width: 160px; } .game2TextArea{ _height: 55px; min-height: 55px; } .game2TextPlace{ background: url(/Graphics/sky/Images/Icons/ICN_Bullet1_7x7.gif) 0 8px no-repeat; padding: 4px 2px 0 13px; } .game2ButtonPlace{ padding: 3px 0 0 15px; } .game2Separator{ height: 6px; } /* -------------------------------------------------------- */ /* Game module 3 ------------------------------------------ */ .game3Outer{ width: 151px; } .game3Left{ float: left; width: 68px; } .game3Right{ float: left; width: 83px; } .game3TextArea{ _height: 41px; min-height: 41px; } .game3ButtonPlace{ padding-top: 3px; } .game3Separator{ margin: 12px 0; background: url(/Graphics/sky/Images/GUI/General/GUI_Sep1.gif) repeat-x; } /* -------------------------------------------------------- */ /* Game module 4 ------------------------------------------ */ .game4Title{ padding: 6px 0 0 10px; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #494846; } .game4Outer{ margin-top: 7px; width: 593px; } .game4Border{ border: 1px solid #CCCCCC; } .game4Inner{ padding: 6px; } .game4Left{ float: left; width: 338px; } .game4Right{ float: left; width: 230px; } .game4TextArea{ _height: 187px; min-height: 187px; } .game4TextPlace1{ width: 210px; padding-top: 9px; } .game4TextPlace2{ padding-top: 7px; } .game4TextPlace3{ padding-top: 14px; } .game4TextPlace4{ padding-top: 8px; } .game4ButtonPlace{ padding-top: 3px; } /* -------------------------------------------------------- */ /* Game module 5 ------------------------------------------ */ .game5Outer{ width: 408px; } .game5Border1{ border: 1px solid #CCCCCC; } .game5Border2{ border: 1px solid #FFFFFF; } .game5Inner{ background: url(/Graphics/sky/Images/GUI/General/GUI_GameBGI.gif) repeat-y; padding: 5px; } .game5Left{ float: left; width: 110px; } .game5Right{ float: left; width: 282px; } .game5TextArea{ _height: 51px; min-height: 51px; } .game5TextPlace1{ background: url(/Graphics/sky/Images/Icons/ICN_Bullet1_7x7.gif) 0 8px no-repeat; padding: 5px 2px 0 13px; } .game5TextPlace2{ padding: 3px 2px 0 13px; } .game5ButtonPlace{ padding: 3px 0 0 13px; } .game5Separator{ height: 6px; } /* -------------------------------------------------------- */ /* Game module 6 ------------------------------------------ */ .game6Outer{ width: 593px; } .game6Border{ border: 1px solid #CCCCCC; } .game6Inner{ padding: 6px; } .game6Columns{ width: 100%; background: url(/Graphics/sky/Images/GUI/General/GUI_Sep4.gif) 388px 0 repeat-y; } .game6Left{ float: left; width: 195px; } .game6Center{ float: left; width: 187px; } .game6Right{ margin-left: 13px; float: left; width: 184px; } .game6TextArea1{ _height: 97px; min-height: 97px; } .game6TextArea2{ background: #ECECEC url(/Graphics/sky/Images/GUI/General/GUI_BGI2.gif) top left repeat-x; _height: 80px; min-height: 80px; } .game6TextPlace1{ padding-top: 10px; } .game6TextPlace2{ background: url(/Graphics/sky/Images/Icons/ICN_Bullet1_7x7.gif) 0 8px no-repeat; padding: 5px 0 0 13px; } .game6TextPlace3{ padding: 3px 0 0 13px; } .game6TextPlace4{ padding: 4px 0 0 13px; } .game6TextPlace5{ padding: 0 5px 5px 32px; } .game6ButtonPlace{ padding: 3px 0 0 13px; } /* -------------------------------------------------------- */ /* Game module 7 ------------------------------------------ */ .game7Outer{ width: 593px; } .game7Border1{ border: 1px solid #CCCCCC; } .game7Inner{ padding: 6px; } .game7Left{ float: left; width: 111px; } .game7Right{ float: left; width: 466px; } .game7TextArea{ _height: 51px; min-height: 51px; } .game7TextPlace1{ background: url(/Graphics/sky/Images/Icons/ICN_Bullet1_7x7.gif) 0 8px no-repeat; padding: 5px 2px 0 13px; } .game7TextPlace2{ padding: 3px 2px 0 13px; } .game7ButtonPlace{ padding: 3px 0 0 13px; } .game7Separator{ height: 6px; } /* -------------------------------------------------------- */ /* Game module 8 ------------------------------------------ */ .game8Outer{ width: 288px; } .game8Border{ border: 1px solid #CCCCCC; } .game8Inner{ padding: 6px; background-color: #FFFFFF; } .game8Left{ float: left; width: 189px; } .game8Right{ float: left; width: 84px; } .game8TextArea1{ padding-top: 36px; } .game8TextArea2{ background: #ECECEC url(/Graphics/sky/Images/GUI/Popup/GUI_BGI1.gif) top left repeat-x; _height: 159px; min-height: 159px; } .game8TextPlace1{ padding-top:5px; } .game8TextPlace2{ padding:13px 6px 3px 26px;; } .game8TextPlace3{ padding:5px 0; } .game8ImagePlace{ padding-top: 16px; } /* -------------------------------------------------------- */ /* Container type 1 --------------------------------------- */ .container1{ width: 607px; background: url(/Graphics/sky/Images/GUI/Container1/GUI_BGI.gif) repeat-y; font-size: 0px; } .container1Footer{ background: url(/Graphics/sky/Images/GUI/Container1/GUI_Footer.gif) no-repeat bottom; } .container1Header{ background: url(/Graphics/sky/Images/GUI/Container1/GUI_Header.gif) no-repeat top; } .container1ContentPlace1{ padding: 7px 0 6px 6px; } .container1ContentPlace2{ padding: 8px 0 20px 6px; } /* -------------------------------------------------------- */ /* Container type 2 --------------------------------------- */ .container2Even{ width: 298px; background: url(/Graphics/sky/Images/GUI/Container2/GUI_BGI.gif) repeat-y; float: left; font-size: 0px; margin-top: 11px; } .container2Odd{ width: 298px; background: url(/Graphics/sky/Images/GUI/Container2/GUI_BGI.gif) repeat-y; font-size: 0px; margin-top: 11px; margin-left: 11px; float: left; } .container2Footer{ background: url(/Graphics/sky/Images/GUI/Container2/GUI_Footer.gif) no-repeat bottom; } .container2Header{ background: url(/Graphics/sky/Images/GUI/Container2/GUI_Header.gif) no-repeat top; } .container2ContentPlace1{ padding: 6px 0 7px 7px; } /* -------------------------------------------------------- */ /* Container type 3 --------------------------------------- */ .container3Outer{ margin-top: 11px; } .container3{ width: 177px; background: url(/Graphics/sky/Images/GUI/Container3/GUI_BGI.gif) repeat-y; font-size: 0px; } .container3Footer{ background: url(/Graphics/sky/Images/GUI/Container3/GUI_Footer.gif) no-repeat bottom; } .container3ContentPlace1{ padding: 5px 13px 13px 13px; } .container3ContentPlace2{ padding: 12px 13px 13px 13px; } /* -------------------------------------------------------- */ /* Container type 4 --------------------------------------- */ .container4{ margin-top: 24px; width: 177px; background: url(/Graphics/sky/Images/GUI/Container4/GUI_BGI.gif) repeat-y; font-size: 0px; } .container4Footer{ background: url(/Graphics/sky/Images/GUI/Container4/GUI_Footer.gif) no-repeat bottom; } .container4Header{ background: url(/Graphics/sky/Images/GUI/Container4/GUI_Header.gif) no-repeat top; } .container4Height{ _height: 156px; min-height: 156px; } .container4ContentPlace1{ padding: 36px 17px 12px 17px; } /* -------------------------------------------------------- */ /* Container type 5 --------------------------------------- */ .container5Outer{ background: #FFFFFF url(/Graphics/sky/Images/GUI/Container5/GUI_BGI.gif) repeat-x top; } .container5TopL{ background: url(/Graphics/sky/Images/GUI/Container5/GUI_TopL.gif) no-repeat top left; } .container5TopR{ background: url(/Graphics/sky/Images/GUI/Container5/GUI_TopR.gif) no-repeat top right; } .container5Top{ background: url(/Graphics/sky/Images/GUI/Container5/GUI_Top.gif) repeat-x top; } .container5BotL{ background: url(/Graphics/sky/Images/GUI/Container5/GUI_BotL.gif) no-repeat bottom left; } .container5BotR{ background: url(/Graphics/sky/Images/GUI/Container5/GUI_BotR.gif) no-repeat bottom right; } .container5Bot{ background: url(/Graphics/sky/Images/GUI/Container5/GUI_Bot.gif) repeat-x bottom; } .container5SideL{ background: url(/Graphics/sky/Images/GUI/Container5/GUI_SideL.gif) repeat-y left; } .container5SideR{ background: url(/Graphics/sky/Images/GUI/Container5/GUI_SideR.gif) repeat-y right; } .container5Dimensions{ _width: 663px; min-width: 663px; _height: 561px; min-height: 561px; } .container5ContentPlace1{ padding: 6px; } /* -------------------------------------------------------- */ /* Container type 6 --------------------------------------- */ .container6Outer{ width: 300px; background: url(/Graphics/sky/Images/GUI/Container6/GUI_OuterBGI.gif) repeat-x top; } .container6{ background: url(/Graphics/sky/Images/GUI/Container6/GUI_BodyBGI.gif) repeat-y; } .container6Footer{ background: url(/Graphics/sky/Images/GUI/Container6/GUI_Footer.gif) no-repeat bottom; } .container6Header{ background: url(/Graphics/sky/Images/GUI/Container6/GUI_Header.gif) no-repeat top; } .container6Height{ _height: 561px; min-height: 561px; } .container6ContentPlace1{ padding: 6px; } /* -------------------------------------------------------- */ /* Side Menu ---------------------------------------------- */ .sideMenuItem{ width: 100%; font-size: 0px; } .sideMenuItemLeft{ float: left; width: 19px; } .sideMenuItemRight{ float: left; width: 123px; } .sideMenuSeparator{ margin: 4px 0 3px 0; background: url(/Graphics/sky/Images/GUI/General/GUI_Sep2.gif) repeat-x; } /* -------------------------------------------------------- */ /* Side List Module --------------------------------------- */ .sglItem{ width: 100%; font-size: 0px; } .sglItemL{ width: 16px; float: left; text-align: center; } .sglItemC{ background:url(/Graphics/sky/Images/GUI/General/GUI_GameIconFrame.gif) no-repeat left top; width: 27px; height: 20px; float: left; margin-left: 3px; } .sglItemC2{ width: 131px; float: left; margin-left: 3px; } .sglItemB{ height: 89px; } .sglItemR{ width: 104px; float: left; } .sglItemContentPlace1{ padding-top:3px; } .sglItemContentPlace2{ padding-top:4px; } .sglItemContentPlace3{ padding:3px 0 2px 2px; } .sglItemContentPlace4{ padding:4px 0 0 19px; } .sglPicPlace{ padding:2px; background:url(/Graphics/sky/Images/GUI/General/GUI_GamePicFrame.gif) no-repeat; } .sglSeparator{ margin: 5px 0 4px 0; background: url(/Graphics/sky/Images/GUI/General/GUI_Sep3.gif) repeat-x; } /* -------------------------------------------------------- */ /* Adds, Promos and Iframes-------------------------------- */ .ad120x600IFrame{ width: 120px; height: 600px; } .adPanell1{ margin-top: 11px; width: 176px; height: 600px; background: url(/Graphics/sky/Images/GUI/General/GUI_AddBGI1.gif) repeat-y; } .ad120x600Place{ margin-left: 28px; width: 120px; height: 600px; } /* -------------------------------------------------------- */ /* Paging ------------------------------------------------- */ .pagingPlace{ float: right; padding-right: 16px; } ul.paging{ margin: 0px; padding: 0px; font-size: 0px; list-style-type: none; } .paging li{ display: inline; } .paging span{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; margin-left: 2px; padding: 2px 5px; line-height: 17px; background-color: #F3F3F3; } .paging a{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; margin-left: 2px; padding: 2px 4px; line-height: 17px; } .paging a:hover{ text-decoration: none; } /* -------------------------------------------------------- */ /* Popup Styles ------------------------------------------- */ .ppWorkplace{ font-size : 0px; margin: 0px; padding: 0px; } .ppHeaderL{ float: left; width: 246px; } .ppHeaderR{ float: left; } .ppBody{ padding: 5px 0 0 5px; } .ppBodyL{ float: left; } .ppBodyR{ margin-left: 5px; float: left; width: 300px; } .ppSep1{ margin-top: 6px; background: url(/Graphics/sky/Images/GUI/Popup/GUI_Sep1.gif) repeat-x; } .ppDIModule{ border: 1px solid #CCCCCC; margin-top: 6px; } .ppDIDimensions{ width: 286px; _height: 200px; min-height: 200px; } .ppDIContentPlace{ padding:6px; } .ppDITitleArea{ background-color: #F5F5F5; height: 22px; } .ppDITitlePlace{ padding:4px 5px 0 10px; } .ppDITextArea{ padding: 10px 0 0 10px; } .ppDILeft{ float: left; width: 120px; } .ppDIRight{ float:left; width: 144px; } .ppDITextPlace{ padding-top: 14px; } .ppGameAreaHeader{ _height: 26px; min-height: 26px; } .ppGameTitle{ font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #333333; padding:2px 8px 2px 8px; } .ppGameAreaBody1{ border: 1px solid #CFCFCF; background-color: #333333; padding-bottom: 14px; } .ppGameAreaBody1Dim{ _width: 649px; min-width: 649px; _height: 495px; min-height: 495px; text-align: center; } .ppSponsoredByArea{ width: 649px; _height: 47px; min-height: 47px; } .ppSponsoredByTextPlace{ padding: 18px 5px 3px 5px; text-align: center; font: bold 11px Tahoma, Arial,Verdana, Helvetica, sans-serif; color: #FFFFFF; } .ppBorder1{ border: 1px solid #FFFFFF; } .ppBannerTablePadding{ padding: 0 24px 0 23px; } .ppBannerTable{ width: 600px; height: 400px; } .ppGameAreaTextPlace1{ width: 600px; } .ppGameAreaTextPlace2{ padding:5px 0; text-align: center; font: 9px Tahoma, Arial,Verdana, Helvetica, sans-serif; color: #FFFFFF; } .ppGameAreaFooter{ width: 651px; } .ppPresentedBy{ padding:11px 0 0 8px; font: bold 9px Tahoma, Arial,Verdana, Helvetica, sans-serif; color: #494949; } /* -------------------------------------------------------- */ /* Other Classes ------------------------------------------ */ .spacer1{ height: 5px; } .spacer2{ height: 6px; } .totalGames{ margin-left: 5px; padding-top: 1px; float: left; } .gameInfoBot{ margin-top: 7px; width: 100%; background: url(/Graphics/sky/Images/GUI/General/GUI_Sep4.gif) 414px 0 repeat-y; } .gameInfoBotLeft{ width: 408px; float: left; } .gameInfoBotRight{ margin-left: 13px; width: 171px; float: left; } .gameInfoTextArea1{ background: #ECECEC url(/Graphics/sky/Images/GUI/General/GUI_BGI1.gif) top left repeat-x; _height: 119px; min-height: 119px; } .gameInfoTextArea1Padding{ padding: 6px 3px 3px 29px; } .gameInfoTextPlace1{ margin-top: 5px; } .gameInfoTextLine1{ margin-top: 1px; padding-left: 9px; background: url(/Graphics/sky/Images/GUI/General/GUI_Bullet1.gif) 0 5px no-repeat; } .gameInfoButtonArea{ margin-top: 18px; width: 100%; } .gameInfoButtonPlace{ width: 63px; float: left; } .gameInfoTextPlace2{ padding-top: 1px; float: left; } .gameInfoTitleArea1{ margin-top: 6px; height: 22px; background-color: #F5F5F5; } .gameInfoTitleArea2{ height: 22px; background-color: #F5F5F5; } .gameInfoTitleArea3{ margin-top: 28px; height: 22px; background-color: #F5F5F5; } .gameInfoTitlePlace1{ padding: 4px 10px 3px 10px; } .gameInfoDownload{ margin-top: 9px; } .gameInfoDownloadL{ width: 130px; float: left; } .gameInfoDownloadR{ width: 220px; float: left; } .gameInfoScreenshotsArea{ padding: 6px 0 0 9px; } .gameInfoScreenshotPlace{ margin-top: 8px; } .titlePlace1{ margin-top: 24px; } .rightModule{ margin-top: 24px; width: 176px; height: 207px; background: url(/Graphics/sky/Images/GUI/General/GUI_premiumPackTeaserBGI.gif) no-repeat; } .rightModulePadding{ padding: 5px 0 0 5px; } .regLink1Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; } .regLink1Bold:hover{ text-decoration: underline; } .regLink2Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #494846; text-decoration: none; } .regLink2Bold:hover{ text-decoration: underline; } .sideMenuItemRight .regLink2Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #494846; text-decoration: none; } .sideMenuItemRight .regLink2Bold:hover{ color: #EF2484; } .regLink3{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #ED0177; text-decoration: underline; } .regLink3:hover{ text-decoration: none; } .regLink4Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #EF2484; text-decoration: none; } .regLink4Bold:hover{ text-decoration: underline; } .sideMenuItemRight .regLink4Bold, .sideMenuItemRight .regLink4Bold:hover{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #EF2484; text-decoration: none; } .regLink5{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; } .regLink5:hover{ text-decoration: underline; } .regLink5Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; } .regLink5Bold:hover{ text-decoration: underline; } .regLink6Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; text-decoration: underline; } .regLink6Bold:hover{ text-decoration: none; } .regText1Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #3C3B3B; } .regText1Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; } .regText1{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; } .regText2{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #818286; } .regText3{ font: 10px Verdana, Arial, Helvetica, sans-serif; color: #818286; } .regText4Bold{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #EE197F; } .padding1{ padding-left: 8px; } .padding2{ padding-left: 7px; } .padding3{ padding-left: 10px; } .padding4{ padding-top: 15px; } .padding5{ padding-top: 6px; } .padding6{ padding: 13px 15px 0 9px; } .noMargin{ margin: 0; } .margin1{ margin-top: 23px; margin-bottom: 5px; } .inlineUL{ margin: 0px; padding: 0px; font-size: 0px; list-style-type: none; } .inlineUL li{ display: inline; } .liTextPlace1{ vertical-align: top; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #ED0177; position: relative; top: 4px; padding-left: 7px; } /* -------------------------------------------------------- */