@CHARSET "UTF-8";

.description { overflow: hidden;}

.last-videos-panel { padding: 0px 10px 10px 10px; }
.last-videos-panel .description { overflow: hidden; }
.last-videos img { border: 1px solid gray; float: left; width: 144px; height: 95px; margin: 1px 1px;  }
.last-videos .video { float: left; width: 158px; margin: 0px 2px 0px 3px; }
.last-videos .left-arrow { float: left; margin: 40px 0px 0px 0px; width: 48px; height: 34px; background-image: url('/img/left-active-arrow.png'); background-repeat:no-repeat; }
.last-videos .right-arrow { float: left; margin: 40px 0px 0px 0px; width: 48px; height: 34px; background-image: url('/img/right-active-arrow.png'); background-repeat:no-repeat; }
.last-videos .videos-flow { float: left; }
.last-videos .hidden-arrow { float: left; margin: 40px 0px 0px 0px; width: 48px; height: 34px; }

#apiObject { position: fixed; top: 1px; left: 1px; height: 1px; width: 1px; }

#video-recorder .record-audio { margin: 0px 0px 15px 0px; }
#video-recorder .record-audio label { font-weight: normal }

#description { margin:56px 0 0; color: #5d5d5d; }
#description p { padding: 26px 0px 3px 0px; font-size: 16px; }
#description h1 { padding:0px 0px 22px 0px; font-size: 26px; font-weight: normal; }
#description h6 { padding: 0px 0px 0px 0px; font-size: 11px; font-weight: normal; }

.recent-recordings { padding: 0 0px 5px 15px; color: #444444; font-size: 18px; font-weight: normal; }

#recorder-panel { padding: 5px 10px; }
#recorder { padding: 2px 7px 5px 7px; }

.private-checkbox { float: right; padding: 5px 0 0; }
.private-checkbox #private-label { position: relative; vertical-align: middle; font-size: 12px; }

#description { margin: 45px 0px 10px 0px; }
#description p { padding: 0px 0px 18px 0px; }

#tab-panel { margin: 10px 0 0 0; }

#share-tabs { position:relative; top:-9px; z-index:2; }
#share-tabs .lgreen-bottom { z-index: 2; }
#tabs-error { position: absolute; z-index: 1; width: 550px; left: 15px; top: -2px; display: none; }

#share-tab { padding: 5px; height:77px; font-size: 12px; }
#share-tab .left-side { float: left; width: 465px; }
#share-tab .right-side { float: right; }
#share-tab img { padding: 3px; }
#share-tab #upload-share-button { width: 80px; margin: 10px 5px 5px 5px; float: right;}
#share-tab label { margin: 3px 0px; }
#share-tab #upload-description { width: 450px; height: 50px; }
#share-tab .share-upload-col { float: left; padding: 0px 5px; width:155px;}
#share-tab .share-description-col { float: left; padding: 0px 5px; }

#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 { width: 279px; height: 50px; }
#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 #shareEmailDefError { width: 80px; height: 42px; }
#email-tab #send-email-button { width: 80px; margin: 10px 5px 5px 5px; }

#tweet-tab { padding: 5px 5px 5px 5px; height:77px; font-size: 12px; }
#tweet-tab .left-side { float: left; width: 450px; }
#tweet-tab .right-side { float: right; }
#tweet-tab #tweetStatus { width: 445px; height: 28px; }
#tweet-tab #tweet-button { width: 90px; margin: 5px 5px 0px 5px; }
#tweet-tab #tweetStatusRemaining { float: right; font-style: italic; padding: 0px 0px 5px 0px; color: #333333; }
#tweet-tab .twitter-login { float: right; font-style: italic; padding: 5px 0px 0px 0px; color: #333333; }
#tweet-tab .error { font-size: 12px; }

#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-description { width: 450px; height: 50px; }
#facebook-tab #facebook-button { width: 80px; margin: 10px 5px 5px 5px; }

#video-recorder { height: 404px; width: 577px; background-image: url('/img/recorder-background.png'); background-color: #515d71; color: white; padding: 5px; }
#video-recorder a { color: white; font-size: 15px; font-weight: bold; }
#video-recorder h2 { color: white; font-size: 32px; font-weight: bold; }
#video-recorder p { color: white; font-size: 15px; font-weight: bold; }

#video-recorder #loading { text-align: center; }
#video-recorder #loading h2 { padding: 120px 0px 20px 0px; }
#video-recorder #loading img { padding: 0px 0px 20px 0px; }
#video-recorder #loading .troubleshoot-link { text-decoration: underline; }

#video-recorder #countdown { text-align: center; padding: 40px 0px 0px 0px; }
#video-recorder #countdown .cancel-button { text-decoration: none; padding: 10px 0px 0px 0px; }
#video-recorder #countdown .cancel-text { font-size: 15px; padding: 10px 0px 0px 0px; font-weight: bold; }
#video-recorder #countdown .countdown-text { padding: 0px 0px 0px 0px;  }
#video-recorder #countdown .important { padding: 30px 0px 0px 0px; }
#video-recorder #countdown #countdown-number { font-size: 68px; height: 68px; font-weight: bold; }

#api { width: 215; height: 140; z-index:5; position: absolute; margin-left:135px; margin-top:75px; }

#video-recorder #recording { text-align: center; }
#video-recorder #recording .remain-text { padding: 10px 0px 0px 0px; }
#video-recorder #recording .recording-text { padding: 70px 0px 0px 0px; color: #ff5d5d; }
#video-recorder #recording .stop-button { text-decoration: none; padding: 25px 0px 0px 0px; }
#video-recorder #recording .stop-text { padding: 1px 0px 0px 0px; }
#video-recorder #recording .important { padding:5px 0px 0px 0px; margin: 0px auto; }
#video-recorder #recording #remain-time { font-size: 68px; height: 68px; font-weight: bold; color: #ff5d5d; }

#video-recorder #start { text-align: center; }
#video-recorder #start .on-your-screen { padding: 75px 0px 0px 0px; }
#video-recorder #start .record-button { padding: 10px 0px 0px 0px; }
#video-recorder #start #audio-panel { width: 220px; margin: 10px auto 0px auto; font-weight: bold; height: 33px; line-height: 36px; }
#video-recorder #start #audio-panel select { width: 180px; }
#video-recorder #start .info { padding: 15px 0px 0px 0px; }

#video-recorder #opera-error h2 { padding: 130px 0px 20px 0px; font-size: 25px; text-align: center; }
#video-recorder #opera-error p { margin: 0 auto; padding: 10px 0px 20px 0px; font-size: 20px; width: 400px; }

#video-recorder #certificate-error p { padding: 175px 0px 0px 0px; font-size: 18px; text-align: center; font-weight: bold; }
#video-recorder #requirements-warning p { padding: 5px 0px 0px 0px; font-size: 14px; text-align: center; font-weight: normal; font-style: italic; }
#video-recorder #requirements-warning a { color: white; text-decoration: underline; padding: 5px 0px 0px 0px; font-size: 14px; text-align: center; font-weight: normal; font-style: italic; }


#video-recorder #uploading { text-align: center; }
#video-recorder #uploading .uploading-text { padding: 120px 0px 0px 0px; font-size: 32px; font-weight: bold; }
#video-recorder #uploading #uploadPercentage { padding: 0px 0px 20px 0px; font-size: 32px; font-weight: bold; }
#video-recorder #uploading img { padding: 0px 0px 20px 0px; font-size: 32px; font-weight: bold; }