/************************ ©2010 Smart Live Casino ************************* Main CSS v1.0 | 20100330 0 - DEFAULTS 1 - MAIN 2 - HEADER 3 - CENTER 4 - NAVIGATION 5 - LOGOS 6 - GAMES 7 - FOOTER 8 - POPUPS 9 - GAME WINDOW *************************/ /* 0 - DEFAULTS */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #020000; color: #8c2727; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .bold { font-weight: bold; } .centered { margin: 0 auto; } .block { display: block; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; } a:hover { cursor: pointer; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* 1 - MAIN */ .mainWidth { width: 975px; } /*body { background: #000 url(http://static.smartlivebingo.com/Resources/Images/Bingo/backgrounds/bodyBg.jpg) no-repeat center top; }*/ /* 2 - HEADER */ .header { height: 65px; } .logo { background: #000 url(http://static.smartlivebingo.com/Resources/Images/Bingo/logo/logo.jpg) no-repeat; width: 200px; height: 50px; } .logoPosition { position: relative; top: 7px; left: 10px; float: left; } .topMenuContainer { height: 50px; float: right; font-size: 11px; color: #5c5c5c; } .topMenuRight, .topMenuLeft, .topMenuCenter { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/backgrounds/topMenuBg.jpg); float: right; height: 50px; } .topMenuRight, .topMenuLeft { width: 9px; background-repeat: no-repeat; } .topMenuLeft { background-position: left bottom; } .topMenuRight { background-position: right bottom; } .topMenuCenter { background-position: center bottom; background-repeat: repeat-x; width: 720px; } .loginContainer { position: relative; left: 15px; margin-top: 10px; } .forgottenPassword { display: inline; position: relative; left: 15px; top: 2px; } .postLoginContainer { margin-top: 24px; position: relative; } .postLoginContainer b { color: #A71367; } .postLoginContainer a, .postLoginContainer a:link, .postLoginContainer a:visited { color: #a90100; } .postLoginContainer span { position: relative; top: 4px; margin-right: 6px; } input.loginInput { background-image: url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/loginInputBg.gif); background-repeat: no-repeat; padding: 3px; width: 119px; height: 15px; font-size: 11px; color:#ffffff; background-color: Transparent; font-size: 12px; } .loginContainer a { margin-left: 3px; } .forgottenPassword a, .forgottenPassword a:link, .forgottenPassword a:visited { color: white; } .forgottenPassword a:hover { color: #727272; } .loginButton, .joinButton, .myAccountButton, .depositButton, .transferButton { background-repeat: no-repeat; height: 32px; } .loginButton { background-image: url(http://static.smartlivecasino.com/Resources/Images/Casino/buttons/loginButton.png); width: 56px; } .joinButton { background-image: url(http://static.smartlivecasino.com/Resources/Images/Casino/buttons/Bingo/joinButton.png); width: 69px; } .myAccountButton { background-image: url(http://static.smartlivecasino.com/Resources/Images/Casino/buttons/Bingo/myAccount.png); width: 123px; position: relative; z-index: 9999; } .depositButton { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/buttons/deposit.png); width: 70px; } .transferButton { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/buttons/transfer.png); width: 76px; } .loginButton:hover, .joinButton:hover { background-position: center -32px; } .logoutButton { background: url(http://static.smartlivecasino.com/Resources/Images/Casino/buttons/logout.png) center no-repeat; margin-left: 5px; height: 30px; width: 20px; display: block; position: absolute; } .logoutButton span { position: absolute; top: -14px; left: -3px; margin: 0; } .rememberMe { position: relative; top: 4px; } .rememberMe input { position: relative; top: 3px; right: 3px; margin-left: 3px; } .languageContainer { padding: 18px 0 0 10px; width: 170px; float: left; } .languageList { position: relative; top: -2px; left: 3px; } .languageList li { float: left; padding-right: 2px; } .languageList a { opacity: 0.6; filter: alpha(opacity=60); } .languageList a.selected, .languageList a:hover { opacity: 1; filter: alpha(opacity=100); } .languageFlags { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/flags/flags.png); background-repeat: no-repeat; width: 19px; height: 32px; display: block; } .languageFlags.UK { background-position: left top; } .languageFlags.DE { background-position: -21px top; } .languageFlags.GR { background-position: -42px top; } .languageFlags.ES { background-position: -63px top; } .languageFlags.PL { background-position: -84px top; } .languageFlags.TR { background-position: -105px top; } .languageFlags.RO { background-position: -126px top; } .topMenuList li { float: left; } .topMenuList ul { position: absolute; top: 22px; z-index: 999; width: 123px; overflow: hidden; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/topMenuBg.png) bottom center; } .topMenuList ul li { float: none; font-size: 11px; padding: 3px 0 4px 10px;} .topMenuList ul li:first-child { padding-top: 6px; } .topMenuList ul li a { font-size: 11px; } .topMenuList ul li.seperated { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/dropdownMenuSeperator.gif) no-repeat center bottom; } /* 3 - CENTER */ .center { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/backgrounds/centerBg.jpg); background-repeat: no-repeat; height: 400px; } .centerContent { padding: 14px 15px; height: 370px; } .tabList { height: 48px; } .tabList li { float: left; } .tabs { height: 48px; background-repeat: no-repeat; display: block; background-position: center top; } .tabs:hover, .tabs.selected { background-position: center -48px; } .tabs.liveCasino { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/liveCasino.jpg); width: 155px; } .tabs.casino { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/casino.jpg); width: 113px; } .tabs.poker { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/poker.jpg); width: 113px; } .tabs.bingo { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/bingo.jpg); width: 112px; } .tabs.games { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/games.jpg); width: 112px; } .tabs.sports { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/sports.jpg); width: 114px; } .tabs.slots { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/slots.jpg); width: 103px; } .tabs.markets { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/markets.jpg); width: 123px; } .casinoTab { width: 944px; height: 44px; background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/tabBg.jpg); background-repeat: repeat-x; } .casinoMenu { position: relative; left: 30px; } .casinoMenu.casino { left: 128px; } .casinoMenu ul { position: absolute; z-index: 999; width: 144px; overflow: hidden; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/dropdownBg.png) bottom center; } .casinoMenu ul li { float: none; font-size: 11px; width: 95%; margin-left: 3px; } .casinoMenu ul li a { color: #969696; padding: 2px 0 2px 12px; } .casinoMenu ul li.seperated { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/dropdownMenuSeperator.gif) no-repeat center bottom; } .casinoMenu li { float: left; color: #aeadad; font-size: 13px; } .casinoMenu li a { padding: 10px; display: block; color: #aeadad; } .casinoMenu li a:hover { color: #e50505; } .casinoMenu > li.seperated { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/tabSeperator.jpg); background-position: right center; background-repeat: no-repeat; padding-right: 3px; } .casinoMenu > li a.arrowed { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/tabs/tabArrow.gif); background-position: 95% center; background-repeat: no-repeat; padding-right: 25px; } .bannerContainer { position: relative; top: -5px; z-index: 0; } /* 4 - NAVIGATION */ .navigation { width: 956px; height: 218px; font-size: 11px; margin-top: 5px; } .navigationItem { height: 180px; float: left; background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/backgrounds/navMenuBg.jpg); background-repeat: no-repeat; padding: 35px 26px 0 25px; } .navigationItem.leftOne { background-position: left top; } .navigationItem.rightOne { background-position: right top; } .navigationItem.center { background-position: center top; } .navigationSeperator { float: left; background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/navMenu/menuSeperator.gif); width: 2px; height: 210px; } .navigationItem ul { padding-top: 15px; list-style: none; } .navigationItem ul li { padding-left: 10px; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/navMenu/menuArrow.gif) left center no-repeat; } .navigationHeaders { height: 15px; display: block; background-repeat: no-repeat; } .navigationHeaders.information { background-image: url(http://static.smartlivecasino.com/Resources/Images/Common/navMenu/information.png); width: 110px; } .navigationHeaders.smartLiveProducts { background-image: url(http://static.smartlivecasino.com/Resources/Images/Common/navMenu/smartLiveProducts.png); width: 140px; } .navigationHeaders.contactSmartLive { background-image: url(http://static.smartlivecasino.com/Resources/Images/Common/navMenu/contactSmartLive.png); width: 155px; } .navigationHeaders.smartLiveLinks { background-image: url(http://static.smartlivecasino.com/Resources/Images/Common/navMenu/smartLiveLinks.png); width: 130px; } .navigationHeaders.smartLiveLicence { background-image: url(http://static.smartlivecasino.com/Resources/Images/Common/navMenu/smartLiveLicence.png); width: 155px; } .licenceText { width: 155px; font-size: 11px; color: #747474;} .navigationItem a, .navigationItem a:link, .navigationItem a:visited { color: #747474; } .navigationItem a:hover { color: #919191; } /* 5 - LOGOS */ .logoContainer { text-align: center; height: 40px; width: 870px; margin: 10px auto; } .logos { height: 40px; display: block; background-repeat: no-repeat; } .logos:hover { background-position: center -40px; } .logoList li { float: left; margin-right: 3px; } .logos.ibas { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/ibas.jpg); width: 69px; } .logos.gamblersAnonymous { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/gamblersAnonymous.jpg); width: 38px; } .logos.icra { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/icra.jpg); width: 37px; } .logos.gamcare { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/gamcare.jpg); width: 43px; } .logos.uruId { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/uruId.jpg); width: 72px; } .logos.gamblingTherapy { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/gamblingTherapy.jpg); width: 36px; } .logos.over18 { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/over18.jpg); width: 25px; } .logos.payCards { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/payCards.jpg); width: 263px; } .logos.neteller { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/neteller.jpg); width: 95px; } .logos.moneyBookers { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/moneyBookers.jpg); width: 59px; } .logos.ukash { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/logos/ukash.jpg); width: 83px; } /* 6 - GAMES */ .gamesContainer { width: 990px; height: 540px; } .gamesLeftColumn, .gamesCenterColumn, .gamesRightColumn { float: left; height: 540px; } .gamesLeftColumn { width: 339px; } .gamesCenterColumn { width: 324px; } .gamesRightColumn { width: 327px; } .rightColumnContainer { width: 327px; height: 540px; position: relative; z-index: 10; } .miniGameContainer { position: relative; z-index: -10; top: -279px; left: -7px; width: 325px; height: 275px; background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/backgrounds/miniGamesBg.jpg); } .miniGameHeader { position: relative; left: 25px; top: 16px; color: #707070; } .switchGames { width: 64px; height: 28px;float: right; position: relative; z-index: 10; right: 36px; top: -4px; } .switchGames a { float: right; } .switchLeft, .switchRight { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/buttons/switchGames.gif); height: 28px; width: 32px; display: block; } .switchLeft { background-position: left top; } .switchLeft:hover { background-position: left -28px; } .switchRight { background-position: right top; } .switchRight:hover { background-position: right -28px; } /* 7 - FOOTER */ .footerTextArea { padding: 5px 0 30px; } .footerTextArea p { font-size: 11px; text-align: center; padding: 2px 0; line-height: 12px; } .footerTextArea b { color: #760a0a; } /* 8 - POPUPS */ .popupBody { _text-align: center; background: none transparent; } .popupWidth { width: 818px; } .popupContainer { position: absolute; z-index: 99; } .popupTop, .popupBottom { height: 42px; position: relative; z-index: 95; } .popupTopLeft, .popupTopRight, .popupTopCenter, .popupBottomLeft, .popupBottomRight, .popupBottomCenter { float: left; height: 42px; } .popupTopLeft, .popupTopRight, .popupBottomLeft, .popupBottomRight { width: 12px; background-repeat: no-repeat; } .popupTopLeft { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/topLeft.png); } .popupTopRight { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/topRight.png); } .popupTopCenter { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/topCenter.png); width: 794px; } .popupBottomLeft { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/bottomLeft.png); } .popupBottomRight { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/bottomRight.png); } .popupBottomCenter { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/bottomCenter.png); width: 794px; } .popupCenter { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/center.png); background-repeat: repeat-y; } .popupContent { position: relative; width: 807px; top: -6px; z-index: 90; height: 398px; } .popupBottom { top: -12px; } .popupHeader { text-align: center; margin-top: 5px; } .popupHeader span { position: relative; top: -8px; left: -2px; font-weight: bold; color: #dfdfdf; } .popupTopMenu { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/topMenuBg.jpg); background-repeat: repeat-x; height: 54px; } .popupTopMenuList { position: relative; top: 15px; left: 25px; } .popupTopMenuList li { float: left; } .popupTopMenuList li.mar { margin-right: 148px; } .popupMenuItem { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/topMenuItemBg.jpg); color: #c7c5c5; font-weight: bold; width: 153px; height: 23px; display: block; text-align: center; } .popupMenuItem span { position: relative; top: 4px; } .popupContentHeader { height: 30px; background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/leftMenuItem.gif); background-repeat: repeat-x; text-align: center; } .popupContentHeader span { position: relative; top: 5px; color: #fff; } .popupLeftMenu, .popupLeftMenuItem { width: 206px; } .popupLeftMenu { width: 206px; float: left; background-color: #2c2c2c; } .popupLeftMenu.lc { background-color: #2c2c2c; } .popupLeftMenu.fp { background: #2c2c2c url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/forgottenPasswordBg.jpg) top center repeat-x; } .popupLeftMenu.fp div.content { color: #9a9a9a; } .popupLeftMenu.fp div.content > div { margin-bottom: 10px; } .popupRightContent.fp { background: #2a2a2a url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/fpScreenBg.jpg) top center no-repeat; } .popupLeftMenu.fp div.content, .popupRightContent.fp div.content { padding: 35px 10px 0; } .popupLeftMenu.fp div.content p, .popupRightContent.fp div.content p { display: block; text-align: left; margin-bottom: 8px; } .popupRightContent.fp div.content p { width: 340px; } .popupRightContent.fp div.content p > a { color: #c91007; font-weight: bold; } .popupRightContent.fp div.content div.contentInformation { height: 141px; } .popupRightContent.fp div.content div.progress { padding-top: 15px; } .popupRightContent.fp div.content div.progress p { padding: 0; margin: 0; } .popupRightContent.fp div.content div.progress p b { color: #c0c0c0; } .popupRightContent.fp div.content div.progress p.success, .popupTransferScreen p.success { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/fpSuccess.png) left center no-repeat; padding:10px 0 10px 40px; font-size: 14px; font-weight: bold; color: #b7b6b6; } .popupRightContent h5 { font-size: 12px; color: #c0c0c0; font-weight: bold; margin: 0 0 10px 3px; } .popupRightContent h6 { font-size: 12px; color: #bc4a3b; font-weight: bold; margin: 0 0 10px 0; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/fpHeaderSeperator.jpg) left bottom no-repeat; padding-bottom: 6px; } .popupLeftMenuItem { text-align: right; } .popupLeftMenuItem a { padding-top: 6px; margin-right: 5px; color: #d0d0d0; height: 20px; display: block; } .popupLeftMenuItem a.expanded { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/expanded.jpg) no-repeat right center; padding-right: 35px; } .popupLeftMenuItem a.collapsed { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/collapsed.jpg) no-repeat right center; padding-right: 35px; } .popupRightBottomContent, .popupLeftMenuContent { border-left: 1px solid #242424; border-top: 1px solid #242424; background-color: #1a1a1a; color: #eae3e3; } .popupLeftMenuContent { padding: 10px; } .popupLeftMenuContent ul.cards { display: table; } .popupLeftMenuContent ul.cards li { float: left; margin: 0 4px; } .popupLeftMenuContent ul.cards li a img { opacity: 0.6; filter: alpha(opacity=66); } .popupLeftMenuContent ul.cards li a.selectedCard img, .popupLeftMenuContent ul li a:hover img { opacity: 1.0; filter: alpha(opacity=100); } .popupContentSeperator { float: left; width: 3px; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/contentSeperator.jpg) center center; } .popupContentSeperator.transfer { height: 192px; } .popupRightContent { width: 596px; float: left; height: 355px; background-color: #1a1a1a; } .popupRightContent p { padding: 20px 0; line-height: 18px; text-align: center; color: #b0aaaa; } .popupRightContent div.row { line-height: 20px; } .popupRightContent div.alt { background-color: #2a2a2a; } .popupRightContent div div div { width: 250px; margin: auto; } .popupRightContent div p { padding: 0; line-height: 18px; text-align: center; color: #848484; display: inline; } .popupRightContent div p.arrowed, .popupLoginOptions p.arrowed { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/arrowedText.gif) left center; background-repeat: no-repeat; padding-left: 15px; } .popupRightContent div label { font-weight: bold; float: left; width: 120px;} .popupRightContent div.row label,.popupRightContent div.row span { text-align: left; display: block; color: #d0d0d0; } .popupButtonBackgrounds { background-color: #232323; text-align: center; } .popupButtonBgPadding { padding: 10px 0; } .popupColumnTwo, .popupColumnThree, .popupContentSeperator, .popupLeftMenu { background-color: #1a1a1a; height: 355px; } .popupColumnTwo { width: 400px; } .popupColumnThree { width: 193px; } .popupBody input.tb { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/inputBg.jpg); background-repeat: no-repeat; padding: 2px 3px; width: 178px; height: 18px; } .popupBody input.mtb { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/medInputBg.jpg); background-repeat: no-repeat; padding: 2px 3px; width: 118px; height: 18px; } .popupBody input.stb { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/smallInputBg.jpg); background-repeat: no-repeat; padding: 2px 3px; width: 59px; height: 18px; } .popupBody input.ttb { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/transferInputBg.jpg); background-repeat: no-repeat; padding: 2px 3px; width: 150px; height: 18px; } .popupInformationText { font-size: 10px; color: #d6cfcf; } .popupInformationText a { color: #ad372b; text-decoration: underline; } .popupMakeDeposit { width: 138px; height: 32px; background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/makeDepositButton.jpg); display: block; background-position: top center; display: inline-block; } .popupNextButton:active, .popupOpenAccountButton:active, .popupLoginButton:active, .popupMakeDeposit:active, .popupTransferButton:active { background-position: center -32px; } .popupProceedButton { background-image: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/proceedButton.jpg); } .popupDepContainer { background-color: #2c2c2c; height: 210px; padding: 10px; text-align: center; } .popupForm { margin-top: 10px; } .popupForm td { padding: 1px 4px; } .popupForm tr.alternate { background-color: #232323; } .popupCloseButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/closeButton.jpg) no-repeat right center; width: 35px; height: 24px; display: block; position: absolute; right: 7px; top: 5px; } .popupCloseButton:active { background-position: left center; } .popupRightContentImageArea { width: 596px; height: 213px; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; } .popupLoginScreen { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/loginScreenBg.jpg) no-repeat; } .popupLoginOptions { padding: 18px 25px; } .popupLoginOptions h3 { font-size: 15px; color: #dfdfdf; } .popupLoginOptions div.opt { float: left; margin-right: 10px; width: 260px; } .popupLoginOptions p { display: inline; } .popupLoginOptions a { font-weight: bold; color: #848484; } .popupLoginContainer { background: #2c2c2c url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/loginContainerBg.jpg) repeat-x top; } .popupLoginContainer div { padding: 3px 0; } .popupLoginButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/loginButton.jpg) no-repeat; width: 108px; height: 32px; margin-top: 10px; } .popupLoginOptList { margin-top: 10px; } .popupLoginOptList li { float: none; font-size: 11px; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/loginListType.jpg) no-repeat left center; padding: 3px 0 0 25px; height: 18px; } .popupLoginOptList li a { color: #d1d1d1; } .popupPlayForFunButton { margin-top: 3px; width: 113px; height: 32px; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/playFunButton.jpg) no-repeat top center; display:block; } .popupPlayForFunButton:active { background-position: center -32px; } .popupNextButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/nextButton.png) center top no-repeat; width: 95px; height: 32px; display: block; } .popupOpenAccountButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/openAccountButton.jpg) center top no-repeat; width: 155px; height: 32px; display: block; } .popupErrorArea1 { float: right; position: relative; top: -70px; left: -100px; } .popupErrorArea2 { float: right; position: relative; top: -70px; left: -100px; } .popupTransferColumn { width: 199px; } .popupTransferItem { width: 200px; } .popupTransferItem h4 { font-weight: bold; color: #f63a3a; text-align: right; font-size: 12px; padding: 6px 45px 6px 0; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/transferHeaderBg.jpg) 96% center no-repeat; } .popupTransferContent { background: #2b2b2b url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/transferColumnBg.jpg) bottom center repeat-x; } .popupTransferContent ul { padding-bottom: 1px; } .popupTransferContent ul li { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/transferColumnSeperator.gif) bottom center no-repeat; padding: 2px 35px 3px 0; text-align: right; color: #bfbfbf; } .popupTransferScreen { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/transferScreenBg.jpg) top center no-repeat; width: 805px; height: 160px; } .popupTransferButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/popup/transferButton.jpg) no-repeat; width: 108px; height: 32px; display: block; } .popupTransferScreen table.transfer { margin: 10px auto 0 240px; color: #d0d0d0; } .popupTransferScreen p.error { color: #e12b14; } /* 9 - GAME WINDOW */ .GWBody { _text-align: center; background: none transparent; } .GW { width: 818px; position: absolute; z-index: 99; } .GWTop { height: 75px; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/GWTop.png) top left no-repeat; text-align: center; } .GWHeader { padding: 7px 0 0 0; } .GWCenter { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/GWCenter.png) center center repeat-y; } .GWBottom { height: 70px; background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/GWBottom.png) top left no-repeat; } .GWGameContainerTop, .GWGameContainerBottom { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/gameBg.jpg) top center no-repeat; } .GWGameContainer { } .GWGameContainerTop { background-position: top center; height: 20px; } .GWGameContainerCenter { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/gameCenterBg.jpg) center center repeat-y; text-align: center; } .GWGameContainerBottom { background-position: bottom center; height: 15px; } .GWGame { margin: 0 auto; } .GWGameOptionsContainer { margin-top: 15px; } .GWFullscreenButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/fullscreenButton.png) top center no-repeat; width: 116px; height: 32px; display: block; position: relative; top: 15px; margin: 0 auto; } .GWFullscreenButton:active { background-position: center -32px; } .GWRealPlayContainer { float: right; position: relative; right: 85px; } .GWRealPlayContainer span { color: #fff; position: relative; top: 6px; right: 4px; } .GWRealPlayButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/realPlayButton.png) top center no-repeat; width: 91px; height: 30px; display: block; } .GWRealPlayButton:active { background-position: center -30px; } .GWGameOptions { float: left; position: relative; left: 85px; } .GWTransferButton, .GWDepositButton { height: 26px; display: block; float: right; } .GWTransferButton:active, .GWDepositButton:active { background-position: center -26px; } .GWTransferButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/transferButton.png) top center no-repeat; width: 138px; margin-right: 10px; } .GWDepositButton { background: url(http://static.smartlivebingo.com/Resources/Images/Bingo/gameWindow/depositButton.png) top center no-repeat; width: 104px } .gameSelectContainer{width:424px;position:relative;} .gameSelectTop {background: url(http://static.smartlivecasino.com/Resources/Images/Casino/gameWindow/gameSelectHeader.png) top center no-repeat;height:40px;} .gameSelectCenter{background: url(http://static.smartlivecasino.com/Resources/Images/Casino/gameWindow/gameSelectCenter.png) center center repeat-y;padding:12px 16px;} .gameSelectFooter {background: url(http://static.smartlivecasino.com/Resources/Images/Casino/gameWindow/gameSelectFooter.png) top center no-repeat;height:13px;} .gameSelectContainer h4{font-size: 13px; color:#b0afb0; width: 206px; text-align: center;position:relative;top:14px;left:109px;} .gameSelectContainer h4 span{font-size:12px;color:#d1d2d5;} .gameSelectCloseButton {background: url(http://static.smartlivecasino.com/Resources/Images/Casino/gameWindow/gameSelectClose.jpg) right center no-repeat;width:33px;height:24px;display:block;position:absolute;top:10px;right:10px;} .gameSelectCloseButton:active{background-position:left center;} .gameSelectImg {float:left;width:128px;margin-right:15px;} .gameSelectInformation {float:left;width:249px;} .gameSelectInformation p {font-size:11px;color:#a8abb0;margin:0 0 15px 0;} .gameSelectInformation ul{margin:10px 15px;} .gameSelectInformation ul li{color:#d3c2c1; font-size:11px;padding:2px 0 2px 15px;background: url(http://static.smartlivecasino.com/Resources/Images/Casino/gameWindow/gameSelectArrow.gif) left center no-repeat;} .gameSelectInformation ul li a {color:#d3c2c1; font-size:11px;font-weight:bold;} .gameSelectInformation ul li a:hover{color:#fff;} .realPlayButton, .freePlayButton { height: 20px; display: block; float: left; margin-right: 10px; } .realPlayButton:hover, .freePlayButton:hover { background-position: center -20px; } .realPlayButton { background: url(http://static.smartlivecasino.com/Resources/Images/Casino/buttons/realPlayButton.gif) top center no-repeat; width: 68px; } .freePlayButton { background: url(http://static.smartlivecasino.com/Resources/Images/Casino/buttons/freePlayButton.gif) top center no-repeat; width: 69px; } .CBalance { background: url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/cash.gif) top center no-repeat; width: 85px; height:23px; color:#ababab; font-weight:bold; padding:3px 0 0 4px; text-align:center;} .CBalanceT{color:white; height:5px;font-size:11px;position:absolute;top:0px;padding-left:95px} /* Modal popup background */ .modalBackground{background-color: black; filter: alpha(opacity=70);opacity: 0.7;} .commonMessageBox{background-color:white;border-width: 2px;width:400px;border-color: gray;font-size: 10pt;font-family: Tahoma;line-height: 15px;border: 0px solid #A6A6A6;text-align:center;} .commonMessageBoxTitle{background-color: Red;background-repeat: repeat-x;color:White;height: 20px;padding-top: 0px;text-align: left;padding-left: 5px;font-weight: bold;} .commonMessageButton{background: Transparent;border:0;font-weight:bold;color:Red;} #progressIndicator{position: absolute;z-index: 100005;width: 100%;height: 590px;margin: 0 auto;top:-137;left:0;} .progressmodalBackground{filter: Alpha(Opacity=75); -moz-opacity:0.75; opacity: 0.75;width: 100%; height:1500px;background-color: black;position: absolute;z-index: 100005;top:-137;left:0;} .modalContainer{position: absolute;width: 100%;z-index: 100006;top: 50%;margin: 0 auto;} /* */ /* Scroolbar */ /* Scrollbar & content css */ #scrollableContent{overflow:hidden;width:730px;float:left;height:350px;} .scrollbar-vert{background-color: #645d5d;height: 330px;width: 20px;float:left;} .handle-vert{height: 42px;width: 20px;background: url(http://static.smartlivecasino.com/Resources/Images/Common/account/handle.png) no-repeat;} /**/ .gmt{padding:0px; float:right; color:#c0bfbf;} #mgame_layer{position:relative; width:274px; margin-top:5px;} .miniGameContainer_Layer { position: relative; z-index: 10; top: -269px; left: -7px; width: 325px; height: 275px;} .mgtop,.mgbottom {background:url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/g_bg.jpg) repeat-x 100% 0; height:33px; margin:0 11px 0 11px;} .mgtopk{float:left; width:11px; height:33px;} .mgtopr{background:url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/g_k2.jpg) no-repeat right top;} .mgtopy {background:url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/g_y2.jpg) repeat-y 0px;} .mgtopyB {background:url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/g_y2.jpg) repeat-y 12px;} .mgtopy1 {background:url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/g_y1.jpg) repeat-y right 0; width:100%;} .mgcontent{background-color:#000000; margin:0 11px 0 11px; position:absolute;} .mgbottom{background:url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/g_alt.jpg) repeat-x 100% 0;} .mgtopr1{background:url(http://static.smartlivecasino.com/Resources/Images/Casino/backgrounds/g_k3.jpg) no-repeat right top;} .mgtitle{padding:8px; color:#707070; font-size:14px; font-weight:bold;} .mgclose {width: 100px; height: 24px; right: 2px; margin-top:3px; float:right; position:absolute; } .mgclose:hover { background-position: left center; } .lptop,.lpbottom {background:url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/klbt1.jpg) repeat-x 100% 0; height:41px; margin:0 11px 0 11px;} .lptopk{float:left; width:11px; height:41px;} .lptopr{background:url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/klb2.png) no-repeat right top;} .lptopy {background:url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/klbt4.jpg) repeat-y 0;} .lptopy1 {background:url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/klbt2.jpg) repeat-y right 0; width:100%;} .lpcontent{background-color:#161616; margin:0 11px 0 11px; color:#9b9a9a; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .lpbottom{background:url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/klbt3.jpg) repeat-x 100% 0;} .lptopr1{background:url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/klb3.png) no-repeat right top;} .ltitle{padding:5px 0 0 30%;} .lclose { background: url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/closeButton.jpg) no-repeat right center; width: 35px; height: 24px; right: 7px; margin-top:5px; float:right; } .lclose:hover { background-position: left center; } .messagePopup{position:absolute;} select {background-image: url("http://static.smartlivecasino.com/Resources/Images/Casino/popup/ptb.jpg"); background-repeat: repeat-x; padding:0; height: 20px; margin-left:1px; border:none;background-color:Transparent;} option {background-color:#6a656c;color:Black;} optgroup {background-color:white;color:Black;} .poptitle{margin-left:320px;} .poptitle1,.poptitle2{float:left; background: url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/popt1.jpg); width:7px; height:24px;} .poptitle2{background: url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/popt2.jpg);} .poptitlem{float:left;background: url(http://static.smartlivecasino.com/Resources/Images/Casino/popup/popt_bg.jpg) repeat-x; padding:4px 10px; color:#e42b16;height:20px; font-weight:bold; font-size:14px;} .poptitlem b{color:#ffffff;} .chatbtop,.chatbbottom {background:url(http://static.smartlivecasino.com/Resources/Images/Common/chat-box/lckb1.jpg) repeat-x 100% 0; height:41px; margin:0 11px 0 11px;} .chatbtopk{float:left; width:11px; height:10px;} .chatbtopr{background:url(http://static.smartlivecasino.com/Resources/Images/Common/chat-box/lck2.jpg) no-repeat right top;} .chatbtopy {background:url(http://static.smartlivecasino.com/Resources/Images/Common/chat-box/lckb4.jpg) repeat-y 0;} .chatbtopy1 {background:url(http://static.smartlivecasino.com/Resources/Images/Common/chat-box/lckb2.jpg) repeat-y right 0; width:100%;} .chatbcontent{background-color:#000000; margin:0 11px 0 11px; color:#696969; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0 5px;} .chatbbottom{background:url(http://static.smartlivecasino.com/Resources/Images/Common/chat-box/lckb3.jpg) repeat-x 100% 0;height:10px;} .chatbtopr1{background:url(http://static.smartlivecasino.com/Resources/Images/Common/chat-box/lck3.jpg) no-repeat right top;} .chatbtop h3{ padding:10px 20px 0 6px;} .chatbcontent img{padding:10px 0;}