form, img, p {
    margin: 0;
    padding: 0;
    border: 0
}

h1 {
    margin: 0
}

img {
    -ms-interpolation-mode: bicubic
}

a {
    color: #3f7398;
    text-decoration: none
}

    a:hover {
        text-decoration: underline;
        cursor: pointer
    }

.After:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

* html .After {
    zoom: 1
}

*:first-child + html .After {
    zoom: 1
}

.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width: 768px) {
    .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
        float: left
    }

    .col-12 {
        width: 100%
    }

    .col-11 {
        width: 91.666%
    }

    .col-10 {
        width: 83.333%
    }

    .col-9 {
        width: 75%
    }

    .col-8 {
        width: 66.666%
    }

    .col-7 {
        width: 58.333%
    }

    .col-6 {
        width: 50%
    }

    .col-5 {
        width: 41.6666%
    }

    .col-4 {
        width: 33.333%
    }

    .col-3 {
        width: 25%
    }

    .col-2 {
        width: 16.666%
    }

    .col-1 {
        width: 8.33%
    }
}

html {
    overflow: auto
}

body {
    position: relative;
    height: 100%;
    margin: 0;
    background-color: #fff;
    font-size: 11px;
    font-family: muli,sans-serif !important;
    color: #666;
    text-align: center;
    overflow: visible
}

body {
    background-color: #f4f4f4
}

div.MainTable {
    position: relative;
    width: 946px;
    width: 1200px;
    margin: 0 auto;
    padding-top: 147px;
    text-align: left;
    background-color: #f4f4f4
}

.PageLoggedOut div.MainTable {
    padding-top: 177px
}

.no-sub-nav div.MainTable {
    padding-top: 112px
}

.PageLoggedOut.no-sub-nav div.MainTable {
    padding-top: 141px
}

.hidden {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute
}

.visible {
    opacity: 1;
    filter: alpha(opacity=100)
}

.VisHidden {
    visibility: hidden
}

.Left {
    float: left !important
}

.Right {
    float: right !important
}

.TextLeft {
    text-align: left
}

.TextRight {
    text-align: right
}

.NoResult, .NoResults, .NoMessages {
    text-align: center
}

div.clear {
    clear: both
}

div.ErrorMsg {
    background: none repeat scroll 0 0 #ffebe8;
    border: 1px solid #dd3c10;
    box-shadow: none;
    color: #333 !important;
    margin: 0 0 20px;
    padding: 15px 10px !important;
    text-align: center;
    -webkit-transition: all .5s ease-in 0s;
    -moz-transition: all .5s ease-in 0s;
    -ms-transition: all .5s ease-in 0s;
    -o-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

    div.ErrorMsg h2 {
        background: 0 0;
        border: none;
        color: #666;
        font-size: 15px
    }

    div.ErrorMsg ul {
    }

        div.ErrorMsg ul li {
            border: none !important;
            display: block;
            float: none !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 100% !important
        }

div.MainTable div.CompTitle {
    overflow: hidden;
    width: 100%
}

    div.MainTable div.CompTitle h2 {
        border: medium;
        font-size: 24px;
        font-weight: 400;
        line-height: .5;
        margin-bottom: 20px;
        margin-top: 0;
        padding: 10px 20px 15px;
        text-align: center
    }

        div.MainTable div.CompTitle h2 span {
            display: inline-block;
            font-size: 15px;
            font-weight: 700;
            position: relative
        }

            div.MainTable div.CompTitle h2 span::before, div.MainTable div.CompTitle h2 span::after {
                border-bottom: 1px solid #555;
                content: "";
                height: 5px;
                position: absolute;
                top: 0;
                width: 500px !important
            }

            div.MainTable div.CompTitle h2 span::after {
                left: 100%;
                margin-left: 15px
            }

            div.MainTable div.CompTitle h2 span::before {
                margin-right: 15px;
                right: 100%
            }

@-webkit-keyframes wink {
    from {
        background-position: 0
    }

    to {
        background-position: -272px
    }
}

@-moz-keyframes wink {
    from {
        background-position: 0
    }

    to {
        background-position: -272px
    }
}

@keyframes wink {
    from {
        background-position: 0
    }

    to {
        background-position: -272px
    }
}

span.OnlineNow {
    background-image: url(../IMAGE/icons/OnlineNowSprite.png);
    display: block;
    height: 33px;
    margin: 4px 6px 0 auto;
    width: 34px;
    -webkit-animation: wink 1.6s steps(8,end) infinite;
    -moz-animation: wink 1.6s steps(8,end) infinite;
    animation: wink 1.6s steps(8,end) infinite
}

div.Announcement {
    width: 990px;
    margin: 10px auto 0
}

    div.Announcement div {
        padding: 4px 7px;
        margin: 0 22px;
        text-align: center;
        color: #999;
        font-weight: 700;
        border: 1px solid #c9c9c9;
        background-image: url(../image/Home/SlideshowBg.gif);
        background-position: top
    }

        div.Announcement div a {
            color: #900700;
            text-decoration: underline
        }

div.AnnouncementCountry {
    position: relative;
    margin: 0 auto;
    background: #fff;
    z-index: 3;
    overflow: hidden
}

    div.AnnouncementCountry.Active {
    }

    div.AnnouncementCountry div.AnnouncementContainer {
        position: relative;
        transform: translateY(-100%);
        -webkit-transition: transform .3s ease-out;
        transition: transform .3s ease-out
    }

    div.AnnouncementCountry.Active div.AnnouncementContainer {
        transform: translateY(0%)
    }

    div.AnnouncementCountry p {
        position: relative;
        margin: 0 auto;
        padding: 10px 40px 10px 10px;
        color: #666;
        font-size: 13px;
        line-height: 20px;
        font-weight: 400;
        text-align: center;
        background: #f4f4f4
    }

@media(max-width: 700px) {
    div.AnnouncementCountry p {
        font-size: 10px;
        line-height: 18px;
        padding: 5px 40px 5px 10px
    }

        div.AnnouncementCountry p .CountryFlag {
            top: 5px;
            margin-top: -6px
        }
}

div.AnnouncementCountry.Active p {
}

div.AnnouncementCountry p a {
    color: #666;
    font-weight: 700;
    text-decoration: none
}

    div.AnnouncementCountry p a .underlinetext {
        text-decoration: underline
    }

div.AnnouncementCountry a.CloseMsg {
    background: url(../image/icons/16x16/Close2.png) no-repeat scroll 50% 50% transparent;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px
}

    div.AnnouncementCountry a.CloseMsg:hover {
        background-color: #ddd
    }

iframe.Header {
    height: 176px;
    width: 100%;
    .margin:001px0
}

body.Header {
    background-color: transparent;
    background-image: none
}

div.Header {
    position: relative;
    height: 151px;
    width: 946px;
    margin: 0 22px 1px;
    padding: 17px 0 0;
    text-align: left
}

    div.Header a.Logo {
        position: relative;
        display: block;
        top: 0;
        left: 0;
        width: 234px;
        height: 76px;
        text-decoration: none
    }

    div.Header img.Right {
        position: absolute;
        top: 0;
        right: 0
    }

    div.Header div.Nav {
        width: 954px;
        margin: 20px 0 0;
        _margin: 8px 0 0 0
    }

        div.Header div.Nav div.TabWrapper {
            position: relative;
            height: 24px !important;
            width: 944px;
            background-color: #717171;
            border: 1px solid #434343;
            z-index: 8
        }

            div.Header div.Nav div.TabWrapper ul.TabContent {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                padding: 0;
                margin: 0
            }

                div.Header div.Nav div.TabWrapper ul.TabContent.on {
                    display: block
                }

        div.Header div.Nav ul.Tabs {
            overflow: visible;
            z-index: 10
        }

            div.Header div.Nav ul.Tabs li {
                width: 104px !important;
                padding: 5px 0 0 !important;
                background-image: url(../image/TabBg.gif) !important;
                border-width: 1px 0 0 1px
            }

                div.Header div.Nav ul.Tabs li.ActiveTab {
                    width: 103px !important;
                    background-image: url(../image/TabBgRed.gif) !important;
                    border-color: #900700 !important;
                    border-width: 1px 1px 0 !important
                }

                    div.Header div.Nav ul.Tabs li.ActiveTab span.CnrTopLeft, div.Header div.Nav ul.Tabs li.ActiveTab span.CnrTopRight {
                        background-image: url(../image/TabCnrsRed.gif) !important
                    }

                    div.Header div.Nav ul.Tabs li.ActiveTab a {
                        padding: 7px 0 0;
                        margin: 0;
                        color: #fff
                    }

                div.Header div.Nav ul.Tabs li a {
                    position: absolute
                }

        div.Header div.Nav div.TabWrapper a.OnlineNow {
            float: right;
            display: block;
            padding: 1px 5px 2px 29px !important;
            background-repeat: no-repeat;
            text-decoration: none
        }

        div.Header div.Nav div.TabWrapper a.Upgrade {
            background-image: url(../image/TabBg.gif);
            background-position: 0 -8px;
            border-color: #c9c9c9 !important;
            color: #b60013 !important;
            font-weight: 700;
            min-width: 137px;
            text-align: center
        }

        div.Header div.Nav div.TabWrapper a.OnlineNow {
            position: relative;
            margin: 3px 4px 0 0;
            background-image: url(../image/HeaderIconOnline.gif)
        }

            div.Header div.Nav div.TabWrapper a.OnlineNow strong {
                color: #fff0ba
            }

            div.Header div.Nav div.TabWrapper a.OnlineNow .uiTooltipWrap {
                right: -1px;
                top: 120%;
                .width:180px;
                padding: 4px 0 0;
                background: url(../image/icons/Activity-v02/hover_miniName-top.gif) right top no-repeat
            }

        div.Header div.Nav div.TabWrapper ul.TabContent li a.Current {
            color: #d0eabf
        }

        div.Header div.Nav div.TabWrapper ul.TabContent li a.icon b {
            background: url(../image/icons/16x16/icon_home.png);
            background-repeat: no-repeat;
            display: block;
            height: 16px;
            width: 16px
        }

        div.Header div.Nav div.TabWrapper a.OnlineNow, div.Header div.Nav div.TabWrapper a.Upgrade, div.Header div.Nav div.TabWrapper ul.TabContent li a, div.Header div.Nav div.TabWrapper ul.TabContent li span {
            padding: 1px 10px 2px;
            color: #fff;
            background-color: #575757;
            border: 1px solid #4a4a4a
        }

        div.Header div.Nav div.TabWrapper ul.Home li {
            position: relative;
            left: -1px
        }

            div.Header div.Nav div.TabWrapper ul.Home li:hover {
                background-color: #fff !important
            }

            div.Header div.Nav div.TabWrapper ul.Home li a {
                padding: 1px 10px 2px 9px
            }

        div.Header div.Nav div.TabWrapper ul.TabContent li {
            display: block;
            float: left;
            padding: 0;
            margin: 3px 0 0 4px;
            background-image: none
        }

            div.Header div.Nav div.TabWrapper ul.TabContent li a, div.Header div.Nav div.TabWrapper ul.TabContent li span {
                display: block;
                float: left;
                height: 13px;
                .vertical-align:top;
                text-decoration: none
            }

                div.Header div.Nav div.TabWrapper a.OnlineNow:hover, div.Header div.Nav div.TabWrapper a.Upgrade:hover, div.Header div.Nav div.TabWrapper ul.TabContent li a:hover {
                    color: #fff0ba
                }

                div.Header div.Nav div.TabWrapper ul.TabContent li a span.New {
                    position: relative;
                    float: none;
                    margin-top: -3px;
                    .margin-top:-2px;
                    left: 11px;
                    display: inline-block;
                    background-color: #c00
                }

                    div.Header div.Nav div.TabWrapper ul.TabContent li a span.New:after {
                        position: absolute;
                        display: inline-block;
                        content: '';
                        top: -1px;
                        left: -22px;
                        width: 0;
                        height: 0;
                        margin: 0 0 0 5px;
                        border-color: transparent;
                        border-right-color: #c00;
                        border-style: solid;
                        border-width: 9px;
                        cursor: pointer;
                        pointer-events: none;
                        vertical-align: middle
                    }

        div.Header div.Nav div.TabWrapper ul#Home {
            left: 0
        }

        div.Header div.Nav div.TabWrapper ul#Mailbox {
            left: 29px
        }

        div.Header div.Nav div.TabWrapper ul#Search {
            left: 0
        }

        div.Header div.Nav div.TabWrapper ul#Community {
            left: 0
        }

        div.Header div.Nav div.TabWrapper ul#Forums {
            left: 0
        }

        div.Header div.Nav div.TabWrapper ul#AmateurPics {
            left: auto;
            right: 131px
        }

        div.Header div.Nav div.TabWrapper ul#Events {
            left: 216px
        }

        div.Header div.Nav div.TabWrapper ul#Clubs {
            left: 0
        }

        div.Header div.Nav div.TabWrapper ul#WebcamChat {
            left: 0
        }

        div.Header div.Nav div.TabWrapper ul li ul {
            display: none
        }

ul.NavMenu {
    position: absolute;
    width: 170px;
    padding: 5px 0 2px;
    _padding: 10px 0 0 0;
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    z-index: 999;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #c9c9c9;
    background-image: url(../image/HeaderNavMenu.gif);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #fff;
    text-align: left
}

    ul.NavMenu li {
        padding: 0;
        margin: 0;
        list-style: none;
        background-image: none
    }

        ul.NavMenu li a {
            display: block;
            height: 16px;
            padding: 3px 0 3px 15px;
            color: #606060
        }

            ul.NavMenu li a:hover {
                text-decoration: none;
                background-color: #fff
            }

            ul.NavMenu li a.icon b {
                background: url(../image/icons/16x16/icon_home_grey.png);
                background-repeat: no-repeat;
                display: block;
                height: 16px;
                width: 16px
            }

ul.NavSubMenu {
    width: 130px;
    margin-top: -1px;
    background-color: #575757;
    background-image: none;
    border: 1px solid #4a4a4a
}

    ul.NavSubMenu li a {
        height: auto;
        font-weight: 400;
        padding-left: 15px;
        color: #fff
    }

        ul.NavSubMenu li a:hover {
            background-color: #4a4a4a
        }

div.Header div.LoginBox {
    position: absolute;
    top: -55px;
    left: 50%;
    margin-left: -201px;
    width: 400px;
    height: 55px;
    border: 1px solid #fff;
    border-width: 0 1px 1px;
    background-color: #434343;
    -webkit-transition: top .2s;
    -moz-transition: top .2s;
    transition: top .2s;
    z-index: 9
}

    div.Header div.LoginBox.on {
        top: 0
    }

    div.Header div.LoginBox .Tab {
        position: absolute;
        bottom: -27px;
        left: 50%;
        margin-left: -72px;
        padding-right: 10px;
        height: 26px;
        width: 135px;
        background-image: url(../IMAGE/HeaderLoginTab.png);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        text-align: center;
        line-height: 23px
    }

    div.Header div.LoginBox a.Login {
        float: right;
        left: auto;
        padding: 0 12px;
        color: #fff;
        background-color: #7ccb45
    }

    div.Header div.LoginBox div.WhiteLogin {
        position: relative;
        height: 100%;
        overflow: hidden
    }

        div.Header div.LoginBox div.WhiteLogin h2 {
            display: none
        }

div.WhiteLogin div.Padded {
    position: relative;
    padding: 0 0 0 8px
}

    div.WhiteLogin div.Padded input {
        float: left;
        padding: 4px 4px 3px;
        margin: 8px 8px 0 0;
        height: 14px;
        width: 129px;
        font-size: 11px;
        color: #666;
        border: 1px solid #fff
    }

div.LoginPopup .WhiteLogin .Padded input {
    width: 117px;
    border: 1px solid #bbb
}

div.WhiteLogin .Padded input.LegitPassword {
    color: #000
}

div.WhiteLogin .Padded input.DummyPassword {
    position: absolute;
    top: 0;
    left: 154px;
    width: 129px
}

div.LoginPopup .WhiteLogin .Padded input.DummyPassword {
    left: 161px;
    width: 115px;
    border: none
}

div.WhiteLogin .Padded input.Button {
    float: right;
    width: 90px;
    padding: 1px 4px 0;
    margin: 8px 8px 0 0;
    line-height: 20px;
    .line-height:14px;
    height: 23px;
    background: #7ccb45;
    color: #fff;
    border: 1px solid #7ccb45
}

div.LoginPopup .WhiteLogin .Padded input.Button {
    margin-top: 7px
}

div.WhiteLogin .Padded a.Forgot, div.WhiteLogin .Padded span.Checkbox {
    float: left;
    font-size: 9px;
    color: #aaa
}

div.WhiteLogin .Padded a.Forgot {
    margin: 10px 0 0 140px
}

div.Header div.WhiteLogin .Padded a.Forgot {
    margin: 7px 0 0 150px
}

div.WhiteLogin .Padded span.Checkbox {
    margin: 7px 0 0 78px;
    width: 75px;
    height: 13px;
    cursor: default
}

div.LoginPopup .WhiteLogin .Padded span.Checkbox {
    color: #666;
    margin-left: 68px !important
}

div.WhiteLogin .Padded span.Checkbox input {
    top: 0;
    width: 12px !important;
    height: 12px !important;
    padding: 0;
    margin: 0 4px 0 0 !important;
    _margin: 0 2px 0 0 !important
}

div.WhiteLogin .Padded .Checkbox label {
    float: right
}

div.WhiteLogin .Padded .Checkbox .Remember:hover {
    cursor: pointer
}

div.WhiteLogin div.Loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 7px 0 0;
    text-align: center;
    visibility: hidden
}

div.Header div.WhiteLogin div.Loading {
    color: #aaa
}

    div.Header div.WhiteLogin div.Loading img {
        display: none
    }

div.GlobalSiteHeader {
    height: 122px
}

    div.GlobalSiteHeader div.Nav {
        width: auto
    }

        div.GlobalSiteHeader div.Nav ul {
            border: 1px solid #830000;
            background: url(../image/Home/GlobalSite/navBar_bg.gif) top left repeat-x
        }

            div.GlobalSiteHeader div.Nav ul li {
                float: left;
                padding: 5px 18px 6px;
                background-image: none
            }

                div.GlobalSiteHeader div.Nav ul li a {
                    color: #fff;
                    font-weight: 700
                }

                div.GlobalSiteHeader div.Nav ul li.Focused {
                    background: url(../image/Home/GlobalSite/navBar_Active.gif) top left repeat-x
                }

                div.GlobalSiteHeader div.Nav ul li a:hover {
                    text-decoration: none;
                    color: #fc0
                }

                div.GlobalSiteHeader div.Nav ul li.Focused a:hover {
                    color: #fff
                }

    div.GlobalSiteHeader div.Testimonials {
        position: absolute;
        top: 17px;
        right: 0;
        width: 421px
    }

        div.GlobalSiteHeader div.Testimonials div.Testimonial {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 421px;
            height: 70px;
            padding: 0 15px 0 0
        }

            div.GlobalSiteHeader div.Testimonials div.Testimonial img {
                float: left;
                padding: 1px;
                margin: 0 15px 0 0;
                border: 1px solid #c9c9c9
            }

            div.GlobalSiteHeader div.Testimonials div.Testimonial span {
                font-size: 16px;
                font-weight: 700;
                color: #8f8f8f
            }

            div.GlobalSiteHeader div.Testimonials div.Testimonial strong {
                float: right;
                color: #3f7398;
                position: relative;
                top: 15px;
                .top:-3px;
                .right:15px
            }

div.MainTable div.Content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

div.MainTable div.Content {
    position: relative;
    width: 946px;
    margin: 0 auto
}

    div.MainTable div.Content div.BreadCrumb {
        padding: 10px 5px 0;
        color: #999
    }

        div.MainTable div.Content div.BreadCrumb a {
            color: #999
        }

        div.MainTable div.Content div.BreadCrumb span, div.MainTable div.Content div.BreadCrumb .Disabled {
            color: #3f7398
        }

    div.MainTable div.Content div.Title {
        position: relative;
        clear: both;
        min-height: 20px;
        _height: 20px;
        border-bottom: 1px dotted #ccc;
        padding: 0 0 5px;
        margin: 15px 0 10px;
        text-align: left
    }

        div.MainTable div.Content div.Title h1, div.MainTable h1.Title {
            position: relative;
            display: block;
            font-size: 15px;
            padding: 0;
            margin: 0 0 0 5px;
            width: auto;
            line-height: 20px
        }

div.MainTable h1.Title {
    position: absolute;
    top: 185px;
    left: 0;
    z-index: 8;
    white-space: nowrap;
    overflow: hidden
}

    div.MainTable div.Title h1 strong, div.MainTable h1.Title strong {
        color: #b60013
    }

div.MainTable .Title .addthis_toolbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    overflow: hidden
}

div.MainTable h1.Breadcrumb {
    top: 38px;
    width: 625px
}

div.MainTable div.Content div.Title div.Dropdown {
    display: inline
}

    div.MainTable div.Content div.Title div.Dropdown h1 {
        display: inline;
        padding-right: 20px;
        cursor: default
    }

        div.MainTable div.Content div.Title div.Dropdown h1:after {
            content: "";
            display: block;
            position: absolute;
            top: 2px;
            right: 0;
            width: 16px;
            height: 16px;
            background-image: url(../IMAGE/icons/16x16/icon-arrow-down-black_article.png);
            background-position: right center;
            background-repeat: no-repeat;
            opacity: 5;
            filter: alpha(opacity=20)
        }

    div.MainTable div.Content div.Title div.Dropdown ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 10px;
        margin: -10px 0 0;
        width: 220px;
        opacity: 0;
        background-color: #222;
        box-shadow: 0 5px 15px transparent;
        transition: opacity .3s ease-out .3s,margin .3s ease-out .3s,box-shadow .3s ease-out .3s,visibility .3s ease-out .3s;
        z-index: 100
    }

    div.MainTable div.Content div.Title div.Dropdown:hover ul {
        visibility: visible;
        margin: 0;
        opacity: .9;
        box-shadow: 0 5px 15px rgba(0,0,0,.3);
        transition-delay: 0
    }

        div.MainTable div.Content div.Title div.Dropdown:hover ul:before {
            content: '';
            position: absolute;
            top: -30px;
            left: -30px;
            right: -30px;
            bottom: -30px;
            z-index: 1
        }

    div.MainTable div.Content div.Title div.Dropdown ul li {
        position: relative;
        padding: 1px 5px;
        z-index: 2
    }

        div.MainTable div.Content div.Title div.Dropdown ul li:hover {
            background-color: #000
        }

        div.MainTable div.Content div.Title div.Dropdown ul li a {
            display: block;
            width: 185px;
            color: #fff;
            padding: 6px;
            text-decoration: none
        }

        div.MainTable div.Content div.Title div.Dropdown ul li:hover a {
            color: #83aac6
        }

div.MainTable div.Content div.Button h1 {
    width: 430px
}

div.MainTable div.Community div.Article div.Title h1 {
}

div.MainTable div.Content div.Title h1 a {
    color: #666;
    text-decoration: none
}

div.MainTable div.Content div.Title h2 {
    display: inline;
    padding: 0;
    margin: 0 0 0 25px;
    font-size: 11px;
    font-weight: 700;
    color: #900
}

div.MainTable div.Content div.Title select {
    position: absolute;
    top: 0;
    right: 0
}

div.MainTable div.Content div.Title img {
    padding: 0 0 2px
}

div.MainTable div.Content div.Title a.SubmitComment {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    padding: 2px 25px 2px 2px;
    background-image: url(../image/icons/submit_comment.gif);
    background-position: right;
    background-repeat: no-repeat;
    _background-color: #fff;
    text-decoration: none
}

div.MainTable div.Content div.Title a.ButtonSmall {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99
}

div.MainTable div.SocialIcons {
    position: absolute;
    top: 3px;
    right: -3px;
    color: #ccc;
    text-align: right
}

    div.MainTable div.SocialIcons strong, div.MainTable div.SocialIcons .SocialPopup {
        float: left;
        position: relative;
        margin: 0 0 0 1px
    }

    div.MainTable div.SocialIcons strong {
        top: 10px;
        margin: 0 3px 0 0
    }

    div.MainTable div.SocialIcons .SocialPopup {
        height: 24px;
        width: 24px;
        padding: 3px
    }

        div.MainTable div.SocialIcons .SocialPopup div.ShadowWrapper {
            position: absolute;
            top: -1000px;
            right: 0;
            width: 75px;
            height: 80px;
            z-index: 99;
            opacity: .97;
            filter: alpha(opacity=97);
            border: 1px solid #f0f0f0
        }

        div.MainTable div.SocialIcons .SocialPopup:hover div.ShadowWrapper, div.MainTable div.SocialIcons .SocialPopup.Hover div.ShadowWrapper {
            top: 28px
        }

        div.MainTable div.SocialIcons .SocialPopup div.Popup {
            display: none
        }

        div.MainTable div.SocialIcons .SocialPopup div.ShadowWrapper div.Popup {
            display: block;
            float: left;
            position: relative;
            width: 100%;
            height: 100%;
            background-color: #fff;
            background-image: url(../image/bg_GuestListEvents.gif);
            background-position: bottom;
            background-repeat: repeat-x;
            text-align: left;
            z-index: 99
        }

        div.MainTable div.SocialIcons .SocialPopup div.Popup img.Bubble {
            position: absolute;
            top: -6px;
            right: 9px
        }

    div.MainTable div.SocialIcons .Twitter div.ShadowWrapper {
        height: 37px
    }

    div.MainTable div.SocialIcons .Twitter div.Popup iframe {
        margin: 7px 0 0 6px
    }

    div.MainTable div.SocialIcons .Google div.Popup h2 {
        padding-top: 25px
    }

    div.MainTable div.SocialIcons .Google div.Popup div {
        position: absolute;
        bottom: 10px;
        right: 13px
    }

        div.MainTable div.SocialIcons .Google div.Popup div iframe {
            visibility: inherit !important
        }

    div.MainTable div.SocialIcons .Facebook div.Popup div.fb_reset {
        display: none
    }

    div.MainTable div.SocialIcons .Facebook div.Popup .fb_iframe_widget {
        position: absolute;
        bottom: 5px;
        right: 5px;
        width: 55px
    }

