﻿/*
Facebook
*/
/*
Facebook Master
*/
.fbBody * {
}

.fbBody {
    font-family: Arial;
    font-size: 12px;
    color: #666;
    margin: 0px;
    padding: 0px;
    background: none;
    width: 760px; /* !important;overflow:hidden !important;*/
}

.fbMainContainer {
    margin: 0px auto;
    position: relative;
    width: 885px;
    overflow: hidden;
}
/*.fbContent{height:1025px;overflow:scroll;}*/
.fbLeftContainer {
    float: left;
    width: 163px;
    /*max-width:163px;
    min-height:600px;*/
    padding: 10px 15px;
    min-height: 330px;
}

.fbRightContainer {
    float: left;
    width: 440px;
    /*max-width:440px;
    overflow:hidden;*/
    padding: 10px 20px 10px 60px;
    position: relative;
}

/*
Facebook Header
*/

.fbHeader > .Padder {
    height: 10px;
}

.balanceUpdatingIndicator {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/balance_blink_v6.gif') no-repeat scroll 0 0 transparent !important;
    color: #fff !important;
    border: none !important;
    height: 19px !important;
    width: 117px !important;
}

    .balanceUpdatingIndicator * {
        color: #000 !important;
    }

.PurchaseCreditsBtn {
    background: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/payments_v9.png') 0px -321px no-repeat;
    float: right;
    width: 79px;
    height: 15px;
    margin: 2px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    color: #000
}

    .PurchaseCreditsBtn:hover {
        background: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/payments_v9.png') 0px -347px no-repeat;
    }

#buyCreditsBtn {
    position: relative;
    border: 2px solid #178D12;
    display: list-item;
}


