body {
    font-family: Helvetica, Arial,sans-serif;
    font-size: 15px;
    background-color: #edecea;
    margin: 0px;
    padding: 0px;
}

#vtActionReturnMessage {
    color: #CC0000;
}

#vtMenuSlideInButton {
    left: 0px;
    font-size: 29px;
    padding: 4px 12px 7px 12px;
    border-right: 1px solid #000000;
}

#vtSearchSlideInButton {
    left: 50px;
    padding: 10px 12px 11px 12px;
    border-right: 1px solid #000000;
}

#vtLoginButton, #vtLogoutButton, #vtHome {
    right: 0px;
    padding: 10px 12px 11px 12px;
    border-left: 1px solid #000000;
}

#vtSlideMenuTopSpacer {
    display: none;
    height: 50px;
}

#vtSearchSlideInButton, #vtMenuSlideInButton, #vtLoginButton, #vtLogoutButton, #vtHome {
    position: absolute;
    top: 0px;
    font-weight: bold;
    display: none;
    cursor: pointer;
    z-index: 1;
}

#vtHome {
    position: absolute;
    top: 0px;
    right: 50px;
    font-weight: bold;
    display: none;
    cursor: pointer;
}

#vtSlideInMenu, #vtSlideInSearch {
    background-color: #c3c3c3;
}

#vtHeaderMainContainer {
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
}

#vtTopbannerContentContainer {
    margin: 0 auto;
    max-width: 1264px;
}

#vtBoxContainer {
    margin: 0 auto;
    max-width: 1264px;
    background-color: #fbfbfb;
}

#vtCurrentLocationContent {
    max-width: 1264px;
}

#vtInvoicesContainer {
    padding-top: 30px;
}

#vtContainer {
    max-width: 1264px;
}

#vtMainContent {
    width: calc(100% - 313px);
}

#vtMainContentNoSideMenu {
    width: 100%;
}

#vtMainContent, #vtMainContentNoSideMenu {
    float: left;
    overflow: hidden;
    background-color: #FFFFFF;
}

#vtVideos {
    width: 100%;
    overflow: hidden;
}

#vtVideosNoSideMenu {
    max-width: 1234px;
    overflow: hidden;
}

.vtChannelVideos {
    overflow: hidden;
    width: calc(100% + 15px);
}

.vtChannelVideosNoSideMenu {
    overflow: hidden;
    width: calc(100% + 15px);
}

.vtVideoData, .vtVideoDataNoSideMenu {
    margin-top: 15px;
    margin-right: 15px;
    background-color: #000000;
    position: relative;
}

#vtFooterContent {
    max-width: 1264px;
}

#vtTopbannerContent {
    margin-bottom: 8px;
    overflow: hidden;
}

#vtCurrentLocationContainer {
    width: 100%;
    background-color: #505050;
}

#vtCurrentLocationContent {
    margin: 0 auto;
    text-align: left;
    color: #ffffff;
    padding: 6px 0 7px 0;
    background-color: #505050;
}

#vtCurrentLocationContent ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 15px;
}

#vtCurrentLocationContent a {
    color: #ffffff;
}

#vtFooterContainer {
    width: 100%;
    background-color: #292929;
}

#vtFooterContent {
    margin: 0 auto;
    text-align: left;
    line-height: 18px;
    font-size: 16px;
    color: #ffffff;
}

#vtFooterContent a {
    color: #ffffff;
}

#vtContainer {
    overflow: hidden;
    min-height: 840px;
    background-color: #FFFFFF;
    margin: 0 auto;
}

#vtContent {
    overflow: hidden;
    text-align: left;
    margin: 15px;
    position: relative;
}

#vtLoginFormContainer {
    padding: 20px 0 30px 0;
}

#vtLoginFormAlreadyLoggedInContainer {
    padding: 10px;
    background-color: #c3c3c3;
}

#vtSearchForm {
    overflow: hidden;
}

#vtSearchFormInput {
    border: 1px solid #abb123;
    border-right: 0px;
    float: left;
}