a.Facebook {
    background-image: url(../image/icons/facebook/icon-facebook-small.png);
    background-color: #3b5898;
    background-repeat: no-repeat;
    background-position: 3px center;
    color: #3b5998;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-size: 11px;
    line-height: 17px;
    margin: 0 0 10px;
    outline: medium;
    padding: 0 0 0 1px;
    position: relative;
    text-align: center;
    text-decoration: none
}

    a.Facebook span {
        color: #fff;
        display: block;
        font-family: lucida grande,tahoma,verdana,arial,sans-serif;
        font-weight: 700;
        margin: 1px 1px 0 21px;
        padding: 2px 10px 3px;
        text-shadow: none
    }

    a.Facebook small {
        display: none;
        position: absolute;
        padding: 0 0 4px;
        background: url(../image/icons/Activity-v02/hover_miniName-bottom.gif) no-repeat scroll left bottom transparent;
        text-decoration: none !important;
        z-index: 1000;
        top: -52px;
        left: 0;
        text-align: left;
        border: none;
        .border:none;
        border-bottom: 0
    }

        a.Facebook small span {
            display: block;
            font-size: 11px;
            font-weight: 400;
            left: 0;
            line-height: 16px;
            padding: 6px 11px 7px;
            margin: 0;
            text-decoration: none !important;
            white-space: nowrap;
            color: #fff !important;
            background-color: #282828;
            background-image: none
        }

    a.Facebook:hover small {
        display: block
    }