/*
Facebook NavbarTop
*/
.fbNavbarTop {
    width: 760px;
    height: 51px;
}

    .fbNavbarTop .fbMainLogo {
        width: 151px;
        height: 51px;
        background: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png') 0px 0px no-repeat;
        float: left;
        cursor: pointer;
    }

    /*Cristtmas Only*/
    /*.fbNavbarTop .fbMainLogo{width:151px;height:51px;background:url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/ChristmasLogo_facebook.jpg') 0px 0px no-repeat;float:left;cursor:pointer;}*/

    .fbNavbarTop .fbRatingArea {
        width: 609px;
        height: 51px;
        background: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png') 0px -246px no-repeat;
        float: left;
        position: relative;
        cursor: pointer;
    }

        .fbNavbarTop .fbRatingArea .WeRStill {
            color: #fff;
            font-size: 13px;
            text-align: center;
            padding-top: 5px;
        }

        .fbNavbarTop .fbRatingArea .GiveUs {
            color: #fdd803;
            font-size: 18px;
            text-align: center;
        }

            .fbNavbarTop .fbRatingArea .GiveUs > img {
                vertical-align: text-top;
            }

    .fbNavbarTop .fbWellDoneArea {
        width: 609px;
        height: 51px;
        background: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png') 0px -324px no-repeat !important;
        float: left;
        position: relative;
    }

        .fbNavbarTop .fbWellDoneArea .WellDone {
            float: left;
            font-size: 28px;
            color: #ffd837;
            margin-left: 91px;
            margin-top: 8px;
            font-weight: bold;
        }

        .fbNavbarTop .fbWellDoneArea .YouRNow {
            float: left;
            font-size: 17px;
            color: #fff;
            margin-left: 10px;
            margin-top: 15px;
            font-weight: bold;
        }

        .fbNavbarTop .fbWellDoneArea .PRO {
            float: left;
            font-size: 20px;
            color: #EB1C26;
            margin-left: 5px;
            margin-top: 15px;
            font-weight: bold;
        }

            .fbNavbarTop .fbWellDoneArea .PRO > img {
                vertical-align: text-top;
                margin-top: -5px;
                margin-left: 5px;
            }

        .fbNavbarTop .fbWellDoneArea .Member {
            float: left;
            font-size: 17px;
            color: #fff;
            margin-top: 16px;
            font-weight: bold;
        }

    .fbNavbarTop .fbProgressArea {
        width: 609px;
        height: 51px;
        background: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png') -151px 0px no-repeat;
        float: left;
        position: relative;
    }

        .fbNavbarTop .fbProgressArea .Progress {
            width: 583px;
            height: 17px;
            background-repeat: no-repeat;
            position: absolute;
            bottom: 7px;
            left: 11px;
        }

            .fbNavbarTop .fbProgressArea .Progress.Progress20 {
                background-position: 0px -89px;
                background-image: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png');
            }

            .fbNavbarTop .fbProgressArea .Progress.Progress40 {
                background-position: 0px -119px;
                background-image: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png');
            }

            .fbNavbarTop .fbProgressArea .Progress.Progress60 {
                background-position: 0px -148px;
                background-image: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png');
            }

            .fbNavbarTop .fbProgressArea .Progress.Progress80 {
                background-position: 0px -177px;
                background-image: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png');
            }

            .fbNavbarTop .fbProgressArea .Progress.Progress100 {
                background-position: 0px -206px;
                background-image: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png');
            }

        .fbNavbarTop .fbProgressArea .Desc {
            height: 18px;
            color: #fff;
            position: absolute;
            top: 8px;
            left: 11px;
            font-weight: bold;
        }

            .fbNavbarTop .fbProgressArea .Desc > div {
                float: left;
                text-align: center;
                position: relative;
                padding-left: 8px;
            }

                .fbNavbarTop .fbProgressArea .Desc > div > .V {
                    background: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png') -4px -64px no-repeat;
                    width: 14px;
                    height: 12px;
                    position: absolute;
                    left: 0px;
                    top: 1px;
                }

                    .fbNavbarTop .fbProgressArea .Desc > div > .V ~ a {
                        text-decoration: none;
                        color: #fff;
                    }

            .fbNavbarTop .fbProgressArea .Desc .Desc20 {
                width: 109px;
            }

            .fbNavbarTop .fbProgressArea .Desc .Desc40 {
                width: 109px;
                font-size: 10px;
            }

            .fbNavbarTop .fbProgressArea .Desc .Desc60 {
                width: 109px;
            }

            .fbNavbarTop .fbProgressArea .Desc .Desc80 {
                width: 109px;
                position: relative;
            }

                .fbNavbarTop .fbProgressArea .Desc .Desc80 > .Box {
                    color: #3b5998;
                    font-weight: normal;
                    width: 97px;
                    padding-left: 12px;
                }

        .fbNavbarTop .fbProgressArea .LikeIcon {
            background: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png') -293px -65px;
            width: 13px;
            height: 12px;
            position: absolute;
            top: 1px;
            left: 10px;
        }

        .fbNavbarTop .fbProgressArea .Desc .Desc100 {
            width: 109px;
        }

            .fbNavbarTop .fbProgressArea .Desc .Desc100 span {
                font-size: 10px;
            }

        .fbNavbarTop .fbProgressArea .Desc > div > .Box {
            width: 95%;
            background-color: #f5f5f5;
            border: solid 1px #08194a;
            color: #333;
            margin: -1px 0px 0px -4px;
            height: 15px;
            font-size: 11px;
            padding-top: 1px;
            cursor: pointer;
            overflow: hidden;
        }

            .fbNavbarTop .fbProgressArea .Desc > div > .Box a {
                text-decoration: none;
                color: #333333;
            }

        *:first-child + html .fbNavbarTop .fbProgressArea .Desc > div > .Box {
            margin-right: 8px;
        }

    .fbNavbarTop .fbTopBanner {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/RummikubFacebook-Navigator_top_banner_v2.jpg') 0px 0px repeat-x;
        width: 633px;
        height: 51px;
        float: left;
    }

    .fbNavbarTop .RightLinks {
        float: right;
    }

        .fbNavbarTop .RightLinks.Top {
            position: absolute;
            top: 0;
            right: 0;
        }

        .fbNavbarTop .RightLinks.Bottom {
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .fbNavbarTop .RightLinks.Upper {
            z-index: 3;
        }

        .fbNavbarTop .RightLinks.Middle {
            z-index: 2;
        }

        .fbNavbarTop .RightLinks.Lower {
            z-index: 1;
        }

    .fbNavbarTop .fbBecomeAFanButton {
        width: 122px;
        height: 22px;
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_become_a_fan.jpg')
    }

    .fbNavbarTop .fbWFCButton {
        width: 122px;
        height: 24px;
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_wfc_button.jpg');
        display: block;
    }

/*
Facebook Navbar
*/
.fbNavbar { /*padding-bottom:10px;*/
    width: 885px;
    overflow: hidden;
    margin: 0px;
}

    .fbNavbar li {
        float: left;
        position: relative;
    }

        .fbNavbar li a {
            display: block;
            overflow: hidden;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/RummikubFacebook-Navigator_gray.jpg') 0px 0px repeat-x;
            height: 18px;
            border: 1px solid #898989;
            color: #333;
            font-weight: bold;
            text-decoration: none;
            padding-top: 3px;
            border-right: none;
            width: 135px;
            text-align: center;
            padding-left: 7px;
            padding-right: 8px;
            line-height: 16px;
        }

            .fbNavbar li a ~ .img {
                background-image: url('https://rummikubwebsite.s3.amazonaws.com/images/Rummikub/Facebook/fbHeader_v16_rummy-world.png');
                background-repeat: no-repeat;
                position: absolute;
                top: 5px;
                left: 7px;
            }

            .fbNavbar li a.Mark {
                background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/RummikubFacebook-Navigator_yellow.jpg')
            }

            .fbNavbar li a.Selected {
                background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/RummikubFacebook-Navigator_blue.jpg') !important;
                color: #fff !important;
            }

            .fbNavbar li a:hover {
                background: #C6DDF7;
                color: #000;
            }

            .fbNavbar li a ~ .img {
                left: 5px !important;
            }

            .fbNavbar li a.Game ~ .img {
                background-position: -89px -64px;
                width: 16px;
                height: 16px;
                left: 24px;
            }

.tr-TR .fbNavbar li a.Game ~ .img {
    display: none;
}

.fbNavbar li a.Lobby ~ .img {
    background-position: -122px -65px;
    width: 18px;
    height: 13px;
}

.fbNavbar li a.Rules ~ .img {
    background-position: -158px -63px;
    width: 21px;
    height: 16px;
    top: 4px;
    left: 1px !important;
}

.fbNavbar li a.GameEvents ~ .img {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_event_v3.png') no-repeat -89px -66px;
    width: 27px;
    height: 20px;
    top: 0px;
    left: 5px;
}

.fbNavbar li a.Settings ~ .img {
    background-position: -264px -64px;
    width: 8px;
    height: 14px;
    left: 11px;
    top: 4px;
}

.fbNavbar li a.Invite ~ .img {
    background-position: -231px -64px;
    width: 16px;
    height: 14px;
    left: 16px;
}

.fbNavbar li a.Invite {
    width: 117px;
}

    .fbNavbar li a.Invite.Longer {
        width: 153px;
    }

.fbNavbar li a.Credits ~ .img {
    background-position: -231px -64px;
    width: 16px;
    height: 14px;
}

.fbNavbar li a.Matomy {
    position: relative;
    font-size: 11px;
    padding-right: 2px;
    width: 108px;
    padding-top: 4px;
    height: 17px;
}

    .fbNavbar li a.Matomy ~ .img {
        background-position: -323px -65px;
        width: 10px;
        height: 12px;
    }

        .fbNavbar li a.Matomy ~ .img.joker {
            width: 15px;
            height: 15px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/payments_v8.png') no-repeat -58px -121px;
            position: absolute;
            top: 3px;
            left: 15px !important;
            display: none;
        }

    .fbNavbar li a.Matomy > span {
        display: block;
    }

.fbNavbar li a.Profile ~ .img {
    background-position: -350px -63px;
    width: 21px;
    height: 16px;
    top: 4px;
}




.fbNavbar li:last-child a {
    border-right: 1px solid #898989;
}

.fbNavbar li.Last a {
    border-right: 1px solid #898989;
}

.fbNavbar .InviteIMG {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_invite_friends_button_bg.png') no-repeat;
    width: 18px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 5px;
}

/*Matomy Navbar */
.MatomyNavbarContainer {
    position: relative;
    margin-top: -1px;
}

    .MatomyNavbarContainer > .BuyCreditsContainer {
        background-color: #FFA500;
        height: 26px;
        width: 122px;
        border: solid 1px #000;
        position: absolute;
        top: 0px;
        right: 1px;
        border-left: none;
    }

        .MatomyNavbarContainer > .BuyCreditsContainer > div {
            width: 121px;
            height: 28px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/payments_v8.png') -4px -278px no-repeat;
            margin-top: -1px;
            margin-left: 1px;
            cursor: pointer;
        }

/*balanceBtn Overrides*/
.balanceBtn.Jokers {
    height: 17px;
    width: 115px;
    border: solid 1px #898989;
    margin-right: 1px;
    padding-top: 4px;
}

    .balanceBtn.Jokers:hover {
        background: #C6DDF7;
        color: #000;
    }

.balanceBtn.ClubR {
    height: 18px !important;
    width: 108px !important;
    border: solid 1px #898989;
    padding-top: 3px;
    padding-left: 12px;
    margin-right: 1px;
}

    .balanceBtn.ClubR:hover {
        background: #C6DDF7;
        color: #000;
    }

    /*.balanceBtn.Jokers.Gray, .balanceBtn.ClubR.Gray{background-position:-5px -3px;}*/
    .balanceBtn.Jokers.Gray, .balanceBtn.ClubR.Gray {
        background-position: -5px -234px;
        border: solid 1px #58ad45;
    }

    .balanceBtn.Jokers.Red, .balanceBtn.ClubR.Red {
        background-position: -5px -41px;
    }

    .balanceBtn.Jokers.Yellow, .balanceBtn.ClubR.Yellow {
        background-position: -5px -78px;
    }

.balanceBtn.Jokers > .Balance {
    padding-top: 0px;
    margin-left: 5px;
}

.balanceBtn.Jokers > .Joker {
    margin-top: -1px;
}

.balanceBtn.Jokers > .Label {
    margin-right: 0px;
    margin-top: -2px;
    height: 15px; /*border-bottom:solid 1px #898989;*/
    padding-top: 1px;
    background: none;
    color: #000;
    font-size: 12px;
    text-align: left;
}

.balanceBtn.ClubR > .SunR {
    top: 0px;
    left: 40px;
}


/*
Facebook Footer
*/

.fbFooter {
    color: #333;
    font-size: 11px;
    text-align: center;
    padding: 10px 0px;
    width: 760px;
}

    .fbFooter .BigRed {
        color: #329B1D;
        font-weight: bold;
        font-size: 12px;
    }

    .fbFooter .Blue {
        color: #3b5998;
        font-size: 12px;
    }

    .fbFooter .DarkBlue {
        color: #004e8c;
        font-size: 12px;
    }

    .fbFooter .Orange {
        color: #FF6600;
        font-size: 12px;
        font-weight: bold;
    }

.SocialArea {
}

    .SocialArea .LikeBox {
        float: left;
    }

    .SocialArea .RightSection {
        float: right;
    }

    .SocialArea .CreateYourRoom {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_event_v3.png') no-repeat scroll 0 0 transparent !important;
        width: 233px;
        height: 29px;
        margin-bottom: 14px;
        color: #0136c0;
        font-size: 16px;
        text-align: center;
        padding-top: 10px;
        font-weight: bold;
        cursor: pointer;
        display: block;
        text-decoration: none;
        float: right;
    }

    .SocialArea .CreateGameEvent {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_event_v3.png') no-repeat scroll -178px -50px transparent !important;
        width: 173px;
        height: 37px;
        margin-bottom: 14px;
        color: #0136c0;
        font-size: 16px;
        padding: 17px 0 0 60px;
        font-weight: bold;
        cursor: pointer;
        position: relative;
        float: right;
        z-index: 19;
    }

    .SocialArea .GameEventIcon {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_event_v3.png') no-repeat scroll 0 -61px transparent !important;
        width: 55px;
        height: 38px;
        position: absolute;
        left: -18px;
        top: 0;
    }


.uiButton, .uiButtonSuppressed:hover, .uiButtonSuppressed:active, .uiButtonSuppressed:focus {
    padding: 3px 9px 3px 7px !important;
}
/* IE7 Only */
*:first-child + html .uiButton, .uiButtonSuppressed:hover, .uiButtonSuppressed:active, .uiButtonSuppressed:focus {
    padding: 3px 9px 4px 7px !important;
}


/*
Facebook Common
*/
ul {
    list-style-type: none;
}
/* CLEAR FIX */

.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%;
}