#vtSearchFormInput input {
    width: 175px;
    border: 0px;
    padding: 6px 0px 5px 0px;
}

#vtSearchFormSubmit {
    border: 1px solid #abb123;
    border-left: 0px;
    float: left;
}

#vtSearchFormSubmit input[type=submit] {
    border: 0px;
    color: #ffffff;
    background-color: #505050;
    padding: 6px 10px 5px 10px;
}

#vtSearchFormSpacer {
    background-color: #c3c3c3;
    margin-right: 15px;
}

#vtSearchFormHeaderContainer {
    width: 298px;
    overflow: hidden;
    background-color: #505050;
}

#vtSearchFormHeader {
    padding: 6px 8px 5px 20px;
    color: #ffffff;
}

#vtSearchFormData {
    padding: 20px;
    border-bottom: 15px solid #FFFFFF;
}

#vtContentMenuSpacer {
    padding-bottom: 15px;
    background-color: #c3c3c3;
    margin-right: 15px;
    min-height: 300px;
}

#vtContentMenuHeaderContainer {
    width: 298px;
    overflow: hidden;
    background-color: #505050;
}

#vtContentMenuHeader {
    padding: 6px 8px 5px 20px;
    color: #ffffff;
}

#vtContentMenuChannels {
    width: 298px;
    overflow: hidden;
    background-color: #ffffff;
    background-color: #c3c3c3;
    margin-top: 10px;
}

#vtContentMenuChannels ul {
    font-size: 16px;
    line-height: 21px;
    list-style-type: none;
    margin: 0 0 0 0;
    padding-right: 20px;
}

.vtChannellistLevel1, .vtChannellistLevel2, .vtChannellistLevel3 {
    padding-left: 20px;
}

#vtContentMenuChannels ul li {
    padding: 5px 0;
}

#vtContentMenuChannels ul li table {
    border-spacing: 0;
    border-collapse: collapse;
}

.vtContentMenuChannelsListItemLink {
    color: #000000;
    text-decoration: none;
}

.vtContentMenuChannelsListItemLink:hover {
    color: #c96502;
    text-decoration: none;
}

.vtContentMenuChannelsListSelectedItemLink {
    color: #c96502;
    font-weight: bold;
    text-decoration: none;
}

#vtMainContentSpacer, #vtMainContentSpacerNoSideMenu {
    padding: 0px;
}

.vtPlayerContainer, .vtPlayerContainerNoSideMenu {
    padding-bottom: 15px;
}

.vtPlayer, .vtPlayerNoSideMenu {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.vtPlayerFrame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.vtChannelContent {
    overflow: hidden;
    padding-bottom: 8px;
}

.vtChannelImageContainer {
    width: 100px;
    height: 100px;
    position: relative;
    border: 1px solid #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    float: left;
}

.vtChannelImage {
    min-width:100%;
    min-height:100%;
    max-height:100px;
    flex-shrink:0;
}

.vtChannelData {
    overflow: hidden;
}

.vtChannelDataTitleContainer {
    float: left;
}

.vtChannelDataTitleHeader {
    margin: 0px;
}

.vtChannelDataNumberOfVideos {
    float: left;
    margin-top: 2px;
}

.vtVideoLink {
    border: 0;
}

.vtVideoThumb {
    width: 100%;
    height: 100%;
}

.vtVideoPlayIconContainer {
    position: absolute;
    top: 3px;
    left: 3px;
    overflow: hidden;
}

.vtVideoPlayIcon {
    width: 24px;
    height: 24px;
}

.vtVideoDurationContainer {
    position: absolute;
    top: 3px;
    right: 3px;
    overflow: hidden;
    background: rgba(0,0,0,0.75);
    text-align: right;
}

.vtVideoDuration {
    padding: 1px 2px 0px 2px;
    color: #ffffff;
}

.vtVideoTitleContainer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    max-height: 40px;
    overflow: hidden;
    background: rgba(0,0,0,0.75);
}

.vtVideoTitle {
    padding: 3px 3px 4px 3px;
    color: #ffffff;
}

.vtVideoDescriptionContainer {
    display: none;
}