a.ImageUploadButton {
    background: url(http://static.ak.fbcdn.net/rsrc.php/v1/yL/r/FGFbc80dUKj.png) no-repeat scroll left -188px #29447e;
    color: #3b5998;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-size: 11px;
    line-height: 14px;
    margin: 0 0 10px;
    outline: medium;
    padding: 0 0 0 1px;
    text-align: center;
    text-decoration: none
}

    a.ImageUploadButton span {
        background: url(http://static.ak.fbcdn.net/rsrc.php/v1/yL/r/FGFbc80dUKj.png) repeat scroll 0 0 #5f78ab;
        border-bottom: 1px solid #1a356e;
        border-top: 1px solid #879ac0;
        color: #fff;
        display: block;
        font-family: lucida grande,tahoma,verdana,arial,sans-serif;
        font-weight: 700;
        margin: 1px 1px 0 21px;
        padding: 2px 6px 3px;
        text-shadow: none
    }

    a.ImageUploadButton small {
        display: none;
        position: absolute;
        padding: 0 0 4px;
        background: url(../image/icons/Activity-v02/hover_miniName-bottom.gif) no-repeat scroll left bottom transparent;
        text-decoration: none !important;
        z-index: 1000;
        top: -63px;
        left: -9px;
        text-align: left;
        border: 9px solid rgba(255,255,255,.8);
        .border:9pxsolid#FFF;
        border-bottom: 0
    }

        a.ImageUploadButton small span {
            display: block;
            font-size: 11px;
            font-weight: 400;
            left: 0;
            line-height: 16px;
            padding: 6px 11px 7px;
            margin: 0;
            text-decoration: none !important;
            white-space: nowrap;
            color: #fff !important;
            background-color: #282828;
            background-image: none
        }

    a.ImageUploadButton:hover {
        background-position: left -210px
    }

        a.ImageUploadButton:hover small {
            display: block
        }

div.MainTable div.Content ul.SocialShare {
    position: relative;
    min-height: 24px;
    _height: 24px;
    padding: 6px 10px 2px;
    margin: 10px 0;
    overflow: visible !important;
    border: 1px solid #549c21;
    background: #7ccb45 url(../image/PopupWinBg.gif) left -1px repeat-x
}

    div.MainTable div.Content ul.SocialShare li {
        float: left;
        padding: 0 25px 0 0;
        margin: 0;
        min-width: 50px;
        min-height: 20px;
        background: none transparent;
        color: #427ab7;
        font-size: 15px;
        font-weight: 700;
        font-family: Arial,Helvetica,sans-serif
    }

        div.MainTable div.Content ul.SocialShare li.Text {
            line-height: 22px;
            color: #fff
        }

        div.MainTable div.Content ul.SocialShare li.Twitter {
            margin-left: -15px
        }

iframe.Banners {
    height: 100px;
    width: 946px;
    margin: 25px 0 0
}

body.Banners {
    background-image: none;
    background-color: #fff;
    overflow: visible
}

    body.Banners div.Banners {
        margin: 0
    }

div.Banners {
    float: left;
    width: 946px;
    margin: 25px 22px 0;
    .margin:10px22px022px;
    _margin: 10px 11px 0 11px;
    text-align: left
}

    div.Banners div.FooterNav {
        background-color: #f7f7f7;
        border-style: dotted;
        border-color: #d5d5d5;
        border-width: 1px 0;
        display: inline-block;
        padding: 10px;
        position: relative;
        width: 926px
    }

        div.Banners div.FooterNav ul.FooterNav {
            float: left;
            padding: 3px 0 0
        }

        div.Banners div.FooterNav .Sister {
            float: right;
            position: relative;
            top: -5px;
            margin: 0 0 0 5px;
            font-weight: 700;
            text-decoration: none
        }

            div.Banners div.FooterNav .Sister img {
                position: relative;
                top: 5px;
                margin: 0 5px 0 0
            }

    div.Banners div.Banner {
        display: block;
        clear: both;
        width: 728px;
        height: 90px;
        clear: both;
        margin: 0 auto;
        padding: 20px 0 10px
    }

    div.Banners ul.FooterNav {
        clear: both;
        margin: 0;
        padding: 15px 0 15px 10px;
        font-size: 12px
    }

        div.Banners ul.FooterNav li {
            float: left;
            padding: 0 4px 0 0;
            margin: 0 4px 0 0;
            background-image: none;
            border-style: solid;
            border-color: #d5d5d5;
            border-width: 0 1px 0 0
        }

            div.Banners ul.FooterNav li:last-child, div.Banners ul.FooterNav li.Last {
                border: 0
            }

            div.Banners ul.FooterNav li a {
                color: #597f98
            }

                div.Banners ul.FooterNav li a img {
                    position: relative;
                    top: 3px;
                    margin-right: 4px
                }

            div.Banners ul.FooterNav li select.CreateCountrySelect {
                display: none;
                margin-top: -2px;
                width: auto
            }

    div.Banners div.About {
        padding: 10px 20px 0;
        line-height: 15px
    }

        div.Banners div.About a {
            font-weight: 700
        }

    div.Banners iframe {
        display: block;
        margin: 25px auto 0
    }

div.LineBreak {
    clear: both;
    height: 0;
    border-top: 1px dotted #b5b5b7;
    font-size: 0
}

iframe.Footer {
    z-index: 1;
    height: 300px;
    width: 100%
}

iframe.FooterLoggedIn {
    height: 420px;
    margin: 0;
    width: 100%;
    min-width: 946px
}

div.Footer {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 946px
}

.FooterWrapper {
    font-size: 12px;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    text-align: center
}

    .FooterWrapper .FooterWrapperInner {
        padding: 0 15px;
        font-size: 12px
    }

    .FooterWrapper.FooterWrapperMobile {
        display: none
    }

body.FooterResponsive {
    height: 300px;
    min-height: 100%;
    padding: 0
}

body.FooterResponsive {
    height: 300px;
    min-height: 100%;
    padding: 0
}

div.FooterResponsive {
    margin: 0 auto;
    position: relative
}

.FooterResponsive * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.FooterResponsive :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

div.FooterResponsive .container {
    width: 946px;
    margin: 0 auto
}

div.FooterResponsive.Width946 .container {
}

div.FooterResponsive .FooterFullNav {
    border-top: 1px dotted #b5b5b7;
    margin-bottom: 30px;
    margin-top: 4px;
    padding-top: 30px
}

    div.FooterResponsive .FooterFullNav ul {
        margin: 0;
        display: -webkit-flex;
        display: flex
    }

        div.FooterResponsive .FooterFullNav ul li {
            background-image: none;
            font-size: 14px;
            padding: 0;
            line-height: 31px;
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
            white-space: nowrap
        }

            div.FooterResponsive .FooterFullNav ul li a {
                display: inline-block;
                position: relative;
                color: #666
            }

                div.FooterResponsive .FooterFullNav ul li a:hover {
                    color: #e4002b;
                    text-decoration: none
                }

                div.FooterResponsive .FooterFullNav ul li a img {
                    position: absolute;
                    top: 0;
                    width: 16px;
                    height: 16px
                }

div.FooterResponsive h3 {
    font-weight: 400;
    margin: 3px 0 5px;
    text-align: left
}

    div.FooterResponsive h3 img {
        vertical-align: middle;
        width: 75px
    }

div.FooterResponsive div.Center {
    width: 915px
}

div.FooterResponsive div.Banner {
    clear: both;
    display: block;
    height: 90px;
    margin: 0 auto 30px;
    width: 728px
}

    div.FooterResponsive div.Banner a {
        display: inline-block
    }

div.FooterResponsive ul.FooterNav {
    clear: both;
    font-size: 12px;
    margin: 0;
    padding: 15px 0;
    text-align: center
}

    div.FooterResponsive ul.FooterNav li {
        background-image: none;
        border-color: #d5d5d5;
        border-style: solid;
        border-width: 0 0 0 1px;
        display: inline;
        margin: 0;
        padding: 0 5px
    }

        div.FooterResponsive ul.FooterNav li:first-child {
            border: none
        }

        div.FooterResponsive ul.FooterNav li.Last {
            border: 0
        }

        div.FooterResponsive ul.FooterNav li a {
            color: #666
        }

            div.FooterResponsive ul.FooterNav li a img {
                position: relative;
                top: 3px;
                margin-right: 4px
            }

div.FooterResponsive div.FooterLogo {
    float: left;
    text-align: left;
    margin-top: 55px;
    margin-left: -195px;
    position: absolute
}

div.FooterResponsive.KeepLogoInside div.FooterLogo {
    display: block;
    float: none;
    position: relative;
    margin-left: 0
}

div.FooterResponsive div.FooterLogo .Logo {
    display: inline-block
}

    div.FooterResponsive div.FooterLogo .Logo img {
        width: 155px
    }

div.FooterResponsive div.FooterOptions {
    float: left;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-left: 5px
}

    div.FooterResponsive div.FooterOptions img.LogoEDI {
        max-width: 145px
    }

@media(max-width: 767px) {
    div.FooterResponsive.KeepLogoInside div.FooterOptions {
        margin-bottom: 50px
    }

        div.FooterResponsive.KeepLogoInside div.FooterOptions img.LogoEDI {
            margin-top: 14px
        }
}

div.FooterResponsive div.SocialNav {
    float: left
}

div.FooterResponsive .SocialIconList {
    width: auto
}

    div.FooterResponsive .SocialIconList ul {
        text-align: left
    }

div.FooterResponsive div.FooterNavBlock {
    float: right;
    margin-top: 20px;
    text-align: left
}

    div.FooterResponsive div.FooterNavBlock > ul.FooterNavBlockInner {
        display: inline-block;
        float: none;
        font-size: 13px;
        line-height: 17px;
        margin: 0;
        padding: 0 0 30px;
        text-align: left;
        vertical-align: top
    }

        div.FooterResponsive div.FooterNavBlock > ul.FooterNavBlockInner:first-child {
            padding: 0 45px 0 0
        }

        div.FooterResponsive div.FooterNavBlock > ul.FooterNavBlockInner > li {
            background-image: none;
            margin: 0;
            padding: 1px 5px
        }

        div.FooterResponsive div.FooterNavBlock > ul.FooterNavBlockInner li:first-child {
        }

        div.FooterResponsive div.FooterNavBlock > ul.FooterNavBlockInner li.Last {
            border: 0
        }

        div.FooterResponsive div.FooterNavBlock > ul.FooterNavBlockInner > li > a {
            color: #666
        }

            div.FooterResponsive div.FooterNavBlock > ul.FooterNavBlockInner > li > a img {
            }

            div.FooterResponsive div.FooterNavBlock > ul.FooterNavBlockInner > li > a.ButtonSupport {
                display: inline-block;
                font-size: 11px;
                margin-top: 12px
            }

div.FooterResponsive div.FooterTM {
    clear: both;
    font-size: 12px;
    line-height: 17px;
    padding-bottom: 30px;
    text-align: center
}

div.FooterResponsive div.About {
    line-height: 15px;
    padding: 0
}

    div.FooterResponsive div.About a {
        font-weight: 700
    }

div.FooterResponsive iframe {
    display: block;
    margin: 25px auto 0
}

.FooterResponsive a.ButtonSupport {
    color: #fff !important;
    float: none
}

.FooterResponsive select.CreateCountrySelect {
    display: none;
    margin-top: -2px;
    width: auto
}

.FooterResponsive .CountrySelectDiv {
    display: inline-block;
    float: none;
    height: 25px;
    margin-top: 8px
}

    .FooterResponsive .CountrySelectDiv.Top .CountryDropdown {
        left: -185px;
        margin-bottom: 30px
    }

    .FooterResponsive .CountrySelectDiv .CountryDropdown ul {
        width: 377px
    }

    .FooterResponsive .CountrySelectDiv .CountrySelectFrontDiv {
        display: block;
        float: left;
        margin: 0;
        text-indent: 35px;
        width: 130px
    }

    .FooterResponsive .CountrySelectDiv span.Flag {
        left: 0
    }

@media(max-width: 1440px) {
    div.FooterResponsive div.FooterLogo {
        margin-top: 25px;
        margin-left: 0;
        position: relative
    }

    div.FooterResponsive div.FooterOptions {
        clear: left
    }
}

@media(max-width: 945px) {
    div.FooterResponsive:NOT(.Width946) .container {
        width: 100%
    }
}

@media(max-width: 767px) {
    div.FooterResponsive:NOT(.Width946) div.FooterLogo, div.FooterResponsive:NOT(.Width946) div.FooterOptions {
        display: inline-block;
        float: none;
        vertical-align: top
    }

    div.FooterResponsive:NOT(.Width946) div.FooterOptions {
        padding-left: 15px
    }

        div.FooterResponsive:NOT(.Width946) div.FooterOptions div.SocialNav {
            padding: 0
        }

    div.FooterResponsive:NOT(.Width946) div.FooterNavBlock {
        float: none;
        margin-top: 0
    }

        div.FooterResponsive:NOT(.Width946) div.FooterNavBlock > ul.FooterNavBlockInner {
            float: left;
            margin-bottom: 30px;
            padding: 0;
            padding-left: 17%;
            text-align: left;
            width: 50%
        }

            div.FooterResponsive:NOT(.Width946) div.FooterNavBlock > ul.FooterNavBlockInner:first-child {
                padding: 0;
                padding-left: 15%
            }

    .FooterResponsive:NOT(.Width946) .CountrySelectDiv.Top .CountryDropdown {
        left: -15px
    }

    .FooterResponsive:NOT(.Width946) .CountrySelectDiv .CountryDropdown ul {
        width: 190px
    }
}

@media(max-width: 600px) {
    div.FooterResponsive:NOT(.Width946) div.FooterInner {
        padding: 0
    }

    div.FooterResponsive:NOT(.Width946) div.FooterLogo, div.FooterResponsive:NOT(.Width946) div.FooterOptions {
        padding: 0
    }

    div.FooterResponsive:NOT(.Width946) div.FooterLogo {
        margin-right: 40px;
        padding: 0;
        float: left
    }

    div.FooterResponsive:NOT(.Width946):NOT(.KeepLogoInside) div.FooterOptions {
        float: left
    }

    div.FooterResponsive:NOT(.Width946) div.FooterNavBlock > ul.FooterNavBlockInner {
        padding: 0
    }

        div.FooterResponsive:NOT(.Width946) div.FooterNavBlock > ul.FooterNavBlockInner:first-child {
            padding: 0
        }
}

div.FooterResponsive.Footer000 {
    background: #000;
    color: #fff
}

    div.FooterResponsive.Footer000 div.FooterNavBlock > ul.FooterNavBlockInner > li > a {
        color: #fff
    }

.FooterResponsive.Footer000 .CountrySelectDiv .CountrySelectFrontDiv {
    color: #fff
}

.skrollr, .scrollr body {
    height: 100%
}

    .skrollr.skrollr-desktop body {
        height: 100% !important
    }

    .skrollr .parallax-image-wrapper {
        position: fixed;
        left: 0;
        width: 100%;
        overflow: hidden
    }

    .skrollr .parallax-image-wrapper-50 {
        height: 50%;
        top: -50%
    }

    .skrollr .parallax-image-wrapper-100 {
        height: 100%;
        top: -100%
    }

    .skrollr .parallax-image {
        display: none;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-position: center;
        background-size: cover
    }

    .skrollr .parallax-image-50 {
        height: 200%;
        top: -50%
    }

    .skrollr .parallax-image-100 {
        height: 100%;
        top: 0
    }

    .skrollr .parallax-image.skrollable-between {
        display: block
    }

    .skrollr .no-skrollr .parallax-image-wrapper {
        display: none !important
    }

    .skrollr .skrollr-body {
        height: 100%;
        overflow: visible;
        position: relative
    }

    .skrollr .gap {
        background: transparent center no-repeat;
        background-size: cover
    }

    .skrollr .gap {
        background: 0 0 !important;
        background: #f00\0/ !important
    }

    .skrollr .gap-50 {
        height: 50%
    }

    .skrollr .gap-70 {
        height: 70%
    }

    .skrollr .gap-80 {
        height: 80%
    }

    .skrollr .gap-100 {
        height: 100%
    }

    .skrollr .header, .content {
        background: #fff;
        min-height: 300px;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .skrollr .content-full {
        height: 100%
    }

    .skrollr #done {
        height: 100%
    }

.CountrySelectDiv {
    position: relative;
    z-index: 10
}

    .CountrySelectDiv .CountrySelectFrontDiv {
        color: #666;
        cursor: pointer;
        display: inline-block;
        float: left;
        font-size: 12px;
        font-weight: 400;
        height: 30px;
        line-height: 29px;
        margin-right: 5px;
        margin-top: -6px;
        position: absolute;
        text-indent: 50px;
        width: auto
    }

        .CountrySelectDiv .CountrySelectFrontDiv .ArrowDown {
            position: absolute;
            right: 8px;
            top: 12px
        }

    .CountrySelectDiv .CountryDropdown {
        bottom: 10px;
        display: none;
        left: -190px;
        margin-left: -1px;
        margin-top: 0;
        opacity: 1;
        padding-top: 20px;
        position: absolute;
        top: 16px;
        z-index: 1
    }

        .CountrySelectDiv .CountryDropdown ul {
            background: #fff;
            border: 1px solid #e5e5e5;
            box-shadow: 0 0 10px rgba(0,0,0,.2);
            display: block;
            margin: 0;
            opacity: 1;
            overflow: auto;
            padding: 10px 15px;
            width: 357px;
            z-index: 18
        }

    .CountrySelectDiv > .CountryDropdown > ul > li {
        background-image: none;
        border: none !important;
        float: left;
        margin: 0 !important;
        padding: 0 20px 0 0 !important;
        position: relative;
        text-indent: 50px
    }

        .CountrySelectDiv > .CountryDropdown > ul > li:hover {
            text-decoration: underline
        }

        .CountrySelectDiv > .CountryDropdown > ul > li a, .CountrySelectDiv > .CountryDropdown > ul > li .CountryRegion {
            border: none !important;
            color: #597f98;
            cursor: pointer;
            display: block;
            font-size: 12px;
            font-weight: 400;
            height: 35px;
            line-height: 30px;
            padding-left: 5px;
            width: 150px
        }

        .CountrySelectDiv > .CountryDropdown > ul > li:last-child a, .CountrySelectDiv > .CountryDropdown > ul > li:last-child .CountryRegion {
            border: none !important
        }

    .CountrySelectDiv > .CountryDropdown span.Flag {
        margin-top: 1px
    }

    .CountrySelectDiv span.Flag {
        background-image: url(../image/icons/flags.png);
        background-position: 0 -2px;
        background-repeat: no-repeat;
        border-radius: 2px;
        height: 18px;
        left: 15px;
        position: absolute;
        top: 6px;
        width: 24px
    }

        .CountrySelectDiv span.Flag.region1 {
            background-position: 0 -24px
        }

        .CountrySelectDiv span.Flag.region34 {
            background-position: 0 -46px
        }

        .CountrySelectDiv span.Flag.region2 {
            background-position: 0 -68px
        }

        .CountrySelectDiv span.Flag.region72 {
            background-position: 0 -90px
        }

        .CountrySelectDiv span.Flag.region213 {
            background-position: 0 -112px
        }

    .CountrySelectDiv span.FlagSvg {
        border-radius: 4px;
        height: 18px;
        left: 15px;
        position: absolute;
        top: 6px;
        width: 24px
    }

.CountryFlag {
    background-image: url(../image/icons/flags.png);
    background-position: 0 -2px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    position: relative;
    top: 4px;
    width: 24px
}

    .CountryFlag.region1 {
        background-position: 0 -24px
    }

    .CountryFlag.region34 {
        background-position: 0 -46px
    }

    .CountryFlag.region2 {
        background-position: 0 -68px
    }

    .CountryFlag.region72 {
        background-position: 0 -90px
    }

    .CountryFlag.region213 {
        background-position: 0 -112px
    }

.CountrySelectDiv.Active .CountryDropdown {
    display: block
}

.CountrySelectDiv.Top .CountryDropdown {
    bottom: 0;
    margin-bottom: 13px;
    padding-top: 0;
    top: auto
}

div.MainTable div.Content div.ColumnLeft150, div.MainTable div.Content div.ColumnLeft180, div.MainTable div.Content div.ColumnLeft300, div.MainTable div.Content div.ColumnLeft346, div.MainTable div.Content div.ColumnLeft370, div.MainTable div.Content div.ColumnLeft630, div.MainTable div.Content div.ColumnLeft780 {
    float: left
}

div.MainTable div.Content div.ColumnLeft150 {
    width: 150px
}

div.MainTable div.Content div.ColumnLeft180 {
    width: 180px
}

div.MainTable div.Content div.ColumnLeft300 {
    width: 300px
}

div.MainTable div.Content div.ColumnLeft346 {
    width: 346px
}

div.MainTable div.Content div.ColumnLeft370 {
    width: 370px
}

div.MainTable div.Content div.ColumnLeft630 {
    position: relative;
    width: 630px;
    min-height: 500px;
    _height: 500px
}

div.MainTable div.Content div.ColumnLeft780 {
    width: 780px
}

div.MainTable div.Content div.ColumnRight160, div.MainTable div.Content div.ColumnRight250, div.MainTable div.Content div.ColumnRight270, div.MainTable div.Content div.ColumnRight300, div.MainTable div.Content div.ColumnRight750 {
    float: right
}

div.MainTable div.Content div.ColumnRight160 {
    width: 150px;
    padding: 38px 0 0
}

div.MainTable div.Content div.ColumnRight250 {
    width: 250px
}

div.MainTable div.Content div.ColumnRight270 {
    width: 270px
}

div.MainTable div.Content div.ColumnRight300 {
    width: 300px;
    padding: 40px 0 0;
    color: #666
}

div.MainTable div.Content div.ColumnRight750 {
    width: 750px;
    min-height: 425px;
    _height: 425px
}

div.MainTable div.Content div.ColumnRight300.OnTheGround2 {
    padding-top: 36px
}

div.ColumnRight160 div.Component div.Content {
    _width: 148px !important
}

div.ColumnRight300 div.Component div.Submit {
    padding: 10px 0
}

    div.ColumnRight300 div.Component div.Submit div.Submit {
        padding: 10px
    }

    div.ColumnRight300 div.Component div.Submit a.ButtonIcon {
        float: none;
        font-weight: 700;
        height: 18px;
        margin: 10px 20px;
        text-align: center;
        width: 246px
    }

        div.ColumnRight300 div.Component div.Submit a.ButtonIcon img {
            left: 43px
        }

div.ColumnRight300 div.RecentSearches {
    padding: 5px 10px;
    overflow: hidden;
    _height: 1%;
    _overflow: visible
}

    div.ColumnRight300 div.RecentSearches div.Line {
        float: none;
        .clear:both;
        width: auto;
        height: auto;
        _height: 21px;
        min-height: 21px;
        .padding:2px01px !important;
        line-height: 15px
    }

        div.ColumnRight300 div.RecentSearches div.Line a {
            font-weight: 700
        }

        div.ColumnRight300 div.RecentSearches div.Line ul {
            .position:relative;
            clear: both;
            padding: 0 0 0 10px
        }

            div.ColumnRight300 div.RecentSearches div.Line ul li {
                clear: both;
                background-image: url(../image/icons/ListMarkerGreen.gif)
            }

                div.ColumnRight300 div.RecentSearches div.Line ul li.Sub {
                    .margin:-12px000;
                    background-image: none
                }

div.ColumnRight300 div.UsernameSearch {
    padding: 25px 15px 45px
}

    div.ColumnRight300 div.UsernameSearch strong {
        display: block;
        padding: 0 0 10px
    }

div.Banner, div.Community div.ColumnRight300 div.Banner, div.EventsClubs div.ColumnRight300 div.Banner {
    padding: 0;
    margin: 0 0 15px;
    border: 0
}

div.SecretsToSuccess {
    position: relative;
    height: 436px;
    margin: 0 0 15px;
    background-image: url(../image/genericPages/SeriousSuccess/SuccessSideBG.jpg)
}

    div.SecretsToSuccess ul {
        position: absolute;
        top: 224px;
        left: 47px;
        padding: 0;
        margin: 0;
        font-weight: 700
    }

        div.SecretsToSuccess ul li {
            padding: 0;
            margin: 0 0 23px;
            background-image: none
        }

            div.SecretsToSuccess ul li a {
                color: #b9081e
            }

div.RHPMobileDiv300X100 {
    background-image: url(../IMAGE/Popups/RHPMobile/RHPMobileWhiteLightFull.jpg);
    background-repeat: no-repeat;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    float: left;
    height: 83px;
    overflow: hidden;
    text-align: left;
    width: 296px
}

    div.RHPMobileDiv300X100 img {
        float: left
    }

    div.RHPMobileDiv300X100 div.title {
        color: #000;
        float: left;
        font-size: 12px;
        font-weight: 700;
        left: 63px;
        position: relative;
        text-shadow: 0 1px 0 #fff;
        top: 8px
    }

    div.RHPMobileDiv300X100 div.description {
        color: #000;
        float: left;
        font-size: 11px;
        left: 66px;
        line-height: 12px;
        position: relative;
        top: 13px
    }

    div.RHPMobileDiv300X100 div.appButtonBlock {
        display: inline-block;
        font-size: 11px;
        left: 98px;
        position: relative;
        top: 23px
    }

        div.RHPMobileDiv300X100 div.appButtonBlock a.Button {
            background: 0 0;
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            line-height: 18px;
            margin-top: 20px;
            padding: 8px 15px;
            text-shadow: 1px 1px 3px #165407
        }

        div.RHPMobileDiv300X100 div.appButtonBlock a {
            position: relative;
            text-decoration: underline
        }

            div.RHPMobileDiv300X100 div.appButtonBlock a i {
                background: url(../IMAGE/icons/buttons/arrow_download.png) no-repeat scroll left bottom transparent;
                float: left;
                font-family: Trebuchet MS;
                font-size: 17px;
                font-weight: 700;
                height: 17px;
                left: -24px;
                line-height: 8px;
                position: absolute;
                text-align: center;
                text-shadow: 1px 1px 3px #165407;
                top: -2px;
                width: 17px
            }

div.Banner.TopTenAd {
    height: 250px;
    position: relative;
    width: 300px
}

    div.Banner.TopTenAd div.TitleText {
        background-color: #fff;
        background-image: url(../IMAGE/Community/TopTenAd/rhptopten.png);
        background-repeat: no-repeat;
        background-position: 5px 5px;
        background-color: rgba(255,255,255,.9);
        color: #000;
        font-family: segoe ui,arial,sans-serif;
        font-size: 18px;
        font-weight: 700;
        left: 0;
        line-height: 19px;
        margin: 1px;
        min-height: 55px;
        padding: 0;
        position: absolute;
        top: 0;
        width: 298px
    }

        div.Banner.TopTenAd div.TitleText a {
            color: #000;
            float: left;
            padding-bottom: 6px;
            padding-left: 110px;
            padding-top: 6px;
            text-decoration: none
        }

            div.Banner.TopTenAd div.TitleText a:hover {
                text-decoration: none
            }

    div.Banner.TopTenAd > a {
        float: left
    }

        div.Banner.TopTenAd > a img {
            border: 1px solid #c9c9c9 !important;
            float: left;
            width: 298px
        }

    div.Banner.TopTenAd div.FooterText {
        background: #fff;
        background: rgba(255,255,255,.9);
        bottom: 0;
        height: 20px;
        left: 0;
        line-height: 18px;
        margin: 1px;
        padding-right: 10px;
        padding-top: 0;
        position: absolute;
        text-align: right;
        width: 288px
    }

div.ColumnRight300 div.HotMembers {
    clear: both;
    background-color: #f8f8f8;
    margin: 15px 0;
    padding: 10px 0 20px
}

    div.ColumnRight300 div.HotMembers h2 {
        margin: 0;
        padding: 15px 10px 30px 60px;
        font-size: 13px;
        color: #606060;
        background: url(../image/icons/headers/searchListing-HotMembersLge.gif) 13px center no-repeat
    }

    div.ColumnRight300 div.HotMembers div.Padded {
        padding: 0 10px 10px
    }

        div.ColumnRight300 div.HotMembers div.Padded div.Result {
            height: 44px;
            padding: 8px 0;
            margin: 0 5px;
            border-bottom: 1px dotted #b0b0b2;
            line-height: 23px
        }

            div.ColumnRight300 div.HotMembers div.Padded div.Result a {
                font-weight: 700
            }

            div.ColumnRight300 div.HotMembers div.Padded div.Result img.Right {
                margin: 10px 5px 0 0
            }

            div.ColumnRight300 div.HotMembers div.Padded div.Result a.Avatar40 {
                float: right
            }

                div.ColumnRight300 div.HotMembers div.Padded div.Result a.Avatar40 img {
                    height: 40px;
                    width: 40px
                }

    div.ColumnRight300 div.HotMembers a.Button {
        float: none;
        clear: both;
        width: 160px;
        margin: 10px auto 0;
        text-align: center;
        font-weight: 700;
        background-image: url(../image/TabBgRed.gif);
        border-color: #ee272c;
        color: #fff
    }

div.JoinNowAd h2 {
    padding: 10px 0 0 !important;
    margin: 15px 0 10px !important;
    border-top: 1px dotted #b5b5b7;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

    div.JoinNowAd h2 strong {
        color: #7ccb45
    }

div.JoinNowAd span.Label {
    clear: left;
    float: left;
    display: block;
    width: 100px;
    padding: 12px 10px 3px 0;
    _padding: 12px 7px 3px 0;
    font-size: 11px;
    text-align: right
}

div.JoinNowAd input {
    font-size: 12px;
    margin: 8px 0 5px;
    .margin:8px03px0;
    width: 154px
}

div.JoinNowAd a.Register {
    float: left;
    display: block;
    height: 28px;
    width: 157px;
    margin: 18px 0 0 110px;
    _margin: 18px 0 0 55px;
    background-image: url(../image/Home/Register.gif);
    border: 1px solid #64b030;
    color: #92d464;
    font-size: 0
}

div.ColumnRight300 div.JoinNowAd {
    float: none;
    width: 298px;
    padding: 0 0 22px;
    background-color: #e8f5df;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #d4d4d4;
    overflow: hidden;
    _height: 1%;
    _overflow: visible;
    margin: 0 0 15px !important;
    .margin:0015px !important;
    _margin: 0 0 15px !important
}

    div.ColumnRight300 div.JoinNowAd h2 {
        position: relative;
        left: -1px;
        _left: 0;
        width: 264px;
        _width: 262px;
        font-size: 11px !important;
        color: #fff !important;
        margin: 0 0 15px !important;
        padding: 4px 0 5px 34px !important;
        background-repeat: no-repeat;
        background-color: #7ccb45;
        background-image: url(../image/ComponentToggleGreen.gif);
        border: 1px solid #64b030
    }

        div.ColumnRight300 div.JoinNowAd h2 strong {
            color: #fff
        }

    div.ColumnRight300 div.JoinNowAd span.Label {
        margin: 0 0 0 10px;
        _margin: 0 0 0 5px
    }

    div.ColumnRight300 div.JoinNowAd a.Register {
        margin: 18px 0 0 120px;
        _margin: 18px 0 0 60px
    }

div.WhatsRedHot {
    min-height: 565px;
    color: #666
}

    div.WhatsRedHot h3 {
        margin: 10px 0 0;
        font-size: 11px
    }

div.Forum div.ColumnRight300 div.GreenComponent div.Filter h3:hover {
    background-color: #f4faef;
    cursor: default
}

div.Forum div.ColumnRight300 div.GreenComponent div.Filter h3.Toggle:hover {
    background-color: #fff;
    cursor: pointer
}

div.Forum div.ColumnRight300 div.GreenComponent div.Filter div.Toggle {
}

    div.Forum div.ColumnRight300 div.GreenComponent div.Filter div.Toggle a {
        color: #666;
        padding-left: 30px
    }

div.ColumnRight300 div.Horoscope {
    color: #959595
}

    div.ColumnRight300 div.Horoscope h3 {
        padding: 0 0 5px;
        margin: 0;
        font-size: 11px
    }

    div.ColumnRight300 div.Horoscope img.Symbol {
        float: left;
        margin: 0 15px 15px 0;
        position: relative
    }

    div.ColumnRight300 div.Horoscope div.StarSigns {
        clear: both;
        padding: 10px 0 0;
        .padding:10px05px;
        margin: 0;
        border-top: 1px solid #ccc
    }

        div.ColumnRight300 div.Horoscope div.StarSigns a {
            float: left;
            width: 69px;
            margin: 5px 0;
            text-align: center;
            font-weight: 700;
            color: #666
        }

div.ColumnRight300 div.Component div.Text {
    padding: 0 0 15px 15px
}

div.ColumnRight300 div.Component div.HalfColumn {
    float: left;
    _position: relative;
    width: 50%
}

    div.ColumnRight300 div.Component div.HalfColumn div.Row {
        width: 100%;
        margin: 0 0 5px;
        .margin:001px0
    }

        div.ColumnRight300 div.Component div.HalfColumn div.Row input {
            margin: 0 0 0 15px
        }

            div.ColumnRight300 div.Component div.HalfColumn div.Row input.Radio {
                height: 15px
            }

        div.ColumnRight300 div.Component div.HalfColumn div.Row label {
            width: auto;
            padding: 0 0 0 5px;
            .padding:1px002px
        }

            div.ColumnRight300 div.Component div.HalfColumn div.Row label:hover {
                cursor: pointer;
                color: #3f7398
            }

    div.ColumnRight300 div.Component div.HalfColumn div.Disabled label, div.ColumnRight300 div.Component div.HalfColumn div.Disabled label:hover {
        color: #d1d1d1
    }

    div.ColumnRight300 div.Component div.HalfColumn div.Row label strong {
        float: none;
        display: inline;
        width: auto;
        padding: 0
    }

div.ColumnRight300 div.Component div.DateFinder {
    background-color: #fff;
    padding: 15px 0 0
}

    div.ColumnRight300 div.Component div.DateFinder div.Content {
        background-color: transparent;
        border: none
    }

        div.ColumnRight300 div.Component div.DateFinder div.Content div.Row {
            padding: 5px 0
        }

        div.ColumnRight300 div.Component div.DateFinder div.Content a.Tip {
            position: absolute;
            top: -10px;
            left: 100%;
            margin-left: -5px;
            padding-left: 40px;
            height: 41px;
            width: 105px;
            font-size: 12px;
            font-weight: 700;
            color: #c00;
            line-height: 42px
        }

        div.ColumnRight300 div.Component div.DateFinder div.Content div.Valentines {
            background: #c00;
            color: #fff;
            z-index: 1
        }

            div.ColumnRight300 div.Component div.DateFinder div.Content div.Valentines label:hover {
                color: #ecc1c1
            }

            div.ColumnRight300 div.Component div.DateFinder div.Content div.Valentines a.Tip {
                background-image: url(../IMAGE/Search/DateFinder/ValentinesTooltip.gif)
            }

div.ColumnRight300 div.Component div.Archived div.Padded {
    padding: 15px 10px !important
}

    div.ColumnRight300 div.Component div.Archived div.Padded select {
        width: 115px;
        margin: 0 0 0 3px
    }

    div.ColumnRight300 div.Component div.Archived div.Padded a.ButtonIcon {
        height: auto;
        padding: 5px !important;
        margin: 0 10px;
        text-align: center
    }

        div.ColumnRight300 div.Component div.Archived div.Padded a.ButtonIcon img {
            position: relative;
            left: 70px
        }

div.TabBox {
    position: relative;
    width: 100%;
    margin: 0 0 15px
}

    div.TabBox ul.Tabs {
        position: relative;
        height: 29px;
        width: 100%;
        list-style-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    div.TabBox div.TabWrapper {
        position: relative;
        text-align: left
    }

    div.TabBox div.TabContent {
        display: none;
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
        overflow: hidden
    }

        div.TabBox div.TabContent.on {
            display: block
        }

        div.TabBox div.TabContent div.Loading {
            padding: 150px 0;
            text-align: center
        }

        div.TabBox div.TabContent div.Padded ul {
            float: left;
            width: 158px;
            .width:162px;
            padding: 5px 15px;
            margin: 0 0 10px
        }

            div.TabBox div.TabContent div.Padded ul li {
                padding: 0;
                list-style: none
            }

        div.TabBox div.TabContent div.Controls {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0 0 10px;
            _padding: 0 0 8px 0
        }

            div.TabBox div.TabContent div.Controls a.Button, div.TabBox div.TabContent div.Controls a.ButtonSmall {
                margin: 0 10px;
                _margin: 0 5px
            }

            div.TabBox ul.Tabs:after, div.TabBox div.TabWrapper:after, div.TabBox div.TabContent:after, div.TabBox div.TabContent div.Controls:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden
            }

    div.TabBox ul.Tabs li {
        float: left;
        position: relative;
        height: 19px;
        width: auto !important;
        padding: 5px 15px 0;
        margin: 4px 0 0;
        cursor: pointer;
        background-repeat: repeat-x !important;
        background-position: top left !important;
        font-family: Tahoma,Arial,Helvetica,sans-serif;
        font-size: 11px;
        font-weight: 700;
        border-style: solid;
        border-width: 1px 1px 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

        div.TabBox ul.Tabs li.NormalTab {
            height: 19px;
            padding: 5px 15px 0;
            margin: 4px 0 0;
            z-index: 1
        }

        div.TabBox ul.Tabs li.ActiveTab {
            height: 23px;
            padding: 7px 15px 0;
            margin: 0;
            border-width: 1px 1px 0 !important;
            z-index: 2
        }

        div.TabBox ul.Tabs li.Disabled {
            color: #ccc !important;
            cursor: default
        }

            div.TabBox ul.Tabs li.Disabled a {
                color: #999 !important
            }

        div.TabBox ul.Tabs li a {
            display: block;
            top: 0;
            left: 0;
            height: 19px;
            width: 104px !important;
            color: #606060;
            padding: 5px 0 0;
            text-decoration: none;
            text-align: center
        }

    div.TabBox div.Links {
        position: absolute;
        top: 8px;
        right: 10px;
        z-index: 10;
        font-weight: 700
    }

    div.TabBox ul.Tabs li span.CnrTopLeft, div.TabBox ul.Tabs li span.CnrTopRight {
        top: -1px;
        height: 4px;
        width: 4px;
        font-size: 0
    }

    div.TabBox ul.Tabs li span.CnrTopLeft {
        left: -1px;
        background-position: 0 0
    }

    div.TabBox ul.Tabs li span.CnrTopRight {
        right: -1px;
        background-position: -4px 0
    }

    div.TabBox div.TabWrapper div.Padded div.Right select.Medium {
        margin: 0;
        width: 80px
    }

div.TabWrapper div.Padded div.ControlBar {
    margin: 0
}

div.TabBox ul.Tabs.LargeTabs {
    height: 54px
}

    div.TabBox ul.Tabs.LargeTabs li {
        font-size: 15px;
        padding-bottom: 15px !important;
        padding-top: 15px !important;
        background: #fff;
        background: -moz-linear-gradient(top,#FFFFFF 50%,#DFDFDF 51%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#FFFFFF),color-stop(51%,#DFDFDF));
        background: -webkit-linear-gradient(top,#FFFFFF 50%,#DFDFDF 51%);
        background: -o-linear-gradient(top,#FFFFFF 50%,#DFDFDF 51%);
        background: -ms-linear-gradient(top,#FFFFFF 50%,#DFDFDF 51%);
        background: linear-gradient(to bottom,#FFFFFF 50%,#DFDFDF 51%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF',endColorstr='#DFDFDF',GradientType=0 )
    }

        div.TabBox ul.Tabs.LargeTabs li:hover {
            background: #fff;
            background: -moz-linear-gradient(top,#FFFFFF 50%,#EEEEEE 51%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#FFFFFF),color-stop(51%,#EEEEEE));
            background: -webkit-linear-gradient(top,#FFFFFF 50%,#EEEEEE 51%);
            background: -o-linear-gradient(top,#FFFFFF 50%,#EEEEEE 51%);
            background: -ms-linear-gradient(top,#FFFFFF 50%,#EEEEEE 51%);
            background: linear-gradient(to bottom,#FFFFFF 50%,#EEEEEE 51%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF',endColorstr='#EEEEEE',GradientType=0 )
        }

        div.TabBox ul.Tabs.LargeTabs li.ActiveTab {
            padding-bottom: 15px !important;
            padding-top: 15px !important;
            background: #8fb2ca;
            background: -moz-linear-gradient(top,#8fb2ca 50%,#83a2b8 51%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#8fb2ca),color-stop(51%,#83a2b8));
            background: -webkit-linear-gradient(top,#8fb2ca 50%,#83a2b8 51%);
            background: -o-linear-gradient(top,#8fb2ca 50%,#83a2b8 51%);
            background: -ms-linear-gradient(top,#8fb2ca 50%,#83a2b8 51%);
            background: linear-gradient(to bottom,#8fb2ca 50%,#83a2b8 51%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fb2ca',endColorstr='#83a2b8',GradientType=0 )
        }

div.GreyTabs ul.Tabs li {
    padding: 5px 15px 0 !important;
    color: #aaa !important;
    border-color: #c9c9c9 !important;
    background-image: url(../image/TabBg.gif)
}

    div.GreyTabs ul.Tabs li.NormalTab {
        padding: 5px 15px 0 !important;
        color: #aaa !important;
        border-color: #c9c9c9 !important;
        background-image: url(../image/TabBg.gif)
    }

    div.GreyTabs ul.Tabs li.ActiveTab {
        padding: 7px 15px 0 !important;
        color: #666 !important;
        border-color: #c9c9c9 !important;
        background-image: url(../image/TabBgFocus.gif)
    }

    div.GreyTabs ul.Tabs li span.CnrTopLeft, div.GreyTabs ul.Tabs li span.CnrTopRight {
        background-image: url(../image/TabCnrs.gif)
    }

div.GreyTabs div.TabWrapper {
    color: #858585;
    background-color: #fff;
    border: 1px solid #c9c9c9
}

div.BlueTabs ul.Tabs li {
    padding: 4px 15px 2px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    color: #858585 !important;
    border-color: #c9c9c9 !important;
    background-image: url(../image/TabBg.gif)
}

    div.BlueTabs ul.Tabs li:hover {
        background-image: url(../image/TabBgHover.gif)
    }

    div.BlueTabs ul.Tabs li.NormalTab {
        padding: 5px 15px 0 !important;
        color: #aaa !important;
        border-color: #c9c9c9 !important;
        background-image: url(../image/TabBg.gif)
    }

    div.BlueTabs ul.Tabs li.ActiveTab {
        padding: 7px 15px 0 !important;
        color: #fff !important;
        border-color: #616161 !important;
        background-image: url(../image/TabBgFocusBlue2.gif)
    }

    div.BlueTabs ul.Tabs li span.CnrTopLeft, div.BlueTabs ul.Tabs li span.CnrTopRight {
        background-image: url(../image/TabCnrs.gif)
    }

    div.BlueTabs ul.Tabs li.ActiveTab span.CnrTopLeft, div.BlueTabs ul.Tabs li.ActiveTab span.CnrTopRight {
        background-image: url(../image/TabCnrsFocusBlue2.gif)
    }

div.BlueTabs div.TabWrapper {
    border: 1px solid #c9c9c9;
    background-color: #fff
}

div.ColumnRight300 div.BlueTabs div.TabWrapper {
    background-image: url(../image/community/right_column/bg_Rightpoll.jpg);
    background-repeat: repeat-x;
    color: #666
}

div.TabBox ul.Tabs li.RedTab {
    color: #fff !important;
    border-color: #900700 !important;
    background-image: url(../image/TabBgRed.gif) !important
}

    div.TabBox ul.Tabs li.RedTab span.CnrTopLeft, div.TabBox ul.Tabs li.RedTab span.CnrTopRight {
        background-image: url(../image/TabCnrsRed.gif)
    }

div.TabBox ul.Tabs li.OrangeTab {
    color: #fff !important;
    border-color: #ff7d00 !important;
    background-image: url(../image/TabBgOrange.gif) !important
}

    div.TabBox ul.Tabs li.OrangeTab span.CnrTopLeft, div.TabBox ul.Tabs li.OrangeTab span.CnrTopRight {
        background-image: url(../image/TabCnrsOrange.gif)
    }

div.TabBox ul.Tabs li.BlueTab {
    color: #fff !important;
    border-color: #284992 !important;
    background-image: url(../image/TabBgBlue.gif) !important
}

    div.TabBox ul.Tabs li.BlueTab span.CnrTopLeft, div.TabBox ul.Tabs li.BlueTab span.CnrTopRight {
        background-image: url(../image/TabCnrsBlue.gif)
    }

div.TabBox ul.Tabs li.GreenTab {
    color: #fff !important;
    border-color: #64b030 !important;
    background-image: url(../image/TabBgGreen.gif) !important
}

    div.TabBox ul.Tabs li.GreenTab span.CnrTopLeft, div.TabBox ul.Tabs li.GreenTab span.CnrTopRight {
        background-image: url(../image/TabCnrsGreen.gif)
    }

div.Component {
    position: relative;
    clear: both;
    margin: 0 0 15px;
    color: #000;
    line-height: normal;
    border-width: 0 0 1px;
    border-style: solid;
    overflow: hidden
}

    div.Component h2 {
        padding: 4px 0 5px 34px !important;
        .padding:4px04px34px !important;
        margin: 0 !important;
        font-family: Tahoma,Arial,Helvetica,sans-serif;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #fff !important;
        background-repeat: no-repeat;
        border-width: 1px;
        border-style: solid
    }

        div.Component h2 a.Explanation {
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 10px;
            font-weight: 400
        }

    div.Component h2 {
        height: 13px !important;
        color: #fff;
        font-weight: 700;
        margin: 0;
        position: relative;
        .background-position:top-1px;
        .position:static !important
    }

        div.Component h2.Toggle {
            position: relative;
            cursor: pointer
        }

        div.Component h2.Hidden {
            overflow: hidden;
            _height: 1%;
            _overflow: visible
        }

        div.Component h2 a.Explanation {
            .position:static !important;
            .text-align:right;
            .display:inline-block;
            .width:120px
        }

    div.Component div.Content {
        position: relative;
        width: auto;
        margin: 0 !important;
        border-width: 0 1px;
        border-style: solid;
        overflow: hidden
    }

div.MultiDVisible div.Component, div.MultiDVisible div.Component div.Content {
    overflow: visible
}

div.Component div.Toggle {
    display: none
}

div.Component div.SingleColumn, div.Component div.DoubleColumn, div.Component div.ThinColumn {
    position: relative;
    margin: 25px 15px 25px 0
}

div.Component div.SingleColumn {
    width: 500px
}

div.Component div.DoubleColumn {
    width: 605px
}

div.Component div.ThinColumn {
    width: 285px;
    margin: 0;
    padding: 30px 5px 21px 0
}

    div.Component div.SingleColumn:after, div.Component div.DoubleColumn:after, div.Component div.ThinColumn:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

div.Component div.Row {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 10px;
    .padding:0012px0;
    margin: 0 0 10px
}

div.Component div.TallRows div.Row {
    margin: 0 -3px 25px 0
}

div.Component div.Row strong {
    float: left;
    display: block;
    width: 250px;
    padding: 3px 15px 0 0;
    text-align: right
}

    div.Component div.Row strong em {
        font-weight: 400
    }

div.Component div.DoubleColumn div.Row strong {
    width: 150px;
    padding: 3px 0 0
}

    div.Component div.DoubleColumn div.Row strong.Long {
        margin: 0 100px 0 0
    }

div.Component div.Row span.RedTextError {
    display: block;
    position: relative;
    width: 210px;
    padding: 2px 0 0 5px;
    margin: 0;
    min-height: 16px;
    line-height: 14px;
    color: #e63800 !important;
    font-size: 11px;
    z-index: 1
}

    div.Component div.Row span.RedTextError:before {
        content: '!';
        position: absolute;
        display: block;
        top: 0;
        left: -20px;
        padding: 0;
        margin: 0;
        min-height: 20px;
        line-height: 20px;
        width: 20px;
        background: #e63800;
        text-align: center;
        font-weight: 700;
        color: #fff !important
    }

div.Component div.DoubleColumn div.Row span.LocationError {
    clear: both;
    color: red;
    display: none;
    float: left;
    display: none
}

    div.Component div.DoubleColumn div.Row span.LocationError.Active {
        display: inline-block
    }

div.Component div.ThinColumn div.Row strong {
    width: 135px;
    padding: 3px 0 0
}

div.Component div.ThinColumn div.Row div.Wrapper {
    width: 134px
}

div.Component div.Row div.TriCol, div.Component div.Row div.QuadCol {
    float: left;
    line-height: 19px
}

div.Component div.Row div.TriCol {
    width: 155px
}

    div.Component div.Row div.TriCol label {
    }

div.Component div.Row div.QuadCol {
    width: 115px
}

    div.Component div.Row div.TriCol div.Wrapper, div.Component div.Row div.QuadCol div.Wrapper {
        width: 100%
    }

div.Component div.Row input, div.Component div.Row select, div.Component div.Row textarea {
    float: left;
    margin: 0 0 0 10px
}

div.Component div.Row textarea {
    padding: 3px;
    font-size: 11px
}

div.Component div.Row span.FromTo {
    float: left;
    display: block;
    margin: 3px -3px 0 7px
}

div.Component div.Row .Text {
    float: left;
    display: block;
    margin: 3px 0 0 2px
}

div.Component div.Row span.FixedAnswer {
    float: left;
    display: block;
    margin: 3px 0 0 10px;
    font-weight: 700;
    font-style: italic;
    color: #d54038
}

div.Component div.Row span.Checkbox input {
    margin: 1px 5px 0 10px !important;
    .margin:3px5px010px !important
}

div.Component div.Row span.Checkbox label {
    float: left;
    line-height: 19px
}

div.Component div.Row div.Wrapper {
    position: relative;
    float: left;
    width: 215px;
    text-align: center
}

div.Component div.Row div.Long {
    width: 430px !important
}

div.Component div.Row div.Wrapper strong {
    display: inline;
    float: none;
    font-weight: 700
}

div.Component div.Row div.Wrapper span.Text {
    margin: 3px 0 0 10px;
    .margin:0
}

div.Component ul {
    line-height: 16px
}

div.Component img.Help {
    float: left;
    margin: 1px 0 0 5px
}

div.Component div.Padded h2 {
    clear: both;
    font-size: 11px;
    margin: 0 0 5px;
    padding: 0
}

div.Component div.Padded h3.AlertMessage {
    font-weight: 400;
    margin: 0 10px
}

div.Component div.PaddedSmall {
    position: relative;
    padding: 5px
}

div.Component div.Description {
    width: 550px;
    padding: 0 0 0 20px;
    line-height: 18px
}

div.Component div.ThinColumn div.Controls {
    .right:-5px;
    margin: 0 -5px 0 0
}

div.Component div.Controls input.Button {
    float: right;
    width: 100px
}

div.Component div.Controls a.SaveSearch {
    float: right;
    margin: 9px 10px 0 0
}

div.Component div.Filter {
    _width: 298px !important;
    padding: 10px 0;
    line-height: normal
}

    div.Component div.Filter h1, div.Component div.Filter h2, div.Component div.Filter h3, div.Component div.Filter h4 {
        height: 15px;
        padding: 1px 0 2px 30px !important;
        font-weight: 700;
        color: #666 !important;
        border-type: solid;
        border-width: 1px 0 0;
        border-color: #e8f5df;
        background-color: transparent;
        background-repeat: no-repeat;
        background-image: url(../image/icons/ListMarker_minus.gif);
        background-position: 14px 3px
    }

    div.Component div.Filter h3, div.Component div.Filter h4 {
        border-width: 1px 0 0;
        font-size: 11px !important;
        font-weight: 700;
        margin: 0 !important;
        padding: 2px 0 3px 30px !important;
        position: relative;
        cursor: pointer
    }

    div.Component div.Filter h1 a, div.Component div.Filter h2 a {
        display: none
    }

    div.Component div.Filter h3 a {
        color: #666;
        font-weight: 700
    }

    div.Component div.Filter h3.Title {
        background-image: none;
        background-color: transparent;
        font-size: 13px;
        margin: 0;
        padding: 0 15px 5px !important
    }

    div.Component div.Filter h1.Hidden, div.Component div.Filter h2.Hidden, div.Component div.Filter h3.Hidden, div.Component div.Filter h4 {
        font-weight: 400;
        background-image: url(../image/icons/ListMarker_plus.gif)
    }

        div.Component div.Filter h3.Hidden:hover, div.Component div.Filter h4:hover {
            background-color: #fff
        }

        div.Component div.Filter h3.Hidden a.Explanation {
            display: none
        }

    div.Component div.Filter h4 {
        background-image: none
    }

        div.Component div.Filter h4 a {
            color: #666 !important;
            text-decoration: none
        }

    div.Component div.Filter div.Content {
        width: auto;
        padding: 0 0 5px 20px;
        line-height: 19px;
        border: none
    }

        div.Component div.Filter div.Content > a {
            display: block
        }

    div.Component div.Filter .Content h3 {
        border-bottom-width: 0;
        line-height: 17px;
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    div.Component div.Filter div.Content select, div.Component div.Filter div.Content input {
        margin: 0 5px 0 0
    }

    div.Component div.Filter div.Content span.Checkbox input {
        margin: 3px 5px 0 0 !important
    }

    div.Component div.Filter a.ButtonIcon, div.Component div.Filter a.ButtonIcon img {
        position: relative
    }

    div.Component div.Filter a.ButtonIcon {
        float: none;
        margin: 10px 20px 0;
        height: 18px;
        text-align: center;
        font-weight: 700
    }

        div.Component div.Filter a.ButtonIcon img {
            left: 70px
        }

div.Component div.Content .Section {
    padding: 10px 0
}

    div.Component div.Content .Section h3 {
        background-color: transparent;
        background-image: url(../image/icons/ListBulletGreen.gif);
        background-position: 16px 6px;
        background-repeat: no-repeat;
        font-size: 11px;
        margin: 0;
        padding: 2px 0 3px 30px;
        height: 15px
    }

div.Component div.Content .SubForum h3 {
    font-weight: 700
}

    div.Component div.Content .SubForum h3.NoToggle {
        background-image: none
    }

div.Component div.Content .Section h3 a {
    color: #000
}

div.AccordianComponent div.Content {
    padding: 15px 0;
    background-color: #fff !important
}

    div.AccordianComponent div.Content h2 {
        height: 15px;
        padding: 1px 165px 2px 0 !important;
        margin: 5px 0 !important;
        .padding:4px20px5px34px !important;
        .margin:0 !important;
        font-weight: 700;
        color: #64b030 !important;
        text-align: right;
        border: none;
        background-color: transparent !important;
        background-image: none;
        overflow: visible
    }

        div.AccordianComponent div.Content h2 a.Explanation {
            top: 1px;
            right: 19px;
            width: 134px;
            padding: 0 !important;
            .padding:00010px !important;
            font-size: 11px;
            text-align: center;
            color: #999
        }

    div.AccordianComponent div.Content div.Content {
        padding: 0;
        background-color: #fff;
        border: none
    }

        div.AccordianComponent div.Content div.Content div.ThinColumn {
            padding: 0
        }

            div.AccordianComponent div.Content div.Content div.ThinColumn div.Row {
                padding: 5px 0;
                margin: 0
            }

            div.AccordianComponent div.Content div.Content div.ThinColumn div.Controls {
                float: left;
                width: 100%;
                margin: 10px 0 0
            }

div.AccordianComponent div.RecentSearches {
    padding: 0 15px 10px
}

    div.AccordianComponent div.RecentSearches div.Line {
        padding: 5px 0;
        border: none
    }

        div.AccordianComponent div.RecentSearches div.Line a {
            color: #64b030 !important
        }

div.AccordianComponent div.Listings {
    padding: 0
}

    div.AccordianComponent div.Listings div.ListingMini {
        top: 1px;
        border-width: 0 0 1px;
        margin: 0
    }

        div.AccordianComponent div.Listings div.ListingMini span.OnlineNow {
            position: absolute;
            top: 7px;
            right: 7px;
            font-weight: 700;
            color: #64b030
        }

div.Line {
    float: left;
    width: 100%;
    padding: 2px 0 1px;
    .padding:2px05px0;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #e8f5df
}

div.Component div.Content div.Line strong {
    float: left;
    display: block;
    padding: 0 5px 0 0;
    margin: 4px 5px 4px 8px;
    _margin: 4px 5px 4px 4px;
    border-style: solid;
    border-color: #000;
    border-width: 0 1px 0 0
}

div.Component div.Content div.Line a {
    float: left;
    color: #666;
    margin: 4px 0
}

div.Component div.Comments {
    border-width: 0
}

    div.Component div.Comments div.CreatePost div.Comment textarea.Compose {
        height: 50px
    }

    div.Component div.Comments div.ControlBarSub {
        padding-left: 0;
        background: 0 0;
        padding-bottom: 5px;
        margin: 10px 0 0
    }

        div.Component div.Comments div.ControlBarSub div.Pagination {
            width: auto
        }

        div.Component div.Comments div.ControlBarSub div.Left {
            color: #666;
            font-size: 16px;
            width: auto
        }

    div.Component div.Comments div.Rating a.ButtonGlossGreen {
        width: auto;
        margin: 0 0 0 242px;
        border-color: #65a637 !important
    }

    div.Component div.Comments div.Comment {
        background-color: #fff;
        background-image: none !important;
        border-bottom: 1px dotted #dad9d9 !important;
        padding: 15px !important;
        margin: 0 !important;
        position: relative;
        width: 600px !important;
        overflow: hidden
    }

        div.Component div.Comments div.Comment a img {
            float: left;
            margin-right: 10px;
            width: 40px;
            height: 40px
        }

        div.Component div.Comments div.Comment a strong {
            font-size: 12px
        }

        div.Component div.Comments div.Comment span {
            display: block;
            line-height: 13px;
            margin-left: 50px;
            margin-top: 5px
        }

        div.Component div.Comments div.Comment textarea {
            display: block;
            width: 535px;
            height: 50px;
            padding: 5px;
            color: #999;
            line-height: 13px;
            margin-left: 50px;
            margin-top: 5px
        }

        div.Component div.Comments div.Comment div.CharacterCount {
            position: absolute;
            top: 15px;
            right: 15px;
            color: #999;
            margin-right: 5px;
            overflow: visible
        }

            div.Component div.Comments div.Comment div.CharacterCount span {
                float: left;
                position: relative;
                top: -9px;
                left: -6px;
                border: 1px solid #bbb;
                color: #999;
                padding: 2px 20px 2px 6px
            }

        div.Component div.Comments div.Comment a.ButtonGreen {
            margin: 5px 3px 0 0
        }

        div.Component div.Comments div.Comment div.Date {
            position: absolute;
            top: 15px;
            right: 15px
        }

            div.Component div.Comments div.Comment div.Date, div.Component div.Comments div.Comment div.Date strong {
                color: #a0a0a0
            }

        div.Component div.Comments div.Comment:nth-child(2n) {
            background: #f6f6f6
        }

        div.Component div.Comments div.Comment div.Author strong {
            margin-right: 5px
        }

div.GreenComponent .Dark {
    background-color: #d0eabf
}

div.GreenComponent, div.GreenComponent div.Content {
    border-color: #d4d4d4;
    color: #666
}

    div.GreenComponent, div.GreenComponent div.Light {
        background-color: #fff
    }

        div.GreenComponent div.Content {
            background-color: #e8f5df
        }

        div.GreenComponent h1, div.GreenComponent h2 {
            background-image: url(../image/ComponentToggleGreen.gif);
            background-color: #7ccb45;
            border-color: #64b030;
            border-width: 1px
        }

            div.GreenComponent h1.Hidden, div.GreenComponent h2.Hidden {
                border-width: 1px 1px 0;
                background-image: url(../image/ComponentToggleGreenHidden.gif)
            }

            div.GreenComponent h1.Toggle:hover, div.GreenComponent h2.Toggle:hover {
                background-color: #89d158
            }

            div.GreenComponent h2 a {
                color: #fff
            }

                div.GreenComponent h2 a:hover {
                    text-decoration: none
                }

                div.GreenComponent h1 a.Explanation, div.GreenComponent h2 a.Explanation {
                    color: #bde5a2
                }

        div.GreenComponent div.Filter h1, div.GreenComponent div.Filter h1.Hidden:hover, div.GreenComponent div.Filter h2, div.GreenComponent div.Filter h2.Hidden:hover {
            background-color: #fff !important
        }

            div.GreenComponent div.Filter h1.Hidden, div.GreenComponent div.Filter h2.Hidden {
                background-color: #e8f5df !important
            }

        div.GreenComponent div.Filter a.Back {
            display: block;
            padding: 0 0 0 30px;
            margin: 5px 0 0;
            color: #000;
            font-weight: 700;
            background-image: url(../image/icons/buttons/icon_arrow_black_left.gif);
            background-repeat: no-repeat;
            background-position: 18px 4px
        }

        div.GreenComponent div.WhatsHot .Padded h2, div.GreenComponent div.WhatsHot .Padded h3 {
            color: #666;
            font-size: 11px;
            height: auto;
            margin: 0;
            padding: 0 0 5px;
            background-color: transparent;
            background-image: none;
            border: 0
        }

div.GreenComponentTabs {
    border: none
}

div.ColumnRight300 div.GreenComponentTabs {
    .margin:0014px0
}

div.GreenComponentTabs ul.Tabs {
    width: auto;
    height: 22px;
    background-color: #7ec34d;
    border: 1px solid #64b030;
    line-height: normal
}

    div.GreenComponentTabs ul.Tabs li {
        height: 18px !important;
        padding: 4px 10px 0 27px !important;
        margin: 0 !important;
        background-color: #7ec34d !important;
        border: none;
        background-image: url(../image/ComponentToggleGreenHidden.gif) !important;
        background-repeat: no-repeat !important;
        background-position: left top;
        color: #bfe1a6 !important
    }

        div.GreenComponentTabs ul.Tabs li:hover {
            color: #fff !important
        }

        div.GreenComponentTabs ul.Tabs li.ActiveTab {
            color: #fff !important;
            background-image: url(../image/ComponentToggleGreen.gif) !important
        }

div.GreenComponentTabs div.TabWrapper {
    border-width: 0 1px 1px;
    border-color: #d7d7d7;
    border-style: solid
}

    div.GreenComponentTabs div.TabWrapper div.TabContent {
        background-color: #fff
    }

        div.GreenComponentTabs div.TabWrapper div.TabContent div.Content {
            border: none;
            color: #666
        }

div.BlueComponent {
    background-color: #fff
}

    div.BlueComponent, div.BlueComponent div.Content {
        border-color: #d4d4d4
    }

        div.BlueComponent div.Dark, div.BlueComponent div.Content {
            background-color: #eef2f6
        }

        div.BlueComponent div.Line {
            border-color: #fff
        }

        div.BlueComponent h1, div.BlueComponent h2 {
            background-image: url(../image/ComponentToggleBlue.gif);
            background-color: #83aac6;
            border-color: #3f7398
        }

            div.BlueComponent h1.Hidden, div.BlueComponent h2.Hidden {
                background-color: #eef2f6;
                background-image: url(../image/ComponentToggleBlueHidden.gif)
            }

        div.BlueComponent div.Filter h1, div.BlueComponent div.Filter h1.Hidden:hover, div.BlueComponent div.Filter h2, div.BlueComponent div.Filter h2.Hidden:hover, div.BlueComponent div.Filter div.Content {
            background-color: #fff
        }

            div.BlueComponent div.Filter h1, div.BlueComponent div.Filter h1.Hidden, div.BlueComponent div.Filter h2, div.BlueComponent div.Filter h2.Hidden {
                background-color: #eef2f6
            }

        div.BlueComponent div.Filter h3.Hidden {
            background-color: #eef2f6
        }

div.RedComponent, div.RedComponent div.Content {
    border-color: #d4d4d4
}

    div.RedComponent div.Content {
        background-color: #e7c6ce
    }

    div.RedComponent div.Line {
        border-color: #883a4d
    }

    div.RedComponent h1, div.RedComponent h2 {
        border-color: #883a4d;
        background-image: url(../image/ComponentToggleRed.gif);
        background-color: #af5268
    }

        div.RedComponent h1.Hidden, div.RedComponent h2.Hidden {
            background-image: url(../image/ComponentToggleRedHidden.gif)
        }

        div.RedComponent h1 a.Explanation, div.RedComponent h2 a.Explanation {
            color: #c6667d
        }

div.GreyComponent {
    background-color: #fff;
    border-width: 0
}

    div.GreyComponent, div.GreyComponent h1, div.GreyComponent h2 {
        border-color: #5e5e5e
    }

        div.GreyComponent div.Line {
            border-color: #5e5e5e
        }

        div.GreyComponent div.Content {
            background-color: #f4f4f4;
            border-color: #5e5e5e #d4d4d4 #d4d4d4 #d4d4d4
        }

        div.GreyComponent h1, div.GreyComponent h2 {
            background-image: url(../image/ComponentToggleGrey.gif);
            background-color: #ababab
        }

            div.GreyComponent h1.Hidden, div.GreyComponent h2.Hidden {
                background-image: url(../image/ComponentToggleGreyHidden.gif);
                border-width: 1px;
                border: 1px solid #5e5e5e !important
            }

            div.GreyComponent h1 a.Explanation, div.GreyComponent h2 a.Explanation {
                color: #fff
            }

div.GreyGradientComponent {
    border: 1px solid #d7d7d7;
    background-color: #fff
}

    div.GreyGradientComponent h1, div.GreyGradientComponent h2 {
        font-size: 18px !important;
        padding: 4px 10px 5px !important;
        background-repeat: repeat-x;
        color: #666 !important;
        border: none;
        border-bottom: 1px solid #d7d7d7;
        font-weight: 400 !important;
        height: auto !important;
        letter-spacing: 1px
    }

    div.GreyGradientComponent div.Content {
        background: #f8f8f8;
        border: none
    }

div.WhiteFormComponent {
    width: auto;
    color: #666;
    padding: 23px;
    border-color: #cecece;
    border-width: 1px;
    background-color: #fff
}

    div.WhiteFormComponent h1, div.WhiteFormComponent h2 {
        clear: both;
        padding: 4px 0 5px 5px !important;
        font-size: 15px !important;
        color: #61a531 !important;
        border-width: 0;
        background-image: none;
        border-bottom: 1px solid #cecece;
        height: auto !important
    }

        div.WhiteFormComponent h1.Toggle, div.WhiteFormComponent h2.Toggle {
            padding: 4px 0 5px 15px !important;
            background-image: url(../image/icons/ListMarker_minus.gif);
            background-repeat: no-repeat;
            background-position: 2px 8px
        }

        div.WhiteFormComponent h1.Hidden, div.WhiteFormComponent h2.Hidden {
            background-image: url(../image/icons/ListMarker_plus.gif);
            border-width: 0 0 1px
        }

            div.WhiteFormComponent h1.Hidden:hover, div.WhiteFormComponent h2.Hidden:hover {
                color: #64b030
            }

        div.WhiteFormComponent h1 a.Explanation, div.WhiteFormComponent h2 a.Explanation {
            color: #7ec34d;
            margin: 3px 0 0;
            _margin-right: 25px
        }

        div.WhiteFormComponent h2 span {
            color: #666
        }

            div.WhiteFormComponent h2 span.RedText {
                color: #c00;
                font-weight: 700
            }

    div.WhiteFormComponent div.Content {
        border: none;
        background-color: #fff
    }

    div.WhiteFormComponent div.DoubleColumn {
        width: 580px;
        margin: 25px 0 0
    }

    div.WhiteFormComponent div.Controls {
        float: left;
        width: 100%;
        .padding:25px0
    }

    div.WhiteFormComponent div.Content div.Row {
        width: 580px
    }

        div.WhiteFormComponent div.Content div.Row.PendingChanges {
            background-color: #fff5d2;
            background-image: url(../image/icons/icon_alert32_light.gif);
            background-position: 10px 5px;
            background-repeat: no-repeat;
            background-size: 28px auto;
            padding-top: 10px
        }

            div.WhiteFormComponent div.Content div.Row.PendingChanges .uiTooltipWrap {
                bottom: auto;
                left: 0;
                top: -34px
            }

        div.WhiteFormComponent div.Content div.Row div.Row {
            margin: 0;
            padding: 15px 0 0 65px;
            width: 510px
        }

            div.WhiteFormComponent div.Content div.Row div.Row .Location {
                float: left;
                padding: 4px 0 0 10px
            }

        div.WhiteFormComponent div.Content div.Row input.Checkbox {
            .margin-right:0 !important
        }

    div.WhiteFormComponent div.Row div.Wrapper {
        width: 210px
    }

    div.WhiteFormComponent div.Row div.Wider {
        width: 215px
    }

    div.WhiteFormComponent div.Row div.Widest {
        width: 235px
    }

    div.WhiteFormComponent.LeftAligned div.Row div.Wrapper {
        width: 235px;
        text-align: left
    }

    div.WhiteFormComponent.LeftAligned div.Row strong {
        width: 110px !important;
        padding: 3px 0 0;
        text-align: left
    }

    div.WhiteFormComponent.LeftAligned div.Row label {
        float: left;
        width: 100%
    }

        div.WhiteFormComponent.LeftAligned div.Row label input {
            margin: 3px 5px 0;
            .height:12px
        }

.PopupWinWhite div.WhiteFormComponent {
    padding: 0;
    border-width: 0
}

    .PopupWinWhite div.WhiteFormComponent h2 {
        padding: 12px 0 7px 10px !important;
        background-image: url(../image/background_images/160_topdown_greygradient.gif);
        background-repeat: repeat-x
    }

div.WhiteModule {
    border: none;
    color: #666;
    clear: none
}

    div.WhiteModule h3 {
        color: #666 !important;
        font-size: 13px !important;
        padding: 8px 0 6px !important;
        margin: 0;
        border-width: 0 0 1px;
        border-style: dotted;
        border-color: #b5b5b7
    }

        div.WhiteModule h3.Hidden {
            background-image: url(../image/icons/ListMarker_plus.gif);
            background-repeat: no-repeat;
            background-position: 175px 12px
        }

    div.WhiteModule div.Content {
        border: none
    }

    div.WhiteModule h3 {
        background-color: #f4f4f4
    }

div.PopupWin {
    display: none
}

    div.PopupWin div.TitleBar {
        position: absolute;
        top: -25px;
        left: 0;
        right: 0;
        height: 25px;
        cursor: move
    }

        div.PopupWin div.TitleBar h1 {
            display: block;
            height: 18px;
            padding: 7px 0 0;
            margin: 0 5px;
            font-size: 11px;
            font-family: Tahoma,Arial,Helvetica,sans-serif;
            color: #fff;
            background-image: url(../image/PopupWinBg.gif);
            text-align: center
        }

        div.PopupWin div.TitleBar span.CnrTopLeft, div.PopupWin div.TitleBar span.CnrTopRight {
            display: block;
            position: absolute;
            height: 25px;
            width: 5px;
            background-image: url(../image/PopupWinCnrs.gif);
            font-size: 0
        }

        div.PopupWin div.TitleBar span.CnrTopLeft {
            background-position: 0 0
        }

        div.PopupWin div.TitleBar span.CnrTopRight {
            background-position: -5px 0
        }

    div.PopupWin a.Close {
        display: block;
        position: absolute;
        top: -19px;
        right: 6px;
        height: 14px;
        padding: 1px 20px 0 0;
        color: #fff;
        background-image: url(../image/PopupWinClose.gif);
        background-repeat: no-repeat;
        background-position: right top
    }

    div.PopupWin div.PopupContent {
        position: relative;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border: 1px solid #64b030;
        margin: 25px 0 0;
        background-color: #e0f4d3
    }

        div.PopupWin div.PopupContent iframe {
            border: 0;
            padding: 0;
            margin: 0
        }

        div.PopupWin div.PopupContent div.Loading {
            height: 100%;
            width: 100%;
            background-image: url(../image/loading.gif);
            background-repeat: no-repeat;
            background-position: center
        }

        div.PopupWin div.PopupContent div.Question {
            margin: 40px 0 30px
        }

        div.PopupWin div.PopupContent div.Line {
            padding: 5px 0;
            background-color: #d0eabf
        }

body.PopupWin {
    position: static;
    font-size: 11px;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    background-image: none;
    background-color: #e0f4d3;
    overflow-x: hidden
}

    body.PopupWin div.FormContent {
        margin: 25px 20px 0 166px;
        padding: 10px 15px;
        background-color: #fff;
        text-align: left
    }

        body.PopupWin div.Controls:after, body.PopupWin div.FormContent:after, body.PopupWin div.FormContent .Pagination:after, body.PopupWin div.FormContent .ListingMini:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0
        }

        * html body.PopupWin div.Controls, * html body.PopupWin div.FormContent, * html body.PopupWin div.FormContent .Pagination, * html body.PopupWin div.FormContent .ListingMini {
            zoom: 1
        }

            *:first-child + html body.PopupWin div.Controls, *:first-child + html body.PopupWin div.FormContent, *:first-child + html body.PopupWin div.FormContent .Pagination, *:first-child + html body.PopupWin div.FormContent .ListingMini {
                zoom: 1
            }

    body.PopupWin div.Large {
        width: 210px
    }

    body.PopupWin div.Full {
        _position: fixed;
        float: none;
        margin: 25px 20px 0
    }

    body.PopupWin div.FormContent div.Row {
        position: relative;
        float: left;
        .float:none;
        padding: 10px 5px
    }

    body.PopupWin div.Large div.Row {
        width: 205px
    }

    body.PopupWin .ButtonGlossRed {
        border: 1px solid #8e0a07 !important
    }

    body.PopupWin .ButtonGlossGreen {
    }

    body.PopupWin div.FormContent div.Row h2 {
        position: absolute;
        top: 6px;
        left: -161px;
        _left: -146px;
        margin: 3px 0 0 !important;
        padding: 0 !important;
        font-size: 11px;
        border: none;
        background-image: none
    }

    body.PopupWin div.FormContent div.Row span {
        margin: 0 10px
    }

    body.PopupWin div.FormContent div.Row input.Large, body.PopupWin div.FormContent div.Row input.Checkbox {
        margin: 0 !important
    }

    body.PopupWin div.FormContent a.Right {
        margin: 5px 0
    }

    body.PopupWin div.FormContent div.Row {
        padding: 5px
    }

        body.PopupWin div.FormContent div.Row input.Date {
            float: left;
            width: 175px
        }

        body.PopupWin div.FormContent div.Row button.calendar {
            float: right;
            margin: 0 5px 0 0
        }

        body.PopupWin div.FormContent div.Row a.AddMultiple {
            float: right;
            margin: 0 5px 0 0
        }

    body.PopupWin div.FormContent div.MoreDates {
        float: left;
        display: none;
        padding: 0 5px
    }

        body.PopupWin div.FormContent div.MoreDates div.Row {
            padding: 0 0 5px
        }

    body.PopupWin div.calendar {
        left: auto !important;
        right: 100px
    }

    body.PopupWin div.WhiteForm {
        margin: 0 0 15px
    }

        body.PopupWin div.WhiteForm div.FormContent {
            position: relative;
            padding: 15px 15px 15px 186px;
            margin: 20px 20px 0;
            border: 2px solid #8e8e8e
        }

            body.PopupWin div.WhiteForm div.FormContent h1 {
                padding: 4px 0 5px 5px;
                margin: 0 0 15px -70px;
                font-size: 15px;
                color: #61a531;
                border-bottom: 1px solid #cecece
            }

        body.PopupWin div.WhiteForm div.Row {
            min-height: 19px;
            _height: 19px
        }

            body.PopupWin div.WhiteForm div.Row textarea {
                font-size: inherit;
                padding: 3px;
                position: relative;
                width: 360px;
                _width: 346px;
                height: 80px;
                margin: 20px 0 0 -166px;
                _margin: 20px 0 0 -151px
            }

        body.PopupWin div.WhiteForm div.Controls {
            float: left;
            position: relative;
            height: auto;
            width: 364px;
            left: -162px;
            _left: 0;
            _margin-left: -70px;
            padding: 10px 0 0
        }

            body.PopupWin div.WhiteForm div.Controls a.BigButton {
                float: right;
                position: relative;
                left: 5px
            }

        body.PopupWin div.WhiteForm div.FormContent div.Alert {
            position: relative;
            width: 309px;
            margin: 0 0 10px -166px
        }

.PopupWin div.FullForm {
    position: relative;
    .position:static;
    margin: 10px 20px 0;
    text-align: left
}

    .PopupWin div.FullForm span {
        margin: 4px 0 0
    }

    .PopupWin div.FullForm h2 {
        float: left;
        margin: 10px 0 5px;
        font-size: 11px
    }

    .PopupWin div.FullForm input.Large {
        width: 519px;
        .width:515px;
        margin: 0
    }

    .PopupWin div.FullForm select.Large {
        width: 519px;
        margin: 0
    }

    .PopupWin div.FullForm textarea {
        width: 300px;
        height: 85px;
        margin: 0 0 5px
    }

        .PopupWin div.FullForm textarea.Large {
            width: 519px;
            .width:517px;
            height: 185px
        }

        .PopupWin div.FullForm textarea.Medium {
            width: 386px;
            height: 185px
        }

        .PopupWin div.FullForm textarea.SMS {
            height: 102px !important;
            .height:90px !important;
            .width:507px !important;
            padding: 5px;
            margin: 10px 0 5px
        }

    .PopupWin div.FullForm div.Ritch {
        float: none;
        width: 517px;
        height: 185px;
        margin: 0
    }

    .PopupWin div.FullForm div.PrivateAccess {
        float: right;
        width: 70%;
        position: relative;
        margin: 0;
        padding: 0 0 5px;
        .padding:005px5px;
        _padding: 0 0 5px 0;
        text-align: right
    }

        .PopupWin div.FullForm div.PrivateAccess select.Large {
            width: 50%
        }

        .PopupWin div.FullForm div.PrivateAccess div.mDropDownLabel {
            .left:188px !important;
            _left: 183px
        }

    .PopupWin div.FullForm #Buttons2_null {
        font-size: 9px !important
    }

div.PopupWin div.Controls, body.PopupWin div.Controls {
    float: none;
    height: 25px;
    padding: 20px
}

    div.PopupWin div.Controls a.Right, body.PopupWin div.Controls a.Right {
        margin: 0 0 0 5px
    }

body.PopupWin div.ListingMini {
    float: left;
    width: 323px;
    margin: 5px 0
}

    body.PopupWin div.ListingMini p {
        display: block;
        float: left;
        width: 267px;
        padding: 5px 0 0
    }

.PopupWin .FormContent .Pagination {
    margin: 0 0 10px;
    padding: 0 0 5px 159px;
    .padding:005px139px;
    border-bottom: 1px dotted #ccc;
    width: 180px;
    .width:200px;
    clear: both
}

    .PopupWin .FormContent .Pagination .Pagination {
        float: none !important;
        margin: 0;
        padding: 0;
        width: auto;
        border: 0
    }

.PopupWin .FormContent .alt {
    padding: 5px 0 10px 159px;
    .padding:5px010px139px;
    margin: 0;
    border-top: 1px dotted #ccc;
    border-bottom: 0;
    position: relative;
    top: 10px
}

.PopupWin .FormContent .Pagination .Page {
    .width:30px
}

.PopupWin .FormContent .Pagination .NextPrev {
    .width:35px
}

body.PopupWin div.ButtonGroup {
    padding: 10px;
    margin: 0 15px 15px;
    .margin:015px30px15px;
    background-color: #fff;
    background-position: bottom right;
    background-repeat: no-repeat
}

    body.PopupWin div.ButtonGroup + div.ButtonGroup {
        .position:relative;
        .top:-15px
    }

    body.PopupWin div.ButtonGroup a.ButtonFull {
        display: block;
        _width: 100%;
        line-height: 25px;
        margin: 0 0 1px;
        background-color: #f5fcf0
    }

body.PopupWin div.SuggestFlirt {
}

    body.PopupWin div.SuggestFlirt p {
        padding: 0 0 8px
    }

    body.PopupWin div.SuggestFlirt a.ButtonFull {
        margin: 0;
        color: #231f20;
        font-weight: 700;
        border: 1px solid #999;
        background: url(../image/ButtonFlatGreyBg.gif) bottom left repeat-x
    }

        body.PopupWin div.SuggestFlirt a.ButtonFull:hover {
            text-decoration: none;
            cursor: pointer
        }

body.PopupWin h2.Valentines {
    color: #8c201a
}

body.PopupWin div.ButtonGroup.Valentines {
    background-image: url(../image/Popups/Flirts/Valentines.gif)
}

    body.PopupWin div.ButtonGroup.Valentines a.ButtonFull {
        color: #811616;
        background-color: transparent;
        background-image: url(../image/Popups/Flirts/FlirtBG.png);
        _background-image: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='../image/Popups/Flirts/FuckIE.png')
    }

body.PopupWin h2.StPats {
    color: #20824d
}

body.PopupWin div.ButtonGroup.StPats {
    background-image: url(../image/Popups/Flirts/StPats.gif)
}

    body.PopupWin div.ButtonGroup.StPats a.ButtonFull {
        color: #20824d;
        background-color: transparent;
        background-image: url(../image/Popups/Flirts/FlirtBG.png);
        _background-image: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='../image/Popups/Flirts/FuckIE.png')
    }

body.PopupWin h2.Xmas {
    color: #c00
}

body.PopupWin div.ButtonGroup.Xmas {
    background-image: url(../image/Popups/Flirts/Xmas.jpg)
}

    body.PopupWin div.ButtonGroup.Xmas a.ButtonFull {
        color: #9c0000;
        background-color: transparent;
        background-image: url(../image/Popups/Flirts/FlirtBG.png);
        _background-image: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='../image/Popups/Flirts/FuckIE.png')
    }

.PopupWin div.Padded {
    clear: both;
    padding: 15px 20px
}

.PopupWin div.Blurb {
    clear: both;
    margin: 35px 25px 0;
    padding: 0
}

    .PopupWin div.Blurb ul {
        margin: 10px 0;
        padding: 20px;
        text-align: left;
        font-weight: 700
    }

.PopupWin div.Alert {
    margin: 15px 15px 0
}

body.PopupWin ul li {
    margin: 0 0 4px;
    background-position: 10px 4px
}

.PopupWin h1 {
    font-size: 14px;
    margin: 25px 20px 7px;
    padding: 0 0 3px;
    text-align: left
}

.PopupWin h2 {
    padding: 0;
    margin: 10px 0 5px;
    font-size: 12px
}

.PopupWin h3 {
    margin: 0;
    padding: 10px 0;
    font-size: 13px
}

body.PopupWin .formComp p {
    position: relative
}

    body.PopupWin .formComp p .RedText {
        position: absolute;
        left: 85px;
        top: 2px;
        font-size: 13px;
        font-weight: 700
    }

body.PopupWin div.LightBg {
    background-color: #e8f5df;
    margin: 20px 20px 0;
    padding: 20px;
    text-align: left
}

    body.PopupWin div.LightBg ul {
        margin: 20px 0 0
    }

    body.PopupWin div.LightBg center {
        font-weight: 700
    }

.PopupWin div.FormContent div.NoResult div.Padded {
    padding: 20px 10px;
    text-align: center;
    color: #ccc
}

body.PopupWin .block-el, body.PopupWin .formComp p {
    overflow: hidden;
    _height: 1%;
    _overflow: visible
}

body.PopupWin .Dedicated .Padded {
    overflow: hidden;
    _height: 1%;
    _overflow: visible;
    text-align: left
}

    body.PopupWin .Dedicated .Padded h2 {
        font-size: 18px;
        font-weight: 400;
        padding: 0 0 10px
    }

    body.PopupWin .Dedicated .Padded .Article {
        line-height: 15px
    }

.PopupWinWhite {
    background-color: #fff !important;
    text-align: left
}

div.PopupWinWhite a.Close {
    top: -6px;
    right: -7px;
    height: 21px;
    width: 19px;
    background: url(../image/HotBox/Close.png);
    .filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='/image/HotBox/Close.png');
    .background-image: none;
    background-position: top right;
    padding: 0;
    overflow: hidden;
    z-index: 100
}

div.PopupWinWhite div.PopupContent {
    margin: 0;
    border-width: 0;
    background-color: transparent
}

.PopupWinWhite h2 {
    margin: 0 !important;
    padding: 12px 0 7px 10px !important;
    position: relative;
    font-size: 15px;
    color: #61a531;
    border-bottom: 1px solid #cecece;
    background-image: url(../image/background_images/160_topdown_greygradient.gif);
    background-position: 0 -100px;
    background-repeat: repeat-x
}

    .PopupWinWhite h2.Toggle {
        cursor: pointer
    }

    .PopupWinWhite h2 a.Explanation {
        font-size: 10px;
        font-weight: 400;
        position: absolute;
        right: 5px;
        top: 12px
    }

    .PopupWinWhite h2 span {
        border-bottom: 1px dotted #9e9e9e;
        color: #9e9e9e;
        cursor: pointer;
        font-weight: 400;
        margin-left: 35px
    }

.PopupWinWhite div.Controls {
}

div.Alert {
    clear: both;
    position: relative;
    margin: 10px 0;
    text-align: left;
    line-height: 15px;
    background: #f3f3f3 7px 4px no-repeat;
    border: 1px solid #dbdbdb
}

div.AlertStyle1 {
    background-color: #feffbf;
    border-color: #ffe869
}

div.AlertStyle2 {
    background-color: #ffedd0;
    border-color: #ffd394
}

div.AlertStyle3 {
    background-color: #e5ffd0;
    border-color: #c2ee9e
}

div.AlertStyle4 {
    background-color: #eaf3f9;
    border-color: #d2dde1
}

div.AlertNew {
    background-image: none !important;
    padding-left: 73px !important
}

    div.AlertNew:after {
        background: #b9081e;
        color: #fff;
        content: "New";
        font-weight: 700;
        left: -1px;
        padding: 6px 20px;
        position: absolute;
        top: -1px
    }

div.WarningSmall, div.InfoSmall, div.InfoSmallPadded, div.TickSmall, div.CrossSmall {
    padding: 5px 10px 5px 30px
}

div.WarningSmall {
    background-image: url(../image/icons/icon_alert16.gif)
}

div.InfoSmall {
    background-image: url(../image/icons/icon_info16.gif)
}

div.InfoSmallPadded {
    background-image: url(../image/icons/icon_info16new.gif);
    background-position: 15px 5px;
    padding-left: 50px
}

div.TickSmall {
    background-image: url(../image/icons/icon_tick01.gif)
}

div.CrossSmall {
    background-image: url(../image/icons/icon_crossSmall.gif)
}

div.WarningBig, div.InfoBig, div.TickBig, div.CrossBig {
    min-height: 30px;
    _height: 30px;
    padding: 5px 10px 5px 50px !important
}

div.WarningBig {
    background-image: url(../image/icons/icon_alert32.gif)
}

div.InfoBig {
    background-image: url(../image/icons/icon_info32new.gif)
}

div.InfoBigger {
    background-image: url(../image/icons/icon_info32new.gif);
    background-position: 15px 18px;
    background-color: #f3f3f3;
    color: #575757;
    font-size: 13px;
    line-height: 18px;
    padding: 15px 25px 15px 60px;
    position: relative
}

div.TickBig {
    background-image: url(../image/icons/icon_tickBig.gif)
}

div.CrossBig {
    background-image: url(../image/icons/icon_crossBig.gif)
}

div.Emoticon {
    min-height: 45px;
    _height: 45px;
    padding: 5px 10px 5px 60px !important
}

    div.Emoticon .Icon {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 35px;
        line-height: normal;
        font-weight: 700;
        padding: 3px 15px;
        color: #aaa;
        font-family: Helvetica,Arial,Tahoma
    }

div.WarningSmall, div.WarningBig {
    color: #c00
}

div.AlertOneLine {
    padding: 16px 10px 0 50px
}

div.Niches {
    clear: both;
    position: relative;
    height: 154px;
    margin: 0 0 15px;
    border: 1px solid #d7d7d7;
    background-color: #f1f1f1
}

    div.Niches h3 {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        padding: 0;
        margin: 6px 0 4px 25px
    }

        div.Niches h3 strong {
            color: red
        }

    div.Niches img.VoteNow {
        position: absolute;
        top: -7px;
        right: -7px;
        z-index: 99
    }

    div.Niches a.LeftArrow, div.Niches a.RightArrow {
        display: block;
        position: absolute;
        top: 0;
        width: 19px;
        height: 154px;
        cursor: pointer;
        text-decoration: none
    }

    div.Niches a.LeftArrow {
        left: 0;
        background-image: url(../image/Home/NicheLeft.gif)
    }

    div.Niches a.RightArrow {
        right: 0;
        background-image: url(../image/Home/NicheRight.gif)
    }

    div.Niches div.Window {
        position: relative;
        height: 122px;
        margin: 0 25px;
        overflow: hidden
    }

        div.Niches div.Window .Item {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 140px;
            height: 123px;
            text-decoration: none
        }

            div.Niches div.Window .Item h2 {
                position: absolute;
                left: 0;
                top: 98px;
                width: 120px;
                padding: 5px 10px 6px;
                margin: 0;
                font-size: 11px;
                font-weight: 700;
                background-color: #d54038;
                background-image: url(../image/Home/FeaturedArrow.gif);
                background-position: 125px 0;
                background-repeat: no-repeat;
                border-top: 1px #fff solid;
                color: #fff
            }

            div.Niches div.Window .Item span {
                position: absolute;
                top: 123px;
                .top:121px;
                left: 0;
                width: 120px;
                padding: 5px 10px 6px;
                color: #fff;
                background-color: #d54038
            }

            div.Niches div.Window .Item img {
                width: 140px
            }

    div.Niches div.ModelComps .Item h2, div.Niches div.ModelComps .Item span {
        background-color: #575757;
        background-image: none
    }

    div.Niches div.ModelComps .Active h2, div.Niches div.ModelComps .Active span, div.Niches div.ModelComps .Item:hover h2, div.Niches div.ModelComps .Item:hover span {
        background-color: #64b030
    }

div.Slideshow {
    position: relative;
    clear: both;
    width: 626px;
    height: 281px;
    padding: 1px;
    margin: 0 0 20px;
    .margin:15px020px0;
    _margin: 0 0 20px 0;
    border: 1px solid #c9c9c9;
    background-image: url(../image/Home/SlideshowBg.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #fff
}

    div.Slideshow div.StepCrumb {
        position: absolute;
        top: 7px;
        right: 330px
    }

        div.Slideshow div.StepCrumb a {
            display: block;
            float: left;
            padding: 2px 4px;
            margin: 0 0 0 3px;
            font-size: 9px;
            font-weight: 700;
            text-decoration: none
        }

            div.Slideshow div.StepCrumb a.Normal {
                color: #ededed;
                background-color: #dfdfdf;
                border: 1px solid #fff
            }

            div.Slideshow div.StepCrumb a.Active {
                color: #fff;
                background-color: #7ccb45;
                border: 1px solid #fff;
                float: left
            }

    div.Slideshow h2 {
        padding: 0 !important;
        margin: 8px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #858585 !important
    }

    div.Slideshow div.Feature {
        display: none;
        position: absolute;
        top: 32px;
        left: 1px;
        height: 250px;
        width: 626px;
        background-color: #fff
    }

        div.Slideshow div.Feature img.Headline {
            float: left;
            margin: 0 15px 0 0
        }

        div.Slideshow div.Feature div.Title {
            float: left;
            clear: none;
            margin: 0;
            padding: 0 0 0 18px;
            width: auto;
            position: absolute;
            top: -23px;
            left: 310px;
            font-weight: 700;
            color: #858585;
            border: 0;
            background-color: transparent;
            background-image: url(../image/icons/buttons/icon_arrow_grey_right.gif);
            background-repeat: no-repeat;
            background-position: left 1px
        }

        div.Slideshow div.Feature h2 {
            float: left;
            width: 265px;
            padding: 0 15px 15px 10px !important;
            margin: 15px 0 0 !important;
            font-size: 16px !important;
            border-bottom: 1px dotted #b5b5b7
        }

            div.Slideshow div.Feature h2 a {
                text-decoration: none
            }

        div.Slideshow div.Feature div.Article {
            float: left;
            width: 275px;
            padding: 10px;
            font-size: 11px
        }

            div.Slideshow div.Feature div.Article h3 {
                padding: 0;
                margin: 0;
                font-size: 11px;
                color: #858585;
                background-color: transparent;
                border: none
            }

            div.Slideshow div.Feature div.Article li {
                background-position: 10px 5px;
                line-height: normal;
                margin: 0 0 5px
            }

                div.Slideshow div.Feature div.Article li a {
                    color: #3f7398
                }

        div.Slideshow div.Feature div.ButtonArea {
            float: left;
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 285px;
            height: auto;
            padding: 0
        }

            div.Slideshow div.Feature div.ButtonArea a.Button {
                font-weight: 700;
                float: right
            }

div.FullImg {
    background: none #fff
}

.AmateurPics div.Slideshow {
    height: 175px
}

.Competitions div.Slideshow {
    height: 175px
}

div.FullImg, div.FullImg div.Feature {
    border: 0;
    padding: 0;
    width: 630px;
    height: 0
}

    div.FullImg h2 {
        clear: none;
        font-family: Arial;
        font-weight: 700;
        font-size: 19px
    }

    div.FullImg div.Feature a:hover {
        text-decoration: none
    }

    div.FullImg div.Feature a h2, div.FullImg div.Feature a img {
        color: #fff !important;
        position: absolute;
        top: 0;
        left: 0
    }

    div.FullImg div.Feature h2 {
        top: 15px;
        left: 15px;
        padding: 0;
        margin: 0;
        width: auto;
        height: 70px;
        border: 0;
        overflow: hidden;
        font-size: 25px !important;
        line-height: 29px
    }

    div.FullImg div.Feature {
        top: 0;
        left: 0
    }

    div.FullImg div.StepCrumb {
        z-index: 9;
        top: 10px;
        right: 10px;
        display: none
    }

        div.FullImg div.StepCrumb a {
            outline: none;
            border-color: #acacac
        }

            div.FullImg div.StepCrumb a.Active {
                border-color: #5e8d45
            }

            div.FullImg div.StepCrumb a.Normal {
                color: #999
            }

span.CnrTopLeft, span.CnrTopRight, span.CnrBtmLeft, span.CnrBtmRight {
    display: block;
    position: absolute;
    font-size: 0
}

span.CnrTopLeft, span.CnrTopRight {
    top: 0
}

span.CnrBtmLeft, span.CnrBtmRight {
    bottom: 0
}

span.CnrTopLeft, span.CnrBtmLeft {
    left: 0
}

span.CnrTopRight, span.CnrBtmRight {
    right: 0
}

.ArrowDown {
    border-color: #000 transparent;
    border-style: solid;
    border-width: 6px 3px 0;
    cursor: pointer;
    display: inline-block;
    text-align: right;
    height: 0;
    margin: 0 0 0 5px;
    pointer-events: none;
    position: relative;
    top: 6px;
    vertical-align: top;
    width: 0
}

.ArrowUp {
    border-color: #000 transparent;
    border-style: solid;
    border-width: 0 3px 6px;
    cursor: pointer;
    display: inline-block;
    text-align: right;
    height: 0;
    margin: 0 0 0 5px;
    pointer-events: none;
    position: relative;
    top: 5px;
    vertical-align: top;
    width: 0
}

div.ShadowWrapper {
    position: relative
}

    div.ShadowWrapper div.ShadowClass {
        position: absolute;
        top: 1%;
        left: 0;
        height: 99%;
        width: 100%;
        background-color: #000;
        -moz-box-shadow: 2px 3px 40px #000;
        -webkit-box-shadow: 2px 3px 40px #000;
        box-shadow: 2px 3px 40px #000;
        opacity: .4;
        filter: alpha(opacity=40)
    }

    div.ShadowWrapper div.DarkShadow {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    div.ShadowWrapper div.LightShadow {
        opacity: .15;
        filter: alpha(opacity=15)
    }

select, textarea {
    margin: 0 3px 0 0;
    padding: 0;
    .font-size:11px;
    border: 1px solid #aaa
}

input {
    border: 1px solid #aaa;
    height: 17px;
    margin: 0 3px 0 0;
    outline: none;
    padding: 0 0 0 3px
}

    input[type=file], input[type=radio], input[type=checkbox] {
        border: none !important;
        height: auto
    }

select.XLarge {
    width: 330px
}

input.XLarge {
    width: 326px;
    .width:326px
}

select.Large {
    width: 200px
}

input.Large {
    width: 196px
}

select.Medium {
    width: 134px
}

select.MediumSmall {
    width: 100px
}

input.Medium {
    width: 130px
}

select.Small {
    width: 51px
}

input.Small {
    width: 51px
}

textarea {
    width: 323px;
    .width:325px;
    height: 94px;
    font-family: Tahoma,Verdana,Arial,sans-serif
}

input.Checkbox, span.Checkbox input {
    position: relative;
    top: 2px;
    .top:0;
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 5px 0 10px !important;
    .margin:0-10px010px !important
}

select option.Title {
    font-weight: 700;
    margin: 5px 0 0
}

select option.SubOption {
    padding: 0 0 0 15px
}

div.mDropDown {
    background-color: #fff;
    border: 1px solid #000;
    cursor: default;
    display: none !important;
    font-size: 12px;
    overflow-y: scroll;
    position: absolute;
    text-align: left;
    z-index: 99
}

    div.mDropDown.OpenPopover {
        display: block !important
    }

    div.mDropDown span {
        display: block;
        font-size: 11px;
        height: 15px;
        margin: 0;
        padding: 2px 0 1px 4px
    }

    div.mDropDown input {
        float: left;
        margin: 0 3px 0 0 !important
    }

    div.mDropDown a {
        color: #000;
        display: block;
        font-size: 11px;
        padding: 0 0 0 18px;
        text-decoration: none
    }

div.mDropDownMask {
    position: absolute;
    padding: 0;
    background-image: url(/IMAGE/clear.gif);
    border: 0;
    font-size: 11px;
    line-height: 19px;
    text-align: left;
    cursor: default;
    overflow: hidden;
    z-index: 1
}

    div.mDropDownMask span.mDropDownLabel {
        position: absolute;
        left: 1px;
        padding: 0;
        padding-left: 6px;
        margin: 1px 0;
        color: #000;
        background-color: #fff;
        white-space: nowrap;
        cursor: default;
        overflow: hidden
    }

div.mDropDownDetails {
    display: block;
    float: none;
    line-height: normal;
    padding: 0 3px;
    position: relative;
    text-align: left
}

input.Date.Large {
    width: 176px
}

input.Button, input.ButtonSmall {
    height: auto;
    font-size: 11px;
    font-weight: 700;
    color: #6a6a6a;
    border: 1px solid #6a6a6a;
    background-image: url(../image/HeaderLoginBtnBg.gif);
    cursor: pointer
}

input.Button {
    padding: 3px 4px 2px;
    .padding:3px4px1px4px
}

input.ButtonSmall {
    padding: 1px 4px;
    .padding:1px4px04px
}

input.BtnSubmit {
    width: 100px !important;
    height: 20px;
    font-size: 11px;
    font-weight: 700;
    top: 10px;
    .top:11px;
    right: 100px;
    position: absolute
}

a.ButtonDisable {
    color: #ccc !important
}

a.Button, a.ButtonIcon, a.ButtonSmall, a.ButtonBig, a.ButtonLarge, a.ButtonMassive {
    display: block;
    float: left;
    color: #231f20;
    text-decoration: none !important;
    line-height: normal;
    border: 1px solid #ccc;
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #e5e5e5;
    cursor: pointer;
    font-size: 11px
}

    a.Button:active, a.ButtonIcon:active, a.ButtonSmall:active {
        border: 1px solid #ccc !important;
        background-color: #d5d5d5
    }

    a.Button:hover, a.ButtonIcon:hover, a.ButtonSmall:hover {
        text-decoration: none !important
    }

a.Button {
    padding: 5px 15px
}

a.ButtonIcon {
    padding: 5px 5px 0
}

    a.ButtonIcon img {
        float: left;
        position: relative;
        top: -2px;
        margin: 0 5px 0 0
    }

a.ButtonMassive {
    font-size: 21px;
    margin-bottom: 10px;
    padding: 12px 0;
    position: relative;
    text-indent: 18px;
    width: 100%
}

a.ButtonLarge {
    font-size: 16px;
    padding: 5px 20px
}

a.ButtonSmall {
    padding: 2px 10px;
    background-position: 0 -5px
}

    a.ButtonSmall span.ArrowDown, a.ButtonSmall span.ArrowUp {
        top: 2px
    }

a.ButtonTiny {
    padding: 2px 4px;
    background-position: 0 -5px
}

a.ButtonRight {
    float: right
}

a.ButtonIconSmall {
    padding: 2px 5px 1px
}

    a.ButtonIconSmall img {
        float: left;
        position: relative;
        top: 0;
        margin: 0 5px 0 0
    }

a.ButtonSquare {
    height: 52px;
    padding: 0;
    text-align: center;
    width: 52px
}

a.ButtonText, span.ButtonText {
    background: 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    color: #666;
    float: left;
    line-height: normal;
    padding: 1px 10px
}

    a.ButtonText:hover, span.ButtonText:hover {
        background: #f4f4f4;
        border: 1px solid rgba(75,83,94,.45);
        box-shadow: 0 1px 2px rgba(0,0,0,.14),0 1px 0 rgba(255,255,255,.25) inset
    }

a.ButtonGreen {
    color: #fff !important;
    border: 1px solid #7ec34d !important;
    background-image: none !important;
    background-color: #7ec34d;
    background-position: bottom
}

a.ButtonGreenSolid {
    background: #7ec34d;
    border: none;
    color: #fff
}

    a.ButtonGreenSolid:hover {
        background: #90d360
    }

a.ButtonRed {
    background-image: url(../image/upgrade_page/btn_bg.jpg) !important;
    background-repeat: repeat-x;
    background-color: #7c0a0a;
    background-position: top;
    border: 1px solid #6a6a6a !important;
    color: #fff !important
}

a.ButtonUpload {
    padding: 5px 12px 2px 11px
}

    a.ButtonUpload img {
        top: -1px
    }

a.Disabled, a.ButtonDisabled {
    color: #999;
    cursor: default
}

    a.Disabled img, a.ButtonDisabled img {
        filter: alpha(opacity=30);
        -moz-opacity: .3
    }

.Disabled, .Disabled:hover {
    cursor: default
}

a.ButtonGlossGreen {
    background-position: bottom;
    background-color: #92d464;
    background-repeat: repeat-x;
    background-image: url(../image/ButtonGlossGreenBg.gif);
    color: #fff !important;
    font-weight: 700;
    border: 1px solid #64b030
}

a.ButtonGlossGreenGradient {
    border: 1px solid #64b030 !important;
    color: #fff !important;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
    background: #a2e525;
    background: -moz-linear-gradient(top,#a2e525 0%,#7dca11 52%,#62b502 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#a2e525),color-stop(52%,#7dca11),color-stop(100%,#62b502));
    background: -webkit-linear-gradient(top,#a2e525 0%,#7dca11 52%,#62b502 100%);
    background: -o-linear-gradient(top,#a2e525 0%,#7dca11 52%,#62b502 100%);
    background: -ms-linear-gradient(top,#a2e525 0%,#7dca11 52%,#62b502 100%);
    background: linear-gradient(to bottom,#a2e525 0%,#7dca11 52%,#62b502 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2e525',endColorstr='#62b502',GradientType=0 )
}

a.ButtonGlossRed {
    padding: 3px 15px 2px;
    background-position: top;
    background-image: url(../image/ButtonGlossRedBg.gif);
    background-color: #d54038;
    color: #fff !important;
    font-weight: 700;
    border: 1px solid #972828
}

a.ButtonGlossGrey {
    padding: 3px 15px 2px;
    background-position: top;
    background-image: url(../image/ButtonGlossGreyBg.gif);
    color: #606060 !important;
    font-weight: 700;
    border: 1px solid #c9c9c9
}

a.ButtonRedNoBorderNoBG {
    background: 0 0;
    border: 1px solid transparent !important;
    color: #d31d32 !important;
    font-weight: 700
}

    a.ButtonRedNoBorderNoBG:hover {
        text-decoration: underline !important
    }

.FormContent label:hover {
    cursor: pointer
}

a.Button .img {
    background: url(../image/icons/buttons/arrow_white_rightLge.png) no-repeat scroll left top transparent;
    height: 27px;
    position: absolute;
    right: 8px;
    top: 12px;
    width: 22px
}

a.Button .arrowRight {
    background: url(../image/icons/16x16/icon-rightArrow.png) no-repeat scroll left top transparent;
    height: 27px;
    position: absolute;
    right: 8px;
    top: 17px;
    width: 22px
}

a.ButtonSupport {
    position: relative;
    float: left;
    display: block;
    padding: 0 10px 0 35px;
    line-height: 25px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #7ec34d;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

    a.ButtonSupport:hover {
        background-color: #90d360
    }

div.Home div.RightCol a.ButtonSupport {
    float: none;
    margin: 0 0 10px
}

div.Banners div.FooterNav a.ButtonSupport {
    position: absolute;
    right: 6px;
    top: 6px
}

a.ButtonSupport img {
    position: absolute;
    bottom: 2px;
    left: 2px
}

.FormWizard .Label {
    font-size: 19px;
    margin-left: 20px
}

.FormWizard .Progress {
    margin-bottom: 30px;
    background-color: #eee;
    background-repeat: repeat-x;
    height: 30px;
    margin-bottom: 13px;
    margin-left: 20px;
    margin-top: 5px;
    overflow: hidden;
    position: relative
}

    .FormWizard .Progress .Bar {
        -moz-box-sizing: border-box;
        background-color: #7ec34d;
        background-repeat: repeat-x;
        box-shadow: none;
        color: #fff;
        float: left;
        font-size: 18px;
        height: 100%;
        text-align: center;
        width: 0;
        padding-top: 4px;
        position: relative;
        transition: width .6s ease 0s;
        -o-transition: width .6s ease 0s;
        -ms-transition: width .6s ease 0s;
        -moz-transition: width .6s ease 0s;
        -webkit-transition: width .6s ease 0s
    }

        .FormWizard .Progress .Bar:after {
            border: solid transparent;
            content: " ";
            height: 0;
            left: 100%;
            width: 0;
            position: absolute;
            pointer-events: none
        }

        .FormWizard .Progress .Bar:after {
            border-color: transparent;
            border-left-color: #7ec34d;
            border-width: 15px;
            top: 50%;
            margin-top: -15px
        }

        .FormWizard .Progress .Bar.Step1 {
            background: 0 0;
            color: #666;
            width: 60px
        }

            .FormWizard .Progress .Bar.Step1:after {
                border: none
            }

.FormWizard .Steps > li {
    background: 0 0;
    cursor: pointer;
    margin-left: 20px;
    padding: 0;
    position: relative
}

    .FormWizard .Steps > li span {
        background-color: #eee;
        background-image: none;
        border: 0;
        box-shadow: none;
        color: #777;
        display: block;
        filter: none;
        float: none;
        font-size: 18px;
        line-height: 14px;
        margin: 0 0 3px;
        padding: 20px;
        text-decoration: none
    }

        .FormWizard .Steps > li span i {
            display: none;
            margin-right: 10px
        }

            .FormWizard .Steps > li span i.icon-ok {
                background-image: url(../image/icons/icon_tickBig.gif);
                display: none;
                float: right;
                height: 32px;
                margin-right: 0;
                margin-top: -8px;
                position: relative;
                width: 32px
            }

    .FormWizard .Steps > li.Done span i.icon-ok {
        display: block
    }

    .FormWizard .Steps > li.Active span {
        color: #fff;
        background: #7ec34d;
        position: relative
    }

div.FormWizard .Active span:after, div.FormWizard .Active span:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

div.FormWizard .Active span:after {
    border-color: transparent;
    border-right-color: #7ec34d;
    border-width: 27px;
    margin-top: -27px
}

div.FormWizard .Active span:before {
    border-color: transparent;
    border-right-color: #fff;
    border-width: 32px;
    margin-top: -32px
}

.RegisterFormContainer div.RegisterForm .ErrorMsg {
    background: #e63800;
    box-shadow: 2px 2px 5px rgba(0,0,0,.25);
    color: #fff !important;
    display: inline-block;
    margin: -15px 0 10px;
    padding: 7px 20px;
    -webkit-transition: all .5s ease-in 0s;
    -moz-transition: all .5s ease-in 0s;
    -o-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s
}

.RegisterFormContainer .RegisterForm .Row > span.FromTo {
    background: none repeat scroll 0 0 transparent !important;
    bottom: auto !important;
    box-shadow: none !important;
    color: #555 !important;
    display: inline-block;
    float: left !important;
    font-weight: 400;
    left: auto !important;
    line-height: 28px !important;
    margin: 0 6px 0 7px;
    padding: 0 !important;
    position: relative;
    right: auto !important;
    top: auto !important
}

    .RegisterFormContainer .RegisterForm .Row > span.FromTo:after {
        border: none !important
    }

.RegisterFormContainer .RegisterForm .Row > span.FacebookTick {
    background: #3b5998;
    box-shadow: 2px 2px 5px rgba(0,0,0,.25);
    height: 28px;
    left: 341px !important;
    padding: 0 !important;
    position: absolute;
    top: 0 !important;
    width: 28px
}

.RegisterFormContainer .RegisterForm .DoubleColumn .Row > span.FacebookTick.Right {
    left: 590px !important
}

.RegisterFormContainer .RegisterForm .Row > span.FacebookTick:after {
    border-color: transparent;
    border-right-color: #3b5998 !important;
    border-width: 14px !important;
    border-style: solid;
    content: " ";
    height: 0;
    margin-top: -10px !important;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 10px !important;
    width: 0
}

.RegisterFormContainer .RegisterForm .Row > span.FacebookTick img {
    margin: 2px
}

.RegisterFormContainer .RegisterForm .Row > span {
    background: #e63800;
    box-shadow: 2px 2px 5px rgba(0,0,0,.25);
    color: #fff !important;
    cursor: default;
    font-size: 12px;
    font-weight: 700;
    min-height: 16px;
    line-height: 16px;
    padding: 7px 20px;
    position: absolute;
    white-space: nowrap;
    z-index: 1
}

.RegisterFormContainer .RegisterForm .Row.err > span {
    display: inline !important
}

.RegisterFormContainer.FormRight .RegisterForm .Row > span {
    right: 335px;
    text-align: right;
    top: 0
}

.RegisterFormContainer.FormLeft .RegisterForm .Row > span {
    left: 341px;
    text-align: left;
    top: 0
}

    .RegisterFormContainer.FormLeft .RegisterForm .Row > span:after {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .RegisterFormContainer.FormLeft .RegisterForm .Row > span:after {
        border-color: transparent;
        border-right-color: #e63800;
        border-width: 15px;
        top: 10px;
        margin-top: -10px
    }

.RegisterFormContainer.FormRight .RegisterForm .Row > span:after {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.RegisterFormContainer.FormRight .RegisterForm .Row > span:after {
    border-color: transparent;
    border-left-color: #e63800;
    border-width: 15px;
    top: 10px;
    margin-top: -10px
}

.RegisterFormContainer .RegisterForm .Row > span span {
    cursor: pointer;
    color: #fff;
    font-size: 10px
}

.RegisterFormContainer .RegisterForm .Row > span i {
    display: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.RegisterFormContainer .RegisterForm .Row > span.Selected {
    z-index: 2
}

    .RegisterFormContainer .RegisterForm .Row > span.Selected i {
        display: block
    }

.RegisterFormContainer.FormLeft .RegisterForm.RegisterForm3FieldSmall .Row > span {
    left: 265px
}

.RegisterFormContainer.FormRight .RegisterForm.RegisterForm3FieldSmall .Row > span {
    right: 257px
}

    .RegisterFormContainer.FormRight .RegisterForm.RegisterForm3FieldSmall .Row > span a {
        color: #fff
    }

.RegisterFormContainer.FormLeft .RegisterForm.RegisterForm3Field .Row > span, .RegisterFormContainer.FormRight .RegisterForm.RegisterForm3Field .Row > span {
    top: 8px
}

.RegisterFormContainer .RegisterForm .Row > span.errorBottom {
    background: none repeat scroll 0 0 #e63800;
    box-shadow: 2px 2px 5px rgba(0,0,0,.25);
    cursor: pointer;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    min-height: 16px;
    padding: 7px 20px;
    position: relative;
    white-space: nowrap;
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.RegisterFormContainer.FormLeft .RegisterForm .Row > span.errorBottom {
    cursor: default;
    float: left;
    left: 110px;
    margin-top: 0;
    text-align: left
}

    .RegisterFormContainer.FormLeft .RegisterForm .Row > span.errorBottom:after {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .RegisterFormContainer.FormLeft .RegisterForm .Row > span.errorBottom:after {
        border-color: transparent transparent transparent #e63800;
        border-width: 10px;
        left: 0;
        margin-top: -9px;
        top: 0
    }

div.CreatePost div.Follow {
    float: right;
    position: relative;
    top: 13px;
    .top:15px
}

    div.CreatePost div.Follow span.Checkbox {
        position: relative;
        .top:-2px;
        .margin:00010px
    }

div.CreatePost div.Subject {
    float: left;
    width: 100%
}

    div.CreatePost div.Subject input.XLarge {
        padding: 3px 2px;
        margin: 4px 0 0;
        width: 622px;
        color: #666
    }

div.CreatePost div.Display {
    float: right;
    position: relative;
    top: 18px;
    height: 20px;
    width: 240px;
    font-size: 11px
}

    div.CreatePost div.Display input {
        height: 13px;
        width: 13px;
        margin: 0 1px 0 5px;
        .margin:05px01px;
        padding: 0;
        position: relative;
        top: 0;
        .top:-2px;
        .left:4px
    }

div.CreatePost div.Comment {
    clear: both;
    float: none;
    padding: 15px 0 0;
    background-image: none !important;
    line-height: normal !important;
    border: none !important
}

    div.CreatePost div.Comment textarea.Compose {
        width: 626px
    }

    div.CreatePost div.Comment .Ritch {
        width: 628px;
        margin: 5px 0
    }

    div.CreatePost div.Comment textarea.Compose, div.CreatePost div.Comment div.Compose {
        height: 200px
    }

    div.CreatePost div.Subject strong, div.CreatePost div.Comment strong {
        text-align: left;
        font-size: 11px;
        padding: 0 0 3px
    }

div.CreatePost a.ButtonGreen {
    float: right;
    width: 125px;
    background-position: bottom;
    text-align: center
}

div.CantPost {
    clear: both;
    font-weight: 700;
    text-align: center;
    background: url(../image/forums/PostCommentBlurred.gif) no-repeat -10px 0;
    height: 330px
}

    div.CantPost strong {
        display: block;
        padding: 140px 50px 0
    }

.rteImage {
    position: relative;
    top: 2px;
    .top:0;
    margin: 0 0 0 2px;
    .margin:2px02px2px;
    border: 1px solid #fff;
    cursor: pointer
}

    .rteImageRaised, .rteImage:hover {
        margin: 0 0 0 2px;
        .margin:2px02px2px;
        background: #83aac6;
        border: 1px solid #3f7398;
        cursor: pointer
    }

.rteVertSep {
    margin: 4px 4px 0;
    .margin:1px4px
}

.rteBack {
    background: #f6f6f6;
    border-bottom: 1px solid #e2e2e2;
    letter-spacing: 0
}

    .rteBack tbody tr td, .rteBack tr td {
        padding: 0
    }

.rteDiv {
    display: block;
    clear: both;
    position: relative;
    border: 1px solid #e2e2e2;
    background: #fff
}

a.moocalendar {
    background: url(../image/calendar/calendar-icon.gif) -3px -1px;
    border: 0;
    cursor: pointer;
    float: left;
    height: 17px;
    margin-right: 6px;
    margin-left: 1px;
    width: 16px;
    border: 1px solid #666
}

    a.moocalendar:hover, a.moocalendar.active {
        background-position: -3px 19px
    }

div.moocalendar {
    background: url(../image/calendar/calendar.png);
    background-repeat: no-repeat;
    height: 195px;
    padding: 0 6px;
    text-align: center;
    width: 147px
}

    div.moocalendar * {
        margin: 0;
        padding: 0
    }

    div.moocalendar div {
        background: 0 0 !important;
        cursor: move;
        height: 185px;
        overflow: hidden;
        padding-top: 10px;
        position: relative;
        width: 147px
    }

    div.moocalendar caption {
        color: #333;
        font: normal 12px/16px Arial,Helvetica,sans-serif;
        padding-top: 6px;
        text-align: center;
        width: 100%
    }

        div.moocalendar caption a {
            cursor: pointer;
            display: block;
            height: 12px;
            overflow: hidden;
            position: absolute;
            text-indent: -100px;
            top: 17px;
            width: 11px
        }

            div.moocalendar caption a.prev {
                background-image: url(../image/calendar/calendar-prev.gif);
                left: 0
            }

            div.moocalendar caption a.next {
                background-image: url(../image/calendar/calendar-next.gif);
                right: 0
            }

            div.moocalendar caption a:hover {
                background-position: 0 12px
            }

        div.moocalendar caption span {
            height: 25px;
            position: relative;
            text-align: center
        }

            div.moocalendar caption span.month {
                padding-right: 8px
            }

                div.moocalendar caption span.month:after {
                    content: ','
                }

    div.moocalendar table {
        background: #fff;
        border: 0;
        border-collapse: collapse;
        border-spacing: 0;
        cursor: default;
        margin: 0 auto;
        overflow: hidden;
        width: 147px
    }

    div.moocalendar td, div.moocalendar th {
        border: 0;
        color: #000;
        font: 12px Arial,Helvetica,sans-serif;
        height: 21px;
        text-align: center;
        width: 21px
    }

    div.moocalendar td {
        background: url(../image/calendar/calendar-td.gif);
        color: #fff;
        font-size: 11px
    }

        div.moocalendar td.invalid {
            color: #999
        }

        div.moocalendar td.valid {
            background: url(../image/calendar/calendar-valid.gif);
            color: #000;
            cursor: pointer
        }

        div.moocalendar td.hilite {
            background: url(../image/calendar/calendar-hilite.gif)
        }

        div.moocalendar td.inactive {
            background: url(../image/calendar/calendar-td.gif) 0 100%;
            color: #fff
        }

        div.moocalendar td.active, div.moocalendar td.hover {
            background: url(../image/calendar/calendar-valid.gif) 0 100%;
            color: #fff;
            cursor: pointer
        }

.SubMenu ul {
    position: absolute;
    top: 100%;
    right: -1px;
    width: 170px;
    margin: 2px 0 0;
    padding: 0;
    display: none;
    z-index: 9;
    background-color: #f4f4f4;
    border: 1px solid #aaa;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0,0,0,.14),0 1px 0 rgba(255,255,255,.25) inset
}

.SubMenu.On ul {
    display: block
}

.SubMenu ul li {
    position: relative;
    background-image: none;
    padding: 0;
    color: #555;
    white-space: nowrap
}

    .SubMenu ul li ul {
        display: block;
        position: relative;
        top: 0;
        right: auto;
        width: auto;
        margin: 0;
        padding: 0;
        background: 0 0;
        border: none;
        box-shadow: none
    }

    .SubMenu ul li a, .SubMenu ul li span {
        display: block;
        padding: 0 10px;
        text-decoration: none
    }

    .SubMenu ul li ul li a {
        padding: 0 10px 0 15px
    }

    .SubMenu ul li a {
        color: #555;
        line-height: 30px
    }

        .SubMenu ul li a:hover {
            background-color: #fff;
            -webkit-transition: background-color .3s;
            transition: background-color .3s
        }

    .SubMenu ul li span {
        color: #999;
        padding-top: 5px;
        line-height: 15px;
        font-size: 12px
    }

    .SubMenu ul li.Break {
        height: 0;
        border-bottom: 1px solid #ccc;
        background-color: transparent !important
    }

.textboxlist {
    font: 11px lucida grande,Verdana;
    cursor: text
}

.textboxlist-bits {
    zoom: 1;
    overflow: hidden;
    margin: 0;
    padding: 3px 4px 0;
    border: 1px solid #999;
    *padding-bottom: 3px
}

.textboxlist-bit {
    list-style-type: none;
    float: left;
    display: block;
    padding: 0;
    margin: 0 5px 3px 0;
    cursor: default
}

.textboxlist-bit-editable {
    border: 1px solid #fff
}

.textboxlist-bit-editable-input {
    border: 0;
    padding: 2px 0;
    *padding-bottom: 0;
    height: 14px;
    font: 11px lucida grande,Verdana
}

    .textboxlist-bit-editable-input:focus {
        outline: 0
    }

.textboxlist-bit-box {
    position: relative;
    line-height: 18px;
    padding: 0 5px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid #cad8f3;
    background: #dee7f8;
    cursor: default
}

.textboxlist-bit-box-deletable {
    padding-right: 15px
}

.textboxlist-bit-box-deletebutton {
    position: absolute;
    right: 4px;
    top: 6px;
    display: block;
    width: 7px;
    height: 7px;
    font-size: 1px;
    background: url(/image/close.gif)
}

    .textboxlist-bit-box-deletebutton:hover {
        border: none;
        background-position: 7px;
        text-decoration: none
    }

.textboxlist-bit-box-hover {
    background: #bbcef1;
    border: 1px solid #6d95e0
}

.textboxlist-bit-box-focus {
    border-color: #598bec;
    background: #598bec;
    color: #fff
}

    .textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton {
        background-position: bottom
    }

.textboxlist-autocomplete {
    position: absolute
}

.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results {
    opacity: .9;
    filter: alpha(opacity=90);
    background: #eee;
    -webkit-box-shadow: 0 3px 3px #ccc;
    -moz-box-shadow: 0 3px 3px #ccc;
    box-shadow: 0 3px 3px #ccc;
    border: 1px solid #999;
    border-top: none;
    display: none
}

.textboxlist-autocomplete-placeholder {
    padding: 5px 7px
}

.textboxlist-autocomplete-results {
    margin: 0;
    padding: 0
}

.textboxlist-autocomplete-result {
    margin: 0;
    padding: 5px;
    list-style-type: none;
    background: #eee
}

.textboxlist-autocomplete-result-focus {
    background: #c6d9e4
}

.textboxlist-autocomplete-highlight {
    background: #eef0c4;
    font-weight: 700
}

.ma-container {
    width: 198px;
    background-color: #fff;
    border: 1px solid #7f9db9;
    font-family: Tahoma;
    font-size: 11px;
    margin: 1px 0 0 2px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: -1000px;
    visibility: hidden;
    z-index: 900
}

.ma-containerDateAway {
    background-color: #fff;
    border: 1px solid #7f9db9;
    font-family: Tahoma;
    font-size: 11px;
    margin: 1px 0 0 2px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: -1000px;
    visibility: hidden;
    z-index: 900
}

.ma-containerResponsive {
    background-color: #fff;
    border: 1px solid #7f9db9;
    font-family: Tahoma;
    font-size: 11px;
    margin: 1px 0 0 2px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: -1000px;
    visibility: hidden;
    z-index: 900
}

    .ma-container ul, .ma-containerDateAway ul, .ma-containerResponsive ul {
        margin: 0 !important
    }

        .ma-container ul li, .ma-containerDateAway ul li, .ma-containerResponsive ul li {
            background: #fff;
            border-bottom: 1px solid #e6e6e6;
            padding: 3px 0 4px 4px;
            margin: 0 !important;
            text-align: left
        }

            .ma-container ul li.ma-hover, .ma-containerDateAway ul li.ma-hover, .ma-containerResponsive ul li.ma-hover {
                background: #ebf2fe;
                color: #666
            }

        .ma-containerDateAway ul li {
            background: #fff;
            border-bottom: 1px solid #e6e6e6;
            padding: 8px 0 7px 10px
        }

ma-containerdateaway ul li:hover {
    background: #fafafa
}

ma-containerdateaway ul li.ma-hover {
    background: #ebf2fe;
    color: #666
}

body.PopupWin .ma-container {
    margin: 6px 0 0 4px
}

.formComp p, .formComp .Row {
    overflow: hidden;
    _height: 1%;
    _overflow: visible;
    padding: 4px 0
}

.formComp input, .formComp label, .formComp textarea, .formComp .ButtonArea a {
    float: left
}

.formComp input {
    padding: 2px 4px;
    margin: 0;
    width: 180px
}

.formComp label {
    width: 65px;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 10px 0 0;
    line-height: 100%;
    text-align: right;
    cursor: pointer
}

div.ControlBar {
    position: static;
    clear: both;
    height: auto;
    padding: 2px 5px;
    margin: 0 0 10px;
    min-height: 21px;
    overflow: hidden;
    color: #fff;
    background-color: #83aac6;
    border: 1px solid #3f7398
}

    div.ControlBar h1 {
        padding: 3px 0 0 !important;
        margin: 0 0 0 5px !important;
        font-size: 11px !important
    }

    div.ControlBar h2 {
        margin: 3px 10px 0 5px !important;
        padding: 0 !important;
        font-size: 11px
    }

    div.ControlBar div.Left a.ButtonSmall, div.ControlBar div.Left a.ButtonIconSmall {
        margin: 0 5px 0 0
    }

    div.ControlBar div.Left input[type=checkbox] {
        position: relative;
        top: 2px;
        margin: 0 0 0 5px
    }

    div.ControlBar div.Left select.Large, div.ControlBar div.Left select.Medium {
        margin: 0 0 0 10px
    }

    div.ControlBar input.ButtonSmall {
        margin: 0 0 0 10px
    }

div.ControlBarSub {
    position: relative;
    display: block;
    height: 20px;
    padding: 6px 10px 0;
    margin: 0 0 10px;
    font-weight: 700;
    background-color: #f4f4f4;
    color: #000;
    border-bottom: 1px dotted #b5b5b7
}

    div.ControlBarSub input.Checkbox {
        position: relative;
        .top:-1px;
        margin: 0 5px 0 0 !important;
        .margin:02px01px !important
    }

    div.ControlBarSub label {
        position: relative;
        .top:1px
    }

div.Pagination {
    display: table;
    padding: 0 10px;
    margin: 0 0 0 10px
}

div.ControlBar div.Pagination {
    padding: 0 5px 0 0
}

div.ControlBarSub div.Pagination {
    position: relative;
    top: -2px;
    .top:0;
    padding: 0
}

div.Pagination select {
    float: left
}

div.Pagination a.NextPrev {
    float: left;
    margin: 3px 0 0 10px
}

div.ControlBar div.Pagination a.NextPrev {
    color: #fff;
    width: 32px
}

div.Pagination a i, div.Pagination a span {
    width: 7px;
    height: 11px;
    display: inline-block;
    position: relative;
    .top:-2px;
    background: url(../image/icons/buttons/prev_white.gif) top left no-repeat;
    margin: 0
}

div.Pagination a .prev {
    float: left;
    left: -2px
}

div.Pagination a .next {
    float: right;
    right: -2px;
    background-image: url(../image/icons/buttons/next_white.gif)
}

div.Pagination a.Disabled .prev {
    left: -4px;
    background-image: url(../image/icons/buttons/prev_grey.gif)
}

div.Pagination a.Disabled .next {
    right: -4px;
    background-image: url(../image/icons/buttons/next_grey.gif)
}

div.Pagination a.Disabled:hover {
    text-decoration: none
}

div.ControlBar div.Pagination a i, div.ControlBar div.Pagination a span {
    top: 1px;
    margin: 0
}

div.ControlBar div.Pagination a .prev {
    float: left;
    left: -4px
}

div.ControlBar div.Pagination a .next {
    float: right
}

div.ControlBar div.Pagination a.Disabled {
    color: #a8c3d7;
    text-decoration: none
}

    div.ControlBar div.Pagination a.Disabled i, div.ControlBar div.Pagination a.Disabled span {
        filter: alpha(opacity=30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3
    }

.PopupWin div.Pagination a.NextPrev {
    width: 32px
}

.PopupWin div.Pagination a i, .PopupWin div.Pagination a span {
    background-image: url(../image/icons/buttons/prev.gif)
}

.PopupWin div.Pagination a .prev {
    .top:0
}

.PopupWin div.Pagination a .next {
    background-image: url(../image/icons/buttons/next.gif);
    .right:2px;
    .top:0
}

.PopupWin div.Pagination a.Disabled span {
    top: 0
}

div.Pagination div.Page {
    float: left;
    padding: 3px 5px 0 0
}

div div.PaginationV2, div.ControlBar div.PaginationV2 {
    text-align: center;
    margin: 0
}

    div div.PaginationV2 span, div.ControlBar div.PaginationV2 span {
        float: none !important;
        font-weight: 400;
        position: relative;
        top: 3px;
        width: 15px;
        color: #3f7398
    }

        div div.PaginationV2 span.Left {
            left: -8px
        }

        div div.PaginationV2 span.Right {
            right: -8px
        }

    div div.PaginationV2 a, div.ControlBar div.PaginationV2 a {
        top: 3px;
        position: relative;
        margin: 0 3px;
        padding: 0 3px;
        font-weight: 700
    }

        div div.PaginationV2 a.Active {
            color: #999
        }

        div.ControlBar div.PaginationV2 a.Active {
            color: #b3ccdd
        }

div.ControlBar div.Title, div.ControlBarSub div.Title, div.MainTable div.ControlBar div.Title, div.MainTable div.ControlBarSub div.Title {
    height: auto;
    min-height: 0;
    padding: 0 0 2px;
    margin: 0 0 5px;
    background-color: transparent
}

    div.ControlBar div.Title h2, div.MainTable div.ControlBar div.Title h2 {
        color: #fff
    }

div.ControlBarSub div.PaginationV2, div.MainTable div.ControlBarSub div.PaginationV2, div.EventsClubs div.ClubListings div.ControlBar div.PaginationV2, div.EventsClubs div.EventListings div.ControlBar div.PaginationV2 {
    padding: 0 0 5px;
    .padding:008px0
}

    div.ControlBarSub div.PaginationV2 a:hover, div.MainTable div.ControlBarSub div.PaginationV2 a:hover {
        color: #93b1c6;
        line-height: 11px
    }

div.EventsClubs div.ClubListings div.ControlBar div.Title, div.EventsClubs div.EventListings div.ControlBar div.Title {
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px dotted #b3ccdd
}

div.EventsClubs div.ClubListings div.ControlBar, div.EventsClubs div.EventListings div.ControlBar, div.EventsClubs div.ClubDetails div.ControlBarSub, div.EventsClubs div.EventDetails div.ControlBarSub {
    height: auto;
    min-height: 20px;
    _height: 20px
}

.Floater {
    position: fixed;
    left: 0;
    right: 0;
    padding: 15px 0;
    background-color: #f4f4f4;
    background-color: rgba(245,245,245,.95);
    border-top: solid 2px #fff;
    z-index: 10
}

    .Floater.Top {
        top: 0
    }

    .Floater.Bottom {
        bottom: 0;
        -webkit-box-shadow: -2px -1px 10px rgba(0,0,0,.03);
        box-shadow: -2px -1px 10px rgba(0,0,0,.03)
    }

    .Floater.NoShadow {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .Floater span {
        line-height: 37px;
        padding-left: 20px
    }

        .Floater span input {
            position: relative;
            top: 3px
        }

    .Floater .Button, .Floater .ButtonBig {
        margin-left: 15px
    }

        .Floater .Button.Right, .Floater .ButtonBig.Right {
            margin-left: 0;
            margin-right: 15px
        }

div.SlideSteps {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

    div.SlideSteps div.Step {
        position: absolute;
        float: left;
        top: 0;
        bottom: 0;
        left: 100%;
        right: 0;
        width: 100%;
        visibility: hidden;
        overflow: hidden;
        -webkit-transition: left .5s ease-out,visibility 0 linear .5s;
        -moz-transition: left .5s ease-out,visibility 0 linear .5s;
        transition: left .5s ease-out,visibility 0 linear .5s
    }

        div.SlideSteps div.Step.On {
            visibility: visible;
            left: 0;
            overflow: auto;
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        div.SlideSteps div.Step.Off {
            visibility: visible;
            left: -100%
        }

        div.SlideSteps div.Step div.Component {
            border: none;
            overflow: visible
        }

            div.SlideSteps div.Step div.Component .Content {
                overflow: visible
            }

        div.SlideSteps div.Step div.Floater {
            position: absolute
        }

div.Grid {
    margin: 0 0 15px;
    line-height: 15px;
    width: 102%
}

    div.Grid:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

body.PopupWin div.Grid {
    width: 628px;
    margin: 15px auto
}

div.Grid div.ControlBar, div.Grid div.ControlBarSub {
    margin: 1px 1px 1px 0
}

div.Grid div.Listing {
    background-color: #000;
    border: none;
    float: left;
    font-size: 10px;
    height: 150px;
    margin: 0 10px 10px 0;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    width: 150px
}

    div.Grid div.Listing.NoPhoto {
        color: #ccc;
        background-color: #fafafa;
        text-align: center
    }

        div.Grid div.Listing.NoPhoto span {
            display: block;
            margin-top: 65px
        }

    div.Grid div.Listing img.OnlineSolid, div.Grid div.Listing img.OfflineSolid {
        height: 22px !important;
        position: absolute;
        right: 1px;
        top: -1px;
        width: 22px !important
    }

    div.Grid div.Listing img.OnlineMobile {
        height: 23px !important;
        position: absolute;
        right: 1px;
        top: 3px;
        width: 23px !important
    }

    div.Grid div.Listing:hover img.OnlineSolid, div.Grid div.Listing:hover img.OfflineSolid, div.Grid div.Listing:hover img.OnlineMobile {
        display: none
    }

    div.Grid div.Listing .Avatar {
        position: absolute;
        top: 0%;
        left: 0%;
        height: 100%;
        width: 100%
    }

    div.Grid div.Listing .Overlay {
        position: absolute;
        display: none;
        left: 0;
        right: 0;
        bottom: 0;
        height: 150px;
        background: #fff;
        background: rgba(255,255,255,.8)
    }

    div.Grid div.Listing.Hover .Overlay {
        background: 0 0;
        background: rgba(255,255,255,.95);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF)";
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2FFFFFF,endColorstr=#F2FFFFFF);
        zoom: 1;
        display: block
    }

    div.Grid div.Listing input {
        min-height: 0;
        margin: 5px
    }

    div.Grid div.Listing .Full {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        margin: 0;
        z-index: 2
    }

    div.Grid div.Listing a.Full {
        background-image: url(../IMAGE/clear.gif);
        text-decoration: none
    }

    div.Grid div.Listing:hover a.Full {
        background: rgba(255,255,255,.95)
    }

    div.Grid div.Listing .Top, div.Grid div.Listing .Bottom {
        position: absolute !important;
        margin: 0 7px;
        color: #222
    }

    div.Grid div.Listing .Details {
        bottom: 0;
        font-size: 11px;
        height: 30px;
        left: 0;
        margin: 0;
        overflow: hidden;
        padding: 5px 0;
        text-align: left;
        text-indent: 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        background: 0 0;
        background: rgba(255,255,255,.8);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)";
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
        zoom: 1
    }

        div.Grid div.Listing .Details > strong {
            color: #3b5998;
            display: block;
            font-family: Helvetica;
            font-size: 12px;
            margin: 0;
            width: 100%
        }

    div.Grid div.Listing.Hover .Details > strong {
        color: #eb7500
    }

    div.Grid div.Listing span.Details.Right {
        left: 40px
    }

    div.Grid div.Listing .Icon {
        float: left;
        position: relative;
        height: 24px;
        color: #fff;
        text-decoration: none;
        z-index: 2
    }

        div.Grid div.Listing .Icon img, div.Grid div.Listing .Icon input {
            float: left;
            padding: 0;
            margin: 0;
            border: none
        }

        div.Grid div.Listing .Icon.Right img, div.Grid div.Listing .Icon.Right input {
            float: right
        }

        div.Grid div.Listing .Icon span {
            display: none;
            float: left;
            position: absolute;
            top: 2px;
            padding: 2px 7px 0;
            background-color: #fff;
            color: #000;
            opacity: .7;
            filter: alpha(opacity=70);
            line-height: 16px;
            white-space: nowrap
        }

        div.Grid div.Listing .Icon.Left span, div.Grid div.Listing .Left .Icon span {
            left: 30px
        }

        div.Grid div.Listing .Icon.Right span, div.Grid div.Listing .Right .Icon span {
            right: 30px
        }

        div.Grid div.Listing .Icon:hover span {
            display: block
        }

    div.Grid div.Listing .Icons {
        left: 0;
        right: 0;
        bottom: 0;
        overflow: visible;
        margin: 0;
        z-index: 2
    }

        div.Grid div.Listing .Icons .Icon {
            float: none;
            position: static;
            display: inline-block;
            margin: 0 5px 5px 0
        }

            div.Grid div.Listing .Icons .Icon span {
                top: auto;
                bottom: 40px;
                left: 0;
                right: 0
            }

    div.Grid div.Listing.Selected .Icons .Icon span {
        left: 4px;
        right: 4px
    }

    div.Grid div.Listing .DescriptionHover {
        color: #666;
        display: none;
        font-size: 11px;
        height: 100%;
        left: 0;
        padding-left: 10px;
        position: absolute;
        text-align: left;
        text-decoration: none;
        top: 0;
        width: 100%
    }

    div.Grid div.Listing.Hover .DescriptionHover {
        display: block
    }

    div.Grid div.Listing .DescriptionHover span {
        display: block;
        line-height: 14px;
        margin-bottom: 5px
    }

        div.Grid div.Listing .DescriptionHover span.Username {
            color: #3b8ed3;
            font-size: 12px;
            font-weight: 700;
            margin-top: 5px
        }

        div.Grid div.Listing .DescriptionHover span.Location {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 140px
        }

        div.Grid div.Listing .DescriptionHover span.MembershipLevel {
            bottom: 40px;
            display: inline-block;
            font-weight: 700;
            position: absolute;
            width: 100%
        }

            div.Grid div.Listing .DescriptionHover span.MembershipLevel.DiamondClub {
                *zoom: expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("small")).className="before")
            }

                div.Grid div.Listing .DescriptionHover span.MembershipLevel.DiamondClub:before, div.Grid div.Listing .DescriptionHover span.MembershipLevel.DiamondClub .before {
                    background-color: #444;
                    background-image: url(../IMAGE/Search/DiamondClub.gif);
                    background-position: center center;
                    background-repeat: no-repeat;
                    bottom: -3px;
                    content: "";
                    height: 32px;
                    position: absolute;
                    right: 20px;
                    width: 32px;
                    z-index: 1
                }

    div.Grid div.Listing div.Status {
        background: #fff;
        border: 1px solid #eee;
        bottom: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        left: 0;
        overflow: visible;
        position: absolute;
        width: 148px
    }

    div.Grid div.Listing.Hover div.Status {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    div.Grid div.Listing div.Status > div {
        bottom: -10px;
        padding: 6px 0 3px;
        position: relative;
        width: 33.3333333%;
        transition: bottom .2s ease-in-out;
        -o-transition: bottom .2s ease-in-out;
        -ms-transition: bottom .2s ease-in-out;
        -moz-transition: bottom .2s ease-in-out;
        -webkit-transition: bottom .2s ease-in-out
    }

    div.Grid div.Listing.Hover div.Status > div {
        bottom: 0
    }

    div.Grid div.Listing div.Status > div span.uiTooltipWrap {
        left: 15px
    }

    div.Grid div.Listing.Travel span.Gender {
        margin-bottom: 0
    }

div.ListingMini {
    position: relative;
    min-height: 48px;
    _height: 48px;
    padding: 7px;
    margin: 0 0 10px;
    line-height: 15px;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    background: #fff url(../image/SearchListingBg.gif) left bottom repeat-x;
    border: 1px solid #d4d4d4
}

    div.ListingMini span.Checkbox {
        float: left
    }

        div.ListingMini span.Checkbox input {
            float: left;
            margin: 0 5px 0 2px !important;
            .margin:2px5px02px !important;
            .width:13px;
            .height:13px
        }

    div.ListingMini img.Thumb {
        float: left;
        margin: 0 10px 0 0
    }

    div.ListingMini a {
        font-weight: 700
    }

    div.ListingMini div.Buttons {
        position: absolute;
        bottom: 7px;
        right: 7px
    }

        div.ListingMini div.Buttons a {
            margin: 0 0 0 5px;
            font-weight: 400
        }

            div.ListingMini div.Buttons a:hover {
                border: 1px solid #7d7d7d !important
            }

        div.ListingMini div.Buttons .RateMe {
            position: relative;
            top: -4px;
            margin: 0;
            padding: 3px 7px 3px 21px;
            font-weight: 700;
            background: url(../image/icons/icon-RateMe_Blue.gif) 3px 1px no-repeat;
            border: 1px solid #d0e5f4
        }

            div.ListingMini div.Buttons .RateMe:hover {
                border: 1px solid #3f7398;
                text-decoration: none
            }

    div.ListingMini a.Avatar40 {
        margin: 2px 10px 0 2px
    }

    div.ListingMini span.Location {
        position: absolute;
        top: 7px;
        right: 7px;
        font-weight: 400
    }

    div.ListingMini a.GreenAlert, div.ListingMini div.Buttons .isFriend {
        color: #000;
        padding: 5px 5px 0;
        cursor: default;
        border: 1px solid #64b030
    }

        div.ListingMini a.GreenAlert img, div.ListingMini div.Buttons .isFriend img {
            float: left;
            margin: 0 5px 0 0;
            position: relative;
            top: -3px
        }

    div.ListingMini a.GreenAlert {
        background-color: #d0eabf;
        background-image: none
    }

    div.ListingMini div.Buttons .isFriend {
        float: left;
        color: #a2a2a2;
        border: 1px solid #ccc;
        background-color: #e8e8e8
    }

        div.ListingMini div.Buttons .isFriend img {
            top: -2px;
            left: 1px
        }

.Avatar40, .Avatar66, .Avatar80, .Avatar90, .Avatar200, .Avatar218 {
    float: left;
    display: block;
    font-size: 1px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow: hidden
}

a.Avatar40:hover, a.Avatar66:hover, a.Avatar80:hover, a.Avatar90:hover, a.Avatar200:hover, a.Avatar218:hover {
    text-decoration: none
}

.Avatar40 img, .Avatar66 img, .Avatar80 img, .Avatar90 img, .Avatar200 img, .Avatar218 img {
    .position:relative;
    .top:1px;
    padding: 1px 0 0;
    .padding:0
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .Avatar40 img, .Avatar66 img, .Avatar80 img, .Avatar90 img, .Avatar200 img, .Avatar218 img {
        padding: 0
    }
}

html > body .Avatar40 img, html > body .Avatar66 img, html > body .Avatar80 img, html > body .Avatar90 img, html > body .Avatar200 img, html > body .Avatar218 img {
    margin-top: 0;
    vertical-align: middle
}

.Avatar40 {
    min-width: 42px;
    height: 42px;
    line-height: 40px
}

    .Avatar40 img {
        margin-top: expression(( 40 - this.height )/2);
        width: 40px;
        height: 40px
    }

.Avatar66 {
    height: 68px;
    min-width: 68px;
    line-height: 66px;
    margin: 0 10px 5px 0
}

    .Avatar66 img {
        margin-top: expression(( 66 - this.height )/2);
        width: 66px;
        height: 66px
    }

.Avatar80 {
    height: 82px;
    min-width: 82px;
    line-height: 80px
}

    .Avatar80 img {
        margin-top: expression(( 80 - this.height )/2);
        width: 80px;
        height: 80px
    }

.Avatar90 {
    height: 92px;
    min-width: 92px;
    line-height: 90px
}

    .Avatar90 img {
        margin-top: expression(( 90 - this.height )/2);
        width: 90px;
        height: 90px
    }

.Avatar140 {
    height: 142px;
    min-width: 142px;
    line-height: 140px
}

    .Avatar140 img {
        margin-top: expression(( 140 - this.height )/2);
        width: 140px;
        height: 140px
    }

.Avatar200 {
    height: 202px;
    min-width: 202px;
    line-height: 200px
}

    .Avatar200 img {
        margin-top: expression(( 200 - this.height )/2);
        width: 200px;
        height: 200px
    }

.Avatar218 {
    height: 220px;
    min-width: 220px;
    line-height: 218px
}

    .Avatar218 img {
        margin-top: expression(( 218 - this.height )/2);
        width: 218px;
        height: 218px
    }

    html > body .Avatar218 img {
        margin-top: 0;
        vertical-align: middle
    }

.avatarText {
    color: #fff;
    font-size: 20px;
    left: 37px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 3px #000;
    top: 37px;
    z-index: 5
}

.uiTooltipWrap {
    position: absolute;
    display: none;
    background: url(../image/icons/Activity-v02/hover_miniName-bottom.gif) left bottom no-repeat;
    padding: 0 0 4px;
    z-index: 2;
    text-decoration: none !important
}

    .uiTooltipWrap ul, .uiTooltipWrap div, .uiTooltipWrap span {
        background-color: #282828;
        color: #fff !important;
        display: block;
        left: 0;
        line-height: 14px;
        padding: 3px 8px 4px;
        white-space: nowrap;
        font-size: 11px;
        text-decoration: none !important
    }

*:hover > .uiTooltipWrap {
    display: block
}

.Avatar66 .uiTooltipWrap, .Avatar80 .uiTooltipWrap {
    top: -4px;
    left: 105%;
    padding: 0 0 0 4px;
    border-left: 0
}

    .UserPics .uiTooltipWrap .Padded, .Avatar40 .uiTooltipWrap .Padded, .Avatar66 .uiTooltipWrap .Padded, .Avatar80 .uiTooltipWrap .Padded {
        width: 200px;
        margin: 0;
        padding: 4px 8px
    }

        .Avatar66 .uiTooltipWrap .Padded .Item, .Avatar80 .uiTooltipWrap .Padded .Item {
            background: none transparent;
            padding: 1px 0 3px;
            text-align: left;
            color: #999
        }

            .Avatar66 .uiTooltipWrap .Padded .Item span, .Avatar66 .uiTooltipWrap .Padded .Item strong, .Avatar80 .uiTooltipWrap .Padded .Item span, .Avatar80 .uiTooltipWrap .Padded .Item strong {
                float: left;
                width: 60px
            }

            .Avatar66 .uiTooltipWrap .Padded .Item span, .Avatar80 .uiTooltipWrap .Padded .Item span {
                width: 120px;
                padding: 0;
                color: #fff;
                white-space: normal
            }

            .Avatar66 .uiTooltipWrap .Padded .Item strong.userName, .Avatar80 .uiTooltipWrap .Padded .Item strong.userName {
                float: none;
                width: auto;
                color: #ffb400
            }

.uiTooltipWrapError {
    background: 0 0;
    color: #fff;
    position: absolute;
    right: 8px;
    top: 0
}

    .uiTooltipWrapError.Active {
        display: block !important
    }

    .uiTooltipWrapError .uiTooltipWrapInner {
        background: #353535;
        border: 1px solid #353535;
        display: block;
        line-height: normal;
        margin-left: 10px;
        padding: 10px;
        position: relative;
        top: -5px;
        white-space: normal;
        width: 180px;
        z-index: 1
    }

        .uiTooltipWrapError .uiTooltipWrapInner:before, .uiTooltipWrapError .uiTooltipWrapInner:after {
            border-bottom: 7px solid transparent;
            border-top: 7px solid transparent;
            content: "";
            height: 0;
            position: absolute;
            top: 5px;
            width: 0
        }

        .uiTooltipWrapError .uiTooltipWrapInner:before {
            border-right: 7px solid #353535;
            left: -8px
        }

        .uiTooltipWrapError .uiTooltipWrapInner:after {
            border-right: 7px solid #353535;
            left: -8px
        }

.Thumbnail {
    float: left;
    padding: 1px;
    border: 1px solid #ccc
}

    .Thumbnail span {
        display: block;
        text-align: center;
        font-weight: 700;
        font-size: 9px;
        color: #999;
        background-color: #e9e9e9
    }

.BorderGrey {
    padding: 1px;
    text-align: center;
    background-color: #fff
}

    .BorderGrey div.imgC {
        font-size: 1px;
        text-align: center;
        text-decoration: none;
        border: none;
        background-color: #fff;
        overflow: hidden !important
    }

        .BorderGrey div.imgC img {
            width: 100%;
            height: auto
        }

        html > body .BorderGrey div.imgC img {
        }

div.InfoBox {
    padding: 5px 10px;
    text-align: left;
    color: #3b64bd;
    font-weight: 700;
    line-height: 16px;
    background-color: #e0f4d3;
    border: 1px solid #7ecc48;
    z-index: 20
}

    div.InfoBox span {
        display: block;
        margin-top: 5px;
        color: #000;
        font-weight: 400
    }

        div.InfoBox span strong {
            display: block;
            float: left;
            width: 60px
        }

div.CalendarDate {
    background-image: none !important;
    background-color: #dce5ec;
    width: 32px !important;
    height: auto !important;
    text-align: center
}

    div.CalendarDate div.Day {
        color: #fff;
        background-color: #83aac6;
        text-transform: uppercase;
        padding: 1px 0 2px;
        border-bottom: 2px solid #fff
    }

    div.CalendarDate strong, div.CalendarDate div.Date {
        float: none !important;
        color: #3f7398 !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        padding: 0 !important;
        position: relative;
        top: 1px
    }

    div.CalendarDate div.Month {
        font-size: 11px;
        color: #46494e !important;
        text-transform: uppercase;
        position: relative;
        top: -1px
    }

    div.CalendarDate div.Year {
        display: none;
        background-color: #83aac6 !important;
        color: #fff;
        font-size: 10px;
        padding: 0 0 1px
    }

div.EventsClubs div.ColumnLeft630 div.Row div.BorderGrey {
    margin: 0 18px 0 0
}

div.EventsClubs div.ColumnLeft630 div.Row div.CalendarDate {
    margin: 0 18px 20px 0
}

div.Keywords {
}

    div.Keywords a {
        float: left;
        padding: 0 5px 2px;
        margin: 0 5px 5px 0;
        line-height: 16px;
        white-space: pre
    }

        div.Keywords a:hover {
            background-color: #bbcef1;
            border-color: #6d95e0;
            text-decoration: none
        }

.TourGuide .TourHighlight {
    box-shadow: 0 0 0 2px #d54038 !important;
    border: none !important;
    box-shadow: none \9 !important;
    border: 2px solid #d54038\9 !important
}

tourguide div.TourContainer {
    margin: 0 auto;
    width: 946px
}

.TourGuide div.TourContainer h2 {
    margin: 10px 0 !important;
    .margin:25px010px !important;
    padding: 0 !important;
    color: #61a531;
    font-size: 12px;
    background-image: none;
    border: none
}

.TourGuide div.TourContainer a.ButtonGreen {
    display: block;
    float: right;
    margin: 20px 0 0 80px;
    text-align: center;
    width: 60px
}

.TourGuide div.TourContainer a.Close {
    position: absolute;
    top: 8px;
    right: 5px
}

.TourGuide div.TourContainer img.Bubble {
    position: absolute;
    top: 7px;
    left: -6px
}

.TourGuide div.TourContainer.Top img.Bubble {
    top: -6px;
    left: 14px
}

.TourGuide div.TourContainer .NextBtn {
    background: #eee
}

.TourGuide div.TourContainer .Steps {
    background: #fff;
    border: 5px solid #717171;
    display: none;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 172px;
    z-index: 1105
}

    .TourGuide div.TourContainer .Steps:after, .TourGuide div.TourContainer .Steps:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .TourGuide div.TourContainer .Steps:after {
        margin-left: -10px;
        border-width: 10px
    }

    .TourGuide div.TourContainer .Steps:before {
        margin-left: -16px;
        border-width: 16px
    }

    .TourGuide div.TourContainer .Steps > strong {
        display: block;
        margin-bottom: 4px
    }

ul {
    padding: 0;
    margin: 5px 0;
    list-style: none
}

li {
    _position: relative;
    padding: 0 0 0 25px;
    background-repeat: no-repeat;
    background-position: 10px 7px
}

div.GreenComponent ul li {
    background-image: url(../image/icons/ListMarkerGreen.gif)
}

div.ColumnRight300 ul {
    margin: 0;
    padding: 5px 0
}

.Padded {
    padding: 10px;
    overflow: hidden
}

.clearPadding, div.MainTable div.Content .clearPadding {
    padding: 0 !important
}

.NoBorderAtAll {
    border: 0 !important
}

.BorderGrey {
    border: 1px solid #ccc !important
}

.BorderLightGrey {
    border: 1px solid #ededed !important
}

.BorderBlack {
    border: 1px solid #000 !important
}

.OpacityHover {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    cursor: pointer
}

    .OpacityHover:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        cursor: pointer
    }

.Opacity25 {
    filter: alpha(opacity=25);
    -moz-opacity: .25;
    -khtml-opacity: .25;
    opacity: .25
}

div.NotFound p {
    background-image: url(../image/PageNotFound-white.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    color: #a3a3a3;
    margin: 0;
    padding: 140px 0 180px 240px
}

    div.NotFound p strong {
        display: block;
        font-size: 20px;
        color: #bdbdbd;
        padding: 0;
        margin: 0
    }

.Center, .TextCenter {
    text-align: center !important
}

.TextBold {
    font-weight: 700
}

.RedText {
    color: #c00
}

.RedTextError {
    color: #c00;
    display: inline;
    padding: 2px 1px 3px 5px;
    float: left
}

body.PopupWin .RedTextError {
    .float:none
}

html > body .RedTextError, x:-moz-any-link, x:default {
    position: inherit;
    top: -2px
}

.BlueText {
    color: #03f
}

.GreenText {
    color: #7ec34d
}

.Justify {
    text-align: justify
}

.clearMargin {
    margin: 0 !important
}

.NoDecoration:hover {
    text-decoration: none !important
}

.BG_DarkGrey {
    background-color: #f4f4f4
}

.block-el, .OpenProfile .UserInfo .Row {
    overflow: hidden;
    _height: 1%;
    _overflow: visible
}

.FullColumn, div.Generic div.SiteMap {
    width: 946px !important
}

.SocialIconList {
    margin: 0 auto;
    overflow: hidden;
    width: 946px
}

    .SocialIconList ul {
        text-align: center
    }

        .SocialIconList ul li {
            background: 0 0;
            color: #000;
            display: inline;
            float: none;
            font-size: 12px;
            font-weight: 700;
            line-height: 28px;
            list-style: none outside none;
            margin-bottom: 5px;
            margin-right: 10px;
            padding: 0
        }

            .SocialIconList ul li span {
                position: relative;
                top: -10px
            }

            .SocialIconList ul li a {
                width: 28px;
                height: 28px;
                display: inline-block;
                background-position: 0 0;
                background-repeat: no-repeat;
                transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out
            }

                .SocialIconList ul li a:hover {
                    background-position: 0 -38px
                }

    .SocialIconList .android {
        background: url(../image/icons/social/icon_android.png) no-repeat
    }

    .SocialIconList .apple {
        background: url(../image/icons/social/icon_apple.png) no-repeat
    }

    .SocialIconList .amazon {
        background: url(../image/icons/social/icon_amazon.png) no-repeat
    }

    .SocialIconList .behance {
        background: url(../image/icons/social/icon_behance.png) no-repeat
    }

    .SocialIconList .blogger {
        background: url(../image/icons/social/icon_blogger.png) no-repeat
    }

    .SocialIconList .deviantart {
        background: url(../image/icons/social/icon_deviantart.png) no-repeat
    }

    .SocialIconList .dribbble {
        background: url(../image/icons/social/icon_dribbble.png) no-repeat
    }

    .SocialIconList .dropbox {
        background: url(../image/icons/social/icon_dropbox.png) no-repeat
    }

    .SocialIconList .evernote {
        background: url(../image/icons/social/icon_evernote.png) no-repeat
    }

    .SocialIconList .facebook {
        background: url(../image/icons/social/icon_facebook.png) no-repeat
    }

    .SocialIconList .forrst {
        background: url(../image/icons/social/icon_forrst.png) no-repeat
    }

    .SocialIconList .github {
        background: url(../image/icons/social/icon_github.png) no-repeat
    }

    .SocialIconList .googleplus {
        background: url(../image/icons/social/icon_googleplus.png) no-repeat
    }

    .SocialIconList .jolicloud {
        background: url(../image/icons/social/icon_jolicloud.png) no-repeat
    }

    .SocialIconList .last-fm {
        background: url(../image/icons/social/icon_last-fm.png) no-repeat
    }

    .SocialIconList .linkedin {
        background: url(../image/icons/social/icon_linkedin.png) no-repeat
    }

    .SocialIconList .picasa {
        background: url(../image/icons/social/icon_picasa.png) no-repeat
    }

    .SocialIconList .pinterest {
        background: url(../image/icons/social/icon_pinterest.png) no-repeat
    }

    .SocialIconList .rss {
        background: url(../image/icons/social/icon_rss.png) no-repeat
    }

    .SocialIconList .skype {
        background: url(../image/icons/social/icon_skype.png) no-repeat
    }

    .SocialIconList .spotify {
        background: url(../image/icons/social/icon_spotify.png) no-repeat
    }

    .SocialIconList .stumbleupon {
        background: url(../image/icons/social/icon_stumbleupon.png) no-repeat
    }

    .SocialIconList .tumblr {
        background: url(../image/icons/social/icon_tumblr.png) no-repeat
    }

    .SocialIconList .twitter {
        background: url(../image/icons/social/icon_twitter.png) no-repeat
    }

    .SocialIconList .vimeo {
        background: url(../image/icons/social/icon_vimeo.png) no-repeat
    }

    .SocialIconList .wordpress {
        background: url(../image/icons/social/icon_wordpress.png) no-repeat
    }

    .SocialIconList .xing {
        background: url(../image/icons/social/icon_xing.png) no-repeat
    }

    .SocialIconList .yahoo {
        background: url(../image/icons/social/icon_yahoo.png) no-repeat
    }

    .SocialIconList .youtube {
        background: url(../image/icons/social/icon_youtube.png) no-repeat
    }

    .SocialIconList .vk {
        background: url(../image/icons/social/icon_vk.png) no-repeat
    }

    .SocialIconList .instagram {
        background: url(../image/icons/social/icon_instagram.png) no-repeat
    }

div.Announcement {
    width: 990px;
    margin: 10px auto 0
}

    div.Announcement div {
        padding: 4px 7px;
        margin: 0 22px;
        text-align: center;
        color: #999;
        font-weight: 700;
        border: 1px solid #c9c9c9;
        background-image: url(../image/Home/SlideshowBg.gif);
        background-position: top
    }

        div.Announcement div a {
            color: #900700;
            text-decoration: underline
        }

div.BackToRHP {
    position: relative;
    margin: 0 auto;
    background: #fff;
    z-index: 100;
    overflow: hidden;
    width: 100%
}

    div.BackToRHP.Active {
        background: #64b030
    }

    div.BackToRHP div.BackToRHPContainer {
        position: relative;
        transform: translateY(-100%);
        -webkit-transition: transform .3s ease-out;
        transition: transform .3s ease-out
    }

    div.BackToRHP.Active div.BackToRHPContainer {
        transform: translateY(0%)
    }

    div.BackToRHP p {
        position: relative;
        padding: 0 40px 10px 27px;
        color: #fff;
        font-size: 40px;
        line-height: 20px;
        font-weight: 400;
        height: 134px;
        top: 58px;
        left: -64px
    }

.InAppDesktop div.BackToRHP p {
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    height: auto;
    top: 3px;
    left: auto
}

div.BackToRHP.Active p {
}

div.BackToRHP p a {
    color: #666;
    font-weight: 700;
    text-decoration: none
}

    div.BackToRHP p a .underlinetext {
        text-decoration: underline
    }

div.BackToRHP a.CloseMsg {
    background: url(../IMAGE/icons/64x64/left-arrow.png) no-repeat scroll 50% 50% transparent;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 80px;
    left: 42px
}

    div.BackToRHP a.CloseMsg:hover {
        background-color: #ddd
    }

.InAppDesktop div.BackToRHP a.CloseMsg {
    height: 20px;
    top: 13px;
    left: 0
}

.MainTable.ContentPush.AmateurPics {
    padding-top: 0
}

body.InAppDesktop div.MainTable {
    margin: 0 2%;
    width: 98%;
    padding-top: 50px
}

body.InAppDesktop.NoHeader div.MainTable {
    padding-top: 0
}

body.InAppDesktop div.ColumnRight300 {
    display: none
}

body.InAppDesktop div.MainTable div.ColumnLeft630 {
    width: 100%
}

body.InAppDesktop div.MainTable div.Content {
    width: inherit
}

body.InAppDesktop div.FooterResponsive {
    display: none
}

body.InAppDesktop span.Description {
    display: none
}

body.InAppDesktop div.ArticleIntro + span {
    font-size: 14px
}

body.InAppDesktop div.Community div.ColumnLeft630.Article p img {
    width: 100% !important;
    height: auto !important
}

body.InAppDesktop div.MainTable div.Community div.ColumnLeft630 div.Title a.SubmitComment {
    display: none
}

body.InAppDesktop div.BreadCrumb {
    display: none
}

body.InAppDesktop div.MainTable div.Content div.Title h1 {
    font-size: 18px;
    line-height: normal
}

body.InAppDesktop div.Community div.Article div.ArticleIntro {
    width: 100%
}

    body.InAppDesktop div.Community div.Article div.ArticleIntro div.BorderGrey {
        width: auto;
        height: auto;
        float: none
    }

        body.InAppDesktop div.Community div.Article div.ArticleIntro div.BorderGrey div.imgC {
            width: auto;
            height: auto
        }

            body.InAppDesktop div.Community div.Article div.ArticleIntro div.BorderGrey div.imgC img {
                width: 100% !important
            }

body.InAppDesktop div.Community div.Article div.Component div.Content div.Comment {
    float: none;
    width: 100% !important;
    padding: 20px 0 30px !important
}

    body.InAppDesktop div.Community div.Article div.Component div.Content div.Comment span {
        width: 95%;
        margin-left: 2%
    }

    body.InAppDesktop div.Community div.Article div.Component div.Content div.Comment a:first-child {
        display: block;
        width: 100%
    }

body.InAppDesktop div.Component div.Comments div.Comment a img {
    vertical-align: middle;
    float: none
}

body.InAppDesktop div.Component div.Comments div.Comment textarea {
    width: 85%;
    margin: 5px auto
}

body.InAppDesktop div.Component div.Comments div.Comment div.CharacterCount {
    display: none
}

body.InAppDesktop div.Community div.Article div.Component.Keywords {
    display: none
}

body.InAppDesktop div.Community div.Article div.Component div.Content div.Subject .XLarge {
    width: 90%
}

body.InAppDesktop div.Community div.Article div.Component div.Content div.CreatePost div.Comment textarea.Compose {
    width: 90%
}

body.InAppDesktop div.Community div.SexSecrets div.ArticleIntro span.Description {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto
}

body.InAppDesktop div.Community div.SexSecrets div.ArticleIntro {
    padding: 0
}

body.InAppDesktop div.Community div.SexSecrets div.ButtonBar {
    display: none
}

body.InAppDesktop div.Community div.ColumnLeft630 div.Gallery {
    display: inline-block;
    clear: both;
    padding: 0 auto
}

    body.InAppDesktop div.Community div.ColumnLeft630 div.Gallery a {
        margin: 0;
        _margin: 0;
        width: 32%;
        text-align: center;
        margin-bottom: 2%
    }

@media screen and (max-width: 320px) {
    body.InAppDesktop div.Community div.ColumnLeft630 div.Gallery a {
        margin-bottom: 0;
        margin-left: 3px
    }
}

body.InAppDesktop div.Community .TopTen .Home .Left {
    width: 100%;
    float: none !important;
    padding: 0
}

body.InAppDesktop div.Community .TopTen .Home .Right {
    float: none !important;
    width: 100%;
    text-align: center
}

body.InAppDesktop div.Community .TopTen .ButtonArea {
    width: 100%;
    top: 10px
}

body.InAppDesktop div.Community .TopTen .PicSet .Picture {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 35px;
    background-position-y: 50px;
    min-height: 400px;
    background-size: contain
}

    body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination {
        position: relative;
        top: -35px;
        width: 100%;
        left: 0
    }

        body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td {
            position: inherit;
            float: none;
            padding: 0;
            display: none
        }

            body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td img, body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td span {
                display: none
            }

            body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td:first-child, body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td:last-child {
                display: inline-block;
                width: 44% !important;
                margin: 5px 3%;
                margin-top: 5px
            }

                body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td:first-child a, body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td:last-child a {
                    background-image: none;
                    text-transform: uppercase
                }

            body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td.Disabled a {
                opacity: .5
            }

            body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td:first-child a:before {
                content: 'Previous Page'
            }

            body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td:last-child a:before {
                content: 'Next Page'
            }

            body.InAppDesktop div.Community .TopTen .PicSet .Picture .Pagination td img {
                width: initial
            }

    body.InAppDesktop div.Community .TopTen .PicSet .Picture img {
        width: 100%;
        height: auto
    }

body.InAppDesktop div.Community .TopTen .PicSet .alt {
    padding: 10px
}

    body.InAppDesktop div.Community .TopTen .PicSet .alt iframe {
        margin-top: 10px;
        width: 100% !important
    }

body.InAppDesktop div.Community .TopTen .PicSet h2.Win {
    text-align: left;
    line-height: normal
}

body.InAppDesktop div.Community div.Testimonial .MyListsTabbed .ListenRHP {
    display: none
}

body.InAppDesktop div.Community div.Testimonial div.TabWrapper div.TabContent .Members.Padded {
    padding: 0
}

body.InAppDesktop div.Community div.Testimonial div.TabWrapper div.TabContent div.Row {
    width: 98%;
    padding: 15px 5px
}

.login-form > .login-box, .login-form > .feedback-msg {
    width: 50vw;
    min-height: 400px;
    max-width: 420px;
    margin: 20px auto 100px;
    text-align: center
}

    .login-form > .login-box .msg-login-warning {
        padding: 10px 20px;
        margin: 1em auto;
        background-color: #f3f3f3;
        border: 1px solid #dbdbdb
    }

        .login-form > .login-box .msg-login-warning p {
            background: url(../image/svg/cross-red.svg) no-repeat 10px center
        }

.login-form .feedback-msg {
    display: none
}

.login-form .options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    display: none
}

@media screen and (max-width: 767px) {
    .login-form > .login-box, .login-form > .feedback-msg {
        margin: 80px auto 20px
    }
}

@media screen and (max-width: 4787px) {
    .login-form > .login-box, .login-form > .feedback-msg {
        width: 80vw
    }
}

.login-form .login-box .options h2 {
    width: 100%
}

.login-form .login-box p, .login-form .feedback-msg p {
    font-size: 14px;
    margin: 1em 0
}

.login-form .login-box .options .label {
    width: 45%;
    min-width: 175px
}

.login-form .login-box p em, .login-form .feedback-msg p em {
    font-style: normal;
    font-weight: 700
}

.login-form .login-box fieldset {
    padding: 0;
    margin: 0;
    border: none
}

.login-form .login-box .options .input {
    width: 50%;
    min-width: 195px;
    text-align: left
}

.login-form .login-box .input p {
    margin: 1em 0
}

.login-form .login-box .input h2 {
    margin: 1em 0 1.5em
}

.login-form .btn {
    display: block;
    line-height: 40px;
    padding: 0
}

    .login-form .btn a {
        display: block;
        color: #fff
    }

    .login-form .btn.green {
        background-color: #7ccb45
    }

    .login-form .btn.facebook a {
        background-color: #3b5998
    }

        .login-form .btn.facebook a img {
            display: inline-block;
            line-height: 20px;
            vertical-align: text-bottom
        }

.login-form .login-box .input .or {
    margin: 1em 0;
    font-size: 14px
}

.login-form .login-box .input input[type=email], .login-form .login-box .input input[type=text], .login-form .login-box .input input[type=password] {
    display: block;
    font-size: 14px;
    line-height: normal;
    height: 40px;
    width: 100%;
    padding: 0 10px
}

.login-form .login-box .submit {
    margin: 0 0 20px
}

.login-form .login-box .options .submit {
    width: 100%
}

.login-form .login-box .submit .remember {
    float: left;
    margin: 10px 0
}

.login-form .login-box .submit .login, .login-form .login-box .submit .id-account, .login-form .login-box .submit .send, .login-form .login-box .submit .opt-out, .login-form .feedback-msg .btn {
    display: inline-block;
    width: 50%
}

.login-form .login-box .submit .opt-out {
    margin: 1em 0 1em 45%
}

@media screen and (max-width: 462px) {
    .login-form .login-box .submit .opt-out {
        margin: 1em auto
    }
}

.login-form .login-box .submit .login {
    float: right;
    margin: 0
}

    .login-form .login-box .submit .login button, .login-form .login-box .submit .id-account button, .login-form .login-box .submit .send button, .login-form .login-box .submit .opt-out button {
        font-size: 14px;
        width: 100%;
        padding: 10px 0;
        border: none;
        color: #fff;
        background-color: #7ccb45
    }

.login-form .login-box p.link {
    clear: both;
    width: 100%;
    margin: 10px 0
}

.login-form .error {
    display: none;
    font-size: 12px;
    line-height: 1em;
    margin: .5em 0;
    color: #bc1226;
    text-align: center
}

.login-form .warning input {
    border: 1px solid #bc1226
}

.login-form .warning .error {
    display: block
}

#iframeMsg {
    width: 100%;
    min-width: 768px;
    height: calc(100vh - 132px);
    min-height: 400px;
    margin: 20px auto 0;
    overflow-x: hidden;
    border: solid 1px #f1f0f5
}

.footer-grey {
    background-color: #575858;
    padding: 40px 20px;
    flex: 1;
    text-align: left
}

@media(min-width: 1200px) {
    .footer-grey .page-container {
        width: 1200px
    }
}

.footer-grey .footer-login-wrapper {
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.footer-grey .__left-column .logo img {
    width: 138px
}

.footer-grey .__left-column .title-header {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 15px
}

.footer-grey .__left-column .store img:last-of-type {
    margin-left: 10px
}

.footer-grey .__left-column .social img {
    margin-right: 20px
}

.footer-grey .__contact-us {
    display: flex
}

.footer-grey .member-avatar {
    z-index: 0
}

.footer-grey .__contact-us .member-avatar img {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 2px solid #fff
}

.footer-grey .__contact-us .member-button {
    height: 25px;
    width: 110px;
    border-radius: 20px;
    background-color: #7bcb45;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-left: -22px;
    line-height: 25px;
    padding-left: 30px
}

.footer-grey .footer-all-right {
    text-align: center;
    margin-top: 35px
}

    .footer-grey .footer-all-right span {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        display: block
    }

        .footer-grey .footer-all-right span a {
            color: #3f7398;
            text-decoration: none
        }

.footer-grey .footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-size: 13px;
    width: 300px
}

    .footer-grey .footer-nav ul {
        margin: 0
    }

        .footer-grey .footer-nav ul:first-of-type {
            width: 155px;
            margin: 0 15% 0 0
        }

        .footer-grey .footer-nav ul li {
            line-height: 17px;
            padding: 1px 5px
        }

            .footer-grey .footer-nav ul li a {
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                color: #fff
            }

    .footer-grey .footer-nav .button-support {
        margin: 0 0 50px
    }

        .footer-grey .footer-nav .button-support a {
            float: none;
            padding: 0 10px 0 0
        }

            .footer-grey .footer-nav .button-support a img {
                position: static;
                display: inline-block;
                box-sizing: border-box;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                border: 2px solid #fff;
                vertical-align: middle
            }

            .footer-grey .footer-nav .button-support a span {
                display: inline-block;
                font-size: 14px;
                font-weight: 300;
                vertical-align: middle
            }

@media screen and (max-width: 610px) {
    .footer-login-screen.footer-grey {
    }

        .footer-login-screen.footer-grey .footer-login-wrapper {
            flex-wrap: wrap;
            text-align: center
        }

    .footer-grey .footer-icons, .footer-grey .footer-nav {
        justify-content: center;
        width: 100%
    }

        .footer-grey .footer-nav .button-support {
            margin: 20px 21%
        }

        .footer-grey .footer-nav ul, .footer-grey .footer-nav ul:first-of-type {
            width: 40%;
            margin: 0 10px;
            text-align: left
        }
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

body.footer-popup {
    overflow: hidden
}

.footer-popup .modal.footer-popup {
    display: block
}

.modal .body {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin: 0;
    background-color: #fefefe;
    border: 1px solid #888;
    transform: translate(-50%,-50%);
    animation: fadein .5s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.modal .close {
    position: fixed;
    top: -1px;
    right: 0
}

    .modal .close a {
        display: block;
        width: 40px;
        height: 40px;
        padding: 0;
        background: #161617 url(../image/plugins/venobox/close.gif) no-repeat center center;
        color: #fff;
        text-indent: -100px;
        overflow: hidden
    }

.modal header {
    position: relative;
    display: block;
    padding: 0;
    width: 100%
}

    .modal header .close {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
        line-height: 12px;
        width: 15px;
        height: 15px;
        padding: 1em;
        margin: 0
    }

.modal.footer-popup .body {
    width: 80%;
    height: 80%;
    border: none;
    margin: 0
}

    .modal.footer-popup .body iframe {
        width: 100%;
        height: 100%;
        border: none;
        margin: 0
    }