#bgShadow {
    position: absolute;
    width: 100%;
    height: 400%;
    background-color: #000;
    z-index: 50;
    opacity: 0.5;
    filter: alpha(opacity=50);
    top: -300px;
    left: 0;
}

.framePopup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
    padding-top: 100px;
}

.ClosePopupFrame {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 55px;
    text-decoration: none;
}

#fb_multi_friend_selector #skip_top {
    display: none !important;
}

/* Bookmark Fix */
.fb_button .fb_button_text, .fb_button_rtl .fb_button_text {
    border: none !important
}

.fb_button, .fb_button_rtl {
    background: #F5F5F5 !important;
}

    .fb_button .fb_button_text, .fb_button_rtl .fb_button_text {
        border: none !important;
        background: #F5F5F5 !important;
        color: #333333 !important;
        margin: 0px !important;
        padding: 0px !important;
        font-family: Arial !important;
        content: 'Add Bookmark' !important;
    }


/*
Facebook Profile
*/
.fbProfile .Title {
    color: #1B6CFF;
    font-size: 23px;
    position: relative;
}

.fbProfile .CommonTitle .Title {
    padding-bottom: 10px;
}

.fbProfile .botLineDot {
    padding-top: 5px;
}

.fbProfile li.tleft {
    font-weight: normal;
    font-size: 13px;
    float: left;
    height: auto;
}

.fbProfile li.tright {
    font-weight: bold;
    font-size: 13px;
    float: right;
    height: auto;
}

.fbProfile ul.trow {
    height: auto;
}

.fbProfile #userInfoUp {
    line-height: 23px;
    margin-left: -20px;
    position: relative;
    margin-top: 20px;
}

.fbProfile .CommonContentBoxContentProfileAbout {
    margin-left: -20px;
    font-size: 13px;
}

.fbProfile .botLineDot {
    height: 1px;
    margin-bottom: 0px;
    position: absolute;
    top: 35px;
    width: 500px;
    left: -33px;
}

.fbProfile .ProfileContentBoxList {
    width: 162px;
}

.fbProfile .gameStatContainer {
    padding-top: 20px;
}

.fbProfile .ProfileContainer {
}

.fbProfile .AboutContainer {
}

.fbProfile #gameStatTbl {
    margin-left: -20px;
}

*:first-child + html .fbProfile #gameStatTbl {
    padding-top: 10px;
}
/* IE7 Only */
.fbProfile .bigUserRatingF {
    position: absolute;
    top: 56px;
    left: 272px;
    font-size: 12px;
    line-height: 16px;
}

.fbProfile .UserRankBubble {
    position: absolute;
    top: -1px;
    right: -38px;
    font-size: 12px;
    color: #5c97d9;
    width: 216px;
}

    .fbProfile .UserRankBubble .label {
        float: left;
        padding-right: 10px;
    }

    .fbProfile .UserRankBubble .element {
        float: left;
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_Page_Profile_v4.png') -7px 131px;
        width: 134px;
        height: 35px;
        margin-top: -5px;
    }

        .fbProfile .UserRankBubble .element .text {
            float: left;
        }

        .fbProfile .UserRankBubble .element .info {
            float: right;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_Page_Profile_v4.png') -10px 37px;
            width: 18px;
            height: 20px;
            margin-top: 7px;
            margin-right: 5px;
        }

            .fbProfile .UserRankBubble .element .info .popup {
                display: none;
                position: absolute;
                z-index: 120;
                top: 20px;
                right: -7px;
                background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_Page_Profile_v4.png') -7px -559px;
                width: 80px;
                height: 112px;
                font-weight: normal;
                padding-left: 28px;
                color: #000;
                padding-top: 8px;
            }

                .fbProfile .UserRankBubble .element .info .popup li {
                    padding: 0px;
                    margin: 0px;
                    line-height: 21px !important;
                }

        .fbProfile .UserRankBubble .element .text > div {
            font-weight: bold;
            padding: 6px 0 0 30px;
            background: transparent url("https://d113ck85xi28jl.cloudfront.net/images/Rummikub/icons_v3.png") no-repeat;
        }

        .fbProfile .UserRankBubble .element .text .rank1 {
            color: #999999;
            background-position: -397px -1151px;
        }

        .fbProfile .UserRankBubble .element .text .rank2 {
            color: #8FD2A6;
            background-position: -397px -1316px;
        }

        .fbProfile .UserRankBubble .element .text .rank3 {
            color: #DCA103;
            background-position: -397px -1236px;
        }

        .fbProfile .UserRankBubble .element .text .rank4 {
            color: #FB0000;
            background-position: -397px -1275px;
        }

        .fbProfile .UserRankBubble .element .text .rank5 {
            color: #A541DB;
            background-position: -397px -1361px;
        }

    .fbProfile .UserRankBubble .PlayerLevel {
        font-weight: bold;
        float: left;
        padding-right: 5px;
    }

    .fbProfile .UserRankBubble .RankDescription {
        float: left;
        padding-right: 5px;
    }

    .fbProfile .UserRankBubble .PlayerRankPercent {
        float: right;
        margin-right: 9px;
    }

    .fbProfile .UserRankBubble ul {
        float: left;
    }

        .fbProfile .UserRankBubble ul li {
            float: left;
            width: 21px;
            margin-left: -1px;
            font-size: 11px;
            color: #abadb3;
        }

            .fbProfile .UserRankBubble ul li:first-child {
                margin-left: 0px;
            }

            .fbProfile .UserRankBubble ul li:last-child, .fbProfile .UserRankBubble ul li.last {
                margin-left: -6px;
                width: 20px;
            }

    .fbProfile .UserRankBubble .Star {
        position: absolute;
        top: -16px;
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/new_skills_sprite.png') -2px -19px;
        width: 38px;
        height: 29px;
        text-align: center;
        padding-top: 8px;
        color: #392d05;
        font-weight: bold;
    }

    .fbProfile .UserRankBubble .Slider {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/new_skills_sprite.png') -1px -1px;
        width: 206px;
        height: 11px;
        clear: both;
        margin-top: 20px;
        float: left;
        position: relative;
    }