h3 {
    font-size: 20px;
    line-height: 20px;
    margin: 0px;
}

#vtLoginFormContainer {
    margin: 0 auto;
    width: 650px;
    overflow: hidden;
}

#vtNormalLoginFormContainer {
    border: 1px solid #505050;
    border-radius: 4px;
    width: 300px;
    float: left;
}

#vtNormalLoginFormHeader {
    border-bottom: 1px solid #505050;
    padding: 10px;
    background-color: #c3c3c3;
}

#vtNormalLoginFormContent, #vtExternalLoginContent {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    min-height: 260px;
}

#vtNormalLoginFormContent, #vtExternalLoginContent {
    padding: 10px;
}

#vtExternalLoginContainer {
    border: 1px solid #505050;
    border-radius: 4px;
    width: 300px;
    float: right;
}

#vtExternalLoginHeader {
    border-bottom: 1px solid #505050;
    padding: 10px;
    background-color: #c3c3c3;
}

#vtNormalLoginFormUsernameText, #vtNormalLoginFormUsernameInput, #vtNormalLoginFormUsernameText, #vtNormalLoginFormPasswordInput, #vtNormalLoginFormSubmit {
    padding-top: 3px;
}

#vtNormalLoginFormSubmit {
    padding-top: 7px;
}

#vtNormalLoginFormSaveLoginContent {
    overflow: hidden;
    padding-top: 15px;
}

#vtNormalLoginFormSaveLogincheckbox {
    float: left;
}

#vtNormalLoginFormSaveLoginText {
    float: left;
}

#vtNormalLoginFormLostPassword {
    padding-top: 10px;
}

.vtNoVideosInChannel {
    text-align: center;
    margin-top: 20px;
    font-size: 26px;
}

.vtSelectedVideoDataContainer, .vtSelectedVideoDataContainerNoSideMenu {
    background-color: #FFFFFF;
    background-color: #c3c3c3;
}

.vtSelectedVideoDataContent, .vtSelectedVideoDataContentNoSideMenu {
    overflow: hidden;
    padding: 15px;
}

.vtSelectedVideoDataTitle, .vtSelectedVideoDataTitleNoSideMenu {
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000000;
}

.vtSelectedVideoDataDescription, .vtSelectedVideoDataDescriptionNoSideMenu {
    padding-top: 5px;
    color: #000000;
}

#vtContentMenuChannels ul.vtChannellistItemOpen {
    display: block;
}

#vtContentMenuChannels ul.vtChannellistItemClosed {
    display: none;
}

.vtToggleChannelListClose, .vtToggleChannelListOpen {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
}

#vtDownloadMediaFile, #vtChaptersShow, #vtCurrentChapterShow {
    display: none;
}

#vtCurrentChapterShow {
    overflow: hidden;
    padding-bottom: 15px;
}

.vtSelectedVideoDownloadBoxContainer, .vtSelectedVideoDownloadBoxContainerNoSideMenu {
    background-color: #c3c3c3;
    margin-top: 15px;
}

.vtSelectedVideoDownloadBoxContainer .vtSelectedVideoDownloadBoxContent, .vtSelectedVideoDownloadBoxContainerNoSideMenu .vtSelectedVideoDownloadBoxContent {
    overflow: hidden;
    padding: 15px;
}

.vtSelectedVideoDownloadBoxTitle {
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000000;
    margin-bottom: 6px;
}

#vtSelectedVideoPodcastSubscribeWrapper {
    background-color: #000000;
    float: left;
    margin-right: 2px;
}

#vtPodscastFeedSubscribeImage {
    background-color: #000000;
    float: left;
    width: 24px;
    padding: 4px;
    cursor: pointer;
}

#vtPodscastFeedSubscribeText {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding: 0px 8px 0px 5px;
    background-color: #000000;
    color: #ffffff;
    float: right;
    cursor: pointer;
}

#vtSelectedVideoEmbedWrapper {
    float: left;
    margin-right: 2px;
    background-color: #000000;
}

