﻿.submit, body {
    text-align: center
}

.submit, .toolbar ul li, .topMenu, .topSlogan {
    font-weight: 700
}

#jsddm li ul, .navigationMenu li ul {
    position: absolute;
    visibility: hidden
}

.content, .contentRight, .footer, .navigationMenu, .topMenu, .wrapper {
    overflow: hidden
}

#jsddm li, .contentLeftMenu, .imageInfo, .navigationMenu, .profileImageGalleryInfo, .profileInfo, .toolbar ul, .topMenu, .videoTitleBarMenu {
    list-style: none
}

* {
    margin: 0;
    padding: 0
}

body {
    background: url(https://cdn.sex-ly.com/bodyBackground.png) top repeat-x #000;
    color: #fff;
    direction: rtl;
    font-family: Arial;
    font-size: 12px
}

a:active, a:link, a:visited {
    color: #fff2ac;
    font-weight: 700;
    text-decoration: none

}

a:hover {
    color: #ccc;
    text-decoration: underline
}

img {
    border: none
}

.submit {
    background-image: url(https://cdn.sex-ly.com/submit.png);
    border: none !important;
    clear: both;
    color: #000 !important;
    cursor: pointer;
    display: block;
    height: 26px;
    line-height: 26px;
    margin: 5px;
    width: 122px
}

.content, .footer, .menuTable, .navigation, .top, .wrapper {
    width: 1100px
}

.clear {
    clear: both
}

.wrapper {
    margin: 0 auto;
    text-align: right
}

.top {
    height: 60px;
    display: table;
}

.navigation {
    /* background-image: url(https://cdn.sex-ly.com/navigationBackground.png); */
    height: 40px;
    margin-bottom: 5px;
    WIDTH: 100%;
    HEIGHT: 40PX;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    margin-top: 10px;
}

.menuTable {
    margin: 4px
}

.content {
    clear: both
}

.footer {
    margin-top: 20px
}

.categoryMenu li {
    float: left;
    width: 89px;
    background-color: #2f2e2e;
    padding: 5px;
    margin-left: 1px;
    text-align: center;
    height: 30px
}

@media screen and (max-width:1100px) {
    .categoryMenu li, .content, .footer, .menuTable, .navigation, .top, .wrapper {
        width: 100%
    }

    .categoryMenu {
        display: none
    }
}

.toolbar {
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    width: 940px
}

    .toolbar ul {
        height: 30px;
        width: 1100px
    }

@media screen and (max-width:940px) {
    .toolbar {
        width: 100%
    }

        .toolbar ul {
            height: 30px;
            list-style: none;
            width: 100%
        }
}

.toolbar ul li {
    display: block;
    float: right;
    font-size: 1.1em
}

.toolbarKoksinelit:active, .toolbarKoksinelit:link, .toolbarKoksinelit:visited {
    color: #00aeef
}

.toolbarSexly:active, .toolbarSexly:link, .toolbarSexly:visited {
    color: #f7941d
}

.toolbarBdsm:active, .toolbarBdsm:link, .toolbarBdsm:visited {
    color: #e74e4e
}

.toolbarIlsms:active, .toolbarIlsms:link, .toolbarIlsms:visited {
    color: #999
}

.topLogo {
    display: block;
    float: right;
    margin-right: 10px
}

.topSlogan {
    display: block;
    float: right;
    margin: 20px 10px 10px 10px;
    width: 220px
}

#jsddm, #jsddm li ul {
    margin: 0;
    padding: 0
}

.topMenu {
    float: left
}

    .topMenu li {
        display: block;
        float: left;
        height: 60px;
        line-height: 60px;
        text-align: center
    }

.addthis_button {
    display: block;
    float: left
}

#jsddm li {
    float: left;
    font: 12px Tahoma,Arial
}

    /*#jsddm li a {
        display: block;
        background: #20548E;
        padding: 5px 12px;
        text-decoration: none;
        border-right: 1px solid #fff;
        width: 70px;
        color: #EAFFED;
        white-space: nowrap
    }

        #jsddm li a:hover {
            background: #1A4473
        }

    #jsddm li ul {
        border-top: 1px solid #fff
    }

        #jsddm li ul li {
            float: none;
            display: inline
        }

            #jsddm li ul li a {
                width: auto;
                background: #9F1B1B
            }

                #jsddm li ul li a:hover {
                    background: #7F1616
                }*/