.Rank1 {
    background: #999999;
    margin-top: 25px;
}

.Rank1in {
    color: #999999;
    background: #fff url(https://d113ck85xi28jl.cloudfront.net/images/Rummikub/icons_v3.png) no-repeat -397px -1151px;
}

.Rank2 {
    background: #8FD2A6;
    margin-top: 25px;
}

.Rank2in {
    color: #8FD2A6;
    background: #fff url(https://d113ck85xi28jl.cloudfront.net/images/Rummikub/icons_v3.png) no-repeat -397px -1316px;
}

.Rank3 {
    background: #DCA103;
    margin-top: 25px;
}

.Rank3in {
    color: #DCA103;
    background: #fff url(https://d113ck85xi28jl.cloudfront.net/images/Rummikub/icons_v3.png) no-repeat -397px -1236px;
}

.Rank4 {
    background: #FB0000;
    margin-top: 25px;
}

.Rank4in {
    color: #FB0000;
    background: #fff url(https://d113ck85xi28jl.cloudfront.net/images/Rummikub/icons_v3.png) no-repeat -397px -1275px;
}

.Rank5 {
    background: #A541DB;
    margin-top: 25px;
}

.Rank5in {
    color: #A541DB;
    background: #fff url(https://d113ck85xi28jl.cloudfront.net/images/Rummikub/icons_v3.png) no-repeat -397px -1361px;
}

/*
Facebook Home
*/
.fbHome {
}
/*.fbHome .flashContainer{background:url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/RummikubFacebook-splash_02.jpg');width:760px;height:650px;}*/


/*csss fix*/
#masterArea {
    margin-bottom: 0px !important;
}

#bcrDiv {
    position: inherit !important;
}

#signuploginarea a:link, #signuploginarea a:active, #signuploginarea a:visited {
    margin-left: 10px !important;
    font-weight: bold;
}

#gamesArea {
    position: relative;
}

form {
    width: 885px !important;
    min-width: 885px !important;
}

.Common {
    width: 885px !important;
}

#roomListContainer {
    margin-top: 25px;
}

.joinRoomClick {
    display: none;
}

.fbLike.likeLobby {
    display: none;
}

.create_user_wrapper div.formFrameLogin {
    margin-top: 0px !important;
}

.ui-dialog.ui-widget {
    top: 81px !important;
}

.main_ttl {
    width: 60% !important;
    background: none;
    padding-top: 10px;
}

*:first-child + html .main_ttl {
    padding-top: 25px;
}

.PublicRoomStar {
    z-index: 2 !important;
}

.create_user_wrapper div.CommonFormFieldBox {
    margin-top: -15px;
}

.CommonListArea {
    padding-top: 30px;
}

#game_container {
    height: 640px !important;
}

.MyRoomHoverCoverConfirmation .ThanksMSG {
    margin-left: 3px;
}

#onLine {
    display: none;
}

.profile_TtlIcn6 {
    background-position: 0px -473px;
}

.CommonTitle a {
    color: #013C8F;
}
/*.fb_iframe_widget iframe{width:625px !important;}*/
.connect_widget_comment_box {
    display: none !important;
}


.TopPlayNowButton {
    position: absolute;
    top: 20px;
    right: 6px;
    cursor: pointer;
    z-index: 3;
}

    .TopPlayNowButton .Play {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_speed_scroller_v15.png') no-repeat 0px -364px;
        width: 106px;
        height: 25px;
        cursor: pointer;
        display: block;
        float: left;
        position: relative;
        z-index: 3;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        padding-top: 10px;
        padding-left: 10px;
        text-align: center;
        line-height: 20px;
        overflow: hidden;
    }

        .TopPlayNowButton .Play:hover {
            background-position: 0px -420px;
            color: #ffcc00;
        }

    .TopPlayNowButton .Darkner {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        width: 136px;
        height: 35px;
        z-index: 4;
        background-color: #000;
    }

    .TopPlayNowButton .RefreshAnimated {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_friends_bar_animated_refresh.gif') no-repeat scroll 0 0 transparent;
        position: absolute;
        z-index: 5;
        top: 20%;
        left: 35%;
        width: 21px;
        height: 20px;
    }

    .TopPlayNowButton .Settings {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_speed_scroller_v15.png') no-repeat -200px -364px;
        width: 35px;
        height: 35px;
        cursor: pointer;
        float: left;
        position: relative;
        z-index: 3;
    }

        .TopPlayNowButton .Settings:hover {
            background-position: -200px -420px;
        }