#vtEmbedPodcastIcon {
    background-color: #000000;
    padding: 4px;
    width: 34px;
    float: left;
    cursor: pointer;
}

#vtEmbedPodcastText {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding: 0px 5px 0px 4px;
    background-color: #000000;
    color: #ffffff;
    float: right;
    cursor: pointer;
}

.vtSelectedVideoCurrentChapterContainer, .vtSelectedVideoCurrentChapterContainerNoSideMenu {
    background-color: #c3c3c3;
    margin-top: 15px;
}

.vtSelectedVideoChaptersContainer, .vtSelectedVideoChaptersContainerNoSideMenu {
    background-color: #c3c3c3;
    margin-top: 15px;
}

.vtSelectedVideoChaptersContainer .vtSelectedVideoChaptersContent, .vtSelectedVideoChaptersContainerNoSideMenu .vtSelectedVideoChaptersContent {
    overflow: hidden;
    padding: 15px;
}

.vtSelectedVideoChaptersTitle {
    font-size: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000000;
    margin-bottom: 6px;
}

.vtSelectedVideoChapterTitle {
    margin-top: 10px;
}

.vtSelectedVideoChapterDescription {
    display: none;
}

#vtSelectedVideoIconsContainer {
    overflow: hidden;
}

#vtSelectedVideoIcons {
    float: right;
    padding-top: 8px;
}

#vtSelectedVideoRelatedUrl {
    padding-top: 8px;
    font-style: italic;
    text-align: right;
}

#vtSelectedVideoRelatedUrl a {
    color: #000000;
}

#vtDownloadMediaIcon, #vtEmbedIcon, #vtChaptersIcon {
    padding-left: 2px;
    cursor: pointer;
}

#vtCloseDownloadMediaFile {
    float: right;
    cursor: pointer;
}

#vtCloseChapters {
    float: right;
    cursor: pointer;
}

.vtSelectedVideoChapter {
    cursor: pointer;
}

.addthis_toolbox {
    float: left;
}

.vtVideoDataSpacer {
    float: left;
    width: calc(100% / 3);
    /*
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    */
}

.vtVideoDataSpacerNoSideMenu {
    float: left;
    width: calc(100% / 4);
}

#vtContentMenuContainer, #vtContentMenuContainerNoSideMenu {
    width: 313px;
    float: left;
    background-color: #ffffff;
    vertical-align: top;
}

#vtContentMenuContainerNoSideMenu {
    display: none;
}

#vtSettingsAndAccountHeader, #vtEditSettingsAndAccountHeader, #vtEditPasswordHeader, #vtRequestPasswordHeader, #vtPaymentHeaderText {
    margin-top: 30px;
}

#vtAccountHeader, #vtEditAccountHeader, #vtEditMyPasswordHeader, #vtRequestMyPasswordHeader {
    margin-top: 30px;
}

#vtAccountServiceContainer, #vtAccountMyUsernameContainer, #vtAccountMyNameContainer, #vtAccountMyEmailContainer, #vtAccountMyPasswordContainer, #vtEditAccountServiceContainer, #vtEditAccountFirstNameContainer, #vtEditAccountMiddleNameContainer, #vtEditAccountLastNameContainer, #vtEditAccountMyEmailContainer, #vtEditMyPasswordContainer, #vtEditMyPasswordRepeatContainer, #vtRequestMyPasswordContainer, #vtInvoicesListContainer, .vtInvoicesListContent {
    overflow: hidden;
    margin-bottom: 18px;
}

.vtInvoiceDescriptionLabel, .vtInvoiceAmountLabel, .vtInvoiceDateLabel {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
}

.vtInvoiceDescriptionLabel, .vtInvoiceDescription {
    float: left;
    width: 600px;
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vtInvoiceAmountLabel, .vtInvoiceAmount {
    float: left;
    padding-right: 20px;
    width: 100px;
}

.vtInvoiceDateLabel, .vtInvoiceDate {
    float: left;
    width: 100px;
}

#vtAccountServiceLabel, #vtAccountMyUsernameLabel, #vtAccountMyNameLabel, #vtAccountMyEmailLabel, #vtAccountMyPasswordLabel, #vtEditAccountServiceLabel, #vtEditAccountFirstNameLabel, #vtEditAccountMiddleNameLabel, #vtEditAccountLastNameLabel, #vtEditAccountMyEmailLabel, #vtRequestMyPasswordLabel {
    float: left;
    width: 150px;
}

