.info-header.large { position: relative; margin-bottom: 10px; margin-bottom: 5px; }
.info-header.large h1.with-artwork { margin-left: 110px; }
.info-header.large h2 { margin: -4px 0 4px 0; font-size: 16px; line-height: 1.2em; color: #666666; }
.info-header.large h2 .uploaded-via { font-size: 16px; }
.info-header.large h2 .uploaded-via a { color: #666666; }
.info-header.large h2 .uploaded-via a:hover { color: #ff6600; }
.info-header.large h2 a { font-size: 16px; }
.info-header.large h2 strong { font-weight: normal; color: #333333; }
.info-header.large .meta-data { position: absolute; bottom: 0; right: 0; }
.info-header.large .meta-data .key-bpm { text-align: right; font-size: 15px; padding: 7px 0 2px 0; zoom: 1; }
.info-header.large .meta-data .key-bpm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.info-header.large .meta-data .key-bpm span { text-transform: capitalize; float: right; margin: 0 0 0 4px; }
.info-header.large .meta-data .key-bpm span.bpm, .info-header.large .meta-data .key-bpm span.key { color: #777777; margin: 0 0 0 8px; }
.info-header.large .meta-data .key-bpm .bpm-value { cursor: pointer; display: block; text-align: center; -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; }
.info-header.large .meta-data .key-bpm .bpm-value:hover { background-color: #fffdde; }
.info-header.large .meta-data .key-bpm .bpm-value.active { width: 45px; margin: -1px -1px -1px 3px; border: 1px solid white; }
.info-header.large .meta-data .key-bpm .bpm-value.active input { margin-top: 2px; padding: 1px 0 !important; text-align: center; }
.info-header.large .meta-data .key-bpm .bpm-value-show { text-align: center; }
.info-header.large .meta-data .key-bpm .bpm-tapper { cursor: pointer; display: none; margin: 1px 0 0 3px; }
.info-header.large .artwork { outline: 0; display: block; width: 100px; height: 100px; text-indent: -9999px; margin: 0 10px 5px 0; float: left; }

#tracks .tag-list, #playlists .tag-list { margin-bottom: 10px; }
#tracks .tag-list a, #playlists .tag-list a { margin: 3px 0 0 0px; font-size: 10px; line-height: 12px; padding: 1px 6px 1px 6px !important; color: #333333; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; text-transform: capitalize; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; background: #eeeeee; }
#tracks .tag-list a:hover, #playlists .tag-list a:hover { background-color: #ff6600; color: white; }
#tracks .info-body .description, #playlists .info-body .description { margin-bottom: 8px; }
#tracks .info-body .description p, #tracks .info-body .description textarea, #playlists .info-body .description p, #playlists .info-body .description textarea { font-size: 12px; line-height: 1.5em; margin-bottom: 7px; }

.track-comments { padding: 10px 0px 10px 0px; background: #f0f6fb; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; }
.track-comments #comments-list-headers, .track-comments .new-comment-form { padding: 0 10px; }
.track-comments #comments-list li.comment { border-color: white; background-image: url(/images/dashboard_bg_hover.png?unicorn30); padding-left: 10px; }
.track-comments #comments-list li.comment.track-owner, .track-comments #comments-list li.comment.track-owner:hover { background-color: #fff5ef; background-image: url(/images/dashboard_bg_orange.png?unicorn30); border-color: white; }

.edit-music #info-fields .width_2_3 { width: 422px; margin-right: 10px !important; }
.edit-music #info-fields .width_2_3.last { margin-right: 0px !important; }
.edit-music #info-fields .width_1_6 { width: 15%; margin-right: 2%; }
.edit-music #info-fields .width_1_6.last { margin-right: 0px !important; }
.edit-music #info-fields .width_1_3 { width: 206px; margin-right: 10px; }
.edit-music #info-fields .width_1_3 select { margin-right: 0px !important; }
.edit-music #info-fields .width_1_3 .width_1_2 { width: 98px; margin-right: 10px; }
.edit-music #info-fields .width_1_3 .width_1_2.last { width: 99px; margin-right: 0px !important; }
.edit-music #info-fields .width_1_3.last { width: 208px; margin-right: 0px !important; }
.edit-music #info-fields .sets-date.date-field { width: 380px; float: left; margin-right: 5px; }
.edit-music #main-content { margin-bottom: 10px; }
.edit-music #main-content .editable { border: 0; height: auto; }

body#playlists #track-genre .single-entry { width: 200px; }

body#playlists .auto-suggest .single-entry { width: 634px; margin-bottom: 4px; padding-bottom: 1px; }

.tracks-small .view-all { margin-top: 0; }

.info-body { padding: 0 0 0 0; margin: 0 0 30px 0; }
.info-body .released-by { margin-bottom: 10px; }
.info-body .video-button { margin: 0 0 10px 0; }
.info-body .editable { height: auto; border: 0; }

body.shared_to .info-header.large, body.invites .info-header.large { margin-bottom: 10px; min-height: 10px; }

#explore h1 { position: relative; }
#explore h1 span.sep-path { display: inline; font-size: 28px; color: #cccccc; }
#explore h1 span, #explore h1 form { display: inline; }
#explore h1 input { display: inline; width: 340px; font-size: 21px; background: white; border-color: #e3e3e3; }
#explore ul.suggestions { margin-top: 33px; }
#explore .explore-search input { float: left; margin-top: 0; }
#explore .explore-search input.text { width: 160px; }
#explore .explore-search input.default { width: 68px; font-size: 13px; }

.explore-options { position: relative; }
.explore-options .cc-checkbox { white-space: nowrap; position: absolute; width: 192px; right: 0; top: 6px; }
.explore-options .cc-checkbox label, .explore-options .cc-checkbox input { padding: 0px 0 0 0; float: none; display: inline; }
.explore-options .cc-checkbox input { margin-right: 2px; }

.recently-active { max-height: 505px; overflow: hidden; }

body#tracks #main-content #no-timestamp-comment-form, body#tracks #main-content .track-info, body#tracks #main-content .track-description-header, body#tracks #main-content .track-code-for-sharing, body#tracks #main-content h1 form, body#tracks #main-content .track-description-meta { zoom: 1; }
body#tracks #main-content #no-timestamp-comment-form:after, body#tracks #main-content .track-info:after, body#tracks #main-content .track-description-header:after, body#tracks #main-content .track-code-for-sharing:after, body#tracks #main-content h1 form:after, body#tracks #main-content .track-description-meta:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#main-content #tracks { zoom: 1; }
#main-content #tracks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#track-description-value { overflow: auto; }

body#users.dropbox .sharing-note { border-top: 1px #eeeeee solid; border-bottom: 1px #eeeeee solid; margin: 20px 0px; padding: 15px 0px; }
body#users.dropbox .sharing-note h3 { font-size: 18px; margin: 0 0 0.1em; }
body#users.dropbox .sharing-note h3 .inline-help { background-position: 0px -5px; }
body#users.dropbox .sharing-note h3 .inline-help:hover { background-position: -26px -5px; }
body#users.dropbox .sharing-note p { color: #777777; margin: 0 0 0.5em; }
body#users.dropbox .sharing-note textarea, .sharing-note-private textarea body#users.dropbox .sharing-note { height: 45px; }

.track-upload-error { padding: 15px 0px; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; display: block; background-color: #ffefe5; text-align: center; }
.track-upload-error span { width: 100%; display: block; padding-bottom: 7px; }
.track-upload-error .link-button { float: none; display: inline; }

#upload #recaptcha_widget_div { margin-bottom: 0.5em; }

body#tracks.new #reorder #upload-btn, body#dropbox.new #reorder #upload-btn, body.dropbox #reorder #upload-btn { height: auto; }
body#tracks.new #reorder.disabled a, body#dropbox.new #reorder.disabled a, body.dropbox #reorder.disabled a { display: none; }
body#tracks.new #private-to-public span.achtung, body#dropbox.new #private-to-public span.achtung, body.dropbox #private-to-public span.achtung { color: #ff6600; }

.record-container { margin-top: 10px; margin-bottom: 20px; }
.record-container .big-upload-btn { margin: 20px auto 10px; }
.record-container #upload-form-file { width: 304px; margin: 0 auto; zoom: 1; }
.record-container #upload-form-file:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#secondary-content .record-container #upload-form-file { margin: 30px auto 0; }
.record-container #upload-form-file .select-existing { clear: both; text-align: right; margin: 0 11px 0 0; position: relative; top: -5px; }
.record-container #upload-form-file .select-existing a { margin-top: 0px; }
.record-container #upload-btn { margin-left: 15px; line-height: 54px !important; height: 54px !important; -moz-border-radius: 2em; -webkit-border-radius: 2em; -o-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; }
.record-container #upload-btn, .record-container span.or { float: left; margin-top: 0; line-height: 56px; }
.record-container span.or { font-size: 21px; color: #666666; padding: 0 0 0 15px; }
.record-container #record-btn { margin-top: -2px; float: left; display: block; text-indent: -9999px; border: 0; color: white; width: 60px; height: 60px; background: url(/images/rec_button_small.png?unicorn30); }
.record-container #record-btn span.rec { display: block; width: 100%; height: 100%; background: url(/images/rec_button_small.png?unicorn30); background-position: 0 -60px; opacity: 0; }
.record-container .show-upload { display: none; }
.record-container .show-upload a { line-height: 22px; color: #777777; font-size: 11px; }
.record-container .show-upload a:hover { color: #ff6600 !important; }

body.record-disabled #upload-form-file { width: 200px !important; margin: 0 auto; }

.announcement.unconfirmed { padding-top: 28px; padding-bottom: 28px; padding-right: 48px; padding-left: 48px; width: 500px; line-height: 16px; }
.announcement.unconfirmed h1 { color: #333333; }
.announcement.unconfirmed h4 { font-size: 15px; }
.announcement.unconfirmed h5, .announcement.unconfirmed a.resend-email-button.action-button.tiny { font-size: 12px; }
.announcement.unconfirmed span#welcome-record-button, .announcement.unconfirmed span#welcome-upload-button, .announcement.unconfirmed span#confirm-email-premium { display: inline-block; width: 112px; height: 96px; margin-top: 16px; margin-bottom: 16px; margin-left: 8px; margin-right: 8px; }
.announcement.unconfirmed span#welcome-record-button { background-image: url(/images/welcome_record.png?unicorn30); background-position: -32px 0px; }
.announcement.unconfirmed span#welcome-upload-button { background-image: url(/images/welcome_upload.png?unicorn30); background-position: -32px 0px; }
.announcement.unconfirmed span#confirm-email-premium { width: 229px; height: 68px; background-image: url(/images/pro/confirm_email_premium.png?unicorn30); background-position: 0px 0px; }

.edit-music h2 { border-bottom: 1px #cccccc solid; margin-bottom: 15px; }
.edit-music .replace-track { background: #f0f6fb; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; padding: 5px 5px 7px 10px; margin: 0px 0 30px 0; }
.edit-music .replace-track #upload-progress-info { margin-top: 30px; }
.edit-music #license { margin-top: 17px; }

.share-distribute h2 { margin-bottom: 6px; border-bottom: 1px #cccccc solid; }

#upload-progress-info, .sets-progress-wrapper { position: relative; max-width: 640px; height: 20px; display: none; padding-top: 10px; }
#upload-progress-info .upload-amount-wrapper, #upload-progress-info .transcode-progress-header, .sets-progress-wrapper .upload-amount-wrapper, .sets-progress-wrapper .transcode-progress-header { width: 50%; float: left; position: relative; }
#upload-progress-info .upload-amount-wrapper .upload-progress-amount, #upload-progress-info .transcode-progress-header .upload-progress-amount, .sets-progress-wrapper .upload-amount-wrapper .upload-progress-amount, .sets-progress-wrapper .transcode-progress-header .upload-progress-amount { font-weight: 500; }

.transcode-display-processing .upload-progress.big { height: 26px; margin: 0px auto 30px auto; display: none; position: relative; max-width: 640px; }
.transcode-display-processing .upload-progress.big .upload-progress-bar, .transcode-display-processing .upload-progress.big .transcode-progress-bar { position: relative; width: 50%; float: left; background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #5c5c5c; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5c5c5c), color-stop(0.5, #747474), color-stop(1, #5c5c5c)) repeat-x, #5c5c5c; background: -moz-linear-gradient(center top, #5c5c5c 0%, #747474 50%, #5c5c5c 100%) repeat scroll 0 -2px #5c5c5c; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; }
.transcode-display-processing .upload-progress.big .upload-progress-bar span, .transcode-display-processing .upload-progress.big .transcode-progress-bar span { position: absolute; height: 26px; width: 100%; top: 0px; left: 0px; background-image: url(/images/progress-corner.png?unicorn30); background-position: top left; }
.transcode-display-processing .upload-progress.big .transcode-progress-bar { border-left: 1px solid white; margin-left: -1px; }
.transcode-display-processing .upload-progress.big .transcode-progress-bar span { background-image: url(/images/progress-corner.png?unicorn30); background-position: top right; }
.transcode-display-processing .upload-progress.big .transcode-progress-bar.loading { -moz-background-size: inherit; -webkit-background-size: inherit; }
.transcode-display-processing .time-notice { display: none; }
.transcode-display-processing .upload-progress-bar-inner { height: 26px; width: 0%; background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #3399ff; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3399ff), color-stop(0.5, #74b9ff), color-stop(1, #3399ff)) repeat-x, #3399ff; background: -moz-linear-gradient(center top, #3399ff 0%, #74b9ff 50%, #3399ff 100%) repeat scroll 0 -2px #3399ff; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; }
.transcode-display-processing .transcode-progress-bar-inner { height: 26px; width: 0%; background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #f86604; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f86604), color-stop(0.5, #ff8736), color-stop(1, #f86604)) repeat-x, #f86604; background: -moz-linear-gradient(center top, #f86604 0%, #ff8736 50%, #f86604 100%) repeat scroll 0 -2px #f86604; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; }

.transcode-display-processing.waiting-uploading .transcode-progress-header, li.uploading.waiting-uploading .transcode-progress-header { color: #777777; }
.transcode-display-processing.waiting-uploading .title-waiting, .transcode-display-processing.waiting-uploading .upload-progress-amount, li.uploading.waiting-uploading .title-waiting, li.uploading.waiting-uploading .upload-progress-amount { display: inline; }
.transcode-display-processing.waiting-uploading .title-transcoding, .transcode-display-processing.waiting-uploading .title-finished, .transcode-display-processing.waiting-uploading .title-preparing, .transcode-display-processing.waiting-uploading .upload-progress-finished, .transcode-display-processing.waiting-uploading .time-notice, li.uploading.waiting-uploading .title-transcoding, li.uploading.waiting-uploading .title-finished, li.uploading.waiting-uploading .title-preparing, li.uploading.waiting-uploading .upload-progress-finished, li.uploading.waiting-uploading .time-notice { display: none; }
.transcode-display-processing.preparing .title-preparing, .transcode-display-processing.preparing .upload-progress-finished, .transcode-display-processing.finished .title-preparing, .transcode-display-processing.finished .upload-progress-finished, li.uploading.preparing .title-preparing, li.uploading.preparing .upload-progress-finished, li.uploading.finished .title-preparing, li.uploading.finished .upload-progress-finished { display: inline; }
.transcode-display-processing.preparing .title-transcoding, .transcode-display-processing.preparing .title-finished, .transcode-display-processing.preparing .title-waiting, .transcode-display-processing.preparing .upload-progress-amount, .transcode-display-processing.preparing .time-notice, .transcode-display-processing.finished .title-transcoding, .transcode-display-processing.finished .title-finished, .transcode-display-processing.finished .title-waiting, .transcode-display-processing.finished .upload-progress-amount, .transcode-display-processing.finished .time-notice, li.uploading.preparing .title-transcoding, li.uploading.preparing .title-finished, li.uploading.preparing .title-waiting, li.uploading.preparing .upload-progress-amount, li.uploading.preparing .time-notice, li.uploading.finished .title-transcoding, li.uploading.finished .title-finished, li.uploading.finished .title-waiting, li.uploading.finished .upload-progress-amount, li.uploading.finished .time-notice { display: none; }
.transcode-display-processing.transcoding .title-transcoding, .transcode-display-processing.transcoding .upload-progress-finished, .transcode-display-processing.transcoding .time-notice, li.uploading.transcoding .title-transcoding, li.uploading.transcoding .upload-progress-finished, li.uploading.transcoding .time-notice { display: inline; }
.transcode-display-processing.transcoding .title-transcoding, li.uploading.transcoding .title-transcoding { border-right: 1px #cccccc solid; padding-right: 5px; margin-right: 2px; }
.transcode-display-processing.transcoding .title-preparing, .transcode-display-processing.transcoding .title-finished, .transcode-display-processing.transcoding .title-waiting, .transcode-display-processing.transcoding .upload-progress-amount, li.uploading.transcoding .title-preparing, li.uploading.transcoding .title-finished, li.uploading.transcoding .title-waiting, li.uploading.transcoding .upload-progress-amount { display: none; }
.transcode-display-processing.transcoding-finished .title-finished, .transcode-display-processing.transcoding-finished .upload-progress-finished, li.uploading.transcoding-finished .title-finished, li.uploading.transcoding-finished .upload-progress-finished { display: inline; }
.transcode-display-processing.transcoding-finished .title-transcoding, .transcode-display-processing.transcoding-finished .title-preparing, .transcode-display-processing.transcoding-finished .title-waiting, .transcode-display-processing.transcoding-finished .upload-progress-amount, .transcode-display-processing.transcoding-finished .time-notice, li.uploading.transcoding-finished .title-transcoding, li.uploading.transcoding-finished .title-preparing, li.uploading.transcoding-finished .title-waiting, li.uploading.transcoding-finished .upload-progress-amount, li.uploading.transcoding-finished .time-notice { display: none; }

.upload-choose-files { display: block; padding-bottom: 10px; }

.upload-save-msg { display: none; }

.upload-save-msg.uploading { display: block; }

#upload-form-file-container { text-align: center; }
#upload-form-file-container .intro { font-size: 15px; }

#track-asset-data-wrapper { margin: 0 0 28px 0; text-align: left; }
#track-asset-data-wrapper .upload-group { background: url(/images/stripes_light_light.png?unicorn30); padding: 10px 10px 10px 10px; }
#track-asset-data-wrapper ol.upload { margin: 0 0 7px 0; }
#track-asset-data-wrapper ol.upload li { border: 1px #cccccc solid; padding: 7px; background-color: white; margin: 0 0 7px 0; -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; position: relative; }
#track-asset-data-wrapper ol.upload li input { margin: 0; font-size: 13px; background: white; border: 0; }
#track-asset-data-wrapper ol.upload li span.remove-set { position: absolute; right: 10px; top: 13px; background-image: url(/images/elements.png?unicorn30); background-position: -111px -263px; display: block; text-indent: -9999px; width: 13px; height: 13px; }
#track-asset-data-wrapper ol.upload li span.remove-set.hidden { display: none; }
#track-asset-data-wrapper ol.upload li span.remove-set:hover { background-position: -129px -263px; }
#track-asset-data-wrapper ol.upload li span.loading { display: block; width: 602px; padding: 8px; margin: -7px; background-color: #e3e3e3; background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e3e3e3)) repeat-x, #e3e3e3; background: -moz-linear-gradient(90deg, #e3e3e3, white) repeat-x scroll 0 0 #e3e3e3; background: -o-linear-gradient(white, #e3e3e3) #e3e3e3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e3e3e3'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e3e3e3')"; zoom: 1; -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; }
#track-asset-data-wrapper ol.upload li #track-asset-data { background: transparent; border: 0; }
#track-asset-data-wrapper a.add-file { padding: 2px 7px 1px 7px !important; }

#upload-information { margin-top: 0px; }

.storage-status { font-size: 11px; color: #777777; width: 300px; margin: 10px auto 20px auto; }
body.record .storage-status { display: none; }
.storage-status .total { border: 1px #cccccc solid; display: block; height: 7px; width: 298px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 3px; background-color: #eeeeee; }
.storage-status .total .used { background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0 -28px; background-color: #0066cc; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0066cc), color-stop(0.5, #0064c8), color-stop(1, #0066cc)) repeat-x, #0066cc; background: -moz-linear-gradient(center top, #0066cc 0%, #0064c8 50%, #0066cc 100%) repeat scroll 0 -1px #0066cc; -moz-background-size: 100% 9px; -webkit-background-size: 100% 9px; }
.storage-status .total .used.critical { background-color: #ed5e00; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ed5e00), color-stop(0.5, #ff6600), color-stop(1, #ed5e00)) repeat-x, #ed5e00; background: -moz-linear-gradient(center top, #ed5e00 0%, #ff6600 50%, #ed5e00 100%) repeat scroll 0 -1px #ed5e00; -moz-background-size: 100% 9px; -webkit-background-size: 100% 9px; }
.storage-status .total .used.very-critical { background-color: #ed2f00; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ed2f00), color-stop(0.5, #fb3200), color-stop(1, #ed2f00)) repeat-x, #ed2f00; background: -moz-linear-gradient(center top, #ed2f00 0%, #fb3200 50%, #ed2f00 100%) repeat scroll 0 -1px #ed2f00; -moz-background-size: 100% 9px; -webkit-background-size: 100% 9px; }
.storage-status .total .used { display: block; width: 90%; height: 7px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; }
.storage-status .status { display: block; text-align: center; font-size: 10px; margin-top: 7px; }
.storage-status .status .icon-button { padding: 1px 7px 0 !important; }

p.guidelines { text-align: center; margin-top: 0px; padding: 0 0px 0 0px; font-size: 11px; }
p.guidelines.files { color: #666666; }
body.record p.guidelines.files { display: none; }
body.uploading p.guidelines { display: none; }

.basic-upload .restrictions { margin: -7px 21px 35px 21px !important; }

body.distribute .upload-progress { display: block !important; }
body.distribute .upload-progress-bar-inner { width: 100% !important; }

form .auto-submit { display: none; }
form.submitted .auto-submit { display: block; }
form.submitted .basic-info, form.submitted #settings, form.submitted .content-item, form.submitted .distribute-fieldset, form.submitted h2 { display: none; }

#tracks.new h1, #tracks.new .upload-save-msg, #tracks.distribute h1, #tracks.distribute .upload-save-msg, #upload h1, #upload .upload-save-msg { text-align: center; margin-bottom: 0px; }
#tracks.new .upload-group, #tracks.distribute .upload-group, #upload .upload-group { margin-bottom: 14px; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; }

#tracks.distribute #upload-progress-info, #tracks.distribute .upload-progress { display: block; }
#tracks.distribute #upload-save-reminder { text-align: center; }

.basic-info .artwork-description .description { width: 527px; min-height: 142px; margin-right: 0; }
.basic-info .width_1_3 { width: 206px; margin-right: 10px; }
.basic-info .width_1_3.last { margin-right: 0; }
.basic-info input.date-field { width: 170px; float: left; margin-right: 5px; }
.basic-info .date-picker-button { height: 23px; width: 31px; cursor: pointer; background-image: url(/images/elements.png?unicorn30); background-position: -317px -307px; display: block; float: left; text-indent: -9999px; }

h4.widgetsettingsheader { margin-bottom: 10px; }

ul.widgetsettings { margin: 0 0 20px; }
ul.widgetsettings li div { cursor: pointer; height: 20px; margin: 7px 0 0; padding: 2px 6px 0; width: 99%; line-height: 14px; font-size: 12px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
ul.widgetsettings li div:hover, ul.widgetsettings li div.selected { background-color: #888888; }
ul.widgetsettings li div:hover label, ul.widgetsettings li div.selected label { color: white !important; }

ul.access-settings { margin: 3px 0 20px 0; }
ul.access-settings li { width: 206px; margin-right: 10px; float: left; user-select: none; -khtml-user-select: none; -moz-user-select: none; }
ul.access-settings li.last { margin-right: 0; }
ul.access-settings li .api_streamable .inline-help { display: inline; }
ul.access-settings li .big-checkbox { height: 73px; background-color: white; background: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f8f8f8)) repeat-x, white; background: -moz-linear-gradient(90deg, #f8f8f8, white) repeat-x scroll 0 0 white; background: -o-linear-gradient(white, #f8f8f8) white; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f8f8f8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f8f8f8')"; zoom: 1; border: 1px #d9d9d9 solid; width: 204px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
ul.access-settings li .big-checkbox:hover { background-color: #f8f8f8; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(white)) repeat-x, #f8f8f8; background: -moz-linear-gradient(90deg, white, #f8f8f8) repeat-x scroll 0 0 #f8f8f8; background: -o-linear-gradient(#f8f8f8, white) #f8f8f8; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='white'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='white')"; zoom: 1; cursor: pointer; }
ul.access-settings li .big-checkbox.disabled .checkbox-active { display: none; }
ul.access-settings li .big-checkbox.disabled .checkbox-inactive { display: block; }
ul.access-settings li .big-checkbox .checkbox-inactive { display: none; }
ul.access-settings li .big-checkbox .access-setting { display: none; }
ul.access-settings li .big-checkbox .edit { line-height: 18px; padding-left: 17px; background-image: url(/images/icons_mini.png?unicorn30); background-repeat: no-repeat; background-position: -80px -79px; color: #333333; }
ul.access-settings li .big-checkbox .edit:hover { color: #0066cc; background-position: -80px -99px; }
ul.access-settings li .big-checkbox h3 { padding: 10px 0 0 75px; font-size: 14px; height: 62px; line-height: 1.3em; margin: 0; background-image: url(/images/elements_share.png?unicorn30); background-repeat: no-repeat; background-position: 15px 14px; }
ul.access-settings li .big-checkbox h3 span { display: block; margin-top: 2px; font-size: 11px; }
ul.access-settings li .big-checkbox h3 span.hidden { display: none; }
ul.access-settings li .big-checkbox .tracks-status .status-show div { display: none; }
ul.access-settings li .big-checkbox .tracks-status .status-show .all { display: block; }
ul.access-settings li .big-checkbox .tracks-status .status-revert { display: none; }
ul.access-settings li .big-checkbox.indeterminate .tracks-status .status-show div { display: none; }
ul.access-settings li .big-checkbox.indeterminate .tracks-status .status-show .some { display: block; }
ul.access-settings li .big-checkbox.disabled .tracks-status .status-show div { display: none; }
ul.access-settings li .big-checkbox.disabled .tracks-status .status-show .none { display: block; }
ul.access-settings li .big-checkbox.revert .tracks-status .status-show { display: none; }
ul.access-settings li .big-checkbox.revert .tracks-status .status-revert { display: block; overflow: auto; }
ul.access-settings li .big-checkbox.revert .tracks-status .status-revert a { float: right; }
ul.access-settings li .big-checkbox .status-show .all, ul.access-settings li .big-checkbox .status-show .none { color: #777777; }
ul.access-settings li .big-checkbox.disabled { background: #fcfcfc; }
ul.access-settings li .big-checkbox.disabled h3 { background-image: url(/images/elements_share.png?unicorn30); background-repeat: no-repeat; background-position: 15px -133px; }
ul.access-settings li .big-checkbox.disabled h3 .edit { color: #777777 !important; background-position: -80px -1350px; }
form.playable-set ul.access-settings li { height: 100px; }
form.playable-set ul.access-settings li .big-checkbox { -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-top-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; }
form.playable-set ul.access-settings li .big-checkbox .tracks-status { display: block; width: 184px; font-size: 11px; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; border: 1px #d9d9d9 solid; border-top: 0; padding: 3px 10px; margin: 1px -1px; }
form.playable-set ul.access-settings li .big-checkbox.disabled { border: 1px #e5e5e5 solid; }

form.apps-enabled i.apps { display: inline; }
form.apps-enabled i.feeds, form.apps-enabled i.apps-feeds { display: none; }
form.feeds-enabled i.feeds { display: inline; }
form.feeds-enabled i.apps, form.feeds-enabled i.apps-feeds { display: none; }
form.apps-enabled.feeds-enabled i.apps-feeds { display: inline; }
form.apps-enabled.feeds-enabled i.feeds, form.apps-enabled.feeds-enabled i.apps { display: none; }
form .big-checkbox.api-streamable { position: relative; }
form .big-checkbox.api-streamable i { font-style: normal; }
form .big-checkbox.api-streamable .inline-help { display: inline; }
form .big-checkbox.streamable { position: relative; }
form .big-checkbox.streamable .inline-help { display: inline; right: -3px; top: 7px; position: absolute; }
.ie8 form .big-checkbox.streamable .inline-help, .ie7 form .big-checkbox.streamable .inline-help { right: 0px; }

.widget_settings_wrapper, .api_podcast_settings_wrapper { padding: 15px; }
.widget_settings_wrapper .podcast_settings_list, .api_podcast_settings_wrapper .podcast_settings_list { padding-top: 5px; }
.widget_settings_wrapper .podcast_settings_list li, .api_podcast_settings_wrapper .podcast_settings_list li { color: #777777; padding-bottom: 12px; }
.widget_settings_wrapper .podcast_settings_list li input, .widget_settings_wrapper .podcast_settings_list li label, .api_podcast_settings_wrapper .podcast_settings_list li input, .api_podcast_settings_wrapper .podcast_settings_list li label { display: inline; }
.widget_settings_wrapper .podcast_settings_list li input, .api_podcast_settings_wrapper .podcast_settings_list li input { margin-right: 7px; }
.widget_settings_wrapper .podcast_settings_list li label, .api_podcast_settings_wrapper .podcast_settings_list li label { border-right: 1px #cccccc solid; padding-right: 4px; color: #111111; }

#widget-settings-dialog { width: 550px; height: 205px; }

#api-podcast-settings-dialog { width: 550px; height: 240px; }

#form-distribute h2 { display: none; }

ul#chosen-sharing-network-list { float: left; }

ul#chosen-sharing-network-list, ul#inactive-sharing-network-list { display: inline; }
ul#chosen-sharing-network-list li, ul#inactive-sharing-network-list li { padding: 3px 5px 2px 0px; display: inline-block; margin-right: 2px; white-space: nowrap; height: 15px; background-image: url(/images/share_icons.png?unicorn30); background-repeat: no-repeat; }
ul#chosen-sharing-network-list li label, ul#inactive-sharing-network-list li label { display: inline-block; min-width: 1px; line-height: 15px; height: 10px; padding-left: 21px; }
ul#chosen-sharing-network-list li input, ul#inactive-sharing-network-list li input { display: inline; }
ul#chosen-sharing-network-list li.inactive a, ul#inactive-sharing-network-list li.inactive a { color: #666666; }
ul#chosen-sharing-network-list li.inactive a:hover, ul#inactive-sharing-network-list li.inactive a:hover { color: #ff6600; }
ul#chosen-sharing-network-list li.tumblr, ul#inactive-sharing-network-list li.tumblr { background-position: 17px -458px; }
ul#chosen-sharing-network-list li.tumblr.inactive, ul#inactive-sharing-network-list li.tumblr.inactive { background-position: -485px -315px; color: #ff6600; }
ul#chosen-sharing-network-list li.twitter, ul#inactive-sharing-network-list li.twitter { background-position: 17px -39px; }
ul#chosen-sharing-network-list li.twitter.inactive, ul#inactive-sharing-network-list li.twitter.inactive { background-position: -484px -38px; }
ul#chosen-sharing-network-list li.facebook, ul#inactive-sharing-network-list li.facebook { background-position: 17px -18px; }
ul#chosen-sharing-network-list li.facebook.inactive, ul#inactive-sharing-network-list li.facebook.inactive { background-position: -484px -18px; }
ul#chosen-sharing-network-list li.myspace, ul#inactive-sharing-network-list li.myspace { background-position: 17px 2px; }
ul#chosen-sharing-network-list li.myspace.inactive, ul#inactive-sharing-network-list li.myspace.inactive { background-position: -484px 2px; }

span.spinner { display: block; text-indent: -9999px; width: 20px; height: 20px; }
span.spinner.loading { background-color: white !important; background-image: url(/images/spinner.gif?unicorn30) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }

.form-buttons.main { padding-top: 14px; }

.upload-copyright-notice { padding-top: 35px; border-top: 1px solid #eeeeee; }

.share-distribute { padding-top: 10px; border-top: 1px solid #eeeeee; margin-bottom: 20px !important; }
.share-distribute fieldset { margin-bottom: 15px; }
.playable-private .share-distribute, .private-sharing .share-distribute { display: none; }
.private-sharing.adds-sharings .share-distribute { display: block; }
.share-distribute .sharing-help { margin-top: 10px; }
.share-distribute .sharing-help .inline-help { margin: 0px 0px 0px 1px; }
.share-distribute .sharing-help .sharing-change-users { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 180px; display: inline-block; }
.share-distribute .sharing-help h2 { border-bottom: none; width: 100%; display: block !important; color: #333333; }
.share-distribute .share-item { margin-bottom: 4px; }
.share-distribute .share-item p { line-height: 1.4em; }
.share-distribute .share-item .char-counter { font-style: normal; float: right; color: #777777; padding-right: 2px; }
.share-distribute .share-item .share-item-note { clear: left; padding: 5px 0 0 0; color: #666666; }
.share-distribute .share-item .share-item-note .note { color: #ff6600; text-transform: uppercase; }
.share-distribute .share-item .share-item-note a { border-left: 1px #cccccc solid; padding: 0 0 0 5px; margin: 0 0 0 0; }
.share-distribute .sharing-note h3 { font-size: 18px; }
.share-distribute .sharing-note h3 .inline-help { background-position: 0 -7px; }
.share-distribute .sharing-note h3 .inline-help:hover { background-position: -26px -7px; }
.share-distribute .sharing-note p { color: #777777; margin-bottom: 7px; }
.share-distribute .sharing-note textarea { height: 60px; font-size: 14px; line-height: 19px; }
.share-distribute .sharing-note .sharing-note-public { padding-bottom: 10px; }
.share-distribute .sharing-note .sharing-note-public em { margin-top: -20px; }
.adds-sharings .share-distribute .sharing-note .sharing-note-private { margin-top: 0px; }
.adds-sharings .share-distribute .sharing-note .sharing-note-private .char-counter { padding-bottom: 5px; margin-top: -21px; }
.share-distribute .sharing-note .sharing-note-private textarea { height: 45px; overflow: auto; }
.share-distribute .sharing-url label.grab-url { font-size: 16px; display: inline; float: left; }
.share-distribute .sharing-url input.url { margin: 0px 10px 0 5px; width: 388px; font-size: 10px; padding: 5px 0px 4px 3px; float: left; }
.share-distribute .sharing-url .checkbox { position: relative; margin-top: 2px; width: 130px; float: left; }
.share-distribute .sharing-url .checkbox span.spinner { position: absolute; right: 10px; top: 0; }
.playable-public .share-distribute .sharing-url .private-url { display: none; }
.playable-private .share-distribute .sharing-url .public-url { display: none; }
.share-distribute .sharing-url .secret-link-enabled-note { display: none; }
.share-distribute .sharing-url .secret-link-disabled-note { display: block; }
form.secret-link-enabled .share-distribute .sharing-url .secret-link-enabled-note { display: block; }
form.secret-link-enabled .share-distribute .sharing-url .secret-link-disabled-note { display: none; }
.share-distribute #widget-settings { display: none; }
.share-distribute .widget-code { margin-bottom: 30px; display: none; }
.streaming-enabled .share-distribute .widget-code { display: block; }
.share-distribute .widget-code .embed-code { width: 489px; margin-right: 10px; float: left; font-size: 10px; padding: 5px 0px 4px 3px; float: left; }
.playable-private .share-distribute .widget-code .public-embed { display: none; }
.playable-public .share-distribute .widget-code .private-embed { display: none; }
.share-distribute .widget-code .widget-code-note { clear: left; }
.share-distribute .streaming-enabled-note { display: none; }
.share-distribute .embedding-restricted-note { display: none; margin-right: 5px; }
form.streaming-enabled.embedding-restricted .share-distribute .streaming-enabled-note { display: block; }
form.streaming-enabled.embedding-restricted .share-distribute .embedding-restricted-note { display: inline; }

#more-privacy-toggler { margin-bottom: 10px; }

#info-fields-toggler { margin: 16px 0px 10px 0px; width: 100%; }

.secondary-track-info { margin-top: 15px; }

#recorder-flash { position: absolute; display: block; z-index: 810; width: 280px; height: 180px; }

#upload-form-file-container #upload-form-file { display: block; width: 304px; margin: 0 auto; }
#upload-form-file-container .show-upload { display: none; }

body.record #upload-form-file-container #upload-form-file { display: none; }
body.record #upload-form-file-container .show-upload { display: block; }
body.record #upload-form-file-container #upload-information { display: none; }

#recorder-wrapper { width: 400px; margin: 0 auto; position: relative; display: none; background-color: white; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#eeeeee)) repeat-x, #eeeeee; background: -moz-linear-gradient(90deg, #eeeeee, #fcfcfc) repeat-x scroll 0 0 #eeeeee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#fcfcfc')"; zoom: 1; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: 1px #d9d9d9 solid; padding: 10px; text-align: left; zoom: 1; }
#recorder-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.record #recorder-wrapper { display: block !important; }
#recorder-wrapper a.button { margin: 0 !important; padding: 0 !important; border: 0 !important; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; float: left; display: none; width: 84px; height: 84px; background-color: transparent !important; background-image: url(/images/rec_button_large.png?unicorn30) !important; background-position: 0 0; }
#recorder-wrapper a.button span { display: block; width: 100%; height: 100%; background-image: url(/images/rec_button_large.png?unicorn30); background-position: 0 -336px; text-indent: -9999px; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
#recorder-wrapper a.button:hover, #recorder-wrapper a.button.hover { border: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
#recorder-wrapper a.button:hover span, #recorder-wrapper a.button.hover span { -moz-opacity: 1; opacity: 1; }
#recorder-wrapper a.button.record-stop-btn { background-position: 0 -84px; }
#recorder-wrapper a.button.record-play-btn { background-position: 0 -168px; }
#recorder-wrapper a.button.record-pause-btn { background-position: 0 -252px; }
#recorder-wrapper a.button.record-start-btn { display: block; }
#recorder-wrapper canvas { display: none; }
#recorder-wrapper.recording .help-text { display: none; }
#recorder-wrapper.recording .levels { display: block; }
#recorder-wrapper.recording a.button.record-start-btn { display: none; }
#recorder-wrapper.recording a.button.record-stop-btn { display: block; }
#recorder-wrapper.preview canvas { display: block; }
#recorder-wrapper .help-text { font-size: 13px; line-height: 15px; text-align: left; color: #333333; padding: 7px 30px 0 12px; }
#recorder-wrapper .duration, #recorder-wrapper .position { display: none; }
#recorder-wrapper .waveform-wrapper { position: absolute; left: 100px; top: 12px; height: 75px; padding: 0 0 0 0px; border-left: 1px #d9d9d9 solid; }
#recorder-wrapper canvas { display: none; position: absolute; top: 0; left: 0; height: 75px; }
#recorder-wrapper .record-activity { display: block; }
#recorder-wrapper .playback-activity { display: none; }
#recorder-wrapper.preview a.button.record-play-btn { display: block; }
#recorder-wrapper.preview.playing a.button.record-pause-btn { display: block; }
#recorder-wrapper.preview.playing a.button.record-play-btn { display: none; }
#recorder-wrapper.preview .upload-reset-wrapper { clear: left; border-top: 1px #d9d9d9 solid; margin: 0 -10px; position: relative; background: #f8f8f8; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; top: 10px; height: 26px; padding: 5px 10px 5px 10px; }
#recorder-wrapper.preview .upload-reset-wrapper a { font-size: 13px; }
#recorder-wrapper.preview .upload-reset-wrapper a.record-again-btn { padding-top: 3px; float: left; color: #666666; }
#recorder-wrapper.preview .upload-reset-wrapper a.record-again-btn:hover { color: #ff6600; }
#recorder-wrapper.preview .upload-reset-wrapper a.record-select-btn { float: right; padding: 2px 12px 3px; }
#recorder-wrapper.preview .record-activity { display: none; }
#recorder-wrapper.preview .playback-activity { display: block; }
#recorder-wrapper.preview .help-text { display: none; }
#recorder-wrapper.preview .scrubber { display: block; }

#track-asset-data-wrapper, .storage-status, .share-item { zoom: 1; }
#track-asset-data-wrapper:after, .storage-status:after, .share-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body#tracks.edit .overall-track-info .auto-suggest { width: 205px; }

body#tracks.new .overall-track-info .single-entry { width: 200px; }
body#tracks.new .customize-player-link:hover { color: #111111; }

#with-access .hint { margin: 6px 10px 15px 10px !important; border: 0; background-color: #fffa94; }
#with-access h4.new-sharings { padding: 1px 10px; display: none; font-size: 12px; color: white; background-color: #ff6600; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.private-sharing.adds-sharings #with-access h4.new-sharings { display: inline-block; }
#with-access .hidden { visibility: hidden; }
.private-sharing.adds-sharings #with-access .remove-all { display: block; }
.private-sharing.adds-sharings #with-access #sharing-pending-container { padding-top: 10px; }
#with-access #sharing-container .remove-all { display: block; }
#with-access #sharing-hint-container, #with-access #sharing-candidates-container, #with-access .remove-all { display: none; }
#with-access.split > .remove-all { display: none !important; }
#with-access.split .new-sharings { display: inline-block; }
#with-access.split .viewport { max-height: 115px; }
#with-access.split .contacts-container { padding-bottom: 7px; }
#with-access.no-recipients .access-box, #with-access.no-recipients .hide-recipients-hint, #with-access.no-recipients h4, #with-access.no-recipients .remove-all { display: none; }
#with-access.no-recipients #sharing-hint-container { padding: 100px 30px 0 30px; text-align: center; display: block; height: 203px; background: #f8f8f8; margin: 0 10px 0 0; color: #777777; }
#with-access.no-recipients #sharing-hint-container h3 { font-size: 18px; }
#with-access.no-recipients #sharing-pending-container { padding-top: 27px; }

body#tracks.edit a.toggler:hover, body#tracks.new a.toggler:hover, body#playlists.new a.toggler:hover, body#playlists.edit a.toggler:hover, body#dropbox.new a.toggler:hover { color: #ff6600; }

#playlist_reveal_recipients { margin-top: 4px; }

.download-checkbox { margin-top: 16px; position: relative; }
.download-checkbox span.inline-help { font-size: 15px; }
.download-checkbox .tristate-checkbox-indeterminate-hack { margin-top: 6px; margin-left: -10px; }
.download-checkbox input { float: left; margin: 12px 0 0 0; background: none; border: none; }
.download-checkbox span.download { float: left; width: 34px; height: 34px; display: block; margin-left: 3px; background-color: transparent; background-image: url(/images/icons.png?unicorn30); background-repeat: no-repeat; background-position: -200px -470px; }
.download-checkbox label { font-size: 24px; font-style: normal; color: #333333; display: block; float: left; padding: 0 10px 0 10px; margin: 0 0 0 0; }
.download-checkbox label.disabled { color: #c2c2c2; }
.download-checkbox label.disabled .inline-hint { left: 355px; top: 8px; }

.download-checkbox.streamable label { font-size: 12px; padding: 0 0 0 10px; margin-left: 15px; color: #333333; float: none; }
.download-checkbox.streamable .tristate-checkbox-indeterminate-hack { margin-top: -4px; }
.download-checkbox.streamable input { margin-top: 2px; }
.download-checkbox.streamable span.inline-help { font-size: 80%; line-height: 1.3em; padding: 3px 7px 4px 8px !important; }

p.explain-download-options { text-align: right; padding-bottom: 1em; font-size: 11px; }
p.explain-download-options a { color: #333333; }

#access { margin: 10px 0 15px; }
#access .expl { background: #666666; padding: 10px; height: 43px; }
#access #without-access, #access #with-access { position: relative; width: 345px; height: 330px; float: left; padding: 0px; }
#access #without-access #add-info-box, #access #without-access #remove-info-box, #access #with-access #add-info-box, #access #with-access #remove-info-box { text-align: center; }
#access #without-access { margin: 0 30px 0 0; }
#access #without-access ul.permission-user-list li { background-position: 140px -816px; }
#access #without-access ul.permission-user-list li p, #access #without-access ul.permission-user-list li a, #access #without-access ul.permission-user-list li span { color: #666666 !important; }
#access #without-access ul.permission-user-list li:hover p, #access #without-access ul.permission-user-list li:hover a, #access #without-access ul.permission-user-list li:hover span { color: #333333 !important; }
#access #without-access .access-box ul.tabs { margin: 0 0 9px; }
#access #without-access .access-box ul.tabs li span, #access #without-access .access-box ul.tabs li a { font-size: 13px; }
#access #without-access #emails.pane label { margin-bottom: 5px; }
#access #without-access #emails.pane textarea { margin-bottom: 3px; }
#access #without-access #xslist-following.pane, #access #without-access #xslist-followers.pane { height: auto; }
#access #without-access #xslist-following.pane .viewport, #access #without-access #xslist-followers.pane .viewport { max-height: 240px; height: 240px; }
#access #with-access .checkbox label { margin: 0px; }
#access #with-access #sharing-container { overflow: visible; }
#access #with-access ul.permission-user-list.loading { overflow: hidden; }
#access #with-access ul.permission-user-list li { background-position: 141px -157px; }
#access .checkbox, #access .hide-recipients-hint-wrapper { position: absolute; width: 100%; display: block; bottom: 0px; }

#artwork-upload { display: block; position: relative; width: 100px; height: 121px; float: left; }
#artwork-upload .inline-help { margin-left: 2px; }
#artwork-upload .artwork { display: block; text-indent: -9999px; margin: 0 10px 5px 0; background-color: #f8f8f8; background-image: url(/images/elements.png?unicorn30); background-repeat: no-repeat; background-position: -260px -422px; width: 100px; height: 100px; }
#artwork-upload #artwork-upload-btn { width: 100px; margin: 0; }
#artwork-upload p.remove { display: none; }
#artwork-upload.active:hover p.remove { display: block; position: absolute; bottom: 0; left: 0; width: 100px; }
#artwork-upload.active:hover p.remove a { display: block; text-align: center; font-size: 10px; padding: 3px 0; background: rgba(0, 0, 0, 0.8); color: white; }
#artwork-upload.active:hover p.remove a:hover { background: rgba(255, 102, 0, 0.8); }

.artwork-shown { margin-bottom: 0; }

.upload-form .upload-form-button { padding-top: 20px; }

body#tracks.edit #info-fields .form-group, body#tracks.edit .upload-form .form-group, body#tracks.new #info-fields .form-group, body#tracks.new .upload-form .form-group, .drop #info-fields .form-group, .drop .upload-form .form-group { position: relative; }
body#tracks.edit #info-fields .form-group .width_1_2, body#tracks.edit .upload-form .form-group .width_1_2, body#tracks.new #info-fields .form-group .width_1_2, body#tracks.new .upload-form .form-group .width_1_2, .drop #info-fields .form-group .width_1_2, .drop .upload-form .form-group .width_1_2 { width: 313px; position: relative; }
body#tracks.edit #info-fields .form-group .width_1_2.last, body#tracks.edit .upload-form .form-group .width_1_2.last, body#tracks.new #info-fields .form-group .width_1_2.last, body#tracks.new .upload-form .form-group .width_1_2.last, .drop #info-fields .form-group .width_1_2.last, .drop .upload-form .form-group .width_1_2.last { margin-right: 0; }
body#tracks.edit #info-fields .form-group .width_1_2 select, body#tracks.edit .upload-form .form-group .width_1_2 select, body#tracks.new #info-fields .form-group .width_1_2 select, body#tracks.new .upload-form .form-group .width_1_2 select, .drop #info-fields .form-group .width_1_2 select, .drop .upload-form .form-group .width_1_2 select { float: left; }
body#tracks.edit #info-fields .form-group .width_1_2 label.error, body#tracks.edit .upload-form .form-group .width_1_2 label.error, body#tracks.new #info-fields .form-group .width_1_2 label.error, body#tracks.new .upload-form .form-group .width_1_2 label.error, .drop #info-fields .form-group .width_1_2 label.error, .drop .upload-form .form-group .width_1_2 label.error { position: absolute; top: 47px; }
body#tracks.edit #info-fields .form-group.bpm, body#tracks.edit .upload-form .form-group.bpm, body#tracks.new #info-fields .form-group.bpm, body#tracks.new .upload-form .form-group.bpm, .drop #info-fields .form-group.bpm, .drop .upload-form .form-group.bpm { font-size: 12px; width: 98px; margin-right: 10px; }
body#tracks.edit #info-fields .form-group.key, body#tracks.edit .upload-form .form-group.key, body#tracks.new #info-fields .form-group.key, body#tracks.new .upload-form .form-group.key, .drop #info-fields .form-group.key, .drop .upload-form .form-group.key { margin-right: 0px; width: 99px; }
body#tracks.edit #info-fields .form-group .width_1_3 #track_release_year, body#tracks.edit #info-fields .form-group .width_1_3 #track_release_month, body#tracks.edit #info-fields .form-group .width_1_3 #track_release_day, body#tracks.edit .upload-form .form-group .width_1_3 #track_release_year, body#tracks.edit .upload-form .form-group .width_1_3 #track_release_month, body#tracks.edit .upload-form .form-group .width_1_3 #track_release_day, body#tracks.new #info-fields .form-group .width_1_3 #track_release_year, body#tracks.new #info-fields .form-group .width_1_3 #track_release_month, body#tracks.new #info-fields .form-group .width_1_3 #track_release_day, body#tracks.new .upload-form .form-group .width_1_3 #track_release_year, body#tracks.new .upload-form .form-group .width_1_3 #track_release_month, body#tracks.new .upload-form .form-group .width_1_3 #track_release_day, .drop #info-fields .form-group .width_1_3 #track_release_year, .drop #info-fields .form-group .width_1_3 #track_release_month, .drop #info-fields .form-group .width_1_3 #track_release_day, .drop .upload-form .form-group .width_1_3 #track_release_year, .drop .upload-form .form-group .width_1_3 #track_release_month, .drop .upload-form .form-group .width_1_3 #track_release_day { width: 66px; margin-right: 5px; }
body#tracks.edit #info-fields .form-group .width_1_3 #track_release_day, body#tracks.edit #info-fields .form-group .width_1_3.last, body#tracks.edit .upload-form .form-group .width_1_3 #track_release_day, body#tracks.edit .upload-form .form-group .width_1_3.last, body#tracks.new #info-fields .form-group .width_1_3 #track_release_day, body#tracks.new #info-fields .form-group .width_1_3.last, body#tracks.new .upload-form .form-group .width_1_3 #track_release_day, body#tracks.new .upload-form .form-group .width_1_3.last, .drop #info-fields .form-group .width_1_3 #track_release_day, .drop #info-fields .form-group .width_1_3.last, .drop .upload-form .form-group .width_1_3 #track_release_day, .drop .upload-form .form-group .width_1_3.last { margin-right: 0; }
body#tracks.edit a.disabled, body#tracks.new a.disabled, .drop a.disabled { color: #cccccc; }
body#tracks.edit a.disabled:hover, body#tracks.new a.disabled:hover, .drop a.disabled:hover { color: #cccccc; background-position: 0 -191px; cursor: default; }
body#tracks.edit #license .license-name a, body#tracks.new #license .license-name a, .drop #license .license-name a { color: #333333; font-weight: bold; }
body#tracks.edit #license .inline-help, body#tracks.new #license .inline-help, .drop #license .inline-help { margin-left: 1px; }

#track-upload-form label { float: none; }

.record-label { width: 100% !important; }

#track-genre .single-entry { width: 200px; padding: 2px 0 1px 4px; margin-bottom: 3px; }
#track-genre #track_genre { width: 206px !important; padding: 3px 0 2px 4px; margin-bottom: 3px; }

.playlist-share { display: none; }
.playlist-share .some-private { display: block; color: #c9e4ff; font-size: 12px; padding-top: 7px; line-height: 15px; }
.playlist-share .all-public { display: block; padding-bottom: 5px; }
.playlist-share .all-public label { margin: 0px; color: white; font-size: 13px; }
.contains-private-tracks .selected .playlist-share { display: block; }

.sharing-control { outline: none; margin-bottom: 20px; }
.sharing-control .privacy-level-button { position: relative; width: 630px; padding: 2px 0 0px 10px; cursor: pointer; margin: 5px 0 0 0; min-height: 25px; line-height: 23px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.sharing-control .privacy-level-button input { float: left; margin: 6px 7px 0 0; background: none; border: none; }
.sharing-control .privacy-level-button .description { display: block; font-size: 16px; }
.sharing-control .privacy-level-button .description .expl { overflow: visible; display: none; font-size: 16px; margin-left: 3px; padding-left: 7px; border-left: 1px #cccccc solid; }
.sharing-control .privacy-level-button .description .expl .default { display: inline; width: 380px; white-space: nowrap; }
.sharing-control .privacy-level-button .description .expl .active { display: none; }
.sharing-control .privacy-level-button.selected, .sharing-control .privacy-level-button:hover { color: white; }
.sharing-control .privacy-level-button.selected .description { overflow: hidden; min-height: 25px; }
.sharing-control .privacy-level-button.selected .description .expl .default { display: none; white-space: nowrap; }
.sharing-control .privacy-level-button.selected .description .expl .active { display: inline !important; white-space: nowrap; }
.sharing-control .privacy-level-button.button-private.selected, .sharing-control .privacy-level-button.button-private:hover { background: #ff6600; }
.sharing-control .privacy-level-button.button-private.selected .description .expl, .sharing-control .privacy-level-button.button-private:hover .description .expl { display: inline-block; width: 380px; color: #ffcc99; border-color: #ffcc99; }
.sharing-control .privacy-level-button.button-private.selected #give-access-link { display: block; }
.sharing-control .privacy-level-button.button-public.selected, .sharing-control .privacy-level-button.button-public:hover { background: #3399ff; }
.sharing-control .privacy-level-button.button-public.selected .description .expl, .sharing-control .privacy-level-button.button-public:hover .description .expl { display: inline; color: #c9e4ff; border-color: #c9e4ff; }

#give-access-link { position: absolute; color: white; padding: 0px 16px; right: 0; top: 0; font-size: 15px; line-height: 27px; background-color: #ff6600; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1a66d), to(#ff6600)) repeat-x, #ff6600; background: -moz-linear-gradient(90deg, #ff6600, #f1a66d) repeat-x scroll 0 0 #ff6600; background: -o-linear-gradient(#f1a66d, #ff6600) #ff6600; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1a66d', endColorstr='#ff6600'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1a66d', endColorstr='#ff6600')"; zoom: 1; -moz-border-radius-bottomright: 14px; border-bottom-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; -moz-border-radius-topright: 14px; border-top-right-radius: 14px; -webkit-border-top-right-radius: 14px; }
#give-access-link.hover, #give-access-link:hover { color: white !important; background-color: #ff6600; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff6600), to(#f1a66d)) repeat-x, #ff6600; background: -moz-linear-gradient(90deg, #f1a66d, #ff6600) repeat-x scroll 0 0 #ff6600; background: -o-linear-gradient(#ff6600, #f1a66d) #ff6600; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#f1a66d'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#f1a66d')"; zoom: 1; }

.access-list-wrapper .form-buttons.main { border-top: 1px solid #eeeeee; }
.access-list-wrapper #emails { min-height: 227px; max-height: 227px; }

#change-license { display: inline !important; }

.access-box input.blank { color: #666666; }
.access-box .access-count abbr { font-weight: bold; }
.access-box .access-status { position: relative; font-weight: normal; color: #333333; padding: 0px; margin: 0px 0 5px; }
.access-box .access-status.leftpane { margin: 0px 0 8px; }
.access-box .access-status .remove-all { display: block; }
.access-box .access-status .select-all, .access-box .access-status .remove-all { float: right; width: auto; padding: 0 10px; margin: 0px; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.access-box .access-status .select-all span { background-position: -33px -799px; padding-left: 0px; padding-right: 18px; }
.access-box ul.tabs li a, .access-box ul.tabs li span { font-size: 12px; }
.access-box ul.tabs li a abbr, .access-box ul.tabs li span abbr { display: none; }

.remove-all { top: 0px; right: 0px; position: absolute; }

.privacy-options .checkbox { margin-bottom: 2px; }
.privacy-options .checkbox input { margin: 6px 6px 0px 0px; }
.privacy-options .inline-help { font-size: 11px; font-weight: bold; }

.viewport { max-height: 273px; overflow-y: auto; margin-bottom: 5px; position: relative; }
.viewport ul { position: relative; }
.viewport ul.loading { min-height: 35px; background-color: white !important; background-image: url(/images/spinner_bigger.gif?unicorn30) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }
.viewport ul .page { position: absolute; left: 0; }

.permission-user-list:after { content: ""; }
.permission-user-list li.unknown p { font-size: 11px; }
.permission-user-list li { float: left; width: 156px; margin: 0 8px 1px 0; height: 18px; color: #333333; cursor: pointer; overflow: hidden; background-image: url(/images/icons_mini.png?unicorn30); background-repeat: no-repeat; background-color: #eeeeee; user-select: none; -khtml-user-select: none; -moz-user-select: none; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
.permission-user-list li:hover { cursor: pointer; }
.permission-user-list li .user-image-tiny { float: left; border-right: 1px solid white; }
.permission-user-list li div.user-info { font-size: 11px; overflow: hidden; text-overflow: ellipsis; max-width: 120px; }
.permission-user-list li div.user-info a { padding: 2px 0 0 6px; color: #333333; }
.permission-user-list li.group-badge { position: relative; height: 37px; margin: 0 8px 1px 0; color: #333333; }
.permission-user-list li.group-badge input { display: none; }
.permission-user-list li.group-badge .group-image-badge { display: block; width: 38px; height: 42px; float: left; overflow: hidden; background-image: url(/images/elements.png?unicorn30); background-position: 0 -306px; }
.permission-user-list li.group-badge .group-image-badge span { display: block; width: 18px; height: 18px; float: left; border-bottom: 1px solid white; border-right: 1px solid white; }
.permission-user-list li.group-badge .contact-group-info { height: 36px; display: inline; font-size: 11px; color: white; line-height: 1.6em; max-width: 125px; overflow: hidden; }
.permission-user-list li.group-badge .contact-group-info a { padding: 4px 0 0 5px; display: block; color: #333333; font-size: 12px; height: 36px; outline: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.permission-user-list li.group-badge .contact-group-info span { position: absolute; color: #333333; left: 47px; bottom: 1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.permission-user-list li.group-badge a.remove { display: none; }
.permission-user-list li.unknown .user-badge p { padding-top: 4px; font-size: 11px; }

.contacts-without-permissions li.hidden, .contacts-without-permissions li.selected, .fans-without-permissions li.hidden, .fans-without-permissions li.selected { display: none !important; }

.permission-user-list.fans-column { padding: 0 0px 0 30px; margin-right: 8px; max-height: none; overflow: hidden; }

.sharing-control, #access, #info-fields, .access-status, .private-sharing.pane, #invites, .download-checkbox, .send-track-to-email div, #artwork-upload { zoom: 1; }
.sharing-control:after, #access:after, #info-fields:after, .access-status:after, .private-sharing.pane:after, #invites:after, .download-checkbox:after, .send-track-to-email div:after, #artwork-upload:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.player { padding: 0 0 0 0; margin: 0 0 10px 0; }
.player .container { position: relative; border: 1px #cccccc solid; background-color: #eeeeee; -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); }
.player .controls { width: 99px; border-right: 1px #cccccc solid; height: 118px; background-color: #eeeeee; background-image: url(/images/player-horizontal-repeat.png?unicorn30); background-position: bottom left; position: absolute; left: 0; z-index: 0; }
.player .play { display: block; text-indent: -9999px; width: 90px; height: 95px; outline: 0; margin: 0px 0 0 0px; display: block; background-image: url(/images/player-large-buttons.png?unicorn30); background-position: -4px -4px; position: absolute; top: 8px; left: 7px; }
.player .play:hover { background-position: -105px -4px; }
.player a.playing { background-position: -4px -103px; }
.player a.playing:hover { background-position: -105px -103px; }
.player h3 { padding: 0; margin: 0; }
.player h3 span { display: inline; }
.player .user-id, .player .track-id, .player .player-sound-url, .player .player-duration, .player .player-waveform-path-base { display: none; }
.player .display { height: 118px; margin-left: 100px; position: relative; background-color: #666666; -moz-border-radius-bottomright: 14px; border-bottom-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; }
.player .waveform { width: 100%; position: absolute; height: 100px; cursor: pointer; }
.player .waveform-overlay { width: 100%; height: 100px; position: absolute; }
.player .progress { position: absolute; height: 100px; background-color: #333333; cursor: pointer; }
.player .playhead { position: absolute; top: 0; width: 0px; height: 100px; display: block; background-image: url(/images/playhead.png?unicorn30); background-position: top right; -webkit-box-shadow: 0px 0px 4px rgba(255, 0, 140, 0.2); }
.player-col .player .playhead { background-image: none; opacity: 0.5; filter: alpha(opacity=50); }
.player .seekhead { position: absolute; top: 0; height: 100px; width: 100%; z-index: 1200; background-image: url(/images/ie/transparent.png?unicorn30); }
.player .seekhead div { position: absolute; width: 1px; height: 100px; z-index: 1202; background: #ff5500; display: block; top: 0; }
.player .seekhead span { position: absolute; right: 1px; padding: 0px 2px 0px 2px; font-size: 11px; color: #666666; z-index: 1202; background: white; }
.player .timecodes { color: #333333; font-size: 9px; line-height: 12px; text-align: center; position: absolute; bottom: 0px; padding: 6px 0 3px 0; width: 100%; white-space: nowrap; }
.player .timecodes .editable { line-height: inherit; height: auto; border: 0; padding: 0 0; }
.player .timecodes .editable:hover { color: #333333; }
.player .timecodes .editable form.time-edit { display: inline; line-height: 12px; }
.player .timecodes .editable form.time-edit input, .player .timecodes .editable form.time-edit input:focus { border: 0px !important; padding: 0 0 0 0 !important; height: 10px !important; margin: 0; font-color: inherit; display: inline; font-size: 9px; text-align: center; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
.player .bottom-area { position: absolute; top: 100px; width: 100%; -moz-border-radius-bottomright: 14px; border-bottom-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; background-color: #666666; background-image: url(/images/player-horizontal-repeat.png?unicorn30); height: 18px; }
.player img { position: absolute; }
.player .transcode-display-processing { position: absolute; left: 0; width: 100%; height: 118px; z-index: 1600; }
.player .transcode-display-processing .upload-progress { color: #666666; font-size: 12px; margin: auto; padding-top: 2px; width: 95%; }
.player .transcode-display-processing .upload-progress span, .player .transcode-display-processing .upload-progress div { float: none; }
.player .transcode-display-processing .upload-progress .upload-progress-bar, .player .transcode-display-processing .upload-progress .transcode-progress-bar { height: 10px; width: 50%; position: relative; float: left; background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #5c5c5c; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5c5c5c), color-stop(0.5, #747474), color-stop(1, #5c5c5c)) repeat-x, #5c5c5c; background: -moz-linear-gradient(center top, #5c5c5c 0%, #747474 50%, #5c5c5c 100%) repeat scroll 0 -2px #5c5c5c; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; -moz-background-size: 100% 14px; -webkit-background-size: 100% 14px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); }
.player .transcode-display-processing .upload-progress .upload-progress-bar span, .player .transcode-display-processing .upload-progress .transcode-progress-bar span { position: absolute; height: 10px; width: 100%; top: 0; left: 0; background-image: url(/images/progress-corner.png?unicorn30); background-position: left -40px; }
.player .transcode-display-processing .upload-progress .transcode-progress-bar { border-left: 1px solid #f8f8f8; margin-left: -1px; }
.player .transcode-display-processing .upload-progress .transcode-progress-bar span { background-position: bottom right; }
.player .transcode-display-processing .upload-progress .transcode-progress-bar.waiting { background-color: #e3e3e3; }
.player .transcode-display-processing .upload-progress .transcode-progress-bar.loading { background-size: inherit; -moz-background-size: inherit; -webkit-background-size: inherit; }
.player .transcode-display-processing .upload-progress .upload-progress-bar-inner, .player .transcode-display-processing .upload-progress .transcode-progress-bar-inner { background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #3399ff; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3399ff), color-stop(0.5, #74b9ff), color-stop(1, #3399ff)) repeat-x, #3399ff; background: -moz-linear-gradient(center top, #3399ff 0%, #74b9ff 50%, #3399ff 100%) repeat scroll 0 -2px #3399ff; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; -moz-background-size: 100% 14px; -webkit-background-size: 100% 14px; height: 10px; width: 0%; }
.player .transcode-display-processing .upload-progress .transcode-progress-bar-inner { background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #f86604; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f86604), color-stop(0.5, #ff8736), color-stop(1, #f86604)) repeat-x, #f86604; background: -moz-linear-gradient(center top, #f86604 0%, #ff8736 50%, #f86604 100%) repeat scroll 0 -2px #f86604; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; }
.player .transcode-display-processing .background { position: absolute; height: 100%; width: 100%; background-color: #eeeeee; z-index: 350; }
.player .transcode-display-processing .background .round-bottom { height: 15%; position: absolute; width: 100%; bottom: 0px; white-space: nowrap; z-index: 1; background-color: #eeeeee; background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#e3e3e3)) repeat-x, #eeeeee; background: -moz-linear-gradient(90deg, #e3e3e3, #eeeeee) repeat-x scroll 0 0 #eeeeee; background: -o-linear-gradient(#eeeeee, #e3e3e3) #eeeeee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e3e3e3'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e3e3e3')"; zoom: 1; }
.player .transcode-display-processing .inner-content { position: absolute; z-index: 351; margin: 0 0 0 -325px; padding: 10px 0px 5px; width: 625px; height: 75px; left: 50%; top: 1px; }
.player .transcode-display-processing .inner-content .background { position: absolute; width: 100%; height: 100%; background-image: none; background-color: #f8f8f8; z-index: -1; -webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2); -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; }
.player .transcode-display-processing .inner-content.failed { margin-left: -205px; width: 400px; }
.player .transcode-display-processing .inner-content p { padding-top: 13px; margin: 7px 0; }
.player .transcode-display-processing .inner-content h4, .player .transcode-display-processing .inner-content p { color: #111111; text-align: center; }
.player .transcode-display-processing .inner-content h4 { padding-top: 15px; }
.player .transcode-display-processing .inner-content .throbber { display: block; width: 100%; height: 28px; background-image: url(/images/throbber-cloud-greyscale-small.gif); background-position: center center; background-repeat: no-repeat; position: relative; top: -5px; z-index: 0; }
.player .transcode-display-processing .inner-content.failed { text-align: center; }
.player .transcode-display-processing .inner-content.failed p { color: #666666; font-size: 12px; font-weight: normal; margin-top: -15px; margin-bottom: 0; }
.player .transcode-display-processing .inner-content.failed h4 { color: #ff6600; }
.player .transcode-display-processing.preparing .title-preparing { display: inline; }
.player .transcode-display-processing.preparing .title-transcoding, .player .transcode-display-processing.preparing .title-finished { display: none; }
.player .transcode-display-processing.transcoding .title-transcoding { display: inline; border-right: 1px #cccccc solid; padding-right: 7px; }
.player .transcode-display-processing.transcoding .title-preparing, .player .transcode-display-processing.transcoding .title-finished { display: none; }
.player .transcode-display-processing.finished .title-finished { display: inline; }
.player .transcode-display-processing.finished .title-transcoding, .player .transcode-display-processing.finished .title-preparing { display: none; }
.player .actions, .player .container, .player .stats, .player .bottom, .player .comment-form, .player .comment-actions { zoom: 1; }
.player .actions:after, .player .container:after, .player .stats:after, .player .bottom:after, .player .comment-form:after, .player .comment-actions:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.player.no-comments .timestamped-comments { display: none; }
.player.no-comments .waveform, .player.no-comments .waveform-overlay, .player.no-comments .progress, .player.no-comments .playhead, .player.no-comments seekhead, .player.no-comments .seekhead div { height: 118px; }

.actionbar { border: 1px #cccccc solid; border-bottom: 0; padding: 0px 4px 0px 4px; background: #eeeeee; position: relative; height: 20px; overflow: hidden; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; }
.large .actionbar { height: 21px; }
.actionbar .genre, .actionbar .private { float: right; margin: 3px 0 0 4px; font-size: 10px; line-height: 12px; padding: 1px 6px 1px 6px !important; color: white !important; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-transform: capitalize; }
.actionbar .genre:hover, .actionbar .private:hover { color: white !important; }
.actionbar .genre { background-color: #0066cc; }
.actionbar .genre:hover { background-color: #0066cc; }
.actionbar a .genre:hover { background-color: #ff6600; }
.actionbar .private { padding-left: 20px !important; background-color: #777777; background-image: url(/images/icons_mini.png?unicorn30); background-repeat: no-repeat; background-position: -80px -1539px !important; }
.actionbar .private a { border-right: 1px #cccccc solid; padding-right: 4px; margin-right: 5px; color: white; }
.actionbar .private.very { background-color: #ff6600; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
.actionbar .private.very a { border-right: 1px #ffb17d solid; }
.actionbar .private.very:hover { background-color: #ff5000; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }

a.comments-toggle { text-indent: -9999px; display: block; position: absolute; background-image: url(/images/icons_mini.png?unicorn30); background-position: -76px -1180px; width: 19px; height: 14px; top: 82px; right: 3px; color: #666666; font-size: 10px; z-index: 1500; }
a.comments-toggle:hover { background-position: -76px -1200px; }
.no-comments a.comments-toggle { background-position: -76px -1220px; top: 101px; }
.no-comments a.comments-toggle:hover { background-position: -76px -1240px; }
.processing a.comments-toggle { display: none; }

.sets-list ul { max-height: 135px; overflow-y: auto; padding: 0 0 0 0; }
.sets-list ul:after { content: ""; display: none; }
.sets-list ul li { padding: 1px 0; }
.sets-list ul li a { display: block; }
.sets-list ul li.even { background: #eeeeee; }
.sets-list ul li a.remove-set, .sets-list ul li a.remove-group { color: #333333; }
.sets-list ul li a.remove-set:hover, .sets-list ul li a.remove-group:hover { color: #ff6600; }
.sets-list .new-set { margin-top: 5px; padding-top: 8px; line-height: 1.3em; border-top: 1px #cccccc solid; color: #777777; }
.sets-list .new-set .restriction { display: none; }
.sets-list .new-set.disabled .restriction { display: block; }
.sets-list .new-set.disabled .create-set { display: none; }

.groups-list ul { max-height: 135px; overflow-y: auto; padding: 0 0 5px 0; }
.groups-list ul:after { content: ""; display: none; }
.groups-list ul li { padding: 1px 0; }
.groups-list ul li a { display: block; }
.groups-list ul li a.remove-group { color: #333333; }
.groups-list ul li.odd { background: #eeeeee; }
.groups-list .group-notification { margin-top: 5px; padding-top: 5px; line-height: 1.3em; border-top: 1px #cccccc solid; color: #777777; }
.groups-list .flagged { font-weight: bold; color: #ff6600; }

.info-header, .actionbar { zoom: 1; }
.info-header:after, .actionbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.player .timestamped-comments { position: absolute !important; border-top: 1px #cccccc solid; z-index: 1180; top: 99px; left: 0; width: 100%; height: 18px; color: #0066cc; background-color: #3399ff; background-image: url(/images/player-horizontal-repeat.png?unicorn30); background-position: 0px -25px; font-size: 12px; cursor: pointer; }
.player .timestamped-comments.not-commentable { cursor: default; }
.player li.timestamped-comment { padding: 0 0 0 0; bottom: 0; position: absolute !important; color: white; font-size: 11px !important; z-index: 1000; }
.player li.timestamped-comment:hover, .player li.timestamped-comment.active { z-index: 1010; }
.player li.timestamped-comment .marker { position: relative; height: 18px; width: 1px; padding-top: 59px; background-color: #3399ff; cursor: default !important; }
.player li.timestamped-comment .marker .user-image-tiny { position: absolute !important; left: 1px; }
.player li.timestamped-comment.track-owner .marker { background-color: #ff6600; }

.player.large .marker { padding-top: 100px !important; }

#timestamped-comment-template { position: absolute; z-index: 750; top: 0; left: -5000px; margin-left: -20px; font-size: 11px; }
#timestamped-comment-template a { color: white; }
#timestamped-comment-template a:hover { color: #ff6600; }
#timestamped-comment-template a.remove, #timestamped-comment-template .form-buttons input { float: right; border-color: #666666; color: #666666; }
#timestamped-comment-template .form-buttons { margin: 0 5px 0 0; }
#timestamped-comment-template .form-buttons input { color: white !important; background-color: #333333; background: -webkit-gradient(linear, 0 0, 0 100%, from(#323232), to(#111111)) repeat-x, #333333; background: -moz-linear-gradient(90deg, #111111, #323232) repeat-x scroll 0 0 #333333; background: -o-linear-gradient(#323232, #111111) #333333; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#111111'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#111111')"; zoom: 1; border-color: #666666; text-shadow: none; }
#timestamped-comment-template .form-buttons input:hover { background-color: #333333; background: -webkit-gradient(linear, 0 0, 0 100%, from(#111111), to(#323232)) repeat-x, #333333; background: -moz-linear-gradient(90deg, #323232, #111111) repeat-x scroll 0 0 #333333; background: -o-linear-gradient(#111111, #323232) #333333; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#323232'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#323232')"; zoom: 1; }
#timestamped-comment-template .form-buttons a { color: #e3e3e3 !important; margin: 3px 8px 0 0; font-size: 10px !important; }
#timestamped-comment-template .content { position: absolute; bottom: -1px; width: 380px; }
#timestamped-comment-template .pretty-date { color: #cccccc; }
#timestamped-comment-template.hover .content { width: 110px; height: 60px; }
#timestamped-comment-template.hover .content .header, #timestamped-comment-template.hover .content .footer, #timestamped-comment-template.hover .content .replies, #timestamped-comment-template.hover .content .timed-comment-form { display: none; }
#timestamped-comment-template.hover .content .tooltip { display: block; margin-top: -18px; width: 85px; height: 54px; line-height: 1.3em; padding: 6px 11px 0px 8px; background: #4c4c4c; background: rgba(56, 56, 56, 0.9); border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); }
#timestamped-comment-template.create.first .form-header, #timestamped-comment-template.create.first .replies, #timestamped-comment-template.create.first .count { display: none !important; }
#timestamped-comment-template.create.first .new { display: inline !important; }
#timestamped-comment-template.create input.reply { display: none; }
#timestamped-comment-template.create .count { display: inline !important; }
#timestamped-comment-template.create .timed-comment-form { display: block; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); }
#timestamped-comment-template.create .replies { display: block; }
#timestamped-comment-template.create .replies ol { max-height: 130px !important; }
#timestamped-comment-template .header { background: #156ad5; background: rgba(21, 106, 213, 0.95); padding: 1px 0 1px 5px; color: #f7f7f7; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); -moz-border-radius-topright: 7px; -moz-border-radius-topleft: 7px; border-top-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; }
#timestamped-comment-template .header a.close { width: 10px; height: 10px; background-position: -5px -263px; cursor: pointer; display: block; margin: 3px 1px 0 0; }
#timestamped-comment-template .header a.close:hover { background-position: -61px -263px; }
#timestamped-comment-template .header span { font-weight: bold; }
#timestamped-comment-template .header .new { display: none; }
#timestamped-comment-template .tooltip, #timestamped-comment-template .comment-header { background: #161616; background: rgba(22, 22, 22, 0.95); margin: 0 0 0 0; padding: 0 0; }
#timestamped-comment-template .replies, #timestamped-comment-template .timed-comment-form { margin: 0 9px 0 0; padding: 0 0; background: #383838; background: rgba(56, 56, 56, 0.95); }
#timestamped-comment-template .replies, #timestamped-comment-template .timed-comment-form, #timestamped-comment-template .tooltip { margin: 0 0 0 0; padding: 0 0 0 0; }
#timestamped-comment-template .user-image-tiny { float: left; width: 18px; height: 18px; margin: 0 5px 0 0; position: static; }
#timestamped-comment-template .replies { -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); }
#timestamped-comment-template .replies ol { overflow: auto; max-height: 155px; padding: 0; }
#timestamped-comment-template .replies ol li { display: block; padding: 0 0px 0.2em 0px; position: static; width: auto; color: white; }
#timestamped-comment-template .replies ol li .comment-header { padding: 0 5px 0 0; height: 18px; background: #161616; background: rgba(22, 22, 22, 0.95); }
#timestamped-comment-template .replies ol li .comment-info { padding: 2px 5px 5px 5px; }
#timestamped-comment-template .replies ol li p { margin: 0; }
#timestamped-comment-template .timed-comment-form { display: none; }
#timestamped-comment-template .timed-comment-form .form-header { padding: 0 5px 0 0; height: 18px; color: #f7f7f7; background: #156ad5; background: rgba(21, 106, 213, 0.95); }
#timestamped-comment-template .timed-comment-form textarea { min-height: 40px; height: 40px; margin: 0; resize: none; padding: 5px; background: transparent; border: 0px; font-size: 11px; color: #f7f7f7; overflow-y: hidden; }
#timestamped-comment-template .footer { background: #383838; background: rgba(56, 56, 56, 0.95); padding: 6px 0 0 10px; margin: 0 0 18px 0; height: 1px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3); -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; }
#timestamped-comment-template .arrow { background-image: url(/images/elements.png?unicorn30); background-position: -165px -720px; width: 20px; height: 16px; bottom: 1px; left: 10px; position: absolute; }
#timestamped-comment-template .tooltip { display: none; padding-left: 5px; text-align: center; color: white; }
#timestamped-comment-template .tooltip span { color: #ff6600; font-weight: bold; }

.player.medium { margin: 0 0 25px 0; }
.player.medium .controls { width: 64px; height: 77px; }
.player.medium .play { width: 50px; height: 50px; top: 6px; left: 7px; background-image: url(/images/player-medium-buttons.png?unicorn30); background-position: -4px -4px; }
.player.medium .play:hover { background-position: -68px -4px; }
.player.medium a.playing { background-position: -4px -63px; }
.player.medium a.playing:hover { background-position: -68px -63px; }
.player.medium .timestamped-comments { top: 58px; }
.player.medium .display { height: 77px; margin-left: 65px; }
.player.medium .waveform { height: 59px; }
.player.medium .waveform-overlay { height: 59px; }
.player.medium .progress { height: 59px; }
.player.medium .playhead { height: 59px; }
.player.medium .seekhead { height: 59px; }
.player.medium .seekhead div { height: 59px; }
.player.medium .waveform-display-loading { height: 78px; }
.player.medium .waveform-display-loading .inner-content { width: 350px; height: 42px; top: 0px; }
.player.medium .transcode-display-processing { height: 77px; }
.player.medium .transcode-display-processing .inner-content { width: 450px; margin: 0 0 0 -225px; height: 42px; top: 0px; }
.player.medium .transcode-display-processing .inner-content h4 { padding-top: 5px; }
.player.medium .transcode-display-processing .inner-content p { padding-top: 2px; font-size: 90%; }
.player.medium .transcode-display-processing .inner-content.failed p { padding-top: 12px; font-size: 90%; line-height: 12px; }
.player.medium .transcode-display-processing .inner-content.failed a { font-size: 90%; line-height: 12px; }
.player.medium .actions { padding: 0 0 0 0; }
.player.medium .container { z-index: 1000; }
.player.medium .bottom { position: relative; color: #333333; font-size: 11px; white-space: nowrap; overflow: hidden; position: relative; z-index: 1; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; }
.player.medium .bottom div { margin: 2px 0px; overflow: hidden; text-overflow: ellipsis; }
.player.medium h3 { margin: 0 0 2px 0; padding: 4px 0 0 0; line-height: 1.3em; }
body#groups .player.medium h3 { padding: 4px 45px 0 0; }
.player.medium h3 a { text-decoration: none; font-size: 18px; }
.player.medium h3 .user.tiny { margin-left: 5px !important; padding-left: 0 !important; }
.player.medium h3 .user.tiny a { font-size: 12px; }
.player.medium h3 .user.tiny a .user-status { top: -3px; }
.player.medium h3 span.uploaded-via a { font-size: 12px; color: #666666; }
.player.medium h3 span.uploaded-via a:hover { color: #ff6600; }
.player.medium h3 span { color: #666666; font-size: 12px; line-height: 1.4em; }
.player.medium h3 span.subtitle { margin-top: 2px; display: block; }
body.current-user .player.medium h3 span.by, body#users.tracks .player.medium h3 span.by, body.restricted #spotlight .player.medium h3 span.by { display: none; }
body#users.current-user.favorites .player.medium h3 span.by { display: inline; }

.medium .info-header, .small .info-header { padding-bottom: 5px; position: relative; }
.medium .info-header .artwork, .small .info-header .artwork { width: 47px; height: 47px; margin: 0 7px 0 0; display: block; text-indent: -5000px; float: left; }
.medium .meta-data, .small .meta-data { position: absolute; bottom: 7px; right: 0; min-width: 150px; margin: 0px 0 0px 0; font-size: 12px; }
.medium .meta-data span, .small .meta-data span { font-size: 11px; }
.medium .meta-data span.uploaded, .small .meta-data span.uploaded { padding-top: 3px; }
.medium .actions, .small .actions { background: transparent; }
.medium .meta-data, .small .meta-data { font-size: 11px; margin: 2px 0 0 0; }
.medium .meta-data a, .medium .meta-data span, .medium .meta-data acronym, .small .meta-data a, .small .meta-data span, .small .meta-data acronym { zoom: 1; float: left; color: #666666; }
.medium .meta-data a:after, .medium .meta-data span:after, .medium .meta-data acronym:after, .small .meta-data a:after, .small .meta-data span:after, .small .meta-data acronym:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.medium .meta-data a:hover, .medium .meta-data span:hover, .medium .meta-data acronym:hover, .small .meta-data a:hover, .small .meta-data span:hover, .small .meta-data acronym:hover { color: white !important; }
.medium .meta-data a:hover a, .medium .meta-data span:hover a, .medium .meta-data acronym:hover a, .small .meta-data a:hover a, .small .meta-data span:hover a, .small .meta-data acronym:hover a { color: white !important; }
.medium .meta-data a.stats, .medium .meta-data span.stats, .medium .meta-data acronym.stats, .small .meta-data a.stats, .small .meta-data span.stats, .small .meta-data acronym.stats { float: right; padding: 4px 0px 3px 0; background: transparent; color: #333333; }
.medium .meta-data a.stats:hover, .medium .meta-data span.stats:hover, .medium .meta-data acronym.stats:hover, .small .meta-data a.stats:hover, .small .meta-data span.stats:hover, .small .meta-data acronym.stats:hover { color: #333333 !important; }
.medium .meta-data a.stats:hover span, .medium .meta-data span.stats:hover span, .medium .meta-data acronym.stats:hover span, .small .meta-data a.stats:hover span, .small .meta-data span.stats:hover span, .small .meta-data acronym.stats:hover span { color: #333333 !important; }
.medium .meta-data a.stats span, .medium .meta-data span.stats span, .medium .meta-data acronym.stats span, .small .meta-data a.stats span, .small .meta-data span.stats span, .small .meta-data acronym.stats span { padding: 0 11px 0 5px; margin-left: 4px; font-size: 10px; line-height: 9px; background-image: url(/images/elements.png?unicorn30); background-position: 100% -3px; background-repeat: no-repeat; border-left: 1px #cccccc solid; }
.medium .meta-data a.stats span.comments, .medium .meta-data span.stats span.comments, .medium .meta-data acronym.stats span.comments, .small .meta-data a.stats span.comments, .small .meta-data span.stats span.comments, .small .meta-data acronym.stats span.comments { background-position: 100% -27px; padding-right: 16px; }
.medium .meta-data a.stats span.favoritings, .medium .meta-data span.stats span.favoritings, .medium .meta-data acronym.stats span.favoritings, .small .meta-data a.stats span.favoritings, .small .meta-data span.stats span.favoritings, .small .meta-data acronym.stats span.favoritings { background-position: 100% -48px; padding-right: 12px; }
.medium .meta-data a.stats span.downloads, .medium .meta-data span.stats span.downloads, .medium .meta-data acronym.stats span.downloads, .small .meta-data a.stats span.downloads, .small .meta-data span.stats span.downloads, .small .meta-data acronym.stats span.downloads { background-position: 100% -73px; padding-right: 12px; }
.medium .meta-data a.stats span.tracks, .medium .meta-data span.stats span.tracks, .medium .meta-data acronym.stats span.tracks, .small .meta-data a.stats span.tracks, .small .meta-data span.stats span.tracks, .small .meta-data acronym.stats span.tracks { background-position: 100% -125px; padding-right: 12px; }
.medium .meta-data a.stats span.members, .medium .meta-data span.stats span.members, .medium .meta-data acronym.stats span.members, .small .meta-data a.stats span.members, .small .meta-data span.stats span.members, .small .meta-data acronym.stats span.members { background-position: 100% -97px; padding-right: 16px; white-space: nowrap; }
.medium .meta-data a.stats span.first, .medium .meta-data span.stats span.first, .medium .meta-data acronym.stats span.first, .small .meta-data a.stats span.first, .small .meta-data span.stats span.first, .small .meta-data acronym.stats span.first { border: 0; padding-left: 3px; }
.medium .meta-data a.stats span span, .medium .meta-data span.stats span span, .medium .meta-data acronym.stats span span, .small .meta-data a.stats span span, .small .meta-data span.stats span span, .small .meta-data acronym.stats span span { display: none; }
.medium .meta-data a acronym, .medium .meta-data a a, .medium .meta-data span acronym, .medium .meta-data span a, .medium .meta-data acronym acronym, .medium .meta-data acronym a, .small .meta-data a acronym, .small .meta-data a a, .small .meta-data span acronym, .small .meta-data span a, .small .meta-data acronym acronym, .small .meta-data acronym a { float: left; margin-left: 4px; color: white; background: #0066cc; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; padding: 0 3px 1px 3px; border: 0; }
.medium .meta-data a acronym:hover, .medium .meta-data a a:hover, .medium .meta-data span acronym:hover, .medium .meta-data span a:hover, .medium .meta-data acronym acronym:hover, .medium .meta-data acronym a:hover, .small .meta-data a acronym:hover, .small .meta-data a a:hover, .small .meta-data span acronym:hover, .small .meta-data span a:hover, .small .meta-data acronym acronym:hover, .small .meta-data acronym a:hover { color: white; }
.medium.no-comments .timestamped-comments, .small.no-comments .timestamped-comments { display: none; }
.medium.no-comments .waveform, .medium.no-comments .waveform-overlay, .medium.no-comments .progress, .medium.no-comments .playhead, .medium.no-comments seekhead, .medium.no-comments .seekhead div, .small.no-comments .waveform, .small.no-comments .waveform-overlay, .small.no-comments .progress, .small.no-comments .playhead, .small.no-comments seekhead, .small.no-comments .seekhead div { height: 77px; }

.medium a.comments-toggle { top: 41px; }
.medium.no-comments a.comments-toggle { top: 60px; }

.player.small { margin-bottom: 15px; }
.player.small .controls { width: 29px; height: 30px; }
.player.small .controls .play { width: 30px; height: 30px; margin: 0; top: 1px; left: 1px; background-image: url(/images/player-small-buttons.png?unicorn30); background-position: -1px -1px; }
.player.small .controls .play:hover { background-position: -33px -1px; }
.player.small .controls .play.playing { background-position: -1px -33px; }
.player.small .controls .play.playing:hover { background-position: -33px -33px; }
.player.small .container { border: 1px #cccccc solid; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; }
.player.small .display { height: 30px; margin-left: 30px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; }
.player.small .waveform { height: 30px; }
.player.small .waveform-overlay { height: 30px; }
.player.small .progress { height: 30px; }
.player.small h3 { font-size: 15px; line-height: 1.2em; margin-bottom: 2px; }
.player.small h3 a { border: 0 !important; padding: 0 !important; }
.player.small .timestamped-comments { background: transparent; top: 30px; height: 0; border: 0; }
.player.small .timestamped-comments .timestamped-comment .marker { padding-top: 13px; }
.player.small .timestamped-comments .timestamped-comment .marker a { display: none; }
.player.small .private { float: right; position: relative; top: 4px; font-size: 10px; line-height: 12px; padding: 1px 5px 1px 20px !important; color: white; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background-color: #777777; background-image: url(/images/icons_mini.png?unicorn30); background-repeat: no-repeat; background-position: -80px -1539px !important; }
.player.small .private a { border-right: 1px #cccccc solid; padding-right: 4px; margin-right: 5px; color: white; }
.player.small .private.very { background-color: #ff6600; }
.player.small .private.very a { border-right: 1px #ffb17d solid; }
.player.small .head, .player.small .playhead, .player.small .seekhead, .player.small .seekhead div { height: 30px; }

.track-title { position: relative; display: inline-block; padding-left: 17px; }
.track-title .player { position: absolute; left: 0; top: 0; }
.track-title .player.nano a.play { width: 14px; height: 14px; overflow: hidden; display: block; top: 0; left: 0; text-indent: -9999px; outline: 0; background-image: url(/images/player-nano-buttons.png?unicorn30); background-position: 0px 0px; }
.track-title .player.nano a.play:hover { background-position: -17px 0; }
.track-title .player.nano span { color: #333333; font-size: 11px; }
.track-title .player.nano span.bpm { color: #666666; }
.track-title .player.nano a.playing { background-position: 0 -17px; }
.track-title .player.nano a.playing:hover { background-position: -17px -17px; }

.modal-dialog.new-set { margin-top: -140px; }

.set.medium { margin: 0 0 30px 0; }
.set .set-player { background: #eeeeee; }
.set .medium, .set.large { margin: 0 0 20px 0 !important; position: relative; }
.set .medium li .medium, .set.large li .medium { margin: 0 !important; }
.set.large { margin: 0 0 10px 0 !important; }
.set h3 { margin: 0 0 0 0; padding: 0 0 0 0; }
.set h3 a { border: 0 !important; padding: 0 !important; }
.set h3 span { display: inline; color: #666666; font-size: 12px; }
.set h3 span strong { color: #333333; font-weight: normal; }
.set h3 span.subtitle { display: block; margin-top: 2px; }
.set h3 .uploaded-via a { color: #666666; }
.set h3 .uploaded-via a:hover { color: #ff6600; }
body.current-user .set h3 span.by, body#users.sets .set h3 span.by { display: none; }
.set li.playlist-player { display: none; }
.set li.first.playlist-player { display: block; margin: 0; }
.set li.first.playlist-player .player { margin: 0; }
.set li.playlist-player div.loading.loading-track { height: 118px; border: 1px #cccccc solid; }
.set li.playlist-player div.loading.loading-track span { display: block; width: 250px; height: 20px; text-align: center; margin: 50px auto 0 auto; padding: 5px 0 0 0; background: #e3e3e3; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; }
.set .bottom { display: none; }
.set .timestamped-comments { -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; }
.set ol { z-index: 300; position: relative; }
.set.large ol.players { height: 120px; }
.set.medium ol.players { height: 78px; }
.set.medium ol.players li.playlist-player div.loading.loading-track { height: 75px; }
.set.medium ol.players li.playlist-player div.loading.loading-track span { margin: 26px auto; }
.set ol.tracks { padding: 2px 0 0 0; font-size: 11px; max-height: 197px; overflow-x: hidden; overflow-y: auto; border: 1px #cccccc solid; border-top: 0; }
.set ol.tracks li { margin: 0 !important; padding: 2px 47px 2px 7px !important; white-space: nowrap; position: relative; overflow: hidden; }
.set ol.tracks li.odd { background-color: #f8f8f8; }
.set ol.tracks li .actions { position: absolute; right: 0px; top: 2px; z-index: 280; height: 16px; padding-left: 4px; overflow: hidden; }
.set ol.tracks li .actions a, .set ol.tracks li .actions span.download { display: block; float: left; border: 0; padding: 0 !important; margin: 2px 2px 0 0 !important; background-color: transparent !important; background-image: url(/images/icons_mini.png?unicorn30); background-position: top left; width: 12px; height: 16px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; text-indent: -9999px; -webkit-box-shadow: none; -moz-box-shadow: none; }
.set ol.tracks li .actions a.download, .set ol.tracks li .actions span.download.download { background-position: -81px -240px; }
.set ol.tracks li .actions a.download.disabled, .set ol.tracks li .actions span.download.download.disabled { background-position: -81px -1039px; }
.set ol.tracks li .actions a.favorite, .set ol.tracks li .actions span.download.favorite { background-position: -82px -201px; }
.set ol.tracks li .actions a.favorite.destroy, .set ol.tracks li .actions span.download.favorite.destroy { background-position: -82px -841px; }
.set ol.tracks li .actions a.gothere, .set ol.tracks li .actions span.download.gothere { background-position: -82px -798px; }
.set ol.tracks li .info { cursor: pointer; display: block; overflow: hidden; text-overflow: ellipsis; }
.set ol.tracks li span { color: #333333; }
.set ol.tracks li span.time { color: #333333; }
.set ol.tracks li span.plays { color: #666666; }
.set ol.tracks li span.bpm { color: #666666; }
.set ol.tracks li span a { padding-right: 4px; }
.set ol.tracks li span a.set-track-title { font-weight: bold; }
.set ol.tracks li.playing, .set ol.tracks li:hover, .set ol.tracks li.paused { background-color: #ff6600; margin: 0 0 0 0px; color: white; }
.set ol.tracks li.playing .actions, .set ol.tracks li:hover .actions, .set ol.tracks li.paused .actions { background-color: #ff6600; }
.set ol.tracks li.playing a, .set ol.tracks li:hover a, .set ol.tracks li.paused a { color: white; font-weight: bold; }
.set ol.tracks li.playing a.download, .set ol.tracks li:hover a.download, .set ol.tracks li.paused a.download { background-position: -1px -240px; }
.set ol.tracks li.playing a.favorite, .set ol.tracks li.playing a.favorite.destroy, .set ol.tracks li:hover a.favorite, .set ol.tracks li:hover a.favorite.destroy, .set ol.tracks li.paused a.favorite, .set ol.tracks li.paused a.favorite.destroy { background-position: -1px -201px; }
.set ol.tracks li.playing a.favorite.destroy, .set ol.tracks li:hover a.favorite.destroy, .set ol.tracks li.paused a.favorite.destroy { background-position: -82px -201px; }
.set ol.tracks li.playing a.gothere, .set ol.tracks li:hover a.gothere, .set ol.tracks li.paused a.gothere { background-position: 0px -798px; }
.set ol.tracks li.playing .even, .set ol.tracks li.playing .odd, .set ol.tracks li:hover .even, .set ol.tracks li:hover .odd, .set ol.tracks li.paused .even, .set ol.tracks li.paused .odd { background: transparent; }
.set ol.tracks li.playing span, .set ol.tracks li:hover span, .set ol.tracks li.paused span { color: white; }
.set ol.tracks li.playing span.time, .set ol.tracks li:hover span.time, .set ol.tracks li.paused span.time { color: #fff9f4; }
.set ol.tracks li.playing span.plays, .set ol.tracks li:hover span.plays, .set ol.tracks li.paused span.plays { color: #ffdec2; }
.set ol.tracks li.playing span.bpm, .set ol.tracks li:hover span.bpm, .set ol.tracks li.paused span.bpm { color: #ffaf69; }

.empty-set { padding-bottom: 7px; }
.empty-set .status { border: 1px #d9d9d9 solid; background: white; font-size: 11px; text-align: center; padding: 5px; color: #777777; }

#side-content ul.sets-list { border-bottom: 1px #e5e5e5 solid; padding-bottom: 7px; margin: -7px 0 0 0; }
#side-content ul.sets-list li.set { border: 0; border-top: 1px #e5e5e5 solid; padding: 7px 0 0 0; margin: 7px 0 0 0; }
#side-content ul.sets-list li.set div.small { margin: 0 0 0 0; zoom: 1; }
#side-content ul.sets-list li.set div.small:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#side-content ul.sets-list li.set div.small .artwork { float: left; display: block; width: 47px; height: 47px; text-indent: -9999px; margin: 0 5px 0 0; }
#side-content ul.sets-list li.set div.small h3 { line-height: 1.3em; font-size: 12px; line-height: 1.3em; }
#side-content ul.sets-list li.set div.small .time { font-size: 10px; line-height: 1.3em; }

.customize-settings { border: 1px #cccccc solid; border-top: 0; margin: -15px 0 10px 0; padding: 10px; height: 255px; position: relative; background-image: url(/images/widget/bg.png?unicorn30); background-position: bottom left; background-repeat: repeat-x; }
.customize-settings h4 { margin-bottom: 7px; }
.customize-settings .picker-col { position: absolute; width: 250px; padding: 0px 20px 0 0; }
.customize-settings .picker-col .color-field { width: 150px; float: left; }
.customize-settings .picker-col .color-field input { width: 120px; font-size: 21px; padding: 1px; filter: none !important; background: none; }
.customize-settings .picker-col .color-field input:hover { background: none; }
.customize-settings .picker-col .picker { float: left; }
.customize-settings.mini .picker-col { left: 10px; top: 120px; }
.customize-settings.midi .picker-col { left: 10px; top: 144px; }
.customize-settings.midi.playlist .picker-col { top: 161px; }
.customize-settings.maxi .picker-col { left: 250px; top: 10px; }
.customize-settings #mini-widget .options-col { padding-left: 300px; }
.customize-settings #mini-widget .options-col .select { padding: 0 0 4px 0; }
.customize-settings #mini-widget .options-col .select label { float: left; padding: 3px 4px 0 0; }
.customize-settings #mini-widget .options-col .select select { width: 120px; }
.customize-settings #mini-widget .player.mini { height: 70px; }
.customize-settings #mini-widget .player.mini div { height: 30px; }
.customize-settings #mini-widget .player.mini div span.preview, .customize-settings #mini-widget .player.mini div label { display: block; float: left; width: 60px; }
.customize-settings #mini-widget .player.mini div span.preview { margin: -1px 0 0 0; background-image: url(/images/widget/tiny.png?unicorn30); background-color: #ff7700; background-repeat: no-repeat; height: 20px; width: 422px; padding: 1px 0 0 28px; overflow: hidden; white-space: nowrap; }
.customize-settings #mini-widget .player.mini div span.preview#mini-playing { background-position: 0 -24px; }
.customize-settings #mini-widget .player.mini div span.preview span { color: #ff7700; }
.customize-settings #midi-widget .options-col { padding-left: 300px; }
.customize-settings #midi-widget .player.medium .playhead { opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); background-image: none; }
.customize-settings #midi-widget .player.medium .play { display: block; text-indent: 0; overflow: hidden; background: none !important; }
.customize-settings #midi-widget .player.medium .waveform-overlay, .customize-settings #midi-widget .player.medium .waveform { height: 60px; }
.customize-settings #midi-widget .player.medium .timestamped-comments { background-color: #bababa; height: 16px; top: 60px; }
.customize-settings #midi-widget .player.medium .timestamped-comments li.timestamped-comment .user-image-tiny { width: 16px; height: 16px; bottom: 0px; }
.customize-settings #midi-widget .player.medium .timestamped-comments .marker { background-color: #666666; }
.customize-settings #midi-widget .player.medium.no-comments .waveform-overlay, .customize-settings #midi-widget .player.medium.no-comments .waveform, .customize-settings #midi-widget .player.medium.no-comments .playhead { height: 77px; }
.customize-settings #midi-widget .player.medium .set { background-color: #eeeeee; }
.customize-settings #midi-widget .player.medium .set ol.tracks li { padding: 0px 7px; }
.customize-settings #midi-widget .player.medium .set ol.tracks li.odd { background-color: #dbdbdb !important; }
.customize-settings #midi-widget .player.medium .set ol.tracks li:hover { cursor: pointer; background-color: transparent; color: #333333 !important; }
.customize-settings #midi-widget .player.medium .set ol.tracks li:hover span { color: #333333 !important; }
.customize-settings #midi-widget .player.medium .set ol.tracks li:hover span.plays { color: #666666 !important; }
.customize-settings #midi-widget.playlist .player.medium { margin-bottom: 13px; }
.customize-settings #midi-widget.playlist .options-col { padding-left: 280px; }
.customize-settings #html5-widget .options-col { padding-left: 300px; }
.customize-settings #html5-widget .player.html5 .container { background-color: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.customize-settings #html5-widget.playlist .options-col { padding-left: 280px; }
.customize-settings #maxi-widget .player.maxi { width: 200px; height: 200px; background-color: #ff7700; }
.customize-settings #maxi-widget .player.maxi a { width: 52px; height: 52px; display: block; margin: 75px 0 0 75px; position: absolute; padding-top: 1px; overflow: hidden; background-image: url(/images/widget/tiny.png?unicorn30); background-position: -13px -62px; background-repeat: no-repeat; }
.customize-settings #maxi-widget .options-col { position: absolute; left: 250px; top: 150px; }
.customize-settings #maxi-widget .options-col .widget-size { position: absolute; top: 70px; left: -240px; }
.customize-settings #maxi-widget .options-col .widget-size select { width: 200px; }

.customize-settings.html5 { height: 255px; margin-bottom: 10px; }
.customize-settings.html5 .picker-col { bottom: 12px; }
.customize-settings.html5 .picker-col h4 { display: none; }
.customize-settings.html5.playlist { height: 412px; margin-bottom: 5px; }

.url-col { padding-left: 70px; background-image: url(/images/elements.png?unicorn30); background-repeat: no-repeat; background-position: -293px -512px; }
.url-col label { font-size: 11px; }
.url-col input { font-size: 18px; }
.url-col .wp-shortcode label { width: 165px; padding: 3px 5px 2px 22px; background-image: url(/images/share_icons.png?unicorn30); background-repeat: no-repeat; background-position: 0 -187px; }
.url-col .wp-shortcode input { float: right; width: 280px; font-size: 11px; }
.url-col.html5 { padding-bottom: 1px; }

.customize-settings { zoom: 1; }
.customize-settings:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#info-fields .form-group #playlist_release_year { width: 37%; }
#info-fields .form-group #playlist_release_month { width: 32%; }
#info-fields .form-group #playlist_release_day { width: 26%; margin-right: 0px; }

#reorder { padding: 10px 10px 14px 10px; background-image: url(/images/stripes_light_light.png?unicorn30); }
#reorder.filled .notracksyet { display: none; }
#reorder .restrictions.violated { margin-top: 14px !important; }
#reorder .add-to-set { margin: 14px auto 0px auto; width: 346px; }
#reorder .add-to-set span { float: left; padding: 4px 7px 0 0; }
#reorder .add-to-set.no-add { width: 154px; }
#reorder .add-to-set.no-add #add-existing-track, #reorder .add-to-set.no-add .connector { display: none; }
#reorder .add-to-set.empty { padding: 7px 14px 7px 14px; border-radius: 28px; -webkit-border-radius: 24px; -moz-border-radius: 28px; width: 240px; background-position: 0 -191px; }
#reorder .add-to-set.empty:hover { background-position: 0px -275px; }
#reorder .add-to-set.empty a { font-size: 12px; line-height: 15px; }
#reorder .add-to-set.empty a.big { font-size: 25px; line-height: 28px; }
#reorder a.hidden { display: none; }
#reorder ol.positions { position: relative; text-align: left; }
#reorder ol.positions li { background-color: white; background-image: url(/images/move-icon.png); background-repeat: no-repeat; background-position: 1% 7px; margin: 0 0px 5px 0px; border: 1px #cccccc solid; -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; position: relative; font-size: 13px; overflow: hidden; position: relative; padding: 5px 25px 5px 32px; white-space: nowrap; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); cursor: move; }
#reorder ol.positions li span.blocker { display: block; width: 580px; height: 1px; }
#reorder ol.positions li .form-buttons { display: inline; padding-left: 5px; }
#reorder ol.positions li .form-buttons a, #reorder ol.positions li .form-buttons button { display: inline; float: none; }
#reorder ol.positions li .private, #reorder ol.positions li div { float: left; }
#reorder ol.positions li div.title { margin-right: 5px; max-width: 480px; overflow: hidden; }
#reorder ol.positions li div.title.editable { height: auto; }
#reorder ol.positions li .upload-info-wrapper { width: 561px; margin-top: 5px; font-size: 11px; }
#reorder ol.positions li .upload-info-wrapper .upload-amount-wrapper, #reorder ol.positions li .upload-info-wrapper .transcode-progress-header { width: 49.5%; }
#reorder ol.positions li .upload-info-wrapper .upload-amount-wrapper .upload-progress-amount, #reorder ol.positions li .upload-info-wrapper .transcode-progress-header .upload-progress-amount { color: #111111; }
#reorder ol.positions li .upload-progress { color: #666666; font-size: 12px; margin: 0; width: 561px; }
#reorder ol.positions li .upload-progress span, #reorder ol.positions li .upload-progress div { float: none; }
#reorder ol.positions li .upload-progress .upload-progress-bar, #reorder ol.positions li .upload-progress .transcode-progress-bar { height: 10px; width: 49.5%; float: left; margin: 2px 0px 4px 0px; position: relative; -moz-background-size: 100% 14px; -webkit-background-size: 100% 14px; background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #5c5c5c; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5c5c5c), color-stop(0.5, #747474), color-stop(1, #5c5c5c)) repeat-x, #5c5c5c; background: -moz-linear-gradient(center top, #5c5c5c 0%, #747474 50%, #5c5c5c 100%) repeat scroll 0 -2px #5c5c5c; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); }
#reorder ol.positions li .upload-progress .upload-progress-bar span, #reorder ol.positions li .upload-progress .transcode-progress-bar span { position: absolute; height: 10px; width: 100%; top: 0; left: 0; background-image: url(/images/progress-corner.png?unicorn30); }
#reorder ol.positions li .upload-progress .upload-progress-bar.waiting, #reorder ol.positions li .upload-progress .transcode-progress-bar.waiting { background-color: #e3e3e3; }
#reorder ol.positions li .upload-progress .upload-progress-bar-inner { -webkit-transition: -webkit-transform 0.5s ease-out; background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #3399ff; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3399ff), color-stop(0.5, #74b9ff), color-stop(1, #3399ff)) repeat-x, #3399ff; background: -moz-linear-gradient(center top, #3399ff 0%, #74b9ff 50%, #3399ff 100%) repeat scroll 0 -2px #3399ff; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; -moz-background-size: 100% 14px; -webkit-background-size: 100% 14px; height: 10px; width: 0%; }
#reorder ol.positions li .upload-progress .upload-progress-bar { border-right: 1px solid white; }
#reorder ol.positions li .upload-progress .upload-progress-bar span { background-position: left -64px; }
#reorder ol.positions li .upload-progress .transcode-progress-bar span { background-position: right -64px; }
#reorder ol.positions li .upload-progress .transcode-progress-bar.loading { -moz-background-size: inherit; -webkit-background-size: inherit; }
#reorder ol.positions li .upload-progress .transcode-progress-bar .transcode-progress-bar-inner { background-image: url(/images/horizontal_repeat_better.png?unicorn30); background-position: 0px 0px; background-color: #f86604; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f86604), color-stop(0.5, #ff8736), color-stop(1, #f86604)) repeat-x, #f86604; background: -moz-linear-gradient(center top, #f86604 0%, #ff8736 50%, #f86604 100%) repeat scroll 0 -2px #f86604; -moz-background-size: 100% 30px; -webkit-background-size: 100% 30px; -moz-background-size: 100% 14px; -webkit-background-size: 100% 14px; height: 10px; width: 0%; }
#reorder ol.positions li.on-hold { color: #666666; cursor: default; background-image: none; width: auto; padding-left: 10px; }
#reorder ol.positions li.on-hold input { color: #666666; background-color: #eeeeee; cursor: default; }
#reorder ol.positions li.on-hold input { width: 569px; }
#reorder ol.positions li.on-hold .upload-progress .upload-progress-bar { background-color: #eeeeee; }

#tracks.new #reorder { text-align: center; }

#playlists a.remove-set, #tracks.new a.remove-set { position: absolute; right: 0px; top: 6px; text-indent: -9999px; width: 21px; height: 17px; display: block; outline: 0; background-color: white; background-image: url(/images/elements.png?unicorn30); background-position: -18px -260px; }
#playlists a.remove-set:hover, #tracks.new a.remove-set:hover { background-position: -36px -260px; }

#track-selector span.private, #reorder span.private { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; font-size: 10px !important; height: 14px; padding: 0px 7px 0px 7px; background-color: #ff6600; color: white !important; margin: 0 5px 0 0px !important; position: relative; top: 3px; }

#track-selector { width: 450px; height: 300px; position: relative; }
#track-selector.multiple { height: 500px; }
#track-selector h3 { color: #666666; }
#track-selector .restrictions { margin: 0 15px !important; padding: 5px 0px; }
#track-selector .restrictions p { font-size: 11px; margin-bottom: 3px; }
#track-selector #available-tracks .remove-set { display: none; }
#track-selector #selected-tracks li background { image: none; color: white; }
#track-selector #selected-tracks .remove-set { top: 2px; right: 2px; display: block; }
#track-selector .pane { height: 217px; overflow: auto; margin: 0 0 10px 0; background: url(/images/stripes_light_light.png?unicorn30); padding: 4px; }
#track-selector .pane.restricted { height: 170px; }
#track-selector .pane ul.loading { -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; text-align: center; padding: 0; }
#track-selector .pane li { background-position: 127.5% -256px; }
#track-selector .pane li:hover { color: #ff6600; }
#track-selector .pane li.dropped { background: #eeeeee; cursor: default; border-color: #e3e3e3; }
#track-selector .pane li.dropped .title { color: #666666; }
#track-selector .pane li input { display: none; }
#track-selector .pane li span.private { top: 2px; }
#track-selector .pane li span { color: #777777; }
#track-selector .pane li div { color: #333333; padding-right: 5px; max-width: 90%; text-overflow: ellipsis; overflow: hidden; }
#track-selector .pane#selected-tracks li { border: 1px #cccccc solid; }
#track-selector .pane a.update-set { display: none; }
#track-selector.multiple .pane { height: 150px; }

#reorder, .share-publicly { zoom: 1; }
#reorder:after, .share-publicly:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#facepile { background: #f0f6fb; -webkit-box-shadow: inset 0px 0px 25px 20px #dcebfb; -moz-box-shadow: inset 0px 0px 25px 20px #dcebfb; box-shadow: inset 0px 0px 25px 20px #dcebfb; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; padding: 9px 14px 12px; text-align: center; }
#facepile iframe { width: 100%; border: none; height: 79px; overflow: hidden; }
#facepile .find_and_follow { font-size: 13px; }

#mini-facepile { height: 30px; display: block; overflow: hidden; margin-bottom: 19px; opacity: 0; }
#mini-facepile li { float: left; margin: 0 3px 0 0; padding: 0; min-height: auto; }
#mini-facepile li img { width: 30px; }

.facebook-banner { zoom: 1; position: relative; margin: 0 auto 20px auto; background: #f0f6fb url(/images/facebook_banner_bg.png?unicorn30) 50% 50%; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; width: 920px; border: 1px solid #d7e1f4; }
.facebook-banner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.facebook-banner h2 { color: #0066cc; margin: 15px 15px 25px; font-size: 30px; }
.facebook-banner .facebook-steps { overflow: hidden; margin-bottom: 15px; background: url(/images/facebook_banner_arrows.gif?unicorn30) 460px 103px no-repeat; }
.facebook-banner .facebook-steps li { float: left; padding: 0 15px; font-size: 11px; }
.facebook-banner .facebook-steps li.customize { width: 240px; }
.facebook-banner .facebook-steps li.people { width: 175px; }
.facebook-banner .facebook-steps li.create { width: 175px; background: url(/images/facebook_banner_images.png?unicorn30) no-repeat 22px 100%; }
.facebook-banner .facebook-steps li.connect { width: 210px; background: url(/images/facebook_banner_images.png?unicorn30) no-repeat -253px 100%; }
.facebook-banner .facebook-steps a.block { color: #333333; display: block; height: 155px; }
.facebook-banner .facebook-steps a.block em { color: #0066cc; font-style: normal; }
.facebook-banner .facebook-steps a.block em:hover { color: #ff6600; }
.facebook-banner .facebook-steps a.block h3 { color: #ff6600; }
.facebook-banner .facebook-steps p.bigger { font-size: 16px; }
.facebook-banner .facebook-steps .learnmore { font-size: 11px; position: absolute; bottom: 13px; }
.facebook-banner .dismiss { position: absolute; top: 10px; right: 10px; display: block; width: 16px; height: 16px; background: url(/images/facebook_banner_dismiss.gif?unicorn30); text-indent: -9999px; cursor: pointer; }
.facebook-banner .facebook-label { display: inline; }

.geo #geo-warning { display: block; visibility: hidden; }

.geo.blocked #geo-warning { visibility: visible; }

#geo-warning { display: none; }
#geo-warning h1 { margin: 15px 20% 30px 20%; text-align: center; }
#geo-warning img { width: 100%; margin-bottom: 100px; }

div.player.geo, div.player.not-blocked { position: relative; opacity: 0; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }

div.player.blocked { display: none; }

.playlist-player div.player.blocked { display: block; opacity: 1; }

div.player.not-blocked { opacity: 1; }

.ie7 div.player.blocked, .ie8 div.player.blocked { display: none; }

div.player.blocked:before { content: ""; position: absolute; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; background-color: #e3e3e3; opacity: 0.7; }

div.player.blocked:after { content: "This song is not available in your country"; position: absolute; z-index: 2001; left: 0; top: 35%; width: 100%; font-size: 22px; text-align: center; }

div.player.small.blocked:after { top: 35%; font-size: 11px; font-weight: bold; }

body#tracks.show.geo #main-content { visibility: hidden; }
body#tracks.show.geo #side-content { display: none; }
body#tracks.show.geo #secondary-content { display: none; }

#geo-block .heading { width: 100%; padding-bottom: 8px; }
#geo-block .heading .summary-icon { padding-left: 24px; padding-bottom: 2px; background-image: url(/images/share_icons.png?unicorn30); background-repeat: no-repeat; background-position: -501px -342px; }
#geo-block .heading .summary-text { padding-right: 8px; }
#geo-block .heading .summary-text .blocked-area { color: #ff3300; }
#geo-block .heading .summary-text .allowed-area { color: #119304; }
#geo-block .heading #toggle-settings.button { padding-left: 24px; }
#geo-block .settings { display: none; border-top: 1px solid #eeeeee; padding-top: 12px; }
#geo-block .settings .geo-blocked-disabled, #geo-block .settings .geo-blocked-enabled, #geo-block .settings li.rule { display: block; clear: both; padding-bottom: 6px; }
#geo-block .settings .geo-blocked-disabled label, #geo-block .settings .geo-blocked-enabled label, #geo-block .settings li.rule label { padding-left: 8px; }
#geo-block .settings .geo-blocked-disabled input, #geo-block .settings .geo-blocked-enabled input, #geo-block .settings li.rule input { font-size: 20px; }
#geo-block .settings .geo-blocked-disabled label, #geo-block .settings .geo-blocked-disabled input, #geo-block .settings .geo-blocked-disabled select, #geo-block .settings .geo-blocked-disabled a.button, #geo-block .settings .geo-blocked-enabled label, #geo-block .settings .geo-blocked-enabled input, #geo-block .settings .geo-blocked-enabled select, #geo-block .settings .geo-blocked-enabled a.button, #geo-block .settings li.rule label, #geo-block .settings li.rule input, #geo-block .settings li.rule select, #geo-block .settings li.rule a.button { float: left; display: inline; padding-right: 12px; }
#geo-block .settings .geo-blocked-enabled label { font-size: 14px; }
#geo-block .settings .geo-blocked-enabled input { margin-top: 0px; }
#geo-block .settings .geo-blocked-disabled label { font-size: 18px; }
#geo-block .settings .geo-blocked-disabled input { margin-top: 4px; }
#geo-block .settings ul.rules { clear: left; display: none; }
#geo-block .settings ul.rules li.rule { padding-left: 22px; margin-bottom: 20px; }
#geo-block .settings ul.rules li.rule.clonable { display: none; }
#geo-block .settings ul.rules li.rule a.button.circle { font-size: 18px !important; margin-bottom: 0.3em; }
#geo-block .settings ul.rules li.rule a.button.circle div.background-image { height: 16px; width: 16px; background-image: url(/images/icons_mini.png?unicorn30); background-repeat: no-repeat; }
#geo-block .settings ul.rules li.rule a.button.circle.remove-rule { display: none; }
#geo-block .settings ul.rules li.rule a.button.circle.remove-rule div.background-image { background-position: -77px -855px; }
#geo-block .settings ul.rules li.rule a.button.circle.add-rule div.background-image { background-position: -79px -1896px; }
#geo-block .settings ul.rules li.rule select { margin-top: 2px; }
#geo-block .settings ul.rules li.rule select#policy { margin-right: 12px; }
#geo-block .settings ul.rules li.rule.enabled a.button.circle.remove-rule { display: block; }
#geo-block .settings ul.rules li.rule.enabled a.button.circle.add-rule { display: none; }
#geo-block .settings.enabled .geo-blocked-enabled label { font-size: 18px; }
#geo-block .settings.enabled .geo-blocked-enabled input { margin-top: 4px; }
#geo-block .settings.enabled .geo-blocked-disabled label { font-size: 14px; }
#geo-block .settings.enabled .geo-blocked-disabled input { margin-top: 0px; }
#geo-block .settings.enabled ul.rules { display: block; }

#geo-blockings { display: none; }

.schedule-options { margin-bottom: 20px; }

.schedule-shareability-options textarea { padding: 10px; margin: 10px 0; font-size: 1.25em; }

.scheduled-date-time input, .scheduled-date-time select { display: inline-block; margin-right: 10px; float: left; }
.scheduled-date-time .time { width: 100px; }
.scheduled-date-time .timezone { width: 270px; }

.schedule-option .date-picker-button { height: 23px; width: 31px; cursor: pointer; float: left; background-image: url(/images/elements.png?unicorn30); background-position: -317px -307px; display: inline-block; text-indent: -9999px; }
.schedule-option select { padding: 2px 3px 2px 2px; height: 23px; }

.schedule-option .radiobutton { display: inline-block; vertical-align: bottom; margin-left: 10px; }

.schedule-option-group { margin: 0 0 15px 0; }
.schedule-option-group .width_1_3 { width: 208px; display: inline-block; }
.schedule-option-group .width_2_3 { width: 420px; display: inline-block; }

.schedule-option input.date-field { width: 170px; float: left; margin-right: 5px; }

.online-indicator { display: inline; font-size: 18px; background-image: url(/images/users.png?unicorn30); background-position: -145px -142px; margin: 0 -2px 0 0; padding: 0 20px 4px 0; }

#user-info { margin: 0px 0px 20px 0px; position: relative; }
#user-info .user-image { float: left; margin-right: 10px; width: 100px; height: 100px; }
#user-info h1 { margin-bottom: 0.3em; }
#user-info h1 a.plan-creator-pro-unlimited, #user-info h1 a.plan-creator-pro, #user-info h1 a.plan-lite, #user-info h1 a.plan-solo, #user-info h1 a.plan-pro, #user-info h1 a.plan-pro-plus { padding: 0; display: inline-block; *display: inline; width: 12px; height: 12px; margin-right: 0px; font-size: 1px; line-height: 1px; outline: 0; position: relative; top: -18px; left: -5px; background-color: transparent; background-image: url(/images/users.png?unicorn30); }

ul.user-details-list li { margin: 0 0 10px 0; }
ul.user-details-list li a { margin: 0; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#description { overflow: hidden; text-overflow: ellipsis; }

.songkick-events { padding-top: 15px; }
.songkick-events h3 { padding-bottom: 2px; }
.songkick-events ul { border-top: 1px #eeeeee solid; }
.songkick-events ul li { border-bottom: 1px #eeeeee solid; padding: 9px 0px; line-height: 1.25; }
.songkick-events ul li a { display: block; }
.songkick-events ul li a span { color: #111111; }
.songkick-events ul li .date, .songkick-events ul li .venue, .songkick-events ul li .artists { font-size: 11px; }
.songkick-events ul li .date { color: #666666; display: block; padding-bottom: 3px; }
.songkick-events ul li .location { white-space: nowrap; padding-bottom: 2px; margin-bottom: 0; }
.songkick-events ul li .venue { font-weight: bold; padding-right: 4px; }
.songkick-events .songkick-link { color: #666666; height: 20px; position: relative; float: right; padding-top: 5px; }
.songkick-events .songkick-link span { display: inline-block; line-height: 25px; height: 20px; vertical-align: top; padding-left: 3px; }
.songkick-events .songkick-link:hover span { color: #ff6600; }

.user-tabs-selected-title { margin-top: -10px; }

#you h1 span { display: inline; font-size: 12px; }
#you h1 span a { padding: 0; border: 0; margin: 0; }
#you.tracks .your-tracks-search { padding: 1px 0 7px 0; margin-bottom: 7px; zoom: 1; }
#you.tracks .your-tracks-search:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#you.tracks .your-tracks-search input#q { width: 300px; }
#you.tracks .your-tracks-search input#q:hover { cursor: text; }
#you.tracks .your-tracks-search input, #you.tracks .your-tracks-search a { float: left; margin-right: 7px; }
#you.tracks .your-tracks-search a { padding-top: 2px; color: #666666; text-decoration: underline; }
#you.tracks .your-tracks-search a:hover { color: #ff6600; }
#you.tracks .expl { font-size: 12px; }
#you.tracks ul.tracks-list { margin-top: 20px; }

body#users #main-content #user-info { zoom: 1; }
body#users #main-content #user-info:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.user-image-large, .user-image-small, .user-image-tiny, .user-image-badge { display: block; text-indent: -9999px; outline: 0; }
.user-image-large:hover, .user-image-small:hover, .user-image-tiny:hover, .user-image-badge:hover { cursor: pointer; }

.user-image-large { width: 100px; height: 100px; background-image: url(/images/default_avatar_large.png?taylor); }
.user-image-large.system { background: url(/images/sc-avatar-large.png?unicorn30); }

.user-image-tiny { width: 18px; height: 18px; background-image: url(/images/default_avatar_tiny.png?taylor); }

.user-image-small { width: 32px; height: 32px; background-image: url(/images/default_avatar_small.png?taylor); }

.user-image-badge { float: left; width: 47px; height: 47px; background-image: url(/images/default_avatar_badge.png?taylor); }
.user-image-badge.system { background: url(/images/sc-avatar.png?unicorn30); }

ul.user-list-small { padding: 0; list-style: none; }
ul.user-list-small .userbadge { border-top: none; }
ul.user-list-small li.unseen .userbadge { background-color: #ffeee4; }

li.user.small { list-style: none; }

ul.user-list-full { padding: 0; list-style: none; }
ul.user-list-full li { float: left; margin: 0 15px 15px 0; }

ul.avatar-grid li { display: inline; float: left; margin: 0 3px 11px 0; }
ul.avatar-grid li a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

ul.user-list-custom { margin: 0 auto; }
ul.user-list-custom li { display: block; height: 47px; margin: 0 10px 1px 0; color: white; width: 250px; float: left; user-select: none; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; background-color: #eeeeee; }
ul.user-list-custom li.unseen { background-color: #ffeee4; }
ul.user-list-custom li.anonymous .user-link { color: #333333; }
ul.user-list-custom li.anonymous:hover { cursor: default; }
ul.user-list-custom li.hidden, ul.user-list-custom li.selected { display: none; }
ul.user-list-custom li .user-link { color: #0066cc; }
ul.user-list-custom li:hover { background-position: 0px -48px; cursor: pointer; }
ul.user-list-custom li:hover .user-link { color: #ff5500; }
ul.user-list-custom li a.large-user-link:hover { background: transparent; }
ul.user-list-custom li .user-status { position: absolute; bottom: 32px; right: -7px; }
ul.user-list-custom li .user-image-badge { display: block; width: 47px; height: 47px; border-right: 1px solid white; float: left; }
ul.user-list-custom li .user-image-tiny { border-right: 1px solid white; }
ul.user-list-custom li .user-info { padding: 0 0 0 4px; width: 187px; display: block; float: left; position: relative; height: 48px; }
ul.user-list-custom li .user-info .user-realname { font-size: 10px; display: block; margin: 3px 0 0 0; padding: 0; color: #666666; width: 138px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.user-list-custom li .user-info .user-link { display: block; font-size: 18px; line-height: 1em; text-decoration: none; margin: 15px 0 0 0; height: 32px; position: absolute; top: 0px; padding: 0 0 0 0; z-index: 2; width: 190px; white-space: nowrap; overflow: hidden; outline: 0; }
ul.user-list-custom li .user-info .public-songs-info { color: #333333; font-size: 10px; position: absolute; bottom: 2px; z-index: 1; white-space: nowrap; }
ul.user-list-custom.loading .unblock-user { display: none; }
ul.user-list-custom li.unknown { height: 18px !important; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; white-space: nowrap; }
ul.user-list-custom li.unknown .user-image-tiny { float: left; border-right: 1px solid white; }
ul.user-list-custom li.unknown .user-info { display: inline; padding: 1px 0px 0px 4px; height: 17px !important; width: 150px; color: #333333; }
ul.user-list-custom li.unknown .user-info:hover { cursor: default; }

#muted-users ul.user-list-custom li.user.small { position: relative; }
#muted-users ul.user-list-custom li.user.small .user-link { width: 128px; overflow: hidden; }
#muted-users ul.user-list-custom li.user.small:hover .user-link { color: #0066cc; }
#muted-users ul.user-list-custom li.user.small:hover .user-link:hover { color: #ff6600; }
#muted-users ul.user-list-custom li.user.small.loading .unmute-user { display: none; }
#muted-users ul.user-list-custom li.user.small .unmute-user { height: 32px; width: 21px; text-indent: -9999px; background-color: #ff6600; background-image: url(/images/icons_mini.png?unicorn30); background-position: -83px -1577px; border: 0; position: absolute; right: 0px; top: 0px; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; }

ul.user-list-custom.small-avatar li { display: block; height: 32px; width: 186px; user-select: none; }
ul.user-list-custom.small-avatar li.creator { cursor: default; }
ul.user-list-custom.small-avatar li.creator .user-image-small { cursor: default; }
ul.user-list-custom.small-avatar li.creator .user-info .user-link { color: #333333; cursor: default; }
ul.user-list-custom.small-avatar li.creator .user-status .promote { background-image: none !important; }
ul.user-list-custom.small-avatar .user-image-small { display: block; width: 32px; height: 32px; border-right: 1px solid white; float: left; }
ul.user-list-custom.small-avatar .user-info { height: 32px !important; width: 145px; overflow: hidden; }
ul.user-list-custom.small-avatar .user-info span.pro { margin-top: -3px; }
ul.user-list-custom.small-avatar .user-info .user-info-top-bar { width: 143px !important; position: relative; }
ul.user-list-custom.small-avatar .user-info .user-status { right: 0; bottom: 16px; }
ul.user-list-custom.small-avatar .user-info .user-status .promote { position: relative; top: 9px; background-image: url(/images/icons_mini.png?unicorn30); background-position: -80px -1300px; display: block; width: 20px; height: 17px; }
.moderators ul.user-list-custom.small-avatar .user-info .user-status .promote { background-position: -80px -1320px; }
ul.user-list-custom.small-avatar .user-info .user-realname { width: 94px; }
.moderators ul.user-list-custom.small-avatar .user-info .user-realname, .members ul.user-list-custom.small-avatar .user-info .user-realname { width: 120px; }
ul.user-list-custom.small-avatar .user-info .user-link { font-size: 14px; width: 152px; }
.moderators ul.user-list-custom.small-avatar .user-info .user-link, .members ul.user-list-custom.small-avatar .user-info .user-link { width: 120px; }
ul.user-list-custom.small-avatar .user-info .public-songs-info { display: none; }
ul.user-list-custom.small-avatar .user-info .contact, ul.user-list-custom.small-avatar .user-info .contact span, ul.user-list-custom.small-avatar .user-info .contact a { font-size: 9px; }
ul.user-list-custom.small-avatar .user-info:hover .user-status .promote { background-image: url(/images/icons_mini.png?unicorn30); background-position: -54px -1300px; }
.moderators ul.user-list-custom.small-avatar .user-info:hover .user-status .promote { background-position: -54px -1320px; }

.user.tiny, .user.nano { overflow: hidden; white-space: nowrap; float: none; }
.user.tiny .contact-link, .user.nano .contact-link { width: 10px; }
h2 .user.tiny, h2 .user.nano { margin-left: 0; padding-left: 0; }
.user.tiny .user-name, .user.nano .user-name { outline: 0; }

.user.tiny { margin: 1px 0 0 0; }

.user .user-status { position: relative; font-size: 0; vertical-align: bottom; bottom: 1px; }
.user .contact-link, .user .send-message, .user .user-online, .user .plan-creator-pro-unlimited, .user .plan-creator-pro, .user .plan-pro-plus, .user .plan-pro, .user .plan-solo, .user .plan-lite { display: inline-block !important; vertical-align: bottom; padding: 0 !important; height: 12px; width: 12px; text-indent: -9999px; *display: inline; zoom: 1; background-image: url(/images/users.png?unicorn30); }
.user .plan-creator-pro-unlimited, .user .plan-creator-pro, .user .plan-pro-plus, .user .plan-pro, .user .plan-solo, .user .plan-lite { width: 12px; margin-right: 2px; }
.user .plan-pro-plus, .user .plan-creator-pro-unlimited { background-position: right -32px; }
.user .plan-pro, .user .plan-creator-pro { background-position: right -16px; }
.user .plan-solo { background-position: right 0px; }
.user .plan-lite { background-position: right -48px; }
.user .user-online { background-position: 0px -144px; }
.user .send-message { background-position: 0px -97px; }
.user .send-message:hover { background-position: -20px -97px; }
.user .contact-link { background-position: 0px -175px; }
.user .contact-link:hover { background-position: -19px -175px; }
.user .contact-link.remove-contact { background-position: 0 -200px; }
.user .contact-link.remove-contact:hover { background-position: -19px -200px; }

.userbadge.context { zoom: 1; position: relative; padding: 4px 0; border-width: 1px; border-style: solid; border-color: #dddddd; border-right: none; border-left: none; }
.userbadge.context:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.userbadge.context, .userbadge.context .row { overflow: hidden; _overflow: visible; zoom: 1; }
.userbadge.context .row { height: 20px; }
.userbadge.context .img { float: left; margin-right: 7px; }
.userbadge.context .img img { display: block; }
.userbadge.context .nickname { float: left; display: block; max-width: 170px; margin-top: 1px; white-space: nowrap; overflow: hidden; font-size: 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.userbadge.context .status span, .userbadge.context .status a { float: left; margin: 7px 0 0 4px; }
.userbadge.context ul.data { float: left; margin: 0; padding: 0; list-style: none; }
.userbadge.context ul.data li { position: relative; float: left; font-size: 10px; line-height: 12px; margin: 3px 3px 0 0; padding: 0 6px 0 14px; }
.userbadge.context ul.data li:after { content: ""; display: block; width: 1px; height: 10px; background: #cccccc; position: absolute; right: 0; top: 1px; }
.userbadge.context ul.data li:last-child:after { display: none; }
.userbadge.context ul.data li.data-info { padding-left: 0; }
.userbadge.context ul.data li.data-tracks { background: transparent url(/images/icons_mini.png?unicorn30) -84px -2265px no-repeat; }
.userbadge.context ul.data li.data-followers { background: transparent url(/images/icons_mini.png?unicorn30) -84px -2244px no-repeat; }
.userbadge.context ul.data li.data-plays, .userbadge.context ul.data li.data-comments { background-image: url(/images/elements.png?unicorn30); background-repeat: no-repeat; }
.userbadge.context ul.data li.data-comments { background-position: -338px -25px; }
.userbadge.context ul.data li.data-plays { background-position: -338px -1px; }
.userbadge.context .actions { position: absolute; top: 22px; right: 0; width: 70px; height: 18px; padding: 2px; overflow: hidden; }
.userbadge.context .actions .follow-link { display: block; margin-bottom: 10px; }
.userbadge.context .actions .follow-link.following { opacity: 0; filter: alpha(opacity=0); }
.userbadge.context.following .follow-link.follow { display: none; }
.userbadge.context.following .follow-link.following { opacity: 1; filter: alpha(opacity=100); }
.userbadge.full { position: relative; display: block; width: 114px; overflow: hidden; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); z-index: 0; -webkit-transition: -webkit-box-shadow 0.1s linear; -moz-transition: -moz-box-shadow 0.1s linear; -o-transition: -o-box-shadow 0.1s linear; transition: box-shadow 0.1s linear; }
.ie7 .userbadge.full, .ie8 .userbadge.full, .ie9 .userbadge.full { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid #e3e3e3; }
.userbadge.full:hover { -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
.userbadge.full .row { zoom: 1; display: block; margin: 0 7px; }
.userbadge.full .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.userbadge.full .row.user-info { position: relative; width: 200%; left: 0; margin: 0; }
.userbadge.full .row.user-actions { height: 20px; margin: 0; padding: 7px; }
.userbadge.full .user-name { position: relative; width: 100px; margin: 3px 0; overflow: hidden; font-size: 12px; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }
.userbadge.full .user-name .user-online { position: absolute; top: 0; right: 0; background-position: 4px -141px; }
.userbadge.full .user-image { position: relative; width: 100px; height: 100px; float: left; margin: 0 7px; overflow: hidden; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); *width: 98px; *height: 98px; *border: 1px solid #e3e3e3; }
.userbadge.full .user-image img { position: relative; z-index: -1; }
.userbadge.full .user-details { width: 114px; height: 98px; float: right; margin: 0; border-width: 1px; border-style: solid; border-color: #eeeeee; border-right: none; border-left: none; padding: 0; list-style: none; overflow: hidden; }
.userbadge.full .user-details li { float: none; font-size: 11px; line-height: 1.25em; margin: 0.75em 0 0 0; padding: 0 7px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.userbadge.full .user-details li.user-realname { max-height: 39px; white-space: pre-line; }
.userbadge.full .user-details li.user-tracks, .userbadge.full .user-details li.user-followers { padding-left: 22px; white-space: nowrap; }
.userbadge.full .user-details li.user-tracks { background: transparent url(/images/icons_mini.png?unicorn30) -77px -2265px no-repeat; }
.userbadge.full .user-details li.user-followers { background: transparent url(/images/icons_mini.png?unicorn30) -77px -2243px no-repeat; }
.userbadge.full .user-link { color: #111111; }
.userbadge.full .user-link:hover .user-name { color: #ff6600; }
.userbadge.full .follow-link { display: block; margin-bottom: 7px; }
.userbadge.full .follow-link.following { opacity: 0; filter: alpha(opacity=0); }
.userbadge.full.following .follow-link.follow { display: none; }
.userbadge.full.following .follow-link.following { opacity: 1; filter: alpha(opacity=100); }

#contacts-list, li .user-info .user-info-top-bar, ul.user-list-custom { zoom: 1; }
#contacts-list:after, li .user-info .user-info-top-bar:after, ul.user-list-custom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body.settings #main-content h3 { border-bottom: 1px #cccccc solid; }
body.settings #main-content h3 span { display: inline; }

#user-information { overflow: hidden; }
#user-information .form-group label { margin-top: 0px; }

#pictures-container .current-picture { float: left; padding: 0 14px 0 0; }
#pictures-container .current-picture div { width: 100px; height: 100px; background: url(/images/default_avatar_large.png?unicorn30); }
#pictures-container .current-picture div span { height: 100px; display: block; }
#pictures-container .current-picture a { display: block; width: 100px; height: 21px; color: white; margin-top: 5px; padding-top: 2px; text-align: center; background-color: #333333; outline: 0; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
#pictures-container .current-picture a:hover { background-color: #0066cc; }
#pictures-container .current-picture a.hidden { display: none; }
#pictures-container #previous-pictures { display: inline; }
#pictures-container #previous-pictures .avatar-description { float: left; width: 50%; }
#pictures-container #previous-pictures-list { min-height: 81px; }
#pictures-container #previous-pictures-list li.picture-preview { float: left; display: block; margin: 0 5px 5px 0; }
#signup.details #pictures-container #previous-pictures-list li.picture-preview { display: none; }
#pictures-container #previous-pictures-list li.picture-preview:hover { cursor: pointer; }
#pictures-container #previous-pictures-list li.picture-preview span { width: 47px; height: 47px; display: block; opacity: 0.6; filter: alpha(opacity=60); }
#pictures-container #previous-pictures-list li.picture-preview span:hover { opacity: 1; filter: alpha(opacity=100); }
#pictures-container #previous-pictures-list li.picture-preview div { border: 2px solid white; width: 47px; height: 47px; background: #e6e6e6; }
#pictures-container #previous-pictures-list li.picture-preview div:hover { border-color: #ff6600; }
#pictures-container #previous-pictures-list li.picture-preview a { display: block; text-indent: -9999px; width: 47px; height: 17px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 3px; margin-top: 3px; margin-left: 2px; background-color: #333333; background-image: url(/images/elements.png?unicorn30); background-position: 14px -260px; background-repeat: no-repeat; outline: 0; }
#pictures-container #previous-pictures-list li.picture-preview a:hover { background-position: -181px -260px; }
#pictures-container #previous-pictures-list li.avatar-active span { opacity: 1; filter: alpha(opacity=100); }
#pictures-container #previous-pictures-list li.avatar-active span:hover { cursor: default; }
#pictures-container #previous-pictures-list li.avatar-active span.profile-image-loader { width: 16px; height: 16px; padding: 7px; }
#pictures-container #previous-pictures-list li.avatar-active div { border-color: #ff6600; overflow: hidden; }

#upload-form-file a { margin: 10px 0 10px 0; float: none; text-align: center; }

select.inline { display: inline; margin-left: 5px; }

#user-email #email_address { width: 85%; float: left; margin-right: 5px; }
#user-email .hint { margin: 10px 10px 20px 10px !important; }
#user-email input.default { margin-top: 1px; }
#user-email #user-email-list { margin-bottom: 12px; }
#user-email #user-email-list .email-address { margin-bottom: 8px; }
#user-email #user-email-list .email-address input[type=radio] { float: left; margin: 3px 5px 0 0; }
#user-email #user-email-list .email-address label { color: #333333; }
#user-email #user-email-list .email-address label span.unconfirmed { color: #666666; }
#user-email #user-email-list .email-address.primary input[type=radio] { margin-top: 5px; }
#user-email #user-email-list .email-address.primary label { font-size: 15px; }
#user-email #user-email-list .email-address.primary label #primary-marker { color: #ff6600; }

#emails.edit #additional_email #email_address { width: 80%; float: left; margin-right: 6px; }

#account.edit #delete-user { height: 390px; }
#account.edit #delete-user form input#confirm { float: left; margin: 3px 7px 0px 0px; }
#account.edit #delete-user form label.confirmlabel { float: right; width: 350px; padding-bottom: 1px; }
#account.edit #delete-user form label.error { padding: 4px 0px; }
#account.edit #delete-user form .delete-account-wrapper label.error { float: left; }
#account.edit #delete-user form .form-buttons { float: left; width: 100%; padding-top: 10px; }

#users.extra #license #user_submit { margin-top: 7px; }
#users.extra #extra-form .checkbox { margin-top: 0.5em; }
#users.extra #extra-form input.default { margin: 10px 0 20px 0; }
#users.extra #dropbox-settings .customize { margin: 0px 0 21px 0; }
#users.extra #dropbox-settings .customize a.user-action, #users.extra #dropbox-settings .customize a.link-button { width: 180px; margin: 10px 0 0 0; float: none; }
#users.extra #dropbox-settings a.user-action, #users.extra #dropbox-settings a.link-button { margin-top: 7px; }
#users.extra #dropbox-settings form { clear: left; }

#google-plus-primary #overview { margin-bottom: 14px; }
#google-plus-primary span.icon { width: 16px; height: 16px; background-image: url(/images/share_icons.png?unicorn30); float: left; margin: 1px 5px 0 0; background-position: -3px -953px; }
#google-plus-primary form.disconnect_button { display: inline; float: right; }
#google-plus-primary .google-plus-primary-contents { margin-top: 10px; }
#google-plus-primary .google-plus-primary-contents p { margin-top: 2px; color: #777777; }

.connection-settings-facebook { padding-top: 18px; padding-bottom: 8px; }
.connection-settings-facebook #facebook-primary #overview { margin-bottom: 14px; }
.connection-settings-facebook #facebook-primary #overview span.icon { width: 16px; height: 16px; background-image: url(/images/share_icons.png?unicorn30); float: left; margin: 1px 5px 0 0; background-position: 0 -21px; }
.connection-settings-facebook #facebook-primary #overview form { display: inline; float: right; }
.connection-settings-facebook #facebook-primary #indepth { height: 166px; margin-bottom: 24px; }
.connection-settings-facebook #facebook-primary #indepth h4 { font-size: 14px; font-weight: bold; margin-bottom: 12px; margin-left: 8px; }
.connection-settings-facebook #facebook-primary #indepth .posting-permission-types { width: 191px; float: left; margin-left: -8px; }
.connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type { margin-top: 7px; width: 95.5%; }
.connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type:hover { background: #f0f6fb; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; cursor: pointer; }
.connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type label { position: absolute; font-size: 12px; padding-top: 3px; }
.connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type label.off { color: #777777; font-weight: normal; }
.connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type a.toggle, .connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type input, .connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type label { display: inline-block; }
.connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type a.toggle { height: 18px; width: 18px; margin-top: 1px; margin-right: 8px; margin-left: 8px; background-image: url(/images/input_feedback.png?unicorn30); background-position: center -452px; background-repeat: no-repeat; text-indent: -9999px; }
.connection-settings-facebook #facebook-primary #indepth .posting-permission-types .posting-permission-type a.toggle.off { background-position: center -505px; }
.connection-settings-facebook #facebook-primary #indepth #example { height: 210px; width: 407px; float: left; margin-left: 4px; padding-left: 18px; border-left: 3px solid #eeeff5; position: relative; }
.connection-settings-facebook #facebook-primary #indepth #example .wall-post { display: none; }
.connection-settings-facebook #facebook-primary #indepth #example.post_nichts .wall-post.nichts { display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_tracks .wall-post-arrow { top: 35px; display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_tracks .wall-post.tracks { display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_favorites .wall-post-arrow { top: 65px; display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_favorites .wall-post.favorites { display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_listenings .wall-post-arrow { top: 95px; display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_listenings .wall-post.listenings { display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_followings .wall-post-arrow { top: 125px; display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_followings .wall-post.followings { display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_groups .wall-post-arrow { top: 155px; display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_groups .wall-post.groups { display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_comments .wall-post-arrow { top: 185px; display: block; }
.connection-settings-facebook #facebook-primary #indepth #example.post_comments .wall-post.comments { display: block; }

.facebook-styling { font-size: 11px; line-height: 16px; font-family: "Lucida Grande", sans-serif; }
.facebook-styling .big-gray-centered { font-size: 18px; line-height: 22px; text-align: center; margin: 50px auto 0; width: 350px; color: #a0a0a0; display: block; }
.facebook-styling a, .facebook-styling span.link { color: #3b5998; }
.facebook-styling .wall-post { border: 1px solid #c5cde1; height: 208px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 3px; }
.facebook-styling .wall-post-header { font-weight: bold; background: #f0f0f0; border-bottom: 1px solid #d5d7db; padding: 5px; margin: 2px 2px 10px 2px; }
.facebook-styling .wall-post-arrow { background: url(/images/facebook-timeline-arrow.gif) no-repeat; width: 38px; height: 13px; position: absolute; left: -10px; display: none; }
.facebook-styling .wall-post-user-follow { float: left; width: 85px; margin-left: 10px; }
.facebook-styling .wall-post-user-follow .image, .facebook-styling .wall-post-user-follow img { background: #f0f0f0; width: 85px; height: 85px; margin-bottom: 5px; }
.facebook-styling .wall-post ul { margin: 2px; }
.facebook-styling .wall-post ul li { border-bottom: 1px solid #e2e2e2; display: block; overflow: hidden; margin: 0px 10px 5px; }
.facebook-styling .wall-post ul li:last-child { border-bottom: none 0px; }
.facebook-styling .wall-post ul li p { margin: 0; color: #666666; }
.facebook-styling .wall-post ul li .image, .facebook-styling .wall-post ul li img { float: left; margin: 0 5px 10px 0; width: 50px; height: 50px; background: #f0f0f0; }

table.share-via-networks { border-collapse: collapse; width: 100%; }
table.share-via-networks tbody { border-bottom: 1px #d9d9d9 solid; }
table.share-via-networks th { height: 20px; font-weight: bold; }
table.share-via-networks td { padding: 7px 0px; border-right: 1px #d9d9d9 solid; width: 25%; vertical-align: top; }
table.share-via-networks td.first { white-space: nowrap; }
table.share-via-networks td.first div { position: relative; }
table.share-via-networks td.first div .screen-name { color: #0066cc; display: block; margin-top: 8px; margin-left: 21px; }
table.share-via-networks td.first div form { padding-right: 30px; }
table.share-via-networks td.first div form input.add-account { position: absolute; top: -2px; right: 7px; }
table.share-via-networks td.first select { font-size: 11px; padding: 1px 2px; margin: 5px 0 0 21px; }
table.share-via-networks td.last { border-right: 0; padding: 5px 0 0 10px; }
table.share-via-networks td.last .default { width: 100%; margin-bottom: 4px; }
.not-active table.share-via-networks td.last { width: 30%; }
table.share-via-networks td.last .expl { display: block; text-align: center; padding: 4px 0 5px 0; }
table.share-via-networks td.tracks, table.share-via-networks td.favorites { text-align: center; white-space: nowrap; }
table.share-via-networks td span, table.share-via-networks td a.edit-text { font-size: 11px; line-height: 13px; display: block; }
table.share-via-networks td a.edit-text { margin: 4px auto 0; width: 82px; overflow: hidden; color: #333333; padding-left: 15px; background-image: url(/images/icons_mini.png?unicorn30); background-position: -80px -79px; background-repeat: no-repeat; }
table.share-via-networks td a.edit-text:hover { color: #0066cc; background-position: -80px -99px; }
table.share-via-networks td .toggle-status a.toggle { display: block; height: 22px; background-image: url(/images/input_feedback.png?unicorn30); background-position: center -452px; background-repeat: no-repeat; text-indent: -9999px; }
table.share-via-networks td .toggle-status.off a.toggle { background-position: center -505px; }
table.share-via-networks td .toggle-status.off .edit-text { color: #999999; background-position: -80px -1350px; }
table.share-via-networks td .toggle-status.unavailable a.toggle { background-position: center -554px; }
table.share-via-networks td .toggle-status.unavailable .edit-text { color: #999999; background-position: -80px -1350px; }
table.share-via-networks tr .icon { width: 16px; height: 16px; background-image: url(/images/share_icons.png?unicorn30); float: left; margin: 1px 5px 0 0; }
table.share-via-networks tr.main { border-top: 1px #d9d9d9 solid; }
table.share-via-networks tr.twitter .icon { background-position: 0 -42px; }
table.share-via-networks tr.twitter.inactive .icon { background-position: -501px -42px; }
table.share-via-networks tr.tumblr .icon { background-position: -2px -460px; }
table.share-via-networks tr.tumblr.inactive .icon { background-position: -503px -317px; }
table.share-via-networks tr.facebook .icon { background-position: 0 -21px; }
table.share-via-networks tr.facebook.inactive .icon { background-position: -501px -21px; }
table.share-via-networks tr.yahoo .icon { background-position: -1px -237px; }
table.share-via-networks tr.yahoo.inactive .icon { background-position: -502px -237px; }
table.share-via-networks tr.google_plus .icon { background-position: -1px -953px; }
table.share-via-networks tr.google_plus.inactive .icon { background-position: -502px -953px; }
table.share-via-networks tr.gmail .icon { background-position: -1px -213px; }
table.share-via-networks tr.gmail.inactive .icon { background-position: -502px -214px; }
table.share-via-networks tr.windows_live .icon { background-position: -1px -261px; }
table.share-via-networks tr.windows_live.inactive .icon { background-position: -502px -261px; }
table.share-via-networks tr.myspace .icon { background-position: 0 0px; }
table.share-via-networks tr.myspace.inactive .icon { background-position: -501px 0px; }
table.share-via-networks tr.foursquare .icon { background-position: -2px -769px; }
table.share-via-networks tr.foursquare.inactive .icon { background-position: -503px -291px; }
table.share-via-networks tr.inactive { height: 34px; }
table.share-via-networks tr.inactive td { color: #777777; padding-bottom: 0; }
table.share-via-networks tr.inactive td a.edit-text { display: none; }

.additional-connections h5 { font-size: 13px; }
.additional-connections a.big-action-button.social-connection { padding: 2px 10px; margin-right: 10px; }
.additional-connections a.big-action-button.social-connection span.icon { margin-top: 2px; width: 20px; height: 20px; background-repeat: no-repeat; }

.default_external_note { margin-top: 30px; }
.default_external_note form { margin: 6px 0px 22px 0px; }
.default_external_note form .ext_note_wrapper { margin-right: 60px; float: none; display: block; }
.default_external_note form #external_note_publishing, .default_external_note form #external_note_favoriting { float: left; position: relative; }
.default_external_note form .default { float: right; }
.default_external_note form .placeholder { color: #777777; }

body#users ul.user-details-list { padding-top: 2px; margin-bottom: 15px; }
body#users ul.user-details-list li { margin-bottom: 7px; }
body#users ul.user-details-list li a { height: 19px; display: inline-block; color: #333333; font-size: 13px; padding-left: 22px; background-image: url(/images/share_icons.png?unicorn30); background-repeat: no-repeat; background-position: 0px -699px; }
body#users ul.user-details-list li a:hover { color: #0066cc; }

#profile-links-list { padding: 13px 0px 10px 0px; }

body#advanced_profile ul#profile-links-list li { clear: both; }
body#advanced_profile ul#profile-links-list li .web-profile { clear: both; float: left; width: 100%; height: auto; margin-bottom: 3px; line-height: 20px; }
body#advanced_profile ul#profile-links-list li .identity { float: left; margin-left: 3px; height: 27px; line-height: 23px; }
body#advanced_profile ul#profile-links-list li .identity .refuse-identity { color: #666666; border-bottom: 1px #cccccc solid; font-size: 11px; }
body#advanced_profile ul#profile-links-list li .icon-button { margin: 0px 7px; }
body#advanced_profile ul#profile-links-list li h4 { float: left; width: 100px; line-height: 20px; font-size: 12px; margin-top: 1px; padding-top: 1px; }
body#advanced_profile ul#profile-links-list li .profile { margin-left: 125px; height: 27px; }
body#advanced_profile ul#profile-links-list li .profile .error { float: left; }
body#advanced_profile ul#profile-links-list li .profile input { display: inline; cursor: text; }
body#advanced_profile ul#profile-links-list li .profile input.blank { color: #777777; }
body#advanced_profile ul#profile-links-list li .with-title .web-profile-url, body#advanced_profile ul#profile-links-list li .personal .web-profile-url, body#advanced_profile ul#profile-links-list li .other .web-profile-url { width: 50%; float: left; }
body#advanced_profile ul#profile-links-list li .with-title .web-profile-title, body#advanced_profile ul#profile-links-list li .personal .web-profile-title, body#advanced_profile ul#profile-links-list li .other .web-profile-title { width: 49%; float: right; color: #666666; }
body#advanced_profile ul#profile-links-list li .with-title span, body#advanced_profile ul#profile-links-list li .personal span, body#advanced_profile ul#profile-links-list li .other span { margin-top: 2px; }

.ie7 body#advanced_profile ul#profile-links-list li .with-title .web-profile-url, .ie7 body#advanced_profile ul#profile-links-list li .with-title .web-profile-title, .ie7 body#advanced_profile ul#profile-links-list li .personal .web-profile-url, .ie7 body#advanced_profile ul#profile-links-list li .personal .web-profile-title, .ie7 body#advanced_profile ul#profile-links-list li .other .web-profile-url, .ie7 body#advanced_profile ul#profile-links-list li .other .web-profile-title { float: none; width: 49%; }

body#users ul.user-details-list a .web-profile h4, body#advanced_profile ul#profile-links-list li .web-profile h4 { padding-left: 22px; background-image: url(/images/share_icons.png?unicorn30); background-repeat: no-repeat; background-position: 0px -699px; }
body#users ul.user-details-list a .myspace h4, body#users ul.user-details-list a.myspace, body#advanced_profile ul#profile-links-list li .myspace h4, body#advanced_profile ul#profile-links-list li.myspace { background-position: 0px 1px; }
body#users ul.user-details-list a .facebook h4, body#users ul.user-details-list a.facebook, body#advanced_profile ul#profile-links-list li .facebook h4, body#advanced_profile ul#profile-links-list li.facebook { background-position: 0px -19px; }
body#users ul.user-details-list a .twitter h4, body#users ul.user-details-list a.twitter, body#advanced_profile ul#profile-links-list li .twitter h4, body#advanced_profile ul#profile-links-list li.twitter { background-position: 0px -40px; }
body#users ul.user-details-list a .delicious h4, body#users ul.user-details-list a.delicious, body#advanced_profile ul#profile-links-list li .delicious h4, body#advanced_profile ul#profile-links-list li.delicious { background-position: 0px -61px; }
body#users ul.user-details-list a .blogger h4, body#users ul.user-details-list a.blogger, body#advanced_profile ul#profile-links-list li .blogger h4, body#advanced_profile ul#profile-links-list li.blogger { background-position: 0px -165px; }
body#users ul.user-details-list a .wordpress h4, body#users ul.user-details-list a.wordpress, body#advanced_profile ul#profile-links-list li .wordpress h4, body#advanced_profile ul#profile-links-list li.wordpress { background-position: 0px -187px; }
body#users ul.user-details-list a .reverbnation h4, body#users ul.user-details-list a.reverbnation, body#advanced_profile ul#profile-links-list li .reverbnation h4, body#advanced_profile ul#profile-links-list li.reverbnation { background-position: 0px -315px; }
body#users ul.user-details-list a .purevolume h4, body#users ul.user-details-list a.purevolume, body#advanced_profile ul#profile-links-list li .purevolume h4, body#advanced_profile ul#profile-links-list li.purevolume { background-position: 0px -339px; }
body#users ul.user-details-list a .virb h4, body#users ul.user-details-list a.virb, body#advanced_profile ul#profile-links-list li .virb h4, body#advanced_profile ul#profile-links-list li.virb { background-position: 0px -364px; }
body#users ul.user-details-list a .posterous h4, body#users ul.user-details-list a.posterous, body#advanced_profile ul#profile-links-list li .posterous h4, body#advanced_profile ul#profile-links-list li.posterous { background-position: 0px -387px; }
body#users ul.user-details-list a .flickr h4, body#users ul.user-details-list a.flickr, body#advanced_profile ul#profile-links-list li .flickr h4, body#advanced_profile ul#profile-links-list li.flickr { background-position: 0px -410px; }
body#users ul.user-details-list a .ning h4, body#users ul.user-details-list a.ning, body#advanced_profile ul#profile-links-list li .ning h4, body#advanced_profile ul#profile-links-list li.ning { background-position: 0px -435px; }
body#users ul.user-details-list a .tumblr h4, body#users ul.user-details-list a.tumblr, body#advanced_profile ul#profile-links-list li .tumblr h4, body#advanced_profile ul#profile-links-list li.tumblr { background-position: 0px -458px; }
body#users ul.user-details-list a .ccmixter h4, body#users ul.user-details-list a.ccmixter, body#advanced_profile ul#profile-links-list li .ccmixter h4, body#advanced_profile ul#profile-links-list li.ccmixter { background-position: 0px -483px; }
body#users ul.user-details-list a .hypem h4, body#users ul.user-details-list a.hypem, body#advanced_profile ul#profile-links-list li .hypem h4, body#advanced_profile ul#profile-links-list li.hypem { background-position: 0px -506px; }
body#users ul.user-details-list a .vimeo h4, body#users ul.user-details-list a.vimeo, body#advanced_profile ul#profile-links-list li .vimeo h4, body#advanced_profile ul#profile-links-list li.vimeo { background-position: 0px -530px; }
body#users ul.user-details-list a .discogs h4, body#users ul.user-details-list a.discogs, body#advanced_profile ul#profile-links-list li .discogs h4, body#advanced_profile ul#profile-links-list li.discogs { background-position: 0px -554px; }
body#users ul.user-details-list a .residentadvisor h4, body#users ul.user-details-list a.residentadvisor, body#users ul.user-details-list a .residentadvisorlabel h4, body#users ul.user-details-list a.residentadvisorlabel, body#advanced_profile ul#profile-links-list li .residentadvisor h4, body#advanced_profile ul#profile-links-list li.residentadvisor, body#advanced_profile ul#profile-links-list li .residentadvisorlabel h4, body#advanced_profile ul#profile-links-list li.residentadvisorlabel { background-position: 0px -579px; }
body#users ul.user-details-list a .soundcloud h4, body#users ul.user-details-list a.soundcloud, body#advanced_profile ul#profile-links-list li .soundcloud h4, body#advanced_profile ul#profile-links-list li.soundcloud { background-position: 0px -601px; }
body#users ul.user-details-list a .beatport h4, body#users ul.user-details-list a.beatport, body#advanced_profile ul#profile-links-list li .beatport h4, body#advanced_profile ul#profile-links-list li.beatport { background-position: 0px -626px; }
body#users ul.user-details-list a .lastfm h4, body#users ul.user-details-list a.lastfm, body#advanced_profile ul#profile-links-list li .lastfm h4, body#advanced_profile ul#profile-links-list li.lastfm { background-position: 0px -651px; }
body#users ul.user-details-list a .youtube h4, body#users ul.user-details-list a.youtube, body#advanced_profile ul#profile-links-list li .youtube h4, body#advanced_profile ul#profile-links-list li.youtube { background-position: 0px -675px; }
body#users ul.user-details-list a .songkick h4, body#users ul.user-details-list a.songkick, body#advanced_profile ul#profile-links-list li .songkick h4, body#advanced_profile ul#profile-links-list li.songkick { background-position: 0px -745px; }
body#users ul.user-details-list a .foursquare h4, body#users ul.user-details-list a.foursquare, body#advanced_profile ul#profile-links-list li .foursquare h4, body#advanced_profile ul#profile-links-list li.foursquare { background-position: 0px -768px; }
body#users ul.user-details-list a .berklee h4, body#users ul.user-details-list a.berklee, body#advanced_profile ul#profile-links-list li .berklee h4, body#advanced_profile ul#profile-links-list li.berklee { background-position: 0px -788px; }
body#users ul.user-details-list a .flavors h4, body#users ul.user-details-list a.flavors, body#advanced_profile ul#profile-links-list li .flavors h4, body#advanced_profile ul#profile-links-list li.flavors { background-position: 0px -809px; }
body#users ul.user-details-list a .thedjlist h4, body#users ul.user-details-list a.thedjlist, body#advanced_profile ul#profile-links-list li .thedjlist h4, body#advanced_profile ul#profile-links-list li.thedjlist { background-position: 0px -830px; }
body#users ul.user-details-list a .whatpeopleplay h4, body#users ul.user-details-list a.whatpeopleplay, body#advanced_profile ul#profile-links-list li .whatpeopleplay h4, body#advanced_profile ul#profile-links-list li.whatpeopleplay { background-position: 0px -869px; }
body#users ul.user-details-list a .zeroinch h4, body#users ul.user-details-list a.zeroinch, body#advanced_profile ul#profile-links-list li .zeroinch h4, body#advanced_profile ul#profile-links-list li.zeroinch { background-position: 0px -890px; }
body#users ul.user-details-list a .gigatools h4, body#users ul.user-details-list a.gigatools, body#advanced_profile ul#profile-links-list li .gigatools h4, body#advanced_profile ul#profile-links-list li.gigatools { background-position: 0px -911px; }
body#users ul.user-details-list a .freesound h4, body#users ul.user-details-list a.freesound, body#advanced_profile ul#profile-links-list li .freesound h4, body#advanced_profile ul#profile-links-list li.freesound { background-position: 0px -931px; }
body#users ul.user-details-list a .google_plus h4, body#users ul.user-details-list a.google_plus, body#advanced_profile ul#profile-links-list li .google_plus h4, body#advanced_profile ul#profile-links-list li.google_plus { background-position: 0px -951px; }

#podcast label { margin: 0px 0 5px 0; }
#podcast .podcast-settings { padding: 15px 40px 20px 100px; text-align: left; background: url(/images/itunes_feed.png) no-repeat 18px 16px #f0f6fb; min-height: 65px; }
#podcast .podcast-settings label { padding-top: 3px; width: 180px; float: left; }
#podcast .podcast-settings .podcast-form { overflow: hidden; margin-bottom: 6px; }
#podcast .podcast-settings .podcast-form .default { height: 23px; }
#podcast .podcast-settings .podcast-form .textfield { width: 260px; float: left; margin-right: 10px; }
#podcast .podcast-settings .podcast-form .checkbox { width: 30px; float: left; margin-right: 10px; margin-top: 6px; }
#podcast .podcast-settings .language { margin-top: 6px; }
#podcast #podcast-tracks-language-form { clear: both; }

.bg_icon { width: 20px; height: 20px; display: inline-block; background-image: url(/images/share_icons.png?unicorn30); background-repeat: no-repeat; }

.songkick { background-position: 0px -743px; }

.settings-header-14 { font-size: 14px; }

#pictures-container, #user-email-list .email-address, #upload-image-btn, #additional_email { zoom: 1; }
#pictures-container:after, #user-email-list .email-address:after, #upload-image-btn:after, #additional_email:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; }

#contacts-list .user-list-custom { float: left; }
#contacts-list #suggested-group-name { width: 250px; }
#contacts-list h3 strong { font-weight: normal; padding-right: 12px; background-image: url(/images/icons_mini.png?unicorn30); background-position: 100% -1371px; background-repeat: no-repeat; display: inline; border: 1px solid white; }
#contacts-list h3 strong:hover, #contacts-list h3 strong:focus { background-position: 100% -1391px; }
#contacts-list h3 strong.editable { display: inline; position: relative; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; left: 0; top: 0px; }
#contacts-list h3 .contacts-count { font-size: 12px; padding-left: 4px; }

.groups #contact-groups-list { width: 250px; float: left; margin-right: 10px; }
.groups #contact-groups-list form input { font-size: 13px; }
.groups #contact-groups-list form a { margin-top: 4px; }
.groups #contact-groups-list form input.default { float: right; }
.groups #contact-groups-list button { font-size: 13px; width: 250px; margin: 0 0 0 0; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; }
.groups #contact-groups-list ul { margin: 0 auto 1em auto; }
.groups #contact-groups-list ul li { position: relative; display: block; height: 41px; margin: 0 0px 1px 0; width: 250px; float: left; background-color: #eeeeee; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; }
.groups #contact-groups-list ul li.active, .groups #contact-groups-list ul li:hover { cursor: pointer !important; background-color: #e3e3e3; }
.groups #contact-groups-list ul li.active a.group-link, .groups #contact-groups-list ul li.active .contact-group-info, .groups #contact-groups-list ul li:hover a.group-link, .groups #contact-groups-list ul li:hover .contact-group-info { color: #333333 !important; }
.groups #contact-groups-list ul li .group-image-badge { display: block; width: 42px; height: 42px; float: left; overflow: hidden; background-image: url(/images/elements.png?unicorn30); background-position: 0 -306px; }
.groups #contact-groups-list ul li .group-image-badge span { display: block; width: 20px; height: 20px; float: left; border-bottom: 1px solid white; border-right: 1px solid white; }
.groups #contact-groups-list ul li .contact-group-info { height: 36px; float: left; font-size: 11px; position: relative; color: #666666; line-height: 1.6em; }
.groups #contact-groups-list ul li .contact-group-info:hover { color: #333333; }
.groups #contact-groups-list ul li .contact-group-info:hover a { color: #333333; }
.groups #contact-groups-list ul li .contact-group-info a.group-link { padding: 4px 0px 0 5px; display: block; color: #666666; font-size: 15px; height: 36px; width: 112px; outline: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.groups #contact-groups-list ul li .contact-group-info a.group-link:hover { color: #333333; }
.groups #contact-groups-list ul li .contact-group-info span { position: absolute; top: 21px; left: 5px; }
.groups #contact-groups-list ul li a.remove { text-indent: -9999px; display: block; width: 15px; height: 15px; position: absolute; right: 5px; top: 4px; overflow: hidden; outline: 0; background-image: url(/images/elements.png?unicorn30); background-position: -21px -260px; }
.groups #contact-groups-list ul li a.remove:hover { background-position: -39px -260px; }
.groups #contacts-list .list-container { margin-bottom: 10px; }
.groups #contacts-list ul { overflow: hidden; }
.groups #contacts-list ul.loading { min-height: 35px; min-width: 100%; background-color: white !important; background-image: url(/images/spinner_bigger.gif?unicorn30) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }
.groups #contacts-list ul li { display: none; }
.groups #contacts-list ul li.active { display: block; }
.groups #contacts-list ul li.active li { display: block; background-color: #e3e3e3; }
.groups #contacts-list ul li.active li a { color: #333333; }
.groups #contacts-list ul li.active li.selected { background-position: 0px -445px; }
.groups #contacts-list ul li.suggested.active { display: block; }
.groups #contacts-list ul li.suggested.active ul.user-list-custom li:hover { background-position: 0 -1508px; cursor: default; }
.groups #contacts-list ul li.suggested.active ul.user-list-custom li:hover a:hover { cursor: default; }
.groups #contacts-list a.remove { text-indent: -9999px; display: block; width: 15px; height: 15px; position: absolute; right: 5px; top: 2px; overflow: hidden; outline: 0; background-image: url(/images/elements.png?unicorn30); background-position: -92px -260px; }
.groups #restriction span.reached { font-size: 12px; display: block; }
.groups #contacts-add { width: 240px; float: right; }
.groups #contacts-add h3 { background: white; }
.groups #contacts-add .tabs { margin: 0 0 10px 0; }
.groups #contacts-add .tabs li { width: 95px; }
.groups #contacts-add .quota-info { display: none; }
.groups #contacts-add #type-ahead-search, .groups #contacts-add .access-status { width: 100%; }
.groups #contacts-add .pane .viewport { height: 398px; max-height: 398px; overflow-y: auto; width: 246px; position: relative; }
.groups #contacts-add .pane .viewport ul { position: relative; }
.groups #contacts-add .pane .viewport ul .page { position: absolute; left: 0; }
.groups #contacts-add .pane .viewport ul li { width: 104px !important; }
.groups #contacts-add .pane .viewport ul li .user-info { width: 70px; position: static; }
.groups #contacts-add .pane .viewport ul li .user-info a.user-link { width: auto; line-height: 1.1em; color: #666666; }
.groups #contacts-add .pane .viewport ul li .user-info a.user-link:hover { color: #333333; }
.groups #contacts-add .pane .viewport ul a.remove, .groups #contacts-add .pane .viewport ul .user-info-top-bar { display: none; }
.groups #contacts-add .pane .viewport ul.no-images a.user-image-tiny { background-image: none !important; }
.groups #contacts-add.disabled h3 { color: #cccccc; }
.groups #contacts-add.disabled .access-box input#type-ahead-search-contacts { border-color: #eeeeee; background: transparent; color: #cccccc; }
.groups #contacts-add.disabled .access-box ul.tabs { border-color: #e3e3e3; }
.groups #contacts-add.disabled .access-box ul.tabs li a { color: #cccccc; border-color: #e3e3e3; }
.groups #contacts-add.disabled .access-box ul.tabs li.current a { border-bottom: 1px solid white; }
.groups #contacts-add.disabled .pane ul li { background-image: none; background-color: #f8f8f8; }
.groups #contacts-add.disabled .pane ul li:hover { background-position: 0 -1683px; color: #666666; cursor: default; }
.groups #contacts-add.disabled .pane ul li:hover .user-info a.user-link { cursor: default; }
.groups #contacts-add.disabled .pane ul li .user-image-tiny { background-image: none; }
.groups #contacts-add.disabled .pane ul li .user-image-tiny img { opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); }
.groups #contacts-add.disabled .pane ul li .user-image-tiny:hover { cursor: default; }
.groups #contacts-add.disabled .pane ul li .user-info:hover { background-position: 0 -1683px; cursor: default; }
.groups #contacts-add.disabled .pane ul li .user-info a.user-link { color: #cccccc !important; }
.groups #contacts-add.disabled .pane ul li .user-info a.user-link:hover { cursor: default; }

body#people.groups h3 { margin-bottom: 0.5em; }
body#people.groups .info-box { margin: 0 0 10px 0; padding: 8px 8px 8px 8px; color: #333333; background-color: #dae8f6; background-position: bottom left; text-align: center; border-bottom: 1px #d9d9d9 solid; }
body#people.groups #contacts-list { margin: 0 257px 0 265px; }
body#people.groups #contacts-list .user-list-custom li, body#people.groups .access-box .pane .user-list-custom li { cursor: pointer; height: 18px; width: 105px; margin: 0 10px 1px 0px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; }
body#people.groups #contacts-list .user-list-custom li.hidden, body#people.groups #contacts-list .user-list-custom li.selected, body#people.groups .access-box .pane .user-list-custom li.hidden, body#people.groups .access-box .pane .user-list-custom li.selected { display: none; }
body#people.groups #contacts-list .user-list-custom li .user-image-tiny, body#people.groups .access-box .pane .user-list-custom li .user-image-tiny { float: left; height: 18px; width: 18px; }
body#people.groups #contacts-list .user-list-custom li .user-info, body#people.groups .access-box .pane .user-list-custom li .user-info { height: 18px !important; float: left; width: 86px; padding: 0; }
body#people.groups #contacts-list .user-list-custom li .user-info a.user-link, body#people.groups .access-box .pane .user-list-custom li .user-info a.user-link { margin: 0; font-size: 11px; height: 14px; position: static; padding: 4px 0 0 4px; width: 81px; }
body#people.groups #following .user-list-custom li .user-info, body#people.groups #followers .user-list-custom li .user-info { width: 80px; }
body#people.groups #following .user-list-custom li .user-info a.user-link, body#people.groups #followers .user-list-custom li .user-info a.user-link { width: 80px !important; }

.user-list-custom.recent { margin-bottom: 30px; }

body#contacts #main-content #contact-groups-list form, body#contacts #main-content .access-status, body#contacts #main-content .list-container { zoom: 1; }
body#contacts #main-content #contact-groups-list form:after, body#contacts #main-content .access-status:after, body#contacts #main-content .list-container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

h1 a.cancel { color: #666666; font-size: 12px; font-weight: normal; border-bottom: 1px #cccccc solid; margin-left: 5px; line-height: 1; padding: 0 0 2px 0; }
h1 a.cancel:hover { text-decoration: none; }

.tabs.people { margin-bottom: 0; }

.pane#suggested-users { margin-top: 15px; }

.pane.people .info-line { padding: 6px 0 5px 0; line-height: 16px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 15px; zoom: 1; }
.pane.people .info-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pane.people .info-line a.facebook { color: #333333; padding-left: 22px; height: 16px; background-image: url(/images/share_icons.png?unicorn30); background-repeat: no-repeat; background-position: 0px -22px; }
.pane.people .info-line.empty { padding-top: 16px; }

.user-list-explore { list-style: none; margin: 0; padding: 0; }
.user-list-explore li { margin: 0 14px 14px 0; padding: 0; display: block; float: left; }

.loader.fire-on-ready { height: 70px; }

.pane.people .loader.fire-on-scrolled { min-width: 100%; border: 3px solid white; margin: -182px 0 0 -3px; }

.loader.fire-on-ready, .pane.people .loader.fire-on-scrolled { background-color: white !important; background-image: url(/images/spinner_bigger.gif?unicorn30) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }

.external-identity-info { float: left; padding: 5px 0 2px; }

a.follow-all-link { float: right; margin: 0; padding: 2px 10px 2px 10px; }

body.edit_groups #main-wrapper h1 { margin-bottom: 20px; }
body.edit_groups #main-wrapper h2 { border-bottom: 1px #cccccc solid; }
body.edit_groups #main-wrapper .dropbox-description-edit { height: 70px; }
body.edit_groups #main-wrapper .actions.form-buttons { margin-top: 10px; }

body.full-groups h1 { line-height: 1.05em; }
body.full-groups h1 span { margin-top: 4px; }
body.full-groups .info-header.large { margin-bottom: 30px; }
body.full-groups .info-header.large a.groups-index { color: #333333; }
body.full-groups .info-header.large a.groups-index:hover { color: #ff6600 !important; }
body.full-groups .info-header.large .blocked-hint { float: left; padding-left: 10px; color: #666666; }
body.full-groups .tracks-list li { position: relative; }
body.full-groups .tracks-list li .moderate-track { font-size: 11px; text-align: center; padding: 0 0 12px 0px; margin-bottom: -3px; background-image: url(/images/moderate.png?unicorn30); background-position: bottom center; background-repeat: no-repeat; }
body.full-groups .tracks-list li .moderate-track .moderate-track-inner { background: #dae8f6; padding: 5px 5px 7px 13px; -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; }
body.full-groups .tracks-list li .moderate-track .actions { padding: 5px 0 0 0; }
body.full-groups .tracks-list li .moderate-track .actions a.approve { margin-right: 7px; }
body.full-groups .tracks-list li .moderate-track abbr.pretty-date { color: #333333; }
body.full-groups .tracks-list li .close.contribution { top: 5px; right: 0; }
body.full-groups .tracks-list li .close.contribution.hidden { display: none; }

.group-list li.group { margin: 0 10px 1px 0; padding: 5px 0 5px 5px; width: 245px; height: 90px; overflow: hidden; font-size: 11px; float: left; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; position: relative; background: #eeeeee; }
.group-list li.group .meta-data { left: 100px; height: 9px; }
.group-list li.group .meta-data .stats { background: none; float: none; }
.group-list li.group .artwork-large { display: block; width: 100px; height: 100px; background-image: url(/images/default_group_large.png?taylor); text-indent: -9999px; margin: -5px 5px 0 -5px; float: left; }
.group-list li.group h3 { margin-top: 2px; font-size: 14px; line-height: 16px; height: 32px; overflow: hidden; }
.group-list li.group h3 span { display: none; font-size: 11px; }
.group-list li.group .actions a.button { float: left; margin-right: 4px; padding: 0px 10px 0 !important; }
.group-list li.group .actions a.button span { padding-left: 14px; }
.group-list li.group .actions a.button.moderate { margin-right: 0; }

#contacts #groups.pane .hint { display: none; font-size: 11px; margin: 10px 0 !important; }
.current-user #contacts #groups.pane .hint, #overview #contacts #groups.pane .hint { display: block; }

#groups.tracks .moderate-info, #groups.show .moderate-info { display: none; }
.moderate-info .actions { margin: 10px 0 3px 0; }
.moderate-info .actions span, .moderate-info .actions a { display: inline; font-size: 12px; }

.moderated { color: white; text-transform: uppercase; background: #ff6600; font-size: 9px; padding: 0 2px; }

.tracks-list span.new { color: #ff3300; font-size: 11px; line-height: 10px; position: absolute; right: 0; top: 9px; }
.tracks-list span.new.closable { right: 15px; }

.get-notified { padding-bottom: 5px; margin: 0 0 20px 0; }
.get-notified label { margin-top: 1px; color: #666666; }

.edit_members .content-item { width: 588px; margin-left: auto; margin-right: auto; }

.edit_members #main-wrapper-inner p.expl { margin: -6px 0 13px 0; font-size: 12px; color: #333333; }
.edit_members #main-wrapper-inner h3 { font-size: 15px !important; }
.edit_members #main-wrapper-inner ul.user-list-small li.user.small { position: relative; }
.edit_members #main-wrapper-inner ul.user-list-small li.user.small.blocked .user-link { color: #333333; }
.edit_members #main-wrapper-inner ul.user-list-small li.user.small.blocked .user-info .user-realname { width: 125px; }
.edit_members #main-wrapper-inner ul.user-list-small li.user.small .unblock-user { height: 32px; width: 21px; text-indent: -9999px; background-color: #ff6600; background-image: url(/images/icons_mini.png?unicorn30); background-position: -83px -1577px; border: 0; position: absolute; right: 0px; top: 0px; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; }
.edit_members #main-wrapper-inner ul.user-list-small li.user.small.loading .unblock-user { display: none; }

.groups-list li.group { zoom: 1; }
.groups-list li.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.farbtastic { position: relative; width: 75px; height: 75px; margin: 0 15px 0 0px; }
.farbtastic * { position: absolute; cursor: crosshair; }
.farbtastic .color, .farbtastic .overlay { top: 18px; left: 18px; width: 39px; height: 39px; }
.farbtastic .wheel { background: url(/images/farbtastic/wheel_small.png) no-repeat; width: 100px; height: 100px; }
.farbtastic .overlay { background: url(/images/farbtastic/mask_small.png) no-repeat; }
.farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(/images/farbtastic/marker.png) no-repeat; }
.db-color-picker .farbtastic { width: 200px; height: 200px; margin: 15px 0 0 15px; }
.db-color-picker .farbtastic .color, .db-color-picker .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; }
.db-color-picker .farbtastic .wheel { background-image: url(/images/farbtastic/wheel.png); width: 195px; height: 195px; }
.db-color-picker .farbtastic .overlay { background-image: url(/images/farbtastic/mask.png); }

.drop { max-width: 640px; margin: 20px auto 0; text-align: center; }
.drop .dropbox-description { margin: 0px 0px 15px 0px; font-size: 15px; }
#dropbox.branded .drop .dropbox-description, body.uploading .drop .dropbox-description { display: none; }
#dropbox #dropbox.branded .drop .dropbox-description, #dropbox body.uploading .drop .dropbox-description { display: none; }
.drop .dropbox-description.empty { font-size: 12px; }
.drop .player.small { margin-bottom: 10px; }
.drop .form-buttons-big { margin-top: 15px; }
.drop .upload-form { text-align: left; }
.drop .upload-form #license { margin-top: 15px; }

h2 { font-size: 18px; line-height: 36px; color: #666666; }

#contribute-title { margin: 0 0 25px 0; border-bottom: 1px #d9d9d9 solid; padding-bottom: 5px; }

#secondary-content { margin-top: 0; }
#secondary-content .hint { margin: 0 auto 30px !important; }

.hint.branded-dropbox-enabled { margin-top: 0 !important; }
.hint.branded-dropbox-enabled .form-group { margin: 0 auto; width: 370px; }
.hint.branded-dropbox-enabled .form-group a.link-button { margin: 0 10px 0 0 !important; }
.hint.branded-dropbox-enabled .form-group .tiny { padding: 1px 10px !important; line-height: 16px !important; font-size: 11px !important; }

.hint.branded-dropbox { margin-top: 0 !important; }
.hint.branded-dropbox form { width: 160px; margin: 7px auto 0; }

#dropbox-change-address input.default { width: 131px; }
#dropbox-change-address input#email { width: 482px; margin-right: 10px; }

#users.dropbox .sharing-note { border-top: 1px #eeeeee solid; border-bottom: 1px #eeeeee solid; padding-top: 17px; padding-bottom: 15px; margin: 20px 0px 25px 0px; }
#users.dropbox .sharing-note h3 { color: #111111; font-size: 18px; margin: 0 0 0.2em; }
#users.dropbox .sharing-note p { color: #777777; }
#users.dropbox .sharing-note textarea { height: 44px; }

#edit-url.loading { background-image: url(/images/spinner.gif?unicorn30) !important; background-position: top right !important; background-repeat: no-repeat !important; background-color: white !important; }

.loading { background-image: url(/images/throbber_repeat.png?unicorn30) !important; background-position: 0 0 !important; background-repeat: repeat !important; background-color: #e3e3e3 !important; }
.frame0 .loading { background-position: 0px 0px !important; }
.frame1 .loading { background-position: 1px 0 !important; }
.frame2 .loading { background-position: 2px 0 !important; }
.frame3 .loading { background-position: 3px 0 !important; }
.frame4 .loading { background-position: 4px 0 !important; }
.frame5 .loading { background-position: 5px 0 !important; }
.frame6 .loading { background-position: 6px 0 !important; }
.frame7 .loading { background-position: 7px 0 !important; }
.frame8 .loading { background-position: 8px 0 !important; }
.frame9 .loading { background-position: 9px 0 !important; }
.frame10 .loading { background-position: 10px 0 !important; }
.frame11 .loading { background-position: 11px 0 !important; }
.frame12 .loading { background-position: 12px 0 !important; }
.frame13 .loading { background-position: 13px 0 !important; }
.frame14 .loading { background-position: 14px 0 !important; }
.frame15 .loading { background-position: 15px 0 !important; }
.frame16 .loading { background-position: 16px 0 !important; }

#timestamped-comment-template input.loading { background-color: #333333 !important; }

.groups-list.action-overlay a.lazy.loading, .sets-list.action-overlay a.lazy.loading, .share-code.action-overlay a.lazy.loading { display: block; height: 20px; text-indent: -9999px; background-color: transparent !important; background-image: url(/images/spinner.gif?unicorn30) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }

ul#overview-list.loading { margin-top: 40px; height: 35px; background-color: white !important; background-image: url(/images/spinner_bigger.gif?unicorn30) !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }

.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ui-helper-clearfix { display: inline-block; }

* html .ui-helper-clearfix { height: 1%; }

.ui-helper-clearfix { display: block; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-state-disabled { cursor: default !important; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-datepicker { z-index: 800; width: 17em; padding: 5px; margin: 10px 0 0 -30px; background: #666666; background: rgba(0, 0, 0, 0.6); -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 3px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); }
.ui-datepicker .ui-datepicker-inner { background-color: white; padding: 7px; }
.ui-datepicker .ui-datepicker-header { width: 100%; position: relative; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: -3px; width: 25px; height: 25px; background-image: url(/images/stats/time-picker.png?unicorn30); background-position: -4px -223px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; top: 50%; }
.ui-datepicker .ui-datepicker-prev { left: 0px; }
.ui-datepicker .ui-datepicker-prev.ui-state-disabled { background-position: -140px -223px; }
.ui-datepicker .ui-datepicker-next { right: 0px; background-position: -39px -223px; }
.ui-datepicker .ui-datepicker-next.ui-state-disabled { background-position: -173px -223px; }
.ui-datepicker .ui-datepicker-prev-hover { background-position: -72px -223px; }
.ui-datepicker .ui-datepicker-next-hover { background-position: -107px -223px; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker .ui-datepicker-title { margin: 7px 0; text-align: center; height: 30px; }
.ui-datepicker table { width: 100%; font-size: 11px; border-collapse: collapse; margin: -10px 0 0 0; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.ui-datepicker th { padding: 1px; text-align: center; font-weight: bold; border: 0; border-bottom: 1px #cccccc solid; }
.ui-datepicker td { border: 1px #eeeeee solid; padding: 0px; text-align: center; }
.ui-datepicker td.ui-datepicker-current-day { background-color: #ff6600; }
.ui-datepicker td.ui-datepicker-current-day a { font-weight: bold; color: white; }
.ui-datepicker td span, .ui-datepicker .ui-datepicker td a { display: block; padding: 2px 0; text-decoration: none; }
.ui-datepicker td span { background: #eeeeee; color: #777777; }
.ui-datepicker td.ui-datepicker-week-end span { background: #e3e3e3; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0.2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

.ui-datepicker-multi .ui-datepicker-group { float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; }

.ui-datepicker-row-break { clear: both; width: 100%; }

.ui-datepicker.date-picker-release-date { margin-left: 140px; margin-top: 5px; }
.ui-datepicker.date-picker-release-date .ui-datepicker-title { padding: 0 30px; }
.ui-datepicker.date-picker-release-date .ui-datepicker-title span { position: absolute; left: 96px; }
.ui-datepicker.date-picker-release-date .ui-datepicker-title select { border: 1px #e5e5e5 solid; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; background: white; position: absolute; left: 28px; top: 0px; width: 62px; padding: 0px 0px 1px 0px; }

body.full-stats #main-content-inner { margin-bottom: 20px; }
body.full-stats #main-content-inner .user-list-small { margin-right: -10px; }
body.full-stats#listeners #main-content-inner, body.full-stats#account #main-content-inner { margin-bottom: 0; }
body.full-stats .dummy { background: #eeeeee; height: 150px; }
body.full-stats #secondary-content { min-height: 256px; }
body.full-stats ul.stats-overview { margin-top: 10px; border-bottom: 1px #d9d9d9 solid; }
body.full-stats ul.stats-overview li { width: 20%; padding: 0 0 12px 0; text-align: center; display: block; float: left; }
body.full-stats ul.stats-overview li span.previous { display: block; font-size: 11px; line-height: 14px; color: #333333; }
body.full-stats ul.stats-overview li span.previous .total { border-right: 1px #d9d9d9 solid; padding-right: 2px; margin-right: 4px; }
body.full-stats ul.stats-overview li span.previous .total span { display: none; }
body.full-stats ul.stats-overview li span.current { height: 40px; font-size: 28px; padding-right: 30px; background-image: url(/images/stats/bg.png?unicorn30); background-position: right 3px; background-repeat: no-repeat; color: #333333; }
body.full-stats ul.stats-overview li.downloads span.current { background-position: right -81px; }
body.full-stats ul.stats-overview li.favorites span.current { background-position: right -166px; }
body.full-stats ul.stats-overview li.comments span.current { background-position: right -252px; }
body.full-stats ul.stats-overview li.clicks span.current { background-position: right -336px; }
body.full-stats ul.stats-overview li a:hover span { color: #ff6600; }
body.full-stats ul.stats-overview-list { border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; padding: 7px 0; }
body.full-stats ul.stats-overview-list li { float: left; border-right: 1px #d9d9d9 solid; padding: 0 7px 0 0; margin: 0 7px 0 0; font-size: 18px; line-height: 1em; }
body.full-stats ul.stats-overview-list li a span { color: #333333; }
body.full-stats ul.inline-graph li { position: relative; margin: 2px 0 3px 0; }
body.full-stats ul.inline-graph li span { position: relative; z-index: 80; padding-right: 5px; }
body.full-stats ul.inline-graph li span.position { display: block; float: left; width: 25px; text-align: center; font-weight: bold; }
body.full-stats ul.inline-graph li span.bg { background: #dae8f6; display: block; height: 15px; position: absolute; z-index: 0; top: 1px; }
body.full-stats ul.inline-graph li.small-app { padding: 0 0 5px 57px; margin: 0 0 5px 0; }
body.full-stats ul.inline-graph li.small-app img { float: left; display: inline; margin: 0 0 0 -57px; }
body.full-stats ul.inline-graph li.small-app a { display: block; }
body.full-stats #non-plays-info { font-size: 15px; text-align: right; position: relative; top: -37px; float: right; }
body.full-stats #context-map-container { width: 250px; height: 125px; margin-bottom: 10px; }

#payments-order-status > div { display: none; }

#payments-order-status h1, #payments-order-status h2 { text-align: center; }

#payments-order-status.successful #successful { display: block; }

#payments-order-status.unsuccessful #unsuccessful { display: block; }

#payments-order-status.pending #pending { display: block; }

#payments-order-status.created #pending { display: block; }

#payments-order-status.timeout #timeout { display: block; }

#aborted { display: none; }

#reason.aborted #aborted { display: block; }

#reason.aborted #default { display: none; }

img.spinner { display: block; margin-left: auto; margin-right: auto; }

form#checkout { display: hidden; }

body.product_pages #main-wrapper { padding-bottom: 0; }
body.product_pages #main-wrapper #main-wrapper-inner { margin-bottom: 0; }
body.product_pages h1 { text-align: center; font-size: 42px; line-height: 1.2em; }
body.product_pages img.header { margin: 20px auto; border: 0; }
body.product_pages .intro { text-align: center; font-size: 18px; line-height: 1.3em; margin-bottom: 50px; }
body.product_pages .intro strong { font-weight: normal; }
body.product_pages .intro p { margin: 15px 0 0 0; font-size: 12px; }
body.product_pages .content-item { font-size: 13px; margin-bottom: 20px; }
body.product_pages .content-item.signup-hint { margin-top: 50px; margin-bottom: 20px !important; font-size: 18px; }
body.product_pages .content-item.signup-hint .icon-button { top: -2px; position: relative; }
body.product_pages .content-item.center-align { text-align: center; margin-bottom: 45px; }
body.product_pages .content-item.center-align h2 { font-size: 35px; }
body.product_pages .content-item.left-align img { float: left; margin: 5px 20px 5px 5px; }
body.product_pages .content-item.right-align img { float: right; margin: 5px 5px 5px 20px; }
body.product_pages .content-item .widget { width: 300px; margin: 5px auto 5px; }
body.product_pages .content-item .widget.tiny { width: 200px; }
body.product_pages .content-item .widget.waveform { width: 600px; }

#people h3 { font-size: 12px; color: #666666; margin: 2em 0 1em 0; }

input.dropbox-url, input.url { font-size: 9px; width: 100%; margin: 3px 0 10px 0; }

.dropbox-badge { margin: 15px 0 25px 0; }
.dropbox-badge input { width: 250px; font-size: 9px; overflow: hidden; cursor: text; }
.dropbox-badge a { display: block; margin: 0 auto; cursor: pointer; }
.dropbox-badge .small-white { width: 127px; height: 30px; padding: 25px 60px 0 12px; background-image: url(/images/dropbox_small_white.png?unicorn30); background-repeat: no-repeat; font-size: 10px; color: #666666; }
.dropbox-badge .small-white:hover { color: #3399ff; }
.dropbox-badge .small-dark { width: 127px; height: 30px; background-image: url(/images/dropbox_small_dark.png?unicorn30); background-repeat: no-repeat; font-size: 10px; color: #e3e3e3; padding: 25px 60px 0 12px; }
.dropbox-badge .small-dark:hover { background-position: -250px 0; color: white; }
.dropbox-badge .square-white { width: 105px; height: 82px; background-image: url(/images/dropbox_square_white.png?unicorn30); background-repeat: no-repeat; padding: 39px 15px 5px 10px; text-align: center; font-size: 10px; color: #333333; }
.dropbox-badge .square-white:hover { background-position: -200px 0; color: #3399ff; }
.dropbox-badge .square-dark { width: 105px; height: 82px; background-image: url(/images/dropbox_square_dark.png?unicorn30); background-repeat: no-repeat; padding: 39px 15px 5px 10px; color: #e3e3e3; text-align: center; font-size: 10px; }
.dropbox-badge .square-dark:hover { background-position: -200px 0; color: white; }

#dropbox.branded { background-color: #f0f6fb; background-position: 0 18px; }
#dropbox.branded .sc-header { background-color: #eeeeee; border-bottom: 1px #cccccc solid; padding: 2px 14px 0px 14px; font-size: 11px; color: #333333; }
#dropbox.branded .sc-header .sc-header-right { float: right; }
#dropbox.branded .sc-header .sc-header-link { display: block; background-image: url(/images/elements.png?unicorn30); background-position: 0px -375px; width: 100px; height: 16px; width: 30px; text-indent: -9999px; float: left; }
#dropbox.branded .sc-header a { color: #333333; }
#dropbox.branded .sc-header a:hover { color: #333333; }
#dropbox.branded .branded-header .branded-header-inner { width: 756px; margin: 0 auto; padding: 0px 13px 0px 13px !important; background-image: url(/images/branded_dropbox_bg.png?taylor); background-repeat: repeat-y; }
#dropbox.branded .branded-header a.user-action, #dropbox.branded .branded-header a.link-button { margin-top: 0em; font-size: 11px; padding: 1px 17px; -webkit-border-radius: 10px; }
#dropbox.branded .branded-header a.user-action:hover, #dropbox.branded .branded-header a.link-button:hover { cursor: pointer; }
#dropbox.branded .branded-header .branded-header-background-image { padding: 10px 13px 14px 13px !important; width: 724px; min-height: 100px; }
#dropbox.branded .branded-header .branded-header-image { background-image: url(/images/branded_dropbox_placeholder.png?taylor); background-position: center center; width: 100px; height: 100px; float: left; margin: 3px 14px 0px 0px; }
#dropbox.branded .branded-header .branded-header-intro { padding: 7px 0 0 0; color: white; }
#dropbox.branded .branded-header .branded-header-intro h1 { border-bottom: 0px; margin-bottom: 7px; color: white; }
#dropbox.branded .branded-header .branded-header-intro div { margin: 0 14px 14px 0px; }
#dropbox.branded .branded-header .branded-header-intro div a { border-bottom: 1px solid white; }
#dropbox.branded #main-wrapper { background: transparent; padding: 0; }
#dropbox.branded #main-wrapper #main-wrapper-inner { width: 756px; background-image: url(/images/branded_dropbox_bg.png?taylor); background-repeat: repeat-y; padding: 0 13px !important; margin: 0 auto; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content { background: white; min-height: 200px; width: 640px; padding: 2em 54px 3em 56px; margin-right: 0; position: relative; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content h1 { display: none; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content h2 { margin-bottom: 0.8em; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .placeholder { position: relative; border: 1px #cccccc solid; float: left; margin: 0 7px 0 0; width: 28px; height: 28px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .placeholder a.remove { position: absolute; bottom: -14px; font-size: 9px; left: -1px; display: block; text-indent: -9999px; width: 30px; height: 14px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; margin-top: 3px; border-top: 1px solid white; cursor: pointer; background-color: #333333; background-image: url(/images/elements.png?unicorn30); background-position: 6px -262px; outline: 0; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .placeholder a.remove.hidden { display: none; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .placeholder a.remove:hover { background-position: -189px -262px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content a.user-action, #dropbox.branded #main-wrapper #main-wrapper-inner #content a.link-button { padding: 4px 14px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-customize { margin-bottom: 35px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color { width: 70%; float: left; margin: 0px 2% 0 0; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-inputs { width: 50%; float: left; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-inputs div { height: 60px; padding: 7px 14px 7px 7px; margin: 0 0 0 -7px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-inputs div label { margin-top: 0; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-inputs div.active { background-color: #eeeeee; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; border-bottom-left-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-inputs div.db-color-headerbg input { background-color: #999999; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-inputs div.db-color-bodybg input { background-color: #eeeeee; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-inputs div.db-color-font input { background-color: white; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-picker { width: 50%; margin: 0 0 0 0; float: left; height: 222px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background-color: #eeeeee; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-picker.first { border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-color .db-color-picker.last { border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-images { width: 28%; float: left; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-images div { float: none; height: 68px; position: relative; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-images div label { margin-top: 6px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-images div .expl { position: absolute; top: 56px; font-size: 9px; color: #666666; left: 40px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-images div.db-font-family select { width: 180px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-text { clear: left; margin-bottom: 14px; }
#dropbox.branded #main-wrapper #main-wrapper-inner #content .db-headline { margin-top: 20px; }
#dropbox.branded .branded-footer { width: 756px; margin: 0 auto; padding: 0 13px !important; background-image: url(/images/branded_dropbox_footer.png?taylor); background-repeat: no-repeat; height: 40px; }
#dropbox.branded .branded-footer #copyright { color: #666666; font-size: 10px; padding: 6px 14px 0 14px; }
#dropbox.branded .branded-footer #copyright a { color: #666666; }
#dropbox.branded .branded-footer #copyright a:hover { color: #333333; }

.contribute-pro-hint.restrictions { display: none; font-size: 11px; }

body#groups .contribute-pro-hint.restrictions, .groups-list.action-overlay .contribute-pro-hint.restrictions { display: block; }

.groups-list.action-overlay .contribute-pro-hint.restrictions { padding: 5px 5px 10px 5px; margin: 5px 5px 15px 5px !important; }

.branded-header-intro, .dropbox-description, .sc-header, .branded-header-inner, .db-images div, .db-customize, .db-image-bodybg, .db-image-logo { zoom: 1; }
.branded-header-intro:after, .dropbox-description:after, .sc-header:after, .branded-header-inner:after, .db-images div:after, .db-customize:after, .db-image-bodybg:after, .db-image-logo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.tabs { list-style: none; }

#pro .hint, #gifts .hint { background: #f2f2f2; }
#pro a.cancel, #gifts a.cancel { font-size: 14px; }

body#subscription.show table { width: 100%; border-collapse: collapse; }
body#subscription.show table td { padding: 4px 4px; vertical-align: top; border-bottom: 1px #d9d9d9 solid; font-size: 11px; }
body#subscription.show table td.month { width: 10%; white-space: nowrap; border-right: 1px #e5e5e5 solid; }
body#subscription.show table td.amount { width: 6%; text-align: left; white-space: nowrap; border-right: 1px #e5e5e5 solid; }
body#subscription.show table td.subject { width: 65%; font-weight: bold; border-right: 1px #e5e5e5 solid; }
body#subscription.show table td.subject span { font-weight: normal; }
body#subscription.show table td.invoice { width: 6%; text-align: left; white-space: nowrap; }
body#subscription.show table td.redeemed { width: 40%; text-align: left; white-space: nowrap; }

#pro.index #main-wrapper-inner { width: 862px !important; position: relative; padding: 0 !important; }
#pro.index #main-wrapper-inner .premium_desc_field { display: none; }
#pro.index #main-wrapper-inner .premium_desc_field.current { display: block; }
#pro.index #main-wrapper-inner .box.current.lite .premium-desc { min-height: 0; }
#pro.index #main-wrapper-inner .current-free .lite, #pro.index #main-wrapper-inner .current-free .solo, #pro.index #main-wrapper-inner .current-free .pro, #pro.index #main-wrapper-inner .current-free .pro-plus { margin-left: 31px; }
#pro.index #main-wrapper-inner .current-lite .free { margin-left: 0px; }
#pro.index #main-wrapper-inner .current-lite .solo, #pro.index #main-wrapper-inner .current-lite .pro, #pro.index #main-wrapper-inner .current-lite .pro-plus { margin-left: 31px; }
#pro.index #main-wrapper-inner .current-solo .free, #pro.index #main-wrapper-inner .current-solo .lite { margin-left: 0px; }
#pro.index #main-wrapper-inner .current-solo .pro, #pro.index #main-wrapper-inner .current-solo .pro-plus { margin-left: 31px; }
#pro.index #main-wrapper-inner .current-pro .free, #pro.index #main-wrapper-inner .current-pro .lite, #pro.index #main-wrapper-inner .current-pro .solo { margin-left: 0px; }
#pro.index #main-wrapper-inner .current-pro .pro-plus { margin-left: 31px; }
#pro.index #main-wrapper-inner .current-pro-plus .free, #pro.index #main-wrapper-inner .current-pro-plus .lite, #pro.index #main-wrapper-inner .current-pro-plus .solo, #pro.index #main-wrapper-inner .current-pro-plus .pro { margin-left: 0px; }
#pro.index #main-wrapper-inner .premium-header { font-size: 16px; color: #333333; padding: 0; text-align: center; margin-top: -8px; }
#pro.index #main-wrapper-inner .premium-header div { display: inline; margin-right: 0; }
#pro.index #main-wrapper-inner .premium-header div.old-price { position: relative; font-size: 12px; font-weight: normal; }
#pro.index #main-wrapper-inner .premium-header div.old-price .strike-through { position: absolute; border-top: 2px solid #ff3300; width: 100%; top: 7px; left: 0; }
#pro.index #main-wrapper-inner .premium-desc { padding: 0; text-align: center; min-height: 20px; }
#pro.index #main-wrapper-inner #premium-smallprint { color: #999999; position: relative; top: 15px; margin: 0 0 50px; font-size: 0.9em; text-align: center; }
#pro.index #main-wrapper-inner .feature-title-header { border-bottom: 1px #d9d9d9 solid; padding: 10px 0; margin-bottom: 20px; position: relative; }
#pro.index #main-wrapper-inner .feature-title-header .complete-features { color: #0066cc; cursor: pointer; position: absolute; right: 0; top: 10px; }
#pro.index #main-wrapper-inner .premium-wrapper { position: relative; width: 850px; }
#pro.index #main-wrapper-inner .premium-show { display: none; }
#pro.index #main-wrapper-inner #box-wrapper { position: relative; height: 300px; margin-bottom: 30px; }
#pro.index #main-wrapper-inner #box-wrapper .box { width: 163px; background: #fcfcfc; height: 230px; position: absolute; top: 70px; }
#pro.index #main-wrapper-inner #box-wrapper .box:hover { cursor: pointer; }
#pro.index #main-wrapper-inner #box-wrapper .box .seperator { background-color: #f8f8f8; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#f8f8f8)) repeat-x, #f8f8f8; background: -moz-linear-gradient(90deg, white, #eeeeee, white) repeat-x scroll 0 0 white; -moz-background-size: 100% 100%; -webkit-background-size: 100% 4px; background-size: 100% 4px; height: 229px; position: absolute; right: -2px; top: 0px; width: 2px; }
#pro.index #main-wrapper-inner #box-wrapper .box .premium-box-top, #pro.index #main-wrapper-inner #box-wrapper .box a.premium-sub-link { display: none; }
#pro.index #main-wrapper-inner #box-wrapper .box.free { left: 0; }
#pro.index #main-wrapper-inner #box-wrapper .box.lite { left: 164px; }
#pro.index #main-wrapper-inner #box-wrapper .box.solo { left: 328px; }
#pro.index #main-wrapper-inner #box-wrapper .box.pro { left: 492px; }
#pro.index #main-wrapper-inner #box-wrapper .box.pro-plus { left: 656px; background-image: none; }
#pro.index #main-wrapper-inner #box-wrapper .current { width: 200px; z-index: 10; -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1); height: 300px; background: white; margin-left: -2px; margin-top: -46px; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; }
.ie8 #pro.index #main-wrapper-inner #box-wrapper .current, .ie7 #pro.index #main-wrapper-inner #box-wrapper .current { border: 1px #e5e5e5 solid; }
#pro.index #main-wrapper-inner #box-wrapper .current .seperator { display: none; }
#pro.index #main-wrapper-inner #box-wrapper .current .premium-box-top { display: block; color: black; padding: 8px 0; text-align: center; }
#pro.index #main-wrapper-inner #box-wrapper .current .premium-header { font-size: 1.6em; }
#pro.index #main-wrapper-inner #box-wrapper .current .premium-title { font-size: 1.6em; height: 40px; }
#pro.index #main-wrapper-inner #box-wrapper .current .premium-bullets li { font-size: 1.07em; }
#pro.index #main-wrapper-inner #box-wrapper .current .premium-box-top { font-size: 12px; height: 16px; }
#pro.index #main-wrapper-inner #box-wrapper .current .yearly-price { font-size: 1.5em; }
#pro.index #main-wrapper-inner .button-center { text-align: center; width: 100%; }
#pro.index #main-wrapper-inner .button-center span { font-weight: bold; color: #ff5500; }
#pro.index #main-wrapper-inner .cta { background-color: #f2f2f2; border-radius: 4px; padding: 17px; font-size: 1.3em; width: auto; position: relative; top: 10px; overflow: hidden; }
#pro.index #main-wrapper-inner .cta span { margin-top: 9px; float: left; width: 420px; }
#pro.index #main-wrapper-inner .cta a.upgrade-button { float: right; }
#pro.index #main-wrapper-inner .downgrade .cta { display: none; }
#pro.index #main-wrapper-inner .premium-rows { border-bottom: 1px #d9d9d9 solid; margin-bottom: 20px; padding-bottom: 10px; }
#pro.index #main-wrapper-inner .premium-rows .premium-leftcol { width: 485px; margin-right: 30px; float: left; position: relative; font-size: 13px; }
#pro.index #main-wrapper-inner .premium-rows .premium-leftcol h3 { text-align: left; font-size: 21px; line-height: 1.3em; }
#pro.index #main-wrapper-inner .premium-rows .premium-leftcol p { font-size: 16px; font-weight: 100; }
#pro.index #main-wrapper-inner .premium-rows img.premium-rightcol { padding: 20px 0 30px 0px; }
#pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.solo_storage, #pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.proplus_storage { padding: 20px 0px 20px 30px; }
#pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.solo_downloads { padding: 20px 40px 20px 70px; }
#pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.solo_privacy, #pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.proplus_groups { padding: 20px 0px 20px 50px; }
#pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.pro_stats { padding: 0px 0px 0px 20px; }
#pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.pro_support { padding: 40px 0px 0px 60px; }
#pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.proplus_complete { padding: 10px 0px 10px 60px; }
#pro.index #main-wrapper-inner .premium-rows img.premium-rightcol.free_appgallery { padding: 10px 0px 10px 10px; }
#pro.index #main-wrapper-inner h1, #pro.index #main-wrapper-inner h2 { text-align: center; margin-bottom: 0; padding-top: 10px; }
#pro.index #main-wrapper-inner h2 { font-weight: lighter; font-size: 21px; padding: 0; margin-top: 0; }
#pro.index #main-wrapper-inner h2 span { display: inline; font-size: 21px; color: #333333; position: relative; }
#pro.index #main-wrapper-inner h2 span span { position: absolute; width: 40px; top: 13px; border-bottom: 3px solid #ff3300; }
#pro.index .trial-teaser { background-image: url(/images/pro/elements.png?unicorn30); background-repeat: no-repeat; background-position: -130px 0; width: 120px; height: 110px; padding: 0; margin-left: 10px; }
#pro.index .gift-teaser { position: absolute; right: 5px; top: -12px; padding-right: 25px; background-image: url(/images/pro/elements.png?unicorn30); background-repeat: no-repeat; background-position: right -200px; }
#pro.index table { width: 100%; margin: 60px 0 0px 0; border-collapse: collapse; }
#pro.index table h2 { margin-bottom: 10px; }
#pro.index table td { background-color: white; padding: 3px 0; }
#pro.index table td h3 { color: #0066cc; margin: 35px 0 2px 0; font-size: 15px; }
#pro.index table td h3 span { color: #333333; display: inline !important; font-size: 15px; border-left: 1px #cccccc solid; padding-left: 5px !important; margin-left: 0px !important; border-bottom: 0 !important; }
#pro.index table td.value { text-align: center; width: 133px; }
#pro.index table td.value a.link-button { float: none; display: inline; }
#pro.index table td.level1 { background-color: #e6f6e9; }
#pro.index table td.level2 { background-color: #cfecd5; }
#pro.index table td.level3 { background-color: #9cdbaa; }
#pro.index table td.level4 { background-color: #41a241; color: white; }
#pro.index table td.level5 { background-color: #007913; color: white; }
#pro.index table tr.account-header { font-size: 18px; }
#pro.index table tr.account-header td { padding: 0; }
#pro.index table tr.account-header span { display: block; text-align: center; margin: 0 5px 4px 5px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; background-image: url(/images/pro/horizontal_repeat.png?unicorn30); background-position: 0 -620px; }
#pro.index table tr.account-header td.artists span { color: white; background-color: #3399ff; }
#pro.index table tr.account-header td.business span { color: white; background-color: #ff6600; }
#pro.index table tr .highlight { color: #ff5500; font-weight: bold; }
#pro.index table tr.gift-row td { padding-top: 25px; }
#pro.index table tr.gift-row .gift-teaser { position: relative; padding-left: 25px; left: 0; top: 0; background-image: url(/images/pro/elements.png?unicorn30); background-repeat: no-repeat; background-position: -281px -200px; }
#pro.index table tr.yearly-price span.monthly { display: block; font-size: 11px; color: #666666; }
#pro.index table tr.yearly-price span.monthly.discount { color: #ff3300; }
#pro.index table tr.yearly-price .old-price { position: relative; }
#pro.index table tr.yearly-price .old-price span { position: absolute; border-top: 2px solid #ff3300; width: 100%; top: 7px; left: 0; }
#pro.index table tr.accounts { font-size: 18px; }
#pro.index table tr.accounts.price h3 { margin-top: 5px; }
#pro.index table tr.accounts span { display: block; text-align: center; margin: 20px 5px 0px 5px; border-bottom: 0px solid grey; }
#pro.index table tr.accounts .free span { color: #666666; }
#pro.index table tr.accounts .lite span { color: #3399ff; border-color: #3399ff; }
#pro.index table tr.accounts .solo span { color: #0066cc; border-color: #0066cc; }
#pro.index table tr.accounts .pro span { color: #ff6600; border-color: #ff6600; }
#pro.index table tr.accounts .pro-plus span { color: #ff3300; border-color: #ff3300; }
#pro.index table tr.accounts td { padding: 0; }
#pro.index table tr.feature { border-top: 1px #e5e5e5 solid; }
#pro.index table tr.feature td.value { border-left: 1px #e5e5e5 solid; }
#pro.index table tr.feature.last { border-bottom: 1px #e5e5e5 solid; }
#pro.index table tr.highlighted span.title { position: relative; display: block; }
#pro.index table tr.highlighted span.title span.highlight { width: 24px; height: 22px; background-image: url(/images/pro/elements.png?unicorn30); background-position: -2px -283px; position: absolute; top: -1px; left: -28px; }
#pro.index table tr.upgrade td { padding-top: 14px; }
#pro.index table tr.header { text-align: center; }
#pro.index table tr.header.below td { padding-top: 20px; }
#pro.index table tr.header .lite, #pro.index table tr.header .solo, #pro.index table tr.header .pro, #pro.index table tr.header .pro-plus, #pro.index table tr.header .free { padding: 10px; font-size: 18px; margin: 0 0 0px 0; display: block; height: 60px; border-right: 1px solid white; color: white; }
#pro.index table tr.header .free { color: #333333; }
#pro.index table tr.header td { padding: 0; }
#pro.index table tr.header span span span { border-top: 0; color: #ff6600; font-weight: bold; padding-top: 10px; font-size: 12px; }
#pro.index table tr.header span.free { background-color: #e3e3e3; }
#pro.index table tr.header span.free span { border-left: 0; }
#pro.index table tr.header span.free span span { margin: 0 auto; padding: 5px 0 0 0; }
#pro.index table tr.header span.lite { background-color: #3399ff; }
#pro.index table tr.header span.solo { background-color: #0066cc; }
#pro.index table tr.header span.pro { background-color: #ff6600; }
#pro.index table tr.header span.pro-plus { background-color: #ff3300; }
#pro.index table tr.header span span { color: #333333; font-size: 10px; line-height: 12px; padding: 10px 20px 15px 11px; display: block; margin: 5px -20px -20px -11px; border-left: 1px #eeeeee solid; height: 20px; background: white; }
#pro.index table tr.header span span a { margin-top: 10px; float: none; }
#pro.index table tr.header span .link-button { width: 100px; padding: 4px 5px; font-size: 13px; margin: 0 auto; }

.premium-bullets { margin: 0 0 25px 5px; }
.premium-bullets li { list-style-type: none; padding-left: 22px; background-image: url(/images/premium-bullets-bg.png?unicorn30); background-repeat: no-repeat; }
.free .premium-bullets li { background-position: 7px 5px; }
.lite .premium-bullets li { background-position: 7px -10px; }
.solo .premium-bullets li { background-position: 7px -53px; }
.pro .premium-bullets li { background-position: 7px -24px; }
.pro-plus .premium-bullets li { background-position: 7px -39px; }

.free .premium-title { background: #e6e6e6; padding: 6px 0; margin: 0 0 20px 0; color: white; color: #333333; }
.lite .premium-title { background: #3399ff; padding: 6px 0; margin: 0 0 20px 0; color: white; }
.solo .premium-title { background: #0066cc; padding: 6px 0; margin: 0 0 20px 0; color: white; }
.pro .premium-title { background: #ff6600; padding: 6px 0; margin: 0 0 20px 0; color: white; }
.pro-plus .premium-title { background: #ff3300; padding: 6px 0; margin: 0 0 20px 0; color: white; }
.premium-title h3 { font-size: 1.3em; position: relative; top: 3px; text-align: center; }

body #signup { margin: 40px 0 0 0; }
body #signup h2 span, body .payment_method h2 span { display: block; float: left; width: 27px; margin-right: 4px; font-size: 21px; text-align: center; color: white; background-image: url(/images/elements.png?unicorn30); }
body .existing-pm, body .new-pm { position: relative; margin: 0 0 10px 0; }
body .existing-pm .radiobutton label, body .new-pm .radiobutton label { font-weight: bold; }
body .existing-pm .radiobutton input, body .new-pm .radiobutton input { margin-top: 4px; }
body .existing-pm .pm-info, body .new-pm .pm-info { margin: 4px 0 20px 20px; padding: 10px; background: white; border: 1px #e5e5e5 solid; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
body .existing-pm .pm-info .payment_method, body .new-pm .pm-info .payment_method { margin-top: 0; }
body .existing-pm .pm-info .form-group label, body .new-pm .pm-info .form-group label { margin-top: 0; }
body .existing-pm .pm-info .form-group .width_1_2.number, body .new-pm .pm-info .form-group .width_1_2.number { width: 308px; }
body .existing-pm .pm-info .form-group .width_1_4.expiration select, body .new-pm .pm-info .form-group .width_1_4.expiration select { width: 83px; }
body .existing-pm.inactive label, body .new-pm.inactive label { color: #666666; font-weight: normal; }
body .existing-pm.inactive label .required, body .new-pm.inactive label .required { color: #666666; }
body .existing-pm.inactive .pm-info, body .new-pm.inactive .pm-info { background: transparent; color: #666666; }
body .existing-pm.inactive .pm-info .radiobutton.active, body .new-pm.inactive .pm-info .radiobutton.active { border: 1px #cccccc solid; }
body .existing-pm.inactive .pm-info .radiobutton.mc label, body .new-pm.inactive .pm-info .radiobutton.mc label { background-position: -217px 0; }
body .existing-pm.inactive .pm-info .radiobutton.visa label, body .new-pm.inactive .pm-info .radiobutton.visa label { background-position: -177px 0; }
body .existing-pm.inactive .pm-info .radiobutton.pp label, body .new-pm.inactive .pm-info .radiobutton.pp label { background-position: -304px 0; }
body .existing-pm.inactive .pm-info .radiobutton.amex label, body .new-pm.inactive .pm-info .radiobutton.amex label { background-position: -259px 0; }
body .existing-pm.inactive .pm-info select, body .new-pm.inactive .pm-info select { color: #666666; }
body .existing-pm.inactive .pm-info input:hover, body .new-pm.inactive .pm-info input:hover { color: #666666; background-color: #eeeeee; cursor: default; }
body .existing-pm .desc, body .new-pm .desc { padding: 10px 0px 0px 240px; }
body .payment-selector { padding: 15px 40px 0 0; }
body .payment-selector .monthly, body .payment-selector .yearly { display: block; margin: 0 0 5px 0; }
body .payment-selector .monthly input, body .payment-selector .yearly input { float: left; margin: 4px 7px 0 0; }
body .payment-selector .monthly label, body .payment-selector .yearly label { margin: 1px 4px 0 0; float: left; color: #333333; }
body .payment-selector .monthly label span.price, body .payment-selector .yearly label span.price { font-weight: bold; color: #333333; }
body .payment-selector .monthly:hover, body .payment-selector .yearly:hover { background-position: 0 -66px; }
body .payment-selector .old-price { position: relative; font-size: 12px; font-weight: normal; }
body .payment-selector .old-price .strike-through { position: absolute; border-top: 2px solid #ff3300; width: 100%; top: 7px; left: 0; }
body .payment_method { margin: 14px 0 14px 0; position: relative; }
body .payment_method .hidden { display: none; }
body .payment_method .radiobutton { margin-right: 10px; background-color: white; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(white)) repeat-x, white; background: -moz-linear-gradient(90deg, white, #fafafa) repeat-x scroll 0 0 white; background: -o-linear-gradient(#fafafa, white) white; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='white'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='white')"; zoom: 1; border: 1px #cccccc solid; -moz-border-radius-bottomright: 7px; -moz-border-radius-topleft: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; padding: 5px; }
body .payment_method .radiobutton input { margin: 6px 3px 0 0; }
body .payment_method .radiobutton label { width: 40px; height: 25px; text-indent: -9999px; background-image: url("/images/subscription/cc.png?unicorn30"); }
body .payment_method .radiobutton label.error { width: 500px; height: auto; text-indent: 0; background: none; position: absolute; top: 38px; left: -2px; }
body .payment_method .radiobutton.pp label { background-position: -127px 0px; }
body .payment_method .radiobutton.pp.disabled { position: relative; }
body .payment_method .radiobutton.pp.disabled input { cursor: default; }
body .payment_method .radiobutton.pp.disabled label { background-position: -304px 0; cursor: default; }
body .payment_method .radiobutton.pp.disabled .expl { font-size: 11px; position: absolute; top: 1px; left: 78px; width: 220px; color: #777777; }
body .payment_method .radiobutton.mc label { background-position: -40px 0px; }
body .payment_method .radiobutton.amex label { background-position: -82px 0px; }
body .payment_method .radiobutton.active { border-color: #ff6600; }
body .width_1_2.number { width: 339px; margin-right: 10px; }
body .width_1_4.expiration { margin-right: 10px; width: 33%; }
body .width_1_4.expiration select { float: left; width: 75px; margin-right: 0px; }
body .width_1_4.expiration select#credit_card_month { margin-right: 7px; width: 55px; }
body .width_1_4.expiration span.sep { font-size: 21px; margin: 0 7px 0 0px; display: block; float: left; }
body .width_1_4.csc { margin: 0px; clear: left; }
body .width_1_4.csc input { width: 80px; }
body .width_1_4.csc .inline-help { margin: -3px 0 0 0; }
body div.width_full { float: none; }
body p.terms { margin: 30px 0 10px 0; }
body .small-print { margin: 25px 0 0 0; border-top: 1px #cccccc solid; padding: 7px 0px; font-size: 11px; }
body .small-print p { color: #666666; }
body .small-print h3, body .small-print h2 { border-bottom: 0; color: #666666; font-size: 10px; font-weight: bold; }
body .small-print h2 { font-size: 10px; }
body #pp-express-info span { color: #ff6600; }
body #pp-express-info input.default { float: left; width: 203px; margin: 10px 5px; text-align: center; }

#change-credit-card-form .new-pm { padding: 0 10px; border: 1px #e5e5e5 solid; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

.pro-faq h2 { margin-bottom: 10px; }
.pro-faq h4 { border-bottom: 1px #cccccc solid; margin-top: 30px; margin-bottom: 5px; padding-bottom: 5px; font-size: 18px; }
.pro-faq .context-item p { font-size: 16px; }

#new-subscription .head { margin-top: 20px; }
#new-subscription .head span.plan-creator-pro-unlimited, #new-subscription .head span.plan-creator-pro, #new-subscription .head span.plan-lite, #new-subscription .head span.plan-solo, #new-subscription .head span.plan-pro, #new-subscription .head span.plan-pro-plus { padding-left: 0; float: left; display: block; width: 155px; margin: 10px 10px 10px 0; padding: 8px 5px 5px 5px; height: 70px; float: left; font-size: 11px; text-align: center; position: relative; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background-image: url(/images/pro/horizontal_repeat.png?unicorn30); background-position: 0 -484px; background-repeat: repeat-x; border: 1px solid #eeeeee; }
#new-subscription .head span.plan-creator-pro-unlimited span.title, #new-subscription .head span.plan-creator-pro span.title, #new-subscription .head span.plan-lite span.title, #new-subscription .head span.plan-solo span.title, #new-subscription .head span.plan-pro span.title, #new-subscription .head span.plan-pro-plus span.title { font-size: 18px; display: block; margin-bottom: 4px; border-bottom: 2px solid grey; }
#new-subscription .head span.plan-creator-pro-unlimited span.subtitle, #new-subscription .head span.plan-creator-pro span.subtitle, #new-subscription .head span.plan-lite span.subtitle, #new-subscription .head span.plan-solo span.subtitle, #new-subscription .head span.plan-pro span.subtitle, #new-subscription .head span.plan-pro-plus span.subtitle { display: block; }
#new-subscription .head span.plan-lite span.title { border-color: #3399ff; color: #3399ff; }
#new-subscription .head span.plan-solo span.title { border-color: #0066cc; color: #0066cc; }
#new-subscription .head span.plan-pro span.title, #new-subscription .head span.plan-creator-pro span.title { border-color: #ff6600; color: #ff6600; }
#new-subscription .head span.plan-pro-plus span.title, #new-subscription .head span.plan-creator-pro-unlimited span.title { border-color: #ff3300; color: #ff3300; }

body#pro.choose .account-matrix, body#pro.confirm .account-matrix, body#gifts.new .account-matrix { background-image: none !important; padding: 0; }
body#pro.choose h2, body#pro.confirm h2, body#gifts.new h2 { border-bottom: 1px #cccccc solid; }
body#pro.choose .confirmation, body#pro.confirm .confirmation, body#gifts.new .confirmation { border: 0; padding: 10px 10px 10px 15px; text-align: left; }
body#pro.choose .confirmation ul.bullet, body#pro.confirm .confirmation ul.bullet, body#gifts.new .confirmation ul.bullet { margin: 0 0 7px 16px; }
body#pro.choose .confirmation ul.bullet li, body#pro.confirm .confirmation ul.bullet li, body#gifts.new .confirmation ul.bullet li { margin: 1px 0; }
body#pro.choose .confirmation, body#pro.confirm .confirmation, body#gifts.new .confirmation { border: 0; padding: 10px 10px 10px 15px; text-align: left; }
body#pro.choose .confirmation ul.bullet, body#pro.confirm .confirmation ul.bullet, body#gifts.new .confirmation ul.bullet { margin: 0 0 10px 15px; }
body#pro.choose form textarea, body#pro.choose form input[type="text"], body#pro.choose form input[type="email"], body#pro.choose form input[type="password"], body#pro.confirm form textarea, body#pro.confirm form input[type="text"], body#pro.confirm form input[type="email"], body#pro.confirm form input[type="password"], body#gifts.new form textarea, body#gifts.new form input[type="text"], body#gifts.new form input[type="email"], body#gifts.new form input[type="password"] { background: white; border-radius: 4px; padding: 0 9px; height: 26px; }
body#pro.choose form h2, body#pro.confirm form h2, body#gifts.new form h2 { border-bottom: 1px #cccccc solid; margin-bottom: 10px; }

#credit-card-info input, #credit-card-info select { height: auto; font-size: 18px; }
#credit-card-info input#credit-card-owner-different, #credit-card-info select#credit-card-owner-different { margin-top: 1px; }
#credit-card-info .checkbox { float: none; display: block; }
#credit-card-info #credit-card-owner { margin: 10px 0 0 20px; }
#credit-card-info .hidden { display: none; }

#pro form .address-info, #gifts form .address-info { margin: 30px 0 10px; }
#pro form .address-info .inactive label, #gifts form .address-info .inactive label { color: #999999; }
#pro form .address-info .inactive label span, #gifts form .address-info .inactive label span { color: #999999; }
#pro form .address-info .inactive input, #pro form .address-info .inactive select, #gifts form .address-info .inactive input, #gifts form .address-info .inactive select { border: 1px #d9d9d9 solid; background-color: #f5f5f5; color: #999999; }
#pro form .address-info .address-col, #gifts form .address-info .address-col { width: 350px; float: left; }
#pro form .address-info .address-col .width_1_3, #gifts form .address-info .address-col .width_1_3 { width: 30%; }
#pro form .address-info .address-col .last, #gifts form .address-info .address-col .last { margin-right: 0; }
#pro form .address-info .business-col, #gifts form .address-info .business-col { float: left; width: 270px; margin-left: 20px; }
#pro form .address-info .business-col .checkbox input, #gifts form .address-info .business-col .checkbox input { margin: 14px 7px 0 0; }
#pro form .address-info .business-col .checkbox label, #gifts form .address-info .business-col .checkbox label { margin: 10px 0 0px 0; font-size: 16px; }
#pro form .address-info .business-col .form-group, #gifts form .address-info .business-col .form-group { margin-top: 10px; background: #f0f6fb; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; padding: 15px 10px; }
#pro form .address-info .business-col .form-group.inactive, #gifts form .address-info .business-col .form-group.inactive { background: #f5f5f5; }
#pro form .address-info .business-col .form-group .vat label, #gifts form .address-info .business-col .form-group .vat label { margin-top: 19px; }

body#pro.edit h2#new-pm { margin: 20px 0 0 0; }
body#pro.edit .payment-method { margin-top: 0; }

.small-print { margin: 25px 0 0 0; border-top: 1px #cccccc solid; padding: 7px 0px; font-size: 11px; line-height: 16px; }
.small-print p { color: #666666; }
.small-print span.german { width: 23px; height: 14px; position: relative; top: -1px; background-image: url(/images/elements.png?unicorn30); background-position: 0 -220px; display: block; float: left; }

span.plan-creator-pro, span.plan-creator-pro-unlimited, span.plan-pro, span.plan-pro-plus, span.plan-solo, span.plan-lite, a.plan-creator-pro, a.plan-creator-pro-unlimited, a.plan-pro, a.plan-pro-plus, a.plan-solo, a.plan-lite { padding: 1px 1px 1px 10px; background-image: url(/images/users.png?unicorn30); background-position: -205px 0px; background-repeat: no-repeat; }

span.plan-pro, span.plan-creator-pro, a.plan-pro, a.plan-creator-pro { background-position: -205px -16px; }

span.plan-pro-plus, span.plan-creator-pro-unlimited, a.plan-pro-plus, a.plan-creator-pro-unlimited { background-position: -205px -32px; }

span.plan-lite, a.plan-lite { background-position: -205px -48px; }

body#gifts.index .warning, body#gifts.redeem .warning { margin: 14px 0 14px 0 !important; }
body#gifts.index .warning.hidden, body#gifts.redeem .warning.hidden { display: none !important; }

.promo-code-info { border-top: 1px #e5e5e5 solid; padding-top: 20px; }
.promo-code-info h3 { float: left; margin: 4px 10px 0 0; }
.promo-code-info h3 span.inline-help { display: inline; }
.promo-code-info input.promo-code { width: 192px; float: left; margin: 0 7px 0 0; }
.promo-code-info label.error { font-size: 11px; margin: 0px 0 0 0 !important; line-height: 1.4em; }
.promo-code-info label.valid { display: none; font-size: 11px; color: #119304; margin: 0px 0 0 0 !important; line-height: 1.3em; }
.promo-code-info label.valid a { position: relative; top: 2px; left: -7px; }
.promo-code-info label.disabled { font-size: 11px; color: #ff6600; margin: 12px 0 0 0 !important; line-height: 1.4em; }
.promo-code-info.disabled h2, .promo-code-info.disabled p, .promo-code-info.disabled input { color: #777777; }

#gifts.index #main-wrapper-inner { width: 750px !important; }
#gifts.index .gifts-subtile { font-size: 16px; }

.gift-index { margin: 21px -20px 40px 0px; padding: 0 0px 0 0px; }
.gift-index p { clear: left; text-align: center; padding: 20px 0 0 0; }

.gift-code { width: 400px; margin: 0 auto; background: white !important; border: 1px #d9d9d9 solid; padding: 20px 20px 20px 77px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); position: relative; outline: 0; color: #333333; }
.gift-code:hover { color: #333333; }
.gift-code .price { display: block; }
.gift-code .price em { font-size: 21px; font-style: normal; color: #333333; }
.gift-code .price em.old-price { position: relative; font-weight: normal; margin-right: 4px; padding-left: 4px; text-align: center; display: inline !important; color: #666666; font-size: 15px; }
.gift-code .price em.old-price span { position: absolute; width: 100%; border-top: 2px solid #ee0000; line-height: 0; display: inline; height: 2px !important; left: 0px; top: 8px; }
.gift-code .radiobutton { margin-top: 4px; }
.gift-code .radiobutton input { margin-top: 3px; }
.gift-code .radiobutton label { margin: 0 7px 4px 0; }
.gift-code p.small { font-size: 11px; margin: 14px 0 0 0; }
.gift-code span.ribbon { display: block; position: absolute; left: 20px; top: -1px; width: 40px; height: 100%; padding: 1px 0; background-image: url(/images/ribbon.png?unicorn30); background-position: 0 51.5%; background-repeat: no-repeat; }
.gift-code h3 { border: 0; }
.gift-code input.gift-url { border: 0; background: none; padding: 0; font-size: 11px; margin-bottom: 14px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; padding: 0 0 3px 0; margin: 7px 0 14px 0; color: #333333; font-size: 14px; border-bottom: 1px dotted #cccccc; }
#gifts.new .gift-code, #gifts.index .gift-code { display: block; width: 130px; margin: 0 10px 0px 0; padding: 10px 0px 25px 50px; height: 80px; float: left; font-size: 11px; }
#gifts.new .gift-code h3, #gifts.new .gift-code span.title, #gifts.index .gift-code h3, #gifts.index .gift-code span.title { display: block; margin: 0 0 2px 0; font-size: 21px; }
#gifts.new .gift-code span.ribbon, #gifts.index .gift-code span.ribbon { left: 7px; height: 115px; }
.gift-code.plan-pro-plus h3, .gift-code.plan-pro-plus span.title, .gift-code.plan-creator-pro-unlimited h3, .gift-code.plan-creator-pro-unlimited span.title { color: #ff3300; }
.gift-code.plan-pro-plus span.ribbon, .gift-code.plan-creator-pro-unlimited span.ribbon { background-position: 0px 51.5%; }
.gift-code.plan-pro h3, .gift-code.plan-pro span.title, .gift-code.plan-creator-pro h3, .gift-code.plan-creator-pro span.title { color: #ff6600; }
.gift-code.plan-pro span.ribbon, .gift-code.plan-creator-pro span.ribbon { background-position: -49px 51.5%; }
.gift-code.plan-solo h3, .gift-code.plan-solo span.title { color: #0066cc; }
.gift-code.plan-solo span.ribbon { background-position: -94px 51.5%; }
.gift-code.plan-lite h3, .gift-code.plan-lite span.title { color: #77ace1; }
.gift-code.plan-lite span.ribbon { background-position: -142px 51.5%; }

#gifts.show p span.plan-creator-pro-unlimited, #gifts.show p span.plan-creator-pro, #gifts.show p span.plan-solo, #gifts.show p span.plan-pro, #gifts.show p span.plan-pro-plus, #gifts.show p span.plan-lite { padding: 0px 1px 0px 10px; }

#gifts.redeem #main-wrapper .gift-code .form-buttons { margin: 0; }
#gifts.redeem #main-wrapper .gift-code .form-buttons a.user-action, #gifts.redeem #main-wrapper .gift-code .form-buttons a.link-button { margin: 0 0 0 7px; }
#gifts.redeem #main-wrapper .gift-code .form-buttons a.cancel { font-size: 12px; margin: 2px 12px 0 0; padding: 0; }

.gift-info { margin-bottom: 35px; }
.gift-info .description { float: left; width: 320px; margin: 10px 10px; }

#savings { text-align: left; }
#savings li#final-price { text-align: right; border-top: 1px #cccccc solid; list-style-type: none; list-style-image: none; margin-left: -17px; margin-top: 10px; padding-top: 10px; }
#savings li#final-price span.price { font-size: 16px; font-weight: bold; }
#savings li.plan-purchase-summary { list-style-image: none; }

body#orders { min-width: 10px !important; background: white; }
body#orders #main-wrapper { min-width: 10px !important; padding: 20px !important; }
body#orders #main-wrapper-inner { width: 540px !important; }
body#orders h1 span { margin-top: 0px; }
body#orders h1 span a { border-left: 0; padding-left: 0; }
body#orders h3 { margin: 20px 0 0 0; }
body#orders table, body#orders tr, body#orders td { padding: 0; margin: 0; border-collapse: collapse; }
body#orders td { padding-top: 20px; }
body#orders tr.heading td { padding: 20px 0 5px 0; font-weight: bold; border-bottom: 1px #cccccc solid; }
body#orders tr.heading td.quantity { width: 90px; }
body#orders tr.heading td.transaction-id { width: 120px; }
body#orders tr.heading td.price { width: 80px; }
body#orders tr.heading td.description { width: 300px; padding-right: 15px; }
body#orders tr.remark td { padding: 0; font-size: 11px; }
body#orders tr.value td { padding: 5px 0 0px 0; }
body#orders tr.value td.description { width: 300px; padding-right: 15px !important; }
body#orders tr.value td.price { text-align: right; }
body#orders tr.vat td { padding: 5px 0 10px 0; text-align: right; }
body#orders tr.vat td.description { padding-right: 15px !important; }
body#orders tr.vat td.price { border-bottom: 3px double #cccccc; }
body#orders tr.total td { padding: 5px 0 10px 0; text-align: right; }
body#orders tr.total td.description { padding-right: 15px !important; font-weight: bold; }
body#orders tr.total td.price { font-weight: bold; text-align: right; }
body#orders tr.status td { padding-top: 15px; }
body#orders .footer { margin-top: 40px; }

#change-plan ul { margin-bottom: 10px; }
#change-plan ul li { margin-bottom: 2px; }

body.success #main-wrapper-inner { text-align: center; }
body.success #main-wrapper-inner .intro { width: 550px; margin: 0 auto 20px; }
body.success #main-wrapper-inner .intro p { font-size: 18px; }
body.success #main-wrapper-inner .intro h2 strong { font-weight: normal; }

ul.goodies li { border-top: 1px #d9d9d9 solid; margin: 10px 0; padding: 20px 0 10px; zoom: 1; }
ul.goodies li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.goodies li.last { border-bottom: 1px #d9d9d9 solid; }
ul.goodies li img { float: left; margin-top: 3px; }
ul.goodies li .info { padding-left: 170px; }
ul.goodies li .info h3 { font-size: 21px; margin: 0 0 7px 0; }
ul.goodies li .info p { font-size: 13px; margin-bottom: 7px; }
ul.goodies li .info p.offer { font-weight: bold; color: #ff6600; }
ul.goodies li .info p.offer span { color: #333333; }

#pro.choose.nextStyle { background: white; }
#pro.choose.nextStyle strong { font-weight: bold; }
#pro.choose.nextStyle .checkbox input { position: absolute; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; }
#pro.choose.nextStyle .checkbox label { padding-left: 18px; }
#pro.choose.nextStyle .radiobutton input { margin-left: 1px; }
#pro.choose.nextStyle #main-wrapper { min-width: 100%; padding: 0; }
#pro.choose.nextStyle #main-wrapper-inner { width: auto; margin: 0; padding: 0; }
#pro.choose.nextStyle .nextPurchase__header h1 { color: #333333; margin-bottom: 10px; }
#pro.choose.nextStyle .nextPurchase__header h3 { display: none; }
#pro.choose.nextStyle .nextPurchase__header .confirmation { background-color: #f3f3f3; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 3px; }
#pro.choose.nextStyle .address-info { margin: 0 0 30px 0; }
#pro.choose.nextStyle .address-col, #pro.choose.nextStyle .business-col { float: none; width: auto; margin-left: 0; }
#pro.choose.nextStyle .form-group { margin: 15px 0; }
#pro.choose.nextStyle .form-group.inactive { display: none; }
#pro.choose.nextStyle h3 { padding-bottom: 10px; margin-bottom: 10px; }
#pro.choose.nextStyle .expiration { float: none; }
#pro.choose.nextStyle .expiration select { display: inline-block; width: 85px; }
#pro.choose.nextStyle .expiration #credit_card_month { width: 60px; }
#pro.choose.nextStyle .expiration .sep { display: inline-block; font-size: 18px; padding: 0 5px; }
#pro.choose.nextStyle .icon_address, #pro.choose.nextStyle .icon_payment_info, #pro.choose.nextStyle .icon_payment_cycle, #pro.choose.nextStyle .icon_plan_details { padding-left: 20px; background: url(/images/subscription/header_icons.gif) no-repeat; }
#pro.choose.nextStyle .icon_address { background-position: 0px -26px; }
#pro.choose.nextStyle .icon_payment_info { background-position: 0px 4px; }
#pro.choose.nextStyle .icon_payment_cycle { background-position: 0px -86px; }
#pro.choose.nextStyle .icon_plan_details { background-position: 0px -55px; }
#pro.choose.nextStyle .small-print { margin: 15px 0 0 0; padding: 0; border: 0; }
#pro.choose.nextStyle .small-print p { color: #999999; margin-bottom: 10px; }
#pro.choose.nextStyle .pro-purchase-smallprint { font-size: 11px; }
#pro.choose.nextStyle .pro-purchase-smallprint p { margin-bottom: 10px; }
#pro.choose.nextStyle #business-fields { padding: 0; background: none; }
#pro.choose.nextStyle .vat label { margin-top: 0 !important; }
#pro.choose.nextStyle #credit-card-fields { background: none; padding: 0; border: 0px none; margin: 0; }
#pro.choose.nextStyle .payment_method .radiobutton { width: 64px; height: 38px; border: 1px solid #cccccc; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 3px; background: none; position: relative; padding: 0; }
#pro.choose.nextStyle .payment_method .radiobutton input { opacity: 0; margin: 0px; padding: 0; }
#pro.choose.nextStyle .payment_method .radiobutton label { position: absolute; left: 0; top: 0; display: block; width: 64px; height: 38px; background-color: white; background-image: url("/images/subscription/cc_next.png?unicorn30"); background-repeat: no-repeat; margin: 0; }
#pro.choose.nextStyle .pm.inactive .pm-info .payment_method .radiobutton.visa label, #pro.choose.nextStyle .pm .payment_method .radiobutton.visa label { background-position: -88px 1px; }
#pro.choose.nextStyle .pm.inactive .pm-info .payment_method .radiobutton.mc label, #pro.choose.nextStyle .pm .payment_method .radiobutton.mc label { background-position: -88px -50px; }
#pro.choose.nextStyle .pm.inactive .pm-info .payment_method .radiobutton.mc label, #pro.choose.nextStyle .pm .payment_method .radiobutton.mc label { background-position: -88px -50px; }
#pro.choose.nextStyle .pm.inactive .pm-info .payment_method .radiobutton.pp label, #pro.choose.nextStyle .pm.inactive .pm-info .payment_method .radiobutton.pp.disabled label, #pro.choose.nextStyle .pm .payment_method .radiobutton.pp label, #pro.choose.nextStyle .pm .payment_method .radiobutton.pp.disabled label { background-position: -88px -100px; }
#pro.choose.nextStyle .pm.inactive .pm-info .payment_method .radiobutton.amex label, #pro.choose.nextStyle .pm .payment_method .radiobutton.amex label { width: 30px; background-image: url("/images/subscription/cc.png?unicorn30"); background-position: -268px 8px; left: 15px; }
#pro.choose.nextStyle .pm.inactive .pm-info .payment_method .radiobutton.active label:after, #pro.choose.nextStyle .pm .payment_method .radiobutton.active label:after { display: block; position: absolute; top: -10px; right: -10px; background: url(/images/subscription/pm_active.png) no-repeat -24px 0; width: 24px; height: 24px; z-index: 3; content: ""; }
#pro.choose.nextStyle .pm .payment_method .radiobutton.active { border-color: #ff6600; }
#pro.choose.nextStyle .pm .payment_method .radiobutton.active label:after { background-position: 0 0; }
#pro.choose.nextStyle .pm .payment_method .radiobutton.active.visa label { background-position: -3px 1px; }
#pro.choose.nextStyle .pm .payment_method .radiobutton.active.mc label { background-position: -3px -50px; }
#pro.choose.nextStyle .pm .payment_method .radiobutton.active.pp label { background-position: -3px -100px; }
#pro.choose.nextStyle .pm .payment_method .radiobutton.active #credit-card-owner { margin: 10px 0 0 0; }
#pro.choose.nextStyle .new-pm.inactive .payment_method .radiobutton.active { border: 1px solid #cccccc; }
#pro.choose.nextStyle .existing-pm .pm-info { margin: 5px 0 20px 20px; padding: 0; border: 0; }
#pro.choose.nextStyle #credit-card-info #credit-card-owner { margin: 10px 0 0; width: 100%; }
#pro.choose.nextStyle .payment-selector { padding: 0; font-size: 14px; }
#pro.choose.nextStyle .promo-code-info { padding: 10px 0; margin: 10px 0; }
#pro.choose.nextStyle .promo-code-info input.promo-code { float: none; clear: both; margin-top: 10px; background-repeat: no-repeat; }
#pro.choose.nextStyle #business-price-notification { clear: left; }
#pro.choose.nextStyle #final-price .final-price { font-size: 31px; float: right; line-height: 1em; text-align: right; }
#pro.choose.nextStyle #business-price-notification, #pro.choose.nextStyle #promo-code-savings-placeholder { margin-top: 5px; font-size: 10px; }
#pro.choose.nextStyle .charge-info { padding-right: 10px; }
#pro.choose.nextStyle #new-subscription { position: relative; overflow: auto; }
#pro.choose.nextStyle label.error { top: 0; clear: left; margin-top: 5px !important; }
#pro.choose.nextStyle .payment-selector label.error { top: 50px; color: #ff6600; }
#pro.choose.nextStyle .payment-error.warning { margin: 0 0 15px !important; }

.pro-purchase-main, .nextPurchase__header .confirmation { padding-right: 450px; padding-left: 40px; }

.pro-purchase-main h3 { margin-right: 20px; }

.pro-purchase-aside { position: absolute; top: 0; right: 40px; width: 340px; padding-left: 30px; }
.pro-purchase-aside.fixed, .pro-purchase-aside.fixedBottom { position: fixed; bottom: 0; right: 40px; }
.pro-purchase-aside.fixedBottom { top: auto; }

.pro-purchase-aside-content { padding-top: 50px; padding-bottom: 130px; }

.pro-purchase-aside-footer { position: absolute; bottom: 0; left: 30px; right: 0; }

body#accounts .payment-method, .account-matrix, .account-matrix div, .account-matrix .monthly, .account-matrix .yearly, #payment-settings, #payment-cancel, #change-plan, .promo-code-info, .gift-info, .gift-index, .head, #payment-data-container { zoom: 1; }
body#accounts .payment-method:after, .account-matrix:after, .account-matrix div:after, .account-matrix .monthly:after, .account-matrix .yearly:after, #payment-settings:after, #payment-cancel:after, #change-plan:after, .promo-code-info:after, .gift-info:after, .gift-index:after, .head:after, #payment-data-container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media only screen and (max-width: 1000px) { body .payment_method .radiobutton.pp.disabled .expl { width: 170px; } }

.small-app { font-size: 11px; line-height: 1.1em; padding: 10px 0; border-bottom: 1px #eeeeee solid; }
.small-app h3 { font-size: 15px; line-height: 1.3em; }
.small-app h3 span { line-height: 16px; }

.small-app h3 span.category, .small-app h1 span.category, .featured-app h3 span.category, .featured-app h1 span.category, .apps-main h3 span.category, .apps-main h1 span.category { margin-top: 1px; font-size: 11px; width: 150px; line-height: 16px; display: block; color: #666666; padding-left: 78px; background-image: url(/images/app-icons.png?unicorn30); background-repeat: no-repeat; }
.small-app h3 span.category.mobile, .small-app h1 span.category.mobile, .featured-app h3 span.category.mobile, .featured-app h1 span.category.mobile, .apps-main h3 span.category.mobile, .apps-main h1 span.category.mobile { background-position: 55px -29px; padding-left: 73px; }
.small-app h3 span.category.web, .small-app h1 span.category.web, .featured-app h3 span.category.web, .featured-app h1 span.category.web, .apps-main h3 span.category.web, .apps-main h1 span.category.web { background-position: 56px 0px; }
.small-app h3 span.category.desktop, .small-app h1 span.category.desktop, .featured-app h3 span.category.desktop, .featured-app h1 span.category.desktop, .apps-main h3 span.category.desktop, .apps-main h1 span.category.desktop { background-position: 56px -59px; }
.small-app h3 span.category.other, .small-app h1 span.category.other, .featured-app h3 span.category.other, .featured-app h1 span.category.other, .apps-main h3 span.category.other, .apps-main h1 span.category.other { background: none; padding-left: 57px; }
.small-app .icon, .featured-app .icon, .apps-main .icon { display: block; width: 47px; height: 47px; text-indent: -9999px; float: left; margin-right: 10px; margin-top: 1px; overflow: hidden; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.ie8 .small-app .icon, .ie7 .small-app .icon, .ie8 .featured-app .icon, .ie7 .featured-app .icon, .ie8 .apps-main .icon, .ie7 .apps-main .icon { border: 1px #e5e5e5 solid; border-collapse: collapse; }

body#client_applications.profile #side-content { display: none; }
body#client_applications.profile #main-content { margin: 0 auto; width: 900px; }
body#client_applications.profile h3 { margin-top: 0px; }
body#client_applications.profile .feature-box h3 { font-size: 21px; }
body#client_applications.profile .feature-box h3 span { line-height: 16px; width: 170px; }
body#client_applications.profile .feature-box .minor-features h3 { font-size: 15px; line-height: 1.3em; }
body#client_applications.profile .feature-box h1 span.category { margin-top: 3px; }
body#client_applications.profile .apps-header { width: 100%; }
body#client_applications.profile .apps-header .intro { line-height: 1.3em; padding-right: 2em; font-size: 18px; }
body#client_applications.profile h1 input#tag { display: inline; width: 270px; margin-left: 10px; font-size: 22px; background: white; border: 1px #eeeeee solid; }
body#client_applications.profile .apps-main { float: left; width: 620px; }
body#client_applications.profile .apps-main .player h3, body#client_applications.profile .apps-main .player h3 a { font-size: 15px; }
body#client_applications.profile .apps-sidebar { width: 250px; margin-left: 12px; float: left; }
body#client_applications.profile .apps-sidebar h4 { font-size: 12px; color: #666666; margin-bottom: 5px; }
body#client_applications.profile .apps-sidebar h4 a { color: #666666; }
body#client_applications.profile .apps-sidebar h4 a:hover { color: #ff6600; }
body#client_applications.profile .apps-sidebar .group-list { padding-bottom: 8px; }
body#client_applications.profile .apps-sidebar .small-app { padding: 17px 0; }
body#client_applications.profile .apps-sidebar .category-list a { font-size: 15px; line-height: 1.3em; color: black; display: block; float: left; clear: both; margin: 5px 0; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; }
body#client_applications.profile .apps-sidebar .category-list a:hover { color: #ff6600; }
body#client_applications.profile .apps-sidebar .category-list .selected a { padding: 0px 10px; background-color: #ff6600; color: white; margin: 0 0 0 -7px; }
body#client_applications.profile .apps-featured, body#client_applications.profile .box-with-small-headline { margin-bottom: 30px; }
body#client_applications.profile .feature-box { font-size: 11px; line-height: 1.3em; margin: 0px 0 15px 0; position: relative; border: 1px #e5e5e5 solid; display: block; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; background-color: white; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#eeeeee)) repeat-x, #eeeeee; background: -moz-linear-gradient(90deg, #eeeeee, #fcfcfc) repeat-x scroll 0 0 #eeeeee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#eeeeee'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#fcfcfc')"; zoom: 1; }
body#client_applications.profile .feature-box .featured-app, body#client_applications.profile .feature-box .app { padding: 15px; width: 560px; float: left; }
body#client_applications.profile .feature-box .featured-app p.description, body#client_applications.profile .feature-box .app p.description { margin: 20px 0 20px 0; padding-right: 15px; line-height: 1.3em; font-size: 15px; }
body#client_applications.profile .feature-box .featured-app span.official-badge, body#client_applications.profile .feature-box .app span.official-badge { background-image: url(/images/api/elements.png?unicorn30); background-position: 100% -63px; background-repeat: no-repeat; display: block; width: 70px; height: 80px; position: absolute; top: -5px; right: -6px; }
body#client_applications.profile .feature-box .featured-app img.screenshot, body#client_applications.profile .feature-box .app img.screenshot { display: block; float: left; text-indent: -9999px; margin: 0px 15px 15px 0px; }
body#client_applications.profile .feature-box .featured-app .info, body#client_applications.profile .feature-box .app .info { padding: 0 0 0 0; display: table-cell; font-size: 12px; line-height: 1.3em; }
body#client_applications.profile .feature-box .featured-app a.url, body#client_applications.profile .feature-box .app a.url { color: #333333; display: block; margin: 0px 0 10px 2px; padding: 0 0 0 13px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: url(/images/bullet.png?unicorn30); background-repeat: no-repeat; background-position: 0px 2px; }
body#client_applications.profile .feature-box .featured-app a.url:hover, body#client_applications.profile .feature-box .app a.url:hover { color: #ff6600; }
body#client_applications.profile .feature-box .featured-app .get-it, body#client_applications.profile .feature-box .app .get-it { height: 25px; padding-top: 4px; float: left; margin-right: 1.3em; }
body#client_applications.profile .feature-box .featured-app .more, body#client_applications.profile .feature-box .app .more { padding-top: 10px; font-size: 15px; float: left; margin-right: 15px; }
body#client_applications.profile .feature-box .minor-features { float: right; width: 250px; margin: 0; padding: 0; }
body#client_applications.profile .feature-box .minor-features li.small-app { float: left; width: 250px; margin: 0; padding: 20px 0 !important; max-height: 50px; border-top: 1px #e5e5e5 solid; border-bottom: 0; }
body#client_applications.profile .feature-box .minor-features li.small-app.first { border-top: 0; padding-top: 0; }
body#client_applications.profile .apps-sidebar { margin-left: 30px; }
body#client_applications.profile .apps-sidebar .context-apps ul { border-top: 1px #e5e5e5 solid; }
body#client_applications.profile .apps-sidebar .context-item { margin-bottom: 15px; }
body#client_applications.profile .apps-sidebar .context-item.context-box { padding: 7px; }
body#client_applications.profile .apps-sidebar .sc-for-mobile a.iphone { margin-right: 6px; background-position: -224px -1px; }
body#client_applications.profile .apps-sidebar .sc-for-mobile a.iphone:hover { background-position: -339px -1px; }
body#client_applications.profile .apps-sidebar .sc-for-mobile a.android { background-position: -224px -50px; }
body#client_applications.profile .apps-sidebar .sc-for-mobile a.android:hover { background-position: -339px -50px; }
body#client_applications.profile .apps-sidebar .sc-for-mobile a { display: block; border: 1px #d9d9d9 solid; width: 110px; height: 44px; float: left; margin: 2px 0 4px 1px; text-indent: -9999px; background-color: white; background-image: url(/images/app-icons.png?unicorn30); background-repeat: no-repeat; }
body#client_applications.profile .apps-sidebar .sc-for-mobile a:hover { border: 1px #cccccc solid; }
body#client_applications.profile.index .apps-featured .feature-box { height: 280px; }
body#client_applications.profile .apps-list .tabs li a, body#client_applications.profile .apps-list .tabs li.current a { padding-left: 20px; padding-right: 20px; }
body#client_applications.profile .apps-list .more-apps { clear: both; position: relative; top: -1px; width: 620px; margin-top: 0px; }
body#client_applications.profile .apps-list .small-app { width: 200px; margin: 0 0 0 10px; float: left; height: 50px; }
body#client_applications.profile .apps-list .small-app.first { margin-left: 0; }

body#client_applications.show h1 { line-height: 1em; }
body#client_applications.show h1 span a { border-left: 0; padding-left: 13px; padding-right: 8px; border-right: 1px solid #cccccc; margin-right: 8px; color: #666666; }
body#client_applications.show h1 span a:hover { color: #ff6600; }
body#client_applications.show .video-button { float: right; }
body#client_applications.show .edit { margin: 0 0 15px 0; }
body#client_applications.show p.desc { font-size: 15px; line-height: 1.5em; padding: 0.7em 1.3em; }
body#client_applications.show .screenshots { width: 620px; margin: 0 0 30px 0; overflow-x: auto; overflow-y: hidden; }
body#client_applications.show .screenshots .screenshot { float: left; margin: 0 15px 0px 0; }
body#client_applications.show .screenshots .screenshot.last { margin-right: 0; }
body#client_applications.show .tag a { background-color: #eeeeee; color: black; padding: 0px 8px; margin-left: 2px; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; }
body#client_applications.show .tag a:hover { background-color: #ff6600; color: white; }
body#client_applications.show .example-tracks { margin-top: 30px; }

.small-app, body#client_applications.show .screenshots, body#client_applications .feature-box, body#client_applications .feature-box .featured-app, body#client_applications .feature-box .featured-app .app, body#client_applications .feature-box .info, body#client_applications .feature-box img.screenshot, body#client_applications .apps-sidebar .category-list, body#client_applications .apps-sidebar .category-list a { zoom: 1; }
.small-app:after, body#client_applications.show .screenshots:after, body#client_applications .feature-box:after, body#client_applications .feature-box .featured-app:after, body#client_applications .feature-box .featured-app .app:after, body#client_applications .feature-box .info:after, body#client_applications .feature-box img.screenshot:after, body#client_applications .apps-sidebar .category-list:after, body#client_applications .apps-sidebar .category-list a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

body.contact h1 { text-align: center; }
body.contact h2 { margin-bottom: 13px; color: #0066cc; }
body.contact h4 { font-size: 17px; color: #0066cc; margin-bottom: 0.4em; }
body.contact .avatar-grid { margin-top: 20px; }
body.contact #header { background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-color: #e5eff8; }
body.contact #main-wrapper { background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, from(#e5eff8), to(white)); background-image: -webkit-linear-gradient(top, #e5eff8, white); background-image: -moz-linear-gradient(top, #e5eff8, white); background-image: -ms-linear-gradient(top, #e5eff8, white); background-image: -o-linear-gradient(top, #e5eff8, white); background-image: linear-gradient(top, #e5eff8, white); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#e5eff8', endColorstr='white'); }
body.contact #main-wrapper #main-wrapper-inner { padding-top: 10px; width: 852px !important; background: none; }
body.contact #main-wrapper div.about-content { background: #d0e1f1; padding: 7px; margin: 10px 0; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
body.contact #main-wrapper div.about-inner-content-container { border: 1px solid #b6cee6; background: white; padding: 20px 25px; zoom: 1; }
body.contact #main-wrapper div.about-inner-content-container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.contact #main-wrapper div.about-inner-content { width: 520px; margin-right: 33px; float: left; }
body.contact #main-wrapper .about-aside { margin: 0; padding: 12px 15px; width: 200px; float: right; border: 1px #cccccc solid; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
body.contact #main-wrapper .about-aside > ul > li { list-style: outside none; border-top: 1px #cccccc solid; padding: 18px 0 0; margin-bottom: 18px; }
body.contact #main-wrapper .about-aside > ul > li.first { padding-top: 0; border-top: 0px none; }
body.contact #main-wrapper .about-aside .social-icons { margin-right: -7px; zoom: 1; }
body.contact #main-wrapper .about-aside .social-icons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body.contact #main-wrapper .about-aside .social-icons span, body.contact #main-wrapper .about-aside .social-icons a { float: left; margin-right: 7px; }
body.contact #main-wrapper .about-aside .social-icons a { width: 17px; height: 19px; background: url(/images/sc-social-icons.gif?unicorn30) no-repeat; display: inline-block; overflow: hidden; font-size: 0; text-indent: -99999px; }
body.contact #main-wrapper .about-aside .social-icons a.twitter { background-position: 0 -56px; }
body.contact #main-wrapper .about-aside .social-icons a.tumblr { background-position: 0 -103px; }

iframe[src^="https://apis.google.com"] { display: none; }

#oauth .forgot-link-back, #oauth2_authorization .forgot-link-back { float: left; }
#oauth #main-wrapper #authorize-token, #oauth2_authorization #main-wrapper #authorize-token { width: auto !important; }
#oauth #main-wrapper #open-browser, #oauth2_authorization #main-wrapper #open-browser { display: none; }
#oauth #main-wrapper #popup-mobile-logo, #oauth2_authorization #main-wrapper #popup-mobile-logo { display: none; }
#oauth #main-wrapper .userbadge, #oauth2_authorization #main-wrapper .userbadge { margin: 15px 0; }
#oauth #main-wrapper .logout, #oauth2_authorization #main-wrapper .logout { margin: 15px 0 25px 0; clear: both; overflow: hidden; }
#oauth #main-wrapper .form-buttons .cancel, #oauth2_authorization #main-wrapper .form-buttons .cancel { font-size: 18px; margin-bottom: 3px; }
#oauth #main-wrapper .oauth-connect-form-wrapper, #oauth2_authorization #main-wrapper .oauth-connect-form-wrapper { width: 355px !important; margin: 0 auto; }
#oauth #main-wrapper .oauth-connect-form-wrapper .pane, #oauth2_authorization #main-wrapper .oauth-connect-form-wrapper .pane { padding: 18px 15px 15px 15px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-bottom: 15px; }
#oauth #main-wrapper .oauth-connect-form-wrapper .tabs, #oauth2_authorization #main-wrapper .oauth-connect-form-wrapper .tabs { margin: 0; padding: 0 0 0 15px; }
#oauth #main-wrapper .oauth-connect-form-wrapper .tabs li a, #oauth2_authorization #main-wrapper .oauth-connect-form-wrapper .tabs li a { padding-left: 15px; padding-right: 15px; }
#oauth #main-wrapper .authorize-text, #oauth2_authorization #main-wrapper .authorize-text { text-align: center; margin: 20px 0 25px; color: #333333; }
#oauth #main-wrapper .authorize-text.needs-extra-permissions, #oauth2_authorization #main-wrapper .authorize-text.needs-extra-permissions { margin-bottom: 20px; }
#oauth #main-wrapper .extra-permission-text, #oauth2_authorization #main-wrapper .extra-permission-text { color: #999999; text-align: center; margin-bottom: 20px; }
#oauth #main-wrapper .hint, #oauth2_authorization #main-wrapper .hint { margin: 10px auto 15px auto !important; padding-bottom: 3px; font-size: 11px; width: 300px; }
#oauth #main-wrapper p.error, #oauth2_authorization #main-wrapper p.error { color: #ff6600; padding-top: 10px; font-size: 12px; }
#oauth #main-wrapper .authorize-token .form-group .width_1_2, #oauth2_authorization #main-wrapper .authorize-token .form-group .width_1_2 { margin-right: 11px; }
#oauth #main-wrapper .authorize-token .form-group .width_1_2.last, #oauth2_authorization #main-wrapper .authorize-token .form-group .width_1_2.last { margin-right: 0; }
#oauth #main-wrapper .verify-token, #oauth2_authorization #main-wrapper .verify-token { padding: 10px; width: 300px; margin: 15px auto 15px auto; background-color: #f0f6fb; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); }
#oauth #main-wrapper .verify-token input, #oauth2_authorization #main-wrapper .verify-token input { margin: 7px 0 0 0; font-size: 35px; width: 100%; }
#oauth #main-wrapper .oauth-form .form-group, #oauth2_authorization #main-wrapper .oauth-form .form-group { margin-bottom: 15px; }
#oauth #main-wrapper .oauth-form .form-group input, #oauth2_authorization #main-wrapper .oauth-form .form-group input { margin-bottom: 0 !important; }
#oauth #main-wrapper .oauth-form .form-group input.error, #oauth2_authorization #main-wrapper .oauth-form .form-group input.error { margin-bottom: 0.3em !important; }
#oauth #main-wrapper .oauth-form .t-and-c, #oauth2_authorization #main-wrapper .oauth-form .t-and-c { margin-bottom: 15px; }
#oauth #main-wrapper .login-form.oauth-form.hidden ~ .forgot-password, #oauth2_authorization #main-wrapper .login-form.oauth-form.hidden ~ .forgot-password { display: none; }
#oauth #main-wrapper #tell-more .arrow, #oauth2_authorization #main-wrapper #tell-more .arrow { display: none; }
#oauth #main-wrapper .oauth1-parts h1, #oauth #main-wrapper .oauth1-parts p, #oauth2_authorization #main-wrapper .oauth1-parts h1, #oauth2_authorization #main-wrapper .oauth1-parts p { text-align: center; }
#oauth #main-wrapper .oauth1-parts .oauth-connect-form-wrapper, #oauth2_authorization #main-wrapper .oauth1-parts .oauth-connect-form-wrapper { width: auto !important; }
#oauth #main-wrapper .oauth1-parts .oauth-connect-form-wrapper .pane, #oauth2_authorization #main-wrapper .oauth1-parts .oauth-connect-form-wrapper .pane { text-align: center; border: 0 !important; padding: 0 !important; margin: 0 !important; }
#oauth #main-wrapper #recaptcha_widget_div, #oauth2_authorization #main-wrapper #recaptcha_widget_div { margin-left: -12px; }

.ie7 body#oauth.popup #browser-warning, .ie7 body#oauth2_authorization.popup #browser-warning, .ie7 body#oauth.mobile #browser-warning, .ie7 body#oauth2_authorization.mobile #browser-warning, .ie8 body#oauth.popup #browser-warning, .ie8 body#oauth2_authorization.popup #browser-warning, .ie8 body#oauth.mobile #browser-warning, .ie8 body#oauth2_authorization.mobile #browser-warning { display: none; }
.ie7 body#oauth.popup #main-wrapper, .ie7 body#oauth2_authorization.popup #main-wrapper, .ie7 body#oauth.mobile #main-wrapper, .ie7 body#oauth2_authorization.mobile #main-wrapper, .ie8 body#oauth.popup #main-wrapper, .ie8 body#oauth2_authorization.popup #main-wrapper, .ie8 body#oauth.mobile #main-wrapper, .ie8 body#oauth2_authorization.mobile #main-wrapper { filter: none; }

body#oauth.popup, body#oauth2_authorization.popup, body#oauth.mobile, body#oauth2_authorization.mobile { padding: 0; background: white; overflow: visible; }
body#oauth.popup #main-wrapper, body#oauth2_authorization.popup #main-wrapper, body#oauth.mobile #main-wrapper, body#oauth2_authorization.mobile #main-wrapper { text-align: left; padding: 0; -moz-background-size: 100% 100px; -webkit-background-size: 100% 100px; background-size: 100% 100px; }
body#oauth.popup #main-wrapper #popup-mobile-logo, body#oauth2_authorization.popup #main-wrapper #popup-mobile-logo, body#oauth.mobile #main-wrapper #popup-mobile-logo, body#oauth2_authorization.mobile #main-wrapper #popup-mobile-logo { display: block; position: relative; height: 26px; line-height: 26px; color: white; background-color: #ff6600; background-image: -moz-linear-gradient(top, #ff6600 0%, #ff3300 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff3300)); -moz-box-shadow: 0px 1px 2px #84888a; -webkit-box-shadow: 0px 1px 2px #84888a; box-shadow: 0px 1px 2px #84888a; }
body#oauth.popup #main-wrapper #popup-mobile-logo .logo, body#oauth2_authorization.popup #main-wrapper #popup-mobile-logo .logo, body#oauth.mobile #main-wrapper #popup-mobile-logo .logo, body#oauth2_authorization.mobile #main-wrapper #popup-mobile-logo .logo { width: 29px; height: 16px; top: 6px; left: 7px; position: absolute; background-image: url(/images/cloud_mobile_popup.png?unicorn30); background-position: 2px 1px; background-repeat: no-repeat; }
body#oauth.popup #main-wrapper #popup-mobile-logo .title, body#oauth2_authorization.popup #main-wrapper #popup-mobile-logo .title, body#oauth.mobile #main-wrapper #popup-mobile-logo .title, body#oauth2_authorization.mobile #main-wrapper #popup-mobile-logo .title { padding: 0 0 0 44px; font-weight: bold; }
body#oauth.popup #main-wrapper #popup-mobile-logo .title span, body#oauth2_authorization.popup #main-wrapper #popup-mobile-logo .title span, body#oauth.mobile #main-wrapper #popup-mobile-logo .title span, body#oauth2_authorization.mobile #main-wrapper #popup-mobile-logo .title span { font-weight: normal; }
body#oauth.popup #main-wrapper .authorize-text, body#oauth2_authorization.popup #main-wrapper .authorize-text, body#oauth.mobile #main-wrapper .authorize-text, body#oauth2_authorization.mobile #main-wrapper .authorize-text { text-align: left !important; font-size: 18px; margin: 20px 15px; padding: 0; background: transparent !important; }
body#oauth.popup #main-wrapper .authorize-text.needs-extra-permissions, body#oauth2_authorization.popup #main-wrapper .authorize-text.needs-extra-permissions, body#oauth.mobile #main-wrapper .authorize-text.needs-extra-permissions, body#oauth2_authorization.mobile #main-wrapper .authorize-text.needs-extra-permissions { margin-bottom: 9px; }
body#oauth.popup #main-wrapper .extra-permission-text, body#oauth2_authorization.popup #main-wrapper .extra-permission-text, body#oauth.mobile #main-wrapper .extra-permission-text, body#oauth2_authorization.mobile #main-wrapper .extra-permission-text { text-align: left !important; margin-left: 15px; margin-bottom: 18px; color: #999999; font-size: 11px; -webkit-text-size-adjust: none; }
body#oauth.popup #main-wrapper .oauth-connect-form-wrapper, body#oauth2_authorization.popup #main-wrapper .oauth-connect-form-wrapper, body#oauth.mobile #main-wrapper .oauth-connect-form-wrapper, body#oauth2_authorization.mobile #main-wrapper .oauth-connect-form-wrapper { width: 100% !important; margin: 0; }
body#oauth.popup #main-wrapper .oauth-connect-form-wrapper .pane, body#oauth2_authorization.popup #main-wrapper .oauth-connect-form-wrapper .pane, body#oauth.mobile #main-wrapper .oauth-connect-form-wrapper .pane, body#oauth2_authorization.mobile #main-wrapper .oauth-connect-form-wrapper .pane { padding-left: 0; padding-right: 0; }
body#oauth.popup #main-wrapper .oauth-connect-form-wrapper .width_1_2, body#oauth2_authorization.popup #main-wrapper .oauth-connect-form-wrapper .width_1_2, body#oauth.mobile #main-wrapper .oauth-connect-form-wrapper .width_1_2, body#oauth2_authorization.mobile #main-wrapper .oauth-connect-form-wrapper .width_1_2 { width: 49% !important; margin-right: 2% !important; }
body#oauth.popup #main-wrapper .oauth-connect-form-wrapper .width_1_2.last, body#oauth2_authorization.popup #main-wrapper .oauth-connect-form-wrapper .width_1_2.last, body#oauth.mobile #main-wrapper .oauth-connect-form-wrapper .width_1_2.last, body#oauth2_authorization.mobile #main-wrapper .oauth-connect-form-wrapper .width_1_2.last { margin-right: 0 !important; }
body#oauth.popup #main-wrapper .oauth-connect-form-wrapper #tab-connect, body#oauth2_authorization.popup #main-wrapper .oauth-connect-form-wrapper #tab-connect, body#oauth.mobile #main-wrapper .oauth-connect-form-wrapper #tab-connect, body#oauth2_authorization.mobile #main-wrapper .oauth-connect-form-wrapper #tab-connect { background-color: white; }
body#oauth.popup #main-wrapper .oauth-connect-form-wrapper .pane, body#oauth2_authorization.popup #main-wrapper .oauth-connect-form-wrapper .pane, body#oauth.mobile #main-wrapper .oauth-connect-form-wrapper .pane, body#oauth2_authorization.mobile #main-wrapper .oauth-connect-form-wrapper .pane { border-bottom: 0; border-left: 0; border-right: 0; margin-bottom: 25px; }
body#oauth.popup #main-wrapper #oauth2-login-form, body#oauth.popup #main-wrapper #signup-form-oauth, body#oauth.popup #main-wrapper #accept-form-oauth, body#oauth.popup #main-wrapper .user-login-form, body#oauth.popup #main-wrapper .forgot-password, body#oauth.popup #main-wrapper #authorize-token, body#oauth.popup #main-wrapper #sign-up-new-user, body#oauth2_authorization.popup #main-wrapper #oauth2-login-form, body#oauth2_authorization.popup #main-wrapper #signup-form-oauth, body#oauth2_authorization.popup #main-wrapper #accept-form-oauth, body#oauth2_authorization.popup #main-wrapper .user-login-form, body#oauth2_authorization.popup #main-wrapper .forgot-password, body#oauth2_authorization.popup #main-wrapper #authorize-token, body#oauth2_authorization.popup #main-wrapper #sign-up-new-user, body#oauth.mobile #main-wrapper #oauth2-login-form, body#oauth.mobile #main-wrapper #signup-form-oauth, body#oauth.mobile #main-wrapper #accept-form-oauth, body#oauth.mobile #main-wrapper .user-login-form, body#oauth.mobile #main-wrapper .forgot-password, body#oauth.mobile #main-wrapper #authorize-token, body#oauth.mobile #main-wrapper #sign-up-new-user, body#oauth2_authorization.mobile #main-wrapper #oauth2-login-form, body#oauth2_authorization.mobile #main-wrapper #signup-form-oauth, body#oauth2_authorization.mobile #main-wrapper #accept-form-oauth, body#oauth2_authorization.mobile #main-wrapper .user-login-form, body#oauth2_authorization.mobile #main-wrapper .forgot-password, body#oauth2_authorization.mobile #main-wrapper #authorize-token, body#oauth2_authorization.mobile #main-wrapper #sign-up-new-user { width: 90% !important; max-width: 325px; margin: 0 auto; }
body#oauth.popup #main-wrapper ul.user-list-small li, body#oauth2_authorization.popup #main-wrapper ul.user-list-small li, body#oauth.mobile #main-wrapper ul.user-list-small li, body#oauth2_authorization.mobile #main-wrapper ul.user-list-small li { width: 100%; }
body#oauth.popup #main-wrapper ul.user-list-small li .user-info, body#oauth2_authorization.popup #main-wrapper ul.user-list-small li .user-info, body#oauth.mobile #main-wrapper ul.user-list-small li .user-info, body#oauth2_authorization.mobile #main-wrapper ul.user-list-small li .user-info { width: 80%; }
body#oauth.popup #main-wrapper #flash-notice, body#oauth2_authorization.popup #main-wrapper #flash-notice, body#oauth.mobile #main-wrapper #flash-notice, body#oauth2_authorization.mobile #main-wrapper #flash-notice { font-weight: bold; color: #ff6600; padding-top: 10px; font-size: 12px; }
body#oauth.popup #main-wrapper .logged-in, body#oauth2_authorization.popup #main-wrapper .logged-in, body#oauth.mobile #main-wrapper .logged-in, body#oauth2_authorization.mobile #main-wrapper .logged-in { background-repeat: no-repeat; background-image: url(/images/sc-connect.png?unicorn30); background-color: transparent; background-position: 60px 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; padding: 45px 0 0 0; position: relative; margin: 10px auto 10px auto !important; font-size: 11px; }
body#oauth.popup #main-wrapper .oauth-form .form-group input, body#oauth2_authorization.popup #main-wrapper .oauth-form .form-group input, body#oauth.mobile #main-wrapper .oauth-form .form-group input, body#oauth2_authorization.mobile #main-wrapper .oauth-form .form-group input { margin-bottom: 15px; padding: 2px; }
body#oauth.popup #main-wrapper .oauth-form .form-group label, body#oauth2_authorization.popup #main-wrapper .oauth-form .form-group label, body#oauth.mobile #main-wrapper .oauth-form .form-group label, body#oauth2_authorization.mobile #main-wrapper .oauth-form .form-group label { font-size: 12px; }
body#oauth.popup #main-wrapper .checkbox, body#oauth2_authorization.popup #main-wrapper .checkbox, body#oauth.mobile #main-wrapper .checkbox, body#oauth2_authorization.mobile #main-wrapper .checkbox { zoom: 1; }
body#oauth.popup #main-wrapper .checkbox input, body#oauth2_authorization.popup #main-wrapper .checkbox input, body#oauth.mobile #main-wrapper .checkbox input, body#oauth2_authorization.mobile #main-wrapper .checkbox input { margin: 0 4px 0 0; }
body#oauth.popup #main-wrapper .checkbox label, body#oauth2_authorization.popup #main-wrapper .checkbox label, body#oauth.mobile #main-wrapper .checkbox label, body#oauth2_authorization.mobile #main-wrapper .checkbox label { margin: 0 0 0 4px; font-size: 11px; }
body#oauth.popup #main-wrapper .checkbox label.error, body#oauth2_authorization.popup #main-wrapper .checkbox label.error, body#oauth.mobile #main-wrapper .checkbox label.error, body#oauth2_authorization.mobile #main-wrapper .checkbox label.error { top: 18px; }
body#oauth.popup #main-wrapper .checkbox:after, body#oauth2_authorization.popup #main-wrapper .checkbox:after, body#oauth.mobile #main-wrapper .checkbox:after, body#oauth2_authorization.mobile #main-wrapper .checkbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
body#oauth.popup #main-wrapper .verify-token, body#oauth2_authorization.popup #main-wrapper .verify-token, body#oauth.mobile #main-wrapper .verify-token, body#oauth2_authorization.mobile #main-wrapper .verify-token { text-align: left; padding: 10px; width: 280px; margin: 15px auto 15px auto; background-color: #f0f6fb; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05); }
body#oauth.popup #main-wrapper .verify-token input, body#oauth2_authorization.popup #main-wrapper .verify-token input, body#oauth.mobile #main-wrapper .verify-token input, body#oauth2_authorization.mobile #main-wrapper .verify-token input { margin: 7px 0 0 0; font-size: 35px; width: 100%; }
body#oauth.popup #main-wrapper .remember, body#oauth2_authorization.popup #main-wrapper .remember, body#oauth.mobile #main-wrapper .remember, body#oauth2_authorization.mobile #main-wrapper .remember { display: none; }
body#oauth.popup #main-wrapper #tell-more, body#oauth2_authorization.popup #main-wrapper #tell-more, body#oauth.mobile #main-wrapper #tell-more, body#oauth2_authorization.mobile #main-wrapper #tell-more { left: 0; bottom: 0; right: 0; position: fixed; z-index: 10; overflow: hidden; margin: 0 !important; }
body#oauth.popup #main-wrapper #tell-more ul, body#oauth.popup #main-wrapper #tell-more li, body#oauth2_authorization.popup #main-wrapper #tell-more ul, body#oauth2_authorization.popup #main-wrapper #tell-more li, body#oauth.mobile #main-wrapper #tell-more ul, body#oauth.mobile #main-wrapper #tell-more li, body#oauth2_authorization.mobile #main-wrapper #tell-more ul, body#oauth2_authorization.mobile #main-wrapper #tell-more li { margin: 0; }
body#oauth.popup #main-wrapper #tell-more p, body#oauth2_authorization.popup #main-wrapper #tell-more p, body#oauth.mobile #main-wrapper #tell-more p, body#oauth2_authorization.mobile #main-wrapper #tell-more p { margin: 20px 0 0 0; }
body#oauth.popup #main-wrapper #tell-more p:first-child, body#oauth2_authorization.popup #main-wrapper #tell-more p:first-child, body#oauth.mobile #main-wrapper #tell-more p:first-child, body#oauth2_authorization.mobile #main-wrapper #tell-more p:first-child { margin: 0; }
body#oauth.popup #main-wrapper #tell-more a, body#oauth2_authorization.popup #main-wrapper #tell-more a, body#oauth.mobile #main-wrapper #tell-more a, body#oauth2_authorization.mobile #main-wrapper #tell-more a { background: #666666; background: -moz-linear-gradient(top, #666666 0%, #545454 94%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(94%, #545454)); border-top: 1px solid #4b4c4d; border-bottom: 1px solid #4b4c4d; display: block; height: 26px; line-height: 26px; vertical-align: middle; position: relative; color: white; padding: 0 15px 0 10px; font-size: 12px; }
body#oauth.popup #main-wrapper #tell-more a .arrow, body#oauth2_authorization.popup #main-wrapper #tell-more a .arrow, body#oauth.mobile #main-wrapper #tell-more a .arrow, body#oauth2_authorization.mobile #main-wrapper #tell-more a .arrow { display: block; position: absolute; top: 2px; right: 11px; font-size: 0; line-height: 0; width: 0; border-bottom: 12px solid white; border-top: 6px solid #626262; border-left: 6px solid #626262; border-right: 6px solid #626262; }
body#oauth.popup #main-wrapper #tell-more a .active, body#oauth2_authorization.popup #main-wrapper #tell-more a .active, body#oauth.mobile #main-wrapper #tell-more a .active, body#oauth2_authorization.mobile #main-wrapper #tell-more a .active { top: 9px; border-top: 12px solid white; border-bottom: 6px solid #585858; border-left: 6px solid #585858; border-right: 6px solid #585858; }
body#oauth.popup #main-wrapper #tell-more #more-text, body#oauth2_authorization.popup #main-wrapper #tell-more #more-text, body#oauth.mobile #main-wrapper #tell-more #more-text, body#oauth2_authorization.mobile #main-wrapper #tell-more #more-text { -moz-transition: height 300ms ease-in-out; -webkit-transition: height 300ms ease-in-out; -o-transition: height 300ms ease-in-out; transition: height 300ms ease-in-out; background: white; }
body#oauth.popup #main-wrapper #tell-more #more-text div, body#oauth2_authorization.popup #main-wrapper #tell-more #more-text div, body#oauth.mobile #main-wrapper #tell-more #more-text div, body#oauth2_authorization.mobile #main-wrapper #tell-more #more-text div { padding: 20px 10px; font-size: 12px; }
body#oauth.popup #main-wrapper #tell-more #more-text div h3, body#oauth2_authorization.popup #main-wrapper #tell-more #more-text div h3, body#oauth.mobile #main-wrapper #tell-more #more-text div h3, body#oauth2_authorization.mobile #main-wrapper #tell-more #more-text div h3 { font-size: 15px; margin: 0 0 15px 0; }

body#oauth.iphone.small-viewport #tell-more, body#oauth.mobile.small-viewport #tell-more, body#oauth2_authorization.iphone.small-viewport #tell-more, body#oauth2_authorization.mobile.small-viewport #tell-more { position: static !important; width: auto !important; margin: 32px 0 0 0 !important; }

body#oauth.is-sc-app-iphone #main-wrapper .authorize-text, body#oauth2_authorization.is-sc-app-iphone #main-wrapper .authorize-text { margin: 0 10px; padding: 20px 10px; }
body#oauth.is-sc-app-iphone #main-wrapper #popup-mobile-logo, body#oauth2_authorization.is-sc-app-iphone #main-wrapper #popup-mobile-logo { display: none !important; height: 0 !important; }
body#oauth.is-sc-app-iphone #main-wrapper #open-browser, body#oauth2_authorization.is-sc-app-iphone #main-wrapper #open-browser { display: none; position: absolute; right: 9px; bottom: 7px; }
body#oauth.is-sc-app-iphone #main-wrapper #open-browser a, body#oauth2_authorization.is-sc-app-iphone #main-wrapper #open-browser a { font-size: 12px; padding: 2px 10px; }
body#oauth.is-sc-app-iphone #main-wrapper .form-group input, body#oauth2_authorization.is-sc-app-iphone #main-wrapper .form-group input { margin-bottom: 15px; }
body#oauth.is-sc-app-iphone #main-wrapper .oauth-connect-form-wrapper .pane, body#oauth2_authorization.is-sc-app-iphone #main-wrapper .oauth-connect-form-wrapper .pane { padding: 18px 0 0 0; }
body#oauth.is-sc-app-iphone #main-wrapper #tab-connect .form-buttons, body#oauth2_authorization.is-sc-app-iphone #main-wrapper #tab-connect .form-buttons { padding: 25px 0 0 0; margin: 0 0 -25px 0; }
body#oauth.is-sc-app-iphone #main-wrapper .t-and-c, body#oauth2_authorization.is-sc-app-iphone #main-wrapper .t-and-c { height: 14px; margin-bottom: 15px; }

.connectWrapupContainer { margin-top: 30px !important; }
.connectWrapupContainer p { font-size: 13px; line-height: 1.4em; }
.connectWrapupContainer .newsletter_checkbox { margin-top: -1px; }
.connectWrapupContainer .checkbox label.error { top: 40px !important; }
.connectWrapupContainer .checkbox input.error { font-size: inherit !important; }

body.popup #main-wrapper .connectWrapupContainer h1 { color: #0066cc; font-size: 28px; margin: 0px; background: none; padding: 0; }

#signup_cancel { float: right; margin-top: 0px; }

body.accept_toc .authorize-text { display: none !important; }

.connectWrapupUser { position: relative; }
.connectWrapupUser h1 { font-size: 24px; }
.connectWrapupUser .connectWrapupUser__avatar { position: absolute; width: 90px; height: 90px; overflow: hidden; top: 0; left: 0; background-position: center center; background-size: auto 120px; background-repeat: no-repeat; }
.connectWrapupUser .connectWrapupUser__bla { min-height: 89px; margin-left: 110px; }

body#oauth.nextpopup, body#oauth2_authorization.nextpopup { background: white; overflow: visible; }
body#oauth.nextpopup #main-wrapper, body#oauth2_authorization.nextpopup #main-wrapper { text-align: left; padding: 0; background: transparent; }
body#oauth.nextpopup #main-wrapper #popup-mobile-logo, body#oauth2_authorization.nextpopup #main-wrapper #popup-mobile-logo { display: block; position: relative; height: 64px; padding: 0 20px; line-height: 64px; color: white; margin-bottom: 40px; background-color: #2a2a2a; }
body#oauth.nextpopup #main-wrapper #popup-mobile-logo .logo, body#oauth2_authorization.nextpopup #main-wrapper #popup-mobile-logo .logo { display: inline-block; width: 25px; height: 16px; background-image: url(/images/cloud_mobile_popup.png?unicorn30); background-repeat: no-repeat; vertical-align: middle; }
body#oauth.nextpopup #main-wrapper #popup-mobile-logo .title, body#oauth2_authorization.nextpopup #main-wrapper #popup-mobile-logo .title { font-size: 16px; line-height: 20px; font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif; font-weight: 100; }
body#oauth.nextpopup #main-wrapper .authorize-text, body#oauth2_authorization.nextpopup #main-wrapper .authorize-text { font-size: 18px; font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif; font-weight: 100; max-width: 325px; margin: -15px auto 0 auto; }
body#oauth.nextpopup #main-wrapper #oauth2-login-form, body#oauth.nextpopup #main-wrapper #tab-connect, body#oauth.nextpopup #main-wrapper #tab-connect-sign-up, body#oauth2_authorization.nextpopup #main-wrapper #oauth2-login-form, body#oauth2_authorization.nextpopup #main-wrapper #tab-connect, body#oauth2_authorization.nextpopup #main-wrapper #tab-connect-sign-up { margin-top: 0 !important; padding-top: 0; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper { width: 100% !important; margin: 0; clear: both; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs-list, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs-list { position: absolute; top: 0; left: 0; height: 64px; width: 100%; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs { position: absolute; padding: 0; width: 100%; border-bottom: 0; bottom: 0; height: 50px; display: block; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs li, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs li { float: right; margin: 0; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs li a, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs li a { padding: 7px 15px 23px 15px; height: 20px; line-height: 20px; border: 0; font-size: 16px; margin: 0; color: #cccccc; font-family: "Interstate", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Garuda, Verdana, Tahoma, sans-serif; font-weight: 100; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs li.first, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs li.first { margin-right: 20px; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs li.current a, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .tabs li.current a { color: #333333; background: white; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .pane, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .pane { border: 0; padding-left: 20px; padding-right: 20px; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .width_1_2, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .width_1_2 { width: 49% !important; margin-right: 2% !important; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .width_1_2.last, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .width_1_2.last { margin-right: 0 !important; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-buttons a, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-buttons a { margin: auto; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-buttons a:hover, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-buttons a:hover { text-decoration: none; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group label, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group label { font-size: 12px; color: #333333; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group .title, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group .title { border: 1px solid #cccccc; border-radius: 4px; background: white; font-size: 18px; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group .title.error, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group .title.error { font-size: 18px; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group .title:hover, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group .title:hover { background: white; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group .error, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .form-group .error { color: #ff3300; font-size: 10px; }
body#oauth.nextpopup #main-wrapper .oauth-connect-form-wrapper .checkbox .error, body#oauth2_authorization.nextpopup #main-wrapper .oauth-connect-form-wrapper .checkbox .error { color: #ff3300; font-size: 10px; }
body#oauth.nextpopup #main-wrapper #oauth2-login-form, body#oauth.nextpopup #main-wrapper #signup-form-oauth, body#oauth.nextpopup #main-wrapper #accept-form-oauth, body#oauth.nextpopup #main-wrapper .connect-facebook-wrapper, body#oauth.nextpopup #main-wrapper .user-login-form, body#oauth.nextpopup #main-wrapper .forgot-password, body#oauth.nextpopup #main-wrapper #authorize-token, body#oauth.nextpopup #main-wrapper .connectWrapupContainer, body#oauth.nextpopup #main-wrapper #sign-up-new-user, body#oauth2_authorization.nextpopup #main-wrapper #oauth2-login-form, body#oauth2_authorization.nextpopup #main-wrapper #signup-form-oauth, body#oauth2_authorization.nextpopup #main-wrapper #accept-form-oauth, body#oauth2_authorization.nextpopup #main-wrapper .connect-facebook-wrapper, body#oauth2_authorization.nextpopup #main-wrapper .user-login-form, body#oauth2_authorization.nextpopup #main-wrapper .forgot-password, body#oauth2_authorization.nextpopup #main-wrapper #authorize-token, body#oauth2_authorization.nextpopup #main-wrapper .connectWrapupContainer, body#oauth2_authorization.nextpopup #main-wrapper #sign-up-new-user { width: 90% !important; max-width: 325px; margin: 30px auto 10px; }
body#oauth.nextpopup #main-wrapper #oauth2-login-form, body#oauth.nextpopup #main-wrapper #signup-form-oauth, body#oauth.nextpopup #main-wrapper #accept-form-oauth, body#oauth.nextpopup #main-wrapper .forgot-password, body#oauth2_authorization.nextpopup #main-wrapper #oauth2-login-form, body#oauth2_authorization.nextpopup #main-wrapper #signup-form-oauth, body#oauth2_authorization.nextpopup #main-wrapper #accept-form-oauth, body#oauth2_authorization.nextpopup #main-wrapper .forgot-password { width: 100% !important; }
body#oauth.nextpopup #main-wrapper #tell-more, body#oauth2_authorization.nextpopup #main-wrapper #tell-more { display: none; }
body#oauth.nextpopup #main-wrapper #recaptcha_widget_div, body#oauth2_authorization.nextpopup #main-wrapper #recaptcha_widget_div { margin: 20px 0 0 0; }

@media only screen and (device-width: 768px) { body#oauth.mobile #main-wrapper .authorize-text, body#oauth2_authorization.mobile #main-wrapper .authorize-text { font-size: 24px; }
  body#oauth.mobile #main-wrapper input.title, body#oauth2_authorization.mobile #main-wrapper input.title { font-size: 24px; padding: 2px 4px; }
  body#oauth.mobile #main-wrapper .form-buttons, body#oauth2_authorization.mobile #main-wrapper .form-buttons { padding-top: 20px; }
  body#oauth.mobile #main-wrapper .form-buttons .default, body#oauth2_authorization.mobile #main-wrapper .form-buttons .default { font-size: 21px !important; line-height: 38px !important; height: 38px; padding: 0 30px !important; margin: 0; }
  body#oauth.mobile #main-wrapper .form-buttons .cancel, body#oauth2_authorization.mobile #main-wrapper .form-buttons .cancel { font-size: 22px !important; margin: 4px 25px !important; } }

.connect-social-buttons { margin: 20px auto; width: 90%; max-width: 325px; overflow: hidden; }

.nextpopup .connect-social-buttons { margin-top: 10px; }
.nextpopup .next-light-label { font-size: 14px !important; }
.nextpopup #new_user_authorize { margin: 0 auto; float: none; }
.nextpopup .confirmation-form-group { margin: 30px auto; }
.nextpopup .medium-header-centered { font-size: 28px; text-align: center; color: #333333; }
.nextpopup .medium-text-centered { font-size: 16px; text-align: center; }

.facebook-signin, .google-plus-signin { display: block; background: url(/images/connect_social.png?unicorn30) no-repeat; height: 21px; width: 147px; background-position: 0 -42px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; border: 0px none; }

.google-plus-signin:hover { cursor: pointer; }

.facebook-signin { text-indent: -9999px; }

.google-plus-signin { width: 138px; background-position: -163px -42px; }

.social-sign-in-separator { margin: 30px auto; max-width: 325px; text-align: center; background-color: #e5e5e5; height: 1px; }
.social-sign-in-separator span { padding: 0 10px; position: relative; top: -9px; background-color: white; font-size: 14px; }

@media only screen and (min-width: 350px) { .connectWrapupContainer p { font-size: 16px; }
  .connectWrapupUser__avatar { width: 120px; height: 120px; background-size: auto 120px; }
  .connectWrapupUser__bla { min-height: 119px; margin-left: 140px; } }

@media only screen and (min-width: 500px) { #oauth2_authorization .connect-social-buttons, #oauth2_authorization #main-wrapper .oauth-connect-form-wrapper, #oauth2_authorization .login-header { width: 400px !important; }
  #oauth2_authorization .connect-social-buttons { max-width: 100%; }
  #oauth2_authorization #oauth2-login-form, #oauth2_authorization .connectWrapupContainer, #oauth2_authorization #signup-form-oauth, #oauth2_authorization #accept-form-oauth, #oauth2_authorization .forgot-password { max-width: 400px !important; }
  #oauth2_authorization .social-sign-in-separator { max-width: 100%; }
  #oauth2_authorization .facebook-signin, #oauth2_authorization .google-plus-signin { height: 29px; width: 198px; }
  #oauth2_authorization .facebook-signin { background-position: 0 0; }
  #oauth2_authorization .google-plus-signin { width: 195px; background-position: -202px 0; }
  body.popup #main-wrapper .connectWrapupContainer h1 { font-size: 28px; }
  .nextpopup .connect-social-buttons { margin-top: 10px; }
  .nextpopup .login-toc-text { padding: 25px 0 0; font-size: 12px; } }

.medium-header-centered { font-size: 14px; font-weight: bold; }

body.mobile-apps #main-wrapper { padding: 0 0 40px; min-width: 980px; }
body.mobile-apps #main-wrapper #main-wrapper-inner { width: 960px; }
body.mobile-apps h1 { text-align: center; font-size: 32px; color: #0066cc; margin-bottom: 5px; }
body.mobile-apps h2 { text-align: center; color: #333333; }
body.mobile-apps h3 { font-size: 20px; color: #0066cc; }
body.mobile-apps h4 { color: #909090; font-size: 13px; margin-top: 10px; }
body.mobile-apps #epic { overflow: hidden; margin: 0px 20px 0; position: relative; padding-top: 0; height: 580px; }
body.mobile-apps #epic #mobileapps_android, body.mobile-apps #epic #mobileapps_ipad, body.mobile-apps #epic #mobileapps_iphone { position: absolute; top: 60px; }
body.mobile-apps #epic #mobileapps_android { left: 25px; }
body.mobile-apps #epic #mobileapps_ipad { left: 206px; top: 15px; z-index: 2; }
body.mobile-apps #epic #mobileapps_iphone { right: 27px; top: 65px; }
body.mobile-apps #epic .apps-intro { font-size: 18px; line-height: 1.44em; width: 736px; margin: 0px auto; position: relative; top: 415px; z-index: 2; }
body.mobile-apps #epic .apps-intro p strong { color: #ff6600; font-weight: normal; }
body.mobile-apps #epic .apps-intro .buttons { width: 470px; margin: 0px auto; }
body.mobile-apps #epic .apps-intro .buttons .android { float: left; }
body.mobile-apps #epic .apps-intro .buttons .ios { float: right; }
body.mobile-apps #banner { margin-bottom: 15px; width: 960px; background: url(/images/mobileapps/bannerbg.gif?unicorn30) no-repeat 50% 100%; }
body.mobile-apps #banner .column { padding: 40px 0 25px; float: left; width: 33.333%; text-align: center; font-size: 14px; color: #333333; }
body.mobile-apps #banner .column span { display: block; color: #0066cc; }
body.mobile-apps #banner .column:hover span { color: #ff6600; }
body.mobile-apps #banner .column img { margin: 0px auto 15px; margin-bottom: 8px; }
body.mobile-apps #banner .column.appgallery img { margin-top: 5px; margin-bottom: 3px; }
body.mobile-apps #banner .mobile-banner { clear: both; color: #0066cc; background: white url(/images/mobileapps/mobilebannerbg.png?unicorn30) 13px 100% no-repeat; -moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius: 7px; line-height: 1em; border-top: 1px solid #e0e0e0; }
body.mobile-apps #banner .mobile-banner a { color: #0066cc; display: block; padding: 13px 13px 13px 50px; }
body.mobile-apps #banner .mobile-banner a em { color: #ff6600; font-style: normal; }
body.mobile-apps #banner .mobile-banner a span { color: #cccccc; }
body.mobile-apps #banner .mobile-banner a:hover { color: #ff6600; }