@CHARSET "UTF-8";

#player-panel { float: left; width: 605px; }

#report-abuse-popup { width:408px; }

.bar { border-bottom: 1px solid #eaa725; height: 1px; clear: both; }
.description { overflow: hidden;}

.info-corner { border: 0px; width: 15px; height: 28px; position: relative; left: -12px; top: -50px; }
#user-profile .icons { float: right; padding: 0px 0px 0px 5px; }
#user-profile .icons img { padding: 0px 0px 5px 0px; }
#user-profile .video-nums { float: right; font-style: italic; }
#user-profile { padding: 5px 10px 5px 10px; }
#user-profile p { float: left; font-size: 12px; }
#user-profile h2 { padding: 0px; margin: 0px; font-size: 14px; color: #444444; }
#user-profile div.no-message { padding: 0px; margin: 0px; font-style: italic; font-size: 14px; color: #444444; }
#user-profile #description-display { overflow: hidden; }
#user-profile #description { width:225px; height: 84px; margin:0 0 5px; line-height:14px; overflow: hidden; }
#user-profile #description-buttons { margin: 0 0 10px; }

#tab-panel { margin: 10px 0 0 0; }

#more-recordings .left-infos { padding: 0px 0px; text-align: left; float: left; width: 50px; }
#more-recordings .right-infos { padding: 5px 5px 5px 10px; float: left; width:200px; }
#more-recordings .right-infos h2 { padding: 0px; font-size: 16px; }
#more-recordings .right-infos p { margin: 0px; font-size: 12px; }
#more-recordings .left-infos .profile-picture { padding: 5px; }
#more-recordings .left-infos .overlay-icon { position: absolute; top: 37px; left: 44px; opacity:0.95; filter:alpha(opacity=95); }
#more-recordings .separator { margin: 0px 0px 2px 0px; border-bottom: 1px solid #999999; height: 5px; }
#more-recordings h2 { padding: 5px 0px 5px 5px; margin: 0px; font-size: 14px; color: #444444; }
#more-recordings h2 a { color: #444444; }
#more-recordings .video { float: left; width: 134px; margin: 0px 2px 5px 3px; }
#more-recordings p { margin: 0px 0px 10px 5px; font-size: 12px; }
#more-recordings .video img { border: 1px solid gray; float: left; width: 120px; height: 80px; margin: 1px 1px; padding: 0px; }
#more-recordings .view-more { float: right; padding: 0px 5px 5px 0px; font-size: 12px; }

#player { height: 404px; width:577px; background-image: url('/img/recorder-background.png'); background-color: #515d71; color: white; padding: 5px; }
#player-content { padding: 5px 10px 5px 10px; }
#player-content .video-infos { text-align: right; padding: 5px 0px 0px 0px; font-size: 13px; }
#player-content .video-description { padding: 3px 0px; }

#video-player { width: 100%; height:403px; background-color: #515D71; text-align: center; vertical-align: middle; }
#noFlash {width:100%; height:375px; text-align: center; padding-top:160px;}

#report-inappropriate { float: right; padding: 5px 0px 0px 0px; }
#report-abuse-popup { }
#reportAbuseCaptchaCode { width: 250px; float: left; }
#reportAbuseCaptchaImg { float: right; position: relative; top: -8px; }

#send-report-abuse { width: 100px; float: right; }
#cancel-report-abuse { width: 100px; margin: 0px 20px 0px 0px; float: right; }

#share-tabs { position:relative; top:-9px; z-index:2; }
#share-tabs .lgreen-bottom { z-index: 2; }

#share-tab { padding: 5px; height:77px; font-size: 12px; }
#share-tab .line { padding: 3px 0px 1px 0px; }
#share-tab .line label { vertical-align: middle; }
#share-tab .share-icons { padding: 0px 0px 5px 0px; margin-top: 3px; }
#share-tab .share-item { width: 32px; height: 28px; display: block; float: left; }
#share-tab #copyLinkUrl { width: 200px; margin: 0px 10px 0px 20px; vertical-align:middle; }
#share-tab #copyEmbedCode { width: 200px; margin: 0px 10px 0px 5px; vertical-align:middle; }
#share-tab .left-side {float: left; width: 360px; margin: 6px 0 0 20px;}
#share-tab .right-side {float: right; margin: 12px 20px 0 0;}
#share-tab .first-row {margin-bottom: 10px;}

#re-tweet-tab { padding: 5px 5px 5px 5px; height:77px; font-size: 12px; }
#re-tweet-tab .left-side { float: left; width: 450px; }
#re-tweet-tab .right-side { float: right; }
#re-tweet-tab #retweetStatus { width: 445px; height: 28px; }
#re-tweet-tab #retweet-button { width: 90px; margin: 5px 5px 0px 5px; }
#re-tweet-tab #retweetStatusRemaining { float: right; font-style: italic; padding: 0px 0px 5px 0px; color: #333333; }
#re-tweet-tab .twitter-login { float: right; font-style: italic; padding: 5px 0px 0px 0px; color: #333333; }

#reply-tab { padding: 5px; height:77px; font-size: 12px; }
#reply-tab .left-side { float: left; width: 425px; }
#reply-tab .right-side { float: right; width: 125px; }
#reply-tab #replyStatus { width: 420px; height: 28px; }
#reply-tab #reply-button { margin: 5px 5px 0px 5px; }
#reply-tab #reply-screencast-button { margin: 6px 5px 5px 5px; }
#reply-tab #replyStatusRemaining { float: right; font-style: italic; padding: 0px 0px 5px 0px; color: #333333; }
#reply-tab .note { float: left; font-style: italic; padding: 0px 0px 5px 0px; color: #333333; }
#reply-tab .twitter-login { float: right; font-style: italic; padding: 5px 0px 0px 0px; color: #333333; }

#email-tab { padding: 5px; height:77px; font-size: 12px; }
#email-tab .left-side { float: left; width: 465px; }
#email-tab .right-side { float: right; }
#email-tab #shareEmailFrom { width: 150px; }
#email-tab #shareEmailTo { width: 150px; }
#email-tab #shareEmailNote { height:50px; width:279px; }
#email-tab #shareEmailSend { width: 60px; }
#email-tab .share-email-col { float: left; padding: 0px 5px; }
#email-tab label { margin: 3px 0px; }
#email-tab .spacer { height: 1px; }
#email-tab #send-email-button { width: 80px; margin: 10px 5px 5px 5px; }

#facebook-tab { padding: 5px; height:77px; font-size: 12px; }
#facebook-tab .left-side { float: left; width: 450px; }
#facebook-tab .right-side { float: right; }
#facebook-tab #facebook-status-text { width: 450px; height: 50px; }
#facebook-tab #facebook-button { width: 80px; margin: 10px 5px 5px 5px; }

#confirm-delete-popup { width: 500px; }
#confirm-delete-popup p { font-size: 13px; padding: 5px 5px 10px 5px; }
#confirm-delete-popup .button-gray { float: right; width: 100px; margin: 0px 0px 0px 15px; }

#private-warning-div {background: url(/img/dialog/private_no_bg.png); height: 34px; margin: 10px 0 0;}
#private-warning-div img {position: relative; top: 5px;}
#private-warning-div .private-warning {color: white; text-align: center; font-weight: bold; position: relative; top: 7px; margin: 0; padding: 0 0 0 2px;}