.navigationMenu {
    float: right;
    margin-right: 10px;
    width: 630px
}

    .navigationMenu li {
        float: right;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 120px
    }
        .pagination a:link{
            color:#000;
        }
        .navigationMenu li a:active, .navigationMenu li a:link, .navigationMenu li a:visited {
            background: url(https://cdn.sex-ly.com/navigationBtnOn.png) right no-repeat;
            display: block;
            height: 40px;
            font-size: 1.1em;
            font-weight: 700;
            line-height: 40px;
            text-decoration: none;
            width: 120px
        }

        .navigationMenu li a:hover {
            background: url(https://cdn.sex-ly.com/navigationBtnOff.png) right no-repeat;
            color: #000
        }

        .navigationMenu li ul {
            margin: 0 !important;
            padding: 0 !important;
            width: 120px
        }

            .navigationMenu li ul li {
                float: none;
                display: inline
            }

                .navigationMenu li ul li a:active, .navigationMenu li ul li a:link, .navigationMenu li ul li a:visited {
                    background: #000;
                    border: 1px solid #f7941d;
                    margin-top: 1px;
                    display: block;
                    height: 14px;
                    font-size: 1em;
                    font-weight: 700;
                    line-height: 14px;
                    text-decoration: none;
                    width: 118px
                }

.footerCopyrights, .searchBtn {
    font-size:12px;
    font-weight: 700
}

.navigationMenu li ul li a:hover {
    background: #f7941d
}

.navigationSearch {
    float: left;
    height: 20px;
    margin-top: 10px;
    width: 245px;
    display:none;
}

.menuTable td, .menuTable th {
    text-align: right
}

.menuTable td {
    font-weight: 700;
    text-indent: 10px;
    background-color: #000;
    color: #fff;
    border: 1px dotted #f7941d
}

.searchBtn, .searchInput {
    float: right;
    border: none;
    background: 0 0;
    height: 20px
}

.contentLeftTop, .contentMainTop, .contentMainWithBorder {
    border-bottom: 1px solid #222
}

.videosAd, .videosItem {
    border: 1px solid #222
}

.searchInput {
    width: 180px
}

.searchBtn {
    color: #fff;
    margin-right: 10px;
    width: 50px
}

.footerMenu {
    float: right;
    font-weight: 700;
    list-style: none;
    width: 600px
}

    .footerMenu li {
        display: block;
        float: right
    }

.footerCopyrights {
    display: block;
    float: left
}

.contentMainTop, .contentRightTitle {
    font-size: 1.2em;
    height: 20px;
    text-indent: 10px
}

.contentRight {
    background: #000;
    width: 100%
}

.contentRightTitle {
    font-weight: 700;
    line-height: 30px;
    width: 100%;
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
    background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
    background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
    box-sizing: border-box;
    padding-left: 5px;
    padding-right:5px;
}

.contentMain, .contentMain_ {
    background-image: url(https://cdn.sex-ly.com/contentMainBackground.png);
    margin-bottom: 10px;
    overflow: hidden
}

.contentRightGeneral {
    padding: 10px
}

    .contentRightGeneral p {
        padding: 5px
    }

    .contentRightGeneral ul {
        list-style-type: square;
        padding: 5px 20px
    }

.contentMain_ {
    width: 764px;
    float: right
}

.contentMain {
    width: 1100px
}

.contentLeftTop, .contentMainTop, .contentMainTopAdBoxTitle {
    margin-bottom: 2px;
    font-weight: 700
}

.contentMainTop {
    background-image: url(https://cdn.sex-ly.com/contentMainTopBackground.png);
    width: 1100px
}

.contentMainTopAdBox, .contentMainTopAdBoxTitle {
    border: 1px solid #222;
    float: left;
    margin-left: 3px
}

.contentMainTopAdBoxTitle {
    background-color: #111;
    color: #999;
    font-size: .9em;
    width: 379px
}

.contentMainTopAdBox {
    height: 231px;
    padding: 1px;
    width: 377px
}

.videoCategoryDescription {
    color: #999;
    font-size:12px;
    font-weight: 700;
    padding: 10px
}

.contentLeft {
    background-image: url(https://cdn.sex-ly.com/contentLeftBackground.png);
    float: left;
    overflow: hidden;
    width: 190px
}

.contentLeftTop {
    background-image: url(https://cdn.sex-ly.com/contentLeftTopBackground.png);
    font-size: 1.2em;
    height: 20px;
    text-indent: 10px;
    width: 190px
}

.contentLeftMenu {
    margin: 0 3px 5px 0;
    overflow: hidden
}

    .contentLeftMenu li {
        display: block;
        float: right;
        margin: 0 0 2px 2px;
        text-indent: 18px;
        width: 91px
    }

        .contentLeftMenu li a:active, .contentLeftMenu li a:link, .contentLeftMenu li a:visited {
            background-image: url(https://cdn.sex-ly.com/contentLeftMenuBtnOff.png);
            display: block;
            font-weight: 700;
            height: 20px;
            width: 91px
        }

        .contentLeftMenu li a:hover {
            background-image: url(https://cdn.sex-ly.com/contentLeftMenuBtnOn.png)
        }

.contentLeftAdBox {
    overflow: hidden;
    width: 186px;
    padding: 2px
}

.contentLeftFooter {
    border-top: 1px solid #222;
    background-color: #000;
    height: 10px;
    width: 190px
}

.videosAd {
    height: 100px;
    margin: 0 3px 2px;
    width: 956px
}

.videosItems {
    padding-right: 3px;
    overflow: hidden
}

.videosThreeItems {
    float: right;
    padding-right: 4px;
    overflow: hidden;
    width: 576px
}

.categoryMenu {
    list-style-type: none;
    width: 100%
}

.videpPlayer {
    width: 640px;
    height: 480px;
    margin: auto;
    display: block
}

@media screen and (max-width:640px) {
    .videpPlayer {
        width: 100%;
        height: initial
    }

}

.videosItem {
    float: right;
    font-size:12px;
    font-weight: 700;
    margin: 0;
    padding: 1px;
    overflow: hidden;
    width: 269px;
    height: 269px
}

@media screen and (max-width:550px) {
    .videosItem {
        width: 48%;
        height: initial
    }

    img {
        width: 100%
    }
}

.videosItem:hover {
    border: 1px solid #f7941d
}

.videoInfo, .videoTitle {
    display: block;
    width:100%;
}

.videoTitle {
    color: #f7941d;
    font-weight: 700;
    height: 24px;
    margin-bottom: 5px;
    display: table;
}

.videoInfo {
    display: block;
    float: right;
    height: 16px;
    line-height: 16px;
    text-indent: 55px
}

    .videoInfo strong {
        color: #999
    }

.videoInfoViews {
    background: url(https://cdn.sex-ly.com/videoInfoViews.png) right no-repeat
}

.videoInfoUpTime {
    background: url(https://cdn.sex-ly.com/videoInfoUpTime.png) right no-repeat
}

.videoInfoCategory {
    background: url(https://cdn.sex-ly.com/videoInfoCategory.png) right no-repeat
}

.videoInfoDuration {
    background: url(https://cdn.sex-ly.com/videoInfoDuration.png) right no-repeat
}

.videoNewIcon {
    display: block;
    height: 11px;
    width: 52px;
    padding: 2px
}

    .videoNewIcon img {
        float: right
    }

.videoThumb:active, .videoThumb:link, .videoThumb:visited {
    background-color: #222;
    border: 1px solid #333;
    display: block;
    height: 135px;
    padding: 2px;
    width: 180px
}

@media screen and (max-width:360px) {
    .videoThumb:active, .videoThumb:link, .videoThumb:visited {
        height: 200px;
        width: 100%
    }
}

.videoItemsPagination {
    clear: both;
    overflow: hidden
}

.videosItemPaginationActive, .videosItemPaginationLink {
    display: block;
    float: right;
    font-weight: 700;
    height: 20px;
    margin: 3px;
    line-height: 20px;
    text-align: center;
    width: 20px
}

.videosItemPaginationActive {
    background-image: url(https://cdn.sex-ly.com/contentMainPaginationLink.png);
    color: #000;
    text-decoration: none
}

.adLink:active, .adLink:link, .adLink:visited {
    display: block
}

.videoPlayer {
    clear: both;
    padding: 2px 1px;
    width: 100%;
    float: right
}

.videoPlayerAd {
    border: 1px solid #222;
    float: right;
    height: 444px;
    margin-right: 2px;
    width: 200px
}

.videoPlayerItself {
    float: right;
    width: 100%;
    padding: 3px;
    box-sizing: border-box
}

.videoTitleBar {
    padding: 1px;
    overflow: hidden;
    width: 100%;
    float: right;
    margin-top: 10px
}

.videoTitleBarMenu {
    height: 22px;
    line-height: 22px
}

    .videoTitleBarMenu li {
        display: block;
        float: right;
        margin: 0 5px;
        width: 120px !important
    }

        .videoTitleBarMenu li strong {
            display: block;
            float: right;
            font-size: .9em;
            text-align: right;
            text-indent: 3px;
            margin: 2px
        }

.comment, .videoCommentsForm label {
    margin-bottom: 5px
}

.videoTitleBarMenu .videoInfoUpTime {
    width: 150px !important
}

.videoTitleBarMenu .videoInfoEmbed {
    width: 80px !important
}

.videoTitleBarMenu .videoInfoAddthis {
    width: 85px !important
}

.VideoSuggestionsComments {
    overflow: hidden;
    width: 100%
}

.videoComments, .videoCommentsForm {
    width: 190px;
    overflow: hidden
}

.videoComments {
    float: right
}

.videoCommentsForm .row input, .videoCommentsForm .row textarea {
    background: #222;
    border: 1px solid #333;
    color: #ccc;
    width: 180px
}

.videoCommentsForm .row textarea {
    height: 100px
}

.comment {
    border: 1px solid #333;
    overflow: hidden;
    width: 180px
}

.commentTitle {
    background-color: #333;
    font-size: .9em;
    font-weight: 700;
    padding: 2px
}

.commentBody {
    padding: 5px
}

.videoSuggestions {
    float: left;
    overflow: hidden;
    width: 100%
}

.successMessage {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    padding: 5px
}

.loginForm, .registrationForm {
    height: 270px;
    margin: 10px;
    width: 750px;
    padding-top: 50px
}

.formBody, .formRow {
    overflow: hidden;
    width: 290px;
    float: right
}

.registrationForm {
    background-image: url(https://cdn.sex-ly.com/registerBackground.png)
}

.loginForm {
    background-image: url(https://cdn.sex-ly.com/loginBackground.png)
}

.formBody {
    margin: 0 10px 0 0
}

.formRow {
    margin-bottom: 10px
}

    .formRow label {
        display: block;
        font-weight: 700;
        float: right;
        margin-left: 5px;
        text-align: left;
        width: 60px
    }

    .formRow input, .formRow select {
        float: right
    }

.formLogin, .formLoginReg, .formRegister {
    background: 0 0;
    border: none;
    color: #333;
    cursor: pointer;
    font-size: .2em;
    padding: 0
}

.formTitle, .profileEdit .formRow {
    background-color: #222;
    border: 1px solid #333
}

.formRegister {
    height: 60px;
    margin: 125px 70px 0 0;
    width: 200px
}

.formLogin {
    height: 60px;
    margin: 140px 70px 0 0;
    width: 200px
}

.formLoginReg {
    height: 60px;
    margin: 200px 80px 0 0;
    width: 170px
}

.formCheckbox {
    padding-right: 70px;
    height: 20px;
    line-height: 20px
}

    .formCheckbox input, .formCheckbox label {
        float: right !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .formCheckbox label {
        display: block !important;
        width: 200px !important
    }

.formError {
    display: block;
    float: right
}

.formSubmit {
    float: right;
    margin-right: 70px
}

.formTitle {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 10px;
    width: 280px
}

.profileEdit .formRow {
    padding: 5px;
    width: 270px
}

.profileEdit .formError {
    font-weight: 700;
    text-indent: 60px
}

.profileShow {
    border: 1px solid #333;
    float: left;
    margin: 10px;
    padding: 10px;
    width: 250px
}

    .profileShow ul {
        list-style-type: square;
        padding: 0 20px
    }

.contentLeftProfile, .contentLeftProfiles {
    padding: 2px;
    overflow: hidden
}

.contentLeftProfile {
    border: 1px solid #222;
    margin-bottom: 2px;
    width: 179px
}

    .contentLeftProfile:hover {
        border: 1px solid #f7941d
    }

.profileFull {
    clear: both;
    border: 1px solid #222;
    margin: 5px 4px 0;
    padding: 5px;
    overflow: hidden
}

    .profileFull .profileInfo {
        float: right;
        margin-right: 10px
    }

.profileImage:active, .profileImage:link, .profileImage:visited {
    background-color: #222;
    border: 1px solid #333;
    display: block;
    float: right;
    height: 100px;
    padding: 2px;
    width: 100px
}

.imageCommentsTitle, .imageInfo li, .profileItemsPagination {
    height: 20px;
    line-height: 20px
}

.profileImageGallery {
    border: 1px solid #222;
    background-color: #111;
    clear: both;
    margin: 5px 4px 5px 0;
    padding: 5px;
    float: right;
    overflow: hidden;
    width: 750px
}

.profileImageGalleryItem {
    background-color: #000;
    border: 1px solid #222;
    float: right;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
    width: 170px
}

    .profileImageGalleryItem .profileImage {
        float: none;
        margin-top: 10px
    }

.profileImageGalleryInfo {
    float: right;
    margin-top: 10px
}

.profileItemsPagination {
    clear: both;
    border-top: 1px solid #222;
    padding: 5px
}

.profileItemsPaginationActive, .profileItemsPaginationLink {
    display: block;
    float: right;
    font-weight: 700;
    height: 20px;
    margin-left: 2px;
    line-height: 20px;
    text-align: center;
    width: 20px
}

.profileItemsPaginationActive {
    background-image: url(https://cdn.sex-ly.com/contentMainPaginationLink.png);
    color: #000;
    text-decoration: none
}

.imageCommentsWrapper, .imageLargeWrapper {
    margin: 4px;
    overflow: hidden;
    padding: 5px;
    width: 356px
}

.imageComment, .imageCommentAdd {
    margin-top: 5px
}

.imageLargeWrapper {
    float: right
}

.imageCommentsWrapper {
    float: left
}

.imageCommentsTitle {
    border: 1px solid #333;
    display: block
}

.imageComment {
    border: 1px solid #333;
    padding: 5px
}

.imageLarge:active, .imageLarge:link, .imageLarge:visited {
    background-color: #222;
    border: 1px solid #333;
    display: block;
    overflow: hidden;
    padding: 2px;
    width: 350px
}

.imageInfo {
    border: solid #333;
    border-width: 1px 1px 0;
    overflow: hidden;
    width: 354px
}

    .imageInfo li {
        border-left: 1px solid #333;
        display: block;
        float: right;
        padding: 0 10px;
        text-align: center
    }

.profiles {
    overflow: hidden
}

.profile {
    border: 1px solid #222;
    float: right;
    margin: 0 5px 5px 0;
    padding: 5px;
    width: 107px
}

.indexBox, .indexLowerText {
    margin: 50px auto;
    width: 670px
}

.indexLowerText {
    height: 30px
}

.indexBox {
    background-image: url(https://cdn.sex-ly.com/indexBox.jpg);
    height: 530px
}

.indexCams:active, .indexCams:link, .indexCams:visited, .indexLogin:active, .indexLogin:link, .indexLogin:visited {
    background-position: 0 0;
    display: block;
    float: right;
    height: 80px;
    margin-top: 450px
}

.indexLogin:active, .indexLogin:link, .indexLogin:visited {
    background-image: url(https://cdn.sex-ly.com/indexLogin.png);
    width: 330px
}

.indexCams:active, .indexCams:link, .indexCams:visited {
    background-image: url(https://cdn.sex-ly.com/indexCams.png);
    width: 340px
}

.indexCams:hover, .indexLogin:hover {
    background-position: 0 -80px
}
