﻿*
{
    font-family: Arial;
    font-size: 10pt;
}
html
{
    background: #37393e url(../images/bg.jpg) left top no-repeat;
}
body
{
    overflow-y: scroll;
}
a
{
    color: #9CB4D2;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
.orange
{
    color: #FFFFFF;
}
.orange.livestreaming, .livestreaming
{
    color: Red;
}
.indicator
{
    position: fixed;
    background: White;
    border: 1px solid #ddd;
    left: 50%;
    z-index: 8;
    padding: 4px 8px;
    color: #19a6e2;
    display: none;
    opacity: 0.9;
}

.shadowTable
{
    position: absolute;
    margin: 30px 0 0 -500px;
    width: 982px;
    left: 50%;
    z-index: 1;
}
#Hello
{
    display:block;
    margin:5px;
    text-align:center;
}
.ltc, .rtc, .lbc, .rbc
{
    width: 9px;
    height: 9px;
}
.ltc
{
    background: url(/Files/images/ltc.png) no-repeat left top;
}
.rtc
{
    background: url(/Files/images/rtc.png) no-repeat left top;
}
.lbc
{
    background: url(/Files/images/lbc.png) no-repeat left top;
}
.rbc
{
    background: url(/Files/images/rbc.png) no-repeat left top;
}
.rb, .lb
{
    width: 9px;
}
.tb, .bb
{
    height: 9px;
}
.rb
{
    background: url(/Files/images/rb.png) repeat-y left top;
}
.lb
{
    background: url(/Files/images/lb.png) repeat-y left top;
}
.tb
{
    background: url(/Files/images/tb.png) repeat-x left top;
}
.bb
{
    background: url(/Files/images/bb.png) repeat-x left top;
}
.shadowTable .content
{
    background: #595c62;
    border: solid 1px #6a6d73;
    padding: 8px 10px;
}
.serviceLinks
{
    text-align: center;
    float: left;
    width: 100%;
    color: #9CB4D2;
    font-size: 9px;
    background: #35363b;
    padding: 5px 0;
    
}
.serviceLinks a
{
    color: #9CB4D2;
    text-decoration: none;
    margin: 3px;
}
.serviceLinks a:hover
{
    text-decoration: underline;
}
.wrapper
{
}
.logo
{
    width: 450px;
    height: 40px;
    background: url(/Files/images/logo.png) no-repeat 7px 0px;
    float: left;
    text-decoration: none;
    color: #F37D01;
    padding-top: 5px;
    cursor: pointer;
}

.logo .logotext
{
    text-decoration: none;
    width: 200px;
    display: block;
    text-align: center;
    margin-left: 250px;
}
.header
{
    height: 48px;
    width: 100%;
}
.authorization
{
    float: right;
    margin-right: 50px;
    margin-top: 0;
}
.authorization a.authLink
{
    margin: 10px 0 10px 10px;
    padding-left: 12px;
    background: url(/Files/images/arrow.png) left 2px no-repeat;
    color: #9cb4d2;
    text-decoration: none;
}
.searchBox
{
    float: left;
    margin-left: 20px;
    height: 23px;
    margin-top: 25px;
}
.searchBox .leftSearch
{
    padding-left: 18px;
    background: url(/Files/images/ls.png) left top no-repeat;
    height: 23px;
}
.searchBox .rightSearch
{
    padding-right: 18px;
    height: 23px;
    background: url(/Files/images/rs.png) right top no-repeat;
}
.searchBox .tbSearchInput
{
    font-weight: bold;
    border: none;
    color: #f37d01;
    height: 23px;
    width: 150px;
    outline: none;
    padding-top: 2px;
    background: transparent url(/Files/images/cs.png) right top repeat-x; 
    *margin-top:-1px;
}
.searchBox .SearchButtonBlock
{
    margin-left: 5px;
    float: left;
}
.searchBox .searchButton
{
    width: 27px;
}
.videoThumbWrapper
{
    float: left;
}
.userMenu
{
    float: left;
    height: 28px;
    margin-bottom: -1px;
    z-index: 0;
}
.userMenu #umContacts
{
    margin-left: 170px;
}
.userMenu #umMedia
{
    margin-left: 70px;
}
.currentTab
{
    border-bottom-color: #F3F3F3;
}
.userMenu ul li
{
    position: absolute;
    background: #26262B;
    border: 1px solid #6A6D73;
    padding: 5px 8px;
    margin-right: 10px;
    margin-bottom: -2px;
    z-index: 0;
}
.userMenu ul li a.current
{
    color: White;
    text-decoration: none;
}
.MyPageContent
{
    float: left;
}
.contentWrapper
{
    float: left;
    width: 100%;
}
.siWrapper, .suWrapper
{
    background: #2F3237;
    padding: 20px;
}

h3
{
    color: White;
    font-size: 16pt;
}
h3 *
{
    font-size: 16pt;
}
.siFields td
{
    padding: 7px;
}
.siFields .label
{
    color: #9CB4D2;
    font-size: 12pt;
}
.siFields .lblCheckbox input
{
    margin-right: 7px;
    padding-top: 5px;
}
.suWrapper .suggestion
{
    color: White;
    font-weight: bold;
}
.suWrapper .description
{
    color: #9CB4D2;
}
.suWrapper .description label
{
    padding-left: 5px;
}
.suWrapper .input
{
    margin: 5px 15px 5px 0;
}
.suWrapper ul li
{
    margin: 10px;
}
.suWrapper .agreementCheckbox
{
    height: 30px;
    width: 400px;
}

.sideButtons
{
    float: left;
    width: 270px;
}

.sideButtons a.sideButton
{
    width: 100%;
    display: block;
    margin: 0 10px 10px 10px;
    padding: 0px 5px 0px 60px;
    background-color: #ededed;
    border: solid 1px #ddd;
    height: 43px;
    padding-top: 7px;
    font-size: 20pt;
    font-weight: lighter;
}
.sideButtons a.sideButton:hover
{
    text-decoration: none;
    background-color: #dedede;
}

.sideButtons .sideButton
{
}
.sideButtons .sideButton a:hover
{
    text-decoration: none;
}
.sideButtons .home
{
    background: url(/Files/images/home.png) 12px 9px no-repeat;
}
.sideButtons .videos
{
    background: url(/Files/images/videos.png) 12px 9px no-repeat;
}
.sideButtons .people
{
    background: url(/Files/images/people.png) 12px 9px no-repeat;
}
.profile .firstBlock
{
}
.profile .firstBlock .avatar
{
    float: left;
}
.profile .secondBlock
{
}
.innerPageContent
{
    background-color: #ededed;
    border: solid 1px #ddd;
    padding: 15px;
    width: 560px;
    float: left;
}
.innerSideButtons
{
    float: left;
    width: 330px;
    margin: 0 0 10px 10px;
}
.innerSideButtons #Requests
{
}
#requestsTitle
{
    background: url(/Files/images/request.png) 8px 6px no-repeat;
    background-color: #ededed;
    border: solid 1px #ddd;
    height: 38px;
    padding-top: 7px;
    cursor: pointer;
}
#requestsTitle a
{
    font-size: 18pt;
    font-weight: lighter;
    padding-left: 50px;
}
#requestsTitle a span
{
    font-size: 18pt;
}
#requestsTitle a:hover
{
    text-decoration: none;
}
.reqCount
{
    float: right;
    margin-top: 5px;
    margin-right: 8px;
    color: Gray;
}
.request
{
    float: left;
    margin-bottom: 20px;
}

.requests
{
    float: left;
    margin: 10px;
    width: 310px;
    height: 150px;
    overflow-y: scroll;
}
.requestAva
{
    float: left;
    margin: 5px;
}

.requestInfo
{
    color: Gray;
    float: left;
    width: 200px;
}
.requestMessage
{
    margin: 15px 5px;
    color: #f37d01;
}
.requestControls a
{
    display: block;
    width: 120px;
    padding: 0px;
    margin: 4px;
    background: #19a6e2;
    color: White;
    text-decoration: none;
}
.requestControls a:hover
{
    background: #f37d01;
    color: White;
    text-decoration: none;
}
.leftArrow, .rightArrow
{
    float: left;
    width: 20px;
    height: 20px;
    margin: 50px 6px 0 6px;
}
.leftArrow
{
    background: url(/Files/images/blue_left.png) no-repeat left -20px;
}
.rightArrow
{
    background: url(/Files/images/blue_right.png) no-repeat left -20px;
}
.FriendsWrapper
{
    border: solid 1px #ddd;
    float: left;
    width: 510px;
    background: #FFF url(/Files/images/friends_orange.png) 20px 50px no-repeat;
    padding-left: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.GroupsWrapper
{
    border: solid 1px #ddd;
    float: left;
    width: 510px;
    background: #FFF url(/Files/images/albums_orange.png) 20px 50px no-repeat;
    padding-left: 40px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.GroupsWrapper h3, .FriendsWrapper h3
{
    font-size: 13pt;
    margin-left: -30px;
    margin-top: 10px;
}
.GroupsWrapper h3 a.plus
{
    margin-left: 10px;
    color: #f37d01;
    font-size: 12pt;
    padding-left: 20px;
    background: url(/Files/images/plus.png) no-repeat left 3px;
}
#gLenta
{
    float: left;
    width: 430px;
    overflow: hidden;
}

#gLenta .group
{
    background: #ededed;
    border: solid 1px #ddd;
    float: left;
    width: 116px;
    margin: 10px;
    padding: 4px;
}
#gLenta .group .groupAva
{
    height: 83px;
    width: 83px;
    border: solid 1px Gray;
    background: Silver;
    margin: 16px 16px 0 16px;
}
#gLenta .group a, #gLenta .group div
{
    display: block;
    text-align: center;
}
#fLenta
{
    float: left;
    width: 440px;
    overflow: hidden;
}
#fullLenta
{
    float: left;
    width: 1000px;
}
#fLenta .friend
{
    background: #ededed;
    border: solid 1px #ddd;
    float: left;
    width: 116px;
    margin: 10px;
    padding: 4px;
}

#fLenta .friend .friendAva a
{
    margin: 16px 16px 0 16px;
    height: 83px;
    width: 83px;
}
#fLenta .friend a
{
    text-align: center;
    display: block;
    height: 18px;
    overflow: hidden;
    margin: 3px;
    background: #19a6e2;
    color: White;
    text-decoration: none;
}

#fLenta .friend a:hover
{
    background: #f37d01;
    text-decoration: none;
}
#fLenta .friend a.friendLogin
{
    background: transparent;
    color: #19a6e2;
    font-size: 12pt;
    height: 22px;
    margin: 4px 0;
}
#fLenta .friend a.friendLogin:hover
{
    background: transparent;
    color: #f37d01;
    font-size: 12pt;
}
.notVisible
{
    opacity: 0;
    filter: alpha ( opacity = 0);
}
#blocker
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: Silver;
    opacity: 0.5;
    filter: alpha ( opacity = 50);
    z-index: 5;
    display: none;
}
.serviceInfo
{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 7;
    margin-left: -350px;
    margin-top: -300px;
    width: 700px;
    height: 600px;
    background: White url(/Files/images/ajax-loader.gif) center center no-repeat;
    border: solid 1px Silver;
    display: none;
}

.serviceInfo .theServiceInfo
{
    height: 560px;
    width: 700px;
    margin-top: 40px;
}
.serviceInfo .theServiceInfo iframe
{
    width: 700px;
    height: 560px;
    border: none;
}
#mediaBlocker
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: Silver;
    opacity: 0.5;
    filter: alpha ( opacity = 50);
    z-index: 5;
    display: none;
}
.modal
{
    z-index: 7;
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    background: White;
    border: solid 1px Silver;
    padding: 20px;
}
#addFriendDialog
{
    width: 500px;
    height: 250px;
    margin-left: -250px;
    margin-top: -200px;
}
#addFriendDialog #InvitationMessage
{
    width: 340px;
    height: 140px;
    padding: 5px;
}
#addFriendDialog .lbl
{
    color: #19a6e2;
    margin: 10px;
}
.buttons
{
    float: right;
    margin: 20px;
}
.buttons input
{
    margin: 5px;
}
.blueInput *
{
    height: 32px;
}
a.blueInput
{
    text-decoration: none;
}
.blueInput
{
    display: block;
    text-decoration: none;
    float: left;
    padding-left: 11px;
    color: White;
    font-weight: bold;
    cursor: pointer;
    margin: 5px;
    height: 32px;
}
.blueInput div div
{
    padding-top: 7px;
    padding-right: 0;
    height: 25px;
}
.blueInput div
{
    padding-right: 11px;
}
.blueInput
{
    background: url(/Files/images/input/ibl.png) left top no-repeat;
}
.blueInput div div
{
    background: url(/Files/images/input/ibc.png) right top repeat-x;
}
.blueInput div
{
    background: url(/Files/images/input/ibr.png) right top no-repeat;
}
.blueInputH
{
    background: url(/Files/images/input/ibl.png) left -32px no-repeat;
}
.blueInputH div div
{
    background: url(/Files/images/input/ibc.png) right -32px repeat-x;
}
.blueInputH div
{
    background: url(/Files/images/input/ibr.png) right -32px no-repeat;
}
.blueInputP
{
    background: url(/Files/images/input/ibl.png) left -64px no-repeat;
}
.blueInputP div div
{
    background: url(/Files/images/input/ibc.png) right -64px repeat-x;
}
.blueInputP div
{
    background: url(/Files/images/input/ibr.png) right -64px no-repeat;
}
.orangeInput *
{
    height: 24px;
}
.orangeInput
{
    float: left;
    padding-left: 17px;
    color: White;
    font-weight: bold;
    cursor: pointer;
    margin: 5px;
    height: 24px;
}
.orangeInput div div
{
    padding-top: 4px;
    padding-right: 0;
    height: 20px;
}
.orangeInput div
{
    padding-right: 17px;
}
.orangeInput
{
    background: url(/Files/images/input/iol.png) left top no-repeat;
}
.orangeInput div div
{
    background: url(/Files/images/input/ioc.png) right top repeat-x;
}
.orangeInput div
{
    background: url(/Files/images/input/ior.png) right top no-repeat;
}
.orangeInputH
{
    background: url(/Files/images/input/iol.png) left -24px no-repeat;
}
.orangeInputH div div
{
    background: url(/Files/images/input/ioc.png) right -24px repeat-x;
}
.orangeInputH div
{
    background: url(/Files/images/input/ior.png) right -24px no-repeat;
}
.orangeInputP
{
    background: url(/Files/images/input/iol.png) left -48px no-repeat;
}
.orangeInputP div div
{
    background: url(/Files/images/input/ioc.png) right -48px repeat-x;
}
.orangeInputP div
{
    background: url(/Files/images/input/ior.png) right -48px no-repeat;
}
/*main page*/
#Lenta
{
    clear: both;
    float: left;
    margin: 10px 0;
    background: #858e99 url(/Files/images/aav.png) 17px 10px no-repeat;
    height: 160px;
    padding-left: 40px;
    width: 921px;
}

#player
{
    float: left;
    width: 320px;
    height: 240px;
    background: #262626 url(/Files/images/image_splash.jpg) left top no-repeat;
}

#PlayerWrapper
{
    margin: 1px 10px 1px 1px;
    float: left;
    width: 320px;
    height: 264px;
}
#playerAndMenuWrapper
{
    margin-bottom: 0;
}
.wr
{
    float: left;
}
.PlayerAndUserWrapper
{
    float: left;
    height: 266px;
}
.PlayerAndUserWrapper table tr td
{
    vertical-align: top;
}

#FixedLentaWrapper
{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 805px;
    height: 200px;
    overflow: hidden;
    height: 140px;
}
#FixedLentaWrapper .allVideoWrapper
{
    float: left;
    height: 155px;
    width: 1608px;
}
#FixedLentaWrapper .allVideoWrapper .videoThumbWrapper
{
    padding: 5px;
    border: 1px solid #7f8893;
    background: White url(/Files/images/videoThumbWrapperBG.png) left top repeat-x;
    text-align: center;
    margin: 0 3px;
    width: 116px;
    color: #777;
    height: 127px;
}
#FixedLentaWrapper .allVideoWrapper .videoThumbWrapper *
{
    font-size: 8pt;
}

#FixedLentaWrapper .allVideoWrapper .videoThumbWrapper .date
{
    margin-top: 5px;
    color: #597eaa;
}
#FixedLentaWrapper .allVideoWrapper .videoThumbWrapper .name
{
    margin-top: 2px;
}
#FixedLentaWrapper .allVideoWrapper .videoThumbWrapper .img
{
    cursor: pointer;
    width: 116px;
    height: 79px;
    z-index: 1;
}
#FixedLentaWrapper .allVideoWrapper .videoThumbWrapper .channel1
{
    height: 38px;
    z-index: 100;
    background: url(/Files/images/live.png) right top no-repeat;
}
/*MyPage*/
.MyPageContent .leftSide
{
    float: left;
    width: 580px;
    border: 1px solid #6A6D73;
    padding: 10px;
    background: #26262B;
}
.MyPageContent .leftSide .media
{
    background:#595C62 none repeat scroll 0 0;
    border:1px solid #6A6D73;
    height: 500px;
    overflow-y: scroll;
}
.MyPageContent .leftSide .media .mediaLabel
{
    margin: 10px;
}
.MyPageContent .leftSide .media .mediaItem
{
    float: left;
    margin: 10px 15px;
    background:#dadbdf url(/Files/images/videoThumbWrapperBG.png) repeat-x scroll left top;
border:1px solid #6A6D73;
    width: 150px;
    height: 156px;
}
.MyPageContent .leftSide .media .mediaItem .viid
{
    height: 135px;
}
.MyPageContent .leftSide .media .mediaItem .vidAlbums
{
    background-color: White;
    margin: 10px 10px 4px 10px;
    height: 109px;
    padding: 3px;
    overflow: hidden;
    font-size: 7pt;
    color: Gray;
}
.MyPageContent .leftSide .media .mediaItem .vidAlbumsWrapper
{
    display: none;
}
.MyPageContent .leftSide .media .mediaItem .vidAlbums .albumsTable
{
    margin-top: 0;
}

.MyPageContent .leftSide .media .mediaItem .scrolldown
{
    color: #F37D01;
    font-size: 7pt;
    cursor: pointer;
    margin: 0 20px;
    background-color: White;
}

.MyPageContent .leftSide .media .mediaItem .vidAlbums .vidAlbumsTR
{
}
.MyPageContent .leftSide .media .mediaItem .vidAlbums .albumTitleForVideo
{
    width: 110px;
    font-size: 7pt;
    border: solid 1px #EEEEEE;
    border-right: none;
    padding: 3px 0;
    owerflow: hidden;
}
.MyPageContent .leftSide .media .mediaItem .vidAlbums .deleteButtonForVideo
{
    padding: 3px 3px 3px 0;
    width: 12px;
    border: solid 1px #EEEEEE;
    border-left: none;
}
.MyPageContent .leftSide .media .mediaItem *
{
    text-align: center;
    font-size: 9pt;
    margin: 2px 0;
}
.MyPageContent .leftSide .media .mediaItem .deleteMedia
{
}
.MyPageContent .leftSide .media .mediaItem .dateCreated
{
    margin: 3px 0 5px 0;
}
.MyPageContent .leftSide .media .mediaItem .dateCreated span
{
    color: Gray;
    font-size: 7pt;
    margin: 0;
}

.MyPageContent .leftSide .media .mediaItem .inputTitle
{
    width: 110px;
    margin: 0 3px 0 17px;
    border: solid 1px #3CA4DC;
    outline: none;
    padding: 0;
    font-size: 10pt;
    height: 15px;
}
.MyPageContent .leftSide .media .mediaItem .title
{
    height: 15px;
    margin: 0 3px 0 17px;
    border: solid 1px #E9E9E9;
    width: 110px;
    cursor: text;
    font-size: 10pt;
    overflow: hidden;
}
.empty
{
    padding: 5px 5px;
}
.inPageLink
{
    padding: 0 5px;
    
}
.inPageLink a
{
    border-bottom: dashed 1px Black;
    color: Black;
}
.inPageLink a:hover
{
    text-decoration: none;
    border-bottom-style: solid;
}
.mediaItemHead
{
    height: 16px;
    margin: 5px 0;
}
.mediaItemHead .tdl
{
    width: 100px;
}

.mediaItemHead .tdr
{
    width: 12px;
}
#videoToShare
{
    width: 150px;
}
#videoToShareThumb
{
    width: 116px;
    height: 79px;
    background-color: Gray;
    border: Black;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left top;
}
.MyPageContent .leftSide .media .mediaItem .mediaThumb
{
    width: 116px;
    height: 79px;
    background-color: Gray;
    border: Black;
    margin: auto;
    cursor: pointer;
}
.shareVideo
{
    position: absolute;
    left: 50%;
    top: 100px;
    width: 700px;
    height: 456px;
    margin-left: -350px;
    border: solid 1px Silver;
    background-color: White;
    z-index: 44;
    display: none;
}
.singleComment
{
    color: White;
    margin: 10px;
}
.singleComment *
{
    font-size: 10px;
    margin: 1px;
}
#commentsNavPrev, #commentsNavNext
{
    margin: 0 5px;
    font-size: 8pt;
}
.singleComment .TheComment
{
    color: Black;
}
.explanation
{
    font-size: 7pt;
    color: Gray;
    text-align: center;
}
.forSending
{
    padding: 10px;
    text-align: center;
    height: 136px;
    overflow-y: scroll;
}
.friendToSend
{
    font-size: 8pt;
    color: Gray;
    display: none;
}
.friendToSend input
{
}
.gray
{
    color: Gray;
}
#userAlbumsToShare
{
    width: 150px;
}
#noContactInAlbum
{
    color: Gray;
    font-size: 7pt;
    text-align: center;
    width: 390px;
    margin: 0;
}
.ContactSelector
{
    width: 540px;
    border: none;
    outline: none;
    margin: 0;
}
.ContactSelector option
{
    padding: 1px 0;
    font-size: 9pt;
    outline: none;
    text-align: center;
    margin: 0;
}

.otherContactsLink a
{
    font-size: 7pt;
    display: block;
    text-align: center;
    margin: 2px 2px;
    padding: 1px 0;
    border: solid 1px #eee;
}
.otherContactsLink a:hover
{
    border: solid 1px #ddd;
    text-decoration: none;
    background: url(/Files/images/tb.png) repeat-x left bottom;
}
.otherContactsLink a.selectedAlbum
{
    color: #F37D01;
}
.tableWithAlbumsToShare
{
    height: 126px;
    overflow: auto;
}
.tableWithAlbumsToShare a
{
    padding: 1px 0;
    display: block;
    text-align: center;
    margin: 2px 2px;
    border: solid 1px #eee;
}
.tableWithAlbumsToShare a.selectedAlbum
{
    color: #F37D01;
}
.white
{
    color: #fff;
}
.tableWithAlbumsToShare a:hover
{
    background: url(/Files/images/tb.png) repeat-x left bottom;
    border: solid 1px #ddd;
    text-decoration: none;
}
.shareVideo td
{
}
.playVideoInMedia
{
    width: 650px;
    height: 360px; /*     position: absolute;     left: 50%;     top: 200px;     margin-left: -325px;display: none;     */
    border: solid 1px Silver;
    z-index: 44;
}
.requirements
{
    font-size: 8pt;
    color: #888;
    margin-top: 4px;
    margin-left: 25px;
    text-align: center;
}
.close
{
    float: right;
    width: 60px;
    height: 25px;
    margin: 5px 0px 0 0;
    background: url(/Files/images/close.png) left top no-repeat;
    padding-left: 30px;
    color: #19A6E2;
    font-size: 12pt;
    cursor: pointer;
    padding-top: 5px;
}
.playVideoInMedia .playVideoTable
{
    width: 100%;
}
.playVideoInMedia .playVideoTable .playVideoLeftColumn
{
    width: 370px;
}
.playVideoInMedia .playVideoPlayerWrapper
{
    margin: 0 20px 10px 30px;
    width: 320px;
    height: 240px;
}

.userAvaInProfile
{
    height: 90px;
    padding-left: 100px;
    padding-top: 10px;
}
.leave
{
    font-size: 7pt;
    color: Gray;
}
.titleInLenta
{
    padding-bottom: 4px;
    overflow: hidden;
    height: 12px;
}
.leaveCommentTA
{
    padding: 3px;
    font-size: 7pt;
    color: Gray;
    width: 245px;
}
.leaveCommentButton
{
    margin-left: 60px;
}
.leaveComment
{
    width: 250px;
    margin-top: 10px;
}
#playVideoComments
{
    height: 130px;
    overflow-y: auto;
}
#playVideoComments.defaultPage
{
    height: 110px;
    width: 240px;
    overflow: hidden;
}
.playVideoInMedia .playVideoComments
{
    margin-top: 15px;
    margin-right: 15px;
    height: 175px;
    overflow-y: scroll;
    margin-bottom: 10px;
    width: 250px;
    overflow-x: hidden;
}
.comment
{
    font-size: 8pt;
    color: Silver;
    margin: 2px;
}
.commentAuthor
{
    color: #9CB4D2;
    padding-right: 5px;
    font-size: 7pt;
}
.MyPageContent .leftSide .contacts
{
       background:#595C62 none repeat scroll 0 0;
    border:1px solid #6A6D73;
    height: 500px;
    overflow-y: scroll;
}
.MyPageContent .leftSide .contacts .contactsLabel
{
    margin: 10px 0 0 10px;
}
.blue
{
    color: #9CB4D2;
}
.MyPageContent .leftSide .contacts .contact
{
    background:White url(/Files/images/videoThumbWrapperBG.png) repeat-x scroll left top;
    margin: 10px;
    padding: 10px;
    border:1px solid #6A6D73;
    cursor: pointer;
}
.MyPageContent .leftSide .contacts .albums
{
    color: Black;
}
.MyPageContent .leftSide .contacts .contact .contactName
{
    color: Black;
    padding-right: 10px;
}
.MyPageContent .leftSide .contacts .contact .contactEmail
{
    color: Black;
    font-weight: bold;
}
.MyPageContent .leftSide .contacts .contact .deleteUserFromAlbum
{
    padding-top: 2px;
}
.MyPageContent .leftSide .contacts .contact .albums
{
    margin-top: 5px;
    font-size: 8pt;
    display: none;
}
.MyPageContent .leftSide .contacts .contact .albums *
{
    font-size: 9pt;
}
.MyPageContent .leftSide .contacts .contact .albums span
{
    color: #777;
}
.MyPageContent .leftSide .contacts .contact .deleteContact
{
    margin-left: 4px;
}
.MyPageContent .rightSide
{
    float: left;
    width: 348px;
    height: 500px;
}
.MyPageContent .rightSide div
{
    overflow:hidden;
}
.MyPageContent .rightSide h2:hover
{
    background-color: #858E99;
}
.MyPageContent .rightSide h2
{
    margin: 0 10px 10px 10px;
    background-color: #9CB4D2;
    border: solid 0px #E9E9E9;
    color: White;
    font-size: 14pt;
    padding: 10px 50px;
    cursor: pointer;
    background-position: 20px 5px;
    background-repeat: no-repeat;
    width: 230px;
}
.mainPageMenu
{
    background: transparent url(/Files/images/img.png) no-repeat scroll -10px top;
    float: right;
    width: 350px;
    height: 266px;
    
}
.mainPageMenuRegistered
{
    background: #595C62 none repeat scroll 0 0;
    float: right;
    width: 340px;
    height: 266px;

}
.tdwr
{
    background: transparent url(/Files/images/gradient.png) repeat-x scroll left top;
    width: 966px;
}
.mainPageMenu .videoComments
{
    margin: 10px 10px 10px 20px;
    border: solid 1px Silver;
    height: 150px;
    width: 300px;
    overflow-x: hidden;
    display: none;
    overflow-y: auto;
}
.mainPageMenu h2
{
    margin: 0 0 10px 10px;
    width: 220px;
    height: 25px;
    
    padding: 10px 50px;
    background-position: 20px 5px;
    background-repeat: no-repeat;
}

#comments
{
    background: url('/Files/images/comments.png') repeat-x left bottom;
    color: #dadbdf;
    font-size: 17px;
    font-weight: bold;
     width: 220px;
}
#comments
{
   
}
#Albums
{
  
   
}
.SharedAlbums
{
    clear: both;
     font-size: 19pt;
   color: White;
   background-color: #9CB4D2;
   margin: 0 0 7px 5px;
   padding: 8px 9px;
}
.MyPageContent .rightSide #Contacts
{
    
}
.MyPageContent .rightSide #Profile
{

}
.MyPageContent .rightSide .rightSideContent
{
    margin: 10px;
    border: solid 1px #6A6D73;
    display: none;
}
#ContactsWrapper div
{
    margin: 20px;
}
#ContactsWrapper div a
{
    padding-left: 20px;
}
#aImportFromSystem
{
    background: url(/Files/images/e.png) left top no-repeat;
}
#aImportFromOutlook
{
    background: url(/Files/images/o.png) left top no-repeat;
}
#aImportManually
{
    background: url(/Files/images/h.png) left top no-repeat;
}

#AlbumsWrapper .album
{
    margin: 10px;
    padding: 10px 0 10px 15px;
    background:White url(/Files/images/videoThumbWrapperBG.png) repeat-x scroll left top;
    border:1px solid #6A6D73;
}
#AlbumsWrapper .album *
{
    font-size: 8pt;
}
.albumManage, .albuminfo
{
    margin: 3px 5px 5px 5px;
    height: 30px;
}
.albumManage a
{
    color: Black;
}
.albuminfo div span
{
    font-weight: bold;
}
#AlbumsWrapper .album table td
{
    padding: 1px 2px;
}
#AlbumsWrapper .album .aManageContacts
{
    padding-left: 15px;
    background: url(/Files/images/musers.png) left top no-repeat;
}
#AlbumsWrapper .album .aManageMedia
{
    padding-left: 15px;
    background: url(/Files/images/mmedia.png) left top no-repeat;
}
#AlbumsWrapper .album .aShareAlbum
{
    padding-left: 15px;
    background: url(/Files/images/share.png) 2px 2px no-repeat;
}
#AlbumsWrapper .album .aDeleteAlbum
{
    padding-left: 15px;
    background: url(/Files/images/bdelete.png) left top no-repeat;
}
.shareWith, .dateAlbumCreated, .countOfVideos
{
    color: Gray;
    font-size: 8pt;
}
#AlbumsWrapper
{
    height: 250px;
    overflow: auto;
}
.droppable-hover
{
    border: solid 1px green;
    background-color: Aqua;
}
#createAlbumDialog
{
    display: none;
    margin: 9px 0 0 10px;
}
#aCreateAlbum
{
    background: url(/Files/images/create.png) left top no-repeat;
    padding-left: 20px;
    margin: 17px 20px 15px 20px;
    display: block;
}
.import
{
    display: none;
}
#PlayerLinks
{
    margin: 20px 0;
}

a.InappropriateLink
{
    color: #d9dbde;
    float: right;
    margin: 0 20px;
}
#forgotDiv
{
    width: 400px;
    background: ;
    border: solid 1px Black;
    display: none;
    color: Gray;
}
#forgotDiv div
{
    margin: 10px;
    font-size: 8pt;
}
#fields
{
    width: 520px;
    background: transparent;
}
#fields .someError
{
    padding: 1px 5px 0 0;
    font-size: 7pt;
    float: left;
    width: 150px;
    text-align: center;
}
.checkbox
{
    margin-right: 4px;
    float:left;
}
.contact4import
{
    margin: 5px;
    text-align: left;
    height: 22px;
}
.contact4import input
{
    margin: 1px;
    color: #666;
}
.contact4import .deleteContact4Import
{
}
.aAddContact4InputFields
{
    display: block;
    margin-bottom: 8px;
}
.ImportContactsManuallyHead
{
    color: Black;
}
.ImportContactsManuallyHead.Email
{
    margin-left: 175px;
    padding-left: 5px;
}
.ImportContactsManuallyHead.Name
{
    margin-left: 120px;
}
.wrongEmail
{
    color: Red;
}
.leftLentaArrow, .rightLentaArrow
{
    width: 35px;
    height: 35px;
    float: left;
    margin: 10px;
    margin-top: 65px;
    cursor: pointer;
}
.contactToImportWrapperEmail
{
}
.contactToImportWrapperName
{
}
.leftLentaArrow
{
    background: url(/Files/images/orange_left.png) left top no-repeat;
}
.rightLentaArrow
{
    background: url(/Files/images/orange_right.png) left top no-repeat;
}
.notActiveLentaArrow
{
    background-position: left top;
    cursor: default;
}
.registerOrLoginToComment
{
    text-align: center;
    color: Gray;
    font-weight: bold;
}
.currentAlbum
{
    border: solid 1px Black;
}
.actual
{
    background-position: 20px -30px;
}
.ratingTable
{
    margin-bottom: 10px;
}
.ratingTable tr td
{
    width: 13px;
    height: 13px;
    background: url(/Files/images/stars.png) left -13px no-repeat;
}
.smallText
{
    color: White;
    font-size: 8pt;
    display: block;
    margin-left: 30px;
}
#CommentsWrapper
{
    display: none;
    margin-right: 40px;
}
a.commentDelete
{
    font-size: 7pt;
    margin: 3px 6px;
    color: Red;
    text-decoration: none;
}
a.commentDelete:hover
{
    text-decoration: underline;
}
#sharedAlbums
{
    margin-left: 5px;
    overflow-y: auto;
    height: 214px;
    background-color: #858E99;
    color: Black;
}
.singleSharedAlbum
{
    color: Black;
    font-size: 8pt;
    margin: 10px;
}
.videoTime
{
    display: none;
}
.ispublic1
{
    height: 11px;
    background: url(/Files/images/public_flag.gif) right top no-repeat;
}
.ispublic0
{
    display: none;
}
.isAdult1
{
    opacity: 0.7;
    height: 80px;
    background: url(/Files/images/flagged.png) left bottom no-repeat;
}
.isAdult0
{
    height: 80px;
}
#commentBlueButton
{
    margin-left: 80px;
}
.commentsBG
{
    
}
.liveBG
{
    background-image: url(/Files/images/lchat2.png) !important;
}
.MyPageContent .leftSide .media .mediaItem .size
{
    color: Gray;
    font-size: 7pt !important;
}
.trafficLeft
{
    color: Gray;
    text-align: center;
    font-size: 8pt;
}
/*--------------------F-A-Q-----------------------------*/
.faq
{
    margin: 10px 30px 30px 30px;
}
.faq h1
{
    color: White;
    text-shadow: 0px -1px #303136;
    font-size: 18pt;
    text-align: left;
    margin-left: 10pt;
}
#expandAll
{
    text-align: right;
    border-bottom: dotted 1px #3CA4DC;
    margin-left: 500px;
    cursor: pointer;
}
.faq .QnA
{
    margin-top: 15px;
}
.faq .QnA .question
{
}
.faq .QnA .question h4 span
{
    margin-top: 10px;
    color: #9CB4D2;
    font-size: 12pt;
    border-bottom: dotted 1px #9CB4D2;
    padding: 1px;
    cursor: pointer;
}
.faq .QnA .answer
{
    color: White;
    margin-left: 30px;
    line-height: 13pt;
    display: none;
}
.additionalInfo
{
    width: 490px;
    background: #595C62 none repeat scroll 0 0;
    color: Black;
    margin: 0 0 10px 50px;
    border: solid 1px silver;
    height: 350px;
    overflow:hidden;
}
.additionalInfo p
{
    margin: 10px;
    color: White;
    font-size: 12pt;
}
.contact4sharing span
{
    display: none;
}
.contact4sharing span label
{
    font-size: 7pt;
    color: Gray;
    margin-left: -3px;
}
.contactsForSharing
{
    float: left;
    margin: 20px;
    height: 300px;
    width: 500px;
    overflow-y: auto;
}
.contactsForSharing table thead tr *
{
    font-size: 10px;
    line-height: 14px;
    color: #3CA4DC;
    padding: 3px;
    background-color: #eee;
    text-align: center;
}
.contactsForSharing table thead tr td.contactsth
{
    width: 300px;
}
.contactsForSharing table tbody tr td
{
    border-bottom: 1px silver dotted;
}
.contactsForSharing table tbody tr td.right
{
    text-align: center;
}
.contactsForSharing table tbody tr td .contactN
{
    display: block;
}
.contactsForSharing table tbody tr td label.notifyText
{
    font-size: 7pt;
}
.rightSide div h2.sideH
{
    margin: 0 10px 10px;
    width: 230px;
}

/*Downloads*/
.downloads
{
    margin: 10px 0;
}
.downloads h1
{
    cursor: default;
    font-size: 18pt;
    color: White;
    text-shadow: 0 -1px #35363B;
    font-weight: normal;
    margin: 10px 0 0 20px;
}
.downloads table
{
    margin: 10px;
}
.downloads table td
{
}
.msg
{
color:  rgb(156, 180, 210);
}