#vtAccountServiceValue, #vtAccountMyUsernameValue, #vtAccountMyNameValue, #vtAccountMyEmailValue, #vtAccountMyPasswordValue, #vtEditAccountFirstNameValue, #vtEditAccountMiddleNameValue, #vtEditAccountLastNameValue, #vtEditAccountMyEmailValue, #vtEditMyPasswordLabel, #vtEditMyPasswordRepeatLabel, #vtEditMyPasswordValue, #vtEditMyPasswordRepeatValue, #vtRequestMyPasswordValue {
    float: left;
    width: 200px;
}

#vtAccountMyNameLink, #vtAccountMyEmailLink, #vtAccountMyPasswordLink {
    float: left;
    width: 150px;
}

#vtAccountMyUsernameDescribeText {
    float: left;
    width: 400px;
}

@media all and (max-width: 1279px){
    #vtMainContent {
        width: calc(100% - 281px);
    }

    .vtVideoDataSpacer {
        width: calc(100% / 3);
    }

    .vtVideoDataSpacerNoSideMenu {
        width: calc(100% / 4);
    }

    #vtContentMenuContainer {
        width: 281px;
    }

    #vtContentMenuChannels, #vtSearchFormHeaderContainer, #vtContentMenuHeaderContainer {
        width: 266px;
    }

    #vtSearchFormInput input {
        width: 173px;
    }

    #vtContentMenuChannels ul {
        font-size: 15px;
        line-height: 19px;
    }
}

@media all and (max-width: 899px){
    #vtMainContent {
        width: 100%;
    }

    .vtVideoDataSpacer, .vtVideoDataSpacerNoSideMenu {
        width: calc(100% / 3);
    }

    #vtContentMenuContainer {
        display: none;
    }

    #vtContentMenuChannels, #vtSearchFormHeaderContainer, #vtContentMenuHeaderContainer {
        width: 246px;
    }

    #vtSearchFormInput input {
        width: 153px;
    }

    #vtContentMenuChannels ul {
        font-size: 14px;
        line-height: 18px;
    }

    #vtSearchFormSpacer, #vtContentMenuSpacer {
        padding: 0px;
        margin: 0px;
        display: block;
    }

    #vtSearchFormData {
        border-bottom: 0px;
    }

    #vtCurrentLocationContainer {
        display: none;
    }

    .vtInvoiceDescriptionLabel, .vtInvoiceDescription {
        width: 300px;
    }

    .vtInvoiceAmountLabel, .vtInvoiceAmount {
        width: 80px;
    }

    #vtAccountSettings {
        padding: 0px 10px 10px 10px;
        box-sizing: border-box;
    }

}

@media all and (max-width: 580px){
    #vtMainContent {
        width: 100%;
    }

    .vtVideoDataSpacer, .vtVideoDataSpacerNoSideMenu {
        width: calc(100% / 2);
    }

    #vtContentMenuContainer {
        display: none;
    }

    #vtContentMenuChannels, #vtSearchFormHeaderContainer, #vtContentMenuHeaderContainer {
        width: 246px;
    }

    #vtSearchFormInput input {
        width: 153px;
    }

    #vtContentMenuChannels ul {
        font-size: 14px;
        line-height: 18px;
    }

    #vtSearchFormSpacer, #vtContentMenuSpacer {
        padding: 0px;
        margin: 0px;
        display: block;
    }

    #vtSearchFormData {
        border-bottom: 0px;
    }

    #vtCurrentLocationContainer {
        display: none;
    }

    .vtInvoiceDescriptionLabel, .vtInvoiceDescription {
        float: left;
        width: 120px;
    }

    .vtInvoiceAmountLabel, .vtInvoiceAmount {
        width: 80px;
    }
}