/* speedSlider Filter */
.speedSliderFilterContainer {
    width: 160px;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    overflow: hidden;
}

    .speedSliderFilterContainer > .Title {
        color: #fff;
        padding-top: 43px;
        padding-left: 5px;
    }

    .speedSliderFilterContainer .yelloMark {
        color: #000 !important;
    }

    .speedSliderFilterContainer .blueMark {
        color: #fff !important;
    }

    .speedSliderFilterContainer > .speedSlider {
        font-size: 10px;
        padding-left: 10px;
        background-color: #fff;
    }

        .speedSliderFilterContainer > .speedSlider > .Body {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_speed_scroller_v15.png') no-repeat -251px -279px;
            width: 131px;
            height: 25px;
            position: relative;
            margin-left: 5px;
        }

        .speedSliderFilterContainer > .speedSlider > .Header {
            height: 20px;
            margin: 0px auto;
            color: #3278d0;
        }

            .speedSliderFilterContainer > .speedSlider > .Header > div {
                float: left;
                width: 35px;
                text-align: center;
                font-size: 10px;
            }

                .speedSliderFilterContainer > .speedSlider > .Header > div:first-child {
                    text-align: left;
                }

                .speedSliderFilterContainer > .speedSlider > .Header > div:last-child {
                    text-align: right;
                    width: 30px;
                    padding-right: 6px;
                }

                .speedSliderFilterContainer > .speedSlider > .Header > div.first {
                    text-align: left;
                }

                .speedSliderFilterContainer > .speedSlider > .Header > div.last {
                    text-align: right;
                    width: 30px;
                    padding-right: 6px;
                    line-height: 11px;
                }

        .speedSliderFilterContainer > .speedSlider > .Footer {
            height: 14px;
            margin: 0px auto;
            color: White;
            padding-top: 2px;
        }

            .speedSliderFilterContainer > .speedSlider > .Footer > div {
                float: left;
                width: 35px;
                text-align: center;
                font-size: 9px;
            }

                .speedSliderFilterContainer > .speedSlider > .Footer > div:first-child {
                    text-align: left;
                }

                .speedSliderFilterContainer > .speedSlider > .Footer > div:last-child {
                    text-align: right;
                    width: 40px;
                }

                .speedSliderFilterContainer > .speedSlider > .Footer > div.first {
                    text-align: left;
                }

                .speedSliderFilterContainer > .speedSlider > .Footer > div.last {
                    text-align: right;
                    width: 40px;
                }

        .speedSliderFilterContainer > .speedSlider > .Body .ui-corner-all {
            -moz-border-radius: 4px 4px 4px 4px;
        }

        .speedSliderFilterContainer > .speedSlider > .Body .ui-widget-content {
            width: 112px;
            height: 42px;
            position: absolute;
            left: 3px;
        }

        .speedSliderFilterContainer > .speedSlider > .Body .ui-slider-horizontal {
        }

        .speedSliderFilterContainer > .speedSlider > .Body .ui-slider-range {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_speed_scroller_v15.png') repeat 0px -321px;
            height: 25px;
            top: 0px;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .speedSliderFilterContainer > .speedSlider > .Body .ui-slider-handle {
            width: 13px;
            height: 26px;
            margin-left: -1px;
        }

/* speedSlider */
.speedSliderContainer {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_speed_scroller_v15.png') no-repeat -252px -85px;
    width: 178px;
    height: 162px;
    position: absolute;
    top: -7px;
    right: -16px;
    z-index: 2;
    display: none;
    padding: 8px 0px 0px 5px;
}

    .speedSliderContainer .Title {
        color: #fff;
        padding-top: 39px;
        padding-left: 5px;
        font-size: 9px;
        text-align: center;
    }

    .speedSliderContainer .yelloMark {
        color: #FFC508 !important;
    }

    .speedSliderContainer .blueMark {
        color: #182F59 !important;
    }

    .speedSliderContainer .speedSlider {
        padding-top: 18px;
        font-size: 10px;
    }

        .speedSliderContainer .speedSlider .Body {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_speed_scroller_v15.png') no-repeat 0px -279px;
            width: 165px;
            height: 25px;
            position: relative;
            margin-left: 5px;
        }

        .speedSliderContainer .speedSlider .Header {
            width: 184px;
            height: 20px;
            margin: 0px auto;
            color: #ccc;
        }

            .speedSliderContainer .speedSlider .Header > div {
                float: left;
                width: 44px;
                text-align: center;
                font-size: 11px;
            }

                .speedSliderContainer .speedSlider .Header > div:first-child {
                    text-align: left;
                }

                .speedSliderContainer .speedSlider .Header > div:last-child {
                    text-align: right;
                    width: 40px;
                    padding-right: 6px;
                }

                .speedSliderContainer .speedSlider .Header > div.first {
                    text-align: left;
                }

                .speedSliderContainer .speedSlider .Header > div.last {
                    text-align: right;
                    width: 40px;
                    padding-right: 6px;
                }

        .speedSliderContainer .speedSlider .Footer {
            width: 184px;
            height: 20px;
            margin: 0px auto;
            color: White;
            padding-top: 2px;
        }

            .speedSliderContainer .speedSlider .Footer > div {
                float: left;
                width: 44px;
                text-align: center;
                font-size: 11px;
                line-height: 10px;
            }

                .speedSliderContainer .speedSlider .Footer > div:first-child {
                    text-align: left;
                }

                .speedSliderContainer .speedSlider .Footer > div:last-child {
                    text-align: right;
                }

                .speedSliderContainer .speedSlider .Footer > div.first {
                    text-align: left;
                }

                .speedSliderContainer .speedSlider .Footer > div.last {
                    text-align: right;
                }

        .speedSliderContainer .speedSlider .Body .ui-corner-all {
            -moz-border-radius: 4px 4px 4px 4px;
        }

        .speedSliderContainer .speedSlider .Body .ui-widget-content {
            width: 145px;
            height: 42px;
            position: absolute;
            left: 3px;
        }

        .speedSliderContainer .speedSlider .Body .ui-slider-horizontal {
        }

        .speedSliderContainer .speedSlider .Body .ui-slider-range {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_game_speed_scroller_v15.png') repeat 0px -321px;
            height: 25px;
            top: 0px;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .speedSliderContainer .speedSlider .Body .ui-slider-handle {
            width: 13px;
            height: 26px;
            margin-left: 0px;
        }



/* Lobby */
.fbLobbyProfileLinks > .plHeader {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_lobby_page_v2.png') no-repeat 0px 0px;
    width: 163px;
    height: 5px;
}

.fbLobbyProfileLinks > .plBody {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_lobby_page_v2.png') repeat-x 0px -5px;
    width: 163px;
}

.fbLobbyProfileLinks > .plFooter {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_lobby_page_v2.png') no-repeat 0px -92px;
    width: 163px;
    height: 5px;
}

.fbLobbyProfileLinks ul.ProfileContentBoxList li {
    padding: 0px 0 0px 5px;
    border-bottom: none;
    margin: 0px;
}

.fbMyPlayerStat > .icon {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/icons_v3.png') no-repeat -6px -603px;
    width: 18px;
    height: 19px;
    float: left;
    margin-top: 10px;
}

.fbMyPlayerStat > .text {
    display: block;
    margin-top: 12px;
    float: left;
    margin-left: 5px;
    text-decoration: underline;
    font-size: 13px;
}


/* Game */
.gamePageWrapper {
    border: none !important;
    width: 885px !important;
}



/* Friends Bar */
.FriendsBar {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat 0 -365px;
    width: 760px;
    height: 206px;
    margin-top: 1px;
    position: relative;
}

    .FriendsBar .FriendsBarAjaxIndicator {
        top: 80px;
        left: 316px;
        background: url("https://d113ck85xi28jl.cloudfront.net/images/Rummikub/ajax-loader_vertical_v3.gif") no-repeat scroll 0 0 transparent !important;
        height: 32px !important;
        position: absolute;
        text-align: center;
        vertical-align: bottom;
        width: 32px !important;
        z-index: 2000;
    }

    .FriendsBar .LeftArrows {
        width: 30px;
        margin-top: 10px;
        position: absolute;
        z-index: 3;
        height: 100%;
        left: -1px;
    }

        .FriendsBar .LeftArrows .RefreshBtn {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -356px -27px;
            width: 20px;
            height: 20px;
            margin-left: 5px;
            cursor: pointer;
            position: relative;
        }

            .FriendsBar .LeftArrows .RefreshBtn .RefreshBtnAnimated {
                background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_friends_bar_animated_refresh.gif') no-repeat;
                width: 21px;
                height: 20px;
                top: 0;
                left: -1px;
                z-index: 2;
                position: absolute;
            }

    .FriendsBar .RightArrows {
        width: 28px;
        float: left;
        margin-top: 10px;
        position: relative;
        z-index: 3;
        margin-left: -4px;
        height: 100%;
    }

        .FriendsBar .RightArrows .sRight {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') -507px -28px no-repeat;
            width: 21px;
            height: 20px;
            position: absolute;
            bottom: 80px;
            left: 2px;
            cursor: pointer;
        }

            .FriendsBar .RightArrows .sRight.Off {
                background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') -607px -28px no-repeat;
                cursor: default;
            }

        .FriendsBar .RightArrows .dRight {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') -507px -54px no-repeat;
            width: 20px;
            height: 35px;
            position: absolute;
            bottom: 40px;
            left: 2px;
            cursor: pointer;
        }

            .FriendsBar .RightArrows .dRight.Off {
                background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') -607px -54px no-repeat;
                cursor: default;
            }

    .FriendsBar .LeftArrows .sLeft {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') -460px -28px no-repeat;
        width: 21px;
        height: 20px;
        position: absolute;
        bottom: 80px;
        left: 5px;
        cursor: pointer;
    }

        .FriendsBar .LeftArrows .sLeft.Off {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') -560px -28px no-repeat;
            cursor: default;
        }

    .FriendsBar .LeftArrows .dLeft {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') -460px -54px no-repeat;
        width: 20px;
        height: 35px;
        position: absolute;
        bottom: 40px;
        left: 5px;
        cursor: pointer;
    }

        .FriendsBar .LeftArrows .dLeft.Off {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') -560px -54px no-repeat;
            cursor: default;
        }

    .FriendsBar .FriendsList {
        padding: 10px 0 10px 0;
        float: left;
        position: relative;
    }

    .FriendsBar .FBUsers {
        float: left;
        width: 225px;
        margin-left: 30px;
    }

    .FriendsBar .CSUsers {
        float: left;
        width: 405px;
        height: 188px;
        overflow: hidden;
        margin-top: -1px;
        position: relative;
    }

        .FriendsBar .CSUsers .Marginer {
            width: 300%;
            margin-left: -810px;
        }

    .FriendsBar .Darkner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #3B5998;
        z-index: 2;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .FriendsBar .FriendsList.Me {
        padding-right: 0px !important;
        float: none;
        position: absolute;
        right: 12px;
    }

    .FriendsBar .FriendsList .Friend {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat;
        float: left;
        margin-right: 7px;
        position: relative;
    }
        /*background*/
        .FriendsBar .FriendsList .Friend.Invite {
            width: 68px;
            height: 185px;
            background-position: -22px -133px;
        }

        .FriendsBar .FriendsList .Friend.Send {
            width: 68px;
            height: 185px;
            background-position: -118px -133px;
            width: 74px;
            height: 188px;
        }

        .FriendsBar .FriendsList .Friend.Play {
            width: 68px;
            height: 185px;
            background-position: -218px -132px;
            width: 74px;
            height: 188px;
        }

            .FriendsBar .FriendsList .Friend.Play.isFriend {
                width: 68px;
                height: 185px;
                background-position: -448px -132px;
                width: 74px;
                height: 188px;
            }

        .FriendsBar .FriendsList .Friend.Me {
            width: 68px;
            height: 185px;
            background-position: -22px -133px;
            position: absolute;
            right: -10px;
            top: 10px;
        }

        /*submit*/
        .FriendsBar .FriendsList .Friend .Submit {
            width: 68px;
            height: 66px;
            border-top: dotted 1px #79786d;
            border-bottom: dotted 1px #79786d;
            position: absolute;
            left: 0;
            bottom: 16px; /*bottom:28px;*/
        }

            .FriendsBar .FriendsList .Friend .Submit:hover {
                background-color: #C3D0DF !important;
            }

        .FriendsBar .FriendsList .Friend.Invite .Submit {
            background-color: #fffde5;
            cursor: pointer;
        }

        .FriendsBar .FriendsList .Friend.Send .Submit {
            left: 3px; /*bottom:30px;*/
            bottom: 18px;
            background-color: #eef1f1;
        }

        .FriendsBar .FriendsList .Friend.Play .Submit {
            left: 3px; /*bottom:30px;*/
            bottom: 18px;
            background-color: #eefdf3;
            width: 65px;
        }

        .FriendsBar .FriendsList .Friend.Play.isFriend .Submit { /*background-color:#cfe4bb;*/
        }

        .FriendsBar .FriendsList .Friend.Me .Submit {
            background-color: #e1f9fe;
            cursor: pointer;
        }

        /*skill*/
        .FriendsBar .FriendsList .Friend .Skill {
            position: absolute;
            bottom: 5px;
            font-size: 9px;
            text-align: center;
            width: 100%;
            font-weight: bold;
        }

        .FriendsBar .FriendsList .Friend.Me .Skill {
            bottom: 3px;
        }

        .FriendsBar .FriendsList .Friend .Skill > .NewPlayer {
            color: #000;
        }

        .FriendsBar .FriendsList .Friend .Skill > .Beginner {
            color: #299C16;
        }

        .FriendsBar .FriendsList .Friend .Skill > .Intermidiate {
            color: #F08B06;
        }

        .FriendsBar .FriendsList .Friend .Skill > .Advanced {
            color: #FB0000;
        }

        .FriendsBar .FriendsList .Friend .Skill > .Expert {
            color: #8B3BC5;
        }

        /*logo*/
        .FriendsBar .FriendsList .Friend .Submit .Logo {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat;
            cursor: pointer;
        }

            .FriendsBar .FriendsList .Friend .Submit .Logo > a {
                display: block;
                width: 100%;
                height: 100%;
            }

        .FriendsBar .FriendsList .Friend.Invite .Submit .Logo {
            background-position: -32px -30px;
            width: 23px;
            height: 23px;
            margin: 0px auto;
            margin-top: 4px;
        }

        .FriendsBar .FriendsList .Friend.Send .Submit .Logo {
            background-position: -79px -30px;
            width: 23px;
            height: 20px;
            margin: 0px auto;
            margin-top: 5px;
        }

        .FriendsBar .FriendsList .Friend.Play .Submit .Logo {
            background-position: -129px -30px;
            width: 28px;
            height: 27px;
            margin: 0px auto;
            margin-top: 2px;
        }
        /*.FriendsBar .FriendsList .Friend.Me .Submit .Logo{background-position:-251px -30px;width:21px;height:20px;margin:0px auto;margin-top:7px;}*/
        .FriendsBar .FriendsList .Friend.Me .Submit .Logo {
            background-position: -405px -22px;
            width: 30px;
            height: 30px;
            margin: 0px auto;
            margin-top: 7px;
        }


        /*link*/
        .FriendsBar .FriendsList .Friend .Submit .Link {
            text-align: center;
            padding-top: 4px;
            font-size: 11px;
            text-decoration: underline;
            cursor: pointer;
        }

            .FriendsBar .FriendsList .Friend .Submit .Link:hover {
                text-decoration: none;
            }

        .FriendsBar .FriendsList .Friend.Invite .Submit .Link {
            color: #299c13;
        }

        .FriendsBar .FriendsList .Friend.Send .Submit .Link {
            color: #1f73e5;
        }

        .FriendsBar .FriendsList .Friend.Play .Submit .Link {
            color: #0463e4;
        }

        .FriendsBar .FriendsList .Friend.Me .Submit .Link {
            color: #1f73e5;
            padding-top: 8px;
        }

        /*status*/
        .FriendsBar .FriendsList .Friend .Status {
            margin: 7px auto;
            text-align: center;
            color: #299c13;
            font-size: 14px;
            font-weight: bold;
        }

        .FriendsBar .FriendsList .Friend.Invite .Status {
        }

        .FriendsBar .FriendsList .Friend.Send .Status {
            width: 10px;
            height: 10px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -310px -72px;
            font-size: 0;
            margin-top: 10px;
            margin-right: 27px;
        }

        .FriendsBar .FriendsList .Friend.Play .Status {
            width: 10px;
            height: 10px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -257px -72px;
            font-size: 0;
            margin-top: 10px;
            margin-right: 27px;
        }

        .FriendsBar .FriendsList .Friend.Me .Status {
            font-size: 0;
        }

        /*isFriend*/
        .FriendsBar .FriendsList .Friend.Send .isFriend.True, .FriendsBar .FriendsList .Friend.Play .isFriend.True {
            position: absolute;
            top: -1px;
            left: -11px;
            width: 9px;
            height: 11px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -353px -71px;
        }

        .FriendsBar .FriendsList .Friend.Send .isFriend.False, .FriendsBar .FriendsList .Friend.Play .isFriend.False {
            position: absolute;
            top: -1px;
            left: -11px;
            width: 9px;
            height: 11px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -392px -71px;
        }

        /*profile*/
        .FriendsBar .FriendsList .Friend .Profile {
            margin-top: 4px;
            text-align: center;
        }

        .FriendsBar .FriendsList .Friend.Invite .Profile {
        }

        .FriendsBar .FriendsList .Friend.Send .Profile {
            margin-top: 9px;
        }

        .FriendsBar .FriendsList .Friend.Play .Profile {
            margin-top: 9px;
        }

        .FriendsBar .FriendsList .Friend.Me .Profile {
        }

        /*img*/
        .FriendsBar .FriendsList .Friend .Profile .Img {
            margin: 0px auto;
            width: 44px;
            height: 44px;
            background-color: #000;
            position: relative;
        }

            .FriendsBar .FriendsList .Friend .Profile .Img img {
                width: 44px;
                height: 44px;
            }

            .FriendsBar .FriendsList .Friend .Profile .Img a {
                display: block;
                width: 100%;
                height: 100%;
            }

        .FriendsBar .FriendsList .Friend.Invite .Profile .Img {
        }

        .FriendsBar .FriendsList .Friend.Send .Profile .Img {
            margin-top: 7px;
        }

        .FriendsBar .FriendsList .Friend.Play .Profile .Img {
            margin-top: 7px;
        }

        .FriendsBar .FriendsList .Friend.Me .Profile .Img {
            width: 68px;
            height: 68px;
            margin-top: -10px;
        }

        .FriendsBar .FriendsList .Friend .Profile .Img .Mask {
            position: absolute;
            width: 100%;
            height: 100%;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -317px -132px;
            top: 0;
            left: 0; /*cursor:pointer;*/
        }

        .FriendsBar .FriendsList .Friend.isFriend .Profile .Img .Mask {
            position: absolute;
            width: 120%;
            height: 120%;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -372px -130px;
            top: -2px;
            left: -3px; /*cursor:pointer;*/
        }

        .FriendsBar .FriendsList .Friend.Me .Profile .Img .Mask {
            position: absolute;
            width: 100%;
            height: 100%;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -317px -186px;
            top: 0;
            left: 0; /*cursor:pointer;*/
        }

        .FriendsBar .FriendsList .Friend.Me .Profile .Img img {
            width: 68px;
            height: 68px;
            min-width: 68px;
            min-height: 68px;
        }

        /*name*/
        .FriendsBar .FriendsList .Friend .Profile .Name {
            margin: 7px auto;
            width: 60px;
            font-size: 11px;
            font-weight: bold;
            overflow: hidden;
            color: #020305;
            height: 13px;
        }

            .FriendsBar .FriendsList .Friend .Profile .Name a {
                color: #1c6def;
                text-decoration: underline;
            }

        .FriendsBar .FriendsList .Friend.Invite .Profile .Name {
        }

        .FriendsBar .FriendsList .Friend.Send .Profile .Name, .FriendsBar .FriendsList .Friend.Send .Profile .Name a {
            text-decoration: none;
            margin-top: 6px;
        }

        .FriendsBar .FriendsList .Friend.Play .Profile .Name, .FriendsBar .FriendsList .Friend.Play .Profile .Name a {
            text-decoration: none;
            color: #020305;
        }

        .FriendsBar .FriendsList .Friend.Me .Profile .Name, .FriendsBar .FriendsList .Friend.Me .Profile .Name a {
            text-decoration: none;
            color: #020305;
            margin-top: 11px;
        }

/*Like*/

.LikeDialogContainer {
    background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_dialog.png') no-repeat 0 0;
    width: 332px;
    height: 102px;
    position: absolute;
    top: 25px;
    left: 290px;
    z-index: 3;
}

.CloseLikeDialog {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}


.InviteYourFriends > .Title {
    color: #186515;
    height: 31px;
    border-bottom: dotted 1px #797979;
    text-align: center;
    font-size: 18px;
    padding-top: 7px;
    font-weight: bold;
}

.InviteYourFriends .FBUsers {
    background-color: #edfdf3;
    padding: 0px 0 10px 5px;
}

.InviteYourFriends .Friend {
    float: left;
    margin: 10px 15px 0;
    cursor: pointer;
}

    .InviteYourFriends .Friend .Profile .Img {
        margin: 0px auto;
        width: 44px;
        height: 44px;
        background-color: #000;
        position: relative;
    }

        .InviteYourFriends .Friend .Profile .Img img {
            width: 44px;
            height: 44px;
        }

        .InviteYourFriends .Friend .Profile .Img a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .InviteYourFriends .Friend .Profile .Img .Mask {
            position: absolute;
            width: 100%;
            height: 100%;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/friends_bar_v15.png') no-repeat -317px -132px;
            top: 0;
            left: 0; /*cursor:pointer;*/
        }

    .InviteYourFriends .Friend .Profile .Name {
        font-size: 11px;
        overflow: hidden;
        color: #000;
        height: 12px;
        padding-bottom: 5px;
    }

        .InviteYourFriends .Friend .Profile .Name a {
            color: #000;
            text-decoration: none;
            font-size: 11px;
            height: 12px;
            display: block;
        }

    .InviteYourFriends .Friend .Status {
        color: #299c13;
        font-size: 12px;
        font-weight: bold;
        width: 44px;
        padding-top: 5px;
        cursor: pointer;
    }

    .InviteYourFriends .Friend .Profile {
        width: 44px;
        overflow: hidden;
    }

.InviteYourFriends {
    border: solid 1px #6ebd6a;
    width: 233px;
    float: right;
    margin-top: 14px;
}


/***********************/
/*     Social Tags     */
/***********************/

.SocialTags {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 60;
    color: #fff;
}

    .SocialTags .Popup {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_social_tags_v9.png') 0px 0px no-repeat;
        width: 672px;
        height: 567px;
        margin: 0px auto 0px;
        position: relative;
    }

    .SocialTags .Body {
        width: 597px;
        height: 500px;
        position: relative;
        position: absolute;
        top: 31px;
        left: 37px;
    }

    .SocialTags .Close {
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_social_tags_v9.png') -50px -614px no-repeat;
        width: 10px;
        height: 12px;
        position: absolute;
        top: 28px;
        right: 25px;
        cursor: pointer;
    }

    .SocialTags .Body > .Title {
        color: #FFE013;
        font-size: 40px;
        font-weight: bold;
        padding: 40px 0 0 125px;
    }

    .SocialTags .Present {
        position: absolute;
        top: 40px;
        left: 60px;
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_social_tags_v9.png') -227px -679px no-repeat;
        width: 47px;
        height: 47px;
    }

    .SocialTags .Content {
        padding: 15px 0 0 65px;
    }

        .SocialTags .Content > .Title {
            font-size: 18px;
            font-weight: bold;
            line-height: 22px;
        }

        .SocialTags .Content.TagsSection {
        }

            .SocialTags .Content.TagsSection .Tags {
                padding-top: 40px;
            }

            .SocialTags .Content.TagsSection .Tag {
                cursor: pointer;
                float: left;
                margin-right: 21px;
                color: #fff;
                font-weight: normal;
                margin-top: 5px;
            }

                .SocialTags .Content.TagsSection .Tag:hover {
                    color: #FFE013;
                }

                .SocialTags .Content.TagsSection .Tag.Selected {
                    color: #FFE013;
                }

                .SocialTags .Content.TagsSection .Tag .Img {
                    width: 60px;
                    height: 59px;
                    position: relative;
                }

                    .SocialTags .Content.TagsSection .Tag .Img .Stroke {
                        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_social_tags_v9.png') -129px -759px no-repeat;
                        width: 60px;
                        height: 59px;
                        position: absolute;
                        z-index: 2;
                        top: 0;
                        left: 0;
                    }

                        .SocialTags .Content.TagsSection .Tag .Img .Stroke.Anchored {
                            display: block !important;
                        }

                .SocialTags .Content.TagsSection .Tag .Name {
                    width: 60px;
                    overflow: hidden;
                    text-align: center;
                    font-size: 11px;
                }

                .SocialTags .Content.TagsSection .Tag .Radio {
                    margin: 5px 0 0 7px;
                    padding: 0px;
                }

            .SocialTags .Content.TagsSection .SendBtn {
                background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_social_tags_v9.png') -325px -679px no-repeat;
                width: 189px;
                height: 45px;
                cursor: pointer;
                margin: 25px 0px 0 132px;
            }

        .SocialTags .Content .Divider {
            float: left;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/fb_social_tags_v9.png') -711px -43px no-repeat;
            width: 1px;
            height: 364px;
            margin-top: 7px;
        }

        .SocialTags .Content .Friends {
            float: left;
            width: 200px;
            margin-left: 19px;
            position: relative;
            font-size: 11px;
        }

            .SocialTags .Content .Friends > .Title {
                color: #000;
                color: #ffe013;
                font-size: 14px;
            }

            .SocialTags .Content .Friends > .List {
                background-color: #fff;
                width: 176px;
                height: 185px;
                margin-top: 15px;
                color: #000;
                font-weight: normal;
                overflow: scroll;
                padding: 10px 5px;
                border: solid 1px #bdc7d8;
            }

            .SocialTags .Content .Friends > .SelectedList {
                background-color: #fff;
                width: 176px;
                height: 63px;
                margin-top: 7px;
                color: #333;
                font-weight: normal;
                padding: 0px 5px;
                border: solid 1px #bdc7d8;
                line-height: 15px;
            }

                .SocialTags .Content .Friends > .SelectedList > div {
                    width: 158px;
                    overflow: hidden;
                }

                    .SocialTags .Content .Friends > .SelectedList > div > span {
                        color: #224FA2;
                        cursor: pointer;
                    }

            .SocialTags .Content .Friends .Checkbox {
                margin: 0px;
                vertical-align: middle;
            }

            .SocialTags .Content .Friends .Friend {
                width: 158px;
                overflow: hidden;
                padding-bottom: 2px;
            }
/*.SocialTags .Content .Friends .Friend:hover{background-color:#224FA2;color:#fff;}*/
/*.fb_iframe_widget iframe{width:597px !important;height:597px !important;}*/
.fb_iframe_widget iframe {
}

.LikeDialogContainer .fb_iframe_widget iframe {
    width: 273px !important;
}


.input.request_form_submit {
    margin-left: 400px;
}

#serverInviteFbml {
    left: 80px;
    position: absolute;
    top: 90px;
    z-index: 61;
}


/***********************/
/*    Super Rewards    */
/***********************/

.SuperRewards {
    width: 760px;
    height: 54px;
    margin-top: 10px;
    position: relative;
    z-index: 3;
}

    .SuperRewards > .Title {
        color: #3b5998;
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        left: 218px;
        top: 10px;
    }

        .SuperRewards > .Title > .Icon {
            position: absolute;
            top: -2px;
            left: 194px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/popup_payment_options_acc_v7.png') no-repeat scroll -76px -160px transparent !important;
            width: 35px;
            height: 33px;
        }

    .SuperRewards > .NextDailyBonus {
        position: absolute;
        width: 192px;
        height: 54px;
        top: 0px;
        left: 0px;
        z-index: 2;
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/super_rewards_timer_fumid_sprite_v9.png') no-repeat -7px -6px;
        text-align: center;
        font-size: 13px;
        line-height: 20px;
    }

        .SuperRewards > .NextDailyBonus > .Label {
            position: absolute;
            color: #fff600;
            top: 9px;
            font-weight: bold;
            width: 162px;
            overflow: hidden;
            left: 0;
            line-height: 20px;
        }

        .SuperRewards > .NextDailyBonus > .QMark {
            position: absolute;
            top: 17px;
            right: 8px;
            width: 23px;
            height: 22px;
            cursor: pointer;
        }

        .SuperRewards > .NextDailyBonus .msgBubble {
            position: absolute;
            width: 247px;
            height: 104px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/super_rewards_timer_fumid_sprite_v9.png') no-repeat scroll -7px -160px transparent;
            z-index: 2;
            top: -124px;
            right: -83px;
            padding: 10px 0 0 10px;
            display: none;
            font-size: 11px;
            color: #494949;
            line-height: 12px;
            text-align: left;
        }

    .SuperRewards > .CopyGameLink {
        position: absolute;
        width: 233px;
        height: 54px;
        top: 0px;
        right: 0px;
        z-index: 2;
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/super_rewards_timer_fumid_sprite_v9.png') no-repeat -224px -6px;
    }

        .SuperRewards > .CopyGameLink > .Label {
            position: absolute;
            color: #123571;
            top: 19px;
            left: 8px;
            font-weight: bold;
            font-size: 12px;
            width: 166px;
            overflow: hidden;
            text-align: center;
        }

            .SuperRewards > .CopyGameLink > .Label:hover {
                text-decoration: underline;
            }

        .SuperRewards > .CopyGameLink > .QMark {
            position: absolute;
            top: 17px;
            right: 6px;
            width: 23px;
            height: 22px;
            cursor: pointer;
        }

        .SuperRewards > .CopyGameLink .msgBubble {
            position: absolute;
            width: 247px;
            height: 104px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/super_rewards_timer_fumid_sprite_v9.png') no-repeat scroll -7px -160px transparent;
            z-index: 2;
            top: -124px;
            right: 42px;
            padding: 8px 0 0 10px;
            display: none;
            font-size: 10px;
            color: #494949;
            line-height: 11px;
        }

        .SuperRewards > .CopyGameLink .CopyArea {
            position: absolute;
            width: 202px;
            height: 54px;
            z-index: 2;
            top: 0px;
            left: 0px;
        }

        .SuperRewards > .CopyGameLink .Chat {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/super_rewards_timer_fumid_sprite_v9.png') no-repeat;
            position: absolute;
            width: 27px;
            height: 28px;
            top: 14px;
            left: 176px;
        }

        .SuperRewards > .CopyGameLink .FacebookChat {
            background-position: -303px -173px;
        }

        .SuperRewards > .CopyGameLink .YahooChat {
            background-position: -339px -174px;
        }

        .SuperRewards > .CopyGameLink .ICQChat {
            background-position: -339px -212px;
        }

        .SuperRewards > .CopyGameLink .MSNChat {
            background-position: -302px -213px;
        }

        .SuperRewards > .CopyGameLink .AIMChat {
            background-position: -301px -250px;
        }

        .SuperRewards > .CopyGameLink .VI {
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/WT/V.png') no-repeat;
            position: absolute;
            width: 32px;
            height: 20px;
            top: 15px;
            left: 68px;
        }

    .SuperRewards > .InviteFriends {
        position: absolute;
        width: 307px;
        height: 54px;
        top: 0px;
        left: 204px;
        z-index: 1;
        background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/super_rewards_timer_fumid_sprite_v9.png') no-repeat -7px -85px;
        font-size: 15px;
        font-weight: bold;
        cursor: pointer;
    }

        .SuperRewards > .InviteFriends > .Label {
            position: absolute;
            top: 7px;
            right: 73px;
            width: 140px;
            text-align: center;
            color: #FFF600;
            line-height: 20px;
        }

        .SuperRewards > .InviteFriends > .Friends {
            position: absolute;
            top: 6px;
            left: 25px;
        }

            .SuperRewards > .InviteFriends > .Friends > .Friend {
                float: left;
                margin-right: 3px;
                position: relative;
                z-index: 0;
            }

        .SuperRewards > .InviteFriends > .Plas {
            position: absolute;
            top: 14px;
            left: 13px;
            background: url('https://d113ck85xi28jl.cloudfront.net/images/Rummikub/Facebook/super_rewards_timer_fumid_sprite_v9.png') no-repeat -367px -95px;
            width: 24px;
            height: 24px;
            z-index: 1;
        }

    .SuperRewards > .IframeContainer {
        width: 728px;
        height: 90px;
        background-color: #eaeaea;
        position: absolute;
        left: 16px;
        top: 46px;
    }
